/* Shop Marystè · DESIGN PREMIUM v2
   Boutique olistica di prima categoria: vetro, oro, tipografia editoriale.
   Zero blend-mode (Safari-proof), tutto degrada con grazia. */
*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}
:root{
--gold:#d8b05a;--gold-light:#f3d895;--gold-deep:#b08838;
--serif:'Playfair Display',Georgia,serif;--cormo:'Cormorant Garamond',Georgia,serif;--sans:'Manrope','Segoe UI',sans-serif;
--radius:20px;--ease:cubic-bezier(.22,1,.36,1);
--hairline:linear-gradient(90deg,transparent,rgba(216,176,90,.55),transparent);
}
html[data-theme="dark"]{
--bg:#0b0510;--surface:rgba(255,255,255,.055);--surface-2:rgba(255,255,255,.03);
--glass:rgba(20,12,30,.62);
--border:rgba(255,255,255,.12);--border-soft:rgba(255,255,255,.07);--border-gold:rgba(216,176,90,.22);
--heading:#fff;--text:rgba(255,255,255,.78);--text-dim:rgba(255,255,255,.52);
--gold-soft:#e8c97a;--card-img-bg:#160d20;
--shadow-card:0 1px 2px rgba(0,0,0,.4),0 24px 60px -24px rgba(0,0,0,.55);
--shadow-card-hover:0 2px 4px rgba(0,0,0,.4),0 30px 70px -20px rgba(0,0,0,.6),0 12px 40px -12px rgba(216,176,90,.22);
--glow:radial-gradient(70% 55% at 80% -5%,rgba(84,52,138,.5),transparent 62%),radial-gradient(60% 50% at 5% 100%,rgba(140,100,60,.22),transparent 60%),radial-gradient(40% 35% at 50% 45%,rgba(122,90,160,.12),transparent 70%),var(--bg);
}
html[data-theme="light"]{
--bg:#f7f1e7;--surface:rgba(45,27,78,.05);--surface-2:rgba(45,27,78,.025);
--glass:rgba(250,245,236,.75);
--border:rgba(45,27,78,.15);--border-soft:rgba(45,27,78,.08);--border-gold:rgba(176,136,56,.3);
--heading:#241338;--text:#473b59;--text-dim:#6f6680;
--gold-soft:#9c7526;--card-img-bg:#fff;
--shadow-card:0 1px 2px rgba(45,27,78,.08),0 22px 55px -25px rgba(45,27,78,.25);
--shadow-card-hover:0 2px 4px rgba(45,27,78,.08),0 28px 60px -20px rgba(45,27,78,.3),0 12px 40px -12px rgba(176,136,56,.3);
--glow:radial-gradient(70% 55% at 80% -5%,rgba(122,90,160,.14),transparent 62%),radial-gradient(60% 50% at 5% 100%,rgba(216,176,90,.16),transparent 60%),var(--bg);
}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--text);line-height:1.7;background:var(--glow);background-attachment:fixed;overflow-x:hidden;padding-top:76px}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
::selection{background:rgba(216,176,90,.35);color:var(--heading)}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
main,section,nav,footer,.crumbs{position:relative;z-index:2}

