/* Shared product card (product-sheet.js) — used by every showcase. */
.look-cat{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#9a9083}
.look-note{margin:10px 0 0;font-size:11px;line-height:1.5;color:#857b6f}
/* piece sheet */
.look-sheet{position:fixed;z-index:60;inset:0;display:flex;justify-content:flex-end}
.look-sheet[hidden]{display:none}
.look-sheet-veil{position:absolute;inset:0;background:#1a161266;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.look-card{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;width:min(520px,100vw);height:100%;background:#f4f2ee;color:#231f1a;overflow:auto;overscroll-behavior:contain;box-shadow:-20px 0 60px #00000026}
#shopView .look-close,.look-close{position:absolute;z-index:3;top:14px;right:14px;width:44px;height:44px;border-radius:50%;border:0;background:#f4f2eee6;color:#231f1a;display:grid;place-items:center;padding:0}
.look-close svg{width:22px;height:22px}
.look-gal{position:relative;min-height:0;height:min(62vh,640px)}
.look-gal-track{display:flex;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.look-gal-track::-webkit-scrollbar{display:none}
.look-gal-track.is-zoomed{overflow:hidden;scroll-snap-type:none;touch-action:none}
.look-slide{flex:0 0 100%;height:100%;margin:0;scroll-snap-align:center;scroll-snap-stop:always;overflow:hidden;background:#ece9e3;cursor:zoom-in}
.look-slide img{display:block;width:100%;height:100%;object-fit:contain;transition:transform 320ms cubic-bezier(.22,1,.36,1);-webkit-user-drag:none;user-select:none}
.look-slide.is-zoomed{cursor:zoom-out}.look-slide.is-zoomed img{transform:scale(2.2);transition-duration:260ms}
.look-dots{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:4px}
#shopView .look-dots button,.look-dots button{width:22px;height:22px;padding:0;border:0;background:transparent;display:grid;place-items:center}
.look-dots button::after{content:"";width:6px;height:6px;border-radius:50%;background:#231f1a40;transition:transform 200ms ease,background 200ms ease}
.look-dots button[aria-current=true]::after{background:#231f1a;transform:scale(1.25)}
.look-gal-count{position:absolute;left:16px;top:18px;font-size:11px;letter-spacing:.1em;color:#6f665a}
#shopView .look-gal-nav,.look-gal-nav{position:absolute;top:50%;width:44px;height:44px;margin-top:-22px;border-radius:50%;border:1px solid #231f1a26;background:#f4f2eee0;color:#231f1a;display:none;place-items:center;padding:0}
.look-gal-nav:first-of-type{left:12px}.look-gal-nav+.look-gal-nav{right:12px}.look-gal-nav:disabled{opacity:.25}
.look-gal-nav svg{width:20px;height:20px}
@media (hover:hover) and (pointer:fine){.look-gal-nav{display:grid}}
.look-info{padding:22px 24px 28px;display:grid;gap:6px}
.look-info h4{margin:2px 0 0;font:400 26px/1.15 Georgia,serif;letter-spacing:-.01em}
.look-info-price{font-size:18px;font-weight:400}
.look-info-look{margin:0 0 10px;font-size:12px;color:#857b6f}
.look-size-label{margin:6px 0 2px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#6f665a}
.look-sizes{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
#shopView .look-sizes button,.look-sizes button{min-width:48px;min-height:44px;padding:0 12px;border:1px solid #231f1a2e;border-radius:2px;background:transparent;color:#231f1a;font-size:13px}
#shopView .look-sizes button[aria-checked=true],.look-sizes button[aria-checked=true]{background:#231f1a;color:#f6f1e9;border-color:#231f1a}
#shopView .look-buy,.look-buy{min-height:52px;border:0;border-radius:2px;background:#231f1a;color:#f6f1e9;font-size:14px}
.look-gal-hint{margin:8px 0 0;font-size:11px;line-height:1.5;color:#9a9083}
@media(max-width:700px){
 .look-sheet{align-items:flex-end}
 .look-card{width:100%;height:auto;max-height:92svh;grid-template-rows:auto auto;border-radius:14px 14px 0 0;box-shadow:0 -20px 60px #00000026}
 .look-card::before{content:"";position:absolute;z-index:3;top:8px;left:50%;width:38px;height:4px;margin-left:-19px;border-radius:2px;background:#231f1a33}
 .look-gal{height:min(46svh,420px)}
 .look-info{padding:18px 20px calc(22px + env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){.look-slide img,.look-dots button::after{transition:none}}
.look-opts{display:grid}
.look-sizes.is-swatches{gap:10px}
#shopView .look-sizes .look-swatch,.look-sizes .look-swatch{min-width:0;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid #231f1a26;background:transparent;display:grid;place-items:center}
.look-swatch::after{content:"";width:30px;height:30px;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 1px #0000001f;transition:transform 200ms cubic-bezier(.22,1,.36,1)}
#shopView .look-sizes .look-swatch[aria-checked=true],.look-sizes .look-swatch[aria-checked=true]{background:transparent;border-color:#231f1a}
.look-swatch[aria-checked=true]::after{transform:scale(.86)}
.look-card.is-dark .look-slide{background:radial-gradient(circle at 50% 42%,#4a1a22 0%,#1d0a0e 78%)}
.look-card.is-dark .look-gal-count{color:#d8c8c0}.look-card.is-dark .look-dots button::after{background:#f3ebe366}.look-card.is-dark .look-dots button[aria-current=true]::after{background:#f3ebe3}