/* THEME VERRE NOIR ET BLANC : site public + app admin + app collaborateur.
   Pas de flou temps reel (backdrop-filter) : fluide meme sur un vieux telephone. */
@font-face{font-family:"Chakra Petch";font-weight:400;font-display:swap;src:url("/fonts/chakra-petch-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Chakra Petch";font-weight:500;font-display:swap;src:url("/fonts/chakra-petch-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Chakra Petch";font-weight:600;font-display:swap;src:url("/fonts/chakra-petch-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Chakra Petch";font-weight:700;font-display:swap;src:url("/fonts/chakra-petch-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"Orbitron";font-weight:600;font-display:swap;src:url("/fonts/orbitron-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Orbitron";font-weight:800;font-display:swap;src:url("/fonts/orbitron-latin-800-normal.woff2") format("woff2")}

:root{
  /* site public */
  --bg:#09090A;--panel:rgba(255,255,255,.06);--panel2:rgba(255,255,255,.09);--text:#F4F4F5;--muted:#B4B4BA;--line:rgba(255,255,255,.16);--accent:#FFFFFF;--accent2:#D4D4D8;
  /* apps mobiles */
  --card:rgba(255,255,255,.06);--card2:rgba(255,255,255,.09);--gold:#FFFFFF;--blue:#D4D4D8;
  --glass:linear-gradient(160deg,rgba(255,255,255,.11),rgba(255,255,255,.04));
}
html,body,button,input,select,textarea{font-family:"Chakra Petch",system-ui,-apple-system,"Segoe UI",sans-serif!important}
body{background:radial-gradient(900px 600px at 15% 0,rgba(255,255,255,.12),transparent 62%),radial-gradient(800px 700px at 90% 100%,rgba(255,255,255,.08),transparent 64%),linear-gradient(160deg,#111113,#09090A 60%,#141416)!important;background-attachment:fixed!important;color:var(--text)}
input,select,textarea{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.2)!important;color:#F4F4F5!important}
input:focus,select:focus,textarea:focus{outline:none;border-color:#fff!important}

/* ---------- SITE PUBLIC ---------- */
.site-banner{background:#fff!important;color:#0A0A0B!important}
header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(14,14,16,.94)!important;border-bottom:1px solid rgba(255,255,255,.16)!important}
.brand{font-family:"Orbitron",sans-serif!important;font-weight:800!important;letter-spacing:2px;text-transform:uppercase}
.brand span{color:#B4B4BA!important}
.nav button{border-radius:999px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.18)!important;color:#F4F4F5!important;font-weight:600}
.nav button.active,.nav button:hover{background:#fff!important;color:#0A0A0B!important;border-color:#fff!important}
.nav button span{background:#fff!important;color:#0A0A0B!important}
.nav button.active span,.nav button:hover span{background:#0A0A0B!important;color:#fff!important}
.search,.toolbar .search2,.shop-sort,.fav-filter{border-radius:999px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.2)!important;color:#F4F4F5!important}
.fav-filter.active,.theme.active,.theme:hover{background:#fff!important;color:#0A0A0B!important;border-color:#fff!important}
.theme{border-radius:999px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.2)!important;color:#F4F4F5!important}
.insta,.cart-top{border-radius:999px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.2)!important;color:#F4F4F5!important}
.cart-top span{background:#fff!important;color:#0A0A0B!important}
.primary,.order-btn{background:#fff!important;color:#0A0A0B!important;border:1px solid #fff!important;font-weight:700!important;box-shadow:0 0 22px rgba(255,255,255,.18)!important}
.secondary{background:rgba(255,255,255,.07)!important;color:#F4F4F5!important;border:1px solid rgba(255,255,255,.22)!important}
.hero h1 span,.hero-copy-new h1 span{background:none!important;-webkit-text-fill-color:#fff!important;color:#fff!important}
.hero h1,.hero-copy-new h1,.section-title h2,.home-section-title h2,.catalog-info h2,.purchase-banner h2,.home-about h2{font-family:"Orbitron",sans-serif!important;letter-spacing:.5px}
.hero-kicker,.info-eyebrow{color:#D4D4D8!important}
.home-hero-new:before,.home-hero-new:after{display:none!important}
.card,.panel,.home-card,.step-card,.purchase-banner,.home-about,.catalog-info,.promo-hero-card,.social,.social-new,.cart-form,.cart-item,.hero-note,.tag-row span{background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.035))!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:none!important}
.card,.home-card,.step-card,.purchase-banner,.home-about,.catalog-info,.social-new{border-radius:24px!important}
.card:hover,.home-card:hover{border-color:#fff!important;transform:none!important}
.preview,.main-photo,.hero-visual,.hero-visual-new{background:radial-gradient(circle at 50% 30%,#3A3A3F,#1A1A1D 62%,#0E0E10)!important}
.modal{background:rgba(5,5,6,.94)!important;backdrop-filter:none!important}
.modal-box,.cart-box{background:linear-gradient(160deg,#1C1C1F,#0F0F11)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:28px!important;box-shadow:0 30px 90px rgba(0,0,0,.6)!important}
.cart-modal{background:rgba(5,5,6,.94)!important;backdrop-filter:none!important}
.thumb.active{border-color:#fff!important}
.navbtn,.close{border-radius:999px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important}
.product-badge.promo,.promo-badge,.step-number{background:#fff!important;color:#0A0A0B!important}
.product-badge.new{background:#3A3A3F!important;color:#fff!important}
.price-tag,.shop-price,.promo-price strong,.promo-page-price .new,.cart-total strong{color:#fff!important;font-family:"Orbitron",sans-serif!important;font-weight:600!important}
.fav-btn,.gallery-fav{border-radius:50%!important;background:rgba(10,10,11,.75)!important;border:1px solid rgba(255,255,255,.25)!important;color:#fff!important}
.fav-btn.active,.gallery-fav.active,.fav-btn:hover{background:#fff!important;color:#0A0A0B!important}
.step-pink:after,.step-blue:after,.step-gold:after{background:#fff!important;opacity:.35}
.cart-form input:focus{border-color:#fff!important;box-shadow:none!important}

/* ---------- APPS MOBILES (admin + collaborateur) ---------- */
header .brand,.app-title,h1{font-family:"Orbitron",sans-serif!important;letter-spacing:1.5px}
.tabs{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:999px!important}
.tab,.tabs button,.chip{border-radius:999px!important}
.tab.active,.tabs button.active,.chip.active,.chip.on{background:#fff!important;color:#0A0A0B!important;border-color:#fff!important}
.fig,.order,.panel2,.box,.sheet,.overlay .card{background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.035))!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:22px!important}
.primary-btn,.btn-primary,button.primary,.save{background:#fff!important;color:#0A0A0B!important;border-color:#fff!important}
* {scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent}

/* ajustements site */
.hero h1,.hero-copy-new h1{font-size:clamp(32px,4.4vw,60px)!important;line-height:1.08!important;letter-spacing:0!important}
.section-title h2,.home-section-title h2,.catalog-info h2,.purchase-banner h2,.home-about h2{font-size:clamp(24px,3vw,38px)!important}
.hero-visual-new{background:none!important;box-shadow:none!important}
.hero-visual-new .panel{border-radius:28px!important;background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.04))!important;border:1px solid rgba(255,255,255,.18)!important}
.tag-row span,.tag-row span:nth-child(n){color:#F4F4F5!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.22)!important}
.hero-kicker{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.22)!important;color:#E4E4E7!important}
.step-icon,.purchase-icon,.hero-note>span{background:rgba(255,255,255,.1)!important;color:#fff!important}
.mono-app header{background:transparent!important;border:0!important}