/* Light full-frame detail gallery; the main vitrine keeps transparent cutouts. */
.watch-preview-grid .watch-studio-card{background:transparent;border:0;min-height:0}
.watch-view-rail{display:flex;align-items:center;justify-content:safe center;gap:12px;padding:8px;overflow-x:auto;scrollbar-width:none;max-width:100%;box-sizing:border-box}
.watch-view-rail::-webkit-scrollbar{display:none}
.watch-view{flex:0 0 auto;border:0;background:none;color:#294743;padding:0;display:grid;place-items:center;cursor:pointer;width:56px;height:56px;min-height:44px}
.watch-view-thumb{display:block;width:48px;height:48px;border:1px solid #9aa9aa66;border-radius:50%;overflow:hidden;background:#e4e9eb}
.watch-view-thumb img{display:block;width:100%;height:100%;object-fit:contain;padding:4px;background:transparent}
.watch-view[aria-pressed=true] .watch-view-thumb{border-color:#31574f;box-shadow:0 0 0 3px #e9edef,0 0 0 4px #31574f}
.watch-view:focus-visible{outline:2px solid #31574f;outline-offset:2px;border-radius:50%}
.watch-studio-modal,.storefront dialog.watch-studio-modal{position:fixed;inset:0;margin:0;padding:0;width:100%;height:100dvh;max-width:none;max-height:none;box-sizing:border-box;border:0!important;overflow:hidden;color:#193039!important;background:radial-gradient(ellipse at 50% 40%,#fbfcfa,#e5e9eb 70%)!important}
.watch-studio-modal[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.watch-studio-modal::backdrop{background:#08131c}
.watch-studio-open{overflow:hidden}
.studio-modal-head{display:flex;align-items:center;gap:12px;padding:clamp(16px,3vh,32px) 4vw 10px;z-index:2}
.studio-modal-title{margin:0 auto 0 0;min-width:0;font:clamp(30px,3.5vw,58px)/1.1 var(--serif,Georgia);letter-spacing:-.03em;color:#193039;overflow-wrap:anywhere}
.studio-close,.studio-zoom,.studio-photo-arrow{flex:0 0 auto;display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #607c7655;border-radius:50%;background:transparent;color:#274941;font:26px/1 sans-serif;cursor:pointer}
.studio-close{font-size:30px}.studio-zoom{font-size:24px}
.watch-studio-modal button:focus-visible{outline:2px solid #31574f;outline-offset:3px}
.studio-photo-rail{position:relative;display:flex;overflow-x:auto;overflow-y:hidden;min-height:0;width:100%;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;direction:ltr}
.studio-photo-rail::-webkit-scrollbar{display:none}
.studio-photo-frame{position:relative;flex:0 0 100%;width:100%;height:100%;min-height:0;box-sizing:border-box;scroll-snap-align:center;scroll-snap-stop:always;overflow:hidden;display:block}
.watch-studio-modal .studio-modal-image{display:block;width:100%;height:100%;max-width:none;max-height:none;box-sizing:border-box;object-fit:contain!important;transform:none!important;padding:12px 5vw;user-select:none;-webkit-user-select:none}
.studio-photo-frame[data-studio-view=full] .studio-modal-image{padding:14px 12vw}
.studio-modal-footer{padding:0 4vw max(14px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.studio-photo-controls{display:flex;align-items:center;justify-content:center;gap:16px}.studio-photo-count{font:11px/1 sans-serif;letter-spacing:.14em;font-variant-numeric:tabular-nums;color:#3d575b;min-width:62px;text-align:center}
.studio-photo-arrow{font-size:21px}.studio-photo-arrow:disabled{opacity:.25;cursor:default}
.studio-modal-note{font:10px/1.5 sans-serif;color:#647577;margin:0}
.watch-studio-modal.is-zoomed .studio-photo-rail{overflow:hidden;scroll-snap-type:none}
.studio-photo-frame.is-zoomed{overflow:auto;touch-action:pan-x pan-y pinch-zoom;overscroll-behavior:contain}
.watch-studio-modal .studio-photo-frame.is-zoomed .studio-modal-image{width:180%;height:180%;padding:0}
@media(max-width:700px){
 .studio-modal-head{padding:16px 16px 6px;gap:8px}.studio-modal-title{font-size:32px}
 .watch-studio-modal .studio-modal-image{padding:8px 0}.studio-photo-frame[data-studio-view=full] .studio-modal-image{padding:10px 8vw}
 .studio-modal-footer{padding:0 8px max(12px,env(safe-area-inset-bottom));gap:2px;justify-content:center;flex-direction:column}
 .watch-studio-modal .watch-view-rail{width:100%;gap:6px;padding:8px 4px}.watch-studio-modal .watch-view{width:44px;height:48px}.watch-studio-modal .watch-view-thumb{width:38px;height:38px}
 .studio-modal-note{display:none}.studio-photo-controls{gap:18px}
}
@media(max-height:500px) and (min-width:701px){.studio-modal-head{padding:8px 20px}.studio-modal-title{font-size:28px}.studio-modal-footer{padding-bottom:6px}.watch-view{height:44px}.watch-view-thumb{height:36px;width:36px}.studio-modal-note{display:none}}
@media(prefers-reduced-motion:reduce){.studio-photo-rail{scroll-behavior:auto}}

/* One studio surface and equal breathing room for every uncropped cutout. */
:root{--watch-studio-background:radial-gradient(ellipse at 50% 40%,#fbfcfa,#e5e9eb 70%)}
.watch-studio-modal,.storefront dialog.watch-studio-modal{background:var(--watch-studio-background)!important}
.watch-studio-modal .studio-photo-frame .studio-modal-image{padding:clamp(16px,3vh,32px) clamp(16px,4vw,72px);background:transparent;filter:none}
.watch-studio-modal .studio-photo-frame.is-zoomed .studio-modal-image{padding:0}
.watch-view-thumb{background:var(--watch-studio-background)}