/** Shopify CDN: Minification failed

Line 357:0 All "@import" rules must come first

**/
/* ============================================
   DISTINCT — CSS v14 FINALE PULITO
   Nessuna regola duplicata
   ============================================ */

:root {
  --black:       #000000;
  --off-black:   #080808;
  --dark:        #0f0f0f;
  --dark-2:      #171717;
  --white:       #ffffff;
  --off-white:   #f2ede5;
  --text-muted:  #606060;
  --border:      rgba(255,255,255,0.09);
  --font-display:'Oswald', sans-serif;
  --font-body:   'Montserrat', sans-serif;
  --tr:          0.35s cubic-bezier(0.25,0.46,0.45,0.94);
  --tr-fast:     0.18s ease;
  --header-h:    68px;
  --marquee-h:   40px;
  --top-offset:  calc(var(--header-h) + var(--marquee-h));
}

/* ===== RESET ===== */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:#000;color:#fff;font-family:var(--font-body);font-weight:300;overflow-x:hidden;cursor:auto;}
a{color:inherit;text-decoration:none;cursor:pointer;}
img{max-width:100%;display:block;}
button{border:none;background:none;font-family:inherit;cursor:pointer;}
ul{list-style:none;}

/* ===== CANVAS (loghi oscillanti su tutto il sito) ===== */
#starfield{position:fixed;inset:0;z-index:0;pointer-events:none;mix-blend-mode:screen;}
#gold-dust{display:none !important;}

/* ===== RAIN ===== */
.rain-container{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden;}
.rain-drop{position:absolute;width:1px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,0.05));animation:rainFall linear infinite;top:-100px;}
@keyframes rainFall{to{transform:translateY(110vh);}}

/* ===== LAYOUT ===== */
.container{max-width:1380px;margin:0 auto;padding:0 40px;position:relative;z-index:2;}
section{position:relative;z-index:2;}
main{position:relative;z-index:2;}

/* ===== HEADER ===== */
.site-header{
  position:fixed;top:0;left:0;right:0;
  height:var(--header-h);z-index:200;
  display:flex;align-items:center;
  background:rgba(0,0,0,0.88);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid var(--border);
  transition:background var(--tr);
}
.site-header.scrolled{background:rgba(0,0,0,0.97);}
.header-inner{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding-left:80px;}