/* ===================== NAV · vetro e oro ===================== */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:12px 30px;background:var(--glass);-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5)}
.nav::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--hairline)}
.nav .brand img{height:40px;width:auto;filter:drop-shadow(0 2px 10px rgba(216,176,90,.25))}
.nav-links{display:flex;gap:32px}
.nav-links a{font-size:.88rem;color:var(--text);font-weight:600;letter-spacing:.3px;position:relative;padding:4px 0;transition:color .25s}
.nav-links a::after{content:"";position:absolute;left:0;bottom:-2px;height:1.5px;width:0;background:linear-gradient(90deg,var(--gold-light),var(--gold));transition:width .3s var(--ease)}
.nav-links a:hover{color:var(--gold-soft)}
.nav-links a:hover::after{width:100%}
.nav-right{display:flex;align-items:center;gap:12px}
.cerca-box{display:flex;align-items:center;gap:0}
.cerca-box form{width:0;overflow:hidden;transition:width .35s var(--ease)}
.cerca-box.aperta form{width:210px;margin-right:8px}
.cerca-box input{width:100%;padding:10px 16px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--heading);font-family:var(--sans);font-size:.84rem;outline:none}
.cerca-box input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(216,176,90,.14)}
.cerca-box input::placeholder{color:var(--text-dim)}
.cerca-btn{font-size:.95rem}
.cerca-box.aperta .cerca-btn{border-color:var(--gold);color:var(--gold-soft)}
@media(max-width:900px){.cerca-box{display:none}}
.theme-btn,.cart-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.05rem;line-height:1;transition:all .25s var(--ease);position:relative}
.theme-btn:hover,.cart-btn:hover{border-color:var(--gold);color:var(--gold-soft);transform:translateY(-1px);box-shadow:0 6px 18px -6px rgba(216,176,90,.4)}
html[data-theme="dark"] .theme-btn .ico-moon{display:none}
html[data-theme="light"] .theme-btn .ico-sun{display:none}
.cart-badge{position:absolute;top:-5px;right:-5px;background:linear-gradient(135deg,var(--gold-light),var(--gold-deep));color:#241338;font-size:.68rem;font-weight:800;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 8px rgba(216,176,90,.5)}
@media(max-width:820px){.nav-links{display:none}}

/* ===================== BOTTONI · gioielli ===================== */
.btn-gold{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold) 55%,var(--gold-deep) 100%);color:#241338;padding:14px 30px;border-radius:999px;font-weight:800;font-size:.95rem;letter-spacing:.3px;border:none;cursor:pointer;transition:transform .3s var(--ease),box-shadow .3s;font-family:var(--sans);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 10px 30px -8px rgba(216,176,90,.45)}
.btn-gold:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 16px 40px -8px rgba(216,176,90,.6)}
.btn-gold:active{transform:translateY(0)}

/* ===================== BRICIOLE ===================== */
.crumbs{max-width:1160px;margin:0 auto;padding:20px 24px 0;font-size:.8rem;color:var(--text-dim);letter-spacing:.2px}
.crumbs a:hover{color:var(--gold-soft)}
.crumbs i{margin:0 9px;font-style:normal;opacity:.45}
.crumbs span{color:var(--heading)}

/* ===================== SHOP HOME ===================== */
/* hero editoriale: testo + mosaico di prodotti reali */
.shop-hero2{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding:48px 0 30px;min-height:440px}
@media(max-width:860px){.shop-hero2{grid-template-columns:1fr;gap:26px;padding:30px 0 16px}}
.sh-kicker{font-size:.7rem;font-weight:800;letter-spacing:2.4px;text-transform:uppercase;color:var(--gold-soft)}
.sh-txt h1{font-family:var(--serif);font-size:clamp(2.3rem,5vw,3.7rem);line-height:1.06;letter-spacing:-.5px;color:var(--heading);margin:12px 0 16px}
.sh-txt h1 em{font-style:italic;background:linear-gradient(120deg,var(--gold-light),var(--gold) 55%,var(--gold-soft));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-right:.09em;margin-right:-.04em}
.sh-sub{font-family:var(--cormo);font-style:italic;font-size:1.22rem;color:var(--text-dim);max-width:440px;line-height:1.55;margin-bottom:24px}
.sh-cta{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:22px}
.sh-quiz{font-weight:700;font-size:.92rem;color:var(--gold-soft);border-bottom:1px dashed rgba(216,176,90,.45);padding-bottom:2px;transition:color .2s}
.sh-quiz:hover{color:var(--heading)}
.sh-trust{display:flex;gap:16px;flex-wrap:wrap;font-size:.76rem;color:var(--text-dim)}
.sh-mosaic{position:relative;height:420px}
@media(max-width:860px){.sh-mosaic{height:290px}}
.mz{position:absolute;border-radius:20px;overflow:hidden;border:1px solid var(--border-gold);box-shadow:var(--shadow-card);transition:transform .4s var(--ease),box-shadow .4s;animation:mzfloat 9s ease-in-out infinite}
.mz:hover{transform:scale(1.04) translateY(-4px)!important;box-shadow:var(--shadow-card-hover);z-index:5}
.mz img{width:100%;height:100%;object-fit:cover;display:block}
.mz1{width:56%;aspect-ratio:.92;top:0;right:6%;z-index:2}
.mz2{width:42%;aspect-ratio:1;bottom:4%;left:0;z-index:3;animation-delay:-3s}
.mz3{width:34%;aspect-ratio:1;bottom:0;right:0;z-index:1;animation-delay:-6s}
@keyframes mzfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media (prefers-reduced-motion:reduce){.mz{animation:none}}
.mz-badge{position:absolute;top:6%;left:2%;z-index:4;background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-gold);color:var(--heading);font-size:.72rem;font-weight:800;line-height:1.35;padding:10px 16px;border-radius:14px;box-shadow:var(--shadow-card)}

