@import url('https://cdn.jsdelivr.net/npm/@fontsource/roboto/latin-400.css');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/roboto/latin-500.css');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/roboto/latin-700.css');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/roboto-condensed/latin-300.css');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/roboto-condensed/latin-400.css');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/roboto-condensed/latin-700.css');

:root{
  --o:        #32e612;   /* traits, cadres */
  --o-title:  #32e612;   /* titre hero */
  --o-btn:    #32e612;   /* bouton plein */
  --o-bright: #32e612;   /* nav active */
  --o-price:  #32e612;   /* prix */
  --line:     #2b2c2d;
  --line-soft:#232323;
  --bg:       #000000;
  --bg-sec:   #010102;
  --cond: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;
  --sans: 'Roboto', Arial, Helvetica, sans-serif;
}

*{ box-sizing: border-box; }
html,body{ margin:0; padding:0; background:#000; }
body{ font-family: var(--sans); color:#fff; -webkit-font-smoothing: antialiased; }
button{ font: inherit; color: inherit; background:none; border:0; cursor:pointer; }
a{ color:inherit; text-decoration:none; }
ul{ margin:0; padding:0; list-style:none; }

.scaler{ transform-origin: top left; }
.page{ width:1680px; position:relative; background:var(--bg); overflow:hidden; }

/* =========================================================
   HEADER  (h = 88px)
   ========================================================= */
.site-header{ position:relative; height:88px; background:#000; z-index:5; }

.brand{ position:absolute; left:30px; top:6px; display:flex; align-items:flex-start; }
.brand-mark{
  width:74px; height:66px; margin-top:3px; display:grid; place-items:center; border-radius:4px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(160deg, rgba(255,255,255,.05), rgba(255,255,255,.012) 55%, rgba(50,230,18,.06));
}
.brand-mark i{ font-style:normal; font-family:var(--cond); font-size:10px; letter-spacing:1.6px; color:rgba(255,255,255,.32); }
.brand-text{ display:block; margin-left:8px; padding-top:5px; }
.brand-name{
  display:block; font-family:var(--sans); font-weight:700; font-size:42px; line-height:38px;
  letter-spacing:1px; color:var(--o); text-shadow:0 0 18px rgba(50,230,18,.35);
}
.brand-sub{
  display:block; margin-left:-8px; margin-top:5px;
  font-family:var(--sans); font-weight:500; font-size:12.5px; line-height:12px;
  letter-spacing:1.15px; color:#e9e9e9;
}

.main-nav{ position:absolute; left:305px; top:69px; display:flex; gap:39px; }
.nav-link{
  position:relative; display:block; font-family:var(--cond); font-weight:400; font-size:14px;
  line-height:18px; letter-spacing:.7px; color:#ffffff; white-space:nowrap;
}
.nav-link:hover{ color:var(--o-bright); }
.nav-link.is-active{ color:var(--o-bright); text-shadow:0 0 12px rgba(50,230,18,.5); }
.nav-link.is-active::after{
  content:''; position:absolute; left:0; right:0; top:12px; height:4px;
  background:var(--o-bright); box-shadow:0 0 10px rgba(50,230,18,.75);
}

.header-tools{ position:absolute; right:65px; top:9px; height:40px; display:flex; align-items:center; }
.search{
  position:relative; width:402px; height:36px; border:1px solid #3d3f40; border-radius:4px;
  background:#141415; display:flex; align-items:center;
}
.search input{
  width:100%; height:100%; background:none; border:0; outline:none; padding:0 44px 0 15px;
  font-family:var(--sans); font-size:15px; color:#e9e9e9;
}
.search input::placeholder{ color:#8b8d8e; }
.ico-search{
  position:absolute; right:14px; width:19px; height:19px; fill:none; stroke:#a9abac;
  stroke-width:1.8; stroke-linecap:round; pointer-events:none;
}
.icon-btn{ width:19px; height:24px; margin-left:32px; display:grid; place-items:center; padding:0; }
.icon-btn svg{ width:19px; height:19px; fill:none; stroke:#e6e6e6; stroke-width:1.7; stroke-linecap:round; }
.cart-btn{ height:30px; margin-left:29px; display:flex; align-items:center; gap:10px; padding:0; }
.cart-ico-wrap{ position:relative; display:block; }
.ico-cart{ width:30px; height:30px; fill:none; stroke:#e6e6e6; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.cart-badge{
  position:absolute; top:-7px; right:-8px; min-width:16px; height:16px; padding:0 3px;
  border-radius:9px; background:var(--o-btn); color:#fff;
  font-family:var(--sans); font-size:10.5px; font-weight:700; line-height:16px; text-align:center;
}
.cart-label{ font-family:var(--sans); font-size:17px; color:#f0f0f0; }

/* =========================================================
   HERO  (y 88 -> 480, h = 392px)
   ========================================================= */
.hero{
  position:relative;
  height:392px;
  overflow:hidden;
  background:#000 url('./hero-banner.png') center 30% / cover no-repeat;
}
.hero-bg{ display:none; }
.hero-visual{ display:none; }

.hex-field{
  position:absolute; left:0; top:0; width:360px; height:100%;
  background-image:
    repeating-linear-gradient(60deg,  rgba(255,255,255,.05) 0 1px, transparent 1px 30px),
    repeating-linear-gradient(-60deg, rgba(255,255,255,.05) 0 1px, transparent 1px 30px),
    repeating-linear-gradient(0deg,   rgba(255,255,255,.04) 0 1px, transparent 1px 26px);
  -webkit-mask-image: linear-gradient(100deg, #000 0%, rgba(0,0,0,.42) 40%, transparent 72%);
          mask-image: linear-gradient(100deg, #000 0%, rgba(0,0,0,.42) 40%, transparent 72%);
  opacity:.5;
}
.hero-glow{
  position:absolute; inset:0;
  background:
    radial-gradient(600px 330px at 960px 235px, rgba(50,230,18,.30), transparent 70%),
    radial-gradient(350px 195px at 950px 310px, rgba(50,230,18,.26), transparent 72%),
    radial-gradient(900px 300px at 800px 320px, rgba(50,230,18,.13), transparent 76%),
    radial-gradient(420px 300px at 1640px 260px, rgba(50,230,18,.10), transparent 72%);
}
.hero-floor{
  position:absolute; left:600px; right:50px; bottom:0; height:150px;
  background:
    radial-gradient(330px 42px at 430px 104px, rgba(255,178,96,.55), transparent 70%),
    radial-gradient(560px 30px at 400px 126px, rgba(50,230,18,.36), transparent 74%),
    radial-gradient(240px 90px at 470px 60px, rgba(50,230,18,.16), transparent 72%);
  filter: blur(2px);
}
.hero-streak{
  position:absolute; left:0; right:0; bottom:-10px; height:40px;
  background: radial-gradient(620px 20px at 1040px 50%, rgba(50,230,18,.30), transparent 70%);
  filter: blur(6px);
}
.circuits{
  position:absolute; left:1395px; top:70px; width:285px; height:260px; overflow:visible;
}
.circuits .trace path{ fill:none; stroke:var(--o); stroke-width:2.4; }
.circuits .node-fill circle{ fill:var(--o); }
.circuits .node-open circle{ fill:#000; stroke:var(--o); stroke-width:2.4; }

.hero-visual{
  position:absolute; left:710px; top:46px; width:492px; height:286px;
  display:grid; place-items:center;
  filter: drop-shadow(0 26px 44px rgba(50,230,18,.24));
}
.hero-visual-inner{
  width:100%; height:100%; display:grid; place-items:center;
  border:1px solid rgba(50,230,18,.16);
  background: linear-gradient(150deg, rgba(255,255,255,.035), rgba(255,255,255,.006) 40%, rgba(50,230,18,.10));
  border-radius:6px;
  box-shadow: inset 0 0 60px rgba(50,230,18,.07), 0 0 42px rgba(50,230,18,.09);
}
.hero-visual-inner span{
  font-family:var(--cond); font-size:15px; letter-spacing:3px; color:rgba(255,255,255,.34);
}

.hero-content{ position:absolute; left:114px; top:0; z-index:2; }
.hero-title{
  margin:0; padding-top:83px;
  font-family:var(--sans); font-weight:700; font-size:61px; line-height:64px;
  letter-spacing:0; color:var(--o-title); text-shadow:0 0 26px rgba(50,230,18,.35);
}
.hero-sub{
  margin:14px 0 0; padding:0;
  font-family:var(--cond); font-weight:400; font-size:30px; line-height:34px;
  letter-spacing:.2px; color:#ededed;
}
.hero-cta{
  display:inline-grid; place-items:center; margin-top:21px; width:267px; height:51px;
  background:var(--o-btn); color:#fff;
  font-family:var(--cond); font-weight:700; font-size:23px; letter-spacing:.2px;
  box-shadow:0 0 26px rgba(50,230,18,.35);
}
.hero-cta:hover{ background:#32e612; }

.hero-dots{ position:absolute; left:773px; top:368px; display:flex; gap:6.5px; z-index:2; }
.hero-dots .dot{ width:33px; height:9px; border-radius:4px; background:#5a5a5a; padding:0; }
.hero-dots .dot.is-active{ background:var(--o-bright); box-shadow:0 0 10px rgba(50,230,18,.6); }

/* =========================================================
   CATALOGUE
   ========================================================= */
.catalog{
  position:relative;
  background-color:var(--bg-sec);
  background-image:linear-gradient(rgba(0,0,0,.84),rgba(0,0,0,.84)),url('./catalog-background.png');
  background-size:cover;
  background-position:center top;
  background-repeat:no-repeat;
  padding:31px 0 52px;
  display:grid; grid-template-columns:47px 259px 33px 986px 33px 258px 1fr;
  grid-template-areas:'. filters . grid . best .';
}
.catalog-divider{
  position:absolute; left:1342px; top:31px; width:1px; height:377px;
  background:linear-gradient(180deg, transparent, rgba(255,255,255,.13) 14%, rgba(255,255,255,.13) 86%, transparent);
}

/* ---------- filtres ---------- */
.filters{ grid-area:filters; }
.filters-title{
  margin:0 0 14px; padding:7px 0 0 21px; white-space:nowrap;
  font-family:var(--cond); font-weight:700; font-size:21px; line-height:21px;
  letter-spacing:.3px; color:#fff;
}
.filter-box{ border:1px solid var(--line); }
.filter-row{
  width:100%; height:56px; padding:0 20px 0 21px;
  display:flex; align-items:center; justify-content:space-between;
  border-bottom:1px solid var(--line-soft);
}
.filter-row:nth-of-type(2){ height:58px; }
.filter-row:nth-of-type(3){ height:57px; }
.filter-row span{
  font-family:var(--cond); font-weight:700; font-size:17px; letter-spacing:.6px; color:#fff;
}
.filter-row .chev{ width:17px; height:10px; fill:none; stroke:var(--o); stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; transition:transform .18s ease; }
.filter-row.is-open .chev{ transform:rotate(180deg); }

.slider-row{ height:88px; display:flex; align-items:center; padding:0 20px 18px; }
.slider{ position:relative; width:219px; height:19px; }
.slider .track{ position:absolute; left:9px; right:9px; top:8px; height:3px; background:#333433; border-radius:2px; }
.slider .track-fill{ position:absolute; left:9px; width:112px; top:8px; height:3px; background:var(--o-btn); border-radius:2px; }
.slider .knob{ position:absolute; top:0; width:19px; height:19px; border-radius:50%; }
.slider .knob-a{ left:0;     background:var(--o-btn); }
.slider .knob-b{ left:112px; background:var(--o-btn); }
.slider .knob-c{ left:200px; background:#0a0a0a; border:1.6px solid #55575a; }

.reset-row{ padding:0 17px 18px; }
.reset-btn{
  width:224px; height:40px; border-radius:3px; background:#32e612; color:#fff;
  font-family:var(--sans); font-weight:400; font-size:17px; letter-spacing:.1px;
}
.reset-btn:hover{ background:#32e612; }

/* ---------- grille produits ---------- */
.product-grid{ grid-area:grid; display:grid; grid-template-columns:repeat(4,221px); gap:34px; }

.card{ --ch:33px; position:relative; width:221px; height:377px; }
.card-frame{
  position:absolute; inset:0;
  background:linear-gradient(180deg,#32e612 0%,#32e612 14%,#32e612 25%,#5a1b02 38%,#280c01 51%,
                             #4d1503 62%,#32e612 71%,#32e612 79%,#32e612 100%);
  clip-path:polygon(var(--ch) 0, calc(100% - var(--ch)) 0, 100% var(--ch), 100% calc(100% - var(--ch)),
                    calc(100% - var(--ch)) 100%, var(--ch) 100%, 0 calc(100% - var(--ch)), 0 var(--ch));
  filter: drop-shadow(0 0 13px rgba(50,230,18,.42)) drop-shadow(0 0 34px rgba(50,230,18,.20));
}
.card-fill{
  position:absolute; inset:2px; background:#090503;
  background-image: radial-gradient(150% 60% at 50% 22%, rgba(50,230,18,.07), transparent 62%);
  clip-path:polygon(calc(var(--ch) - 2px) 0, calc(100% - var(--ch) + 2px) 0, 100% calc(var(--ch) - 2px),
                    100% calc(100% - var(--ch) + 2px), calc(100% - var(--ch) + 2px) 100%,
                    calc(var(--ch) - 2px) 100%, 0 calc(100% - var(--ch) + 2px), 0 calc(var(--ch) - 2px));
}
.card-body{ position:relative; height:100%; display:flex; flex-direction:column; align-items:center; }
.card-media{
  width:172px; height:123px; margin-top:43px; display:grid; place-items:center;
  border:1px solid rgba(255,255,255,.09);
  background:linear-gradient(160deg, rgba(255,255,255,.05), rgba(255,255,255,.012) 55%, rgba(50,230,18,.06));
  border-radius:4px;
}
.card-media span{ font-family:var(--cond); font-size:12px; letter-spacing:2.4px; color:rgba(255,255,255,.3); }
.card-title{
  margin:36px 0 0; width:215px; text-align:center;
  font-family:var(--cond); font-weight:400; font-size:20.8px; line-height:25px; color:#fff;
}
.card-price{
  margin:11px 0 0;
  font-family:var(--sans); font-weight:700; font-size:30px; line-height:34px;
  color:var(--o-price); text-shadow:0 0 18px rgba(50,230,18,.3);
}
.card-cta{
  --ch:12px; position:relative; margin-top:auto; margin-bottom:20px; width:184px; height:46px;
  display:grid; place-items:center;
}
.card-cta .cta-frame{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(50,230,18,.62) 0%, rgba(50,230,18,.16) 45%,
                             rgba(50,230,18,.30) 70%, rgba(50,230,18,1) 100%);
  clip-path:polygon(var(--ch) 0, calc(100% - var(--ch)) 0, 100% var(--ch), 100% calc(100% - var(--ch)),
                    calc(100% - var(--ch)) 100%, var(--ch) 100%, 0 calc(100% - var(--ch)), 0 var(--ch));
}
.card-cta .cta-fill{
  position:absolute; inset:2px; background:#090503;
  clip-path:polygon(calc(var(--ch) - 2px) 0, calc(100% - var(--ch) + 2px) 0, 100% calc(var(--ch) - 2px),
                    100% calc(100% - var(--ch) + 2px), calc(100% - var(--ch) + 2px) 100%,
                    calc(var(--ch) - 2px) 100%, 0 calc(100% - var(--ch) + 2px), 0 calc(var(--ch) - 2px));
}
.card-cta span{
  position:relative; font-family:var(--cond); font-weight:700; font-size:18px; letter-spacing:.2px; color:var(--o);
}
.card-cta:hover .cta-fill{ background:#1a0d05; }
.card-cta.is-added span{ color:#ffb066; }

/* =========================================================
   MOBILE
   ========================================================= */
@media (max-width: 900px){
  .scaler{ transform:none !important; }
  .page{ width:100%; }
  .site-header{ height:auto; padding:14px 16px 0; }
  .brand,.main-nav,.header-tools{ position:static; }
  .brand{ margin-bottom:14px; }
  .header-tools{ flex-wrap:wrap; gap:10px; margin-bottom:12px; }
  .search{ width:100%; }
  .main-nav{ flex-wrap:wrap; gap:16px 22px; padding-bottom:14px; }
  .hero{ height:auto; padding:34px 18px 46px; }
  .hero-content{ position:static; }
  .hero-title{ padding-top:0; font-size:40px; line-height:42px; }
  .hero-sub{ font-size:20px; line-height:26px; }
  .hero-visual{ position:static; width:100%; height:190px; margin-top:24px; }
  .circuits,.hero-dots{ display:none; }
  .catalog{ display:block; padding:26px 18px 40px; }
  .catalog-divider{ display:none; }
  .filter-box{ margin-bottom:28px; }
  .product-grid{ grid-template-columns:1fr; gap:26px; justify-items:center; }

  .bs-item{ height:auto; padding-left:0; column-gap:16px; }
  .bs-list{ gap:22px; }
  .card-title{ width:auto; padding:0 8px; }
  .brand-mark{ width:56px; height:50px; }
  .filters-title{ white-space:normal; }
}
.brand-mark img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}

/* Header — calé sur la référence fournie */
.site-header{
  height:103px;
  border-bottom:0;
}
.site-header::after{
  content:'';
  position:absolute;
  z-index:8;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  pointer-events:none;
  background:
    linear-gradient(90deg, transparent 0%, #32e612 22%, #ffd1a3 50%, #32e612 78%, transparent 100%) no-repeat,
    #32e612;
  background-size:240px 100%, 100% 100%;
  background-position:-240px 0, 0 0;
  box-shadow:0 0 5px rgba(50,230,18,.45);
  animation:headerLightSweep 3.2s linear infinite;
}
@keyframes headerLightSweep{
  from{ background-position:-240px 0, 0 0; }
  to{ background-position:1920px 0, 0 0; }
}
@media (prefers-reduced-motion:reduce){
  .site-header::after{ animation:none; }
}
.hero .hero-visual{ display:none; }

/* Lumière mobile autour des cadres produits */
@property --frame-light-angle{
  syntax:'<angle>';
  inherits:false;
  initial-value:0deg;
}
.card-frame{
  --frame-light-angle:0deg;
  background:conic-gradient(
    from var(--frame-light-angle),
    #4a1501 0deg,
    #32e612 48deg,
    #32e612 66deg,
    #ffd0a0 78deg,
    #32e612 90deg,
    #32e612 112deg,
    #321001 170deg,
    #4a1501 360deg
  );
  animation:frameLightRun 3.8s linear infinite;
}
.card-cta .cta-frame{
  --frame-light-angle:0deg;
  background:conic-gradient(
    from var(--frame-light-angle),
    #451400 0deg,
    #32e612 55deg,
    #32e612 70deg,
    #ffc58b 82deg,
    #32e612 94deg,
    #842700 116deg,
    #351001 180deg,
    #451400 360deg
  );
  filter:drop-shadow(0 0 5px rgba(50,230,18,.32));
  animation:frameLightRun 2.9s linear infinite;
}
@keyframes frameLightRun{
  to{ --frame-light-angle:360deg; }
}
@media (prefers-reduced-motion:reduce){
  .card-frame,
  .card-cta .cta-frame{ animation:none; }
}
.brand{
  left:36px;
  top:7px;
  width:198px;
  height:69px;
  display:block;
}
.brand-logo{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:left top;
}
.main-nav{
  left:303px;
  top:72px;
  gap:39px;
  z-index:9;
}
.nav-link.is-active::after{
  top:28px;
  height:4px;
}
.header-tools{
  right:65px;
  top:9px;
}

/* =========================================================
   BANDE DE RÉASSURANCE
   ========================================================= */
.trust-strip{
  position:relative;
  overflow:hidden;
  color:#d8d8d8;
  background:
    radial-gradient(520px 120px at 15% 50%,rgba(50,230,18,.07),transparent 68%),
    radial-gradient(520px 120px at 85% 50%,rgba(50,230,18,.055),transparent 68%),
    linear-gradient(180deg,#111 0%,#090909 100%);
  border-top:1px solid #242424;
  border-bottom:1px solid #202020;
  box-shadow:inset 0 12px 30px rgba(255,255,255,.012),inset 0 -16px 34px rgba(0,0,0,.38);
}
.trust-strip::after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.16;
  background-image:linear-gradient(115deg,transparent 0 48%,rgba(50,230,18,.12) 49%,transparent 50% 100%);
  background-size:52px 100%;
}
.trust-strip-inner{
  position:relative;
  z-index:1;
  min-height:148px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  align-items:stretch;
}
.trust-item{
  position:relative;
  min-width:0;
  display:flex;
  align-items:center;
  gap:23px;
  padding:27px 38px;
}
.trust-item + .trust-item::before{
  content:'';
  position:absolute;
  left:0;
  top:27px;
  bottom:27px;
  width:1px;
  background:linear-gradient(180deg,transparent,#343434 24%,#343434 76%,transparent);
}
.trust-icon{
  position:relative;
  flex:0 0 58px;
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border:2px solid rgba(50,230,18,.68);
  border-radius:50%;
  color:#32e612;
  background:radial-gradient(circle at 50% 45%,rgba(50,230,18,.12),rgba(50,230,18,.025) 68%);
  box-shadow:0 0 0 4px rgba(50,230,18,.025),inset 0 0 18px rgba(50,230,18,.05);
  transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;
}
.trust-icon svg{
  width:37px;
  height:37px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  shape-rendering:geometricPrecision;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 5px rgba(50,230,18,.38));
}
.trust-item:hover .trust-icon{
  transform:translateY(-2px);
  border-color:#32e612;
  box-shadow:0 0 18px rgba(50,230,18,.18),inset 0 0 20px rgba(50,230,18,.08);
}
.trust-item p{
  margin:0;
  max-width:255px;
  color:#aaa;
  font:400 15px/22px var(--sans);
}
.trust-item strong{
  color:#f2f2f2;
  font-weight:700;
}

/* =========================================================
   PIED DE PAGE
   ========================================================= */
.site-footer{
  position:relative;
  color:#fff;
  background:#020202;
  border-top:1px solid rgba(50,230,18,.45);
  box-shadow:inset 0 10px 34px rgba(50,230,18,.035);
}
.site-footer::before{
  content:'';
  position:absolute;
  left:0;
  top:-1px;
  width:260px;
  height:2px;
  background:linear-gradient(90deg,transparent,#32e612,#ffc28f,#32e612,transparent);
  filter:drop-shadow(0 0 7px rgba(50,230,18,.8));
  animation:footerLightSweep 5.8s linear infinite;
}
@keyframes footerLightSweep{
  from{ transform:translateX(-260px); }
  to{ transform:translateX(1920px); }
}
.footer-inner{
  min-height:196px;
  padding:42px 70px 30px;
  display:grid;
  grid-template-columns:1.35fr .9fr .85fr 1.35fr;
  gap:76px;
  align-items:start;
}
.footer-logo{
  display:block;
  width:292px;
  height:88px;
  margin-top:-14px;
  object-fit:contain;
  object-position:left center;
}
.footer-brand p{
  max-width:360px;
  margin-top:5px;
  color:#858585;
  font:400 15px/23px var(--sans);
}
.footer-column h2,.footer-payments h2{
  margin:2px 0 17px;
  color:#fff;
  font:700 16px/20px var(--cond);
  letter-spacing:1.1px;
}
.footer-column h2::after,.footer-payments h2::after{
  content:'';
  display:block;
  width:28px;
  height:2px;
  margin-top:9px;
  background:#32e612;
  box-shadow:0 0 8px rgba(50,230,18,.45);
}
.footer-column{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.footer-column a{
  position:relative;
  margin:0 0 10px;
  color:#919191;
  font:400 14px/19px var(--sans);
  transition:color .2s ease,transform .2s ease;
}
.footer-column a:hover{
  color:#32e612;
  transform:translateX(4px);
}
.payment-list{
  min-height:42px;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:24px;
}
.payment-logo{
  display:block;
  width:auto;
  max-width:86px;
  height:27px;
  object-fit:contain;
  filter:drop-shadow(0 0 8px rgba(255,255,255,.08));
  opacity:.94;
  transition:opacity .2s ease,filter .2s ease,transform .2s ease;
}
.payment-logo:hover{
  opacity:1;
  filter:drop-shadow(0 0 9px rgba(50,230,18,.3));
  transform:translateY(-2px);
}
.payment-mastercard{ height:30px; }
.payment-visa{ height:22px; }
.payment-stripe{ height:29px; }
.footer-payments p{
  margin-top:11px;
  color:#676767;
  font:400 12px/18px var(--sans);
}
.footer-bottom{
  height:52px;
  margin:0 70px;
  border-top:1px solid #191919;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#5f5f5f;
  font:400 12px/18px var(--sans);
}
.footer-status{
  display:flex;
  align-items:center;
  gap:8px;
}
.footer-status i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#32e612;
  box-shadow:0 0 8px rgba(50,230,18,.8);
}
@media (prefers-reduced-motion:reduce){
  .site-footer::before{ animation:none; }
}
@media (max-width:900px){
  .footer-inner{
    padding:34px 20px 24px;
    grid-template-columns:1fr;
    gap:28px;
  }
  .footer-bottom{
    height:auto;
    margin:0 20px;
    padding:18px 0;
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
  }
  .trust-strip-inner{ grid-template-columns:1fr; }
  .trust-item{ min-height:112px; padding:24px 25px; }
  .trust-item + .trust-item::before{
    left:25px;
    right:25px;
    top:0;
    bottom:auto;
    width:auto;
    height:1px;
    background:linear-gradient(90deg,transparent,#343434 20%,#343434 80%,transparent);
  }
  .trust-item p{ max-width:none; }
}

/* =========================================================
   ESPACE MON COMPTE
   ========================================================= */
.icon-btn{
  border-radius:50%;
  transition:color .22s ease,filter .22s ease,transform .22s ease;
}
.icon-btn:hover,.icon-btn.is-current{
  color:#32e612;
  filter:drop-shadow(0 0 7px rgba(50,230,18,.68));
  transform:translateY(-1px);
}
.icon-btn.is-current svg{ stroke:#32e612; }
.account-main{
  position:relative;
  min-height:790px;
  overflow:hidden;
  padding:0 0 82px;
  background:
    linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.82) 48%,rgba(0,0,0,.92) 100%),
    url('./catalog-background.png') center / cover no-repeat fixed,
    #050505;
}
.account-main::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(700px 440px at 22% 58%,rgba(50,230,18,.095),transparent 72%),
    radial-gradient(560px 380px at 79% 44%,rgba(50,230,18,.07),transparent 72%),
    linear-gradient(120deg,transparent 0 49.85%,rgba(50,230,18,.025) 50%,transparent 50.15% 100%);
  background-size:auto,auto,54px 54px;
}
.account-ambient{
  position:absolute;
  width:660px;
  height:660px;
  right:-260px;
  top:-310px;
  border:1px solid rgba(50,230,18,.06);
  border-radius:50%;
  box-shadow:0 0 100px rgba(50,230,18,.04),inset 0 0 90px rgba(50,230,18,.025);
}
.account-ambient::before,.account-ambient::after{
  content:'';
  position:absolute;
  border:1px solid rgba(50,230,18,.045);
  border-radius:50%;
}
.account-ambient::before{ inset:82px; }
.account-ambient::after{ inset:164px; }
.account-container{
  position:relative;
  z-index:1;
  width:1450px;
  margin:0 auto;
}
.account-breadcrumb{
  height:62px;
  display:flex;
  align-items:center;
  gap:12px;
  border-bottom:1px solid rgba(255,255,255,.07);
  color:#696969;
  font:500 12px/18px var(--sans);
  letter-spacing:1.2px;
}
.account-breadcrumb a{ transition:color .2s ease; }
.account-breadcrumb a:hover{ color:#32e612; }
.account-breadcrumb span{ color:#3e3e3e; }
.account-breadcrumb strong{ color:#a9a9a9; font-weight:500; }
.account-heading{
  padding:44px 0 38px;
  text-align:center;
}
.account-kicker{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  color:#32e612;
  font:700 12px/16px var(--cond);
  letter-spacing:3.2px;
}
.account-kicker::before,.account-kicker::after{
  content:'';
  width:28px;
  height:1px;
  background:linear-gradient(90deg,transparent,#32e612);
  box-shadow:0 0 7px rgba(50,230,18,.55);
}
.account-kicker::after{ transform:scaleX(-1); }
.account-heading h1{
  margin:12px 0 8px;
  color:#f5f5f5;
  font:700 42px/46px var(--cond);
  letter-spacing:1.4px;
}
.account-heading h1 em{
  display:inline-flex;
  align-items:center;
  margin-left:4px;
  vertical-align:-5px;
  font-style:normal;
}
.account-heading h1 em img{
  display:block;
  width:auto;
  height:39px;
  filter:drop-shadow(0 0 10px rgba(50,230,18,.3));
}
.account-heading p{
  margin:0;
  color:#868686;
  font:400 15px/23px var(--sans);
}
.account-layout{
  width:1320px;
  margin:0 auto;
  display:grid;
  grid-template-columns:720px 1fr;
  gap:64px;
  align-items:stretch;
}
.auth-panel{
  position:relative;
  min-height:535px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.16);
  border-radius:8px;
  background:linear-gradient(145deg,rgba(0,0,0,.42),rgba(0,0,0,.22));
  -webkit-backdrop-filter:blur(22px) saturate(108%);
  backdrop-filter:blur(22px) saturate(108%);
  box-shadow:0 25px 70px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.12),inset 0 0 30px rgba(255,255,255,.018);
}
.auth-panel::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(115deg,rgba(255,255,255,.085),transparent 24%,transparent 72%,rgba(50,230,18,.025)),
    radial-gradient(560px 220px at 50% 0,rgba(50,230,18,.09),transparent 72%);
}
.auth-beam{
  position:absolute;
  z-index:3;
  left:-220px;
  top:-1px;
  width:220px;
  height:2px;
  background:linear-gradient(90deg,transparent,#32e612,#32e612,#32e612,transparent);
  filter:drop-shadow(0 0 7px rgba(50,230,18,.85));
  animation:accountBeam 4.6s linear infinite;
}
@keyframes accountBeam{ to{ transform:translateX(940px); } }
.auth-tabs{
  position:relative;
  z-index:1;
  height:67px;
  display:grid;
  grid-template-columns:1fr 1fr;
  border-bottom:1px solid #282828;
  background:rgba(0,0,0,.24);
}
.auth-tab{
  position:relative;
  color:#777;
  font:700 15px/20px var(--cond);
  letter-spacing:1.2px;
  transition:color .22s ease,background .22s ease;
}
.auth-tab + .auth-tab{ border-left:1px solid #242424; }
.auth-tab:hover{ color:#c9c9c9; }
.auth-tab.is-active{
  color:#32e612;
  background:linear-gradient(180deg,rgba(50,230,18,.065),transparent);
  text-shadow:0 0 12px rgba(50,230,18,.24);
}
.auth-tab.is-active::after{
  content:'';
  position:absolute;
  left:27%;
  right:27%;
  bottom:-1px;
  height:2px;
  background:#32e612;
  box-shadow:0 0 10px rgba(50,230,18,.8);
}
.auth-content{ position:relative; z-index:1; padding:34px 48px 30px; }
.auth-pane[hidden]{ display:none; }
.auth-title-row{
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:28px;
}
.auth-title-icon{
  flex:0 0 48px;
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border:2px solid rgba(50,230,18,.62);
  border-radius:50%;
  color:#32e612;
  background:radial-gradient(circle,rgba(50,230,18,.11),rgba(50,230,18,.02) 72%);
  box-shadow:0 0 16px rgba(50,230,18,.08),inset 0 0 15px rgba(50,230,18,.05);
}
.auth-title-icon svg{
  width:25px;
  height:25px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.auth-title-row h2{
  margin:0 0 3px;
  color:#f3f3f3;
  font:700 20px/24px var(--cond);
  letter-spacing:.8px;
}
.auth-title-row p{ margin:0; color:#717171; font:400 13px/19px var(--sans); }
.account-form{ display:flex; flex-direction:column; }
.field-label{
  margin:0 0 8px;
  color:#aaa;
  font:700 11px/15px var(--sans);
  letter-spacing:1.15px;
}
.field-control{
  height:48px;
  margin-bottom:18px;
  display:flex;
  align-items:center;
  border:1px solid #343434;
  border-radius:3px;
  background:#0b0b0b;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.field-control:focus-within{
  border-color:rgba(50,230,18,.72);
  background:#0e0b09;
  box-shadow:0 0 0 3px rgba(50,230,18,.055),0 0 18px rgba(50,230,18,.055);
}
.field-control > svg{
  flex:0 0 19px;
  width:19px;
  height:19px;
  margin-left:16px;
  fill:none;
  stroke:#676767;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.field-control:focus-within > svg{ stroke:#32e612; }
.field-control input{
  min-width:0;
  flex:1;
  height:100%;
  padding:0 15px 0 12px;
  border:0;
  outline:0;
  color:#e8e8e8;
  background:transparent;
  font:400 14px/20px var(--sans);
}
.field-control input::placeholder{ color:#545454; }
.field-control.no-icon input{ padding-left:15px; }
.password-toggle{
  flex:0 0 46px;
  height:100%;
  display:grid;
  place-items:center;
  color:#646464;
}
.password-toggle:hover{ color:#32e612; }
.password-toggle svg{
  width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.form-options{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:0 0 23px;
}
.remember{
  display:flex;
  align-items:center;
  gap:9px;
  color:#777;
  font:400 12px/17px var(--sans);
  cursor:pointer;
}
.remember input{ position:absolute; opacity:0; pointer-events:none; }
.remember span{
  position:relative;
  width:15px;
  height:15px;
  border:1px solid #444;
  border-radius:2px;
  background:#0b0b0b;
}
.remember input:checked + span{
  border-color:#32e612;
  background:#32e612;
  box-shadow:0 0 8px rgba(50,230,18,.35);
}
.remember input:checked + span::after{
  content:'';
  position:absolute;
  left:4px;
  top:1px;
  width:4px;
  height:8px;
  border:solid white;
  border-width:0 2px 2px 0;
  transform:rotate(45deg);
}
.form-options a{ color:#a5a5a5; font:500 12px/17px var(--sans); transition:color .2s ease; }
.form-options a:hover{ color:#32e612; }
.account-submit{
  position:relative;
  height:51px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 11px,100% calc(100% - 11px),calc(100% - 11px) 100%,11px 100%,0 calc(100% - 11px),0 11px);
  background:linear-gradient(90deg,#32e612,#32e612,#32e612);
  background-size:200% 100%;
  box-shadow:0 0 25px rgba(50,230,18,.18);
  font:700 15px/20px var(--cond);
  letter-spacing:1.25px;
  transition:filter .22s ease,background-position .35s ease;
}
.account-submit::before{
  content:'';
  position:absolute;
  inset:0;
  transform:translateX(-115%);
  background:linear-gradient(110deg,transparent 36%,rgba(255,255,255,.28) 49%,transparent 62%);
  transition:transform .55s ease;
}
.account-submit:hover{ filter:brightness(1.12) drop-shadow(0 0 12px rgba(50,230,18,.24)); background-position:100% 0; }
.account-submit:hover::before{ transform:translateX(115%); }
.account-submit span,.account-submit svg{ position:relative; z-index:1; }
.account-submit svg{ width:19px; height:19px; fill:none; stroke:#fff; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; transition:transform .2s ease; }
.account-submit:hover svg{ transform:translateX(4px); }
.form-feedback{ min-height:18px; margin:8px 0 0; color:#32e612; text-align:center; font:400 12px/18px var(--sans); }
.secure-note{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:14px;
  color:#5e5e5e;
  font:400 11px/16px var(--sans);
}
.secure-note svg{ width:15px; height:15px; fill:none; stroke:#737373; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.field-pair{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.consent{ align-items:flex-start; margin:1px 0 19px; line-height:17px; }
.consent span{ flex:0 0 15px; margin-top:1px; }
.register-form .field-control{ margin-bottom:15px; }
.account-benefits{
  position:relative;
  padding:24px 0 0 12px;
}
.account-benefits::before{
  content:'';
  position:absolute;
  left:-32px;
  top:15px;
  bottom:12px;
  width:1px;
  background:linear-gradient(180deg,transparent,rgba(50,230,18,.28) 20%,rgba(50,230,18,.14) 80%,transparent);
}
.benefits-overline{
  color:#32e612;
  font:700 11px/16px var(--cond);
  letter-spacing:2.8px;
}
.account-benefits h2{
  margin:12px 0 12px;
  color:#f2f2f2;
  font:700 35px/40px var(--cond);
  letter-spacing:.8px;
}
.benefits-intro{
  max-width:465px;
  margin:0;
  color:#7b7b7b;
  font:400 14px/22px var(--sans);
}
.benefits-list{ margin:30px 0 0; display:flex; flex-direction:column; }
.benefits-list li{
  min-height:76px;
  display:flex;
  align-items:center;
  gap:18px;
  border-bottom:1px solid rgba(255,255,255,.065);
}
.benefits-list li:first-child{ border-top:1px solid rgba(255,255,255,.065); }
.benefit-icon{
  flex:0 0 43px;
  width:43px;
  height:43px;
  display:grid;
  place-items:center;
  border:3px solid rgba(50,230,18,.68);
  border-radius:50%;
  color:#32e612;
  background:rgba(50,230,18,.035);
  box-shadow:0 0 12px rgba(50,230,18,.16), inset 0 0 7px rgba(50,230,18,.06);
}
.benefit-icon svg{ width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.benefits-list strong{ display:block; margin-bottom:2px; color:#d8d8d8; font:700 13px/18px var(--cond); letter-spacing:.75px; }
.benefits-list small{ color:#696969; font:400 12px/17px var(--sans); }
.account-support{
  min-height:78px;
  margin-top:25px;
  padding:14px 16px;
  display:grid;
  grid-template-columns:8px 1fr auto;
  align-items:center;
  gap:12px;
  border:1px solid #292929;
  border-radius:3px;
  background:rgba(255,255,255,.018);
}
.support-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#32e612;
  box-shadow:0 0 9px rgba(50,230,18,.85);
}
.account-support strong{ color:#bbb; font:700 11px/16px var(--cond); letter-spacing:1px; }
.account-support p{ margin:1px 0 0; color:#606060; font:400 11px/16px var(--sans); }
.account-support a{ color:#32e612; font:700 10px/15px var(--cond); letter-spacing:.8px; white-space:nowrap; }
.account-support a span{ margin-left:4px; transition:margin .2s ease; }
.account-support a:hover span{ margin-left:8px; }

@media (prefers-reduced-motion:reduce){ .auth-beam{ animation:none; } }
/* =========================================================
   PAGE PANIER
   ========================================================= */
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.cart-page .icon-btn:hover svg,
.cart-page .cart-btn.is-current .ico-cart{ stroke:#32e612; filter:drop-shadow(0 0 7px rgba(50,230,18,.55)); }
.cart-page .cart-btn.is-current .cart-label{ color:#32e612; }
.cart-main{
  position:relative;
  min-height:970px;
  overflow:hidden;
  padding-bottom:72px;
  background-color:#030303;
  background-image:linear-gradient(rgba(0,0,0,.79),rgba(0,0,0,.91)),url('./catalog-background.png');
  background-size:cover;
  background-position:center top;
  background-attachment:fixed;
}
.cart-ambient{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(700px 300px at 78% 19%,rgba(50,230,18,.09),transparent 72%),
    radial-gradient(520px 260px at 12% 43%,rgba(50,230,18,.045),transparent 70%);
}
.cart-container{ position:relative; z-index:1; width:1440px; margin:0 auto; }
.cart-breadcrumb{
  height:55px;
  display:flex;
  align-items:center;
  gap:10px;
  border-bottom:1px solid rgba(255,255,255,.065);
  color:#626262;
  font:400 11px/16px var(--cond);
  letter-spacing:1.4px;
}
.cart-breadcrumb a{ transition:color .2s ease; }
.cart-breadcrumb a:hover{ color:#32e612; }
.cart-breadcrumb strong{ color:#a2a2a2; font-weight:500; }
.cart-heading{
  min-height:119px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.cart-overline{ display:block; margin-bottom:7px; color:#32e612; font:700 10px/14px var(--cond); letter-spacing:3px; }
.cart-heading h1{ margin:0; color:#f2f2f2; font:700 38px/43px var(--cond); letter-spacing:1.2px; }
.cart-heading h1 em{ margin-left:8px; color:#666; font:400 15px/23px var(--sans); letter-spacing:.2px; vertical-align:5px; }
.continue-shopping{ color:#868686; font:700 11px/17px var(--cond); letter-spacing:1.2px; transition:color .2s ease; }
.continue-shopping span{ display:inline-block; margin-right:9px; color:#32e612; font-size:17px; transition:transform .2s ease; }
.continue-shopping:hover{ color:#fff; }
.continue-shopping:hover span{ transform:translateX(-4px); }
.checkout-track{
  height:70px;
  margin-bottom:24px;
  padding:0 310px;
  display:grid;
  grid-template-columns:auto 1fr auto 1fr auto;
  align-items:center;
  border:1px solid rgba(255,255,255,.075);
  border-radius:5px;
  background:rgba(4,4,4,.6);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.checkout-step{ display:flex; align-items:center; gap:10px; color:#555; font:700 11px/15px var(--cond); letter-spacing:1.4px; }
.checkout-step i{ width:27px; height:27px; display:grid; place-items:center; border:2px solid #393939; border-radius:50%; font-style:normal; }
.checkout-step.is-active{ color:#eaeaea; }
.checkout-step.is-active i{ border:3px solid #32e612; color:#32e612; background:rgba(50,230,18,.08); box-shadow:0 0 13px rgba(50,230,18,.23); }
.checkout-line{ height:1px; margin:0 19px; background:linear-gradient(90deg,#47200e,#333); }
.shipping-progress{
  min-height:67px;
  margin-bottom:18px;
  padding:0 22px;
  display:grid;
  grid-template-columns:42px 1fr auto;
  align-items:center;
  gap:15px;
  border:1px solid rgba(50,230,18,.28);
  border-left:3px solid #32e612;
  border-radius:4px;
  background:linear-gradient(90deg,rgba(50,230,18,.075),rgba(8,8,8,.58) 48%,rgba(8,8,8,.42));
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  box-shadow:0 0 18px rgba(50,230,18,.045);
}
.shipping-icon{ width:35px; height:35px; display:grid; place-items:center; border:3px solid rgba(50,230,18,.62); border-radius:50%; color:#32e612; }
.shipping-icon svg{ width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linejoin:round; }
.shipping-progress strong{ display:block; margin-bottom:2px; color:#e2e2e2; font:700 12px/16px var(--cond); letter-spacing:1px; }
.shipping-progress p{ margin:0; color:#777; font:400 11px/16px var(--sans); }
.shipping-check{ width:25px; height:25px; display:grid; place-items:center; border-radius:50%; color:#0a0a0a; background:#32e612; box-shadow:0 0 13px rgba(50,230,18,.35); font:700 13px/20px var(--sans); }
.cart-layout{ display:grid; grid-template-columns:minmax(0,1fr) 390px; gap:25px; align-items:start; }
.cart-products{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  border-radius:5px;
  background:linear-gradient(145deg,rgba(18,18,18,.67),rgba(2,2,2,.53));
  -webkit-backdrop-filter:blur(17px);
  backdrop-filter:blur(17px);
  box-shadow:0 18px 48px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.035);
}
.cart-table-head{
  height:43px;
  padding:0 30px;
  display:grid;
  grid-template-columns:1fr 130px 165px;
  align-items:center;
  border-bottom:1px solid rgba(255,255,255,.075);
  color:#646464;
  font:700 10px/14px var(--cond);
  letter-spacing:1.8px;
}
.cart-table-head span:nth-child(2),.cart-table-head span:nth-child(3){ text-align:center; }
.cart-item{
  position:relative;
  min-height:166px;
  padding:22px 22px 22px 27px;
  display:grid;
  grid-template-columns:122px minmax(250px,1fr) 130px 165px 32px;
  align-items:center;
  gap:20px;
  border-bottom:1px solid rgba(255,255,255,.075);
  transition:opacity .25s ease,transform .25s ease,background .2s ease;
}
.cart-item:last-child{ border-bottom:0; }
.cart-item:hover{ background:rgba(255,255,255,.012); }
.cart-item.is-removing{ opacity:0; transform:translateX(-25px); }
.cart-product-media{
  position:relative;
  width:118px;
  height:103px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid #363636;
  border-radius:4px;
  background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.008) 48%,rgba(50,230,18,.09));
  box-shadow:inset 0 0 30px rgba(50,230,18,.035);
}
.cart-product-media::before{
  content:'';
  position:absolute;
  width:85px;
  height:85px;
  border:1px solid rgba(50,230,18,.15);
  border-radius:50%;
  box-shadow:0 0 20px rgba(50,230,18,.055);
}
.cart-product-media span{ position:relative; z-index:1; color:#787878; font:700 12px/17px var(--cond); letter-spacing:2px; }
.cart-product-media i{ position:absolute; left:12px; right:12px; bottom:9px; height:1px; background:linear-gradient(90deg,transparent,#32e612,transparent); box-shadow:0 0 6px rgba(50,230,18,.55); }
.cart-category{ display:block; margin-bottom:6px; color:#32e612; font:700 9px/13px var(--cond); letter-spacing:1.7px; }
.cart-product-info h3{ margin:0 0 6px; color:#e6e6e6; font:700 17px/22px var(--cond); letter-spacing:.15px; }
.cart-product-info p{ margin:0 0 11px; color:#666; font:400 11px/16px var(--sans); }
.stock-status{ display:flex; align-items:center; color:#788477; font:500 9px/13px var(--sans); letter-spacing:.45px; }
.stock-status i{ width:6px; height:6px; margin-right:6px; border-radius:50%; background:#65a765; box-shadow:0 0 7px rgba(95,181,95,.5); }
.quantity-control{ width:111px; height:38px; display:grid; grid-template-columns:1fr; align-items:center; border:1px solid #383838; border-radius:3px; background:#090909; overflow:hidden; }
.quantity-control button{ height:100%; color:#777; font:400 19px/24px var(--sans); transition:color .2s ease,background .2s ease; }
.quantity-control button:hover{ color:#32e612; background:rgba(50,230,18,.05); }
.quantity-control output{ color:#ddd; text-align:center; font:500 13px/18px var(--sans); }
.cart-item-price{ text-align:center; }
.cart-item-price strong{ display:block; color:#32e612; font:700 17px/22px var(--sans); }
.cart-item-price small{ display:block; margin-top:4px; color:#505050; font:400 9px/13px var(--sans); }
.remove-item{ width:30px; height:30px; display:grid; place-items:center; border-radius:50%; color:#555; transition:color .2s ease,background .2s ease; }
.remove-item:hover{ color:#32e612; background:rgba(50,230,18,.08); }
.remove-item svg{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.empty-cart{ padding:70px 20px; text-align:center; }
.empty-cart-icon{ width:72px; height:72px; margin:0 auto 20px; display:grid; place-items:center; border:2px solid rgba(50,230,18,.38); border-radius:50%; color:#32e612; box-shadow:0 0 20px rgba(50,230,18,.1); }
.empty-cart-icon svg{ width:35px; height:35px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.empty-cart h3{ margin:0 0 8px; font:700 22px/28px var(--cond); letter-spacing:1px; }
.empty-cart p{ margin:0 0 25px; color:#777; font:400 13px/20px var(--sans); }
.empty-cart a{ display:inline-grid; place-items:center; min-width:245px; height:46px; background:#32e612; color:#fff; font:700 12px/17px var(--cond); letter-spacing:1.1px; }
.order-summary{
  position:relative;
  overflow:hidden;
  padding:27px 27px 25px;
  border:1px solid rgba(50,230,18,.35);
  border-radius:5px;
  background:linear-gradient(145deg,rgba(16,16,16,.76),rgba(0,0,0,.58));
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
  box-shadow:0 20px 55px rgba(0,0,0,.44),inset 0 1px rgba(255,255,255,.055),0 0 25px rgba(50,230,18,.04);
}
.order-summary::before{ content:''; position:absolute; inset:0; pointer-events:none; background:radial-gradient(350px 120px at 50% 0,rgba(50,230,18,.1),transparent 75%); }
.summary-beam{ position:absolute; left:0; right:0; top:0; height:2px; background:linear-gradient(90deg,transparent,#32e612,#ffd0a3,#32e612,transparent); background-size:170px 100%; background-repeat:no-repeat; animation:summaryBeam 3.2s linear infinite; box-shadow:0 0 8px rgba(50,230,18,.5); }
@keyframes summaryBeam{ from{ background-position:-170px 0; } to{ background-position:560px 0; } }
.order-summary > *:not(.summary-beam){ position:relative; z-index:1; }
.order-summary h2{ margin:0 0 24px; padding-bottom:17px; border-bottom:1px solid rgba(255,255,255,.09); color:#f1f1f1; font:700 20px/25px var(--cond); letter-spacing:1.4px; }
.promo-box{ margin-bottom:20px; }
.promo-box label{ display:block; margin-bottom:8px; color:#777; font:700 9px/13px var(--cond); letter-spacing:1.3px; }
.promo-box > div{ height:41px; display:grid; grid-template-columns:1fr 97px; }
.promo-box input{ min-width:0; border:1px solid #353535; border-right:0; border-radius:3px 0 0 3px; outline:0; padding:0 12px; color:#ddd; background:rgba(4,4,4,.7); font:400 12px/17px var(--sans); }
.promo-box input:focus{ border-color:#70401f; box-shadow:inset 0 0 9px rgba(50,230,18,.035); }
.promo-box button{ border-radius:0 3px 3px 0; background:#2c2c2c; color:#cfcfcf; font:700 9px/13px var(--cond); letter-spacing:.8px; transition:background .2s ease,color .2s ease; }
.promo-box button:hover{ color:#fff; background:#32e612; }
.promo-box p{ min-height:14px; margin:6px 0 0; color:#32e612; font:400 9px/14px var(--sans); }
.promo-box p.is-success{ color:#72a572; }
.summary-lines{ margin:0; padding:16px 0; border-top:1px solid rgba(255,255,255,.075); border-bottom:1px solid rgba(255,255,255,.075); }
.summary-lines div{ display:flex; justify-content:space-between; margin:9px 0; color:#898989; font:400 12px/17px var(--sans); }
.summary-lines dd{ margin:0; color:#c8c8c8; }
.summary-lines .free-shipping{ color:#32e612; font:700 10px/17px var(--cond); letter-spacing:.7px; }
.summary-lines .discount-line dd{ color:#75a875; }
.summary-total{ min-height:83px; display:flex; align-items:center; justify-content:space-between; }
.summary-total div strong{ display:block; color:#eee; font:700 15px/20px var(--cond); letter-spacing:1px; }
.summary-total div span{ color:#555; font:400 9px/14px var(--sans); }
.summary-total output{ color:#32e612; font:700 23px/28px var(--sans); text-shadow:0 0 14px rgba(50,230,18,.12); }
.checkout-button{ position:relative; width:100%; height:52px; overflow:hidden; display:flex; align-items:center; justify-content:center; gap:14px; clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px); background:linear-gradient(90deg,#32e612,#32e612,#32e612); background-size:200% 100%; box-shadow:0 0 24px rgba(50,230,18,.19); font:700 12px/17px var(--cond); letter-spacing:1.3px; transition:filter .2s ease,background-position .35s ease; }
.checkout-button::before{ content:''; position:absolute; inset:0; transform:translateX(-115%); background:linear-gradient(110deg,transparent 37%,rgba(255,255,255,.25) 50%,transparent 63%); transition:transform .55s ease; }
.checkout-button:hover{ filter:brightness(1.12); background-position:100% 0; }
.checkout-button:hover::before{ transform:translateX(115%); }
.checkout-button:disabled{ opacity:.35; cursor:not-allowed; }
.checkout-button span,.checkout-button svg{ position:relative; z-index:1; }
.checkout-button svg{ width:18px; height:18px; fill:none; stroke:#fff; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; transition:transform .2s ease; }
.checkout-button:hover svg{ transform:translateX(4px); }
.checkout-feedback{ min-height:15px; margin:7px 0 0; color:#32e612; text-align:center; font:400 9px/14px var(--sans); }
.secure-checkout{ margin-top:14px; padding-top:16px; display:flex; align-items:center; justify-content:center; gap:9px; border-top:1px solid rgba(255,255,255,.065); }
.secure-checkout svg{ width:20px; height:20px; fill:none; stroke:#777; stroke-width:1.6; }
.secure-checkout span{ color:#555; font:400 9px/13px var(--sans); }
.secure-checkout strong{ display:block; color:#888; font:700 9px/13px var(--cond); letter-spacing:.8px; }
.cart-payment-list{ height:31px; margin-top:13px; display:flex; align-items:center; justify-content:center; gap:18px; }
.cart-payment-list img{ max-width:53px; max-height:23px; object-fit:contain; filter:grayscale(.08) brightness(.9); opacity:.72; }
.cart-reassurance{
  min-height:91px;
  margin-top:25px;
  padding:0 42px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  align-items:center;
  border:1px solid rgba(255,255,255,.075);
  border-radius:5px;
  background:rgba(3,3,3,.55);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.cart-reassurance article{ min-height:51px; display:flex; align-items:center; justify-content:center; gap:15px; border-right:1px solid rgba(255,255,255,.075); }
.cart-reassurance article:last-child{ border-right:0; }
.cart-reassurance svg{ width:34px; height:34px; padding:6px; border:3px solid rgba(50,230,18,.62); border-radius:50%; fill:none; stroke:#32e612; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 0 5px rgba(50,230,18,.2)); }
.cart-reassurance strong{ display:block; color:#cfcfcf; font:700 10px/14px var(--cond); letter-spacing:.9px; }
.cart-reassurance span{ display:block; margin-top:2px; color:#5e5e5e; font:400 10px/14px var(--sans); }
@media (prefers-reduced-motion:reduce){ .summary-beam{ animation:none; } }

@media (max-width:900px){
  .cart-page .site-header{ height:auto; }
  .cart-page .brand{ width:180px; height:63px; }
  .cart-page .icon-btn{ margin-left:0; }
  .cart-page .cart-btn{ margin-left:10px; }
  .cart-main{ min-height:0; padding-bottom:44px; background-attachment:scroll; }
  .cart-container{ width:100%; padding:0 16px; }
  .cart-breadcrumb{ height:48px; }
  .cart-heading{ min-height:112px; display:block; padding-top:25px; }
  .cart-heading h1{ font-size:31px; line-height:37px; }
  .cart-heading h1 em{ display:block; margin:2px 0 0; font-size:12px; line-height:17px; vertical-align:0; }
  .continue-shopping{ display:inline-block; margin-top:14px; }
  .checkout-track{ height:62px; padding:0 12px; }
  .checkout-step{ gap:5px; font-size:9px; letter-spacing:.6px; }
  .checkout-step i{ width:23px; height:23px; }
  .checkout-line{ margin:0 7px; }
  .shipping-progress{ padding:10px 12px; grid-template-columns:36px 1fr 24px; gap:9px; }
  .shipping-progress p{ line-height:15px; }
  .cart-layout{ grid-template-columns:1fr; gap:20px; }
  .cart-table-head{ display:none; }
  .cart-item{ min-height:0; padding:18px; grid-template-columns:85px 1fr 30px; gap:13px; }
  .cart-product-media{ width:85px; height:82px; grid-row:1 / span 2; }
  .cart-product-info{ min-width:0; }
  .cart-product-info h3{ font-size:15px; line-height:19px; }
  .cart-product-info p{ font-size:10px; }
  .stock-status{ font-size:8px; line-height:12px; }
  .quantity-control{ grid-column:2; width:103px; height:35px; }
  .cart-item-price{ grid-column:2; text-align:left; }
  .cart-item-price small{ display:none; }
  .remove-item{ grid-column:3; grid-row:1; }
  .order-summary{ padding:24px 20px; }
  .cart-reassurance{ padding:14px 18px; grid-template-columns:1fr; }
  .cart-reassurance article{ min-height:68px; justify-content:flex-start; border-right:0; border-bottom:1px solid rgba(255,255,255,.075); }
  .cart-reassurance article:last-child{ border-bottom:0; }
}

@media (max-width:900px){
  .account-page .site-header{ height:auto; }
  .account-page .brand{ width:180px; height:63px; }
  .account-page .icon-btn{ margin-left:0; }
  .account-page .cart-btn{ margin-left:10px; }
  .account-main{ min-height:0; padding-bottom:48px; background-attachment:scroll; }
  .account-container{ width:100%; padding:0 18px; }
  .account-breadcrumb{ height:50px; }
  .account-heading{ padding:34px 0 30px; }
  .account-heading h1{ font-size:34px; line-height:39px; }
  .account-heading h1 em{ vertical-align:-4px; }
  .account-heading h1 em img{ height:31px; }
  .account-heading p{ max-width:390px; margin:0 auto; }
  .account-layout{ width:100%; grid-template-columns:1fr; gap:38px; }
  .auth-content{ padding:27px 20px 25px; }
  .auth-tab{ font-size:13px; }
  .field-pair{ grid-template-columns:1fr; gap:0; }
  .account-benefits{ padding:5px 0 0; }
  .account-benefits::before{ display:none; }
  .account-benefits h2{ font-size:30px; line-height:35px; }
  .account-support{ grid-template-columns:8px 1fr; }
  .account-support a{ grid-column:2; }
}

/* =========================================================
   PAGE CONTACT
   ========================================================= */
.contact-main{
  position:relative;
  min-height:1130px;
  overflow:hidden;
  padding-bottom:76px;
  background:
    linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.79) 52%,rgba(0,0,0,.92)),
    url('./catalog-background.png') center top / cover no-repeat fixed,
    #030303;
}
.contact-main::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(750px 430px at 18% 23%,rgba(50,230,18,.085),transparent 72%),
    radial-gradient(650px 380px at 87% 48%,rgba(50,230,18,.065),transparent 74%),
    linear-gradient(120deg,transparent 0 49.9%,rgba(50,230,18,.02) 50%,transparent 50.1% 100%);
  background-size:auto,auto,58px 58px;
}
.contact-ambient{
  position:absolute;
  right:-230px;
  top:-330px;
  width:720px;
  height:720px;
  border:1px solid rgba(50,230,18,.065);
  border-radius:50%;
  box-shadow:0 0 110px rgba(50,230,18,.04),inset 0 0 100px rgba(50,230,18,.025);
}
.contact-ambient::before,.contact-ambient::after{
  content:'';
  position:absolute;
  border:1px solid rgba(50,230,18,.045);
  border-radius:50%;
}
.contact-ambient::before{ inset:80px; }
.contact-ambient::after{ inset:155px; }
.contact-container{ position:relative; z-index:1; width:1440px; margin:0 auto; }
.contact-breadcrumb{
  height:55px;
  display:flex;
  align-items:center;
  gap:10px;
  border-bottom:1px solid rgba(255,255,255,.065);
  color:#626262;
  font:400 11px/16px var(--cond);
  letter-spacing:1.4px;
}
.contact-breadcrumb a{ transition:color .2s ease; }
.contact-breadcrumb a:hover{ color:#32e612; }
.contact-breadcrumb span{ color:#3e3e3e; }
.contact-breadcrumb strong{ color:#a8a8a8; font-weight:500; }
.contact-heading{ padding:39px 0 31px; text-align:center; }
.contact-kicker{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  color:#32e612;
  font:700 11px/16px var(--cond);
  letter-spacing:3.1px;
}
.contact-kicker::before,.contact-kicker::after{
  content:'';
  width:28px;
  height:1px;
  background:linear-gradient(90deg,transparent,#32e612);
  box-shadow:0 0 7px rgba(50,230,18,.55);
}
.contact-kicker::after{ transform:scaleX(-1); }
.contact-heading h1{ margin:10px 0 8px; color:#f4f4f4; font:700 41px/47px var(--cond); letter-spacing:1.1px; }
.contact-heading h1 em{ color:#32e612; font-style:normal; text-shadow:0 0 18px rgba(50,230,18,.27); }
.contact-heading p{ margin:0; color:#808080; font:400 14px/22px var(--sans); }
.contact-channels{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin-bottom:25px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  border-radius:7px;
  background:linear-gradient(110deg,rgba(16,16,16,.67),rgba(0,0,0,.43));
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
  box-shadow:0 18px 50px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.035);
}
.contact-channel{
  min-height:116px;
  padding:20px 32px;
  display:flex;
  align-items:center;
  gap:18px;
}
.contact-channel + .contact-channel{ border-left:1px solid rgba(255,255,255,.075); }
.contact-channel-icon{
  flex:0 0 55px;
  width:55px;
  height:55px;
  display:grid;
  place-items:center;
  border:3px solid rgba(50,230,18,.68);
  border-radius:50%;
  color:#32e612;
  background:radial-gradient(circle,rgba(50,230,18,.10),rgba(50,230,18,.015) 72%);
  box-shadow:0 0 16px rgba(50,230,18,.14),inset 0 0 12px rgba(50,230,18,.06);
}
.contact-channel-icon svg{ width:28px; height:28px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.contact-channel small{ display:block; margin-bottom:4px; color:#626262; font:700 9px/13px var(--cond); letter-spacing:1.8px; }
.contact-channel a,.contact-channel strong{ display:block; color:#e8e8e8; font:700 15px/19px var(--cond); letter-spacing:.45px; transition:color .2s ease; }
.contact-channel a:hover{ color:#32e612; }
.contact-channel p{ margin:3px 0 0; color:#666; font:400 11px/16px var(--sans); }
.contact-layout{ display:grid; grid-template-columns:880px 1fr; gap:27px; align-items:start; }
.contact-form-panel{
  position:relative;
  overflow:hidden;
  padding:34px 42px 37px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:8px;
  background:linear-gradient(145deg,rgba(5,5,5,.50),rgba(0,0,0,.28));
  -webkit-backdrop-filter:blur(21px) saturate(108%);
  backdrop-filter:blur(21px) saturate(108%);
  box-shadow:0 25px 70px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.09),inset 0 0 34px rgba(255,255,255,.012);
}
.contact-form-panel::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(117deg,rgba(255,255,255,.055),transparent 23%,transparent 76%,rgba(50,230,18,.025));
}
.contact-beam{
  position:absolute;
  z-index:3;
  left:-230px;
  top:-1px;
  width:230px;
  height:2px;
  background:linear-gradient(90deg,transparent,#32e612,#32e612,#32e612,transparent);
  filter:drop-shadow(0 0 7px rgba(50,230,18,.85));
  animation:contactBeam 5.2s linear infinite;
}
@keyframes contactBeam{ to{ transform:translateX(1120px); } }
.contact-form-head{ position:relative; z-index:1; display:flex; align-items:center; gap:17px; margin-bottom:29px; padding-bottom:24px; border-bottom:1px solid rgba(255,255,255,.075); }
.contact-form-icon{
  flex:0 0 52px;
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border:3px solid rgba(50,230,18,.67);
  border-radius:50%;
  color:#32e612;
  background:rgba(50,230,18,.035);
  box-shadow:0 0 14px rgba(50,230,18,.13),inset 0 0 10px rgba(50,230,18,.05);
}
.contact-form-icon svg{ width:27px; height:27px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.contact-form-head span:not(.contact-form-icon){ display:block; margin-bottom:3px; color:#32e612; font:700 9px/13px var(--cond); letter-spacing:2.1px; }
.contact-form-head h2{ margin:0 0 3px; color:#f0f0f0; font:700 21px/26px var(--cond); letter-spacing:.7px; }
.contact-form-head p{ margin:0; color:#666; font:400 11px/17px var(--sans); }
.contact-form{ position:relative; z-index:1; }
.contact-field-pair{ display:grid; grid-template-columns:1fr 1fr; gap:17px; }
.contact-field{ position:relative; margin-bottom:17px; }
.contact-field label{ display:block; margin:0 0 8px; color:#aaa; font:700 10px/14px var(--sans); letter-spacing:1.05px; }
.contact-field input,.contact-field select,.contact-field textarea{
  width:100%;
  border:1px solid #343434;
  border-radius:4px;
  outline:0;
  color:#e5e5e5;
  background:rgba(8,8,8,.85);
  font:400 13px/20px var(--sans);
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.contact-field input,.contact-field select{ height:46px; padding:0 14px; }
.contact-field select{ appearance:none; padding-right:38px; cursor:pointer; background-image:linear-gradient(45deg,transparent 50%,#777 50%),linear-gradient(135deg,#777 50%,transparent 50%); background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px; background-size:5px 5px,5px 5px; background-repeat:no-repeat; }
.contact-field select option{ color:#e7e7e7; background:#0b0b0b; }
.contact-field textarea{ min-height:143px; max-height:230px; padding:12px 14px 28px; resize:vertical; }
.contact-field input::placeholder,.contact-field textarea::placeholder{ color:#535353; }
.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{ border-color:rgba(50,230,18,.72); background:#0d0a08; box-shadow:0 0 0 3px rgba(50,230,18,.05),0 0 17px rgba(50,230,18,.055); }
.contact-message-field{ margin-bottom:14px; }
.contact-counter{ position:absolute; right:12px; bottom:9px; color:#5c5c5c; font:400 10px/14px var(--sans); }
.contact-file-row{ min-height:62px; margin-bottom:18px; padding:9px 13px; display:flex; align-items:center; justify-content:space-between; gap:16px; border:1px dashed #343434; border-radius:4px; background:rgba(255,255,255,.012); }
.contact-file-row > input{ position:absolute; width:1px; height:1px; overflow:hidden; opacity:0; }
.contact-file{ display:flex; align-items:center; gap:11px; cursor:pointer; }
.contact-file svg{ width:23px; height:23px; fill:none; stroke:#32e612; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.contact-file strong{ display:block; color:#aaa; font:700 10px/14px var(--cond); letter-spacing:.8px; }
.contact-file small{ display:block; max-width:320px; overflow:hidden; color:#5c5c5c; font:400 10px/14px var(--sans); text-overflow:ellipsis; white-space:nowrap; }
.contact-file small.is-error{ color:#32e612; }
.contact-response{ display:flex; align-items:center; gap:7px; color:#626262; font:400 10px/15px var(--sans); white-space:nowrap; }
.contact-response i{ width:7px; height:7px; border-radius:50%; background:#32e612; box-shadow:0 0 8px rgba(50,230,18,.85); }
.contact-consent{ margin-bottom:20px; display:flex; align-items:flex-start; gap:10px; color:#6e6e6e; cursor:pointer; }
.contact-consent input{ position:absolute; opacity:0; pointer-events:none; }
.contact-consent span{ position:relative; flex:0 0 16px; width:16px; height:16px; margin-top:1px; border:1px solid #484848; border-radius:3px; background:#0b0b0b; }
.contact-consent small{ font:400 10px/16px var(--sans); }
.contact-consent input:checked + span{ border-color:#32e612; background:#32e612; box-shadow:0 0 8px rgba(50,230,18,.32); }
.contact-consent input:checked + span::after{ content:''; position:absolute; left:4px; top:1px; width:4px; height:8px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg); }
.contact-submit{
  position:relative;
  width:100%;
  height:52px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 11px,100% calc(100% - 11px),calc(100% - 11px) 100%,11px 100%,0 calc(100% - 11px),0 11px);
  background:linear-gradient(90deg,#32e612,#32e612,#32e612);
  background-size:200% 100%;
  box-shadow:0 0 25px rgba(50,230,18,.18);
  font:700 14px/20px var(--cond);
  letter-spacing:1.25px;
  transition:filter .22s ease,background-position .35s ease;
}
.contact-submit::before{ content:''; position:absolute; inset:0; transform:translateX(-115%); background:linear-gradient(110deg,transparent 36%,rgba(255,255,255,.28) 49%,transparent 62%); transition:transform .55s ease; }
.contact-submit:hover{ filter:brightness(1.12) drop-shadow(0 0 12px rgba(50,230,18,.24)); background-position:100% 0; }
.contact-submit:hover::before{ transform:translateX(115%); }
.contact-submit span,.contact-submit svg{ position:relative; z-index:1; }
.contact-submit svg{ width:19px; height:19px; fill:none; stroke:#fff; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; transition:transform .2s ease; }
.contact-submit:hover svg{ transform:translateX(4px); }
.contact-feedback{ min-height:19px; margin:9px 0 0; color:#32e612; text-align:center; font:400 11px/17px var(--sans); }
.contact-feedback.is-success{ color:#e6a16f; }
.contact-sidebar{ display:flex; flex-direction:column; gap:20px; }
.contact-info-card,.contact-hours-card,.contact-faq{ border:1px solid rgba(255,255,255,.10); border-radius:7px; background:linear-gradient(145deg,rgba(13,13,13,.66),rgba(1,1,1,.48)); -webkit-backdrop-filter:blur(17px); backdrop-filter:blur(17px); box-shadow:0 18px 48px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.025); }
.contact-info-card{ padding:27px 29px 24px; }
.contact-side-overline{ color:#32e612; font:700 9px/13px var(--cond); letter-spacing:2px; }
.contact-info-card h2,.contact-faq h2{ margin:7px 0 17px; color:#e9e9e9; font:700 20px/25px var(--cond); letter-spacing:.55px; }
.contact-info-card ul{ border-top:1px solid rgba(255,255,255,.07); }
.contact-info-card li{ min-height:67px; display:flex; align-items:center; gap:13px; border-bottom:1px solid rgba(255,255,255,.07); }
.contact-info-card li > i{ flex:0 0 33px; width:33px; height:33px; display:grid; place-items:center; border:3px solid rgba(50,230,18,.57); border-radius:50%; color:#32e612; background:rgba(50,230,18,.035); font:700 11px/14px var(--cond); font-style:normal; }
.contact-info-card strong{ display:block; color:#c8c8c8; font:700 11px/16px var(--cond); letter-spacing:.5px; }
.contact-info-card small{ color:#626262; font:400 10px/15px var(--sans); }
.contact-hours-card{ padding:25px 29px; }
.contact-hours-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.contact-hours-head span{ color:#32e612; font:700 9px/13px var(--cond); letter-spacing:1.7px; }
.contact-hours-head h2{ margin:5px 0 15px; color:#e8e8e8; font:700 17px/22px var(--cond); letter-spacing:.45px; }
.contact-online-dot{ flex:0 0 12px; width:12px; height:12px; margin-top:9px; border:3px solid rgba(50,230,18,.35); border-radius:50%; background:#32e612; box-shadow:0 0 11px rgba(50,230,18,.85); }
.contact-hours-card dl{ margin:0; }
.contact-hours-card dl div{ min-height:29px; display:flex; align-items:center; justify-content:space-between; border-top:1px solid rgba(255,255,255,.06); }
.contact-hours-card dt{ color:#686868; font:700 9px/13px var(--cond); letter-spacing:.8px; }
.contact-hours-card dd{ margin:0; color:#aaa; font:500 10px/14px var(--sans); }
.contact-faq{ padding:25px 29px 20px; }
.contact-faq details{ border-top:1px solid rgba(255,255,255,.07); }
.contact-faq summary{ min-height:43px; display:flex; align-items:center; justify-content:space-between; gap:15px; color:#a9a9a9; font:700 10px/15px var(--cond); letter-spacing:.35px; cursor:pointer; list-style:none; }
.contact-faq summary::-webkit-details-marker{ display:none; }
.contact-faq summary i{
  position:relative;
  flex:0 0 20px;
  width:20px;
  min-width:20px;
  height:20px;
  min-height:20px;
  aspect-ratio:1 / 1;
  box-sizing:border-box;
  border:3px solid rgba(50,230,18,.68);
  border-radius:999px;
  box-shadow:0 0 7px rgba(50,230,18,.12),inset 0 0 4px rgba(50,230,18,.08);
}
.contact-faq summary i::before,.contact-faq summary i::after{
  content:'';
  position:absolute;
  left:50%;
  top:50%;
  width:8px;
  height:2px;
  border-radius:999px;
  background:#32e612;
  transform:translate(-50%,-50%);
}
.contact-faq summary i::after{ transform:translate(-50%,-50%) rotate(90deg); transition:transform .2s ease; }
.contact-faq details[open] summary{ color:#e0e0e0; }
.contact-faq details[open] summary i::after{ transform:translate(-50%,-50%) rotate(0); }
.contact-faq details p{ margin:-2px 25px 14px 0; color:#656565; font:400 10px/16px var(--sans); }

@media (prefers-reduced-motion:reduce){ .contact-beam{ animation:none; } }

@media (max-width:900px){
  .contact-page .site-header{ height:auto; }
  .contact-page .brand{ width:180px; height:63px; }
  .contact-page .icon-btn{ margin-left:0; }
  .contact-page .cart-btn{ margin-left:10px; }
  .contact-main{ min-height:0; padding-bottom:48px; background-attachment:scroll; }
  .contact-container{ width:100%; padding:0 17px; }
  .contact-breadcrumb{ height:49px; }
  .contact-heading{ padding:32px 0 27px; }
  .contact-heading h1{ font-size:33px; line-height:39px; }
  .contact-heading p{ max-width:430px; margin:0 auto; }
  .contact-channels{ grid-template-columns:1fr; }
  .contact-channel{ min-height:102px; padding:18px 20px; }
  .contact-channel + .contact-channel{ border-left:0; border-top:1px solid rgba(255,255,255,.075); }
  .contact-layout{ grid-template-columns:1fr; }
  .contact-form-panel{ padding:27px 20px 29px; }
  .contact-form-head{ align-items:flex-start; }
  .contact-form-icon{ flex-basis:48px; width:48px; height:48px; }
  .contact-form-head h2{ font-size:18px; line-height:23px; }
  .contact-field-pair{ grid-template-columns:1fr; gap:0; }
  .contact-file-row{ align-items:flex-start; flex-direction:column; }
  .contact-response{ white-space:normal; }
  .contact-file small{ max-width:235px; }
  .contact-sidebar{ gap:16px; }
  .contact-info-card,.contact-hours-card,.contact-faq{ padding-left:21px; padding-right:21px; }
}

/* ================= LIVRAISON & RETOURS ================= */
.shipping-main{
  position:relative;
  min-height:1180px;
  overflow:hidden;
  padding-bottom:74px;
  background:
    linear-gradient(rgba(0,0,0,.84),rgba(0,0,0,.90)),
    url('./background.png') center top/cover fixed,
    #050505;
}
.shipping-main::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.25;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:58px 58px;
}
.shipping-ambient{
  position:absolute;
  left:-260px;
  top:300px;
  width:670px;
  height:670px;
  border:1px solid rgba(50,230,18,.055);
  border-radius:50%;
  box-shadow:0 0 130px rgba(50,230,18,.035),inset 0 0 105px rgba(50,230,18,.023);
}
.shipping-ambient::before,.shipping-ambient::after{ content:''; position:absolute; border:1px solid rgba(50,230,18,.042); border-radius:50%; }
.shipping-ambient::before{ inset:80px; }
.shipping-ambient::after{ inset:160px; }
.shipping-container{ position:relative; z-index:1; width:1440px; margin:0 auto; }
.shipping-breadcrumb{
  height:55px;
  display:flex;
  align-items:center;
  gap:10px;
  border-bottom:1px solid rgba(255,255,255,.065);
  color:#626262;
  font:400 11px/16px var(--cond);
  letter-spacing:1.4px;
}
.shipping-breadcrumb a{ transition:color .2s ease; }
.shipping-breadcrumb a:hover{ color:#32e612; }
.shipping-breadcrumb span{ color:#3e3e3e; }
.shipping-breadcrumb strong{ color:#a8a8a8; font-weight:500; }
.shipping-heading{ padding:42px 0 32px; text-align:center; }
.shipping-kicker{ display:flex; align-items:center; justify-content:center; gap:11px; color:#32e612; font:700 11px/16px var(--cond); letter-spacing:3.1px; }
.shipping-kicker::before,.shipping-kicker::after{ content:''; width:28px; height:1px; background:linear-gradient(90deg,transparent,#32e612); box-shadow:0 0 7px rgba(50,230,18,.55); }
.shipping-kicker::after{ transform:scaleX(-1); }
.shipping-heading h1{ margin:10px 0 8px; color:#f4f4f4; font:700 43px/49px var(--cond); letter-spacing:1.25px; }
.shipping-heading h1 em{ color:#32e612; font-style:normal; text-shadow:0 0 18px rgba(50,230,18,.3); }
.shipping-heading p{ margin:0; color:#808080; font:400 14px/22px var(--sans); }
.shipping-highlights{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin-bottom:26px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  border-radius:8px;
  background:linear-gradient(110deg,rgba(16,16,16,.67),rgba(0,0,0,.43));
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
  box-shadow:0 18px 50px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.035);
}
.shipping-highlights article{ min-height:119px; padding:21px 31px; display:flex; align-items:center; gap:18px; }
.shipping-highlights article + article{ border-left:1px solid rgba(255,255,255,.075); }
.shipping-round-icon,.shipping-panel-icon{
  flex:0 0 58px;
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  box-sizing:border-box;
  border:3px solid rgba(50,230,18,.72);
  border-radius:50%;
  color:#32e612;
  background:radial-gradient(circle,rgba(50,230,18,.11),rgba(50,230,18,.012) 72%);
  box-shadow:0 0 17px rgba(50,230,18,.15),inset 0 0 13px rgba(50,230,18,.065);
}
.shipping-round-icon svg,.shipping-panel-icon svg{ width:30px; height:30px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.shipping-highlights small{ display:block; margin-bottom:4px; color:#666; font:700 9px/13px var(--cond); letter-spacing:1.8px; }
.shipping-highlights strong{ display:block; color:#e8e8e8; font:700 15px/19px var(--cond); letter-spacing:.5px; }
.shipping-highlights p{ margin:4px 0 0; color:#666; font:400 11px/16px var(--sans); }
.shipping-layout{ display:grid; grid-template-columns:900px 1fr; gap:27px; align-items:start; }
.shipping-panel,.returns-section{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:8px;
  background:linear-gradient(145deg,rgba(7,7,7,.62),rgba(0,0,0,.36));
  -webkit-backdrop-filter:blur(20px) saturate(108%);
  backdrop-filter:blur(20px) saturate(108%);
  box-shadow:0 25px 70px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.055);
}
.shipping-panel{ padding:34px 39px 31px; }
.shipping-panel::before,.returns-section::before{ content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(117deg,rgba(255,255,255,.038),transparent 23%,transparent 76%,rgba(50,230,18,.02)); }
.shipping-beam{ position:absolute; z-index:3; left:-240px; top:-1px; width:240px; height:2px; background:linear-gradient(90deg,transparent,#32e612,#32e612,#32e612,transparent); filter:drop-shadow(0 0 7px rgba(50,230,18,.85)); animation:shippingBeam 5.4s linear infinite; }
@keyframes shippingBeam{ to{ transform:translateX(1180px); } }
.shipping-panel-head,.returns-heading{ position:relative; z-index:1; display:flex; align-items:center; gap:18px; padding-bottom:25px; border-bottom:1px solid rgba(255,255,255,.075); }
.shipping-panel-icon{ flex-basis:61px; width:61px; height:61px; }
.shipping-panel-head span:not(.shipping-panel-icon),.returns-heading span:not(.shipping-panel-icon){ display:block; margin-bottom:3px; color:#32e612; font:700 9px/13px var(--cond); letter-spacing:2.1px; }
.shipping-panel-head h2,.returns-heading h2{ margin:0 0 3px; color:#f0f0f0; font:700 22px/27px var(--cond); letter-spacing:.7px; }
.shipping-panel-head p,.returns-heading p{ margin:0; color:#686868; font:400 11px/17px var(--sans); }
.shipping-methods{ position:relative; z-index:1; }
.shipping-methods article{ padding:22px 0 17px; border-bottom:1px solid rgba(255,255,255,.07); }
.shipping-method-top{ display:grid; grid-template-columns:42px 1fr auto; align-items:center; gap:14px; }
.method-number{ width:36px; height:36px; display:grid; place-items:center; box-sizing:border-box; border:3px solid rgba(50,230,18,.58); border-radius:50%; color:#32e612; background:rgba(50,230,18,.035); font:700 10px/14px var(--cond); box-shadow:0 0 9px rgba(50,230,18,.09); }
.shipping-method-top h3{ margin:0 0 3px; color:#d9d9d9; font:700 15px/19px var(--cond); letter-spacing:.7px; }
.shipping-method-top p{ margin:0; color:#696969; font:400 11px/17px var(--sans); }
.shipping-method-top > strong{ max-width:155px; color:#32e612; text-align:right; font:700 12px/16px var(--cond); letter-spacing:.8px; }
.shipping-methods .is-express{ border-bottom:0; }
.method-meta{ margin:10px 0 0 56px; display:flex; align-items:center; gap:20px; color:#555; font:400 9px/14px var(--sans); }
.method-meta span{ display:flex; align-items:center; gap:7px; }
.method-meta span::before{ content:''; width:5px; height:5px; border:2px solid rgba(50,230,18,.55); border-radius:50%; }
.shipping-carriers{ position:relative; z-index:1; min-height:65px; margin-top:6px; padding:13px 18px; display:flex; align-items:center; justify-content:space-between; border:1px solid rgba(50,230,18,.16); border-radius:5px; background:rgba(50,230,18,.025); }
.shipping-carriers > span{ color:#666; font:700 9px/13px var(--cond); letter-spacing:1.7px; }
.shipping-carriers div{ display:flex; align-items:center; gap:16px; }
.shipping-carriers strong{ color:#bcbcbc; font:700 12px/16px var(--cond); letter-spacing:1px; }
.shipping-carriers i{ width:3px; height:3px; border-radius:50%; background:#32e612; box-shadow:0 0 7px rgba(50,230,18,.75); }
.shipping-side{ display:flex; flex-direction:column; gap:20px; }
.shipping-timeline-card,.shipping-lost-card,.shipping-faq,.shipping-cta{ border:1px solid rgba(255,255,255,.10); border-radius:8px; background:linear-gradient(145deg,rgba(13,13,13,.66),rgba(1,1,1,.48)); -webkit-backdrop-filter:blur(17px); backdrop-filter:blur(17px); box-shadow:0 18px 48px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.025); }
.shipping-timeline-card{ padding:28px 29px 24px; }
.shipping-side-overline{ color:#32e612; font:700 9px/13px var(--cond); letter-spacing:2px; }
.shipping-timeline-card h2{ margin:7px 0 18px; color:#e9e9e9; font:700 20px/25px var(--cond); letter-spacing:.55px; }
.shipping-timeline-card ol{ position:relative; margin:0; padding:0; list-style:none; }
.shipping-timeline-card ol::before{ content:''; position:absolute; left:17px; top:25px; bottom:25px; width:1px; background:linear-gradient(#32e612,rgba(50,230,18,.13)); box-shadow:0 0 7px rgba(50,230,18,.15); }
.shipping-timeline-card li{ position:relative; min-height:66px; display:flex; align-items:flex-start; gap:14px; }
.shipping-timeline-card li > i{ position:relative; z-index:1; flex:0 0 36px; width:36px; height:36px; display:grid; place-items:center; box-sizing:border-box; border:3px solid rgba(50,230,18,.63); border-radius:50%; color:#32e612; background:#080604; font:700 10px/14px var(--cond); font-style:normal; box-shadow:0 0 9px rgba(50,230,18,.10); }
.shipping-timeline-card li div{ padding-top:3px; }
.shipping-timeline-card strong{ display:block; color:#bfbfbf; font:700 11px/16px var(--cond); letter-spacing:.5px; }
.shipping-timeline-card small{ display:block; max-width:330px; margin-top:2px; color:#616161; font:400 10px/15px var(--sans); }
.shipping-lost-card{ padding:23px 25px; display:flex; align-items:flex-start; gap:16px; border-color:rgba(50,230,18,.22); background:linear-gradient(135deg,rgba(38,13,1,.42),rgba(4,4,4,.62)); }
.shipping-alert-icon{ flex:0 0 49px; width:49px; height:49px; display:grid; place-items:center; box-sizing:border-box; border:3px solid rgba(50,230,18,.68); border-radius:50%; color:#32e612; background:rgba(50,230,18,.045); box-shadow:0 0 13px rgba(50,230,18,.12); }
.shipping-alert-icon svg{ width:25px; height:25px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.shipping-lost-card span:not(.shipping-alert-icon){ display:block; color:#32e612; font:700 9px/13px var(--cond); letter-spacing:1.7px; }
.shipping-lost-card h2{ margin:5px 0 7px; color:#e5e5e5; font:700 17px/21px var(--cond); letter-spacing:.45px; }
.shipping-lost-card p{ margin:0 0 12px; color:#6f6f6f; font:400 10px/16px var(--sans); }
.shipping-lost-card p strong{ color:#a7a7a7; font-weight:600; }
.shipping-lost-card a{ color:#32e612; font:700 10px/14px var(--cond); letter-spacing:.8px; transition:color .2s ease; }
.shipping-lost-card a:hover{ color:#ffa268; }
.shipping-lost-card b{ margin-left:4px; }
.returns-section{ margin-top:27px; padding:34px 39px 32px; }
.returns-heading{ position:relative; }
.returns-steps{ position:relative; z-index:1; margin:28px 0 27px; padding:0; display:grid; grid-template-columns:repeat(4,1fr); list-style:none; }
.returns-steps::before{ content:''; position:absolute; left:10%; right:10%; top:25px; height:1px; background:linear-gradient(90deg,transparent,rgba(50,230,18,.44),rgba(50,230,18,.44),transparent); box-shadow:0 0 8px rgba(50,230,18,.12); }
.returns-steps li{ position:relative; padding:0 23px; text-align:center; }
.returns-steps li + li{ border-left:1px solid rgba(255,255,255,.065); }
.returns-steps i{ position:relative; z-index:1; width:51px; height:51px; margin:0 auto 13px; display:grid; place-items:center; box-sizing:border-box; border:3px solid rgba(50,230,18,.67); border-radius:50%; color:#32e612; background:#090705; box-shadow:0 0 13px rgba(50,230,18,.12),inset 0 0 8px rgba(50,230,18,.045); font:700 11px/15px var(--cond); font-style:normal; }
.returns-steps strong{ display:block; margin-bottom:6px; color:#d0d0d0; font:700 12px/17px var(--cond); letter-spacing:.7px; }
.returns-steps p{ margin:0 auto; max-width:250px; color:#656565; font:400 10px/16px var(--sans); }
.returns-note{ position:relative; z-index:1; min-height:86px; padding:13px 20px; display:grid; grid-template-columns:58px 1fr auto; align-items:center; gap:17px; border:1px solid rgba(50,230,18,.22); border-radius:6px; background:linear-gradient(90deg,rgba(50,230,18,.045),rgba(50,230,18,.012)); }
.returns-note .shipping-round-icon{ width:53px; height:53px; flex-basis:53px; }
.returns-note strong{ display:block; color:#e2e2e2; font:700 13px/18px var(--cond); letter-spacing:.6px; }
.returns-note p{ margin:3px 0 0; color:#686868; font:400 10px/16px var(--sans); }
.returns-note > a{ min-width:199px; height:43px; display:flex; align-items:center; justify-content:center; gap:9px; border:1px solid rgba(50,230,18,.56); border-radius:4px; color:#f1f1f1; background:rgba(50,230,18,.08); font:700 11px/16px var(--cond); letter-spacing:.8px; transition:background .2s ease,box-shadow .2s ease,border-color .2s ease; }
.returns-note > a:hover{ border-color:#32e612; background:rgba(50,230,18,.17); box-shadow:0 0 17px rgba(50,230,18,.13); }
.shipping-faq{ margin-top:27px; padding:29px 37px 24px; }
.shipping-faq-head{ text-align:center; }
.shipping-faq-head > span{ color:#32e612; font:700 9px/13px var(--cond); letter-spacing:2px; }
.shipping-faq-head h2{ margin:6px 0 22px; color:#e9e9e9; font:700 21px/26px var(--cond); letter-spacing:.55px; }
.shipping-faq-list{ display:grid; grid-template-columns:1fr 1fr; column-gap:28px; }
.shipping-faq details{ border-top:1px solid rgba(255,255,255,.075); }
.shipping-faq summary{ min-height:52px; display:flex; align-items:center; justify-content:space-between; gap:15px; color:#aaa; font:700 11px/16px var(--cond); letter-spacing:.4px; cursor:pointer; list-style:none; }
.shipping-faq summary::-webkit-details-marker{ display:none; }
.shipping-faq summary i{ position:relative; flex:0 0 22px; width:22px; min-width:22px; height:22px; min-height:22px; box-sizing:border-box; border:3px solid rgba(50,230,18,.68); border-radius:50%; box-shadow:0 0 7px rgba(50,230,18,.12),inset 0 0 4px rgba(50,230,18,.08); }
.shipping-faq summary i::before,.shipping-faq summary i::after{ content:''; position:absolute; left:50%; top:50%; width:8px; height:2px; border-radius:10px; background:#32e612; transform:translate(-50%,-50%); }
.shipping-faq summary i::after{ transform:translate(-50%,-50%) rotate(90deg); transition:transform .2s ease; }
.shipping-faq details[open] summary{ color:#e0e0e0; }
.shipping-faq details[open] summary i::after{ transform:translate(-50%,-50%); }
.shipping-faq details p{ margin:-2px 34px 16px 0; color:#666; font:400 10px/16px var(--sans); }
.shipping-cta{ min-height:113px; margin-top:27px; padding:24px 34px; display:flex; align-items:center; justify-content:space-between; gap:30px; border-color:rgba(50,230,18,.22); background:linear-gradient(100deg,rgba(43,14,1,.48),rgba(6,6,6,.68)); }
.shipping-cta div > span{ color:#32e612; font:700 9px/13px var(--cond); letter-spacing:2px; }
.shipping-cta h2{ margin:5px 0 3px; color:#ebebeb; font:700 21px/26px var(--cond); letter-spacing:.6px; }
.shipping-cta p{ margin:0; color:#686868; font:400 10px/16px var(--sans); }
.shipping-cta > a{ min-width:220px; height:48px; display:flex; align-items:center; justify-content:center; gap:12px; border-radius:4px; background:linear-gradient(90deg,#32e612,#32e612,#32e612); background-size:200% 100%; box-shadow:0 0 22px rgba(50,230,18,.16); font:700 12px/17px var(--cond); letter-spacing:1px; transition:filter .2s ease,background-position .35s ease; }
.shipping-cta > a:hover{ filter:brightness(1.1); background-position:100% 0; }
.shipping-cta svg{ width:19px; height:19px; fill:none; stroke:#fff; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
@media (prefers-reduced-motion:reduce){ .shipping-beam{ animation:none; } }
@media (max-width:900px){
  .shipping-page .site-header{ height:auto; }
  .shipping-page .brand{ width:180px; height:63px; }
  .shipping-page .icon-btn{ margin-left:0; }
  .shipping-page .cart-btn{ margin-left:10px; }
  .shipping-main{ min-height:0; padding-bottom:48px; background-attachment:scroll; }
  .shipping-container{ width:100%; padding:0 17px; }
  .shipping-breadcrumb{ height:49px; }
  .shipping-heading{ padding:32px 0 27px; }
  .shipping-heading h1{ font-size:34px; line-height:40px; }
  .shipping-heading p{ max-width:430px; margin:0 auto; }
  .shipping-highlights{ grid-template-columns:1fr; }
  .shipping-highlights article{ min-height:103px; padding:18px 20px; }
  .shipping-highlights article + article{ border-left:0; border-top:1px solid rgba(255,255,255,.075); }
  .shipping-layout{ grid-template-columns:1fr; }
  .shipping-panel,.returns-section{ padding:27px 20px 29px; }
  .shipping-panel-head,.returns-heading{ align-items:flex-start; }
  .shipping-panel-icon{ flex-basis:53px; width:53px; height:53px; }
  .shipping-panel-head h2,.returns-heading h2{ font-size:18px; line-height:23px; }
  .shipping-method-top{ grid-template-columns:38px 1fr; }
  .shipping-method-top > strong{ grid-column:2; max-width:none; text-align:left; margin-top:4px; }
  .method-meta{ margin-left:52px; flex-direction:column; align-items:flex-start; gap:5px; }
  .shipping-carriers{ align-items:flex-start; flex-direction:column; gap:10px; }
  .shipping-timeline-card{ padding-left:21px; padding-right:21px; }
  .returns-steps{ grid-template-columns:1fr; gap:0; }
  .returns-steps::before{ display:none; }
  .returns-steps li{ padding:19px 0; display:grid; grid-template-columns:53px 1fr; align-items:start; gap:14px; text-align:left; }
  .returns-steps li + li{ border-left:0; border-top:1px solid rgba(255,255,255,.065); }
  .returns-steps i{ margin:0; }
  .returns-steps p{ max-width:none; }
  .returns-note{ grid-template-columns:53px 1fr; }
  .returns-note > a{ grid-column:1 / -1; width:100%; }
  .shipping-faq{ padding-left:21px; padding-right:21px; }
  .shipping-faq-list{ grid-template-columns:1fr; }
  .shipping-cta{ align-items:flex-start; flex-direction:column; padding:25px 23px; }
  .shipping-cta > a{ width:100%; }
}

/* ================= AIDE & FAQ ================= */
.help-main{
  position:relative; min-height:1390px; padding-bottom:54px; overflow:hidden;
  background-color:#020202;
  background-image:linear-gradient(rgba(0,0,0,.84),rgba(0,0,0,.84)),url('./background.png');
  background-size:cover; background-position:center top; background-attachment:fixed;
}
.help-main::before{
  content:''; position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(760px 370px at 50% 90px,rgba(50,230,18,.105),transparent 73%),
    radial-gradient(540px 320px at 8% 49%,rgba(50,230,18,.04),transparent 72%),
    linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.48));
}
.help-ambient{ position:absolute; left:50%; top:-490px; width:1080px; height:1080px; border:1px solid rgba(50,230,18,.04); border-radius:50%; transform:translateX(-50%); }
.help-ambient::before,.help-ambient::after{ content:''; position:absolute; border:1px solid rgba(50,230,18,.035); border-radius:50%; }
.help-ambient::before{ inset:95px; }
.help-ambient::after{ inset:190px; }
.help-container{ position:relative; z-index:1; width:1440px; margin:0 auto; }
.help-breadcrumb{ height:51px; display:flex; align-items:center; gap:11px; border-bottom:1px solid rgba(255,255,255,.075); color:#6d6d6d; font:500 10px/14px var(--cond); letter-spacing:1.15px; }
.help-breadcrumb a{ transition:color .2s ease; }
.help-breadcrumb a:hover{ color:#32e612; }
.help-breadcrumb span{ color:#3e3e3e; }
.help-breadcrumb strong{ color:#a8a8a8; font-weight:500; }
.help-heading{ padding:38px 0 34px; text-align:center; }
.help-kicker{ display:flex; align-items:center; justify-content:center; gap:11px; color:#32e612; font:700 11px/16px var(--cond); letter-spacing:3.1px; }
.help-kicker::before,.help-kicker::after{ content:''; width:28px; height:1px; background:linear-gradient(90deg,transparent,#32e612); box-shadow:0 0 7px rgba(50,230,18,.55); }
.help-kicker::after{ transform:scaleX(-1); }
.help-heading h1{ margin:9px 0 7px; color:#f4f4f4; font:700 42px/49px var(--cond); letter-spacing:1px; }
.help-heading h1 em{ color:#32e612; font-style:normal; text-shadow:0 0 18px rgba(50,230,18,.3); }
.help-heading > p:not(.help-search-status){ margin:0; color:#808080; font:400 14px/22px var(--sans); }
.help-search-shell{
  position:relative; width:730px; height:58px; margin:24px auto 0; display:flex; align-items:center;
  border:1px solid rgba(50,230,18,.34); border-radius:7px; background:rgba(8,8,8,.72);
  -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px);
  box-shadow:0 18px 48px rgba(0,0,0,.3),0 0 29px rgba(50,230,18,.075),inset 0 1px rgba(255,255,255,.03); overflow:hidden;
}
.help-search-shell > svg{ flex:0 0 22px; width:22px; height:22px; margin-left:20px; fill:none; stroke:#32e612; stroke-width:1.9; stroke-linecap:round; }
.help-search-shell input{ flex:1; height:100%; padding:0 17px; border:0; outline:0; background:transparent; color:#e9e9e9; font:400 14px/20px var(--sans); }
.help-search-shell input::placeholder{ color:#686868; }
.help-search-shell button{ flex:0 0 37px; width:37px; height:37px; margin-right:10px; display:grid; place-items:center; border:2px solid rgba(50,230,18,.48); border-radius:50%; color:#32e612; font:300 23px/23px var(--sans); }
.help-search-beam{ position:absolute; left:-220px; top:-1px; width:220px; height:2px; margin:0!important; background:linear-gradient(90deg,transparent,#32e612,#32e612,#32e612,transparent); filter:drop-shadow(0 0 7px rgba(50,230,18,.85)); animation:helpBeam 4.8s linear infinite; }
@keyframes helpBeam{ from{ transform:translateX(0); } to{ transform:translateX(950px); } }
.help-search-status{ min-height:17px; margin:7px 0 0!important; color:#32e612!important; font:500 10px/17px var(--sans)!important; }
.help-section-title{ margin-bottom:18px; text-align:center; }
.help-section-title span{ color:#32e612; font:700 9px/13px var(--cond); letter-spacing:2px; }
.help-section-title h2{ margin:5px 0 0; color:#e9e9e9; font:700 21px/26px var(--cond); letter-spacing:.55px; }
.help-category-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.help-category-card{
  position:relative; min-height:139px; padding:19px 55px 18px 19px; display:grid; grid-template-columns:53px 1fr; grid-template-rows:auto auto; align-content:center; align-items:center; column-gap:14px; text-align:left;
  border:1px solid rgba(255,255,255,.10); border-radius:8px; background:linear-gradient(145deg,rgba(13,13,13,.68),rgba(1,1,1,.50));
  box-shadow:0 17px 41px rgba(0,0,0,.21),inset 0 1px rgba(255,255,255,.025); overflow:hidden;
  transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease,background .25s ease;
}
.help-category-card::before{ content:''; position:absolute; left:-50%; right:-50%; top:-1px; height:1px; background:linear-gradient(90deg,transparent,rgba(50,230,18,.8),transparent); opacity:0; transition:opacity .25s ease; }
.help-category-card:hover,.help-category-card.is-active{ border-color:rgba(50,230,18,.39); background:linear-gradient(145deg,rgba(39,13,1,.61),rgba(3,3,3,.57)); box-shadow:0 18px 45px rgba(0,0,0,.26),0 0 23px rgba(50,230,18,.07),inset 0 1px rgba(50,230,18,.055); transform:translateY(-2px); }
.help-category-card:hover::before,.help-category-card.is-active::before{ opacity:1; }
.help-category-icon,.help-round-icon,.help-link-icon{
  grid-row:1 / 3; width:53px; height:53px; display:grid; place-items:center; box-sizing:border-box;
  border:3px solid rgba(50,230,18,.68); border-radius:50%; color:#32e612; background:rgba(50,230,18,.035);
  box-shadow:0 0 12px rgba(50,230,18,.11),inset 0 0 7px rgba(50,230,18,.035);
}
.help-category-icon svg{ width:27px; height:27px; fill:none; stroke:currentColor; stroke-width:1.85; stroke-linecap:round; stroke-linejoin:round; }
.help-category-card strong{ align-self:end; color:#d8d8d8; font:700 13px/17px var(--cond); letter-spacing:.65px; }
.help-category-card small{ align-self:start; margin-top:3px; color:#5f5f5f; font:400 9.5px/14px var(--sans); }
.help-category-card > i{ position:absolute; right:18px; top:50%; color:#32e612; font:400 17px/20px var(--cond); font-style:normal; transform:translateY(-50%); transition:transform .2s ease; }
.help-category-card:hover > i{ transform:translate(3px,-50%); }
.help-content-layout{ margin-top:26px; display:grid; grid-template-columns:1005px 1fr; gap:25px; align-items:start; }
.help-faq-panel{
  position:relative; padding:30px 35px 34px; border:1px solid rgba(255,255,255,.10); border-radius:8px;
  background:linear-gradient(145deg,rgba(13,13,13,.69),rgba(1,1,1,.53)); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px);
  box-shadow:0 20px 51px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.025); overflow:hidden;
}
.help-faq-panel::before{ content:''; position:absolute; left:0; right:0; top:0; height:1px; background:linear-gradient(90deg,transparent,rgba(50,230,18,.68),transparent); box-shadow:0 0 9px rgba(50,230,18,.23); }
.help-faq-panel-head{ display:flex; align-items:flex-end; justify-content:space-between; padding-bottom:22px; border-bottom:1px solid rgba(255,255,255,.075); }
.help-faq-panel-head span,.help-side-overline{ color:#32e612; font:700 9px/13px var(--cond); letter-spacing:2px; }
.help-faq-panel-head h2{ margin:5px 0 0; color:#ededed; font:700 23px/28px var(--cond); letter-spacing:.65px; }
.help-faq-panel-head > small{ color:#626262; font:700 9px/13px var(--cond); letter-spacing:1.5px; }
.help-faq-group{ padding-top:22px; }
.help-faq-group + .help-faq-group{ margin-top:8px; }
.help-faq-group h3{ margin:0; padding:0 0 10px; color:#dedede; font:700 13px/19px var(--cond); letter-spacing:.8px; }
.help-faq-group h3 span{ width:29px; height:29px; margin-right:9px; display:inline-grid; place-items:center; border:3px solid rgba(50,230,18,.62); border-radius:50%; color:#32e612; background:#080604; box-shadow:0 0 8px rgba(50,230,18,.10); font:700 8px/10px var(--cond); vertical-align:middle; }
.help-faq-group details{ border-top:1px solid rgba(255,255,255,.075); }
.help-faq-group summary{ min-height:54px; padding:0 2px; display:flex; align-items:center; justify-content:space-between; gap:16px; color:#a9a9a9; font:700 11.5px/17px var(--cond); letter-spacing:.35px; cursor:pointer; list-style:none; transition:color .2s ease; }
.help-faq-group summary::-webkit-details-marker{ display:none; }
.help-faq-group summary i{ position:relative; flex:0 0 24px; width:24px; min-width:24px; height:24px; min-height:24px; box-sizing:border-box; border:3px solid rgba(50,230,18,.68); border-radius:50%; box-shadow:0 0 8px rgba(50,230,18,.11),inset 0 0 5px rgba(50,230,18,.07); }
.help-faq-group summary i::before,.help-faq-group summary i::after{ content:''; position:absolute; left:50%; top:50%; width:8px; height:2px; border-radius:10px; background:#32e612; transform:translate(-50%,-50%); }
.help-faq-group summary i::after{ transform:translate(-50%,-50%) rotate(90deg); transition:transform .2s ease; }
.help-faq-group details[open] summary{ color:#e3e3e3; }
.help-faq-group details[open] summary i::after{ transform:translate(-50%,-50%); }
.help-faq-group details p{ margin:-1px 43px 18px 2px; padding-left:13px; border-left:2px solid rgba(50,230,18,.34); color:#6d6d6d; font:400 10.5px/17px var(--sans); }
.help-sidebar{ display:flex; flex-direction:column; gap:18px; }
.help-popular-card,.help-links-card,.help-contact-card{ border:1px solid rgba(255,255,255,.10); border-radius:8px; background:linear-gradient(145deg,rgba(13,13,13,.68),rgba(1,1,1,.51)); -webkit-backdrop-filter:blur(17px); backdrop-filter:blur(17px); box-shadow:0 18px 48px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.025); }
.help-popular-card,.help-links-card{ padding:26px 27px 22px; }
.help-popular-card h2,.help-links-card h2{ margin:6px 0 17px; color:#e8e8e8; font:700 19px/24px var(--cond); letter-spacing:.5px; }
.help-popular-card nav{ border-top:1px solid rgba(255,255,255,.075); }
.help-popular-card button{ width:100%; min-height:51px; padding:0 3px; display:grid; grid-template-columns:33px 1fr auto; align-items:center; gap:10px; border-bottom:1px solid rgba(255,255,255,.065); text-align:left; }
.help-popular-card button i{ color:#32e612; font:700 9px/13px var(--cond); font-style:normal; }
.help-popular-card button span{ color:#909090; font:700 10.5px/15px var(--cond); letter-spacing:.35px; }
.help-popular-card button b,.help-links-card a > b{ color:#32e612; font:400 14px/18px var(--cond); transition:transform .2s ease; }
.help-popular-card button:hover span{ color:#dedede; }
.help-popular-card button:hover b,.help-links-card a:hover > b{ transform:translateX(3px); }
.help-links-card > a{ min-height:72px; padding:9px 2px; display:grid; grid-template-columns:47px 1fr auto; align-items:center; gap:12px; border-top:1px solid rgba(255,255,255,.07); }
.help-link-icon{ grid-row:auto; width:45px; height:45px; }
.help-link-icon svg{ width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.help-links-card a strong{ display:block; color:#bcbcbc; font:700 10.5px/15px var(--cond); letter-spacing:.5px; }
.help-links-card a small{ display:block; margin-top:2px; color:#5f5f5f; font:400 9px/13px var(--sans); }
.help-contact-card{ padding:25px 27px 27px; border-color:rgba(50,230,18,.22); background:linear-gradient(135deg,rgba(40,13,1,.48),rgba(4,4,4,.64)); text-align:center; }
.help-contact-icon{ width:62px; height:62px; margin:0 auto 13px; display:grid; place-items:center; box-sizing:border-box; border:3px solid rgba(50,230,18,.7); border-radius:50%; color:#32e612; background:rgba(50,230,18,.04); box-shadow:0 0 16px rgba(50,230,18,.13),inset 0 0 9px rgba(50,230,18,.05); }
.help-contact-icon svg{ width:31px; height:31px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.help-contact-card > span:not(.help-contact-icon){ color:#32e612; font:700 8.5px/13px var(--cond); letter-spacing:1.6px; }
.help-contact-card h2{ margin:6px 0 6px; color:#e6e6e6; font:700 17px/22px var(--cond); letter-spacing:.45px; }
.help-contact-card p{ margin:0 0 15px; color:#696969; font:400 10px/15px var(--sans); }
.help-contact-card a{ height:42px; display:flex; align-items:center; justify-content:center; gap:8px; border:1px solid rgba(50,230,18,.57); border-radius:4px; background:rgba(50,230,18,.09); color:#ededed; font:700 10.5px/15px var(--cond); letter-spacing:.8px; transition:background .2s ease,box-shadow .2s ease; }
.help-contact-card a:hover{ background:rgba(50,230,18,.18); box-shadow:0 0 17px rgba(50,230,18,.13); }
.help-no-results{ padding:54px 20px 35px; text-align:center; }
.help-no-results-icon{ width:62px; height:62px; margin:0 auto 13px; display:grid; place-items:center; box-sizing:border-box; border:3px solid rgba(50,230,18,.62); border-radius:50%; color:#32e612; }
.help-no-results-icon svg{ width:31px; height:31px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; }
.help-no-results h3{ margin:0 0 6px; color:#e0e0e0; font:700 18px/23px var(--cond); letter-spacing:.6px; }
.help-no-results p{ margin:0 0 16px; color:#666; font:400 10px/16px var(--sans); }
.help-no-results a{ display:inline-flex; align-items:center; gap:9px; color:#32e612; font:700 10px/15px var(--cond); letter-spacing:.8px; }
.help-faq-group[hidden],.help-faq-group details[hidden],.help-no-results[hidden]{ display:none!important; }
.help-reassurance{ margin-top:25px; display:grid; grid-template-columns:repeat(3,1fr); border:1px solid rgba(255,255,255,.10); border-radius:8px; background:linear-gradient(145deg,rgba(13,13,13,.65),rgba(1,1,1,.49)); -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); box-shadow:0 18px 48px rgba(0,0,0,.22); }
.help-reassurance article{ min-height:105px; padding:18px 32px; display:flex; align-items:center; justify-content:center; gap:16px; }
.help-reassurance article + article{ border-left:1px solid rgba(255,255,255,.075); }
.help-round-icon{ grid-row:auto; width:54px; height:54px; flex:0 0 54px; }
.help-round-icon svg{ width:28px; height:28px; fill:none; stroke:currentColor; stroke-width:1.85; stroke-linecap:round; stroke-linejoin:round; }
.help-reassurance small{ display:block; margin-bottom:4px; color:#666; font:700 8.5px/12px var(--cond); letter-spacing:1.7px; }
.help-reassurance strong,.help-reassurance a{ color:#d7d7d7; font:700 13px/18px var(--cond); letter-spacing:.55px; }
@media (prefers-reduced-motion:reduce){ .help-search-beam{ animation:none; } .help-category-card{ transition:none; } }
@media (max-width:900px){
  .help-page .site-header{ height:auto; }
  .help-page .brand{ width:180px; height:63px; }
  .help-page .icon-btn{ margin-left:0; }
  .help-page .cart-btn{ margin-left:10px; }
  .help-main{ min-height:0; padding-bottom:48px; background-attachment:scroll; }
  .help-container{ width:100%; padding:0 17px; }
  .help-breadcrumb{ height:49px; }
  .help-heading{ padding:31px 0 27px; }
  .help-heading h1{ font-size:32px; line-height:38px; }
  .help-heading > p:not(.help-search-status){ max-width:420px; margin:0 auto; }
  .help-search-shell{ width:100%; height:55px; }
  .help-search-shell input{ min-width:0; font-size:12px; }
  .help-category-grid{ grid-template-columns:1fr; }
  .help-category-card{ min-height:103px; }
  .help-content-layout{ grid-template-columns:1fr; }
  .help-faq-panel{ padding:26px 20px 29px; }
  .help-faq-panel-head{ align-items:flex-start; flex-direction:column; gap:6px; }
  .help-faq-group details p{ margin-right:6px; }
  .help-sidebar{ gap:15px; }
  .help-popular-card,.help-links-card,.help-contact-card{ padding-left:21px; padding-right:21px; }
  .help-reassurance{ grid-template-columns:1fr; }
  .help-reassurance article{ justify-content:flex-start; padding-left:23px; }
  .help-reassurance article + article{ border-left:0; border-top:1px solid rgba(255,255,255,.075); }
}

/* ================= CONDITIONS GÉNÉRALES DE VENTE ================= */
.terms-main{
  position:relative; min-height:2600px; padding-bottom:58px; overflow:hidden;
  background-color:#020202;
  background-image:linear-gradient(rgba(0,0,0,.86),rgba(0,0,0,.86)),url('./background.png');
  background-size:cover; background-position:center top; background-attachment:fixed;
}
.terms-main::before{
  content:''; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(780px 380px at 50% 95px,rgba(50,230,18,.10),transparent 72%),linear-gradient(180deg,rgba(0,0,0,.09),rgba(0,0,0,.55));
}
.terms-ambient{ position:absolute; left:50%; top:-510px; width:1110px; height:1110px; border:1px solid rgba(50,230,18,.035); border-radius:50%; transform:translateX(-50%); }
.terms-ambient::before,.terms-ambient::after{ content:''; position:absolute; border:1px solid rgba(50,230,18,.03); border-radius:50%; }
.terms-ambient::before{ inset:100px; }
.terms-ambient::after{ inset:205px; }
.terms-container{ position:relative; z-index:1; width:1440px; margin:0 auto; }
.terms-breadcrumb{ height:51px; display:flex; align-items:center; gap:11px; border-bottom:1px solid rgba(255,255,255,.075); color:#6d6d6d; font:500 10px/14px var(--cond); letter-spacing:1.15px; }
.terms-breadcrumb a{ transition:color .2s ease; }
.terms-breadcrumb a:hover{ color:#32e612; }
.terms-breadcrumb span{ color:#3e3e3e; }
.terms-breadcrumb strong{ color:#a8a8a8; font-weight:500; }
.terms-heading{ padding:39px 0 32px; text-align:center; }
.terms-kicker{ display:flex; align-items:center; justify-content:center; gap:11px; color:#32e612; font:700 11px/16px var(--cond); letter-spacing:3.1px; }
.terms-kicker::before,.terms-kicker::after{ content:''; width:28px; height:1px; background:linear-gradient(90deg,transparent,#32e612); box-shadow:0 0 7px rgba(50,230,18,.55); }
.terms-kicker::after{ transform:scaleX(-1); }
.terms-heading h1{ margin:9px 0 7px; color:#f4f4f4; font:700 42px/49px var(--cond); letter-spacing:1px; }
.terms-heading h1 em{ color:#32e612; font-style:normal; text-shadow:0 0 18px rgba(50,230,18,.3); }
.terms-heading > p{ margin:0; color:#808080; font:400 14px/22px var(--sans); }
.terms-meta{ margin-top:14px; display:flex; align-items:center; justify-content:center; gap:11px; color:#555; font:700 8.5px/12px var(--cond); letter-spacing:1.55px; }
.terms-meta i{ width:4px; height:4px; border:2px solid rgba(50,230,18,.7); border-radius:50%; box-shadow:0 0 7px rgba(50,230,18,.25); }
.terms-draft-alert{ min-height:94px; margin-bottom:25px; padding:17px 27px; display:flex; align-items:center; gap:19px; border:1px solid rgba(50,230,18,.29); border-radius:8px; background:linear-gradient(105deg,rgba(48,16,1,.54),rgba(5,5,5,.66)); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); box-shadow:0 18px 47px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.025); }
.terms-alert-icon{ flex:0 0 58px; width:58px; height:58px; display:grid; place-items:center; box-sizing:border-box; border:3px solid rgba(50,230,18,.72); border-radius:50%; color:#32e612; background:rgba(50,230,18,.045); box-shadow:0 0 15px rgba(50,230,18,.13),inset 0 0 8px rgba(50,230,18,.045); }
.terms-alert-icon svg{ width:28px; height:28px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.terms-draft-alert div > span{ color:#32e612; font:700 9px/13px var(--cond); letter-spacing:2px; }
.terms-draft-alert h2{ margin:4px 0 3px; color:#e8e8e8; font:700 17px/22px var(--cond); letter-spacing:.65px; }
.terms-draft-alert p{ max-width:1080px; margin:0; color:#777; font:400 10.5px/17px var(--sans); }
.terms-layout{ display:grid; grid-template-columns:352px 1fr; gap:25px; align-items:start; }
.terms-sidebar{ position:sticky; top:18px; display:flex; flex-direction:column; gap:18px; }
.terms-summary,.terms-help-card,.terms-document{ border:1px solid rgba(255,255,255,.10); border-radius:8px; background:linear-gradient(145deg,rgba(13,13,13,.72),rgba(1,1,1,.56)); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); box-shadow:0 20px 52px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.025); }
.terms-summary{ padding:27px 27px 23px; }
.terms-side-overline{ color:#32e612; font:700 9px/13px var(--cond); letter-spacing:2px; }
.terms-summary h2{ margin:6px 0 17px; color:#e8e8e8; font:700 20px/25px var(--cond); letter-spacing:.55px; }
.terms-summary ol{ margin:0; padding:0; border-top:1px solid rgba(255,255,255,.075); list-style:none; }
.terms-summary li{ border-bottom:1px solid rgba(255,255,255,.06); }
.terms-summary a{ min-height:40px; display:grid; grid-template-columns:31px 1fr; align-items:center; gap:8px; color:#777; transition:color .2s ease,background .2s ease; }
.terms-summary a i{ width:25px; height:25px; display:grid; place-items:center; box-sizing:border-box; border:2px solid rgba(50,230,18,.42); border-radius:50%; color:#32e612; font:700 7px/9px var(--cond); font-style:normal; transition:border-color .2s ease,box-shadow .2s ease; }
.terms-summary a span{ font:600 9.5px/13px var(--cond); letter-spacing:.32px; }
.terms-summary a:hover,.terms-summary a.is-current{ color:#e0e0e0; }
.terms-summary a:hover i,.terms-summary a.is-current i{ border-color:rgba(50,230,18,.85); box-shadow:0 0 9px rgba(50,230,18,.16); }
.terms-help-card{ padding:25px 27px 27px; border-color:rgba(50,230,18,.22); background:linear-gradient(135deg,rgba(40,13,1,.48),rgba(4,4,4,.66)); text-align:center; }
.terms-help-icon{ width:59px; height:59px; margin:0 auto 12px; display:grid; place-items:center; box-sizing:border-box; border:3px solid rgba(50,230,18,.7); border-radius:50%; color:#32e612; background:rgba(50,230,18,.04); box-shadow:0 0 16px rgba(50,230,18,.13); }
.terms-help-icon svg{ width:30px; height:30px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.terms-help-card > span:not(.terms-help-icon){ color:#32e612; font:700 8.5px/13px var(--cond); letter-spacing:1.7px; }
.terms-help-card h2{ margin:5px 0 6px; color:#e5e5e5; font:700 17px/22px var(--cond); letter-spacing:.45px; }
.terms-help-card p{ margin:0 0 15px; color:#696969; font:400 10px/15px var(--sans); }
.terms-help-card a{ height:42px; display:flex; align-items:center; justify-content:center; gap:8px; border:1px solid rgba(50,230,18,.57); border-radius:4px; background:rgba(50,230,18,.09); color:#ededed; font:700 10.5px/15px var(--cond); letter-spacing:.8px; transition:background .2s ease,box-shadow .2s ease; }
.terms-help-card a:hover{ background:rgba(50,230,18,.18); box-shadow:0 0 17px rgba(50,230,18,.13); }
.terms-document{ position:relative; padding:10px 39px 39px; overflow:hidden; }
.terms-document::before{ content:''; position:absolute; left:0; right:0; top:0; height:1px; background:linear-gradient(90deg,transparent,rgba(50,230,18,.68),transparent); box-shadow:0 0 9px rgba(50,230,18,.23); }
.legal-article{ padding:30px 0 32px; scroll-margin-top:22px; }
.legal-article + .legal-article{ border-top:1px solid rgba(255,255,255,.08); }
.legal-article > header{ display:flex; align-items:center; gap:15px; margin-bottom:18px; }
.legal-article > header > span{ flex:0 0 47px; width:47px; height:47px; display:grid; place-items:center; box-sizing:border-box; border:3px solid rgba(50,230,18,.68); border-radius:50%; color:#32e612; background:#080604; box-shadow:0 0 12px rgba(50,230,18,.11),inset 0 0 7px rgba(50,230,18,.035); font:700 10px/13px var(--cond); }
.legal-article header small{ display:block; color:#32e612; font:700 8.5px/12px var(--cond); letter-spacing:1.8px; }
.legal-article header h2{ margin:3px 0 0; color:#ededed; font:700 21px/26px var(--cond); letter-spacing:.6px; }
.legal-copy{ padding-left:62px; }
.legal-copy p,.legal-copy li{ color:#858585; font:400 11.5px/19px var(--sans); }
.legal-copy p{ margin:0 0 13px; }
.legal-copy p:last-child{ margin-bottom:0; }
.legal-copy ul{ margin:5px 0 14px; padding-left:19px; }
.legal-copy li{ margin:3px 0; }
.legal-copy li::marker{ color:#32e612; }
.legal-copy strong{ color:#c7c7c7; font-weight:650; }
.legal-copy a:not(.legal-inline-link):not(.legal-contact-button){ color:#d19a78; text-decoration:underline; text-decoration-color:rgba(50,230,18,.34); text-underline-offset:3px; }
.legal-copy mark{ padding:2px 5px; border-radius:3px; color:#32e612; background:rgba(50,230,18,.10); font:600 10.5px/17px var(--sans); }
.legal-facts{ margin:18px 0; display:grid; grid-template-columns:repeat(3,1fr); border:1px solid rgba(50,230,18,.18); border-radius:6px; background:rgba(50,230,18,.025); overflow:hidden; }
.legal-facts p{ min-height:78px; margin:0; padding:15px 17px; display:flex; flex-direction:column; justify-content:center; }
.legal-facts p + p{ border-left:1px solid rgba(255,255,255,.07); }
.legal-facts strong{ color:#32e612; font:700 8.5px/12px var(--cond); letter-spacing:1.3px; }
.legal-facts span{ margin-top:4px; color:#858585; font:500 9.5px/15px var(--sans); }
.legal-note{ margin:17px 0 1px; padding:15px 18px; border:1px solid rgba(50,230,18,.22); border-left:3px solid #32e612; border-radius:4px; background:linear-gradient(90deg,rgba(50,230,18,.055),rgba(50,230,18,.012)); }
.legal-note > strong{ display:block; margin-bottom:4px; color:#32e612; font:700 9px/13px var(--cond); letter-spacing:1.5px; }
.legal-note p{ margin:0; font-size:10.5px; line-height:17px; }
.legal-inline-link{ margin-top:14px; display:inline-flex; align-items:center; gap:8px; color:#32e612; font:700 9.5px/14px var(--cond); letter-spacing:.8px; transition:color .2s ease; }
.legal-inline-link:hover{ color:#ffa26a; }
.legal-inline-link span{ transition:transform .2s ease; }
.legal-inline-link:hover span{ transform:translateX(3px); }
.legal-warranty-box{ margin:17px 0; padding:19px 21px 17px; border:1px solid rgba(50,230,18,.24); border-radius:6px; background:linear-gradient(135deg,rgba(39,13,1,.34),rgba(5,5,5,.42)); }
.legal-warranty-box.is-secondary{ border-color:rgba(255,255,255,.10); background:rgba(255,255,255,.018); }
.legal-warranty-box h3{ margin:0 0 10px; color:#32e612; font:700 11px/15px var(--cond); letter-spacing:1.1px; }
.legal-warranty-box p{ margin-bottom:9px; font-size:10.5px; line-height:17px; }
.legal-placeholder{ margin:15px 0; padding:17px 20px; display:flex; flex-direction:column; gap:4px; border:1px dashed rgba(50,230,18,.42); border-radius:5px; background:rgba(50,230,18,.035); }
.legal-placeholder strong{ margin-bottom:4px; color:#32e612; font:700 9.5px/14px var(--cond); letter-spacing:1.1px; }
.legal-placeholder span{ color:#777; font:500 10.5px/16px var(--sans); }
.withdrawal-form{ padding-bottom:5px; }
.withdrawal-template{ margin:17px 0 20px; padding:23px 25px; border:1px solid rgba(255,255,255,.11); border-radius:6px; background:rgba(255,255,255,.018); }
.withdrawal-template p{ margin-bottom:17px; }
.withdrawal-template > span{ display:block; margin:-8px 0 17px; color:#5e5e5e; font:400 10px/15px monospace; overflow:hidden; white-space:nowrap; }
.legal-contact-button{ width:max-content; min-width:291px; height:46px; display:flex; align-items:center; justify-content:center; gap:10px; border-radius:4px; color:#fff; background:linear-gradient(90deg,#32e612,#32e612,#32e612); background-size:200% 100%; box-shadow:0 0 21px rgba(50,230,18,.15); font:700 10.5px/15px var(--cond); letter-spacing:.9px; transition:filter .2s ease,background-position .35s ease; }
.legal-contact-button:hover{ filter:brightness(1.1); background-position:100% 0; }
@media (max-width:900px){
  .terms-page .site-header{ height:auto; }
  .terms-page .brand{ width:180px; height:63px; }
  .terms-page .icon-btn{ margin-left:0; }
  .terms-page .cart-btn{ margin-left:10px; }
  .terms-main{ min-height:0; padding-bottom:48px; background-attachment:scroll; }
  .terms-container{ width:100%; padding:0 17px; }
  .terms-breadcrumb{ height:49px; }
  .terms-heading{ padding:31px 0 27px; }
  .terms-heading h1{ font-size:32px; line-height:38px; }
  .terms-heading > p{ max-width:420px; margin:0 auto; }
  .terms-meta{ flex-wrap:wrap; }
  .terms-draft-alert{ padding:18px 20px; align-items:flex-start; }
  .terms-alert-icon{ flex-basis:52px; width:52px; height:52px; }
  .terms-layout{ grid-template-columns:1fr; }
  .terms-sidebar{ position:static; }
  .terms-summary{ padding-left:21px; padding-right:21px; }
  .terms-summary ol{ display:grid; grid-template-columns:1fr 1fr; column-gap:18px; }
  .terms-help-card{ display:none; }
  .terms-document{ padding:7px 20px 29px; }
  .legal-article{ padding:26px 0 28px; }
  .legal-article > header{ align-items:flex-start; }
  .legal-article > header > span{ flex-basis:43px; width:43px; height:43px; }
  .legal-article header h2{ font-size:18px; line-height:23px; }
  .legal-copy{ padding-left:0; }
  .legal-copy p,.legal-copy li{ font-size:11px; line-height:18px; }
  .legal-facts{ grid-template-columns:1fr; }
  .legal-facts p{ min-height:64px; }
  .legal-facts p + p{ border-left:0; border-top:1px solid rgba(255,255,255,.07); }
  .withdrawal-template{ padding:19px 17px; }
  .legal-contact-button{ width:100%; min-width:0; }
}
/* Compléments partagés — confidentialité et mentions légales */
.legal-completion{ margin:0 0 25px; padding:26px 28px 28px; border:1px solid rgba(255,255,255,.11); border-radius:8px; background:linear-gradient(135deg,rgba(17,17,17,.75),rgba(2,2,2,.62)); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); box-shadow:0 20px 52px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.03); }
.legal-completion-head{ margin-bottom:18px; padding-bottom:16px; border-bottom:1px solid rgba(255,255,255,.075); }
.legal-completion-head > span{ color:#32e612; font:700 9px/13px var(--cond); letter-spacing:2px; }
.legal-completion-head h2{ margin:4px 0 4px; color:#e8e8e8; font:700 18px/23px var(--cond); letter-spacing:.65px; }
.legal-completion-head p{ margin:0; color:#707070; font:400 10.5px/17px var(--sans); }
.legal-field-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.legal-field-grid--three{ grid-template-columns:repeat(3,1fr); }
.legal-field-grid p{ min-height:67px; margin:0; padding:13px 15px; display:flex; flex-direction:column; justify-content:center; border:1px dashed rgba(50,230,18,.34); border-radius:5px; background:rgba(50,230,18,.025); }
.legal-field-grid strong{ color:#32e612; font:700 8.5px/12px var(--cond); letter-spacing:1.15px; }
.legal-field-grid span{ margin-top:4px; color:#727272; font:500 10px/15px var(--sans); }
.legal-data-table{ max-width:100%; margin:17px 0; overflow-x:auto; border:1px solid rgba(255,255,255,.10); border-radius:6px; background:rgba(255,255,255,.014); }
.legal-data-table table{ width:100%; min-width:650px; border-collapse:collapse; text-align:left; }
.legal-data-table th{ padding:12px 14px; border-bottom:1px solid rgba(50,230,18,.24); color:#32e612; background:rgba(50,230,18,.045); font:700 8.5px/12px var(--cond); letter-spacing:1.05px; }
.legal-data-table td{ padding:11px 14px; border-bottom:1px solid rgba(255,255,255,.06); color:#7f7f7f; font:400 10px/16px var(--sans); vertical-align:top; }
.legal-data-table tr:last-child td{ border-bottom:0; }
.legal-data-table td + td,.legal-data-table th + th{ border-left:1px solid rgba(255,255,255,.055); }
.legal-identity-card{ margin:16px 0; display:grid; grid-template-columns:repeat(2,1fr); border:1px solid rgba(50,230,18,.18); border-radius:6px; overflow:hidden; background:rgba(50,230,18,.02); }
.legal-identity-card p{ min-height:67px; margin:0; padding:13px 16px; display:flex; flex-direction:column; justify-content:center; border-bottom:1px solid rgba(255,255,255,.06); }
.legal-identity-card p:nth-child(odd){ border-right:1px solid rgba(255,255,255,.06); }
.legal-identity-card p:nth-last-child(-n+2){ border-bottom:0; }
.legal-identity-card strong{ color:#32e612; font:700 8.5px/12px var(--cond); letter-spacing:1.1px; }
.legal-identity-card span{ margin-top:4px; color:#787878; font:500 10px/15px var(--sans); }
.legal-check-list{ margin:17px 0; display:grid; gap:8px; }
.legal-check-list p{ margin:0; padding:11px 14px; display:grid; grid-template-columns:23px 1fr; align-items:center; gap:10px; border:1px solid rgba(255,255,255,.075); border-radius:5px; background:rgba(255,255,255,.014); }
.legal-check-list i{ width:18px; height:18px; box-sizing:border-box; border:2px solid rgba(50,230,18,.55); border-radius:4px; background:rgba(50,230,18,.035); }
.legal-check-list span{ color:#838383; font:400 10.5px/16px var(--sans); }
.privacy-page .terms-heading h1,.legal-notice-page .terms-heading h1{ letter-spacing:.7px; }
@media (max-width:900px){
  .legal-completion{ padding:22px 20px; }
  .legal-field-grid,.legal-field-grid--three{ grid-template-columns:1fr 1fr; }
  .legal-identity-card{ grid-template-columns:1fr; }
  .legal-identity-card p,.legal-identity-card p:nth-child(odd),.legal-identity-card p:nth-last-child(-n+2){ border-right:0; border-bottom:1px solid rgba(255,255,255,.06); }
  .legal-identity-card p:last-child{ border-bottom:0; }
}
@media (max-width:520px){
  .terms-summary ol{ grid-template-columns:1fr; }
  .terms-draft-alert{ flex-direction:column; }
  .legal-field-grid,.legal-field-grid--three{ grid-template-columns:1fr; }
}


/* =========================================================
   STRUCTURE GÉNÉRALE
   ========================================================= */
html,body{overflow-x:hidden}.skip-to-content{position:fixed;left:18px;top:-80px;z-index:1000;background:var(--o-btn);padding:12px 18px;color:#fff}.skip-to-content:focus{top:18px}
.search-submit{position:absolute;right:0;top:0;width:46px;height:100%;padding:0}.search-submit .ico-search{right:14px;top:8px}.brand-logo{max-width:250px;height:76px;object-fit:contain}.header-tools .search{margin:0}
.rp-catalogue-pending{padding:58px 70px 70px;background-color:#010102;background-image:linear-gradient(rgba(0,0,0,.84),rgba(0,0,0,.84)),url('./catalog-background.png');background-size:cover}.catalogue-pending-head{text-align:center;max-width:850px;margin:0 auto 38px}.catalogue-pending-head>span,.rp-page-head>span{font:700 15px var(--cond);letter-spacing:3px;color:var(--o)}.catalogue-pending-head h2,.rp-page-head h1{margin:9px 0 12px;font:700 36px/1.1 var(--cond);color:#fff}.catalogue-pending-head p{margin:0;color:#aaa;line-height:1.65}.catalogue-placeholder-grid{display:grid;grid-template-columns:repeat(4,221px);justify-content:center;gap:34px}.catalogue-placeholder-card{opacity:.72}.placeholder-line{height:12px;border-radius:8px;background:#252525;margin-top:34px}.placeholder-line.is-title{width:160px}.placeholder-line.is-price{width:92px;margin-top:14px;background:rgba(50,230,18,.28)}.placeholder-button{width:184px;height:46px;margin:auto 0 20px;border:2px solid rgba(50,230,18,.42);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}

.volt-home-catalog{position:relative;display:grid;grid-template-columns:259px minmax(0,1fr) 258px;gap:33px;padding:38px 47px 58px;background-color:#010102;background-image:linear-gradient(rgba(0,0,0,.84),rgba(0,0,0,.84)),url('./catalog-background.png');background-size:cover;background-position:center top}.volt-category-filter h2,.volt-best-sellers h2{margin:0 0 14px;padding:7px 0 0;font:700 21px/24px var(--cond);color:#fff}.volt-category-list{border:1px solid var(--line)}.volt-category-list a{min-height:54px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-soft);font:700 14px/18px var(--cond);letter-spacing:.5px;color:#ddd}.volt-category-list a:hover,.volt-category-list a.is-active{color:var(--o-bright);background:rgba(50,230,18,.08)}.volt-category-list b{font-size:25px;color:var(--o);font-weight:400}.volt-category-list .volt-view-collection{justify-content:center;text-align:center;border-bottom:0;color:var(--o);font-size:12px}.volt-featured-products>header{margin:0 0 24px;text-align:center}.volt-featured-products>header span{font:700 12px var(--cond);letter-spacing:3px;color:var(--o)}.volt-featured-products>header h2{margin:6px 0 0;font:700 30px var(--cond)}.volt-home-product-grid{display:grid;grid-template-columns:repeat(3,221px);justify-content:center;gap:34px}.volt-home-product-grid .card-media{overflow:hidden;padding:10px;box-sizing:border-box}.volt-home-product-grid .card-media img{display:block;width:auto;height:auto;max-width:92%;max-height:88%;object-fit:contain;object-position:center}.volt-home-product-grid .card-title{margin-top:22px;font-size:17px;line-height:21px}.volt-home-product-grid .card-price{font-size:23px}.volt-best-sellers{padding-left:6px}.volt-best-rule{height:1px;margin:-6px 0 8px;background:linear-gradient(90deg,var(--o),transparent)}.volt-best-sellers li{border-bottom:1px solid #292929}.volt-best-sellers li>a{min-height:112px;display:grid;grid-template-columns:92px minmax(0,1fr);gap:15px;align-items:center}.volt-best-image{width:92px;height:92px;display:grid;place-items:center;overflow:hidden;background:rgba(255,255,255,.025)}.volt-best-image img{display:block;width:auto;height:auto;max-width:82px;max-height:82px;object-fit:contain;object-position:center;transform:none}.volt-best-copy strong{display:block;font:700 13px/17px var(--cond);color:#ddd}.volt-best-copy em{display:block;margin-top:7px;font:700 16px var(--sans);font-style:normal;color:var(--o-price)}.volt-home-empty{padding:55px 20px;border:1px solid rgba(50,230,18,.4);text-align:center;color:#aaa}
/* Lisibilité ciblée : CGV, confidentialité et mentions légales */
.terms-main{background-size:1680px auto;background-repeat:no-repeat}.terms-heading>p{font-size:15.5px;line-height:24px}.terms-draft-alert p{font-size:12px;line-height:19px}.legal-copy p,.legal-copy li{font-size:13.2px;line-height:21.5px}.legal-article header h2{font-size:23px;line-height:28px}.terms-summary a span{font-size:10.5px;line-height:15px}.legal-completion-head p,.legal-field-grid span,.legal-identity-card span,.legal-check-list span,.legal-data-table td{font-size:11.5px;line-height:17.5px}
@media(max-width:900px){.volt-home-catalog{grid-template-columns:1fr;padding:34px 18px 48px}.volt-home-product-grid{grid-template-columns:1fr;justify-items:center}.volt-category-filter,.volt-best-sellers{max-width:420px;width:100%;margin:0 auto}.legal-copy p,.legal-copy li{font-size:12.5px;line-height:20px}}
.rp-main{min-height:620px;padding:54px 70px 80px;background:#030303 url('./background.png') center top/cover fixed}.rp-page-head{max-width:1540px;margin:0 auto 35px}.rp-product-grid{max-width:1540px;margin:0 auto;display:grid;grid-template-columns:repeat(4,221px);gap:34px}.rp-product-card .card-media{overflow:hidden;padding:10px;box-sizing:border-box}.rp-product-card .card-media img{display:block;width:auto;height:auto;max-width:92%;max-height:88%;object-fit:contain;object-position:center}.rp-product-card .card-title{margin-top:24px;font-size:18px}.rp-product-card .card-price{font-size:24px}.rp-empty-state{max-width:900px;margin:65px auto;padding:55px;border:1px solid rgba(50,230,18,.55);background:rgba(0,0,0,.75);text-align:center}.rp-empty-state h1,.rp-empty-state h2{font:700 38px var(--cond);color:#fff}.rp-empty-state p{color:#aaa;line-height:1.65}.rp-search-form{max-width:900px;margin:0 auto 45px;display:flex}.rp-search-form input{flex:1;height:52px;border:1px solid #3d3f40;background:#111;color:#fff;padding:0 18px;font-size:16px}.rp-search-form button,.cart-update-button,.customer-action{background:var(--o-btn);color:#fff;font:700 16px var(--cond);padding:0 24px}.cart-update-button{height:46px;margin:24px 0 32px 32px}@media(max-width:640px){.cart-update-button{margin:20px 0 28px 16px}}.quantity-control input{width:100%;height:100%;min-width:0;text-align:center;background:#0b0b0b;color:#fff;border:0;outline:0}.cart-product-media img{width:100%;height:100%;object-fit:contain}.rp-empty-cart{display:block!important;margin:50px auto;max-width:780px}.promo-box .is-success{color:#70dc8b}.form-errors{margin:0 0 18px;padding:12px;border:1px solid rgba(50,230,18,.55);color:#ffad79}.form-errors ul{list-style:disc;padding-left:22px}.contact-file.is-disabled{opacity:.65;cursor:default}.account-back-button{width:100%;margin-top:12px;padding:12px;color:#bbb}.form-feedback.is-success{color:#70dc8b}
.product-detail-layout{max-width:1420px;margin:30px auto;display:grid;grid-template-columns:1fr 1fr;gap:70px}.product-detail-media{min-height:520px;display:grid;place-items:center;border:1px solid rgba(50,230,18,.45);background:rgba(0,0,0,.72)}.product-detail-media img{max-width:100%;max-height:650px;object-fit:contain}.neutral-product-visual{color:#666;letter-spacing:3px}.product-detail-copy{padding:30px 0}.product-detail-type{color:var(--o);font:700 14px var(--cond);letter-spacing:2px}.product-detail-copy h1{font:700 44px/1.08 var(--cond)}.product-detail-price{font-size:34px;font-weight:700;color:var(--o-price)}.product-description{color:#bbb;line-height:1.7}.product-form{display:grid;gap:12px;margin-top:28px}.product-form select,.product-form input{height:48px;background:#111;border:1px solid #484848;color:#fff;padding:0 14px}.product-add-button{height:54px;margin-top:10px;background:var(--o-btn);font:700 19px var(--cond)}.rp-breadcrumb{max-width:1420px;margin:0 auto;color:#888;font:600 12px var(--cond);letter-spacing:1px}.rp-breadcrumb span{padding:0 9px}.generic-page-card{max-width:1180px;margin:35px auto;padding:48px;border:1px solid rgba(50,230,18,.4);background:rgba(0,0,0,.78)}.generic-page-card h1{font:700 42px var(--cond)}.rte{color:#c5c5c5;line-height:1.75}.customer-dashboard{display:grid;grid-template-columns:2fr 1fr;gap:30px}.customer-panel{padding:32px;border:1px solid rgba(50,230,18,.45);background:rgba(0,0,0,.72)}.customer-panel h2{font:700 25px var(--cond)}.customer-orders{display:grid}.customer-orders a{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:18px 0;border-bottom:1px solid #282828}.customer-action{display:block;margin-top:15px;padding:14px;text-align:center}
@media(max-width:900px){.brand-logo{width:210px;height:auto}.rp-catalogue-pending,.rp-main{padding:38px 18px 55px}.catalogue-placeholder-grid,.rp-product-grid{grid-template-columns:1fr;justify-items:center}.product-detail-layout,.customer-dashboard{grid-template-columns:1fr;gap:25px}.product-detail-media{min-height:320px}.generic-page-card{padding:24px}.rp-search-form{display:block}.rp-search-form input,.rp-search-form button{width:100%;height:50px}.customer-orders a{grid-template-columns:1fr 1fr}.main-nav{order:3}.header-tools{width:100%}}

.password-body{margin:0;min-height:100vh;background:#020202 url('./background.png') center center/cover fixed;display:grid;place-items:center;padding:40px 18px}
.password-shell{width:100%;display:grid;place-items:center}
.password-card{width:min(560px,100%);padding:48px 46px 42px;text-align:center;border:2px solid rgba(50,230,18,.55);border-radius:26px;background:rgba(4,4,5,.82);box-shadow:0 0 60px rgba(50,230,18,.18),inset 0 0 40px rgba(0,0,0,.65);backdrop-filter:blur(9px)}
.password-logo{width:250px;height:auto;object-fit:contain;margin-bottom:22px}
.password-kicker{display:block;font:700 14px var(--cond);letter-spacing:3px;color:var(--o)}
.password-card h1{margin:10px 0 14px;font:700 34px/1.12 var(--cond);color:#fff}
.password-intro{margin:0 0 26px;color:#a9a9a9;line-height:1.65}
.password-form{text-align:left}
.password-note{margin:22px 0 0;font-size:13px;color:#7c7c7c}
.gift-card-code{margin:6px 0 18px;font:700 26px var(--cond);letter-spacing:4px;color:#fff}
.address-item{padding:20px 0;border-bottom:1px solid #282828;color:#c2c2c2;line-height:1.6}
.address-flag{display:inline-block;margin:6px 0;font:700 12px var(--cond);letter-spacing:2px;color:var(--o)}
.order-lines{display:grid;margin-top:10px}
.order-line{display:grid;grid-template-columns:1fr auto auto;gap:16px;padding:16px 0;border-bottom:1px solid #282828;color:#ddd}
.order-totals{margin-top:22px;display:grid;gap:10px}
.order-totals div{display:flex;justify-content:space-between;color:#bbb}
.order-totals .is-total{padding-top:12px;border-top:1px solid #333;font-size:20px;color:#fff}
.collection-index-grid,.blog-grid{max-width:1540px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:26px}
.collection-index-card,.blog-card{display:grid;gap:9px;padding:30px;border:2px solid rgba(50,230,18,.4);border-radius:18px;background:rgba(0,0,0,.72);color:#c9c9c9}
.collection-index-card strong,.blog-card strong{font:700 22px var(--cond);color:#fff}
.blog-card span{font:700 12px var(--cond);letter-spacing:2px;color:var(--o)}
.article-meta{font:700 13px var(--cond);letter-spacing:2px;color:var(--o)}
.auth-card{max-width:620px}
@media(max-width:900px){.password-card{padding:34px 22px 30px}.password-logo{width:200px}.password-card h1{font-size:27px}.order-line{grid-template-columns:1fr auto}}

/* =========================================================
   CORRECTION CIBLÉE — CARTES, VISUELS ET FICHE PRODUIT
   ========================================================= */
/* Silhouette REPUCE d’origine conservée ; seule la zone visuelle reste carrée. */
.rp-product-card{
  height:430px;
}
.rp-product-card .card-frame{
  clip-path:polygon(var(--ch) 0,calc(100% - var(--ch)) 0,100% var(--ch),100% calc(100% - var(--ch)),calc(100% - var(--ch)) 100%,var(--ch) 100%,0 calc(100% - var(--ch)),0 var(--ch));
}
.rp-product-card .card-fill{
  inset:2px;
  clip-path:polygon(calc(var(--ch) - 2px) 0,calc(100% - var(--ch) + 2px) 0,100% calc(var(--ch) - 2px),100% calc(100% - var(--ch) + 2px),calc(100% - var(--ch) + 2px) 100%,calc(var(--ch) - 2px) 100%,0 calc(100% - var(--ch) + 2px),0 calc(var(--ch) - 2px));
}
/* Fond sombre limité à la collection réelle Cartes graphiques. */
.volt-graphics-collection{
  background-color:#020202;
  background-image:linear-gradient(180deg,rgba(0,0,0,.86),rgba(0,0,0,.92)),url('./background.png');
  background-position:center top;
  background-size:cover;
  background-repeat:no-repeat;
  background-attachment:fixed;
}
.rp-product-card .card-media{
  flex:0 0 172px;
  width:172px;
  height:172px;
  margin-top:26px;
  padding:8px;
  overflow:hidden;
  border-radius:0;
}
.rp-product-card .card-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:center!important;
}
.rp-product-card .card-title{
  width:195px;
  min-height:44px;
  margin:20px 0 0;
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  font-size:18px;
  line-height:22px;
}
.rp-product-card .card-price{
  margin-top:10px;
  font-size:24px;
  line-height:30px;
}
.card-compare-price{
  display:block;
  margin:0;
  color:#858585;
  font:600 15px/19px var(--sans);
  text-decoration-color:#32e612;
  text-decoration-thickness:2px;
}
.card-discount{
  margin:2px 0 0;
  color:#32e612;
  font:700 14px/18px var(--sans);
  letter-spacing:.2px;
  text-shadow:0 0 12px rgba(50,230,18,.28);
}

/* Un seul propriétaire du défilement vertical. overflow-x:hidden appliqué
   simultanément à html et body transformait aussi leur overflow-y en auto,
   ce qui pouvait créer deux zones de scroll dans l’éditeur. */
html{
  overflow-x:hidden!important;
  overflow-y:auto!important;
}
body{
  overflow-x:clip!important;
  overflow-y:visible!important;
}

/* Zone principale : le visuel reste dans un véritable carré. */
.product-detail-layout{
  grid-template-columns:minmax(0,650px) minmax(0,1fr);
  align-items:start;
}
.product-detail-media{
  position:relative;
  width:100%;
  min-height:0;
  aspect-ratio:1 / 1;
  align-self:start;
  overflow:hidden;
  padding:38px;
  border:1px solid rgba(50,230,18,.62);
  border-radius:0;
  background:linear-gradient(145deg,rgba(15,8,4,.92),rgba(0,0,0,.86));
  box-shadow:inset 0 0 45px rgba(50,230,18,.035),0 0 24px rgba(50,230,18,.08);
}
.product-detail-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:center!important;
}
.product-gallery{min-width:0}
.product-gallery-slide{width:100%;height:100%}
.product-gallery-slide[hidden]{display:none!important}
.product-gallery-arrow{
  position:absolute;top:50%;z-index:2;width:46px;height:58px;display:grid;place-items:center;
  transform:translateY(-50%);border:1px solid rgba(50,230,18,.62);background:rgba(0,0,0,.74);
  color:#fff;font:300 37px/1 var(--cond);transition:background .2s ease,border-color .2s ease
}
.product-gallery-arrow:hover,.product-gallery-arrow:focus-visible{background:rgba(50,230,18,.82);border-color:#32e612;outline:none}
.product-gallery-arrow.is-previous{left:14px}.product-gallery-arrow.is-next{right:14px}
.product-gallery-counter{position:absolute;right:14px;bottom:12px;z-index:2;padding:6px 10px;border:1px solid rgba(50,230,18,.42);background:rgba(0,0,0,.72);font:700 11px/15px var(--sans);letter-spacing:.8px}
.product-gallery-thumbnails{display:flex;gap:10px;margin-top:12px;padding:2px 0 5px;overflow-x:auto;scrollbar-color:#32e612 #151515;scrollbar-width:thin}
.product-gallery-thumbnail{flex:0 0 78px;width:78px;height:78px;padding:6px;border:1px solid #343434;background:#080808}
.product-gallery-thumbnail.is-active{border-color:#32e612;box-shadow:0 0 12px rgba(50,230,18,.22)}
.product-gallery-thumbnail img{display:block;width:100%;height:100%;object-fit:contain}
.product-detail-copy{
  min-width:0;
  padding:22px 0 0;
}
.product-detail-copy h1{
  margin:12px 0 18px;
}
.product-detail-subtitle{
  max-width:650px;
  margin:-4px 0 22px;
  color:#c8c8c8;
  font:500 16px/1.6 var(--sans);
}
.product-detail-subtitle strong{font-weight:500}
.product-detail-subtitle p{margin:0 0 10px}
.product-detail-subtitle ul{display:grid;gap:5px;margin:0;padding-left:20px;color:#b9b9b9}
.product-description>.volt-product-intro{display:none}
.volt-variant-description>p:first-child,.volt-variant-description>p:first-child+ul{display:none}
.product-detail-price{
  margin:0 0 32px;
}
.product-form{
  width:min(520px,100%);
  margin-top:0;
  padding-top:27px;
  border-top:1px solid #2d2d2d;
}
.product-form label{
  margin-top:6px;
  color:#a7a7a7;
  font:700 11px/15px var(--sans);
  letter-spacing:1.25px;
}
.product-form input[type="number"]{
  width:120px;
}
.product-add-button{
  width:100%;
  transition:background .2s ease,box-shadow .2s ease;
}
.product-add-button:hover{
  background:#32e612;
  box-shadow:0 0 22px rgba(50,230,18,.18);
}

/* Description séparée, hiérarchisée et lisible. */
.product-description-shell{
  max-width:1420px;
  margin:64px auto 0;
  padding:40px 46px 46px;
  border:1px solid #303030;
  border-top:2px solid #32e612;
  border-radius:0;
  background:linear-gradient(145deg,rgba(10,10,10,.96),rgba(3,3,3,.94));
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 18px 48px rgba(0,0,0,.25);
}
.product-description-heading{
  margin-bottom:30px;
  padding-bottom:22px;
  border-bottom:1px solid #2a2a2a;
}
.product-description-heading span{
  color:var(--o);
  font:700 12px/16px var(--cond);
  letter-spacing:3px;
}
.product-description-heading h2{
  margin:7px 0 0;
  color:#f4f4f4;
  font:700 32px/38px var(--cond);
}
.product-description{
  color:#bdbdbd;
  font:400 15.5px/25px var(--sans);
}
.product-description .volt-product-description>h2:first-child{
  display:none;
}
.product-description p{
  max-width:980px;
  margin:0 0 16px;
}
.product-description h3{
  max-width:1100px;
  margin:34px 0 16px;
  padding:0 0 10px 15px;
  border-bottom:1px solid #333;
  border-left:3px solid var(--o);
  color:#f2f2f2;
  font:700 22px/28px var(--cond);
  letter-spacing:.35px;
}
.product-description ul{
  max-width:1100px;
  margin:0 0 8px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 34px;
}
.product-description li{
  position:relative;
  min-width:0;
  padding:10px 14px 10px 30px;
  border:1px solid #282828;
  background:#0b0b0b;
  color:#c9c9c9;
  line-height:21px;
}
.product-description li::before{
  content:'•';
  position:absolute;
  left:14px;
  top:9px;
  color:var(--o-bright);
  font-size:18px;
  text-shadow:0 0 8px rgba(50,230,18,.55);
}
.product-description table{
  width:100%;
  max-width:1100px;
  margin-top:4px;
  border:1px solid #303030;
  border-collapse:collapse;
  background:#080808;
}
.product-description th,
.product-description td{
  padding:13px 18px;
  border-bottom:1px solid #292929;
  text-align:left;
  vertical-align:top;
  line-height:21px;
}
.product-description tr:last-child th,
.product-description tr:last-child td{
  border-bottom:0;
}
.product-description th{
  width:38%;
  color:#e4e4e4;
  background:#0d0d0d;
  font-weight:700;
}
.product-description td{
  color:#aaa;
}
.product-description tr:nth-child(even) th,
.product-description tr:nth-child(even) td{
  background-color:#0b0b0b;
}

/* Module de filtres natifs, placé à droite du catalogue. */
.collection-catalog-layout{
  max-width:1580px;
  margin:0 auto;
  display:grid;
  grid-template-columns:986px 350px;
  justify-content:space-between;
  gap:44px;
  align-items:start;
}
.collection-results{min-width:0}
.collection-catalog-layout .rp-product-grid{
  max-width:none;
  margin:0;
  grid-template-columns:repeat(4,221px);
}
.collection-filter-panel{
  position:sticky;
  top:124px;
  width:350px;
  overflow:hidden;
  border:1px solid rgba(50,230,18,.52);
  background:linear-gradient(145deg,rgba(16,10,7,.94),rgba(2,2,2,.97));
  box-shadow:0 20px 55px rgba(0,0,0,.48),inset 0 0 34px rgba(50,230,18,.035),0 0 22px rgba(50,230,18,.07);
}
.collection-filter-head{
  position:relative;
  padding:30px 29px 25px;
  border-bottom:1px solid rgba(255,255,255,.09);
  background:radial-gradient(300px 115px at 50% 0,rgba(50,230,18,.12),transparent 75%);
}
.collection-filter-head::before{
  content:'';
  position:absolute;
  left:29px;
  right:29px;
  top:0;
  height:2px;
  background:linear-gradient(90deg,transparent,#32e612,transparent);
  box-shadow:0 0 9px rgba(50,230,18,.55);
}
.collection-filter-head>span{color:var(--o);font:700 11px/15px var(--cond);letter-spacing:2.6px}
.collection-filter-head h2{margin:7px 0 3px;color:#f2f2f2;font:700 28px/33px var(--cond);letter-spacing:.45px}
.collection-filter-head p{margin:0;color:#747474;font:400 12px/18px var(--sans)}
.collection-filter-form{display:block;margin:0;padding:0 28px 29px}
.collection-filter-group{margin:0;padding:22px 0;border:0;border-bottom:1px solid rgba(255,255,255,.085)}
.collection-sort-group>label,.collection-filter-group summary{display:flex;align-items:center;justify-content:space-between;color:#d8d8d8;font:700 12px/17px var(--cond);letter-spacing:1.45px}
.collection-filter-group summary{cursor:pointer;list-style:none}
.collection-filter-group summary::-webkit-details-marker{display:none}
.collection-filter-group summary i{position:relative;width:16px;height:16px}
.collection-filter-group summary i::before,.collection-filter-group summary i::after{content:'';position:absolute;left:2px;top:7px;width:12px;height:1px;background:#32e612;transition:transform .2s ease}
.collection-filter-group summary i::after{transform:rotate(90deg)}
.collection-filter-group[open] summary i::after{transform:rotate(0)}
.collection-sort-group select{
  width:100%;
  height:44px;
  margin-top:11px;
  padding:0 36px 0 13px;
  border:1px solid #383838;
  border-radius:0;
  outline:0;
  appearance:none;
  color:#d6d6d6;
  background-color:#090909;
  background-image:linear-gradient(45deg,transparent 50%,#32e612 50%),linear-gradient(135deg,#32e612 50%,transparent 50%);
  background-position:calc(100% - 17px) 19px,calc(100% - 12px) 19px;
  background-size:5px 5px;
  background-repeat:no-repeat;
  font:500 12.5px/18px var(--sans);
}
.collection-filter-values{display:grid;gap:10px;margin-top:17px}
.collection-filter-choice{display:grid;grid-template-columns:19px 1fr auto;align-items:center;gap:11px;min-height:27px;color:#a8a8a8;cursor:pointer;font:500 12px/18px var(--sans)}
.collection-filter-choice input{position:absolute;opacity:0;pointer-events:none}
.collection-filter-choice::before{content:'';width:17px;height:17px;box-sizing:border-box;border:1px solid #4a4a4a;background:#090909;box-shadow:inset 0 0 0 3px #090909}
.collection-filter-choice.is-active::before{border-color:#32e612;background:#32e612}
.collection-filter-choice.is-active{color:#efefef}
.collection-filter-choice.is-disabled{opacity:.38;cursor:not-allowed}
.collection-filter-choice small{color:#626262;font:500 10.5px/15px var(--sans)}
.collection-price-filter{margin-top:17px}
.collection-price-filter>p{margin:0 0 12px;color:#707070;font:400 10.5px/16px var(--sans)}
.collection-price-filter>div{display:grid;grid-template-columns:1fr 18px 1fr;align-items:end;gap:8px}
.collection-price-filter label span{display:block;margin-bottom:7px;color:#777;font:700 8.5px/12px var(--cond);letter-spacing:1px}
.collection-price-filter input{width:100%;height:42px;padding:0 10px;border:1px solid #383838;outline:0;color:#eee;background:#090909;font:500 11.5px/17px var(--sans)}
.collection-price-filter input:focus,.collection-sort-group select:focus{border-color:#32e612;box-shadow:0 0 0 2px rgba(50,230,18,.07)}
.collection-price-filter b{padding-bottom:10px;color:#6b6b6b;text-align:center;font-weight:400}
.collection-filter-actions{display:grid;gap:11px;padding-top:24px}
.collection-filter-actions button{height:48px;color:#fff;background:linear-gradient(90deg,#32e612,#32e612,#32e612);font:700 12.5px/18px var(--cond);letter-spacing:1.15px;transition:filter .2s ease,box-shadow .2s ease}
.collection-filter-actions button:hover{filter:brightness(1.12);box-shadow:0 0 18px rgba(50,230,18,.18)}
.collection-filter-actions a{color:#777;text-align:center;font:700 9.5px/15px var(--cond);letter-spacing:1.15px;transition:color .2s ease}
.collection-filter-actions a:hover{color:#32e612}

/* Fond sombre et garantie, limités aux produits de la collection Cartes graphiques. */
.volt-graphics-product{
  background-color:#020202;
  background-image:linear-gradient(180deg,rgba(0,0,0,.86),rgba(0,0,0,.93)),url('./background.png');
  background-position:center top;
  background-size:cover;
  background-repeat:no-repeat;
  background-attachment:fixed;
}
.product-detail-price-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 19px;margin:0 0 32px}
.product-detail-price-row .product-detail-price{margin:0}
.product-compare-price{color:#858585;font:600 23px/29px var(--sans);text-decoration-color:#32e612;text-decoration-thickness:2px}
.product-discount-saving{flex-basis:100%;margin:0;color:#32e612;font:700 17px/23px var(--sans);text-shadow:0 0 14px rgba(50,230,18,.24)}
.product-guarantee{
  min-height:52px;
  margin-top:7px;
  padding:0 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  border:1px solid rgba(50,230,18,.43);
  color:#e9e9e9;
  background:linear-gradient(90deg,rgba(50,230,18,.075),rgba(5,5,5,.72));
  box-shadow:inset 0 0 18px rgba(50,230,18,.025);
}
.product-guarantee svg{width:23px;height:23px;fill:none;stroke:#32e612;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(50,230,18,.25))}
.product-guarantee strong{font:700 12px/17px var(--cond);letter-spacing:1.25px}

@media(max-width:900px){
  .collection-catalog-layout{grid-template-columns:1fr;gap:30px}
  .collection-filter-panel{position:static;order:-1;width:100%}
  .collection-catalog-layout .rp-product-grid{grid-template-columns:1fr;justify-items:center}
  .collection-filter-values{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}
  .product-detail-price-row{margin-bottom:26px}
  .product-compare-price{font-size:19px;line-height:25px}
  .rp-product-card{height:430px}
  .product-detail-layout{grid-template-columns:1fr;gap:28px}
  .product-detail-media{width:100%;min-height:0;padding:20px;aspect-ratio:1 / 1}
  .product-gallery-arrow{width:40px;height:50px;font-size:32px}
  .product-gallery-arrow.is-previous{left:8px}.product-gallery-arrow.is-next{right:8px}
  .product-gallery-thumbnail{flex-basis:68px;width:68px;height:68px}
  .product-detail-copy{padding-top:8px}
  .product-detail-copy h1{font-size:34px}
  .product-description-shell{margin-top:42px;padding:28px 20px 30px}
  .product-description-heading h2{font-size:27px;line-height:32px}
  .product-description ul{grid-template-columns:1fr;gap:8px}
  .product-description{font-size:14px;line-height:23px;overflow-x:auto}
  .product-description th,.product-description td{padding:11px 12px}
  .product-description th{width:42%}
}


/* =========================================================
   FOND SOMBRE GLOBAL
   ========================================================= */
html,body,.scaler,.page,#MainContent{
  background-color:#020202!important;
  color-scheme:dark;
}
.rp-main,.shipping-main,.help-main,.terms-main,.password-body{
  background-color:#020202!important;
  background-image:linear-gradient(180deg,rgba(0,0,0,.88),rgba(0,0,0,.93)),url('./background.png')!important;
}
.account-main,.cart-main,.contact-main,.volt-home-catalog,.rp-catalogue-pending,.catalogue-section{
  background-color:#020202!important;
  background-image:linear-gradient(180deg,rgba(0,0,0,.88),rgba(0,0,0,.93)),url('./catalog-background.png')!important;
}
/* Carrousel de bannière : le nouveau visuel est affiché en premier, puis la bannière historique. */
.hero{background:#000!important}
.hero-slide{position:absolute;inset:0;z-index:0;background-color:#000;background-position:center 30%;background-size:cover;background-repeat:no-repeat;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility 0s linear .65s}
.hero-slide.is-active{z-index:1;opacity:1;visibility:visible;transition:opacity .65s ease}
.hero-slide--welcome{background-position:center 52%;background-size:105% auto}
.hero-slide--promo{background-position:center 50%}
.hero-dots{z-index:3}
.hero-dots .dot{border:0;cursor:pointer}
@media (prefers-reduced-motion:reduce){.hero-slide{transition:none}}
@media(max-width:900px){.hero-slide--welcome{background-position:52% 52%;background-size:auto 105%}.hero-slide--promo{background-position:62% 50%}}

/* Le visuel reste à sa taille naturelle et se répète en mosaïque au lieu d’être agrandi. */
.rp-main,.shipping-main,.help-main,.terms-main,.password-body,
.account-main,.cart-main,.contact-main,.volt-home-catalog,.rp-catalogue-pending,.catalogue-section{
  background-size:auto,1380px 752px!important;
  background-position:center top,center top!important;
  background-repeat:no-repeat,repeat!important;
}

/* Bande d’annonce affichée uniquement sous le menu des pages de collection. */
.catalogue-notice{
  position:relative;
  z-index:4;
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  padding:12px 28px;
  overflow:hidden;
  color:#f2f2f2;
  text-align:center;
  background:
    radial-gradient(460px 70px at 50% 50%,rgba(50,230,18,.13),transparent 72%),
    linear-gradient(180deg,#101010 0%,#070707 100%);
  border-bottom:1px solid rgba(50,230,18,.55);
  box-shadow:inset 0 -1px 0 rgba(50,230,18,.08),0 4px 18px rgba(0,0,0,.5);
}
.catalogue-notice::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(50,230,18,.06),transparent);
}
.catalogue-notice p{
  position:relative;
  margin:0;
  color:#f4f4f4;
  font-family:'Orbitron',sans-serif;
  font-size:14px;
  font-weight:700;
  line-height:20px;
  letter-spacing:1.7px;
  text-transform:uppercase;
  text-shadow:0 0 12px rgba(50,230,18,.24);
}
.catalogue-notice-spark{
  width:7px;
  height:7px;
  flex:0 0 7px;
  transform:rotate(45deg);
  background:#32e612;
  box-shadow:0 0 10px rgba(50,230,18,.85);
}
@media(max-width:900px){
  .catalogue-notice{min-height:48px;gap:12px;padding:11px 16px}
  .catalogue-notice p{font-size:11px;line-height:17px;letter-spacing:1.1px}
  .catalogue-notice-spark{width:6px;height:6px;flex-basis:6px}
}

/* En-tête ordinateur plus ample et mieux espacé du bord supérieur. */
@media(min-width:901px){
  .site-header{height:122px}
  .brand{left:36px;top:8px;width:250px;height:86px}
  .site-header .brand-logo{width:100%;max-width:none;height:100%;max-height:none;object-fit:contain;object-position:left center}
  .main-nav{left:303px;top:91px;gap:40px}
  .nav-link{font-size:15px;line-height:19px}
  .nav-link.is-active::after{top:28px}
  .header-tools{right:65px;top:18px;height:44px}
  .header-tools .search{width:440px;height:42px}
  .search input{padding-left:17px;font-size:16px}
  .search-submit{width:48px}
  .search-submit .ico-search{right:15px;top:10px;width:21px;height:21px}
  .icon-btn{width:23px;height:28px;margin-left:34px}
  .icon-btn svg{width:22px;height:22px}
  .cart-btn{height:34px;margin-left:31px;gap:11px}
  .ico-cart{width:33px;height:33px}
  .cart-label{font-size:18px}
}

/* =========================================================
   INTERFACE MOBILE V1.5.53 — EN-TÊTE COMPACT ET CONTENU STABLE
   ========================================================= */
.mobile-menu-toggle{display:none}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

@media(max-width:900px){
  .site-header,
  .cart-page .site-header,
  .account-page .site-header,
  .contact-page .site-header,
  .shipping-page .site-header,
  .help-page .site-header,
  .terms-page .site-header{
    position:relative;
    height:auto;
    min-height:0;
    padding:10px 14px 12px;
    display:grid;
    grid-template-columns:minmax(0,1fr) 40px 44px 44px;
    grid-template-areas:
      'brand account cart toggle'
      'search search search search'
      'nav nav nav nav';
    align-items:center;
    column-gap:8px;
    row-gap:10px;
    overflow:visible;
  }
  .site-header::after{z-index:12}
  .site-header .brand,
  .cart-page .brand,
  .account-page .brand,
  .contact-page .brand,
  .shipping-page .brand,
  .help-page .brand,
  .terms-page .brand{
    grid-area:brand;
    position:static;
    width:165px;
    max-width:100%;
    height:57px;
    margin:0;
    align-self:center;
  }
  .site-header .brand-logo{
    display:block;
    width:100%;
    max-width:none;
    height:100%;
    object-fit:contain;
    object-position:left center;
  }
  .mobile-menu-toggle{
    grid-area:toggle;
    width:44px;
    height:44px;
    padding:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    border:1px solid rgba(50,230,18,.5);
    border-radius:4px;
    color:#fff;
    background:linear-gradient(145deg,#171717,#080808);
    box-shadow:inset 0 0 16px rgba(50,230,18,.04),0 0 12px rgba(50,230,18,.06);
  }
  .mobile-menu-toggle span{
    width:20px;
    height:2px;
    display:block;
    border-radius:2px;
    background:#f4f4f4;
    transition:transform .22s ease,opacity .18s ease,background .22s ease;
  }
  .site-header.is-menu-open .mobile-menu-toggle span{background:#32e612}
  .site-header.is-menu-open .mobile-menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .site-header.is-menu-open .mobile-menu-toggle span:nth-child(2){opacity:0}
  .site-header.is-menu-open .mobile-menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .header-tools{
    position:static;
    width:auto;
    height:auto;
    margin:0;
    display:contents;
  }
  .header-tools .search{
    grid-area:search;
    width:100%;
    height:44px;
    margin:0;
    border-color:#363636;
    background:#111;
  }
  .search input{padding:0 46px 0 14px;font-size:15px}
  .search-submit{width:46px}
  .search-submit .ico-search{top:11px;right:13px;width:21px;height:21px}
  .header-tools .icon-btn{
    grid-area:account;
    width:40px;
    height:40px;
    margin:0;
    display:grid;
    place-items:center;
  }
  .header-tools .icon-btn svg{width:23px;height:23px}
  .header-tools .cart-btn{
    grid-area:cart;
    width:44px;
    height:40px;
    margin:0;
    padding:0;
    display:grid;
    place-items:center;
  }
  .header-tools .cart-ico-wrap{display:grid;place-items:center}
  .header-tools .ico-cart{width:29px;height:29px}
  .header-tools .cart-label{display:none}
  .header-tools .cart-badge{top:-8px;right:-9px}
  .site-header .main-nav{
    grid-area:nav;
    position:static;
    z-index:11;
    width:100%;
    margin:0;
    padding:7px 0 0;
    display:none;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0;
    border-top:1px solid #222;
  }
  .site-header.is-menu-open .main-nav{display:grid}
  .site-header .nav-link{
    min-width:0;
    min-height:44px;
    padding:0 10px;
    display:flex;
    align-items:center;
    border-bottom:1px solid #202020;
    color:#ddd;
    font-size:12px;
    line-height:16px;
    letter-spacing:.55px;
    white-space:normal;
  }
  .site-header .nav-link:nth-child(odd){border-right:1px solid #202020}
  .site-header .nav-link.is-active{color:#32e612;background:rgba(50,230,18,.055)}
  .site-header .nav-link.is-active::after{display:none}

  .hero{
    position:relative;
    width:100%;
    height:420px;
    min-height:420px;
    padding:0;
    overflow:hidden;
  }
  .hero-slide{
    padding:38px 20px 46px;
    align-items:flex-start;
    background-size:auto 100%;
    background-position:center center;
  }
  .hero-slide::after{
    content:'';
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.61) 58%,rgba(0,0,0,.14) 100%);
  }
  .hero-slide--welcome,
  .hero-slide--promo{background-size:auto 100%;background-position:center center}
  .hero .hero-content{
    position:relative;
    left:auto;
    top:auto;
    z-index:2;
    width:100%;
    max-width:350px;
    margin:0;
    padding:0;
  }
  .hero .hero-title{
    margin:0;
    padding:0;
    max-width:100%;
    color:#32e612;
    font-size:clamp(34px,9.5vw,42px);
    line-height:1.02;
    letter-spacing:-.5px;
    overflow-wrap:normal;
  }
  .hero .hero-sub{
    margin:16px 0 0;
    max-width:300px;
    font-size:18px;
    line-height:24px;
  }
  .hero .hero-cta{
    width:min(258px,100%);
    height:49px;
    margin-top:22px;
    font-size:18px;
  }
  .hero .hero-dots{
    left:20px;
    right:auto;
    top:auto;
    bottom:17px;
    z-index:3;
    display:flex;
  }
  .hero-dots .dot{width:28px;height:7px}

  .volt-home-catalog{
    width:100%;
    min-width:0;
    padding:34px 16px 52px;
    grid-template-columns:minmax(0,1fr);
    gap:46px;
  }
  .volt-category-filter,.volt-featured-products,.volt-best-sellers{
    width:100%;
    min-width:0;
    max-width:430px;
    margin:0 auto;
  }
  .volt-category-filter h2,.volt-best-sellers h2{
    padding-top:0;
    font-size:21px;
    line-height:26px;
    white-space:normal;
  }
  .volt-category-list a{min-height:56px;padding:0 17px;font-size:14px}
  .volt-featured-products>header{margin:0 0 25px;padding:0 4px}
  .volt-featured-products>header h2{font-size:29px;line-height:34px;overflow-wrap:anywhere}
  .volt-home-product-grid{width:100%;grid-template-columns:1fr;gap:30px;justify-items:center}
  .volt-best-sellers{padding-left:0}
  .volt-best-sellers li>a{grid-template-columns:84px minmax(0,1fr);gap:14px;min-height:104px}
  .volt-best-image{width:84px;height:84px}
  .volt-best-image img{max-width:74px;max-height:74px}
  .volt-best-copy strong{font-size:13px;line-height:17px}

  .rp-main,.rp-catalogue-pending{width:100%;min-width:0;padding:36px 16px 54px}
  .rp-page-head h1,.catalogue-pending-head h2{font-size:31px;line-height:36px;overflow-wrap:anywhere}
  .rp-breadcrumb{line-height:19px;overflow-wrap:anywhere}
  .product-detail-copy h1{font-size:31px;line-height:36px;overflow-wrap:anywhere}
  .generic-page-card{width:100%;margin:24px auto;padding:22px 18px}
  .generic-page-card h1{font-size:31px;line-height:36px;overflow-wrap:anywhere}
  .collection-index-grid,.blog-grid{grid-template-columns:1fr}
}

@media(max-width:370px){
  .site-header,
  .cart-page .site-header,
  .account-page .site-header,
  .contact-page .site-header,
  .shipping-page .site-header,
  .help-page .site-header,
  .terms-page .site-header{
    grid-template-columns:minmax(0,1fr) 38px 40px 40px;
    padding-inline:10px;
    column-gap:5px;
  }
  .site-header .brand,
  .cart-page .brand,
  .account-page .brand,
  .contact-page .brand,
  .shipping-page .brand,
  .help-page .brand,
  .terms-page .brand{width:145px;height:52px}
  .mobile-menu-toggle{width:40px;height:40px}
  .header-tools .cart-btn{width:40px}
  .site-header .nav-link{padding-inline:8px;font-size:11px}
  .hero{height:400px;min-height:400px}
  .hero-slide{padding-inline:16px}
  .hero .hero-title{font-size:33px}
}

/* Page profil interne REPUCE */
.volt-profile-main{min-height:calc(100vh - 120px)}
.volt-profile-dashboard{align-items:stretch}
.volt-profile-panel,.volt-profile-actions{position:relative;overflow:hidden;box-shadow:0 0 35px rgba(50,230,18,.08)}
.volt-profile-panel::before,.volt-profile-actions::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--o),transparent);opacity:.85}
.volt-profile-title-row{display:flex;align-items:center;gap:17px;margin-bottom:28px}
.volt-profile-title-row h2,.volt-profile-actions h2{margin:3px 0 0;color:#fff;font:700 29px var(--cond)}
.volt-profile-data{display:grid;gap:0;margin:0 0 28px}
.volt-profile-data>div{display:grid;grid-template-columns:190px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.09)}
.volt-profile-data dt{color:#858585;font:700 12px var(--cond);letter-spacing:1.5px}
.volt-profile-data dd{margin:0;color:#fff;font:600 16px/1.45 var(--cond);overflow-wrap:anywhere}
.volt-profile-primary{border:1px solid var(--o);background:linear-gradient(135deg,#32e612,#32e612);box-shadow:0 0 22px rgba(50,230,18,.22);transition:transform .2s ease,box-shadow .2s ease}
.volt-profile-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(50,230,18,.38)}
.volt-profile-actions{display:flex;flex-direction:column}
.volt-profile-actions h2{margin-bottom:24px}
.volt-profile-link{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:0 17px;border-top:1px solid rgba(255,255,255,.09);color:#fff;font:700 15px var(--cond);letter-spacing:.8px;transition:background .2s ease,color .2s ease}
.volt-profile-link:last-child{border-bottom:1px solid rgba(255,255,255,.09)}
.volt-profile-link b{color:var(--o);font-size:22px}
.volt-profile-link:hover{background:rgba(50,230,18,.1);color:var(--o)}
.volt-profile-link.is-logout{margin-top:auto;color:#aaa}
.volt-profile-login{max-width:620px;margin:0 auto;text-align:center}
.volt-profile-login .auth-title-icon{margin:0 auto 18px}
.volt-profile-login h2{color:#fff;font:700 30px var(--cond)}
.volt-profile-login p{color:#aaa;margin-bottom:25px}
@media(max-width:900px){
  .volt-profile-main .account-heading{padding-bottom:25px}
  .volt-profile-data>div{grid-template-columns:1fr;gap:7px}
  .volt-profile-panel,.volt-profile-actions{padding:25px 20px}
  .volt-profile-title-row h2,.volt-profile-actions h2{font-size:25px}
}
@media(prefers-reduced-motion:reduce){.volt-profile-primary{transition:none}}

/* Recherche prédictive REPUCE — produits réels dès la première lettre */
.search:focus-within{border-color:rgba(50,230,18,.72);box-shadow:0 0 0 1px rgba(50,230,18,.12),0 0 22px rgba(50,230,18,.12)}
.predictive-search{
  position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:80;
  overflow:hidden;border:1px solid rgba(50,230,18,.48);border-radius:5px;
  background:linear-gradient(145deg,rgba(17,17,18,.94),rgba(2,2,3,.91));
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
  box-shadow:0 20px 45px rgba(0,0,0,.72),0 0 28px rgba(50,230,18,.14),inset 0 1px rgba(255,255,255,.045)
}
.predictive-search::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#32e612,#ffc18e,#32e612,transparent);box-shadow:0 0 10px rgba(50,230,18,.55)}
.predictive-search-content{position:relative;max-height:410px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#32e612 #151515}
.predictive-search-list{display:grid;padding-top:4px}
.predictive-search-item{min-height:72px;padding:8px 12px;display:grid;grid-template-columns:56px minmax(0,1fr) 20px;gap:12px;align-items:center;border-bottom:1px solid rgba(255,255,255,.075);transition:background .16s ease,color .16s ease}
.predictive-search-item:hover,.predictive-search-item.is-active{background:linear-gradient(90deg,rgba(50,230,18,.14),rgba(50,230,18,.025));color:#fff}
.predictive-search-media{width:56px;height:56px;display:grid;place-items:center;overflow:hidden;border:1px solid #333;border-radius:3px;background:radial-gradient(circle,rgba(50,230,18,.1),rgba(6,6,6,.95));color:#6d6d6d;font:700 9px var(--cond);letter-spacing:1px}
.predictive-search-media img{display:block;width:100%;height:100%;padding:4px;object-fit:contain;object-position:center}
.predictive-search-copy{min-width:0;display:block}
.predictive-search-copy strong{display:block;overflow:hidden;color:#eee;font:700 13px/17px var(--cond);letter-spacing:.15px;text-overflow:ellipsis;white-space:nowrap}
.predictive-search-copy span{display:block;margin-top:5px;overflow:hidden;color:#8a8a8a;font:500 10px/14px var(--sans);text-overflow:ellipsis;white-space:nowrap}
.predictive-search-item>b{color:#32e612;font:400 24px/24px var(--sans)}
.predictive-search-all{height:43px;display:flex;align-items:center;justify-content:center;color:#32e612;background:rgba(0,0,0,.35);font:700 10px/14px var(--cond);letter-spacing:1.3px;transition:background .16s ease,color .16s ease}
.predictive-search-all:hover{color:#fff;background:rgba(50,230,18,.15)}
.predictive-search-status{min-height:62px;margin:0;padding:20px;display:flex;align-items:center;justify-content:center;color:#949494;text-align:center;font:500 11px/18px var(--sans)}
.predictive-search-status.is-loading{color:#32e612}

/* Mise à jour instantanée des montants du panier */
.cart-live-status{min-height:18px;margin:9px 24px 13px;color:#72a572;font:500 10px/16px var(--sans);letter-spacing:.25px}
.cart-live-status.is-error{color:#ff9860}
.is-cart-updating .cart-item-price strong,.is-cart-updating [data-cart-total],.is-cart-updating [data-cart-subtotal]{transition:color .18s ease,text-shadow .18s ease;color:#32e612;text-shadow:0 0 12px rgba(50,230,18,.28)}
.is-cart-updating .quantity-control{border-color:rgba(50,230,18,.58);box-shadow:0 0 12px rgba(50,230,18,.1)}

@media(max-width:900px){
  .predictive-search{top:calc(100% + 6px)}
  .predictive-search-content{max-height:min(58vh,390px)}
  .predictive-search-item{min-height:68px;padding:7px 10px;grid-template-columns:52px minmax(0,1fr) 18px;gap:10px}
  .predictive-search-media{width:52px;height:52px}
  .predictive-search-copy strong{font-size:12px;line-height:16px}
  .cart-live-status{margin-inline:18px}
}
@media(prefers-reduced-motion:reduce){.predictive-search-item,.predictive-search-all,.is-cart-updating .cart-item-price strong,.is-cart-updating [data-cart-total],.is-cart-updating [data-cart-subtotal]{transition:none}}


/* Engagements sous le bouton d'ajout au panier */
.product-assurances{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:12px;max-width:520px}
.product-assurances li{display:flex;align-items:center;gap:16px;min-height:64px;padding:12px 18px;border:1px solid rgba(50,230,18,.28);background:linear-gradient(90deg,rgba(50,230,18,.07),rgba(5,5,5,.72));box-shadow:inset 0 0 18px rgba(50,230,18,.025)}
.product-assurances svg{flex:0 0 28px;width:28px;height:28px;fill:none;stroke:#32e612;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(50,230,18,.25))}
.product-assurances div{display:flex;flex-direction:column;gap:3px}
.product-assurances strong{font:700 13px/17px var(--cond);letter-spacing:1.3px;color:#f2f2f2}
.product-assurances span{font:400 13px/18px var(--sans);color:#a9a9a9}
.product-assurances .assurance-logos{display:flex;align-items:center;gap:14px;margin-top:3px}
.product-assurances .assurance-logos img{max-width:40px;max-height:24px;object-fit:contain;filter:grayscale(.08) brightness(.95);opacity:.85}
@media(max-width:900px){.product-assurances{max-width:none}}
.account-container:has(.ck-grid){max-width:1180px}
.ck-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px;align-items:start}
.ck-card{position:relative;padding:34px;border:1px solid rgba(50,230,18,.28);border-radius:8px;background:linear-gradient(160deg,rgba(18,22,18,.92),rgba(4,4,4,.94));overflow:hidden}
.ck-summary{position:sticky;top:24px}
.ck-h{display:flex;align-items:center;gap:12px;margin:0 0 16px;font:700 22px var(--cond);letter-spacing:1px;text-transform:uppercase;color:#f0f0f0}
.ck-form .ck-h:not(:first-of-type){margin-top:30px}
.ck-h i{width:28px;height:28px;display:grid;place-items:center;border:2px solid #32e612;border-radius:50%;font:700 13px var(--cond);color:#32e612;font-style:normal}
.ck-summary .ck-h i{display:none}
.ck-items{display:flex;flex-direction:column;gap:14px;margin-bottom:22px}
.ck-item{display:grid;grid-template-columns:84px 1fr auto;gap:16px;align-items:center;padding:12px;border:1px solid #232623;border-radius:6px;background:rgba(0,0,0,.4)}
.ck-thumb{position:relative;width:84px;height:84px;border:1px solid #2a2d2a;border-radius:6px;background:#0a0a0a;display:grid;place-items:center}
.ck-thumb img{width:100%;height:100%;object-fit:contain;padding:6px;box-sizing:border-box}
.ck-qty{position:absolute;top:-9px;right:-9px;min-width:22px;height:22px;padding:0 6px;box-sizing:border-box;border-radius:11px;background:#32e612;color:#000;font:700 12px/22px var(--cond);text-align:center}
.ck-info strong{display:block;color:#f0f0f0;font:700 15px/1.3 var(--cond)}
.ck-info small{display:block;margin-top:4px;color:#8a8a8a;font-size:12px}
.ck-item>b{color:#fff;font:700 17px var(--cond);white-space:nowrap}
.ck-line{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid #232623;color:#bbb;font-size:15px}
.ck-line b{color:#fff;font:700 17px var(--cond)}.ck-line em{font-style:normal;color:#32e612}
.ck-total{margin-top:4px;border-top:1px solid rgba(50,230,18,.4);font-size:18px;color:#fff}.ck-total b{font-size:28px;color:#32e612}
.ck-hint{margin:0 0 6px;color:#32e612;font-size:13px}
.ck-perks{list-style:none;margin:18px 0 0;padding:16px 0 0;border-top:1px solid #232623;display:grid;gap:10px}
.ck-perks li{display:flex;align-items:center;gap:10px;color:#aaa;font-size:13px}
.ck-perks svg,.ck-secure svg{width:20px;height:20px;fill:none;stroke:#32e612;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ck-back{display:inline-block;margin-top:18px;color:#888;font-size:13px}.ck-back:hover{color:#32e612}
.ck-note{color:#8a8a8a;font-size:13px;margin:8px 0 16px}
.ck-secure{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 0 0;color:#8a8a8a;font-size:13px}
@media(max-width:900px){.ck-grid{grid-template-columns:1fr}.ck-summary{position:static;order:-1}.ck-card{padding:22px}.ck-item{grid-template-columns:68px 1fr auto;gap:12px}.ck-thumb{width:68px;height:68px}}
.ck-card .field-control{background:#fff;border-color:#d4d4d4}
.ck-card .field-control:focus-within{background:#fff;border-color:#32e612;box-shadow:0 0 0 3px rgba(50,230,18,.25)}
.ck-card .field-control input{color:#111}
.ck-card .field-control input::placeholder{color:#8a8a8a}
.ck-card .field-control input:-webkit-autofill{-webkit-box-shadow:0 0 0 40px #fff inset;-webkit-text-fill-color:#111}

/* ---- Ajustements (panier, fil d'Ariane, cartes produit) ---- */
.cart-products .cart-update-button{ margin:28px 0 32px 32px; }
.cart-breadcrumb, .cart-breadcrumb a, .cart-breadcrumb span, .cart-breadcrumb strong{ font-weight:600; font-size:12px; letter-spacing:1.2px; }
.card-media img, .volt-best-image img{ max-width:100%; max-height:100%; object-fit:contain; }
@media (max-width:700px){
  .cart-products .cart-update-button{ margin:20px 0 24px 20px; }
}
.contact-alert{ margin:0 0 18px; padding:13px 16px; border:1px solid; border-radius:4px; font:500 14px/20px var(--sans, sans-serif); }
.contact-alert.is-ok{ color:#a8f59a; border-color:rgba(50,230,18,.55); background:rgba(50,230,18,.08); }
.contact-alert.is-err{ color:#ffb0a0; border-color:rgba(255,90,60,.55); background:rgba(255,90,60,.08); }