/* Real application screenshots; the entire window stays visible. */
.product-gallery .hero-preview-top{margin-bottom:12px}
.product-gallery .gallery-build{font-variant-numeric:tabular-nums;white-space:nowrap}
.product-gallery .hero-preview-frame{position:relative;background:#20272b;border-color:#41494d;padding:7px;box-shadow:0 22px 55px -32px #17242b70}
.gallery-viewport{display:grid;overflow:hidden;border-radius:8px;touch-action:pan-y pinch-zoom;background:#edf1f2}
.gallery-slide{grid-area:1/1;margin:0;min-width:0}
.gallery-slide:not(.is-active){display:none}
.product-gallery.is-ready .gallery-slide{display:block;opacity:0;visibility:hidden;transform:translateX(20px) scale(.985);transition:opacity .42s ease,transform .52s cubic-bezier(.22,1,.36,1),visibility .52s;pointer-events:none}
.product-gallery.is-ready .gallery-slide.is-active{opacity:1;visibility:visible;transform:translateX(0) scale(1);pointer-events:auto}
.product-gallery.is-reversing .gallery-slide:not(.is-active){transform:translateX(-20px) scale(.985)}
.gallery-slide img{aspect-ratio:1800/1055;object-fit:contain;background:#edf1f2}
.gallery-controls[hidden]{display:none}
.gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}
.gallery-choices{display:flex;gap:4px;flex-wrap:wrap}
.product-gallery button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.gallery-choice{position:relative;display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:9px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted,#69747a);font-size:10px!important;line-height:1.4;transition:background .2s,color .2s,border-color .2s}
.gallery-choice span{font-size:9px;opacity:.65;font-variant-numeric:tabular-nums}
.gallery-choice:hover{color:var(--ink,#182329);background:#18232908}
.gallery-choice[aria-pressed="true"]{color:var(--ink,#182329);background:#fff;border-color:#dce0e1;box-shadow:0 2px 5px #18232905}
.gallery-choice[aria-pressed="true"] span{color:var(--red,#c73635);opacity:1}
.gallery-arrows{display:flex;flex-shrink:0;gap:5px}
.gallery-arrow{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #d3d9dc;border-radius:50%;background:transparent;color:var(--ink,#182329);transition:background .2s,transform .2s}
.gallery-arrow:hover{background:#fff;transform:translateY(-1px)}
.gallery-arrow svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.product-gallery button:focus-visible,.product-gallery a:focus-visible{outline:2px solid var(--red,#c73635);outline-offset:3px}
.product-gallery figcaption{margin-top:11px;padding-top:12px;border-top:1px solid var(--line,#dce0e1)}
.product-gallery .gallery-note{max-width:420px}
.gallery-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1100px) and (min-width:901px){.gallery-controls{flex-wrap:wrap}.gallery-choice{padding:8px}.gallery-arrows{margin-left:auto}}
@media(max-width:600px){.gallery-controls{gap:8px;align-items:flex-start}.gallery-choices{gap:1px}.gallery-choice{padding:8px 6px;font-size:9px!important;gap:4px}.gallery-arrow{width:40px;height:40px}.gallery-arrows{gap:4px}.product-gallery .hero-preview-frame{padding:5px}.gallery-viewport{border-radius:5px}}
@media(max-width:380px){.gallery-controls{flex-wrap:wrap}.gallery-arrows{margin-left:auto}.gallery-choice{font-size:10px!important;padding:8px}}
@media(prefers-reduced-motion:reduce){.product-gallery.is-ready .gallery-slide,.gallery-choice,.gallery-arrow{transition:none;transform:none!important}}