.shop-hero{text-align:center;padding:58px 0 14px;position:relative}
.shop-hero::after{content:"";display:block;width:120px;height:1px;background:var(--hairline);margin:26px auto 0}
.shop-hero h1{font-family:var(--serif);font-size:clamp(2.4rem,5.5vw,3.9rem);line-height:1.08;letter-spacing:-.5px;margin-bottom:16px;background:linear-gradient(135deg,var(--heading) 30%,var(--gold-soft) 85%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--heading);padding-right:.06em}
.shop-hero p{max-width:580px;margin:0 auto;color:var(--text-dim);font-family:var(--cormo);font-size:1.25rem;font-style:italic;line-height:1.5}

/* striscia fiducia */
.trust-strip{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding:22px 0 4px}
.trust-strip span{display:inline-flex;align-items:center;gap:7px;font-size:.78rem;font-weight:600;color:var(--text-dim);background:var(--surface);border:1px solid var(--border-soft);border-radius:999px;padding:8px 16px}

/* toolbar: NON sticky su desktop (era invadente), essenziale e leggera */
.toolbar{padding:26px 0 4px}
.cerca-mobile{display:none;width:100%;max-width:220px;margin:0 0 12px;padding:9px 16px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--heading);font-family:var(--sans);font-size:.88rem;outline:none}
.cerca-mobile:focus{border-color:var(--gold)}
@media(max-width:900px){.cerca-mobile{display:block}}
.chips{display:flex;gap:9px;overflow-x:auto;padding:2px 2px 12px;scrollbar-width:none;justify-content:flex-start}
.chips::-webkit-scrollbar{display:none}
.chip{flex:0 0 auto;padding:9px 17px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .25s var(--ease);font-family:var(--sans)}
.chip i{font-style:normal;opacity:.5;font-size:.72rem;margin-left:2px}
.chip:hover{border-color:var(--gold);transform:translateY(-1px)}
.chip.on{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#241338;border-color:transparent;box-shadow:0 6px 18px -6px rgba(216,176,90,.5)}
.chip.on i{opacity:.65}
.chip-hot{border-color:var(--border-gold);color:var(--gold-soft);font-weight:700}

/* card teaser IRIDE in testa al catalogo */
.iride-card-wrap{padding:22px 0 0}
.iride-card{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-radius:20px;padding:20px 26px;color:#2c2533;background:linear-gradient(115deg,#d7b8ef 0%,#b8d4ef 28%,#b6efd8 52%,#f3dca6 76%,#efb6d2 100%);background-size:220% 100%;animation:iride-scorri 14s ease-in-out infinite;box-shadow:0 14px 40px -14px rgba(120,60,140,.5);transition:transform .3s var(--ease)}
.iride-card:hover{transform:translateY(-3px)}
.iride-card .ic-luna{font-size:1.6rem}
.iride-card b{font-family:var(--serif);font-size:1.5rem;letter-spacing:3px}
.iride-card i{font-family:var(--cormo);font-style:italic;font-size:1.02rem;opacity:.95;flex:1;min-width:180px}
.iride-card .ic-cta{background:rgba(255,255,255,.55);border:1px solid rgba(44,37,51,.25);padding:9px 18px;border-radius:999px;font-weight:800;font-size:.82rem;white-space:nowrap}
@keyframes iride-scorri{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media (prefers-reduced-motion:reduce){.iride-card{animation:none}}

/* ===================== GRID + CARD · vetrina gioielleria ===================== */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:26px;padding:28px 0 80px}
.card{background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--border-gold);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-card);transition:transform .4s var(--ease),box-shadow .4s,border-color .4s}
.card:hover{transform:translateY(-7px);box-shadow:var(--shadow-card-hover);border-color:rgba(216,176,90,.55)}
.card-img{aspect-ratio:1;background:var(--card-img-bg);position:relative;overflow:hidden}
.card-img::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.card-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.card:hover .card-img img{transform:scale(1.07)}
.badge-out,.badge-sale,.badge-hand{position:absolute;top:12px;left:12px;font-size:.66rem;font-weight:800;padding:5px 13px;border-radius:999px;letter-spacing:.5px;z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.badge-out{background:rgba(25,25,25,.72);color:#fff}
.badge-sale{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#241338;box-shadow:0 4px 14px -4px rgba(216,176,90,.6)}
.badge-hand{background:rgba(110,80,150,.7);color:#fff}
.card.out .card-img img{filter:grayscale(.7);opacity:.55}
.card-bd{padding:16px 18px 18px}
.card-bd h3{font-size:.9rem;font-weight:700;color:var(--heading);line-height:1.4;letter-spacing:.1px;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card-price{font-size:1rem;display:flex;align-items:baseline;gap:7px}
.card-price b{color:var(--gold-soft);font-weight:800;font-size:1.08rem}
.card-price s{color:var(--text-dim);font-size:.82rem}
.nores{text-align:center;padding:60px 0;color:var(--text-dim);font-family:var(--cormo);font-style:italic;font-size:1.15rem}

/* ===================== PAGINA PRODOTTO ===================== */
.prod{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;padding:30px 24px 70px;max-width:1160px;margin:0 auto}
@media(max-width:860px){.prod{grid-template-columns:1fr;gap:28px}}
.gal-main{border-radius:24px;overflow:hidden;background:var(--card-img-bg);border:1px solid var(--border-gold);box-shadow:var(--shadow-card);aspect-ratio:2/3}
.gal-main img{width:100%;height:100%;object-fit:contain;display:block}
.gal-thumbs{display:flex;gap:12px;margin-top:14px;overflow-x:auto;padding-bottom:4px}
.gal-thumbs img{width:70px;height:70px;object-fit:cover;border-radius:14px;cursor:pointer;border:2px solid transparent;opacity:.65;transition:all .25s}
.gal-th{position:relative;padding:0;border:none;background:none;cursor:pointer;line-height:0}
.gal-th img{width:70px;height:70px;object-fit:cover;border-radius:14px;border:2px solid transparent;opacity:.65;transition:all .25s}
.gal-th.on img,.gal-th:hover img{border-color:var(--gold);opacity:1}
.gal-th .pl{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;text-shadow:0 1px 6px rgba(0,0,0,.6);pointer-events:none}
.gal-main video{border-radius:24px;background:#000}
.gal-thumbs img.on,.gal-thumbs img:hover{border-color:var(--gold);opacity:1;transform:translateY(-2px)}
.prod-coll{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold-soft);margin-bottom:12px}
.prod-info h1{font-family:var(--serif);font-size:clamp(1.7rem,3.6vw,2.5rem);color:var(--heading);line-height:1.12;letter-spacing:-.3px;margin-bottom:16px}
.prod-price{font-size:1.9rem;margin-bottom:20px;font-family:var(--serif);display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.prod-price b{color:var(--gold-soft);font-weight:700}
.prod-price s{color:var(--text-dim);font-size:1.15rem;margin-right:10px}
.save-tag{display:inline-block;margin-left:14px;background:rgba(120,168,128,.16);color:#4a7c59;font-size:.7rem;font-weight:800;font-family:var(--sans);padding:5px 14px;border-radius:999px;letter-spacing:.4px}
html[data-theme="dark"] .save-tag{color:#90b898}
.varlab{display:block;font-size:.75rem;font-weight:700;color:var(--text-dim);margin-bottom:6px;letter-spacing:.4px}
.varsel{width:100%;max-width:360px;padding:12px 16px;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--heading);font-family:var(--sans);font-size:.9rem;margin-bottom:18px}
.prod-buy{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:8px 0 12px}
.qty{display:flex;align-items:center;border:1px solid var(--border);border-radius:999px;overflow:hidden;background:var(--surface)}
.qty button{width:42px;height:48px;border:none;background:transparent;color:var(--heading);font-size:1.15rem;cursor:pointer;transition:color .2s}
.qty button:hover{color:var(--gold-soft)}
.qty span{min-width:36px;text-align:center;font-weight:800;color:var(--heading)}
.btn-add{flex:1;min-width:210px;padding:15px 30px}
.trust{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin:18px 0 22px;font-size:.78rem;color:var(--text-dim)}
.trust span{display:flex;align-items:center;gap:6px}
.prod-out{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 18px;font-size:.9rem;margin-bottom:20px}
.prod-desc{border-top:1px solid var(--border-soft);padding-top:22px;font-size:.94rem;line-height:1.85}
.prod-desc p{margin-bottom:12px}
.prod-desc ul{margin:0 0 12px 20px}
.prod-hand{margin-top:18px;font-family:var(--cormo);font-style:italic;font-size:1.02rem;color:var(--text-dim)}
.rel{padding-bottom:70px;max-width:1160px;margin:0 auto;padding-left:24px;padding-right:24px}
.rel h2{font-family:var(--serif);color:var(--heading);font-size:1.7rem;margin-bottom:2px}
.rel h2::after{content:"";display:block;width:70px;height:1px;background:var(--hairline);margin-top:10px}

/* ===================== PAGINA COLLEZIONE ===================== */
.cat-page{padding:34px 24px 70px;max-width:1160px;margin:0 auto}
.cat-page h1{font-family:var(--serif);font-size:clamp(2.1rem,4.8vw,3.2rem);letter-spacing:-.4px;background:linear-gradient(135deg,var(--heading) 30%,var(--gold-soft) 85%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--heading);padding-right:.06em}
.cat-sub{max-width:660px;color:var(--text-dim);margin:10px 0 8px;font-family:var(--cormo);font-style:italic;font-size:1.12rem}
.cat-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 0 0;color:var(--text-dim);font-size:.85rem}
.toolbar .cat-bar{justify-content:flex-end;padding:0 0 8px}
.ordina{padding:10px 16px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--heading);font-family:var(--sans);font-size:.82rem;cursor:pointer;transition:border-color .25s}
.ordina:hover{border-color:var(--gold)}

/* ===================== BUYBAR MOBILE ===================== */
.buybar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:40;background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border-gold);padding:10px 16px calc(10px + env(safe-area-inset-bottom));align-items:center;gap:12px}
.buybar-info{flex:1;min-width:0}
.buybar-info b{color:var(--gold-soft);font-size:1.1rem;display:block;font-family:var(--serif)}
.buybar-info small{color:var(--text-dim);font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.buybar .btn-gold{padding:12px 22px;font-size:.85rem}
@media(max-width:860px){.buybar{display:flex}body:has(.buybar){padding-bottom:78px}}

/* ===================== CARRELLO · salotto di vetro ===================== */
.cart-overlay{position:fixed;inset:0;background:rgba(5,2,10,.55);z-index:90;opacity:0;pointer-events:none;transition:opacity .35s;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.cart-overlay.on{opacity:1;pointer-events:auto}
.cart-drawer{position:fixed;top:0;right:-440px;width:min(410px,94vw);height:100dvh;background:var(--bg);z-index:100;display:flex;flex-direction:column;border-left:1px solid var(--border-gold);border-radius:26px 0 0 26px;transition:right .4s var(--ease);box-shadow:-30px 0 80px -30px rgba(0,0,0,.5)}
.cart-drawer.on{right:0}
.cart-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid var(--border-soft);color:var(--heading);font-family:var(--serif);font-size:1.1rem}
.cart-x{border:none;background:none;color:var(--text);font-size:1.15rem;cursor:pointer;transition:color .2s}
.cart-x:hover{color:var(--gold-soft)}
.cart-items{flex:1;overflow-y:auto;padding:16px 22px}
.cart-row{display:flex;gap:13px;padding:11px 0;border-bottom:1px solid var(--border-soft);align-items:center}
.cart-row img{width:58px;height:58px;object-fit:cover;border-radius:12px;border:1px solid var(--border-soft)}
.cart-row-bd{flex:1;font-size:.82rem}
.cart-row-bd b{color:var(--heading);display:block;line-height:1.35}
.cart-row-bd small{color:var(--text-dim)}
.cart-row-qty{display:flex;align-items:center;gap:9px;font-size:.85rem}
.cart-row-qty button{width:26px;height:26px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--heading);cursor:pointer;line-height:1;transition:all .2s}
.cart-row-qty button:hover{border-color:var(--gold);color:var(--gold-soft)}
.cart-empty{text-align:center;color:var(--text-dim);padding:50px 12px;font-family:var(--cormo);font-style:italic;font-size:1.1rem}
.cart-foot{padding:18px 22px 24px;border-top:1px solid var(--border-soft)}
.cart-tot{display:flex;justify-content:space-between;margin-bottom:13px;color:var(--heading);font-size:1.1rem;font-family:var(--serif)}
.cart-go{width:100%}
.cart-note{font-size:.72rem;color:var(--text-dim);text-align:center;margin-top:11px}

/* spedizione gratis bar */
.ship-bar{background:var(--surface);border:1px solid var(--border-gold);border-radius:14px;padding:12px 15px;margin-bottom:14px;font-size:.8rem}
.ship-bar b{color:var(--gold-soft)}
.ship-track{height:7px;border-radius:5px;background:var(--surface-2);border:1px solid var(--border-soft);margin-top:9px;overflow:hidden}
.ship-fill{height:100%;background:linear-gradient(90deg,var(--gold-deep),var(--gold-light));transition:width .5s var(--ease)}

/* cross-sell */
.xsell{margin-top:18px;border-top:1px dashed var(--border-gold);padding-top:14px}
.xsell-t{font-size:.78rem;font-weight:700;color:var(--text-dim);margin-bottom:4px}
.xsell-row{border-bottom:none;padding:8px 0}
.xsell-add{border:1px solid var(--gold);background:none;color:var(--gold-soft);font-size:.72rem;font-weight:800;padding:7px 14px;border-radius:999px;cursor:pointer;white-space:nowrap;font-family:var(--sans);transition:all .25s}
.xsell-add:hover{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#241338;border-color:transparent}

/* ===================== TOAST ===================== */
.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(90px);background:var(--heading);color:var(--bg);padding:13px 28px;border-radius:999px;font-size:.85rem;font-weight:700;z-index:120;transition:transform .4s var(--ease);box-shadow:0 14px 40px -10px rgba(0,0,0,.5)}
.toast.on{transform:translateX(-50%) translateY(0)}

/* ===================== FOOTER ===================== */
.foot{padding:46px 0 54px;font-size:.85rem;margin-top:24px;position:relative}
.foot::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--hairline)}
.foot-cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
@media(max-width:720px){.foot-cols{grid-template-columns:1fr 1fr}}
.foot-col b{display:block;color:var(--gold-soft);font-size:.72rem;text-transform:uppercase;letter-spacing:1.4px;margin-bottom:12px;font-weight:800}
.foot-col a{display:block;padding:3px 0;color:var(--text-dim);font-size:.84rem;transition:color .2s}
.foot-col p{color:var(--text-dim);font-size:.83rem}
.foot-dim{color:var(--text-dim);font-size:.74rem;margin-top:8px}
.foot a:hover{color:var(--gold-soft)}