/* Media sits directly on the page; selection is a marker, never a frame. */
.product-gallery{min-width:0;width:100%;align-self:start}
.pg-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;border:0;background:#fff}
.pg-track::-webkit-scrollbar,.pg-thumbs::-webkit-scrollbar{display:none}
.pg-frame{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;display:block;border:0!important}
.pg-frame img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.pg-controls{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px;margin:16px 0 12px;color:#6f6d62;font-size:12px;line-height:1.5}
.pg-controls>span{text-align:center;font-variant-numeric:tabular-nums}
.pg-controls button{display:grid;place-items:center;font:inherit;font-size:20px;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#1c1b16;cursor:pointer}
.pg-controls button:disabled{opacity:.25;cursor:default}
.pg-thumbs{display:flex;gap:12px;overflow-x:auto;padding:4px 4px 12px;scroll-padding-inline:4px;scrollbar-width:none;overscroll-behavior-x:contain}
.pg-thumbs button{position:relative;flex:0 0 64px;width:64px;height:72px;padding:0 0 8px;background:transparent;border:0;cursor:pointer;opacity:.55}
.pg-thumbs button::after{content:"";position:absolute;bottom:0;left:calc(50% - 10px);width:20px;height:2px;background:transparent}
.pg-thumbs button[aria-current=true]{opacity:1}
.pg-thumbs button[aria-current=true]::after{background:#9c7a45}
.pg-thumbs img{display:block;width:100%;height:100%;object-fit:contain}
.product-gallery button{touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
.pg-controls button:not(:disabled):active{background:#f5f5f3}
.product-gallery :focus-visible{outline:2px solid #9c7a45;outline-offset:2px}
.pg-track:focus-visible{outline-offset:-2px}
@media(hover:hover) and (pointer:fine){.pg-thumbs button:hover{opacity:1}.pg-controls button:not(:disabled):hover{background:#f5f5f3}}
@media(max-width:560px){.pg-controls{margin:10px 0 8px}.pg-thumbs{gap:10px}.pg-thumbs button{flex-basis:56px;width:56px;height:64px}}
/* Native inline video keeps swipe navigation and accessible playback controls. */
.pg-frame{position:relative}
.pv-player{position:relative;min-width:0;background:#fff}
.pv-player video{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff}
.pg-video-note{position:absolute;top:12px;left:12px;padding:5px 8px;background:#ffffffed;color:#6f6d62;font-size:11px;pointer-events:none}
.pg-video-thumb{position:relative}
.pg-video-thumb span{position:absolute;bottom:11px;right:3px;background:#1c1b16;color:#fff;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:10px}
.pv-section[hidden]{display:none}
.pv-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(28px,6vw,90px)}
.pv-copy h2{font-size:clamp(28px,3vw,44px);font-weight:400;line-height:1.13;letter-spacing:-.035em;margin:14px 0 22px}
.pv-intro{font-size:17px;line-height:1.65;color:#6f6d62;max-width:36ch}
.pv-ledger{display:grid;grid-template-columns:100px 1fr;margin:30px 0 22px;font-size:14px;line-height:1.6}
.pv-ledger dt,.pv-ledger dd{padding:14px 0;border-top:1px solid #deded8;margin:0}
.pv-ledger dt{color:#6f6d62}.pv-ledger dd{color:#1c1b16}
.pv-note{font-size:12px!important;line-height:1.6;color:#6f6d62;max-width:48ch}
.pv-layout>.pv-player{border:1px solid #deded8}
@media(max-width:720px){.pv-layout{grid-template-columns:1fr;gap:26px}.pv-copy h2{max-width:16ch}.pv-ledger{margin:22px 0}.pv-layout>.pv-player{width:100%;max-width:560px;margin:auto}}