/* DEAD STOCK — IL NEGOZIO (armadio su fotografia) */
@font-face{font-family:"SH";src:url(fonts/ShaperLine-Regular.woff2) format("woff2");font-weight:100 600;font-display:swap}
@font-face{font-family:"SH";src:url(fonts/ShaperLine-Bold.woff2) format("woff2");font-weight:700 900;font-display:swap}
:root{--ink:#0c0c0c;--paper:#efe7d6;--white:#f6f3ec;--grey:#8e8a82;--red:#d23a2e;--f:"SH","Arial Narrow",sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--white);font:400 16px/1.4 var(--f);letter-spacing:.06em;overflow-x:hidden;font-feature-settings:"calt" 1}
a{color:inherit} button{font:inherit;color:inherit;cursor:pointer}
img{display:block}

/* televideo */
.ttx{position:fixed;top:0;left:0;right:0;z-index:40;height:36px;display:flex;align-items:center;gap:14px;padding:0 14px;background:#000;font-weight:700;letter-spacing:.12em;font-size:16px;border-bottom:1px solid #222}
.ttx-back{text-decoration:none;color:var(--white)}
.ttx-back:hover{color:#2fb8c4}
.ttx-name{background:#2fb8c4;color:#000;padding:3px 10px 1px;white-space:nowrap}
.ttx-hint{color:#e8d04a;animation:blk 1.2s steps(2) infinite}
@keyframes blk{50%{opacity:0}}
.lang{margin-left:auto;display:flex;border:2px solid var(--white)}
.lang button{background:none;border:0;padding:3px 9px 1px;font-weight:700;letter-spacing:.1em;font-size:14px}
.lang button[aria-pressed="true"]{background:var(--white);color:#000}

/* stanza */
.room{position:relative;height:calc(100svh - 36px);min-height:480px;margin-top:36px;overflow:hidden;background:#0b0b0b}
.track{position:absolute;inset:0;overflow:hidden}
.stage{position:absolute;left:0;top:0;width:1586px;height:992px;transform-origin:0 0}
.photo{position:absolute;inset:0;width:1586px;height:992px;user-select:none;-webkit-user-drag:none}
.dim{position:absolute;inset:0;background:rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:opacity .35s}
.room.picked .dim{opacity:1}

/* capi */
.g{position:absolute;padding:0;border:0;background:none;pointer-events:none;opacity:0;transition:opacity .25s,filter .25s;transform-origin:var(--hx) 2px;transition:filter .25s}
.g img{width:100%;height:auto;pointer-events:none;filter:drop-shadow(0 6px 6px rgba(0,0,0,.35))}
.g.hov,.g:focus-visible,.g.on{opacity:1;filter:brightness(1.38) saturate(1.08);outline:none;z-index:20!important}
.g img{filter:none!important}
.g:focus-visible img{filter:drop-shadow(0 0 0 2px var(--white))}
@keyframes swing{0%{transform:rotate(0)}15%{transform:rotate(3.5deg)}35%{transform:rotate(-2.6deg)}55%{transform:rotate(1.6deg)}75%{transform:rotate(-.8deg)}100%{transform:rotate(0)}}
.g.on{z-index:21!important}
@keyframes lift{0%{transform:rotate(0)}40%{transform:rotate(-4deg) translateY(-8px)}100%{transform:translateY(-14px) scale(1.06)}}


/* oggetti */
.hot{position:absolute;display:block;padding:0;border:0;background:none;border-radius:6px;cursor:pointer;text-decoration:none}
.hot:hover,.hot:focus-visible{box-shadow:0 0 0 3px rgba(239,231,214,.85);outline:none}
.tag{position:absolute;left:50%;bottom:-16px;transform:translateX(-50%) rotate(-2deg);background:var(--paper);color:var(--ink);font-weight:700;font-size:15px;letter-spacing:.12em;padding:4px 10px 3px;white-space:nowrap;box-shadow:0 3px 6px rgba(0,0,0,.5);opacity:0;transition:opacity .2s;pointer-events:none}
.hot:hover .tag,.hot:focus-visible .tag,.hot.show .tag{opacity:1}

/* scheda prodotto */
.card{position:fixed;z-index:60;right:24px;top:60px;width:min(380px,calc(100vw - 24px));max-height:calc(100svh - 84px);overflow:auto;
  background:var(--paper);color:var(--ink);border-radius:4px;padding:18px 18px 16px;box-shadow:0 24px 50px rgba(0,0,0,.7);transform:rotate(-1deg);animation:cardIn .4s cubic-bezier(.2,.9,.2,1)}
.card[hidden]{display:none}
.card::before{content:"";position:absolute;top:10px;left:50%;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--ink);box-shadow:inset 0 0 0 4px #3a3a3a}
@keyframes cardIn{from{transform:rotate(-6deg) translateY(30px);opacity:0}}
.card-x{position:absolute;top:8px;right:10px;background:none;border:0;font-size:20px;color:var(--ink)}
.card-img{margin:20px auto 10px;display:grid;place-items:center;height:290px}
.card-img img{max-height:290px;max-width:100%;width:auto;filter:drop-shadow(0 10px 12px rgba(0,0,0,.28))}
.fly{position:fixed;z-index:70;pointer-events:none;filter:drop-shadow(0 14px 16px rgba(0,0,0,.45))}
.card-kicker{margin:0;font-weight:700;font-size:13px;letter-spacing:.2em;color:#6b655a}
.card h2{margin:4px 0 6px;font-weight:700;font-size:28px;letter-spacing:.06em;line-height:1.05}
.card-desc{margin:0 0 10px;font-size:15px;line-height:1.35;letter-spacing:.04em}
.card-price{margin:0 0 12px;font-weight:700;font-size:24px;letter-spacing:.06em}
.sizes{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}
.sizes button{min-width:46px;padding:7px 8px 5px;border:2px solid var(--ink);background:none;font-weight:700;font-size:15px;letter-spacing:.06em}
.sizes button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.buy{width:100%;padding:12px 10px 10px;border:0;background:var(--ink);color:var(--paper);font-weight:700;font-size:16px;letter-spacing:.18em}
.buy[disabled]{opacity:.55;cursor:not-allowed}
.rip{margin:12px 0 0;font-size:13px;line-height:1.35;letter-spacing:.04em;border-top:2px dashed #b9ae93;padding-top:10px}
.rip b{color:var(--red);font-size:16px;letter-spacing:.12em}

.pan{display:none}
.foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:20px 20px calc(20px + env(safe-area-inset-bottom));border-top:1px solid #222;font-weight:700;font-size:14px;letter-spacing:.2em;color:var(--grey)}
.foot a{text-decoration:none}.foot a:hover{color:var(--white)}
.foot .legal{color:#6f6b64}

@media (max-width:860px){
  .ttx{gap:8px;font-size:13px;letter-spacing:.08em}
  .ttx-hint{display:none}
  .room{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  .room::-webkit-scrollbar{display:none}
  .track{position:relative;inset:auto}
  .pan{display:block;position:fixed;left:0;top:calc(100svh - 44px);z-index:20;width:100vw;margin:0;text-align:center;font-weight:700;font-size:13px;letter-spacing:.2em;text-shadow:0 1px 4px #000;pointer-events:none;transition:opacity .4s}
  .pan.gone{opacity:0}
  .card{left:0;right:0;top:auto;bottom:10px;margin:0 auto;transform:none;max-height:calc(100svh - 60px)}
  .card-img{height:190px}.card-img img{max-height:190px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.stage.over-g{cursor:pointer}

.views{display:flex;justify-content:center;gap:6px;margin:0 0 12px}
.views[hidden]{display:none}
.views button{padding:5px 12px 3px;border:2px solid var(--ink);background:none;font-weight:700;font-size:13px;letter-spacing:.14em}
.views button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.hot.prod.on{box-shadow:0 0 0 3px rgba(239,231,214,.95)}