/* D-spine rotante angolo top-left */
.site-logo{position:fixed;top:10px;left:14px;z-index:300;display:block;line-height:0;}
.logo-spine-img{width:50px;height:50px;object-fit:contain;display:block;animation:spineRotate 12s linear infinite;transform-origin:center;}
@keyframes spineRotate{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.site-logo:hover .logo-spine-img{animation-play-state:paused;opacity:0.7;}

.header-nav{display:flex;gap:28px;align-items:center;height:100%;}
.header-nav a{font-family:var(--font-display);font-size:0.78rem;font-weight:400;letter-spacing:0.2em;text-transform:uppercase;color:#fff;position:relative;transition:opacity var(--tr-fast);}
.header-nav a::after{content:'';position:absolute;bottom:-3px;left:0;width:0;height:1px;background:#fff;transition:width var(--tr);}
.header-nav a:hover{opacity:0.6;}
.header-nav a:hover::after{width:100%;}

.header-actions{display:flex;align-items:center;gap:16px;}
.header-icon-btn{color:#fff;opacity:0.7;transition:opacity var(--tr-fast);line-height:0;}
.header-icon-btn:hover{opacity:1;}
.cart-btn{position:relative;color:#fff;opacity:0.85;transition:opacity var(--tr-fast);line-height:0;padding:0;}
.cart-btn:hover{opacity:1;}
.cart-count{position:absolute;top:-9px;right:-11px;background:#fff;color:#000;font-size:0.58rem;font-weight:700;width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-body);}

/* ===== MARQUEE BAR (sotto header, fixed) ===== */
.marquee-bar{
  position:fixed;top:var(--header-h);left:0;right:0;
  height:var(--marquee-h);z-index:199;
  background:#ffffff;
  display:flex;align-items:center;overflow:hidden;
  box-shadow:0 2px 8px rgba(0,0,0,0.3);
}
.marquee-logo-wrap{
  flex-shrink:0;width:80px;height:100%;
  display:flex;align-items:center;justify-content:center;
  background:#fff;padding:4px 8px;
}
.marquee-logo-wrap.marquee-logo-right{border-left:1px solid rgba(0,0,0,0.08);}
.marquee-logo-wrap.marquee-logo-left{border-right:1px solid rgba(0,0,0,0.08);}
.marquee-logo-swing{height:26px;width:auto;object-fit:contain;filter:invert(1);animation:logoSwing 3s ease-in-out infinite;transform-origin:center;}
.marquee-logo-swing-delay{animation-delay:-1.5s;}
@keyframes logoSwing{0%{transform:rotate(-8deg) scale(1);}25%{transform:rotate(0deg) scale(1.05);}50%{transform:rotate(8deg) scale(1);}75%{transform:rotate(0deg) scale(1.05);}100%{transform:rotate(-8deg) scale(1);}}
.marquee-scroll-area{flex:1;overflow:hidden;position:relative;}
.marquee-track{display:flex;animation:marqueeScroll 80s linear infinite;width:max-content;white-space:nowrap;}
@keyframes marqueeScroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
.marquee-item{font-family:var(--font-display);font-size:0.7rem;font-weight:600;letter-spacing:0.28em;color:#000;text-transform:uppercase;white-space:nowrap;padding:0 24px;line-height:var(--marquee-h);}
.marquee-spine-item{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0 12px;}
.marquee-spine-img{height:22px;width:22px;object-fit:contain;filter:invert(1);opacity:0.7;}

/* ===== HERO ===== */
.hero-section{
  position:relative;width:100%;min-height:100vh;
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;background:#000;
  padding-top:var(--top-offset);
}
/* Logo calligrafico FERMO al centro */
.hero-center-logo-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:1;pointer-events:none;}
.hero-center-logo{width:min(65vw,540px);height:auto;object-fit:contain;opacity:0.95;user-select:none;}
/* Badge SVG circolare rotante */
.hero-rotating-badge-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none;}
.hero-rotating-badge{width:min(88vw,660px);height:min(88vw,660px);animation:badgeSpin 16s linear infinite;transform-origin:center;overflow:visible;}
@keyframes badgeSpin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.hero-badge-text{font-family:'Oswald',sans-serif;font-size:18px;font-weight:700;fill:#fff;letter-spacing:0.18em;text-transform:uppercase;}
/* CTA buttons */
.hero-content-overlay{position:relative;z-index:3;text-align:center;pointer-events:none;}
.hero-cta-group{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;pointer-events:all;margin-top:280px;}
/* Scroll arrow */
.scroll-down{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);z-index:4;color:rgba(255,255,255,0.2);animation:scrollBounce 2.2s ease-in-out infinite;line-height:0;}
@keyframes scrollBounce{0%,100%{transform:translateX(-50%) translateY(0);}50%{transform:translateX(-50%) translateY(7px);}}

/* ===== BUTTONS ===== */
.btn{display:inline-flex;align-items:center;gap:9px;padding:12px 30px;font-family:var(--font-display);font-size:0.82rem;font-weight:400;letter-spacing:0.2em;text-transform:uppercase;transition:all var(--tr);}
.btn-white{background:#fff;color:#000;}
.btn-white:hover{background:var(--off-white);transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,255,255,0.1);}
.btn-outline{border:1px solid rgba(255,255,255,0.45);color:#fff;background:transparent;}
.btn-outline:hover{background:#fff;color:#000;transform:translateY(-2px);}

/* ===== SECTIONS ===== */
.section-header{text-align:center;margin-bottom:56px;}
.section-tag{font-size:0.6rem;letter-spacing:0.5em;text-transform:uppercase;color:var(--text-muted);margin-bottom:14px;display:block;font-family:var(--font-display);}
.section-title{font-family:var(--font-display);font-size:clamp(40px,7vw,86px);font-weight:600;letter-spacing:0.06em;line-height:1;color:#fff;}
.section-line{width:40px;height:1px;background:rgba(255,255,255,0.12);margin:16px auto 0;}
.section-rotating-logo-wrap{display:flex;align-items:center;justify-content:center;margin:0 auto 4px;width:min(88vw,700px);}
.section-rotating-logo{width:100%;height:auto;object-fit:contain;opacity:0.92;}
.reveal{opacity:0;transform:translateY(32px);transition:opacity 0.8s ease,transform 0.8s cubic-bezier(0.25,0.46,0.45,0.94);}
.reveal.visible{opacity:1;transform:translateY(0);}

/* ===== PRODUCTS ===== */
.products-section{padding:80px 0;background:#000;}
.products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;max-width:1100px;margin:0 auto;}

/* ===== PRODUCT CARD ===== */
.product-card{position:relative;background:#0a0a0a;overflow:hidden;transition:transform var(--tr);border:1px solid rgba(255,255,255,0.05);}
.product-card:hover{transform:translateY(-4px);}
.product-image-wrap{position:relative;aspect-ratio:3/4;overflow:hidden;background:#000;}
.product-image-wrap img{width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;transition:transform 0.9s ease;}
.product-image-wrap.model-img{background:var(--dark-2);}
.product-image-wrap.model-img img{mix-blend-mode:normal;}
.product-card:hover .product-image-wrap img{transform:scale(1.04);}
.product-badge{position:absolute;top:12px;left:12px;background:#fff;color:#000;font-size:0.6rem;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;padding:4px 10px;z-index:5;}
.product-info{padding:18px 18px 22px;border-top:1px solid rgba(255,255,255,0.05);}
.product-name{font-family:var(--font-display);font-size:1.1rem;font-weight:500;letter-spacing:0.08em;color:#fff;margin-bottom:4px;text-transform:uppercase;}
.product-desc{font-size:0.7rem;color:var(--text-muted);line-height:1.7;margin-bottom:12px;}
.product-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.product-price{font-family:var(--font-display);font-size:1.2rem;font-weight:300;color:#fff;}
.product-old-price{font-size:0.75rem;color:var(--text-muted);text-decoration:line-through;margin-left:6px;}
.size-selector{display:flex;gap:4px;margin-bottom:14px;flex-wrap:wrap;}
.size-btn{width:36px;height:36px;border:1px solid rgba(255,255,255,0.18);background:transparent;color:#fff;font-size:0.62rem;font-weight:600;font-family:var(--font-body);transition:all var(--tr-fast);display:flex;align-items:center;justify-content:center;}
.size-btn:hover:not(:disabled),.size-btn.active{border-color:#fff;background:#fff;color:#000;}
.add-to-cart-btn{width:100%;padding:12px;background:#fff;color:#000;font-family:var(--font-display);font-size:0.8rem;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;transition:all var(--tr);}
.add-to-cart-btn:hover{background:var(--off-white);transform:translateY(-1px);}

/* ===== CARD IMAGE SWIPER ===== */
.card-img-swiper-wrap{position:relative;}
.card-img-swiper{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;}
.card-img-swiper .swiper-wrapper{height:100%;}
.card-img-swiper .swiper-slide{height:100%;overflow:hidden;}
.card-img-swiper .card-img-link{display:block;width:100%;height:100%;}
.card-img-swiper img{width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;-webkit-user-drag:none;pointer-events:none;}
.card-img-swiper-wrap.model-img .card-img-swiper img{mix-blend-mode:normal;}
.card-img-dots{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);display:flex;gap:5px;z-index:5;pointer-events:none;}
.card-img-dot{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,0.3);transition:background 0.2s,width 0.2s;display:block;}
.card-img-dot.active{background:rgba(255,255,255,0.9);width:14px;border-radius:3px;}

/* ===== SHIPPING SECTION ===== */
.shipping-section-new,.shipping-section{padding:72px 0;background:var(--off-black);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.shipping-logos-bg{position:absolute;inset:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:28px 36px;padding:20px;pointer-events:none;z-index:0;}
.shipping-logo-item{display:flex;align-items:center;justify-content:center;opacity:0.06;}
.shipping-logo-item img{height:44px;width:44px;object-fit:contain;}
.shipping-content{position:relative;z-index:1;}
.shipping-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;max-width:820px;margin:0 auto;text-align:center;}
.shipping-item{padding:36px 24px;border-right:1px solid var(--border);}
.shipping-item:last-child{border-right:none;}
.shipping-icon{font-size:1.5rem;margin-bottom:12px;display:block;}
.shipping-zone{font-size:0.58rem;letter-spacing:0.4em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;font-family:var(--font-display);}
.shipping-price{font-family:var(--font-display);font-size:2.2rem;font-weight:600;color:#fff;line-height:1;margin-bottom:6px;}
.shipping-note{font-size:0.6rem;color:var(--text-muted);letter-spacing:0.06em;}

/* ===== CART ===== */
.cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.82);backdrop-filter:blur(6px);z-index:300;opacity:0;pointer-events:none;transition:opacity var(--tr);}
.cart-overlay.active{opacity:1;pointer-events:all;}
.cart-sidebar{position:fixed;top:0;right:-480px;width:440px;height:100vh;background:#0f0f0f;border-left:1px solid var(--border);z-index:400;display:flex;flex-direction:column;transition:right var(--tr);overflow:hidden;}
.cart-sidebar.open{right:0;}
.cart-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;border-bottom:1px solid var(--border);}
.cart-sidebar-title{font-family:var(--font-display);font-size:1.3rem;font-weight:500;letter-spacing:0.15em;color:#fff;text-transform:uppercase;}
.cart-close{width:34px;height:34px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;background:none;transition:border-color var(--tr-fast);}
.cart-close:hover{border-color:#fff;}
.cart-items{flex:1;overflow-y:auto;padding:14px 26px;scrollbar-width:thin;}
.cart-item{display:grid;grid-template-columns:66px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--border);}
.cart-item-img{width:66px;height:66px;object-fit:cover;background:var(--dark-2);}
.cart-item-name{font-family:var(--font-display);font-size:0.88rem;font-weight:400;letter-spacing:0.08em;color:#fff;margin-bottom:2px;text-transform:uppercase;}
.cart-item-size{font-size:0.6rem;color:var(--text-muted);letter-spacing:0.1em;}
.cart-item-price{font-family:var(--font-display);font-size:0.95rem;color:#fff;}
.cart-qty{display:flex;align-items:center;gap:9px;margin-top:6px;}
.cart-qty-btn{width:22px;height:22px;border:1px solid var(--border);color:#fff;font-size:0.9rem;display:flex;align-items:center;justify-content:center;background:none;cursor:pointer;transition:border-color var(--tr-fast);}
.cart-qty-btn:hover{border-color:#fff;}
.cart-remove-btn{color:var(--text-muted);font-size:0.65rem;margin-top:8px;display:block;background:none;border:none;cursor:pointer;text-align:right;width:100%;}
.cart-remove-btn:hover{color:#fff;}
.cart-footer{padding:16px 26px;border-top:1px solid var(--border);}
.cart-subtotal{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
.cart-subtotal span:first-child{font-family:var(--font-display);font-size:0.7rem;font-weight:300;letter-spacing:0.3em;text-transform:uppercase;color:var(--text-muted);}
.cart-subtotal span:last-child{font-family:var(--font-display);font-size:1.3rem;font-weight:300;color:#fff;}
.cart-shipping-note{font-size:0.57rem;color:var(--text-muted);letter-spacing:0.05em;margin-bottom:14px;text-align:center;padding:8px;border:1px solid var(--border);line-height:1.6;}
.checkout-btn{display:block;width:100%;padding:14px;background:#fff;color:#000;font-family:var(--font-display);font-size:0.85rem;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;text-align:center;transition:background var(--tr-fast);margin-bottom:8px;}
.checkout-btn:hover{background:var(--off-white);}
.cart-note{text-align:center;font-size:0.57rem;color:var(--text-muted);letter-spacing:0.07em;}
.cart-empty{text-align:center;padding:60px 26px;color:var(--text-muted);}
.cart-empty-icon{font-size:2rem;margin-bottom:12px;opacity:0.15;}
.cart-empty p{font-size:0.78rem;letter-spacing:0.1em;}

/* ===== TOAST ===== */
.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(14px);background:#fff;color:#000;padding:10px 26px;font-family:var(--font-display);font-size:0.8rem;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;opacity:0;transition:all 0.3s ease;z-index:1000;pointer-events:none;white-space:nowrap;}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

/* ===== FOOTER ===== */
.site-footer{position:relative;background:var(--off-black);border-top:1px solid var(--border);overflow:hidden;z-index:2;}
.footer-distinct-logo{width:100%;display:flex;align-items:center;justify-content:center;padding:80px 0 26px;border-bottom:1px solid var(--border);}
.footer-distinct-img{width:min(70vw,540px);height:auto;object-fit:contain;opacity:0.86;}
.footer-social-icons-section{padding:40px 0;border-bottom:1px solid var(--border);}
.footer-social-icons-row{display:flex;align-items:center;justify-content:center;gap:32px;}
.footer-social-icon-btn{display:flex;align-items:center;justify-content:center;border-radius:16px;line-height:0;transition:transform 0.2s,box-shadow 0.2s;-webkit-tap-highlight-color:transparent;}
.footer-social-icon-btn:first-child:hover{transform:translateY(-4px) scale(1.08);box-shadow:0 12px 30px rgba(220,39,67,0.45);}
.footer-social-icon-btn:last-child:hover{transform:translateY(-4px) scale(1.08);box-shadow:0 12px 30px rgba(37,244,238,0.35);}
.footer-compact-row{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--border);gap:16px;flex-wrap:wrap;}
.footer-links-inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.footer-links-inline a{font-family:var(--font-display);font-size:0.7rem;font-weight:300;letter-spacing:0.15em;text-transform:uppercase;color:var(--text-muted);transition:color var(--tr-fast);}
.footer-links-inline a:hover{color:#fff;}
.footer-shipping-sep{opacity:0.25;color:var(--text-muted);}
.footer-shipping-inline{font-family:var(--font-display);font-size:0.65rem;font-weight:300;letter-spacing:0.15em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;}
.footer-bottom{padding:18px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;}
.footer-bottom p{font-size:0.6rem;color:var(--text-muted);letter-spacing:0.07em;}

/* ===== INTRO ANIMATION ===== */
#distinct-intro{position:fixed;inset:0;z-index:9999;background:#000;display:flex;align-items:center;justify-content:center;animation:introIn 0.5s ease forwards;}
@keyframes introIn{from{opacity:0;}to{opacity:1;}}
.intro-inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
.intro-logo{width:min(88vw,88vh);height:auto;object-fit:contain;opacity:0;transform:scale(0.82);animation:introLogoIn 0.9s 0.3s cubic-bezier(0.16,1,0.3,1) forwards;}
@keyframes introLogoIn{from{opacity:0;transform:scale(0.82);}to{opacity:1;transform:scale(1);}}
#distinct-intro.intro-grow .intro-logo{animation:introGrow 0.7s ease forwards;}
@keyframes introGrow{from{opacity:1;transform:scale(1);}to{opacity:0;transform:scale(1.2);}}
#distinct-intro.intro-exit{animation:introOut 0.7s ease forwards;}
@keyframes introOut{from{opacity:1;}to{opacity:0;pointer-events:none;}}

/* ===== PAGE CONTENT ===== */
.page-content-wrapper{padding:calc(var(--top-offset) + 40px) 0 80px;}
.page-content h2{font-family:var(--font-display);font-size:1.2rem;font-weight:500;letter-spacing:0.12em;color:#fff;text-transform:uppercase;margin:36px 0 12px;}
.page-content p{font-size:0.82rem;color:var(--text-muted);line-height:1.9;margin-bottom:14px;}
.page-content a{color:#fff;text-decoration:underline;text-underline-offset:4px;}
.page-content strong{color:#fff;font-weight:500;}
.size-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.size-table{width:100%;border-collapse:collapse;font-size:0.78rem;}
.size-table th{font-family:var(--font-display);font-size:0.62rem;font-weight:300;letter-spacing:0.3em;text-transform:uppercase;color:var(--text-muted);padding:10px 14px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;}
.size-table td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,0.04);color:#fff;}
.size-table td:first-child{font-family:var(--font-display);font-size:0.95rem;font-weight:500;}
.contact-email-link{display:inline-block;font-family:var(--font-display);font-size:clamp(1.2rem,3vw,2rem);font-weight:300;color:#fff;border-bottom:1px solid rgba(255,255,255,0.25);padding-bottom:5px;transition:opacity 0.2s;}
.contact-email-link:hover{opacity:0.7;}

/* ===== ADMIN ===== */
.admin-panel{position:fixed;bottom:0;left:-360px;width:340px;height:100vh;background:var(--dark);border-right:1px solid var(--border);z-index:500;display:flex;flex-direction:column;transition:left var(--tr);padding:24px;}
.admin-panel.open{left:0;}
.admin-panel h3{font-family:var(--font-display);font-size:1.2rem;font-weight:500;color:#fff;text-transform:uppercase;margin-bottom:22px;padding-bottom:11px;border-bottom:1px solid var(--border);}
.admin-stat{background:var(--dark-2);border:1px solid var(--border);padding:11px 15px;margin-bottom:8px;}
.admin-stat-label{font-size:0.58rem;letter-spacing:0.3em;text-transform:uppercase;color:var(--text-muted);margin-bottom:3px;}
.admin-stat-value{font-family:var(--font-display);font-size:1.4rem;font-weight:300;color:#fff;}
.admin-btn{width:100%;padding:11px;margin-top:8px;font-family:var(--font-display);font-size:0.75rem;font-weight:400;letter-spacing:0.2em;text-transform:uppercase;cursor:pointer;}
.admin-close-btn{position:absolute;top:16px;right:16px;color:var(--text-muted);font-size:0.95rem;background:none;border:none;cursor:pointer;transition:color var(--tr-fast);}
.admin-close-btn:hover{color:#fff;}

/* ===== PRODUCT DETAIL PAGE ===== */
.product-page{padding:calc(var(--top-offset) + 30px) 0 80px;background:#000;}
.product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;}
.product-gallery{position:sticky;top:calc(var(--top-offset) + 20px);}
.product-main-img{width:100%;aspect-ratio:3/4;object-fit:cover;background:#000;border:1px solid var(--border);}
.product-thumbnails{display:flex;gap:8px;margin-top:10px;}
.product-thumb{width:66px;height:66px;object-fit:cover;border:1px solid var(--border);cursor:pointer;transition:border-color var(--tr-fast);}
.product-thumb.active,.product-thumb:hover{border-color:#fff;}
.product-detail-info h1{font-family:var(--font-display);font-size:2.4rem;font-weight:600;letter-spacing:0.08em;color:#fff;text-transform:uppercase;}
.product-detail-price{font-family:var(--font-display);font-size:1.8rem;font-weight:300;color:#fff;margin:14px 0 22px;}
.product-detail-desc{font-size:0.8rem;color:var(--text-muted);line-height:1.9;margin-bottom:28px;}
.product-features{margin:28px 0;padding:22px;border:1px solid var(--border);}
.feature-item{display:flex;align-items:flex-start;gap:11px;padding:8px 0;border-bottom:1px solid var(--border);}
.feature-item:last-child{border:none;}
.feature-text{font-size:0.75rem;color:var(--text-muted);line-height:1.6;}

/* ===== COLLECTION PAGE ===== */
.collection-page{padding:calc(var(--top-offset) + 30px) 0 80px;}

/* ===== MOBILE ===== */
@media (max-width: 768px) {
  :root{--header-h:58px;--marquee-h:36px;}
  .container{padding:0 14px;}
  .header-inner{padding-left:60px;}
  .header-nav{display:none;}
  .logo-spine-img{width:40px;height:40px;}
  .marquee-logo-wrap{width:62px;}
  .marquee-logo-swing{height:20px;}
  .marquee-item{font-size:0.62rem;letter-spacing:0.16em;padding:0 16px;}
  .hero-center-logo{width:min(82vw,340px);}
  .hero-rotating-badge{width:min(96vw,380px) !important;height:min(96vw,380px) !important;}
  .hero-badge-text{font-size:13px !important;letter-spacing:0.1em !important;}
  .hero-cta-group{margin-top:190px !important;}
  .products-grid{grid-template-columns:1fr 1fr;gap:1px;}
  .product-info{padding:12px 12px 15px;}
  .product-name{font-size:0.9rem;}
  .product-desc{display:none;}
  .size-btn{width:33px;height:33px;font-size:0.58rem;}
  .add-to-cart-btn{padding:10px;font-size:0.74rem;letter-spacing:0.12em;}
  .cart-sidebar{width:100%;right:-100%;}
  .cart-sidebar.open{right:0;}
  .cart-sidebar-header{padding:18px 18px;}
  .cart-items{padding:12px 18px;}
  .cart-footer{padding:14px 18px;}
  .shipping-grid{grid-template-columns:1fr;}
  .shipping-item{border-right:none;border-bottom:1px solid var(--border);}
  .shipping-item:last-child{border-bottom:none;}
  /* Footer mobile */
  .footer-distinct-img{width:min(85vw,360px);}
  .footer-social-icons-row{gap:24px;}
  .footer-compact-row{flex-direction:column;align-items:flex-start;gap:10px;}
  .footer-links-inline{gap:8px;}
  .footer-links-inline a{font-size:0.65rem;}
  .footer-bottom{flex-direction:column;align-items:center;text-align:center;gap:8px;}
  .product-detail-grid{grid-template-columns:1fr;}
  .product-gallery{position:static;}
  .size-table th,.size-table td{padding:8px 10px;font-size:0.72rem;}
  .footer-social-icon-btn svg{width:48px !important;height:48px !important;}
}
@media (max-width: 480px) {
  .header-nav{display:none;}
  .product-name{font-size:0.82rem;}
  .size-btn{width:30px;height:30px;}
  .footer-links-inline{gap:6px;}
}

/* ===== HERO BADGE TEXT — stile bold/grunge come la GIF ===== */
/* Importa Anton che è il font più simile alla GIF bold condensed */
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

.hero-badge-text {
  font-family: 'Anton', 'Oswald', sans-serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;  /* Anton è già bold di suo */
  fill: #ffffff !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
}

/* Logo calligrafico corsivo al centro — più grande */
.hero-center-logo {
  width: min(68vw, 580px) !important;
  height: auto !important;
  object-fit: contain !important;
  opacity: 0.96 !important;
  user-select: none !important;
}


/* ===== HERO GIF ROTANTE ===== */
/* Nascondi il vecchio SVG badge se rimane */
.hero-rotating-badge-wrap { display: none !important; }

/* GIF animata della scritta che ruota */
.hero-gif-wrap {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  pointer-events: none;
}
.hero-gif-rotating {
  /* La GIF è 348x348 — la scala per adattarsi allo schermo */
  width: min(88vw, 680px);
  height: min(88vw, 680px);
  object-fit: contain;
  /* mix-blend-mode: screen rimuove il nero residuo della GIF su sfondo nero */
  mix-blend-mode: screen;
  user-select: none;
  -webkit-user-drag: none;
}

/* Logo corsivo al centro — z-index 1, sotto la GIF */
.hero-center-logo-wrap {
  z-index: 1 !important;
}
.hero-center-logo {
  width: min(52vw, 440px) !important;
  opacity: 0.95 !important;
}

/* Mobile */
@media (max-width: 768px) {
  .hero-gif-rotating {
    width: min(96vw, 380px) !important;
    height: min(96vw, 380px) !important;
  }
  .hero-center-logo {
    width: min(68vw, 280px) !important;
  }
  .hero-cta-group {
    margin-top: 200px !important;
  }
}
@media (max-width: 480px) {
  .hero-gif-rotating {
    width: min(98vw, 320px) !important;
    height: min(98vw, 320px) !important;
  }
  .hero-center-logo {
    width: min(72vw, 220px) !important;
  }
  .hero-cta-group {
    margin-top: 170px !important;
  }
}

/* ===== FOOTER LOGHI SPARSI (stelle) ===== */
.footer-logos-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: center;
  justify-content: center;
  gap: 24px 32px;
  padding: 24px 16px;
  pointer-events: none;
  overflow: hidden;
}
.footer-logo-dot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  opacity: 0.07;
  animation: logoFloat var(--float-dur, 4s) ease-in-out infinite;
  animation-delay: var(--float-delay, 0s);
}
.footer-logo-dot img {
  height: 30px;
  width: 30px;
  object-fit: contain;
}
/* Loghi di diversa dimensione per effetto stelle */
.footer-logo-dot:nth-child(3n) img   { height: 20px; width: 20px; opacity: 0.8; }
.footer-logo-dot:nth-child(5n) img   { height: 38px; width: 38px; }
.footer-logo-dot:nth-child(7n) img   { height: 16px; width: 16px; opacity: 0.6; }
.footer-logo-dot:nth-child(2n) { --float-delay: -1.5s; }
.footer-logo-dot:nth-child(3n) { --float-delay: -2.8s; }
.footer-logo-dot:nth-child(4n) { --float-delay: -0.7s; }
.footer-logo-dot:nth-child(5n) { --float-delay: -3.5s; --float-dur: 5s; }
@keyframes logoFloat {
  0%, 100% { transform: translateY(0) rotate(0deg);   opacity: 0.07; }
  33%       { transform: translateY(-5px) rotate(5deg); opacity: 0.12; }
  66%       { transform: translateY(3px) rotate(-3deg); opacity: 0.05; }
}
/* Tutto il contenuto footer sopra i loghi */
.footer-logos-bg ~ * { position: relative; z-index: 1; }
.footer-distinct-logo,
.footer-social-icons-section,
.site-footer .container { position: relative; z-index: 1; }
@media (max-width: 768px) {
  .footer-logos-bg { gap: 18px 22px; }
  .footer-logo-dot img { height: 24px; width: 24px; }
  .footer-logo-dot:nth-child(5n) img { height: 30px; width: 30px; }
}


/* ===== FOOTER CANVAS BRILLANTINI ===== */
#footerCanvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  /* mix-blend-mode: screen fa sparire i pixel neri rimasti nelle immagini */
  mix-blend-mode: screen;
}
/* Tutto il contenuto del footer sopra il canvas */
.footer-distinct-logo,
.footer-social-icons-section,
.site-footer .container { position: relative; z-index: 1; }

/* ===== HERO COIN GIF (sostituisce logo corsivo) ===== */
.hero-coin-gif {
  width: min(52vw, 440px) !important;
  height: auto !important;
  /* Trasparenza reale — niente mix-blend-mode */
}
@media (max-width: 768px) {
  .hero-coin-gif { width: min(68vw, 280px) !important; }
}


/* ===== HEADER CENTRATO ===== */
.header-inner-centered {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 80px;
  padding-right: 20px;
}
.header-inner-centered .header-nav {
  justify-content: center;
}
.header-inner-centered .header-actions {
  justify-content: flex-end;
}

/* ===== SPEDIZIONI MOBILE: 3 colonne anche su mobile ===== */
.shipping-grid-page {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
  border: 1px solid var(--border);
}
.shipping-grid-page .shipping-item {
  padding: 28px 16px;
  border-right: 1px solid var(--border);
}
.shipping-grid-page .shipping-item:last-child { border-right: none; }
/* Su mobile rimane 3 colonne (non si sovrappone) */
@media (max-width: 768px) {
  .shipping-grid-page {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .shipping-grid-page .shipping-item {
    padding: 18px 8px;
    border-right: 1px solid var(--border);
    border-bottom: none;
  }
  .shipping-grid-page .shipping-item .shipping-icon { font-size: 1.1rem; }
  .shipping-grid-page .shipping-item .shipping-price { font-size: 1.4rem; }
  .shipping-grid-page .shipping-item .shipping-zone { font-size: 0.5rem; letter-spacing: 0.2em; }
  .shipping-grid-page .shipping-item .shipping-note { font-size: 0.52rem; }
}

/* ===== TOGLI DESCRIZIONE PRODOTTO ===== */
.product-desc { display: none !important; }

/* ===== SUBSCRIBE SECTION ===== */
.footer-subscribe-section {
  padding: 40px 0;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  position: relative;
  z-index: 1;
}
.footer-subscribe-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  flex-wrap: wrap;
}
.footer-subscribe-left { flex: 1; min-width: 200px; }
.footer-subscribe-title {
  font-family: var(--font-display);
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 4px;
}
.footer-subscribe-desc {
  font-size: 0.72rem;
  color: var(--text-muted);
  letter-spacing: 0.04em;
}
.footer-subscribe-form {
  display: flex;
  align-items: stretch;
  gap: 0;
  flex-shrink: 0;
  border: 1px solid rgba(255,255,255,0.25);
}
.footer-subscribe-input {
  background: transparent;
  border: none;
  padding: 12px 18px;
  color: #fff;
  font-family: var(--font-body);
  font-size: 0.8rem;
  width: 260px;
  outline: none;
}
.footer-subscribe-input::placeholder { color: var(--text-muted); }
.footer-subscribe-btn {
  background: #fff;
  color: #000;
  border: none;
  padding: 12px 20px;
  font-size: 1rem;
  cursor: pointer;
  font-family: var(--font-display);
  font-weight: 600;
  transition: background 0.2s;
  flex-shrink: 0;
}
.footer-subscribe-btn:hover { background: var(--off-white); }

/* ===== CURRENCY SELECTOR ===== */
.footer-currency-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.footer-currency-select {
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  border: 1px solid rgba(255,255,255,0.2);
  color: var(--text-muted);
  font-family: var(--font-display);
  font-size: 0.65rem;
  letter-spacing: 0.1em;
  padding: 7px 32px 7px 12px;
  cursor: pointer;
  outline: none;
  transition: border-color 0.2s, color 0.2s;
}
.footer-currency-select:hover,
.footer-currency-select:focus { border-color: rgba(255,255,255,0.5); color: #fff; }
.footer-currency-select option { background: #111; color: #fff; }
.footer-currency-arrow {
  position: absolute;
  right: 10px;
  font-size: 0.6rem;
  color: var(--text-muted);
  pointer-events: none;
}

/* ===== MOBILE: subscribe ===== */
@media (max-width: 768px) {
  .footer-subscribe-inner { flex-direction: column; align-items: flex-start; gap: 18px; }
  .footer-subscribe-form { width: 100%; }
  .footer-subscribe-input { width: 100%; flex: 1; }
  .header-inner-centered {
    grid-template-columns: 1fr auto !important;
    padding-left: 62px !important;
  }
  .header-inner-centered .header-nav { display: none !important; }
}

/* ===== BACK BUTTON ===== */
.back-btn-wrap {
  position: relative;
  z-index: 2;
  padding: calc(var(--top-offset) + 20px) 0 0;
  max-width: 1380px;
  margin: 0 auto;
  padding-left: 40px;
}
.back-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-display);
  font-size: 0.7rem;
  font-weight: 400;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--text-muted);
  transition: color 0.2s;
  cursor: pointer;
}
.back-btn:hover { color: #fff; }
.back-btn svg { transition: transform 0.2s; }
.back-btn:hover svg { transform: translateX(-3px); }

@media (max-width: 768px) {
  .back-btn-wrap { padding-left: 14px; }
}

/* ===== FIX VARI ===== */

/* Nasconde breadcrumb Shopify automatico */
.breadcrumb,
.breadcrumbs,
nav[aria-label="breadcrumb"],
.collection-breadcrumb,
[class*="breadcrumb"] {
  display: none !important;
}

/* Prodotti ESAURITI: tutta la card scurita, non solo il bottone */
.product-card:has(.add-to-cart-btn[disabled]) {
  pointer-events: none;
}
.product-card.sold-out {
  /* Niente dimming - aspetto normale */
}

/* Immagini prodotto: sfondo nero, niente blend mode speciali */
.product-image-wrap img {
  mix-blend-mode: normal;
  object-fit: cover;
}

/* ===== FIX SFONDO BIANCO IMMAGINI PRODOTTO ===== */
/* Le immagini con sfondo bianco su card nera:
   multiply fa scomparire il bianco fondendolo col nero */
.product-image-wrap {
  background: #000;
}
.product-image-wrap img {
  mix-blend-mode: multiply;
  background: #fff; /* serve che il bg img sia bianco per multiply */
}
/* Prodotti con tag "model" (foto su sfondo scuro): niente blend */
.product-image-wrap.model-img img {
  mix-blend-mode: normal !important;
  background: transparent;
}

/* ===== MARQUEE COIN GIF ===== */
.marquee-coin-gif {
  height: 30px;
  width: 30px;
  object-fit: contain;
  /* mix-blend-mode multiply: sfondo bianco diventa trasparente su bianco */
  mix-blend-mode: multiply;
  display: block;
}
@media (max-width: 768px) {
  .marquee-coin-gif { height: 24px; width: 24px; }
}

/* ===== SECTION COIN GIF (sopra i prodotti) ===== */
.section-coin-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 4px;
}
.section-coin-img {
  width: min(88vw, 700px);
  height: auto;
  object-fit: contain;
  /* Sfondo rimosso nella GIF — niente mix-blend-mode */
}
@media (max-width: 768px) {
  .section-coin-img { width: min(92vw, 400px); }
}

/* ===== NASTRO ESAURITO (stile polizia americana) ===== */
.product-card.sold-out {
  position: relative;
}
.product-card.sold-out::before {
  display: none;
}
.sold-out-tape {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-15deg);
  z-index: 11;
  background: #f5c400;
  color: #000;
  font-family: 'Oswald', sans-serif;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  padding: 8px 0;
  width: 200%;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  pointer-events: none;
  box-shadow: 0 3px 10px rgba(0,0,0,0.5);
  /* Ripeti il testo con word-spacing */
  word-spacing: 1em;
}
