#product-modal{padding:0;width:min(1020px,calc(100% - 32px));max-height:92vh;max-height:92dvh;border:1px solid #d4e7e3;border-radius:16px;overflow:hidden;color:#183b35;box-shadow:0 20px 70px #102d2855}
#product-modal[open]{display:flex;flex-direction:column}
#product-modal [hidden]{display:none!important}
#product-modal::backdrop{background:#163e3873;backdrop-filter:blur(3px)}
.product-modal-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.product-modal-heading .product-modal-brand{margin:0}
#product-modal>.modal-close{position:absolute;right:14px;top:12px}
#product-modal .modal-close{position:static;float:none;display:grid;place-items:center;width:34px;height:34px;border:0;background:#f1f7f5;border-radius:50%;font-size:25px;line-height:1;color:var(--dark);flex:none}
#product-modal .modal-close:hover{background:#d8f5ef}
#product-modal button:focus-visible,#product-modal a:focus-visible{outline:2px solid var(--dark);outline-offset:3px}
#product-modal button,#product-modal a{touch-action:manipulation}
#product-content{padding:20px;overflow:auto;overscroll-behavior:contain;min-height:0;scrollbar-color:#94c8bd #f5f9f7}
.product-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:start}
.product-gallery{position:sticky;top:0;min-width:0}
.product-image-stage{position:relative;aspect-ratio:3/2;overflow:hidden;background:#fff;border:1px solid #e2eeea;border-radius:12px;cursor:zoom-in;isolation:isolate}
.product-image-stage.is-zoomed{cursor:grab;touch-action:none}
.product-image-stage.is-dragging{cursor:grabbing}
.product-image-stage:focus-visible{outline:2px solid var(--dark);outline-offset:3px}
.product-image-stage>img{display:block;width:100%;height:100%;object-fit:contain;transform-origin:center;user-select:none;-webkit-user-drag:none;pointer-events:none}
.product-image-stage .product-photo-message{position:absolute;inset:0;display:grid;place-items:center;padding:20px;text-align:center;color:#536b65;font-size:12px}
.product-gallery-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0}
.product-photo-counter{font-size:11px;color:#536b65}
.product-zoom-controls{display:flex;align-items:center;gap:4px}
.product-gallery button{border:1px solid #d4e7e3;background:white;color:var(--dark);cursor:pointer}
.product-zoom-controls button{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;border-radius:7px;font-size:11px;padding:6px}
.product-zoom-controls svg{width:16px;height:16px;fill:currentColor}
.product-gallery button:disabled{opacity:.35;cursor:default}
.product-gallery button:not(:disabled):hover{border-color:#00ab9c;background:#f2faf7}
.product-thumbnails{display:flex;gap:8px;overflow-x:auto;padding:3px}
.product-thumbnails button{padding:2px;border-radius:7px;flex:0 0 66px;height:48px;overflow:hidden}
.product-thumbnails button[aria-pressed=true]{border-color:#00ab9c;box-shadow:0 0 0 1px #00ab9c}
.product-thumbnails img{width:100%;height:100%;object-fit:contain;display:block}
.product-zoom-hint{font-size:10px;line-height:1.5;color:#627a73;margin:8px 0 0}
.product-modal-brand{display:flex;align-items:center;min-height:52px;min-width:0;margin:0 0 8px;font-size:12px;color:#536b65}
.product-modal-brand img{display:block;width:var(--logo-width-desktop,auto);max-width:min(150px,100%);height:var(--logo-height-desktop,32px);object-fit:contain}
#product-modal #product-title{font-size:24px;line-height:1.25;font-weight:700;text-transform:none;border:0;padding:0;margin:0 0 7px;color:var(--dark);overflow-wrap:anywhere}
.product-modal-meta{font-size:11px;line-height:1.5;color:#627a73;margin:0 0 12px}
.product-modal-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0}
.product-modal-price .price{font-size:27px;line-height:1.3}
.product-modal-price del{font-size:13px;color:#6f827d}
.product-modal-offer{display:inline-block;padding:3px 7px;border-radius:5px;background:#fff0ef;color:#b72323;font-size:11px;font-weight:700}
.product-price-note{margin:5px 0 14px;font-size:11px;line-height:1.5;color:#627a73}
#product-modal .product-specs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px 8px;margin:0 0 16px;padding:12px 0;border-top:1px solid #e2eeea;border-bottom:1px solid #e2eeea}
.product-specs dt{font-size:10px;font-weight:400;color:#627a73}
.product-specs dd{font-size:12px;line-height:1.5;overflow-wrap:anywhere;margin:1px 0 0}
.product-modal-ctas{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap}
.product-modal-ctas .button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:10px 16px;font-size:12px}
.product-modal-ctas svg{width:17px;height:17px;fill:currentColor;flex:none}
.product-stores-shortcut{display:inline-flex;align-items:center;gap:9px;min-height:44px;max-width:100%;padding:10px 14px;background:#f3f9f6;border:1px solid #bad8d0;border-radius:9px;font:inherit;font-size:12px;font-weight:700;line-height:1.4;text-align:left;color:var(--dark);cursor:pointer;transition:background .15s,border-color .15s}
.product-stores-shortcut:hover{background:#e4f3ed;border-color:#75b5a7;text-decoration:none}
.product-stores-shortcut[aria-expanded=true]{background:var(--mint);border-color:#008a7c}
.product-stores-shortcut>span{min-width:0}
.product-modal-description{margin-top:12px;font-size:12px}
.product-modal-description summary{cursor:pointer;color:var(--dark);padding:5px 0}
.product-modal-description p{margin:6px 0 0;color:#536b65;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere}
.product-modal-stores{width:100%;max-width:720px;margin:20px auto 0;padding-top:12px}
.product-store-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #d4e7e3;border-radius:10px;overflow:hidden;font-size:12px}
.product-store-table th,.product-store-table td{padding:8px 14px;border:0;border-bottom:1px solid #e2eeea;vertical-align:middle}
.product-store-table thead th{background:#f3f8f6;font-size:11px;font-weight:400;color:#627a73}
.product-store-table thead th:last-child{text-align:center}
.product-store-table tbody th{background:white;color:var(--dark);font-size:13px;font-weight:500;line-height:1.4;overflow-wrap:anywhere}
.product-store-table tbody tr:last-child th,.product-store-table tbody tr:last-child td{border-bottom:0}
.product-store-actions{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}
.product-store-actions .product-store-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:6px 0;border:0;background:transparent;box-shadow:none;color:var(--dark);font-size:11px;font-weight:500;line-height:1.35;white-space:nowrap;text-decoration:none}
.product-store-action svg{width:18px;height:18px;fill:currentColor;flex:none}
.product-store-action:hover{color:#00877c}
.product-store-action:hover span{text-decoration:underline;text-underline-offset:4px}
.product-modal-status{padding:24px 0;text-align:center}
.product-modal-status h2{font-size:20px!important}
.product-modal-status p{font-size:13px;color:#536b65}
@media(max-width:780px){.product-overview{gap:20px}.product-modal-ctas .button{width:100%}.product-modal-ctas{gap:4px}}
@media(max-width:600px){#product-modal{width:calc(100% - 16px);max-height:95vh;max-height:95dvh;border-radius:12px}#product-content{padding:14px}.product-overview{grid-template-columns:1fr;gap:16px}.product-gallery{position:static}.product-image-stage{aspect-ratio:4/3;max-height:290px}.product-modal-brand{margin-bottom:6px}#product-modal #product-title{font-size:21px}.product-modal-price .price{font-size:25px}.product-modal-stores{margin-top:16px}.product-modal-ctas .button{width:auto}.product-modal-ctas{gap:8px 12px}.product-zoom-controls button{min-width:44px;height:40px}.product-store-actions .product-store-action{font-size:12px}.product-thumbnails button{flex-basis:62px}}
@media(forced-colors:active){.product-thumbnails button[aria-pressed=true]{outline:2px solid Highlight}.product-modal-offer{border:1px solid currentColor}}

@media(max-width:600px){.product-store-table th,.product-store-table td{padding:8px}.product-store-table tbody th{font-size:12px;width:38%}.product-store-actions{gap:4px;flex-wrap:nowrap;justify-content:space-around}.product-store-actions .product-store-action{flex-direction:column;font-size:10px;gap:3px;padding:4px 0}.product-store-action svg{width:17px;height:17px}}

@media(max-width:600px){.product-specs dd{font-size:11px}#product-modal .product-specs{column-gap:7px}}

.product-store-headings{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.product-stores-shortcut::after{content:"";display:block;width:7px;height:7px;margin:0 3px 3px 5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);flex:none}
.product-stores-shortcut[aria-expanded=true]::after{transform:rotate(225deg);margin-bottom:-3px}

.product-availability-toggle{display:flex;justify-content:center;width:100%;max-width:720px;margin:18px auto 0}
.product-stores-shortcut>svg{width:17px;height:17px;fill:currentColor;flex:none}
@media(prefers-reduced-motion:reduce){.product-stores-shortcut{transition:none}}

@media(max-width:767px){.product-modal-brand{min-height:46px}.product-modal-brand img{width:var(--logo-width-mobile,auto);height:var(--logo-height-mobile,30px);max-width:min(130px,100%)}}
