/** Shopify CDN: Minification failed

Line 307:0 Unexpected "media("
Line 364:1 Unexpected "media("

**/


/* ── RESET ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

/* ── TOKENS ── */
:root{
  --white:#FFFFFF;
  --ink:#1d1d1d;
  --ink-2:#555555;
  --muted:#999999;
  --light:#BBBBBB;
  --border:#E5E5E5;
  --off:#F5F5F5;
  --surface:#EBEBEB;
  --yellow:#D7FF01;
  --red:#E53935;
  --heading:'Neue Plak','NeuePlak','Neue Plak Text','NeuePlakUA',Impact,'Arial Narrow',sans-serif;
  --body:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  --max:1400px;
  --px:clamp(20px,4vw,64px)
}

html{font-size:16px;scroll-behavior:smooth}
body{font-family:var(--body);background:var(--white);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
button{border:none;background:none;font-family:var(--body);cursor:pointer}

/* ── UTILITIES ── */
.container{max-width:var(--max);margin:0 auto;padding:0 var(--px)}

/* ── SCROLL ANIMATIONS ── */
.reveal{opacity:0;transform:translateY(32px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-delay-1{transition-delay:.1s}
.reveal-delay-2{transition-delay:.2s}
.reveal-delay-3{transition-delay:.3s}

/* ── TOPBAR ── */
.topbar{
  background:var(--ink);
  height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:32px
}
.topbar-msg{
  font-size:11px;
  font-weight:500;
  letter-spacing:.3px;
  color:rgba(255,255,255,.5)
}
.topbar-msg strong{color:var(--white);font-weight:600}
.topbar-msg a{
  color:var(--yellow);
  font-weight:600;
  text-decoration:underline;
  text-underline-offset:2px
}

/* ── HEADER ── */
.header{
  position:sticky;
  top:0;
  z-index:100;
  background:var(--white);
  border-bottom:1px solid var(--border);
  transition:box-shadow .25s
}
.header.elevated{box-shadow:0 2px 24px rgba(0,0,0,.06)}
.header-wrap{
  display:flex;
  align-items:center;
  height:64px;
  max-width:var(--max);
  margin:0 auto;
  padding:0 var(--px);
  position:relative
}
.logo{flex-shrink:0;display:flex;align-items:center}
.logo img{height:32px;width:auto;display:block}

.nav{
  display:flex;
  align-items:center;
  gap:4px;
  margin-left:48px
}
.nav a{
  font-size:11px;
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:.5px;
  color:var(--ink-2);
  padding:8px 16px;
  border-radius:6px;
  transition:background .15s,color .15s;
  display:inline-flex;align-items:center;gap:4px
}
.nav a[data-mega]::after{
  content:'';
  display:inline-block;
  width:0;height:0;
  border-left:3.5px solid transparent;
  border-right:3.5px solid transparent;
  border-top:4px solid currentColor;
  opacity:.5;
  transition:opacity .15s,transform .15s;
  margin-top:1px
}
.nav a[data-mega]:hover::after,.nav a[data-mega].mega-active::after{opacity:1}
.nav a.mega-active[data-mega]::after{transform:rotate(180deg)}
.nav-sep{width:1px;height:16px;background:var(--border);margin:0 8px;align-self:center;flex-shrink:0}
.nav .h-icon svg{width:24px;height:24px;stroke-width:1.5 !important}.h-search svg{stroke-width:1.5 !important}
.nav a:hover{background:var(--off);color:var(--ink)}
.nav a.active{color:var(--ink);font-weight:600}

.header-right{
  display:flex;
  align-items:center;
  gap:6px;
  margin-left:auto
}
.h-link{
  font-size:11px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.5px;
  color:var(--ink-2);
  padding:8px 14px;
  border-radius:6px;
  transition:background .15s,color .15s
}
.h-link:hover{background:var(--off);color:var(--ink)}
.h-link.sell{
  background:var(--yellow);
  color:var(--ink);
  border-radius:50px;
  padding:8px 20px;
  font-weight:700
}
.h-link.sell:hover{background:#b8ef00;color:var(--ink)}
.h-icon{
  width:40px;height:40px;
  display:flex;align-items:center;justify-content:center;
  color:var(--ink);
  border-radius:50%;
  transition:background .15s
}
.h-icon:hover{background:var(--off)}
.h-search{
  width:36px;height:36px;
  background:transparent;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;
  cursor:pointer;
  transition:background .15s,color .15s;
  color:var(--ink)
}
.h-search:hover{background:var(--off)}
.h-search:hover{transform:scale(1.06)}

/* ── BURGER BUTTON ── */
.burger{
  display:none;
  width:40px;height:40px;
  align-items:center;justify-content:center;
  cursor:pointer;
  margin-left:auto;
  position:relative;
  z-index:210
}
.burger-line{
  display:block;
  width:22px;height:2px;border-radius:2px;
  background:var(--ink);
  transition:transform .3s ease,opacity .2s ease;
  position:absolute
}
.burger-line:nth-child(1){transform:translateY(-7px)}
.burger-line:nth-child(3){transform:translateY(7px)}
.burger.open .burger-line:nth-child(1){transform:rotate(45deg)}
.burger.open .burger-line:nth-child(2){opacity:0}
.burger.open .burger-line:nth-child(3){transform:rotate(-45deg)}

/* ── MOBILE DRAWER ── */
.mobile-drawer{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;background:#fff;z-index:200;transform:translateX(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column}
.mobile-drawer.open{transform:translateX(0)}
/* Panels */
.m-panel{position:absolute;inset:0;background:#fff;transform:translateX(100%);transition:transform .32s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}
.m-panel.m-active{transform:translateX(0)}
.m-panel-main{transform:translateX(0)}
.m-panel-main.m-pushed{transform:translateX(-28%)}
/* Header row */
.m-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:56px;border-bottom:1px solid #f0f0f0;flex-shrink:0;position:relative;gap:12px}
.m-panel-title{font-size:1.0625rem;font-weight:700;color:#111;letter-spacing:-.01em}
.m-close-btn,.m-back-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:#111;padding:0;flex-shrink:0}
/* Search bar */
.m-search{padding:14px 20px 10px;flex-shrink:0}
.m-search-form{display:flex;align-items:center;gap:10px;background:#f5f5f5;border-radius:100px;padding:10px 16px}
.m-search-form svg{flex-shrink:0;color:#888}
.m-search-input{background:none;border:none;outline:none;font-size:.875rem;color:#111;flex:1;font-family:inherit}
.m-search-input::placeholder{color:#aaa}
/* Body */
.m-body{flex:1;overflow-y:auto}
/* Nav links */
.m-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:17px 20px;font-size:1.0625rem;font-weight:700;color:#111;text-decoration:none;border:none;border-bottom:1px solid #f2f2f2;background:none;cursor:pointer;text-align:left;font-family:inherit;line-height:1.2}
.m-link:active{background:#fafafa}
.m-link-sm{font-size:.9375rem;font-weight:500;color:#444}
.m-link-sub{font-size:.9375rem;font-weight:400;color:#444;padding:13px 20px}
/* Utility section */
.m-util-section{padding:8px 0}
.m-util-link{display:flex;align-items:center;gap:14px;padding:14px 20px;font-size:.9rem;font-weight:400;color:#555;text-decoration:none;border-bottom:1px solid #f5f5f5;width:100%}
.m-util-link:last-child{border-bottom:none}
.m-util-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:50%;flex-shrink:0}
.m-util-text{}
.m-util-label{font-size:.875rem;font-weight:500;color:#111;display:block}
.m-util-sub{font-size:.75rem;color:#aaa;display:block}
/* Arrow */
.m-arrow{display:flex;align-items:center;color:#ccc;flex-shrink:0}
/* Sub-panel labels */
.m-sub-label{font-size:.5625rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#bbb;padding:18px 20px 4px;margin:0}
/* Separator */
.m-sep{height:8px;background:#f7f7f7}
/* Editorial image card */
.m-editorial-card{display:block;margin:0 20px 4px;border-radius:10px;overflow:hidden;text-decoration:none;background:#f2f2f2;aspect-ratio:16/7}
.m-editorial-card img{width:100%;height:100%;object-fit:cover;display:block}
.m-editorial-card-title{display:block;font-size:.75rem;font-weight:500;color:#888;padding:8px 20px 16px;letter-spacing:.01em}
.m-editorial-placeholder{background:#f5f5f5}

/* ── MEGA MENU ── */
.mega{position:fixed;top:100px;left:0;right:0;z-index:99;background:var(--white);border-top:1px solid var(--border);box-shadow:0 8px 24px rgba(0,0,0,.06);opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease;}
.mega.open{opacity:1;pointer-events:auto;transform:translateY(0)}
.mega-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr 280px;gap:0;}
.mega-col{padding:28px 28px;border-right:1px solid var(--border);}
.mega-col:first-child{padding-left:0}
.mega-col-title{font-size:.625rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#bbb;margin-bottom:14px;}
.mega-links{display:flex;flex-direction:column;gap:0}
.mega-links a{display:block;font-size:.8125rem;font-weight:400;color:var(--ink-2);text-decoration:none;padding:7px 0;border-bottom:1px solid rgba(0,0,0,.05);transition:color .12s;}
.mega-links a:last-child{border-bottom:none}
.mega-links a:hover{color:var(--ink)}
.mega-see-all{font-size:.75rem !important;font-weight:400 !important;color:#bbb !important;margin-top:6px;}
.mega-see-all:hover{color:var(--ink) !important}
.mega-editorial{background:#111;display:flex;align-items:flex-end;min-height:260px;position:relative;overflow:hidden;}
.mega-editorial-inner{padding:28px;position:relative;z-index:2;}
.mega-editorial-tag{display:inline-block;font-size:.5625rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#c8ff00;margin-bottom:10px;}
.mega-editorial-title{font-size:1.375rem;font-weight:700;color:#fff;line-height:1.15;margin-bottom:16px;letter-spacing:-.02em;}
.mega-editorial-cta{display:inline-block;font-size:.75rem;font-weight:600;color:#111;background:#c8ff00;padding:8px 16px;text-decoration:none;letter-spacing:.03em;transition:opacity .12s;}
.mega-editorial-cta:hover{opacity:.8}
.nav a.mega-active{color:var(--ink)}

/* ── OVERLAY ── */
.overlay{display:none;position:fixed;inset:0;z-index:98;background:rgba(0,0,0,.2)}
.overlay.open{display:block}

/* ── HERO ── */
.hero{
  position:relative;
  min-height:88vh;
  overflow:hidden;
  background:var(--ink);
  margin-top:0;
  display:flex;
  align-items:stretch
}
.hero-visual{
  position:absolute;
  inset:0
}
.hero-model{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 70%;
  display:block;
  filter:saturate(.8) contrast(1.05)
}
.hero-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(to bottom,rgba(10,10,10,.7) 0%,rgba(10,10,10,.1) 30%,rgba(10,10,10,.1) 60%,rgba(10,10,10,.75) 100%);
  z-index:1
}
.hero-content{
  position:relative;
  z-index:2;
  padding:0 var(--px) clamp(48px,6vh,80px);
  padding-left:clamp(40px,5vw,80px);
  width:100%;
  max-width:1200px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  text-align:left;
  justify-content:center
}
.hero-bottom{margin-top:0;width:100%;display:flex;flex-direction:column;align-items:flex-start}
media(max-width:768px){
  .hero{
    min-height:auto!important;
    flex-direction:column!important
  }
  .hero-visual{
    position:relative!important;
    height:55vh!important;
    width:100%!important;
    flex-shrink:0
  }
  .hero-overlay{
    display:none!important
  }
  .hero-content{
    position:relative!important;
    background:var(--ink,#1d1d1d)!important;
    padding:14px 20px 18px!important;
    justify-content:flex-start!important;
    align-items:center!important;
    text-align:center!important
  }
  .hero-eyebrow{
    margin-bottom:6px!important;
    font-size:10px!important
  }
  .hero-h{
    font-size:clamp(28px,7.5vw,38px)!important;
    max-width:100%!important;
    margin-bottom:8px!important;
    transform-origin:center!important
  }
  .hero-sub{
    font-size:13px!important;
    max-width:100%!important;
    margin-bottom:12px!important
  }
  .hero-bottom{
    align-items:center!important
  }
  .hero-ctas{
    flex-direction:row!important;
    gap:10px!important;
    justify-content:center!important
  }
  .hero-ctas .btn{
    padding:14px 28px!important;
    font-size:12px!important
  }
  .hero-ctas .btn-primary{
    background:var(--ink,#1d1d1d)!important;
    color:#fff!important
  }
  .hero-ctas .btn-outline{
    border-color:var(--ink,#1d1d1d)!important;
    color:var(--ink,#1d1d1d)!important
  }
}media(max-width:768px){
  .hero{
    min-height:auto!important;
    flex-direction:column!important
  }
  .hero-visual{
    position:relative!important;
    height:50vh!important;
    width:100%!important;
    flex-shrink:0
  }
  .hero-overlay{
    display:none!important
  }
  .hero-content{
    position:relative!important;
    background:var(--ink,#1d1d1d)!important;
    padding:16px 20px 24px!important;
    justify-content:flex-start!important;
    align-items:center!important;
    text-align:center!important
  }
  .hero-bottom{
    margin-top:0!important
  }
  .hero-eyebrow{
    margin-bottom:14px!important;
    font-size:10px!important;
    color:var(--ink,#1d1d1d)!important;
    opacity:.5!important
  }
  .hero-h{
    font-size:clamp(28px,7.5vw,38px)!important;
    max-width:100%!important;
    margin-bottom:16px!important;
    transform-origin:center!important;
    color:var(--ink,#1d1d1d)!important
  }
  .hero-sub{
    font-size:13px!important;
    max-width:100%!important;
    margin-bottom:14px!important
  }
  .hero-bottom{
    align-items:center!important
  }
  .hero-ctas{
    flex-direction:row!important;
    gap:10px!important;
    justify-content:center!important
  }
  .hero-ctas .btn{
    padding:12px 24px!important;
    font-size:12px!important
  }
}

.hero-h{color:#fff}
.hero-sub{display:block;color:rgba(255,255,255,.75);font-size:14px;max-width:420px;line-height:1.55;margin-bottom:20px}
.hero-eyebrow{
  font-size:11px;
  font-weight:600;
  letter-spacing:2.5px;
  text-transform:uppercase;
  color:var(--yellow);
  margin-bottom:14px
}
.hero-h{
  font-family:var(--heading);
  font-size:clamp(36px,5.5vw,76px);
  font-weight:800;
  letter-spacing:0.005em;
  transform:scaleX(.78);
  transform-origin:left;
  line-height:1.12;
  text-transform:uppercase;
  color:#fff;
  margin-bottom:18px;
  max-width:600px
}

.hero-ctas{display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:768px){
  .hero{
    min-height:auto!important;
    flex-direction:column!important
  }
  .hero-visual{
    position:relative!important;
    height:50vh!important;
    width:100%!important
  }
  .hero-overlay{
    display:none!important
  }
  .hero-content{
    position:relative!important;
    background:#fff!important;
    padding:44px 24px 52px!important;
    margin:0!important;
    justify-content:flex-start!important;
    align-items:center!important;
    text-align:center!important
  }
  .hero-eyebrow{
    margin-bottom:12px!important;
    font-size:10px!important;
    color:#1d1d1d!important;
    opacity:.45!important
  }
  .hero-h{
    font-size:clamp(28px,7.5vw,38px)!important;
    max-width:100%!important;
    margin-bottom:12px!important;
    transform-origin:center!important;
    color:#1d1d1d!important
  }
  .hero-sub{
    font-size:13px!important;
    max-width:100%!important;
    margin-bottom:24px!important;
    color:rgba(29,29,29,.6)!important
  }
  .hero-bottom{
    align-items:center!important;
    margin-top:0!important
  }
  .hero-ctas{
    flex-direction:row!important;
    gap:10px!important;
    justify-content:center!important
  }
  .hero-ctas .btn{
    padding:14px 26px!important;
    font-size:12px!important
  }
  .hero-ctas .btn-primary{
    background:#1d1d1d!important;
    color:#fff!important
  }
  .hero-ctas .btn-outline{
    border:1.5px solid #1d1d1d!important;
    color:#1d1d1d!important;
    background:transparent!important
  }
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-family:var(--body);
  font-size:13px;
  font-weight:600;
  letter-spacing:.3px;
  padding:14px 32px;
  border-radius:50px;
  transition:all .2s ease;
  white-space:nowrap
}
.btn-primary{background:var(--white);color:var(--ink)}
.btn-primary:hover{background:var(--yellow);transform:translateY(-1px)}
.btn-outline{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4)}
.btn-outline:hover{border-color:#fff;background:rgba(255,255,255,.1)}
.btn-dark{background:var(--ink);color:var(--white)}
.btn-dark:hover{background:#222;transform:translateY(-1px)}
.btn-yellow{background:var(--yellow);color:var(--ink)}
.btn-yellow:hover{background:#c8ee00;transform:translateY(-1px)}

/* ── TRUST BAR ── */
.trust{
  background:var(--ink);
  border-bottom:1px solid rgba(255,255,255,.08)
}
.trust-inner{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  max-width:var(--max);
  margin:0 auto
}
.trust-item{
  padding:28px var(--px);
  border-right:1px solid rgba(255,255,255,.06);
  display:flex;
  align-items:center;
  gap:14px
}
.trust-item:last-child{border-right:none}
.trust-icon{
  width:36px;height:36px;
  background:var(--yellow);
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0
}
.trust-text{
  font-size:12px;
  font-weight:500;
  color:rgba(255,255,255,.6);
  line-height:1.4
}
.trust-text strong{color:var(--white);display:block;font-weight:600}
/* animated counter */
.trust-text strong .counter{display:inline}

/* ── SECTION STYLES ── */
:root{--gap:clamp(16px,2vw,28px)}

.section{padding:clamp(60px,8vw,100px) 0}
.reviews.section{padding-bottom:clamp(24px,3vw,40px)}
.section--gray{background:var(--off)}
.section--dark{background:var(--ink);color:var(--white)}

/* marge cohérente entre toutes les sections de la homepage */
.editorial,
.manifesto,
.how,
.section,
.split,
.press,
.nl-banner,
.trust + .editorial,
.reviews-section{
  margin-top:var(--gap)
}
/* la trust bar et le hero collés au topbar/header, pas de marge */
.trust{margin-top:0}
.hero{margin-top:0}

.s-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  margin-bottom:48px
}
.s-title{
  font-family:var(--heading);
  font-size:clamp(28px,3.5vw,42px);
  font-weight:700;
  transform:scaleX(.78);
  transform-origin:left;
  text-transform:uppercase;
  letter-spacing:-.5px;
  line-height:1
}
.s-link{
  font-size:13px;
  font-weight:500;
  color:var(--ink-2);
  text-decoration:underline;
  text-underline-offset:3px;
  transition:color .15s
}
.s-link:hover{color:var(--ink)}
.section--dark .s-link{color:rgba(255,255,255,.5)}
.section--dark .s-link:hover{color:#fff}

/* ── PRODUCT GRID (UA style) ── */
.products-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:4px
}
.product-card{
  background:var(--white);
  overflow:hidden;
  cursor:pointer;
  position:relative;
  transition:box-shadow .25s ease
}
.product-card:hover{box-shadow:0 8px 32px rgba(0,0,0,.08)}
.product-photo{
  aspect-ratio:1/1;
  background:var(--off);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:32px;
  overflow:hidden;
  position:relative
}
.product-photo img{
  width:80%;
  height:auto;
  object-fit:contain;
  transition:transform .6s cubic-bezier(.25,.46,.45,.94)
}
.product-card:hover .product-photo img{transform:scale(1.05)}

/* Wishlist heart (top-right) */
.product-wish{
  position:absolute;
  top:14px;right:14px;
  width:36px;height:36px;
  display:flex;align-items:center;justify-content:center;
  color:var(--muted);
  cursor:pointer;
  z-index:3;
  transition:color .15s,transform .15s
}
.product-wish:hover{color:var(--ink);transform:scale(1.15)}
.product-wish.liked{color:var(--red)}
.product-wish.liked svg{fill:var(--red);stroke:var(--red)}

/* Add to bag button (bottom-right, UA style) */
.product-bag{
  position:absolute;
  bottom:14px;right:14px;
  width:40px;height:40px;
  background:var(--ink);
  color:var(--white);
  border:none;
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;
  z-index:3;
  opacity:0;
  transform:translateY(6px);
  transition:opacity .25s ease,transform .25s ease,background .15s
}
.product-card:hover .product-bag{opacity:1;transform:translateY(0)}
.product-bag:hover{background:#333}

/* Color swatches */
.product-swatches{
  display:flex;
  gap:6px;
  padding:12px 16px 0
}
.product-swatch{
  width:20px;height:20px;
  border-radius:4px;
  border:none;
  cursor:pointer
}

.product-info{padding:10px 16px 20px}
.product-name{
  font-size:14px;
  font-weight:400;
  color:var(--ink);
  line-height:1.35;
  margin-bottom:2px
}
.product-category{
  font-size:13px;
  font-weight:400;
  color:var(--muted);
  margin-bottom:6px
}
.product-price{
  font-size:14px;
  font-weight:400;
  color:var(--ink);
  margin-bottom:6px
}
/* ── CONDITION BADGES ── */
.product-condition{
  display:inline-flex;
  align-items:center;
  gap:5px;
  font-size:10px;
  font-weight:600;
  letter-spacing:.3px;
  text-transform:uppercase;
  padding:4px 10px;
  border-radius:50px
}
.cond-neuf-tag{color:#0d6efd;background:rgba(13,110,253,.08)}
.cond-neuf{color:#16a34a;background:rgba(22,163,74,.08)}
.cond-tres-bon{color:#ca8a04;background:rgba(202,138,4,.08)}
.cond-bon{color:var(--ink-2);background:rgba(85,85,85,.08)}

.product-badge{
  display:inline-flex;
  align-items:center;
  gap:5px;
  font-size:10px;
  font-weight:600;
  letter-spacing:.5px;
  text-transform:uppercase;
  color:#16a34a;
  background:rgba(22,163,74,.08);
  padding:4px 10px;
  border-radius:50px
}
.product-badge::before{
  content:'';
  width:5px;height:5px;
  border-radius:50%;
  background:currentColor
}

/* ── HOW IT WORKS ── */
.how{
  border-bottom:1px solid var(--border)
}
.how-inner{
  max-width:var(--max);
  margin:0 auto;
  padding:clamp(48px,6vw,80px) var(--px);
  text-align:center
}
.how-title{
  font-family:var(--heading);
  font-size:clamp(28px,3.5vw,42px);
  font-weight:700;
  transform:scaleX(.78);
  text-transform:uppercase;
  letter-spacing:-.5px;
  line-height:1;
  margin-bottom:56px
}
.how-steps{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:48px;
  position:relative
}
.how-steps::before{
  content:'';
  position:absolute;
  top:28px;left:16%;right:16%;
  height:1px;
  background:var(--border)
}
.how-step{position:relative;text-align:center}
.how-step-n{
  width:56px;height:56px;
  background:var(--ink);
  color:var(--white);
  font-family:var(--heading);
  font-size:20px;
  font-weight:700;
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 20px;
  position:relative;
  z-index:2
}
.how-step-t{
  font-size:16px;
  font-weight:700;
  color:var(--ink);
  margin-bottom:8px
}
.how-step-d{
  font-size:13px;
  font-weight:400;
  line-height:1.7;
  color:var(--ink-2);
  max-width:260px;
  margin:0 auto
}

/* ── CENTERED TEXT BLOCK (UA style) ── */
.text-block{
  text-align:center;
  padding:clamp(80px,10vw,140px) var(--px);
  max-width:900px;
  margin:0 auto
}
.text-block-eyebrow{
  font-size:13px;
  font-weight:500;
  color:var(--muted);
  margin-bottom:20px
}
.text-block-h{
  font-family:var(--heading);
  font-size:clamp(40px,5.5vw,80px);
  font-weight:800;
  letter-spacing:-1px;
  transform:scaleX(.78);
  text-transform:uppercase;
  line-height:.95;
  margin-bottom:24px
}
.text-block-p{
  font-size:15px;
  font-weight:400;
  line-height:1.8;
  color:var(--ink-2);
  max-width:560px;
  margin:0 auto 36px
}

/* ── COLLECTIONS GRID ── */
.coll-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:4px
}
.coll{
  position:relative;
  aspect-ratio:3/4;
  overflow:hidden;
  cursor:pointer;
  border-radius:4px
}
.coll img{
  width:100%;height:100%;object-fit:cover;
  filter:saturate(.35) contrast(1.1);
  transition:transform .8s cubic-bezier(.25,.46,.45,.94),filter .6s
}
.coll:hover img{transform:scale(1.05);filter:saturate(.7) contrast(1.05)}
.coll-overlay{
  position:absolute;inset:0;
  background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.05) 55%)
}
.coll-info{
  position:absolute;
  bottom:0;left:0;right:0;
  padding:32px 28px;
  z-index:2
}
.coll-label{
  font-size:11px;
  font-weight:600;
  letter-spacing:2px;
  text-transform:uppercase;
  color:rgba(255,255,255,.4);
  margin-bottom:8px
}
.coll-name{
  font-family:var(--heading);
  font-size:clamp(22px,3vw,34px);
  font-weight:700;
  transform:scaleX(.78);
  transform-origin:left;
  text-transform:uppercase;
  color:#fff;
  line-height:1;
  margin-bottom:6px
}
.coll-count{font-size:12px;font-weight:400;color:rgba(255,255,255,.45)}

/* ── UA-STYLE EDITORIAL BLOCK ── */
.editorial{overflow:hidden;padding-top:0}
.editorial-images{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px
}
.editorial-img{
  aspect-ratio:16/9;
  overflow:hidden
}
.editorial-img img{
  width:100%;height:100%;object-fit:cover;
  filter:saturate(.6) contrast(1.05);
  transition:transform 6s ease
}
.editorial:hover .editorial-img img{transform:scale(1.03)}
.editorial-text{
  text-align:center;
  padding:clamp(48px,6vw,80px) var(--px);
  max-width:800px;
  margin:0 auto
}
.editorial-eyebrow{
  font-size:13px;
  font-weight:400;
  color:var(--muted);
  margin-bottom:16px
}
.editorial-h{
  font-family:var(--heading);
  font-size:clamp(36px,5vw,64px);
  font-weight:800;
  letter-spacing:-1px;
  transform:scaleX(.78);
  text-transform:uppercase;
  line-height:.95;
  margin-bottom:16px
}
.editorial-p{
  font-size:15px;
  font-weight:400;
  line-height:1.7;
  color:var(--ink-2);
  max-width:520px;
  margin:0 auto 32px
}
.editorial-ctas{
  display:flex;
  justify-content:center;
  gap:16px;
  flex-wrap:wrap
}

@media(max-width:640px){
  .editorial-images{grid-template-columns:1fr}
  .editorial-img:last-child{display:none}
}

/* ── CHASSEUR (SPLIT) ── */
.split{
  display:grid;
  grid-template-columns:1fr 1fr;
  min-height:560px
}
.split-left{
  background:var(--ink);
  padding:clamp(48px,6vw,96px) var(--px);
  display:flex;
  flex-direction:column;
  justify-content:center
}
.split-eyebrow{
  font-size:12px;
  font-weight:600;
  letter-spacing:2px;
  text-transform:uppercase;
  color:var(--yellow);
  margin-bottom:28px
}
.split-h{
  font-family:var(--heading);
  font-size:clamp(36px,4.5vw,60px);
  font-weight:800;
  letter-spacing:-1px;
  transform:scaleX(.78);
  transform-origin:left;
  text-transform:uppercase;
  color:#fff;
  line-height:.92;
  margin-bottom:20px
}
.split-text{
  font-size:14px;
  font-weight:400;
  line-height:1.8;
  color:rgba(255,255,255,.5);
  max-width:400px;
  margin-bottom:40px
}
.split-right{
  background:var(--off);
  display:grid;
  grid-template-columns:1fr 1fr
}
.step{
  padding:40px 32px;
  border-right:1px solid var(--border);
  border-bottom:1px solid var(--border);
  display:flex;
  flex-direction:column;
  gap:20px;
  transition:background .2s
}
.step:hover{background:var(--white)}
.step:nth-child(2),.step:nth-child(4){border-right:none}
.step:nth-child(3),.step:nth-child(4){border-bottom:none}
.step-n{
  font-family:var(--heading);
  font-size:32px;
  font-weight:400;
  color:var(--border)
}
.step-t{
  font-size:15px;
  font-weight:600;
  color:var(--ink);
  margin-bottom:4px
}
.step-d{
  font-size:13px;
  font-weight:400;
  line-height:1.7;
  color:var(--muted)
}

/* ── DEALS ── */
.deals-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px
}
.deal-card{
  position:relative;
  aspect-ratio:3/4;
  overflow:hidden;
  cursor:pointer
}
.deal-card img{
  width:100%;height:100%;object-fit:cover;
  transition:transform 7s ease
}
.deal-card:hover img{transform:scale(1.04)}
.deal-overlay{
  position:absolute;inset:0;
  background:linear-gradient(to top,rgba(0,0,0,.65) 0%,rgba(0,0,0,.05) 50%)
}
.deal-info{
  position:absolute;
  bottom:0;left:0;right:0;
  padding:32px 28px;
  z-index:2
}
.deal-title{
  font-family:var(--heading);
  font-size:clamp(22px,2.5vw,32px);
  font-weight:800;
  letter-spacing:-0.5px;
  transform:scaleX(.78);
  transform-origin:left;
  text-transform:uppercase;
  color:#fff;
  line-height:1;
  margin-bottom:8px
}
.deal-sub{
  font-size:13px;
  font-weight:400;
  color:rgba(255,255,255,.75);
  margin-bottom:20px;
  line-height:1.5
}
.deal-btn{
  display:inline-flex;
  align-items:center;
  height:40px;
  padding:0 20px;
  background:rgba(255,255,255,.9);
  color:var(--ink);
  font-family:var(--body);
  font-size:12px;
  font-weight:600;
  border-radius:50px;
  transition:background .15s
}
.deal-btn:hover{background:#fff}

@media(max-width:640px){
  .deals-grid{grid-template-columns:1fr}
  .deal-card{aspect-ratio:4/3}
}

/* ── MANIFESTO ── */
.manifesto{
  background:var(--off);
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border)
}

/* ── REVIEWS ── */
.reviews{background:var(--white)}
.rv-header{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  padding-bottom:20px;
  border-bottom:2px solid var(--ink);
  margin-bottom:0
}
.rv-score{display:flex;align-items:baseline;gap:10px}
.rv-score-num{
  font-family:var(--heading);
  font-size:clamp(40px,5vw,64px);
  font-weight:800;
  line-height:1;
  transform:scaleX(.78);
  transform-origin:left;
  display:inline-block
}
.rv-score-sub{font-size:.8125rem;color:#888;letter-spacing:.01em}
.rv-list{display:flex;flex-direction:column}
.rv-row{
  display:grid;
  grid-template-columns:72px 1fr 180px;
  align-items:start;
  gap:40px;
  padding:28px 0;
  border-bottom:1px solid var(--border)
}
.rv-stars{
  font-size:13px;
  letter-spacing:3px;
  color:var(--ink);
  padding-top:3px
}
.rv-quote{
  font-size:1rem;
  line-height:1.7;
  color:var(--ink);
  margin:0
}
.rv-meta{
  text-align:right;
  padding-top:3px
}
.rv-name{
  display:block;
  font-size:.8125rem;
  font-weight:700;
  color:var(--ink);
  margin-bottom:4px
}
.rv-tag{
  font-size:.6875rem;
  text-transform:uppercase;
  letter-spacing:.5px;
  color:#999
}
@media(max-width:768px){
  .rv-row{grid-template-columns:1fr;gap:12px}
  .rv-meta{text-align:left}
}

/* ── BRANDS TICKER ── */
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.brands-ticker{
  overflow:hidden;
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
  background:var(--white);
  padding:18px 0;
  white-space:nowrap
}
.brands-track{
  display:inline-flex;
  align-items:center;
  gap:28px;
  animation:ticker 28s linear infinite
}
.brands-ticker:hover .brands-track{animation-play-state:paused}
.brand-item{
  font-family:var(--heading);
  font-size:clamp(14px,1.4vw,17px);
  font-weight:700;
  letter-spacing:2.5px;
  text-transform:uppercase;
  color:rgba(255,255,255,.85);
  white-space:nowrap
}
.brand-sep{
  color:var(--yellow,#D7FF01);
  margin:0 24px;
  font-size:8px;
  opacity:.6
}

/* ── PRESS BAR ── */
.press{
  padding:48px var(--px);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:48px;
  border-bottom:1px solid var(--border)
}
.press-label{
  font-family:var(--heading);
  font-size:14px;
  font-weight:400;
  letter-spacing:1px;
  text-transform:uppercase;
  color:var(--muted);
  white-space:nowrap
}
.press-sep{width:1px;height:24px;background:var(--border)}
.press-logos{
  display:flex;
  align-items:center;
  gap:40px;
  flex-wrap:wrap
}
.press-logo{
  font-size:15px;
  font-weight:800;
  letter-spacing:1px;
  text-transform:uppercase;
  color:var(--light);
  transition:color .2s;
  opacity:.6
}
.press-logo:hover{color:var(--ink-2);opacity:1}

/* ── NEWSLETTER BANNER ── */
.nl-banner{
  background:var(--ink);
  padding:64px var(--px);
  text-align:center
}
.nl-banner-h{
  font-family:var(--heading);
  font-size:clamp(28px,3.5vw,44px);
  font-weight:700;
  transform:scaleX(.78);
  text-transform:uppercase;
  color:var(--white);
  margin-bottom:10px
}
.nl-banner-sub{
  font-size:14px;
  font-weight:400;
  color:rgba(255,255,255,.45);
  margin-bottom:28px
}
.nl-form{
  display:flex;
  gap:0;
  max-width:440px;
  margin:0 auto
}
.nl-input{
  flex:1;
  height:48px;
  border:1.5px solid rgba(255,255,255,.15);
  border-right:none;
  border-radius:50px 0 0 50px;
  padding:0 20px;
  font-family:var(--body);
  font-size:13px;
  color:#fff;
  background:transparent;
  outline:none;
  transition:border-color .15s
}
.nl-input:focus{border-color:var(--yellow)}
.nl-input::placeholder{color:rgba(255,255,255,.3)}
.nl-btn{
  height:48px;
  padding:0 28px;
  background:var(--yellow);
  color:var(--ink);
  font-family:var(--body);
  font-size:12px;
  font-weight:700;
  letter-spacing:.5px;
  text-transform:uppercase;
  border-radius:0 50px 50px 0;
  cursor:pointer;
  transition:background .15s
}
.nl-btn:hover{background:#c8ee00}

/* ── REASSURANCE BAR ── */
.reassurance{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--white)}
.reassurance-inner{max-width:1280px;margin:0 auto;padding:32px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.reassurance-item{display:flex;align-items:flex-start;gap:16px;color:var(--ink)}
.reassurance-item svg{flex-shrink:0;margin-top:2px}
.reassurance-text{display:flex;flex-direction:column;gap:3px}
.reassurance-text strong{font-size:.875rem;font-weight:700;letter-spacing:-.01em}
.reassurance-text span{font-size:.8125rem;color:#666;line-height:1.4}
@media(max-width:768px){
  .reassurance-inner{flex-direction:column!important;display:flex!important;gap:22px!important;padding:28px 24px!important}
  .reassurance-item{flex-direction:row!important;align-items:flex-start!important;text-align:left!important;gap:14px!important}
  .reassurance-text{align-items:flex-start!important}
}
@media(max-width:480px){
  .reassurance-inner{grid-template-columns:1fr 1fr!important;gap:20px 10px;padding:24px 14px}
}

/* ── FOOTER ── */
.footer{border-top:1px solid var(--border)}
.f-top{
  display:grid;
  grid-template-columns:2.2fr 1fr 1fr 1fr;
  gap:48px;
  max-width:var(--max);
  margin:0 auto;
  padding:64px var(--px)
}
.f-logo{display:block;margin-bottom:14px}
.f-logo img{height:28px;width:auto;display:block}
.f-tagline{
  font-size:13px;
  font-weight:400;
  line-height:1.7;
  color:var(--muted);
  max-width:280px;
  margin-bottom:24px
}
.f-socials{display:flex;gap:10px}
.f-social{
  width:36px;height:36px;
  border:1px solid var(--border);
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:var(--muted);
  transition:border-color .15s,color .15s
}
.f-social:hover{border-color:var(--ink);color:var(--ink)}
.f-col-title{
  font-family:var(--heading);
  font-size:14px;
  font-weight:400;
  letter-spacing:1px;
  text-transform:uppercase;
  color:var(--ink);
  margin-bottom:20px
}
.f-links{display:flex;flex-direction:column;gap:12px}
.f-links a{
  font-size:13px;
  font-weight:400;
  color:var(--muted);
  transition:color .15s
}
.f-links a:hover{color:var(--ink)}
.f-bottom{
  border-top:1px solid var(--border);
  display:flex;
  align-items:center;
  justify-content:space-between;
  max-width:var(--max);
  margin:0 auto;
  padding:20px var(--px)
}
.f-copy{font-size:12px;color:var(--muted)}
.f-legal{display:flex;gap:24px}
.f-legal a{font-size:12px;color:var(--muted);transition:color .15s}
.f-legal a:hover{color:var(--ink)}

/* -- OVERLAY DRAWER --*/
.mobile-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:199;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s;pointer-events:none}
.mobile-drawer-overlay.open{opacity:1;visibility:visible;pointer-events:auto}


@media(max-width:640px){
  .nav{display:none}
  .h-link:not(.sell){display:none}
  .burger{display:flex}
  .products-grid{grid-template-columns:1fr 1fr;gap:4px}
  .product-photo{padding:20px}
  .product-info{padding:8px 12px 16px}
  .product-name{font-size:12px}
  .product-swatches{padding:8px 12px 0}
  .product-swatch{width:16px;height:16px}
  .product-bag{width:34px;height:34px;bottom:10px;right:10px}
  .split-right{grid-template-columns:1fr}
  .step{border-right:none!important}
  .trust-inner{grid-template-columns:1fr}
  .f-top{grid-template-columns:1fr}
  .press{flex-wrap:wrap;gap:20px;padding:32px var(--px)}
  .press-sep{display:none}
  .topbar{display:none}
  .topbar-ticker{display:none}
}


/* ── TRANSPARENT MOBILE HEADER (Scarpa-style) ── */
@media(max-width:640px){
  /* position:fixed — évite la contrainte du bloc conteneur (65px shopify-section) */
  .header{
    position:fixed;
    left:0;right:0;width:100%;
    background:transparent!important;
    border-bottom-color:transparent!important;
    transition:box-shadow .35s ease
  }
  .header.scrolled{
    background:var(--white)!important;
    border-bottom-color:var(--border)!important
  }
  .header.scrolled.elevated{box-shadow:0 2px 20px rgba(0,0,0,.07)}

  /* Hero: fixed header est hors du flux → hero commence à 0 naturellement */
  .hero{margin-top:0}

  /* White elements in transparent state */
  .header:not(.scrolled) .burger-line{background:#fff}
  .header:not(.scrolled) .h-icon{color:#fff}
  .header:not(.scrolled) .h-search{color:#fff}
  .header:not(.scrolled) .logo img{filter:brightness(0) invert(1)}

  /* Smooth color transitions */
  .burger-line{transition:transform .3s ease,opacity .2s ease,background .35s ease}
  .h-icon,.h-search{transition:color .35s ease,background .35s ease}
  .logo img{transition:filter .35s ease}

  /* Logo centré layout — burger inside header-right */
  .header-wrap{
    display:flex;
    align-items:center;
    padding:0 16px;
    position:relative
  }
  .header-right{
    display:flex;
    align-items:center;
    width:100%;
    margin-left:0
  }
  .burger{
    order:-1;
    margin-right:auto;
    margin-left:0
  }
  .logo{
    position:absolute;
    left:50%;
    transform:translateX(-50%)
  }

  /* Search masqué (disponible dans le drawer) */
  .header-right .h-search{display:none}
}
@media(max-width:640px){
  .coll-grid{grid-template-columns:1fr}
  .coll{aspect-ratio:16/9}
}

/* ── RESPONSIVE 1024px ── */
@media(max-width:1024px){
  .hero{grid-template-columns:1fr 1fr;min-height:70vh}
  .products-grid{grid-template-columns:repeat(2,1fr)}
  .coll-grid{grid-template-columns:1fr}
  .coll{aspect-ratio:16/9}
  .split{grid-template-columns:1fr}
  .split-right{grid-template-columns:repeat(2,1fr)}
  .f-top{grid-template-columns:1fr 1fr}
  .rv-row{grid-template-columns:1fr}
  .how-steps{grid-template-columns:1fr;gap:32px}
  .how-steps::before{display:none}
}
@media(max-width:640px){
  .split-right{grid-template-columns:1fr}
  .step{border-right:none!important}
}
/* ── Fix scroll vertical sur les cartes produit (mobile) ── */
.carousel-track{touch-action:pan-x pan-y}

/* === EXPLORER PAR UNIVERS === */
.explore-section{background:#f5f5f5;padding:44px 0}
.explore-inner{max-width:1200px;margin:0 auto;padding:0 32px}
.explore-heading{font-family:var(--heading);font-size:clamp(22px,3vw,32px);font-weight:800;text-transform:uppercase;letter-spacing:0.005em;color:var(--ink,#1d1d1d);margin-bottom:20px;transform:scaleX(.85);transform-origin:left}
.explore-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.explore-card{position:relative;display:flex;align-items:flex-end;border-radius:12px;overflow:hidden;aspect-ratio:3/4;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease;border:1px solid rgba(255,255,255,.08)}
.explore-card:hover{transform:translateY(-6px) scale(1.015);box-shadow:0 16px 40px rgba(0,0,0,.28),0 4px 12px rgba(0,0,0,.12);filter:brightness(1.08);border-color:rgba(255,255,255,.12)}
/* Placeholder gradients — micro-identite par univers */
.explore-card--sneakers{background:linear-gradient(145deg,#111 0%,#2a2a2a 35%,#3d3d3d 70%,#2a2a2a 100%)}
.explore-card--outdoor{background:linear-gradient(145deg,#0f1d0f 0%,#1e3018 30%,#3b4a32 65%,#1e3018 100%)}
.explore-card--street{background:linear-gradient(145deg,#0d0d1c 0%,#1c1c38 25%,#2e2e4a 50%,#3a3852 70%,#1e1e36 100%)}
.explore-card--deals{background:linear-gradient(145deg,#1a1508 0%,#352810 30%,#504020 65%,#352810 100%)}
.explore-card::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 25% 15%,rgba(255,255,255,.08) 0%,transparent 55%),radial-gradient(ellipse at 85% 90%,rgba(0,0,0,.22) 0%,transparent 45%),radial-gradient(ellipse at 50% 100%,rgba(255,255,255,.04) 0%,transparent 35%),linear-gradient(160deg,rgba(255,255,255,.03) 0%,transparent 40%);pointer-events:none;z-index:1}
.explore-card::after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:128px 128px;pointer-events:none;z-index:2;mix-blend-mode:overlay}
.explore-card-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.explore-card:hover .explore-card-img{transform:scale(1.05)}
.explore-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.2) 45%,rgba(0,0,0,0) 100%);z-index:1}
.explore-card-content{position:relative;z-index:2;padding:24px;display:flex;flex-direction:column;gap:5px;width:100%}
.explore-card-label{font-family:var(--heading);font-size:19px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#fff;transform:scaleX(.85);transform-origin:left}
.explore-card-sub{font-size:12.5px;color:rgba(255,255,255,.7);line-height:1.4;max-width:90%}
.explore-card-cta{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--yellow,#D7FF01);margin-top:10px;opacity:0;transform:translateY(6px);transition:all .3s ease}
.explore-card:hover .explore-card-cta{opacity:1;transform:translateY(0)}
@media(max-width:1024px){
  .explore-grid{grid-template-columns:repeat(2,1fr)}
  .explore-card{aspect-ratio:4/3}
}
@media(max-width:768px){
  .explore-section{padding:44px 0}
  .explore-inner{padding:0 16px}
  .explore-heading{font-size:20px;margin-bottom:22px}
  .explore-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .explore-card{aspect-ratio:3/4;border-radius:10px}
  .explore-card-content{padding:16px}
  .explore-card-label{font-size:15px}
  .explore-card-sub{font-size:11px}
  .explore-card-cta{opacity:1;transform:translateY(0);font-size:10px}
}
/* === REASSURANCE === */
.reassurance{background:var(--ink,#1d1d1d);padding:36px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.reassurance-inner{max-width:1200px;margin:0 auto;padding:0 32px;display:flex;justify-content:center;gap:56px}
.reassurance-item{display:flex;align-items:flex-start;gap:16px}
.reassurance-icon{color:var(--yellow,#D7FF01);flex-shrink:0;margin-top:2px}
.reassurance-text{display:flex;flex-direction:column;gap:4px}
.reassurance-title{font-family:var(--heading);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#fff}
.reassurance-desc{font-size:12px;color:rgba(255,255,255,.72);letter-spacing:.2px;line-height:1.4}
@media(max-width:768px){
  .reassurance{padding:28px 0}
  .reassurance-inner{flex-direction:column;gap:22px;align-items:flex-start;padding:0 24px}
  .reassurance-item{gap:14px}
  .reassurance-title{font-size:12px;letter-spacing:1.2px}
  .reassurance-desc{font-size:11px;color:rgba(255,255,255,.7)}
}

@media(max-width:768px){
  .shopify-section-group-footer-group .shopify-section,
  [id*="shopify-block"],
  .spr-badge,
  [class*="widget-trigger"],
  [class*="chat-widget"],
  [class*="floating"],
  .needsclick,
  #tidio-chat,
  .gorgias-chat-messenger-button,
  #shopify-digital-wallet,
  .shopify-payment-button,
  [style*="position: fixed"][style*="z-index: 9"],
  [style*="position:fixed"][style*="z-index:9"]{
    display:none!important
  }
}

/* ═══════════════════════════════════════
   DERNIERS ARRIVAGES
   ═══════════════════════════════════════ */
.arrivages-section{background:#f5f5f5;padding:72px 0}
.arrivages-inner{max-width:1200px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}
.arrivages-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:36px}
.arrivages-heading{font-family:var(--heading);font-size:clamp(22px,2.8vw,32px);font-weight:800;text-transform:uppercase;letter-spacing:0.005em;transform:scaleX(.85);transform-origin:left;color:var(--ink,#1d1d1d)}
.arrivages-link{font-family:var(--heading);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--ink,#1d1d1d);text-decoration:none;transition:color .25s ease,letter-spacing .25s ease;padding-bottom:2px;border-bottom:1.5px solid rgba(29,29,29,.15)}
.arrivages-link:hover{color:var(--yellow,#D7FF01);border-bottom-color:var(--yellow,#D7FF01);letter-spacing:2px}
.arrivages-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.arrivages-card{text-decoration:none;color:inherit;display:flex;flex-direction:column;background:#fff;border-radius:6px;overflow:hidden;transition:transform .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s ease}
.arrivages-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.06)}
.arrivages-card-img-wrap{position:relative;aspect-ratio:1/1;overflow:hidden;background:#eee}
.arrivages-card-img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease,filter .4s ease}
.arrivages-card:hover .arrivages-card-img{transform:scale(1.06);filter:brightness(1.03)}
.arrivages-card-placeholder{width:100%;height:100%;background:#e0e0e0;position:relative}
.arrivages-card-info{padding:14px 16px 18px;display:flex;flex-direction:column;gap:4px;position:relative}
.arrivages-badge{position:absolute;top:-11px;left:14px;background:var(--yellow,#D7FF01);color:var(--ink,#1d1d1d);font-family:var(--heading);font-size:10px;font-weight:800;padding:4px 9px;border-radius:4px;letter-spacing:.8px;box-shadow:0 2px 6px rgba(0,0,0,.1)}
.arrivages-card-brand{font-family:var(--heading);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:rgba(29,29,29,.5)}
.arrivages-card-title{font-size:13px;font-weight:500;color:var(--ink,#1d1d1d);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.arrivages-card-prices{display:flex;align-items:center;gap:8px;margin-top:4px}
.arrivages-card-price{font-family:var(--heading);font-size:15px;font-weight:800;color:var(--ink,#1d1d1d)}
.arrivages-card-compare{font-size:12px;color:rgba(29,29,29,.5);text-decoration:line-through}


.arrivages-card-img-wrap::after{content:"";position:absolute;inset:0;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:128px 128px;pointer-events:none;z-index:1;mix-blend-mode:multiply}
.arrivages-card-img-wrap{position:relative;aspect-ratio:1/1;overflow:hidden;background:#eee}
.arrivages-card-img-wrap::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.12) 0%,transparent 60%),radial-gradient(ellipse at 80% 85%,rgba(0,0,0,.08) 0%,transparent 50%);pointer-events:none;z-index:1}

/* Arrivages: featured first card */
.arrivages-card:first-child{grid-column:span 2;grid-row:span 2}
.arrivages-card:first-child .arrivages-card-img-wrap{aspect-ratio:auto;height:100%}
.arrivages-card:first-child .arrivages-card-info{padding:18px 20px 22px}
.arrivages-card:first-child .arrivages-card-brand{font-size:12px;letter-spacing:1.5px}
.arrivages-card:first-child .arrivages-card-title{font-size:15px}
.arrivages-card:first-child .arrivages-card-price{font-size:18px}
.arrivages-card:first-child .arrivages-badge{font-size:11px;padding:5px 10px;top:-13px;left:16px}

/* Arrivages: subtle depth variation on alternating cards */
.arrivages-card:nth-child(even){box-shadow:0 2px 10px rgba(0,0,0,.04)}
.arrivages-card:nth-child(odd){box-shadow:0 3px 14px rgba(0,0,0,.06)}
.arrivages-card:first-child{box-shadow:0 6px 24px rgba(0,0,0,.08)}

/* Arrivages: "Tout voir" link reinforcement */
.arrivages-link::after{content:"";display:inline-block;width:0;height:0;border-left:4px solid currentColor;border-top:3px solid transparent;border-bottom:3px solid transparent;margin-left:6px;transition:transform .25s ease}
.arrivages-link:hover::after{transform:translateX(3px)}

/* Arrivages mobile */
@media(max-width:768px){
.arrivages-section{padding:48px 0}
.arrivages-header{margin-bottom:24px}
.arrivages-heading{font-size:clamp(18px,5.5vw,24px)}
.arrivages-link{font-size:11px}
.arrivages-grid{grid-template-columns:repeat(2,1fr);gap:12px}
.arrivages-card-info{padding:10px 12px 14px}
.arrivages-badge{font-size:10px;top:-10px;left:8px;padding:2px 6px}
.arrivages-card-brand{font-size:10px}
.arrivages-card-title{font-size:12px}
.arrivages-card-price{font-size:14px}
.arrivages-card-compare{font-size:11px}

.arrivages-card:first-child{grid-column:span 1;grid-row:span 1}
.arrivages-card:first-child .arrivages-card-img-wrap{aspect-ratio:1/1;height:auto}
.arrivages-card:first-child .arrivages-card-info{padding:10px 12px 14px}
.arrivages-card:first-child .arrivages-card-brand{font-size:10px}
.arrivages-card:first-child .arrivages-card-title{font-size:12px}
.arrivages-card:first-child .arrivages-card-price{font-size:14px}
.arrivages-card:first-child .arrivages-badge{font-size:10px;padding:2px 6px;top:-10px;left:8px}
}


/* ═══════════════════════════════════════
   DEALS / DROPS
   ═══════════════════════════════════════ */
.deals-section{background:var(--ink,#1d1d1d);padding:0;position:relative;overflow:hidden}
.deals-inner{max-width:1200px;margin:0 auto;padding:72px clamp(24px,4vw,48px);position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}
.deals-content{max-width:640px}
.deals-eyebrow{display:inline-block;font-family:var(--heading);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2.5px;color:var(--yellow,#D7FF01);margin-bottom:16px}
.deals-heading{font-family:var(--heading);font-size:clamp(28px,4vw,48px);font-weight:800;text-transform:uppercase;letter-spacing:0.005em;transform:scaleX(.85);transform-origin:left;line-height:1.12;color:#fff;margin-bottom:18px}
.deals-sub{font-size:14px;color:rgba(255,255,255,.68);line-height:1.5;margin-bottom:28px;max-width:400px}
.deals-cta{display:inline-block;font-family:var(--heading);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.8px;color:var(--ink,#1d1d1d);background:var(--yellow,#D7FF01);padding:17px 42px;border-radius:4px;text-decoration:none;transition:transform .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s ease,background .3s ease,letter-spacing .3s ease;box-shadow:0 4px 16px rgba(215,255,1,.15)}
.deals-cta:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(215,255,1,.25),0 4px 8px rgba(215,255,1,.1);background:#e2ff33;letter-spacing:2.2px}

/* Deals accent: diagonal lime strip */
.deals-accent{position:absolute;top:-20%;right:-5%;width:40%;height:140%;background:var(--yellow,#D7FF01);opacity:.05;transform:rotate(-12deg);border-radius:40px;pointer-events:none;z-index:1;filter:blur(60px)}

/* Deals subtle grain overlay */
.deals-section::before{content:"";position:absolute;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:128px 128px;pointer-events:none;z-index:1}

/* Deals: subtle bottom glow */
.deals-section::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 75% 40%,rgba(215,255,1,.04) 0%,transparent 50%),radial-gradient(ellipse at 90% 80%,rgba(255,255,255,.02) 0%,transparent 40%),radial-gradient(ellipse at 60% 10%,rgba(215,255,1,.02) 0%,transparent 35%);pointer-events:none;z-index:1}

/* Deals mobile */
@media(max-width:768px){
.deals-inner{padding:52px 24px 56px;flex-direction:column;text-align:center;align-items:center}
.deals-content{max-width:100%}
.deals-eyebrow{margin-bottom:12px}
.deals-heading{font-size:clamp(22px,6.5vw,30px);transform-origin:center;margin-bottom:14px;max-width:320px}
.deals-sub{font-size:13px;margin:0 auto 24px;max-width:320px}
.deals-cta{padding:16px 32px;font-size:12px;width:auto;min-width:260px;text-align:center;box-shadow:0 4px 12px rgba(215,255,1,.12)}
.deals-accent{right:-15%;width:60%;opacity:.03}
}


/* ═══════════════════════════════════════
   VENDRE SUR IKICK
   ═══════════════════════════════════════ */
.vendre-section{background:#f5f5f5;padding:64px 0;position:relative;overflow:hidden}
.vendre-section::before{content:"";position:absolute;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:128px 128px;pointer-events:none}
.vendre-inner{max-width:1000px;margin:0 auto;padding:0 clamp(24px,4vw,48px);position:relative;z-index:2}
.vendre-top{text-align:center;margin-bottom:36px}
.vendre-eyebrow{display:inline-block;font-family:var(--heading);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:var(--ink,#1d1d1d);opacity:.35;margin-bottom:14px}
.vendre-heading{font-family:var(--heading);font-size:clamp(26px,4vw,44px);font-weight:800;text-transform:uppercase;letter-spacing:0.005em;transform:scaleX(.83);transform-origin:center;line-height:1.12;color:var(--ink,#1d1d1d);margin-bottom:14px}
.vendre-sub{font-size:14px;color:rgba(29,29,29,.5);line-height:1.5;max-width:380px;margin:0 auto}

/* Steps: horizontal with connector lines */
.vendre-steps{display:flex;gap:0;margin-bottom:36px;position:relative}
.vendre-step{flex:1;display:flex;flex-direction:column;align-items:flex-start;padding:28px 28px 24px;background:#fff;border-radius:8px;position:relative;box-shadow:0 4px 18px rgba(0,0,0,.06),0 1px 4px rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.05);border-left:3px solid var(--yellow,#D7FF01)}
.vendre-step:not(:last-child){margin-right:16px}
.vendre-step-top{display:flex;align-items:center;width:100%;margin-bottom:16px}
.vendre-step-num{font-family:var(--heading);font-size:32px;font-weight:800;color:var(--yellow,#D7FF01);line-height:1;flex-shrink:0;text-shadow:0 0 16px rgba(215,255,1,.15)}
.vendre-step-line{flex:1;height:2px;background:linear-gradient(90deg,var(--yellow,#D7FF01),rgba(215,255,1,.1));margin-left:14px;border-radius:1px}
.vendre-step-label{font-family:var(--heading);font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--ink,#1d1d1d);margin-bottom:6px}
.vendre-step-desc{font-size:12.5px;color:rgba(29,29,29,.55);line-height:1.45}

/* Hover on step cards */
.vendre-step{transition:transform .3s ease,box-shadow .3s ease}
.vendre-step:hover{transform:translateY(-4px);box-shadow:0 8px 28px rgba(0,0,0,.08)}

/* CTA centered */
.vendre-cta{display:block;width:fit-content;margin:0 auto;font-family:var(--heading);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.8px;color:#fff;background:var(--ink,#1d1d1d);padding:17px 48px;border-radius:4px;text-decoration:none;transition:transform .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s ease;box-shadow:0 4px 16px rgba(0,0,0,.1)}
.vendre-cta:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,.16);background:#2a2a2a}

/* Vendre mobile */
@media(max-width:768px){
.vendre-section{padding:48px 0}
.vendre-top{margin-bottom:32px}
.vendre-heading{font-size:clamp(22px,6.5vw,30px)}
.vendre-heading br{display:inline}
.vendre-sub{font-size:13px}
.vendre-steps{flex-direction:column;gap:12px}
.vendre-step{padding:20px 22px 18px}
.vendre-step:not(:last-child){margin-right:0}
.vendre-step-num{font-size:26px}
.vendre-step-label{font-size:13px}
.vendre-step-line{display:none}
.vendre-cta{width:auto;min-width:260px;text-align:center;padding:16px 36px;font-size:12px}
}

/* ═══════════════════════════════════════
   VENDRE SUR IKICK
   ═══════════════════════════════════════ */
.vendre-section{background:#f5f5f5;padding:64px 0;position:relative;overflow:hidden}
.vendre-section::before{content:"";position:absolute;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:128px 128px;pointer-events:none}
.vendre-inner{max-width:1000px;margin:0 auto;padding:0 clamp(24px,4vw,48px);position:relative;z-index:2}
.vendre-top{text-align:center;margin-bottom:44px}
.vendre-eyebrow{display:inline-block;font-family:var(--heading);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:var(--ink,#1d1d1d);opacity:.35;margin-bottom:14px}
.vendre-heading{font-family:var(--heading);font-size:clamp(26px,4vw,44px);font-weight:800;text-transform:uppercase;letter-spacing:0.005em;transform:scaleX(.83);transform-origin:center;line-height:1.12;color:var(--ink,#1d1d1d);margin-bottom:14px}
.vendre-sub{font-size:14px;color:rgba(29,29,29,.5);line-height:1.5;max-width:380px;margin:0 auto}

/* Steps: horizontal with connector lines */
.vendre-steps{display:flex;gap:0;margin-bottom:40px;position:relative}
.vendre-step{flex:1;display:flex;flex-direction:column;align-items:flex-start;padding:28px 28px 24px;background:#fff;border-radius:8px;position:relative;box-shadow:0 2px 12px rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.04)}
.vendre-step:not(:last-child){margin-right:16px}
.vendre-step-top{display:flex;align-items:center;width:100%;margin-bottom:16px}
.vendre-step-num{font-family:var(--heading);font-size:32px;font-weight:800;color:var(--yellow,#D7FF01);line-height:1;flex-shrink:0;text-shadow:0 0 16px rgba(215,255,1,.15)}
.vendre-step-line{flex:1;height:2px;background:linear-gradient(90deg,var(--yellow,#D7FF01),rgba(215,255,1,.1));margin-left:14px;border-radius:1px}
.vendre-step-label{font-family:var(--heading);font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--ink,#1d1d1d);margin-bottom:6px}
.vendre-step-desc{font-size:12px;color:rgba(29,29,29,.5);line-height:1.45}

/* Hover on step cards */
.vendre-step{transition:transform .3s ease,box-shadow .3s ease}
.vendre-step:hover{transform:translateY(-4px);box-shadow:0 8px 28px rgba(0,0,0,.08)}

/* CTA centered */
.vendre-cta{display:block;width:fit-content;margin:0 auto;font-family:var(--heading);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.8px;color:#fff;background:var(--ink,#1d1d1d);padding:17px 48px;border-radius:4px;text-decoration:none;transition:transform .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s ease;box-shadow:0 4px 16px rgba(0,0,0,.1)}
.vendre-cta:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,.16);background:#2a2a2a}

/* Vendre mobile */
@media(max-width:768px){
.vendre-section{padding:48px 0}
.vendre-top{margin-bottom:32px}
.vendre-heading{font-size:clamp(22px,6.5vw,30px)}
.vendre-heading br{display:inline}
.vendre-sub{font-size:13px}
.vendre-steps{flex-direction:column;gap:12px}
.vendre-step{padding:20px 22px 18px}
.vendre-step:not(:last-child){margin-right:0}
.vendre-step-num{font-size:26px}
.vendre-step-label{font-size:13px}
.vendre-step-line{display:none}
.vendre-cta{width:auto;min-width:260px;text-align:center;padding:16px 36px;font-size:12px}
}

/* ═══════════════════════════════════════
   L'OEIL DU CHASSEUR
   ═══════════════════════════════════════ */
.chasseur-section{background:var(--ink,#1d1d1d);padding:80px 0;position:relative;overflow:hidden}
.chasseur-section::before{content:"";position:absolute;inset:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:128px 128px;pointer-events:none}
.chasseur-section::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(215,255,1,.03) 0%,transparent 50%),radial-gradient(ellipse at 20% 80%,rgba(255,255,255,.02) 0%,transparent 40%);pointer-events:none}
.chasseur-inner{max-width:720px;margin:0 auto;padding:0 clamp(24px,4vw,48px);position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}
.chasseur-badge{font-family:var(--heading);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:var(--yellow,#D7FF01);border:1px solid rgba(215,255,1,.25);padding:6px 16px;border-radius:20px;margin-bottom:24px;display:inline-block}
.chasseur-heading{font-family:var(--heading);font-size:clamp(28px,4.5vw,52px);font-weight:800;text-transform:uppercase;letter-spacing:-1px;transform:scaleX(.82);transform-origin:center;line-height:.9;color:#fff;margin-bottom:20px}
.chasseur-sub{font-size:14px;color:rgba(255,255,255,.6);line-height:1.6;max-width:480px;margin-bottom:32px}

/* Pillars */
.chasseur-pillars{display:flex;gap:clamp(16px,3vw,32px);margin-bottom:36px}
.chasseur-pillar{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 24px;background:rgba(255,255,255,.03);border-radius:8px;border:1px solid rgba(255,255,255,.05);transition:border-color .3s ease}
.chasseur-pillar-icon{font-size:22px;color:var(--yellow,#D7FF01);opacity:.8;line-height:1;text-shadow:0 0 12px rgba(215,255,1,.2)}
.chasseur-pillar-text{font-family:var(--heading);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:rgba(255,255,255,.85)}

/* CTA */

.chasseur-pillar:hover{border-color:rgba(215,255,1,.15)}
.chasseur-cta{display:inline-block;font-family:var(--heading);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.8px;color:#fff;background:rgba(255,255,255,.04);padding:17px 44px;border-radius:4px;border:1.5px solid rgba(255,255,255,.3);text-decoration:none;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 2px 12px rgba(0,0,0,.1)}
.chasseur-cta:hover{border-color:var(--yellow,#D7FF01);color:var(--yellow,#D7FF01);box-shadow:0 0 24px rgba(215,255,1,.1);transform:translateY(-2px)}

/* Chasseur mobile */
@media(max-width:768px){
.chasseur-section{padding:56px 0}
.chasseur-heading{font-size:clamp(24px,7vw,36px)}
.chasseur-sub{font-size:13px;margin-bottom:32px}
.chasseur-pillars{flex-direction:column;gap:20px;align-items:center}
.chasseur-pillar{flex-direction:row;gap:12px}
.chasseur-pillar-text{font-size:10px}
.chasseur-cta{padding:14px 32px;font-size:12px;width:auto;min-width:240px;text-align:center}
}




/* ══ VENDRE + CHASSEUR POLISH (restored) ══════════ */

/* Vendre: step cards with lime accent */
.vendre-step{border-left:3px solid var(--yellow,#D7FF01)!important;box-shadow:0 4px 18px rgba(0,0,0,.06)!important}
.vendre-step:hover{transform:translateY(-4px);box-shadow:0 8px 28px rgba(0,0,0,.08)!important}
.vendre-step-num{font-size:32px;font-weight:800;color:var(--yellow,#D7FF01);text-shadow:0 0 16px rgba(215,255,1,.15)}
.vendre-step-label{font-size:16px;font-weight:800;text-transform:uppercase}
.vendre-step-desc{color:rgba(29,29,29,.55)}

/* Chasseur: pillar polish */
.chasseur-pillar{padding:20px 24px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:8px;transition:border-color .2s}
.chasseur-pillar:hover{border-color:rgba(215,255,1,.15)}
.chasseur-pillar-icon{font-size:22px;color:var(--yellow,#D7FF01);text-shadow:0 0 12px rgba(215,255,1,.2)}
.chasseur-pillar-text{font-size:12px;color:rgba(255,255,255,.85);letter-spacing:.5px}
.chasseur-sub{color:rgba(255,255,255,.6)}
.chasseur-cta{background:rgba(255,255,255,.04);border:1.5px solid rgba(255,255,255,.3);box-shadow:0 2px 12px rgba(0,0,0,.1);transition:border-color .2s,color .2s,box-shadow .2s}
.chasseur-cta:hover{border-color:var(--yellow,#D7FF01);color:var(--yellow,#D7FF01);box-shadow:0 0 24px rgba(215,255,1,.1)}

/* ══ SECTION TRANSITIONS ══════════ */

/* Vendre: softer edges via gradient */
.vendre-section{background:linear-gradient(180deg,rgba(29,29,29,.03) 0%,#f5f5f5 44px,#f5f5f5 calc(100% - 44px),rgba(29,29,29,.03) 100%)!important;padding-top:72px!important;padding-bottom:76px!important}

/* Vendre CTA: lime ring on hover */
.vendre-cta:hover{box-shadow:0 8px 28px rgba(0,0,0,.12),0 0 0 2px var(--yellow,#D7FF01)!important}

/* Chasseur: inset shadow for transition */
.chasseur-section{box-shadow:inset 0 20px 40px -20px rgba(0,0,0,.15)}


/* ══ SECTION 8 — MANIFESTE / VIDÉO ══════════ */
.manifeste-section{position:relative;overflow:hidden;min-height:380px;padding:40px 0;display:flex;align-items:center;justify-content:center;background:#0a0a0a}
.manifeste-video-bg{position:absolute;inset:0;z-index:0}
.manifeste-video-bg video{width:100%;height:100%;object-fit:cover;opacity:.35;filter:grayscale(.3)}
.manifeste-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,10,10,.7) 0%,rgba(10,10,10,.5) 50%,rgba(10,10,10,.8) 100%)}
.manifeste-grain{position:absolute;inset:0;z-index:2;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");background-size:128px 128px}
.manifeste-content{position:relative;z-index:3;text-align:center;padding:0 24px;max-width:800px}
.manifeste-eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:16px;font-weight:600}
.manifeste-headline{font-family:'Neue Plak','Inter',sans-serif;font-weight:900;font-size:clamp(48px,8vw,80px);line-height:1.12;letter-spacing:0.005em;transform:scaleX(.82);transform-origin:center center;color:#fff;margin:0 0 18px}
.manifeste-line{display:block}
.manifeste-accent{color:var(--yellow,#D7FF01);text-shadow:0 0 40px rgba(215,255,1,.15)}
.manifeste-sub{font-size:15px;line-height:1.7;color:rgba(255,255,255,.55);margin-bottom:22px;max-width:420px;margin-left:auto;margin-right:auto}
.manifeste-cta{display:inline-block;padding:12px 32px;border:1.5px solid rgba(255,255,255,.25);border-radius:999px;color:#fff;font-size:13px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;text-decoration:none;transition:border-color .25s cubic-bezier(.4,0,.2,1),color .25s,box-shadow .25s,transform .25s}
.manifeste-cta:hover{border-color:var(--yellow,#D7FF01);color:var(--yellow,#D7FF01);box-shadow:0 0 28px rgba(215,255,1,.12);transform:translateY(-1px)}

/* Transition chasseur → manifeste */
.manifeste-section::before{content:'';position:absolute;top:0;left:0;right:0;height:40px;background:linear-gradient(180deg,rgba(29,29,29,1) 0%,transparent 100%);z-index:4}



/* Mobile manifeste */
@media(max-width:767px){
  .manifeste-section{min-height:360px;padding:44px 0}
  .manifeste-headline{font-size:clamp(36px,10vw,52px)}
  .manifeste-sub{font-size:14px}
  .manifeste-cta{padding:12px 28px;font-size:12px}
}

/* ══ SECTION 9 — AVIS CLIENTS ══════════ */
.avis-section{background:#f5f5f5;padding:72px 0 80px}
.avis-wrap{max-width:1200px;margin:0 auto;padding:0 32px}
.avis-eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:rgba(29,29,29,.4);font-weight:600;text-align:center;margin-bottom:40px}
.avis-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}
.avis-card{background:#fff;border-radius:12px;padding:28px 24px;border:1px solid rgba(29,29,29,.06);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s}
.avis-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.06)}
.avis-stars{font-size:14px;color:var(--yellow,#D7FF01);letter-spacing:2px;margin-bottom:14px;text-shadow:0 0 8px rgba(215,255,1,.2)}
.avis-quote{font-size:14px;line-height:1.65;color:var(--ink,#1d1d1d);margin-bottom:18px;font-style:italic}
.avis-author{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.avis-name{font-size:13px;font-weight:700;color:var(--ink,#1d1d1d)}
.avis-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:rgba(29,29,29,.45);background:rgba(29,29,29,.04);padding:3px 8px;border-radius:4px}
.avis-product{font-size:11px;color:rgba(29,29,29,.35);letter-spacing:.3px}
.avis-trust{text-align:center;display:flex;align-items:center;justify-content:center;gap:12px}
.avis-trust-stat{font-family:'Neue Plak','Inter',sans-serif;font-weight:900;font-size:28px;color:var(--ink,#1d1d1d);transform:scaleX(.85)}
.avis-trust-label{font-size:13px;color:rgba(29,29,29,.45);font-weight:500}

/* Mobile avis */
@media(max-width:767px){
  .avis-section{padding:56px 0 64px}
  .avis-grid{grid-template-columns:1fr;gap:16px}
  .avis-card{padding:22px 20px}
  .avis-trust-stat{font-size:24px}
}

/* ══ AVIS POLISH ══════════ */
.avis-eyebrow{font-size:12px;letter-spacing:4px;color:rgba(29,29,29,.55);font-weight:700;margin-bottom:44px;position:relative}
.avis-eyebrow::after{content:'';display:block;width:32px;height:2px;background:var(--yellow,#D7FF01);margin:14px auto 0;border-radius:1px}
.avis-card{box-shadow:0 2px 12px rgba(0,0,0,.04);border:1px solid rgba(29,29,29,.05)}
.avis-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.08)}
.avis-card:nth-child(2){border-top:2px solid var(--yellow,#D7FF01)}
.avis-quote{color:rgba(29,29,29,.85)}
.avis-badge{color:rgba(29,29,29,.55);background:rgba(29,29,29,.06)}
.avis-product{color:rgba(29,29,29,.45);font-weight:500}
.avis-trust{padding-top:8px;border-top:1px solid rgba(29,29,29,.06)}
.avis-trust-stat{font-size:32px;letter-spacing:-1px}
.avis-trust-label{font-size:14px;color:rgba(29,29,29,.5);font-weight:500}

/* ══ AVIS FINAL FINISH ══════════ */
.avis-card{background:linear-gradient(180deg,#fff 0%,#fafafa 100%);box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 16px rgba(0,0,0,.03)}
.avis-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.06),0 16px 40px rgba(0,0,0,.07)}
.avis-product{color:rgba(29,29,29,.5)}
.avis-trust-label{color:rgba(29,29,29,.55)}
.avis-badge{color:rgba(29,29,29,.6);background:rgba(29,29,29,.07)}

/* ══ SECTION 10 — NEWSLETTER ══════════ */
.nl-section{background:var(--ink,#1d1d1d);padding:64px 0 72px;position:relative;overflow:hidden}
.nl-section::before{content:'';position:absolute;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");background-size:128px 128px}
.nl-wrap{max-width:560px;margin:0 auto;padding:0 24px;text-align:center;position:relative;z-index:1}
.nl-eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.35);font-weight:600;margin-bottom:16px}
.nl-headline{font-family:'Neue Plak','Inter',sans-serif;font-weight:900;font-size:clamp(28px,5vw,38px);line-height:1.1;transform:scaleX(.85);color:#fff;margin:0 0 12px}
.nl-accent{color:var(--yellow,#D7FF01)}
.nl-sub{font-size:14px;line-height:1.6;color:rgba(255,255,255,.5);margin-bottom:28px}
.nl-form{display:flex;gap:0;max-width:440px;margin:0 auto 20px;border-radius:999px;overflow:hidden;border:1.5px solid rgba(255,255,255,.12);transition:border-color .2s}
.nl-form:focus-within{border-color:var(--yellow,#D7FF01)}
.nl-input{flex:1;padding:14px 20px;background:transparent;border:none;color:#fff;font-size:14px;outline:none}
.nl-input::placeholder{color:rgba(255,255,255,.3)}
.nl-btn{padding:14px 28px;background:var(--yellow,#D7FF01);color:var(--ink,#1d1d1d);border:none;font-size:13px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:background .2s,transform .15s}
.nl-btn:hover{background:#c8f000;transform:scale(1.02)}
.nl-legal{font-size:11px;color:rgba(255,255,255,.25);line-height:1.5}
.nl-perks{display:flex;justify-content:center;gap:24px;margin-bottom:24px}
.nl-perk{font-size:12px;color:rgba(255,255,255,.55);font-weight:600;letter-spacing:.3px;display:flex;align-items:center;gap:6px}
.nl-perk::before{content:'';width:4px;height:4px;background:var(--yellow,#D7FF01);border-radius:50%;flex-shrink:0}

/* Mobile newsletter */
@media(max-width:767px){
  .nl-section{padding:52px 0 60px}
  .nl-form{flex-direction:column;border-radius:12px}
  .nl-input{text-align:center;padding:14px 16px}
  .nl-btn{border-radius:0 0 10px 10px;padding:14px 20px}
  .nl-perks{flex-direction:column;gap:8px;align-items:center}
}


/* ══ NL POLISH ══════════ */
.nl-section .nl-btn{-webkit-appearance:none!important;appearance:none!important;background:#D7FF01!important;color:#1d1d1d!important;border:none!important;border-radius:0 999px 999px 0!important;font-family:'Neue Plak','Inter',sans-serif!important;font-size:13px!important;font-weight:800!important;letter-spacing:.5px!important;text-transform:uppercase!important;padding:14px 30px!important;cursor:pointer!important;transition:background .2s,transform .15s!important}
.nl-section .nl-btn:hover{background:#c8f000!important;transform:scale(1.03)!important}
.nl-section .nl-input{-webkit-appearance:none!important;appearance:none!important;background:transparent!important;color:#fff!important;border:none!important;font-size:14px!important}
.nl-section .nl-input::placeholder{color:rgba(255,255,255,.4)!important}
.nl-section .nl-form{background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.15);transition:border-color .25s cubic-bezier(.4,0,.2,1)}
.nl-section .nl-form:focus-within{border-color:rgba(215,255,1,.5);box-shadow:0 0 20px rgba(215,255,1,.06)}
.nl-legal{color:rgba(255,255,255,.35)!important;font-size:11px}

/* ══ FOOTER REFONTE ══════════ */
.footer{background:#111!important;color:rgba(255,255,255,.7);padding:56px 64px 44px!important}

/* Brand column */
.footer .ft-brand{color:#fff}
.footer .ft-brand img{filter:brightness(0) invert(1)!important}
.footer .ft-brand h2,.footer .ft-brand h3,.footer .ft-brand strong{color:var(--yellow,#D7FF01)!important;font-size:13px;letter-spacing:.5px}
.footer .ft-brand p,.footer .ft-brand span{color:rgba(255,255,255,.45)}

/* Column headings */
.footer h4,.footer h5,.footer h6,.footer .ft-col-title{color:#fff!important;font-size:12px!important;letter-spacing:2px!important;text-transform:uppercase!important;font-weight:700!important;margin-bottom:16px!important}

/* Links */
.footer a{color:rgba(255,255,255,.5)!important;transition:color .2s cubic-bezier(.4,0,.2,1)!important;text-decoration:none!important}
.footer a:hover{color:var(--yellow,#D7FF01)!important}

/* Divider */
.footer .ft-hr{background:rgba(255,255,255,.08)!important;border:none!important}

/* Bottom bar */
.footer .ft-bottom{color:rgba(255,255,255,.3)!important}
.footer .ft-bottom a{color:rgba(255,255,255,.3)!important}
.footer .ft-bottom a:hover{color:rgba(255,255,255,.6)!important}

/* Trust badges in footer */
.footer [class*="trust"],.footer [class*="badge"],.footer [class*="reassur"]{color:rgba(255,255,255,.55)!important}

/* Smooth transition NL → Footer */
.footer{border-top:1px solid rgba(255,255,255,.06)}

/* Mobile footer */
@media(max-width:767px){
  .footer{padding:40px 24px 36px!important}
}

/* ══ NL FINAL FINISH ══════════ */
.nl-section .nl-input::placeholder{color:rgba(255,255,255,.45)!important}
.nl-legal{color:rgba(255,255,255,.4)!important}
.nl-section .nl-form:focus-within{border-color:rgba(215,255,1,.55);box-shadow:0 0 24px rgba(215,255,1,.08)}



/* ══ HIDE ORPHAN SECTIONS ══════════ */
[id*="promo-banner"]{display:none!important}
[id*="video-ambiance"]{display:none!important}
[id*="homepage-bottom"]{display:none!important}

/* ══ HIDE ALL OLD EDITORIAL/SECTION BLOCKS ══════════ */
.editorial.reveal{display:none!important;height:0!important;overflow:hidden!important}
.section.section--gray.reveal{display:none!important;height:0!important;overflow:hidden!important}
.editorial.reveal+.section.section--gray.reveal+.section{display:none!important;height:0!important;overflow:hidden!important}

/* ══ FOOTER POLISH ══════════ */
.footer a{color:rgba(255,255,255,.6)!important}
.footer a:hover{color:var(--yellow,#D7FF01)!important;transform:translateX(2px);display:inline-block;transition:color .2s cubic-bezier(.4,0,.2,1),transform .2s!important}
.footer .ft-bottom{color:rgba(255,255,255,.35)!important}
.footer .ft-bottom a{color:rgba(255,255,255,.35)!important}
.footer .ft-bottom a:hover{color:rgba(255,255,255,.65)!important}
.footer .ft-brand p,.footer .ft-brand span:not([class*="trust"]){color:rgba(255,255,255,.5)}
.footer [class*="trust"] strong,.footer [class*="trust"] h2,.footer [class*="trust"] h3{font-size:13px;letter-spacing:.3px}

/* ══════════════════════════════════════════════════
   MOBILE REFONTE — @767px
   ══════════════════════════════════════════════════ */
@media(max-width:767px){

/* ── 1. HERO MOBILE ──────────────── */
.hero{height:85vh!important;min-height:520px!important;max-height:680px!important}
.hero-content{padding:0 20px!important;max-width:100%!important;background:transparent!important}
.hero-eyebrow{font-size:10px!important;letter-spacing:2.5px!important;margin-bottom:12px!important}
.hero-title{font-size:clamp(32px,9vw,44px)!important;line-height:1.05!important;transform:scaleX(.82)!important;margin-bottom:14px!important}
.hero-sub{font-size:13px!important;line-height:1.55!important;margin-bottom:24px!important;max-width:320px!important}
.hero-ctas{flex-direction:column!important;gap:10px!important;width:100%!important;max-width:320px!important}
.hero-ctas a,.hero-ctas button{width:100%!important;text-align:center!important;padding:14px 20px!important;font-size:13px!important}

/* ── 2. TOPBAR MOBILE ──────────────── */
.topbar-ticker{height:28px!important;font-size:11px!important}

/* ── 3. RÉASSURANCE MOBILE → stack vertical ── */
.ik-ra{display:flex!important;flex-direction:column!important;gap:0!important;padding:32px 20px!important}
.ik-ra-item{flex-direction:row!important;align-items:flex-start!important;gap:14px!important;padding:16px 0!important;border-bottom:1px solid rgba(29,29,29,.06)}
.ik-ra-item:last-child{border-bottom:none}
.ik-ra-icon{font-size:20px!important;flex-shrink:0!important;width:36px!important;text-align:center!important}
.ik-ra-title{font-size:13px!important;font-weight:700!important}
.ik-ra-desc{font-size:12px!important;color:rgba(29,29,29,.55)!important;line-height:1.5!important}

/* ── 4. EXPLORER UNIVERS → carousel horizontal ── */
.explore-section{padding:40px 0 40px!important;overflow:visible!important}
.explore-section .section-header{padding:0 20px!important;margin-bottom:20px!important}
.explore-grid{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;gap:12px!important;padding:0 20px!important;scrollbar-width:none!important}
.explore-grid::-webkit-scrollbar{display:none!important}
.explore-card{min-width:82vw!important;max-width:82vw!important;scroll-snap-align:start!important;flex-shrink:0!important;height:280px!important;border-radius:12px!important}
.explore-card .explore-cta{opacity:1!important;transform:none!important}

/* ── 5. ARRIVAGES → carousel horizontal ── */
.arrivages-section{padding:40px 0!important}
.arrivages-section .section-header{padding:0 20px!important;margin-bottom:16px!important}
.arrivages-grid,.arrivals-grid,.product-grid{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;gap:12px!important;padding:0 20px!important;scrollbar-width:none!important}
.arrivages-grid::-webkit-scrollbar,.arrivals-grid::-webkit-scrollbar,.product-grid::-webkit-scrollbar{display:none!important}
.arrivages-grid>*,.arrivals-grid>*,.product-grid>*{min-width:72vw!important;max-width:72vw!important;scroll-snap-align:start!important;flex-shrink:0!important}
/* Normalize hero product card on mobile */
.arrivages-grid>.product-hero,.arrivals-grid>.product-hero,.product-grid>.product-hero{min-width:72vw!important;max-width:72vw!important;grid-row:auto!important;grid-column:auto!important}

/* ── 6. DEALS MOBILE ──────────────── */
.deals-section{padding:40px 0!important}
.deals-section .section-header{padding:0 20px!important}
.deals-grid{padding:0 20px!important;gap:12px!important}

/* ── 7. VENDRE MOBILE ──────────────── */
.vendre-section{padding:40px 20px!important}
.vendre-steps{flex-direction:column!important;gap:14px!important}
.vendre-step{padding:18px 16px!important}
.vendre-cta{width:100%!important;text-align:center!important}

/* ── 8. CHASSEUR MOBILE ──────────────── */
.chasseur-section{padding:48px 20px!important}
.chasseur-pillars{flex-direction:column!important;gap:10px!important}
.chasseur-cta{width:100%!important;text-align:center!important}

/* ── 9. MANIFESTE MOBILE ──────────────── */
.manifeste-section{min-height:340px!important;padding:36px 0!important}
.manifeste-headline{font-size:clamp(32px,10vw,44px)!important}
.manifeste-sub{font-size:13px!important}
.manifeste-cta{padding:12px 28px!important;font-size:12px!important}

/* ── 10. AVIS MOBILE ──────────────── */
.avis-section{padding:40px 0!important}
.avis-wrap{padding:0 20px!important}
.avis-grid{grid-template-columns:1fr!important;gap:14px!important}
.avis-card{padding:20px 18px!important}
.avis-card:nth-child(2){border-top:2px solid var(--yellow,#D7FF01)}
.avis-trust-stat{font-size:24px!important}

/* ── 11. NEWSLETTER MOBILE ──────────────── */
.nl-section{padding:44px 0!important}
.nl-wrap{padding:0 20px!important}
.nl-headline{font-size:clamp(24px,7vw,32px)!important}
.nl-form{flex-direction:column!important;border-radius:12px!important;gap:0!important}
.nl-input{text-align:center!important;padding:14px 16px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.nl-btn{border-radius:0 0 10px 10px!important;padding:14px 20px!important}
.nl-perks{flex-direction:column!important;gap:8px!important;align-items:center!important}

/* ── 12. FOOTER MOBILE ──────────────── */
.footer{padding:40px 20px 32px!important}
.footer-grid{grid-template-columns:1fr!important;gap:28px!important}
.ft-bottom{flex-direction:column!important;gap:8px!important;text-align:center!important}

/* ── GLOBAL MOBILE SPACING ──────────────── */
.section-header h2{font-size:clamp(22px,6vw,28px)!important}
.section-header{margin-bottom:16px!important}

}/* end @media 767 */

/* ══ REASSURANCE MOBILE FIX ══════════ */
@media(max-width:767px){
  .ik-ra{display:flex!important;flex-direction:column!important;gap:0!important;padding:28px 20px!important;background:#f5f5f5!important}
}

/* ══ REASSURANCE MOBILE FIX (correct selectors) ══ */
@media(max-width:767px){
  .reassurance{padding:24px 20px!important}
  .reassurance-inner{flex-direction:column!important;gap:0!important}
  .reassurance-item{flex-direction:row!important;align-items:flex-start!important;gap:14px!important;padding:14px 0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;width:100%!important}
  .reassurance-item:last-child{border-bottom:none!important}
  .reassurance-icon{font-size:18px!important;flex-shrink:0!important;width:32px!important;text-align:center!important}
  .reassurance-title{font-size:13px!important}
  .reassurance-desc{font-size:12px!important;line-height:1.5!important}
}

/* ══ HERO MOBILE FIX ══════════ */

.hero-ctas .btn{border-radius:4px!important}
@media(max-width:767px){
  .hero{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;height:auto!important;min-height:auto!important;max-height:none!important;position:relative!important;padding-top:0!important;overflow:visible!important}
  .hero-visual{position:relative!important;inset:auto!important;z-index:0!important;height:52vh!important;min-height:260px!important;max-height:380px!important;width:100%!important;overflow:hidden!important}
  .hero-visual img,.hero-visual video{width:100%!important;height:100%!important;object-fit:cover!important}
  .hero-overlay{display:none!important}
  .hero-content{position:relative!important;z-index:2!important;padding:24px 24px 0!important;width:100%!important;text-align:center!important;background:#fff!important}
  .hero-eyebrow{font-size:9.5px!important;letter-spacing:2.8px!important;margin-bottom:12px!important;color:#D7FF01!important;background:#2a2a2a!important;display:inline-block!important;padding:5px 14px 4px!important;border-radius:3px!important;text-shadow:none!important;font-weight:600!important}
  .hero-title,.hero-h{font-size:clamp(22px,6.5vw,30px)!important;line-height:1.12!important;transform:scaleX(.82)!important;margin-bottom:10px!important;color:#1d1d1d!important;text-shadow:none!important}
  .hero-sub{font-size:13px!important;line-height:1.5!important;margin-bottom:22px!important;color:#444!important;max-width:320px!important;margin-left:auto!important;margin-right:auto!important}
  .hero-ctas{flex-direction:column!important;gap:10px!important;width:100%!important;padding:0!important;align-items:center!important}
  .hero-ctas a,.hero-ctas button{width:100%!important;text-align:center!important;padding:14px 20px!important;font-size:13px!important;box-sizing:border-box!important}
}
/* Mobile topbar: compact, single message */
@media(max-width:767px){.topbar-ticker{height:28px!important;font-size:10px!important;overflow:hidden!important}.tt-track{animation:none!important;transform:none!important;width:auto!important;justify-content:center!important}.tt-item{display:none!important}.tt-item:first-child{display:inline!important}.tt-bullet{display:none!important}}

/* Mobile: CTAs on white bg */
@media(max-width:767px){.hero-ctas .btn-primary{background:#1d1d1d!important;color:#fff!important;border:none!important;width:100%!important;max-width:320px!important;padding:14px 0!important;border-radius:4px!important;font-size:14px!important}.hero-ctas .btn-outline{background:transparent!important;color:#1d1d1d!important;border:1.5px solid #1d1d1d!important;width:100%!important;max-width:320px!important;padding:14px 0!important;border-radius:4px!important;font-size:14px!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;text-shadow:none!important}}

@media(max-width:767px){.reassurance{border-top:1px solid #e5e5e5!important;margin-top:0!important;background:#f7f7f7!important}.reassurance-inner{padding:24px 20px 26px!important;gap:14px!important}.reassurance-item{gap:12px!important;padding:6px 0!important}.reassurance-text strong{font-size:.8125rem!important;color:#1d1d1d!important;letter-spacing:.02em!important}.reassurance-text span{font-size:.75rem!important;color:#555!important}}
@media(max-width:767px){.explore{padding-top:28px!important;border-top:1px solid #e5e5e5!important}.explore .section-title,.explore h2{font-size:clamp(18px,5vw,22px)!important;margin-bottom:16px!important;padding-left:20px!important}}
/* P1: Global spacing tightening */
.explore-section{padding-top:32px!important;padding-bottom:32px!important}
.arrivages-section{padding-top:48px!important;padding-bottom:52px!important}
.deals-inner{padding-top:52px!important;padding-bottom:52px!important}
.vendre-section{padding-top:48px!important;padding-bottom:48px!important}
.chasseur-section{padding-top:56px!important;padding-bottom:56px!important}
.avis-section{padding-top:52px!important;padding-bottom:56px!important}
.nl-section{padding-top:48px!important;padding-bottom:52px!important}

/* P2: Unified interactive states */
.btn{transition:all .2s cubic-bezier(.4,0,.2,1)!important}
.btn:hover{transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(0,0,0,.12)!important}
.btn:active{transform:translateY(0)!important;box-shadow:none!important}
.btn-primary:hover{opacity:.92!important}
.btn-outline:hover{background:rgba(29,29,29,.06)!important}
.explore-card{transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)!important}
.explore-card:hover{transform:translateY(-3px)!important;box-shadow:0 8px 24px rgba(0,0,0,.1)!important}
.product-card,.arrivages-card{transition:transform .2s ease,box-shadow .2s ease!important}
.product-card:hover,.arrivages-card:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(0,0,0,.08)!important}
.vendre-step{transition:transform .2s ease,box-shadow .2s ease!important}
.vendre-step:hover{transform:translateY(-2px)!important;box-shadow:0 8px 24px rgba(0,0,0,.1)!important}
.avis-card{transition:transform .2s ease,box-shadow .2s ease!important}
.avis-card:hover{transform:translateY(-2px)!important;box-shadow:0 6px 16px rgba(0,0,0,.08)!important}
footer a{transition:color .15s ease!important}
footer a:hover{color:rgba(255,255,255,.9)!important}
.explore-card-cta,.arrivages-link{transition:opacity .15s ease!important}
.explore-card-cta:hover,.arrivages-link:hover{opacity:.7!important}

/* P3: Secondary contrast boost */
.reassurance-text span{color:#444!important}
.reassurance-text strong{color:#1d1d1d!important}
.vendre-sub{color:rgba(29,29,29,.65)!important}
.vendre-step-desc{color:#444!important}
.avis-body,.avis-text{color:rgba(29,29,29,.7)!important}
.explore-card-desc{color:rgba(255,255,255,.8)!important}
.chasseur-desc,.chasseur-pillars p{color:rgba(255,255,255,.75)!important}
footer a{color:rgba(255,255,255,.7)!important}
.footer-tagline,.footer-desc{color:rgba(255,255,255,.55)!important}
.nl-legal{color:rgba(255,255,255,.55)!important}

/* P4: Vendre block strengthening */
.vendre-step{box-shadow:0 4px 18px rgba(0,0,0,.08)!important;border-radius:6px!important;padding:24px 24px 20px!important;background:#fff!important}
.vendre-step-title{color:#1d1d1d!important;font-weight:700!important}
.vendre-step-num{color:#D7FF01!important;font-weight:800!important}
.vendre-heading{letter-spacing:0.005em!important}
.vendre-section .btn{margin-top:8px!important}

/* P5: Inner Circle form polish */
.nl-input{background:rgba(255,255,255,.1)!important;border:1.5px solid rgba(255,255,255,.2)!important;color:#fff!important;padding:14px 18px!important;font-size:14px!important;border-radius:4px 0 0 4px!important;transition:border-color .2s ease!important}
.nl-input::placeholder{color:rgba(255,255,255,.45)!important}
.nl-input:focus{border-color:rgba(215,255,1,.5)!important;outline:none!important;background:rgba(255,255,255,.14)!important}
.nl-form .btn,.nl-btn{border-radius:0 4px 4px 0!important;padding:14px 24px!important;font-weight:700!important;letter-spacing:.5px!important}
.nl-benefits{margin-bottom:20px!important}

/* Mobile spacing + density */
@media(max-width:767px){
.explore-section{padding:24px 0 24px!important}
.arrivages-section{padding:32px 0 36px!important}
.deals-section{padding:0!important}
.deals-inner{padding:36px 20px!important}
.vendre-section{padding:36px 20px!important}
.vendre-steps{gap:14px!important}
.vendre-step{padding:20px 18px 16px!important}
.chasseur-section{padding:40px 20px!important}
.avis-section{padding:36px 0 40px!important}
.nl-section{padding:36px 20px 40px!important}
.manifeste-section{padding:32px 20px!important}
footer{padding:40px 20px 32px!important}
}

/* Specificity fixes */
.footer a,.footer-links a,.footer-col a{color:rgba(255,255,255,.72)!important}
.footer a:hover,.footer-links a:hover,.footer-col a:hover{color:rgba(255,255,255,.95)!important}
.footer .footer-tagline,.footer .footer-desc,.footer-brand p{color:rgba(255,255,255,.55)!important}

/* NL input specificity fix */
.nl-section .nl-form .nl-input,.nl-form input[type="email"]{background:rgba(255,255,255,.1)!important;border:1.5px solid rgba(255,255,255,.2)!important;color:#fff!important;padding:14px 18px!important;font-size:14px!important;border-radius:4px 0 0 4px!important}
.nl-section .nl-form .nl-input:focus,.nl-form input[type="email"]:focus{border-color:rgba(215,255,1,.5)!important;outline:none!important;background:rgba(255,255,255,.14)!important}
.nl-section .nl-form .nl-input::placeholder,.nl-form input[type="email"]::placeholder{color:rgba(255,255,255,.45)!important}
.nl-section .nl-form .btn,.nl-section .nl-form button{border-radius:0 4px 4px 0!important;font-weight:700!important;letter-spacing:.5px!important}

@media(max-width:767px){.hero-ctas{margin-bottom:0!important;padding-bottom:16px!important}}
@media(max-width:767px){.brands-ticker{display:none!important}}
/* Font separation: Neue Plak = titles only, Inter = everything else */
body,p,span,a,li,td,th,label,input,textarea,select,button{font-family:Inter,-apple-system,"system-ui",sans-serif!important}

/* Preserve Neue Plak ONLY on true headings */
h1,h2,h3,.hero-title,.hero-h,
.explore-heading,.arrivages-heading,.deals-heading,
.vendre-heading,.chasseur-heading,.manifeste-headline,
.avis-heading,.nl-headline,
.section-title{font-family:var(--heading,"Neue Plak",NeuePlak,Impact,sans-serif)!important;letter-spacing:0.005em;line-height:1.12}

/* Specific non-title elements that were wrongly in Neue Plak → Inter */
.reassurance-title,.reassurance-text strong,.reassurance-text span,
.explore-card-label,.explore-card-desc,.explore-card-cta,
.arrivages-link,.arrivages-badge,.arrivages-card-brand,.arrivages-card-name,.arrivages-card-price,.arrivages-card-condition,
.deals-eyebrow,.deals-sub,.deals-cta,
.vendre-sub,.vendre-step-num,.vendre-step-title,.vendre-step-desc,.vendre-cta,
.chasseur-pillars,.chasseur-pill-title,.chasseur-pill-desc,.chasseur-desc,.chasseur-cta,
.manifeste-body,.manifeste-cta,
.avis-card,.avis-author,.avis-body,.avis-text,.avis-date,.avis-stars,.avis-aggregate,
.nl-sub,.nl-input,.nl-btn,.nl-legal,.nl-benefit,
.footer a,.footer-tagline,.footer-desc,.footer-col,.footer-brand,
.brand-item,.btn,.topbar-ticker,.tt-item,
.product-name,.product-price,.product-brand,.product-condition,
nav a,.nav-link,.mega-editorial-cta{font-family:Inter,-apple-system,"system-ui",sans-serif!important}

/* Vendre→Chasseur mobile transition tightening */
@media(max-width:767px){
.vendre-section{padding-bottom:28px!important}
.chasseur-section{padding-top:36px!important}
.chasseur-desc{font-size:13px!important;line-height:1.55!important;max-width:320px!important;margin-left:auto!important;margin-right:auto!important}
}
/* Vendre mobile — stack vertical musclé */
@media(max-width:767px){
.vendre-section{padding:32px 20px 28px!important}
.vendre-heading{font-size:clamp(24px,7vw,32px)!important;margin-bottom:8px!important}
.vendre-sub{font-size:13px!important;margin-bottom:20px!important;color:rgba(29,29,29,.6)!important}
.vendre-steps{flex-direction:column!important;gap:12px!important}
.vendre-step{margin:0!important;padding:16px 18px!important;border-left:3px solid #D7FF01!important;box-shadow:0 2px 12px rgba(0,0,0,.06)!important;border-radius:6px!important;display:grid!important;grid-template-columns:auto 1fr!important;grid-template-rows:auto auto!important;column-gap:14px!important;row-gap:2px!important;align-items:start!important;background:#fff!important;overflow:hidden!important}
.vendre-step>.vendre-step-top{grid-row:1/span 2!important;grid-column:1!important;align-self:center!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:32px!important}
.vendre-step-num{font-size:22px!important;font-weight:800!important;color:#D7FF01!important;line-height:1!important;-webkit-text-stroke:1px #1d1d1d!important}
.vendre-step>.vendre-step-label{grid-row:1!important;grid-column:2!important;font-size:13px!important;font-weight:800!important;color:#1d1d1d!important;text-transform:uppercase!important;letter-spacing:.02em!important;margin:0!important;display:block!important;min-width:0!important;word-break:break-word!important}
.vendre-step>.vendre-step-desc{grid-row:2!important;grid-column:2!important;font-size:12.5px!important;color:#555!important;line-height:1.45!important;display:block!important;min-width:0!important;word-break:break-word!important}
.vendre-cta{margin-top:20px!important;width:100%!important;text-align:center!important;display:block!important;padding:14px 0!important;font-size:13px!important;font-weight:700!important}
}

/* ═══════════════════════════════════════════════════════════════
   TYPO MOBILE FINE — Respiration H1/H2 condensés
   Problème: scaleX(.82) + letter-spacing:-1px + line-height:.9
   → lettres collées, lignes écrasées, lisibilité dégradée
   Solution: ouvrir légèrement tracking + leading sur gros titres
   ═══════════════════════════════════════════════════════════════ */
@media(max-width:767px){
  .hero-title,
  .hero-h,
  .vendre-heading,
  .deals-heading,
  .chasseur-heading,
  .manifeste-headline,
  .nl-headline,
  .arrivages-heading{
    letter-spacing:.005em!important;
    line-height:1.14!important;
    word-spacing:.02em!important;
  }
  .hero-title,
  .hero-h{
    line-height:1.16!important;
    margin-bottom:14px!important;
  }
  .vendre-heading{
    line-height:1.14!important;
    margin-bottom:10px!important;
  }
  .deals-heading{
    line-height:1.12!important;
  }
  .chasseur-heading{
    line-height:1.12!important;
  }
  .manifeste-headline{
    line-height:1.08!important;
    letter-spacing:0!important;
  }
  .nl-headline{
    line-height:1.14!important;
  }
  /* Petits labels — on ne touche PAS */
  /* .hero-eyebrow, .label-tag, etc. restent serrés premium */
}/* ════════════════════════════════════════════════════════════════
   IKICK — MENU MOBILE FINITION (P2 → P5)
   À ajouter à la fin de assets/ikick.css
   Date : 2026-04-10
   ════════════════════════════════════════════════════════════════ */

/* ───────────────────────────────────────────────
   P2 — HIÉRARCHIE VISUELLE DU MENU PRINCIPAL
   - Catégories shopping (Sneakers/Outdoor/Streetwear/Deals/Blog)
     gardent leur poids fort, on accentue le tracking premium
   - Flèches passent de #ccc presque invisible à #1d1d1d net
   - Séparateurs un peu plus marqués pour grouper les blocs
   ─────────────────────────────────────────────── */
.m-link{
  letter-spacing:.005em!important;
  padding:18px 20px!important;
  transition:background .2s cubic-bezier(.4,0,.2,1),padding-left .2s cubic-bezier(.4,0,.2,1)!important;
}
.m-link:hover,
.m-link:active{
  background:#f7f7f7!important;
}
.m-link:hover .m-arrow,
.m-link:active .m-arrow{
  transform:translateX(3px)!important;
  color:#1d1d1d!important;
}
.m-arrow{
  color:#1d1d1d!important;
  transition:transform .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1)!important;
}
.m-sep{
  height:10px!important;
  background:#f0f0f0!important;
  border-top:1px solid #e8e8e8!important;
  border-bottom:1px solid #e8e8e8!important;
}

/* ───────────────────────────────────────────────
   P3 — STATUT VENDRE + L'ŒIL DU CHASSEUR
   Ces deux liens (.m-link-sm) étaient plus PETITS et plus FAIBLES
   que les catégories shopping. On les ramène au niveau des grandes
   catégories ET on ajoute un accent lime pour signaler leur statut
   éditorial / business sans tomber dans le criard.
   ─────────────────────────────────────────────── */
.m-link.m-link-sm{
  font-size:1rem!important;
  font-weight:700!important;
  color:#1d1d1d!important;
  border-left:3px solid #D7FF01!important;
  padding-left:17px!important;
  position:relative!important;
}
.m-link.m-link-sm:hover,
.m-link.m-link-sm:active{
  background:#fafafa!important;
  padding-left:20px!important;
}

/* ───────────────────────────────────────────────
   P4 — CONTRASTE DES MICRO-TEXTES
   - Sous-labels "PAR MARQUE / PAR TYPE / CONTENUS"
   - Liens de débordement "Voir tout / Voir toutes les marques"
   - Sub-text sous compte/favoris/aide/newsletter
   - Sous-liens dans les sous-menus (Nike, Adidas...)
   ─────────────────────────────────────────────── */
.m-sub-label{
  font-size:.625rem!important;
  color:#555!important;
  letter-spacing:.12em!important;
  padding:22px 20px 6px!important;
}
.m-link-sub{
  font-size:.9375rem!important;
  font-weight:500!important;
  color:#1d1d1d!important;
  padding:14px 20px!important;
  transition:background .2s cubic-bezier(.4,0,.2,1),padding-left .2s cubic-bezier(.4,0,.2,1)!important;
}
.m-link-sub:hover,
.m-link-sub:active{
  background:#fafafa!important;
  padding-left:24px!important;
}
.m-util-link{
  font-weight:500!important;
  padding:15px 20px!important;
  transition:background .2s cubic-bezier(.4,0,.2,1)!important;
}
.m-util-link:hover,
.m-util-link:active{
  background:#fafafa!important;
}
.m-util-label{
  color:#1d1d1d!important;
  font-weight:600!important;
}
.m-util-sub{
  color:#666!important;
  font-size:.75rem!important;
  margin-top:1px!important;
}

/* ───────────────────────────────────────────────
   P5 — SIGNATURE IKICK (states + recherche)
   - Recherche : focus state noir 1.5px
   - Placeholder un peu plus présent
   - Transitions harmonisées partout
   ─────────────────────────────────────────────── */
.m-search-form{
  transition:background .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)!important;
}
.m-search-form:focus-within{
  background:#fff!important;
  box-shadow:inset 0 0 0 1.5px #1d1d1d!important;
}
.m-search-form:focus-within svg{
  color:#1d1d1d!important;
}
.m-search-input::placeholder{
  color:#888!important;
}
.m-panel,
.mobile-drawer{
  transition-timing-function:cubic-bezier(.4,0,.2,1)!important;
}

/* ════════════════════════════════════════════════════════════════
   FIN DU PATCH MENU MOBILE
   ════════════════════════════════════════════════════════════════ */

   /* ============================================
   CHASSEUR — AUDIT MOBILE P1→P5
   Réduction page : -598px (-15%)
   ============================================ */
@media(max-width:767px){

  /* P1 — RESSERREMENT VERTICAL DES SECTIONS */
  .odc-process,
  .odc-why,
  .odc-form-section,
  .odc-faq,
  .odc-cta-section{
    padding-left:20px!important;
    padding-right:20px!important;
  }
  .odc-process,
  .odc-why,
  .odc-form-section{
    padding-top:56px!important;
    padding-bottom:56px!important;
  }
  .odc-faq,
  .odc-cta-section{
    padding-top:48px!important;
    padding-bottom:48px!important;
  }

  /* P2 — CARTES PROCESS PLUS DENSES */
  .odc-step{padding:28px 22px 26px!important}
  .odc-step-num{font-size:1.875rem!important;margin-bottom:12px!important;line-height:1!important}
  .odc-step-icon{transform:scale(.82)!important;transform-origin:left center!important;margin-bottom:8px!important}
  .odc-step-title{margin-bottom:8px!important;font-size:1.0625rem!important;line-height:1.25!important}
  .odc-step-desc{font-size:.875rem!important;line-height:1.55!important}
  .odc-steps{gap:14px!important}
  .odc-process-head{margin-bottom:32px!important}

  /* P3 — FORMULAIRE COMPACT */
  .odc-form{padding:32px 22px!important}
  .odc-form-head{margin-bottom:28px!important}
  .form-row{margin-bottom:14px!important;gap:14px!important}
  .form-field{gap:6px!important}
  .form-field > label{font-size:.75rem!important;letter-spacing:.04em!important;font-weight:600!important}
  .form-field input,
  .form-field select,
  .form-field textarea{
    font-size:16px!important;
    padding:12px 14px!important;
    min-height:46px!important;
  }
  .form-field textarea{min-height:90px!important}
  .form-divider{margin:20px 0!important}
  .form-conditions{margin-top:16px!important;font-size:.75rem!important}
  .form-submit-row{margin-top:22px!important}
  .form-submit-note{font-size:.6875rem!important;margin-top:10px!important}

  /* P4 — REMONTER CONTRASTES SECONDAIRES */
  .odc-perk-desc{color:rgba(255,255,255,.72)!important}
  .odc-stat-note{color:rgba(26,26,34,.78)!important;font-weight:500!important}
  .odc-step-desc{color:#3a3c4a!important}
  .odc-desc{color:rgba(255,255,255,.78)!important}
  .form-submit-note,
  .form-conditions{color:#555!important}

  /* P5 — BANDE LIME ENRICHIE (plus utile, pas juste déco) */
  .odc-ticker-section{
    padding:13px 0!important;
    border-top:1.5px solid #1d1d1d!important;
    border-bottom:1.5px solid #1d1d1d!important;
  }
  .odc-ticker-track > span{
    font-weight:800!important;
    letter-spacing:.06em!important;
    font-size:.8125rem!important;
    color:#1d1d1d!important;
    text-transform:uppercase!important;
    padding:0 28px!important;
  }

  /* HERO — léger resserrement */
  .odc-hero-left{padding:32px 22px 36px!important}
  .odc-hero-content{gap:16px!important}
  .odc-hero-ctas{gap:10px!important}
}
/* ============ FIN PATCH CHASSEUR MOBILE ============ */

/* ============================================
   CHASSEUR — ALIGNEMENT FONDS SUR HOMEPAGE
   Suppression de la dominante bleue/violette,
   retour à la palette anthracite neutre de la home
   (#1d1d1d / #161616 / #252525) avec textures subtiles
   ============================================ */

/* Hero gauche : était rgb(26,26,34) — bleu cast visible */
.odc-hero-left{
  background-color:#1d1d1d!important;
  background-image:radial-gradient(ellipse 75% 60% at 25% 15%, rgba(255,255,255,.030), transparent 62%)!important;
}

/* CTA finale : était rgb(26,26,34) */
.odc-cta-section{
  background-color:#1d1d1d!important;
  background-image:radial-gradient(ellipse 90% 60% at 50% 0%, rgba(255,255,255,.025), transparent 65%)!important;
}

/* Section "Pourquoi nous faire confiance" : était rgb(42,42,56) — bleu marqué */
/* Légèrement plus profond que #1d1d1d pour différencier la hiérarchie */
.odc-why{
  background-color:#161616!important;
  background-image:radial-gradient(ellipse 95% 55% at 50% 0%, rgba(255,255,255,.022), transparent 70%)!important;
}

/* Cartes statistiques sombres (toutes sauf la première qui est lime) */
/* Étaient rgb(60,60,78) — bleu très marqué */
.odc-stats-grid .odc-stat-card:nth-child(n+2){
  background-color:#252525!important;
  background-image:linear-gradient(180deg, #2a2a2a, #1f1f1f)!important;
  color:#fff!important;
}
.odc-stats-grid .odc-stat-card:nth-child(n+2) .odc-stat-num{
  color:#fff!important;
}
.odc-stats-grid .odc-stat-card:nth-child(n+2) .odc-stat-lbl{
  color:rgba(255,255,255,.92)!important;
}
.odc-stats-grid .odc-stat-card:nth-child(n+2) .odc-stat-note{
  color:rgba(255,255,255,.62)!important;
}

/* Visuel hero (badge / image holder) : était rgb(60,60,78) */
.odc-hero-visual{
  background-color:#262626!important;
  background-image:linear-gradient(160deg, #2c2c2c, #1c1c1c)!important;
}

/* ============ FIN PATCH FONDS CHASSEUR ============ */




/* ==================================================
   CHASSEUR — MASTER PATCH
   --------------------------------------------------
   1. Fonds neutres alignés sur homepage (toutes tailles)
   2. Contrastes secondaires remontés (toutes tailles)
   3. FAQ densifiée + icônes nettes (toutes tailles)
   4. CTA finale gaps fins (toutes tailles)
   5. Mobile : resserrement P1→P5 + refinements audit v2
   ================================================== */


/* ====== 1. FONDS NEUTRES (toutes tailles) ====== */

.odc-hero-left{
  background-color:#1d1d1d!important;
  background-image:radial-gradient(ellipse 75% 60% at 25% 15%, rgba(255,255,255,.030), transparent 62%)!important;
}
.odc-cta-section{
  background-color:#1d1d1d!important;
  background-image:radial-gradient(ellipse 90% 60% at 50% 0%, rgba(255,255,255,.025), transparent 65%)!important;
}
.odc-why{
  background-color:#161616!important;
  background-image:radial-gradient(ellipse 95% 55% at 50% 0%, rgba(255,255,255,.022), transparent 70%)!important;
}
.odc-hero-visual{
  background-color:#262626!important;
  background-image:linear-gradient(160deg,#2c2c2c,#1c1c1c)!important;
}
.odc-stats-grid .odc-stat-card:nth-child(n+2){
  background-color:#252525!important;
  background-image:linear-gradient(180deg,#2a2a2a,#1f1f1f)!important;
  color:#fff!important;
}
.odc-stats-grid .odc-stat-card:nth-child(n+2) .odc-stat-num{color:#fff!important}
.odc-stats-grid .odc-stat-card:nth-child(n+2) .odc-stat-lbl{color:rgba(255,255,255,.92)!important}
.odc-stats-grid .odc-stat-card:nth-child(n+2) .odc-stat-note{color:rgba(255,255,255,.65)!important}


/* ====== 2. CONTRASTES SECONDAIRES (toutes tailles) ====== */
.odc-perk-desc{color:rgba(255,255,255,.72)!important}
.odc-desc{color:rgba(255,255,255,.78)!important}
.odc-cta-sub{color:rgba(255,255,255,.72)!important}
.odc-stats-grid .odc-stat-card:first-child .odc-stat-note{
  color:rgba(26,26,34,.82)!important;
  font-weight:500!important;
}
.odc-step-desc{color:#3a3c4a!important}


/* ====== 3. FAQ — densifiée + icônes nettes (toutes tailles) ====== */
.faq-item{border-bottom-color:#dcdcdc!important}
.faq-question{font-weight:600!important}
.faq-icon{
  font-weight:700!important;
  color:#1d1d1d!important;
  transition:transform .25s cubic-bezier(.4,0,.2,1)!important;
}
.faq-item.is-open .faq-icon,
.faq-item[aria-expanded="true"] .faq-icon,
.faq-question[aria-expanded="true"] .faq-icon{
  transform:rotate(45deg)!important;
}


/* ====== 4. CTA FINALE — gaps fins (toutes tailles) ====== */
.odc-cta-title{margin-bottom:10px!important}


/* ====== 5. MOBILE — RESSERREMENT P1→P5 + REFINEMENTS ====== */
@media(max-width:767px){

  .odc-process,.odc-why,.odc-form-section,.odc-faq,.odc-cta-section{
    padding-left:20px!important;
    padding-right:20px!important;
  }
  .odc-process,.odc-why,.odc-form-section{
    padding-top:56px!important;
    padding-bottom:56px!important;
  }
  .odc-faq,.odc-cta-section{
    padding-top:48px!important;
    padding-bottom:48px!important;
  }
  .odc-process-head{margin-bottom:28px!important}
  .odc-process-head .sec-eyebrow{margin-bottom:8px!important}
  .odc-form-head{margin-bottom:24px!important}
  .odc-form-head .sec-eyebrow{margin-bottom:8px!important}

  .odc-step{padding:28px 22px 26px!important}
  .odc-step-num{font-size:1.875rem!important;margin-bottom:12px!important;line-height:1!important}
  .odc-step-icon{
    transform:scale(.82)!important;
    transform-origin:left center!important;
    margin-bottom:8px!important;
  }
  .odc-step-title{margin-bottom:8px!important;font-size:1.0625rem!important;line-height:1.25!important}
  .odc-step-desc{font-size:.875rem!important;line-height:1.55!important}
  .odc-steps{gap:14px!important}

  .odc-form{padding:32px 22px!important}
  .form-row{margin-bottom:14px!important;gap:14px!important}
  .form-field{gap:6px!important}
  .form-field > label{
    font-size:.75rem!important;
    letter-spacing:.04em!important;
    font-weight:600!important;
  }
  .form-field input,.form-field select,.form-field textarea{
    font-size:16px!important;
    padding:11px 14px!important;
    min-height:44px!important;
  }
  .form-field textarea{min-height:88px!important}
  .form-divider{margin:18px 0!important}
  .form-conditions{
    margin-top:14px!important;
    font-size:.75rem!important;
    color:#444!important;
  }
  .form-conditions input[type="checkbox"]{
    width:18px!important;
    height:18px!important;
    margin-right:10px!important;
    flex-shrink:0!important;
  }
  .form-submit-row{margin-top:20px!important}
  .form-submit-note{
    font-size:.6875rem!important;
    margin-top:10px!important;
    color:#555!important;
  }

  .odc-stat-card{padding:24px 20px!important;min-height:auto!important}
  .odc-stat-num{font-size:2.25rem!important;margin-bottom:8px!important;line-height:1!important}
  .odc-stat-lbl{font-size:.6875rem!important;letter-spacing:.08em!important}
  .odc-stat-note{font-size:.6875rem!important;margin-top:6px!important;line-height:1.4!important}
  .odc-stats-grid{gap:12px!important}

  .faq-question{padding:16px 0!important;font-size:.9375rem!important}
  .faq-answer-inner{
    font-size:.8125rem!important;
    padding:0 0 18px!important;
    line-height:1.55!important;
    color:#3a3c4a!important;
  }

  .odc-cta-title{font-size:2rem!important;line-height:1.08!important;margin-bottom:8px!important}
  .odc-cta-sub{margin-bottom:18px!important;font-size:.875rem!important}

  .odc-ticker-section{
    padding:13px 0!important;
    border-top:1.5px solid #1d1d1d!important;
    border-bottom:1.5px solid #1d1d1d!important;
  }
  .odc-ticker-track > span{
    font-weight:800!important;
    letter-spacing:.06em!important;
    font-size:.8125rem!important;
    color:#1d1d1d!important;
    text-transform:uppercase!important;
    padding:0 28px!important;
  }

  .odc-hero-left{padding:32px 22px 36px!important}
  .odc-hero-content{gap:16px!important}
  .odc-hero-ctas{gap:10px!important}
  .odc-perk-icon{flex-shrink:0!important}
}
/* ============ FIN MASTER PATCH CHASSEUR ============ */



/* ============ FIX HERO VISUAL (image manquante) ============ */
.odc-hero-visual img{display:none!important}
.odc-hero{height:auto!important}
.odc-hero-visual{
  background-color:#161616!important;
  background-image:
    radial-gradient(circle at 70% 30%, rgba(200,242,48,.07), transparent 55%),
    linear-gradient(160deg,#262626 0%,#141414 100%)!important;
  position:relative!important;
  min-height:520px!important;
}
.odc-hero-visual::before{
  content:"IKICK";
  position:absolute;
  top:50%;left:50%;
  transform:translate(-50%,-50%) scaleX(.78);
  font-family:"Neue Plak Extended Black","Neue Plak",Impact,Arial,sans-serif;
  font-size:clamp(140px,18vw,260px);
  font-weight:900;
  letter-spacing:-.04em;
  color:#fff;
  opacity:.045;
  white-space:nowrap;
  pointer-events:none;
  z-index:0;
  line-height:1;
}
.odc-hero-visual::after{
  background:linear-gradient(to right,rgba(0,0,0,.45) 0%,transparent 38%)!important;
}
.odc-hero-visual-badge{z-index:3!important}

@media(max-width:767px){
  .odc-hero{
    grid-template-columns:1fr!important;
    min-height:auto!important;
  }
  .odc-hero-visual{
    min-height:180px!important;
    height:180px!important;
  }
  .odc-hero-visual::before{
    font-size:120px!important;
  }
}
/* ============ FIN FIX HERO VISUAL ============ */


/* ============ FIX LISERÉ TICKER ============ */
@media(max-width:767px){
  .odc-ticker-section{
    border-bottom:0!important;
  }
}
/* ============ FIN FIX LISERÉ TICKER ============ */


/* ============================================================
   IKICK PDP v2 — wireframe 1:1
   Scoped under .pdp-v2 to avoid conflicts with theme styles
   ============================================================ */

.pdp-v2{
  --bg:#f4f4f2;
  --bg-alt:#ebebe7;
  --ink:#1d1d1d;
  --ink-2:#1d1d1d;
  --ink-3:#3d3d3d;
  --ink-4:#6b6b6b;
  --line:#dbdbd5;
  --line-2:#c4c4be;
  --focus:rgba(10,10,10,.35);
  --white:#ffffff;
  --lime:#c8f230;
  --lime-ink:#1d1d1d;
  --danger:#ff4436;
  --success:#2d8f3c;
  --r-btn:4px;
  --r:6px;
  --r-lg:10px;
  --r-pill:999px;
  --gutter:20px;
  --maxw:1280px;
  --display:"Bebas Neue","Neue Plak Extended Black",Impact,"Arial Black",sans-serif;
  --body:"Inter","SF Pro Text",-apple-system,system-ui,sans-serif;
  font-family:var(--body);
  color:var(--ink);
  background:var(--bg);
  font-size:15px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
.pdp-v2 *,.pdp-v2 *::before,.pdp-v2 *::after{box-sizing:border-box}
.pdp-v2 img,.pdp-v2 svg{display:block;max-width:100%}
.pdp-v2 a{color:inherit;text-decoration:none}
.pdp-v2 button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
.pdp-v2 :focus{outline:none}
.pdp-v2 :focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:var(--r-btn)}
.pdp-v2 .sec-dark :focus-visible{outline-color:var(--lime)}

/* ============ BANNER ============ */
.pdp-v2 .banner{
  background:var(--ink);color:var(--lime);
  font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  padding:8px var(--gutter);text-align:center;
}
.pdp-v2 .banner span{color:var(--white)}

/* ============ BREADCRUMB ============ */
.pdp-v2 .crumb{
  max-width:var(--maxw);margin:0 auto;
  padding:14px var(--gutter) 0;
  font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--ink-4);
}
.pdp-v2 .crumb a:hover{color:var(--ink)}
.pdp-v2 .crumb .sep{margin:0 8px;opacity:.5}
.pdp-v2 .crumb .current{color:var(--ink-2);font-weight:600}

/* ============ HERO PDP ============ */
.pdp-v2 .pdp{
  max-width:var(--maxw);margin:0 auto;
  padding:16px var(--gutter) 36px;
}
.pdp-v2 .pdp-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:24px;
}
@media(min-width:900px){
  .pdp-v2 .pdp-grid{
    grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);
    gap:48px;
    align-items:start;
  }
}

/* ---- GALLERY ---- */
.pdp-v2 .gallery{position:relative}
.pdp-v2 .gal-main{
  background:linear-gradient(170deg,#ececea 0%,#d6d6d1 100%);
  aspect-ratio:4/3;
  border-radius:var(--r-lg);
  position:relative;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
}
.pdp-v2 .gal-main::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse 60% 40% at 50% 85%,rgba(0,0,0,.12),transparent 70%);
  z-index:0;
}
.pdp-v2 .gal-main img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:contain;z-index:1;
}
.pdp-v2 .gal-main-label{
  position:relative;z-index:1;
  font-family:var(--display);
  font-size:clamp(64px,9vw,140px);
  transform:scaleX(.78);
  color:rgba(10,10,10,.08);
  letter-spacing:-.02em;
  line-height:.85;
  text-align:center;
  user-select:none;
  pointer-events:none;
}
.pdp-v2 .gal-badge{
  position:absolute;top:14px;left:14px;z-index:2;
  display:flex;gap:6px;
}
.pdp-v2 .tag{
  font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  padding:6px 10px;
  background:var(--ink);color:var(--white);
  border-radius:var(--r-btn);
  line-height:1;
  display:inline-block;
}
.pdp-v2 .tag.lime{background:var(--lime);color:var(--lime-ink)}
.pdp-v2 .tag.ghost{background:rgba(255,255,255,.95);color:var(--ink)}

.pdp-v2 .gal-tools{
  position:absolute;top:14px;right:14px;z-index:2;
  display:flex;flex-direction:column;gap:8px;
}
.pdp-v2 .gal-tool{
  width:38px;height:38px;border-radius:50%;
  background:rgba(255,255,255,.95);
  display:grid;place-items:center;
  font-size:14px;
  border:1px solid var(--line);
  transition:background .14s,border-color .14s,transform .1s;
}
.pdp-v2 .gal-tool:hover{background:#fff;border-color:var(--ink);transform:scale(1.06)}
.pdp-v2 .gal-tool:active{transform:scale(.96)}

.pdp-v2 .gal-thumbs{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:6px;
  margin-top:6px;
}
.pdp-v2 .gal-thumb{
  aspect-ratio:1/1;
  background:linear-gradient(170deg,#ececea,#dadad4);
  border-radius:var(--r);
  position:relative;overflow:hidden;
  border:1.5px solid transparent;
  display:flex;align-items:flex-end;justify-content:flex-start;
  padding:6px 8px;
  font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);
  cursor:pointer;
  transition:border-color .14s,transform .1s;
}
.pdp-v2 .gal-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pdp-v2 .gal-thumb:hover{border-color:var(--ink-3)}
.pdp-v2 .gal-thumb:active{transform:scale(.97)}
.pdp-v2 .gal-thumb.active{border-color:var(--ink);color:var(--ink)}

/* ---- BUY BOX ---- */
.pdp-v2 .buy{position:relative}
@media(min-width:900px){
  .pdp-v2 .buy{position:sticky;top:90px}
}
.pdp-v2 .buy-brand{
  font-family:var(--display);
  font-size:16px;letter-spacing:.12em;
  color:var(--ink-3);
  transform:scaleX(.9);transform-origin:left;
  margin-bottom:2px;
  text-transform:uppercase;
}
.pdp-v2 .buy-title{
  font-family:var(--display);
  font-size:clamp(32px,5vw,44px);
  line-height:.92;
  letter-spacing:-.005em;
  color:var(--ink);
  transform:scaleX(.82);transform-origin:left;
  max-width:520px;
  font-weight:400;
  margin:0;
}
.pdp-v2 .buy-sub{
  display:inline-flex;align-items:center;gap:8px;
  margin-top:14px;
  font-size:11px;font-weight:700;
  letter-spacing:.11em;text-transform:uppercase;
  color:var(--ink-2);
}
.pdp-v2 .buy-sub::before{
  content:"";width:14px;height:14px;border-radius:50%;
  background:var(--lime);
  box-shadow:inset 0 0 0 2px var(--ink);
}

.pdp-v2 .chips{
  display:grid;grid-template-columns:repeat(2,1fr);
  gap:8px;margin-top:18px;
}
@media(min-width:500px){.pdp-v2 .chips{grid-template-columns:repeat(4,1fr)}}
.pdp-v2 .chip{
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--r-btn);
  padding:10px 12px;
  transition:border-color .14s,background .14s;
}
.pdp-v2 .chip:hover{border-color:var(--ink-3);background:#fafaf8}
.pdp-v2 .chip-k{font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3);display:block;margin-bottom:3px}
.pdp-v2 .chip-v{font-size:13px;font-weight:700;color:var(--ink);letter-spacing:-.01em;display:block}

.pdp-v2 .price-row{
  margin-top:22px;
  display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;
}
.pdp-v2 .price{
  font-family:var(--display);
  font-size:42px;line-height:1;
  transform:scaleX(.82);transform-origin:left;
  color:var(--ink);
}
.pdp-v2 .price-old{
  font-size:16px;color:var(--ink-4);text-decoration:line-through;font-weight:500;
}
.pdp-v2 .price-drop{
  background:var(--lime);color:var(--lime-ink);
  padding:4px 8px;border-radius:var(--r-btn);
  font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
}
.pdp-v2 .price-splits{
  font-size:12px;color:var(--ink-3);margin-top:6px;
}

.pdp-v2 .sec-label{
  display:flex;align-items:baseline;justify-content:space-between;
  margin-top:24px;margin-bottom:10px;
}
.pdp-v2 .sec-label h3{
  font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--ink);
  margin:0;
}
.pdp-v2 .sec-label a{
  font-size:11px;font-weight:700;color:var(--ink-2);
  border-bottom:1px solid var(--ink-2);
  padding-bottom:1px;
}
.pdp-v2 .sec-label a:hover{color:var(--ink);border-color:var(--ink)}
.pdp-v2 .sizes{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:6px;
}
@media(min-width:500px){.pdp-v2 .sizes{grid-template-columns:repeat(6,1fr)}}
.pdp-v2 .size{
  padding:13px 4px;
  background:var(--white);
  border:1.5px solid var(--line);
  border-radius:var(--r-btn);
  text-align:center;
  font-size:13px;font-weight:700;
  position:relative;
  transition:border-color .14s,background .14s,transform .1s;
  cursor:pointer;
  display:block;
  color:var(--ink);
}
.pdp-v2 .size:hover{border-color:var(--ink)}
.pdp-v2 .size:active{transform:scale(.97)}
.pdp-v2 .size.active{
  background:var(--ink);color:var(--white);border-color:var(--ink);
}
.pdp-v2 .size.active:hover{background:#1d1d1d}
.pdp-v2 .size.oos{
  color:var(--ink-4);
  text-decoration:line-through;
  background:var(--bg-alt);
  cursor:not-allowed;
  border-color:var(--line);
}
.pdp-v2 .size.oos:hover{border-color:var(--line);transform:none}
.pdp-v2 .size small{display:block;font-size:9px;font-weight:500;opacity:.7;margin-top:2px;text-transform:uppercase;letter-spacing:.05em;text-decoration:none}

.pdp-v2 .stock{
  margin-top:14px;
  display:flex;align-items:center;gap:8px;
  font-size:12px;font-weight:600;color:var(--ink-2);
}
.pdp-v2 .stock::before{
  content:"";width:8px;height:8px;border-radius:50%;
  background:var(--success);
  box-shadow:0 0 0 3px rgba(45,143,60,.18);
}
.pdp-v2 .stock em{font-style:normal;color:var(--ink-4);font-weight:500}

.pdp-v2 .cta-stack{margin-top:18px;display:flex;flex-direction:column;gap:8px}
.pdp-v2 .btn{
  display:flex;align-items:center;justify-content:center;gap:10px;
  width:100%;min-height:54px;padding:0 20px;
  border-radius:var(--r-btn);
  font-family:var(--body);
  font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  transition:transform .09s,background .14s,border-color .14s,color .14s,box-shadow .14s;
  cursor:pointer;
}
.pdp-v2 .btn:active{transform:scale(.98)}
.pdp-v2 .btn-primary{background:var(--ink);color:var(--white);border:1.5px solid var(--ink)}
.pdp-v2 .btn-primary:hover{background:#1d1d1d;box-shadow:0 6px 22px rgba(29,29,29,.22)}
.pdp-v2 .btn-primary:hover .arrow{transform:translateX(3px)}
.pdp-v2 .btn-secondary{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}
.pdp-v2 .btn-secondary:hover{background:var(--ink);color:var(--white)}
.pdp-v2 .btn-lime{background:var(--lime);color:var(--lime-ink);border:1.5px solid var(--lime)}
.pdp-v2 .btn-lime:hover{background:#b8df2a;border-color:#b8df2a}
.pdp-v2 .btn .arrow{font-family:var(--display);font-weight:400;font-size:18px;line-height:1;transition:transform .16s}

.pdp-v2 .microcopy{
  margin-top:10px;text-align:center;
  font-size:11px;letter-spacing:.07em;text-transform:uppercase;
  color:var(--ink-2);font-weight:700;
}
.pdp-v2 .microcopy b{color:var(--ink);font-weight:800}

.pdp-v2 .trust{
  margin-top:20px;
  display:grid;grid-template-columns:1fr 1fr 1fr;
  gap:10px;
  padding:14px;
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--r);
}
.pdp-v2 .trust-item{text-align:center}
.pdp-v2 .trust-item svg{width:22px;height:22px;margin:0 auto 6px;color:var(--ink-2)}
.pdp-v2 .trust-item b{display:block;font-size:11px;font-weight:800;color:var(--ink);line-height:1.2}
.pdp-v2 .trust-item small{display:block;font-size:10px;color:var(--ink-3);margin-top:2px;font-weight:600}

/* ============ SECTION WRAPPERS ============ */
.pdp-v2 .sec{
  max-width:var(--maxw);margin:0 auto;
  padding:40px var(--gutter);
  border-top:1px solid var(--line);
}
@media(min-width:900px){
  .pdp-v2 .sec{padding:52px var(--gutter)}
}
.pdp-v2 .sec-dark{
  background:var(--ink);color:#eee;
  border-top:0;
  max-width:none;
}
.pdp-v2 .sec-dark .sec-inner{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
.pdp-v2 .sec-h{
  display:flex;align-items:baseline;gap:16px;margin-bottom:16px;
}
.pdp-v2 .sec-kicker{
  font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;
  color:var(--ink-3);
}
.pdp-v2 .sec-dark .sec-kicker{color:#a5a5a5}
.pdp-v2 .sec-h h2,
.pdp-v2 .sec-title{
  font-family:var(--display);
  font-size:clamp(30px,4.5vw,44px);
  line-height:.95;
  transform:scaleX(.82);transform-origin:left;
  letter-spacing:-.005em;
  font-weight:400;
  margin:0 0 22px;
}
.pdp-v2 .sec-dark .sec-title{color:#fff;margin-bottom:8px}
.pdp-v2 .sec-intro{color:var(--ink-2);max-width:720px;margin-bottom:20px}
.pdp-v2 .sec-dark .sec-intro{color:#d4d4d4}

/* ============ BLOC POURQUOI ============ */
.pdp-v2 .why{
  display:grid;gap:22px;
  grid-template-columns:1fr;
}
@media(min-width:760px){.pdp-v2 .why{grid-template-columns:1fr 1fr;gap:40px;align-items:start}}
.pdp-v2 .why-intro p{font-size:16px;line-height:1.6;color:var(--ink-2)}
.pdp-v2 .why-intro p + p{margin-top:12px}
.pdp-v2 .why-signals{display:grid;gap:10px}
.pdp-v2 .why-sig{
  padding:13px 16px;
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--r);
  display:flex;gap:14px;align-items:center;
  transition:border-color .14s,transform .14s;
}
.pdp-v2 .why-sig:hover{border-color:var(--ink-3);transform:translateX(2px)}
.pdp-v2 .why-sig-n{
  font-family:var(--display);
  font-size:28px;line-height:.9;
  transform:scaleX(.78);transform-origin:left;
  min-width:32px;color:var(--ink);
}
.pdp-v2 .why-sig-txt b{display:block;font-size:13px;font-weight:800;color:var(--ink);letter-spacing:-.005em}
.pdp-v2 .why-sig-txt small{display:block;font-size:12px;color:var(--ink-2);margin-top:2px;line-height:1.45;font-weight:500}

/* ============ AUTHENTIFICATION ============ */
.pdp-v2 .auth-grid{
  display:grid;gap:14px;
  grid-template-columns:1fr;
  margin-top:20px;
}
@media(min-width:760px){.pdp-v2 .auth-grid{grid-template-columns:repeat(3,1fr)}}
.pdp-v2 .auth-card{
  padding:22px 20px;
  background:#1d1d1d;
  border:1px solid #2a2a2a;
  border-radius:var(--r);
  position:relative;
  transition:border-color .14s,background .14s;
}
.pdp-v2 .auth-card:hover{border-color:#3a3a3a;background:#262626}
.pdp-v2 .auth-card-n{
  font-family:var(--display);
  font-size:42px;line-height:.8;
  transform:scaleX(.78);transform-origin:left;
  color:var(--lime);
  margin-bottom:10px;
}
.pdp-v2 .auth-card h4{
  font-size:15px;font-weight:800;color:#fff;
  letter-spacing:-.005em;
  margin-bottom:6px;
}
.pdp-v2 .auth-card p{color:#c2c2c2;font-size:13px;line-height:1.55}
.pdp-v2 .auth-tagline{
  margin-top:22px;padding-top:22px;
  border-top:1px solid #222;
  font-size:13px;color:#d4d4d4;max-width:620px;line-height:1.55;
}
.pdp-v2 .auth-tagline strong{color:#fff}

/* ============ ÉTAT DÉTAILLÉ ============ */
.pdp-v2 .state-top{
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  padding:14px 18px;
  background:var(--white);border:1px solid var(--line);border-radius:var(--r);
  margin-bottom:14px;
}
.pdp-v2 .state-rank{
  font-family:var(--display);font-size:26px;line-height:1;
  transform:scaleX(.78);transform-origin:left;
  padding:4px 10px 4px 0;
}
.pdp-v2 .state-scale{display:flex;gap:3px}
.pdp-v2 .state-dot{
  width:26px;height:6px;border-radius:1px;background:var(--line-2);
}
.pdp-v2 .state-dot.on{background:var(--ink)}
.pdp-v2 .state-key{
  font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4);
  margin-left:auto;
}
.pdp-v2 .state-grid{
  display:grid;gap:10px;
  grid-template-columns:1fr;
}
@media(min-width:760px){.pdp-v2 .state-grid{grid-template-columns:1fr 1fr}}
.pdp-v2 .state-row{
  display:grid;grid-template-columns:120px 1fr auto;gap:12px;align-items:center;
  padding:12px 16px;
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--r);
  transition:border-color .14s;
}
.pdp-v2 .state-row:hover{border-color:var(--ink-3)}
.pdp-v2 .state-row b{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.pdp-v2 .state-row span{font-size:13px;color:var(--ink-2);line-height:1.4;font-weight:500}
.pdp-v2 .state-pill{
  font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  padding:4px 10px;border-radius:var(--r-pill);
}
.pdp-v2 .state-pill.ok{background:#e7f2d9;color:#2d5f00}
.pdp-v2 .state-pill.mid{background:#fff0d0;color:#7a4a00}
.pdp-v2 .state-pill.warn{background:#ffd9d5;color:#8a1f15}

/* ============ DÉTAILS PRODUIT ============ */
.pdp-v2 .specs{
  display:grid;gap:0;
  grid-template-columns:1fr;
  background:var(--white);border:1px solid var(--line);border-radius:var(--r);
  overflow:hidden;
}
@media(min-width:760px){.pdp-v2 .specs{grid-template-columns:1fr 1fr}}
.pdp-v2 .spec{
  padding:13px 18px;
  border-bottom:1px solid var(--line);
  display:flex;justify-content:space-between;gap:16px;
  align-items:center;
}
@media(min-width:760px){
  .pdp-v2 .spec:nth-child(odd){border-right:1px solid var(--line)}
  .pdp-v2 .spec:nth-last-child(-n+2){border-bottom:0}
}
.pdp-v2 .spec-k{font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3)}
.pdp-v2 .spec-v{font-size:14px;font-weight:700;color:var(--ink);text-align:right}

/* ============ TAILLE / FIT ============ */
.pdp-v2 .fit-grid{
  display:grid;gap:16px;grid-template-columns:1fr;
}
@media(min-width:760px){.pdp-v2 .fit-grid{grid-template-columns:1.2fr 1fr;align-items:start}}
.pdp-v2 .fit-box{
  padding:20px;
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--r);
}
.pdp-v2 .fit-box h4{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:12px}
.pdp-v2 .fit-verdict{
  font-family:var(--display);
  font-size:30px;line-height:.95;
  transform:scaleX(.82);transform-origin:left;
  margin-bottom:8px;
}
.pdp-v2 .fit-verdict em{color:var(--ink-4);font-style:normal}
.pdp-v2 .fit-box p{font-size:14px;color:var(--ink-2);line-height:1.5}
.pdp-v2 .fit-scale{
  display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:18px;
}
.pdp-v2 .fit-scale-cell{height:10px;background:var(--line-2);border-radius:1px}
.pdp-v2 .fit-scale-cell.on{background:var(--ink)}
.pdp-v2 .fit-scale-lbl{
  display:flex;justify-content:space-between;margin-top:8px;
  font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-weight:700;
}

/* ============ LIVRAISON ============ */
.pdp-v2 .ship-grid{
  display:grid;gap:10px;grid-template-columns:1fr;
}
@media(min-width:760px){.pdp-v2 .ship-grid{grid-template-columns:repeat(4,1fr)}}
.pdp-v2 .ship-card{
  padding:18px;
  background:var(--white);border:1px solid var(--line);border-radius:var(--r);
  transition:border-color .14s,transform .14s;
}
.pdp-v2 .ship-card:hover{border-color:var(--ink-3);transform:translateY(-2px)}
.pdp-v2 .ship-card.lime:hover{border-color:var(--ink);transform:translateY(-2px)}
.pdp-v2 .ship-card svg{width:26px;height:26px;color:var(--ink-2);margin-bottom:10px}
.pdp-v2 .ship-card b{display:block;font-size:13px;font-weight:800;color:var(--ink);margin-bottom:4px}
.pdp-v2 .ship-card p{font-size:12px;color:var(--ink-2);line-height:1.45;font-weight:500}
.pdp-v2 .ship-card.lime{background:var(--lime);border-color:var(--lime)}
.pdp-v2 .ship-card.lime p{color:var(--ink-2)}

/* ============ L'OEIL D'IKICK ============ */
.pdp-v2 .editorial{
  background:var(--ink);
  color:#eaeaea;
  border-radius:var(--r-lg);
  padding:34px 26px;
  position:relative;
  overflow:hidden;
}
.pdp-v2 .editorial::before{
  content:"IKICK";
  position:absolute;
  top:50%;right:-40px;
  transform:translateY(-50%) scaleX(.78);
  font-family:var(--display);
  font-size:300px;
  color:#fff;opacity:.03;
  line-height:.8;
  pointer-events:none;
  white-space:nowrap;
}
.pdp-v2 .editorial-inner{position:relative;z-index:1;max-width:680px}
.pdp-v2 .editorial-kicker{
  font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
  color:var(--lime);margin-bottom:12px;
}
.pdp-v2 .editorial h3{
  font-family:var(--display);
  font-size:clamp(28px,4vw,40px);line-height:.95;
  transform:scaleX(.82);transform-origin:left;
  margin-bottom:14px;color:#fff;
  font-weight:400;
}
.pdp-v2 .editorial p{font-size:14.5px;line-height:1.6;color:#d4d4d4;margin-bottom:12px}
.pdp-v2 .editorial p:last-of-type{margin-bottom:0}
.pdp-v2 .editorial p strong{color:#fff;font-weight:700}
.pdp-v2 .editorial-sig{
  margin-top:22px;
  display:flex;align-items:center;gap:12px;
  font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  color:#a5a5a5;
}
.pdp-v2 .editorial-sig::before{
  content:"";width:30px;height:1px;background:#6a6a6a;
}

/* ============ PIÈCES SIMILAIRES ============ */
.pdp-v2 .sim-grid{
  display:grid;gap:12px;
  grid-template-columns:repeat(2,1fr);
  margin-top:8px;
}
@media(min-width:760px){.pdp-v2 .sim-grid{grid-template-columns:repeat(4,1fr)}}
.pdp-v2 .sim-card{
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--r);
  overflow:hidden;
  transition:border-color .14s,transform .14s,box-shadow .14s;
  cursor:pointer;
  display:block;
}
.pdp-v2 .sim-card:hover{
  border-color:var(--ink);
  transform:translateY(-3px);
  box-shadow:0 10px 28px rgba(0,0,0,.08);
}
.pdp-v2 .sim-card:active{transform:translateY(-1px)}
.pdp-v2 .sim-img{
  aspect-ratio:1/1;
  background:linear-gradient(170deg,#eaeae7,#d2d2cc);
  position:relative;
}
.pdp-v2 .sim-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.pdp-v2 .sim-img::after{
  content:attr(data-label);
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--display);
  font-size:48px;
  color:rgba(0,0,0,.08);
  transform:scaleX(.78);
  z-index:0;
}
.pdp-v2 .sim-tag{
  position:absolute;top:8px;left:8px;z-index:2;
  font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  background:var(--ink);color:var(--white);
  padding:4px 8px;border-radius:var(--r-btn);
}
.pdp-v2 .sim-body{padding:12px 14px 16px}
.pdp-v2 .sim-brand{font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3);margin-bottom:3px}
.pdp-v2 .sim-name{font-size:13px;font-weight:700;color:var(--ink);line-height:1.25;margin-bottom:6px;min-height:2.4em}
.pdp-v2 .sim-meta{
  display:flex;align-items:center;justify-content:space-between;
  font-size:11px;color:var(--ink-2);font-weight:600;
}
.pdp-v2 .sim-price{font-size:14px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}

/* ============ CTA CHASSEUR ============ */
.pdp-v2 .chasseur{
  background:var(--lime);
  border-radius:var(--r-lg);
  padding:34px 26px;
  position:relative;overflow:hidden;
}
.pdp-v2 .chasseur-inner{position:relative;z-index:1;max-width:720px}
.pdp-v2 .chasseur-kicker{
  font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ink-2);margin-bottom:10px;
}
.pdp-v2 .chasseur h3{
  font-family:var(--display);
  font-size:clamp(32px,5vw,52px);line-height:.92;
  transform:scaleX(.82);transform-origin:left;
  color:var(--ink);margin-bottom:14px;
  font-weight:400;
}
.pdp-v2 .chasseur p{font-size:15px;color:var(--ink-2);line-height:1.55;max-width:580px;margin-bottom:22px}
.pdp-v2 .chasseur::after{
  content:"→";
  position:absolute;
  bottom:-40px;right:-20px;
  font-family:var(--display);
  font-size:280px;
  color:rgba(0,0,0,.06);
  line-height:.8;
  pointer-events:none;
}

/* ============ STICKY MOBILE CTA ============ */
.pdp-v2 .sticky-cta{
  position:fixed;left:0;right:0;bottom:0;z-index:40;
  background:var(--white);
  border-top:1px solid var(--line);
  padding:10px 14px calc(10px + env(safe-area-inset-bottom));
  display:flex;gap:10px;align-items:center;
  box-shadow:0 -10px 30px rgba(0,0,0,.08);
}
.pdp-v2 .sticky-cta .s-price{
  font-family:var(--display);font-size:22px;line-height:1;
  transform:scaleX(.82);transform-origin:left;
  flex-shrink:0;
}
.pdp-v2 .sticky-cta .btn{flex:1;min-height:48px;font-size:13px}
@media(min-width:900px){.pdp-v2 .sticky-cta{display:none}}
.pdp-v2.has-sticky-cta{padding-bottom:88px}
@media(min-width:900px){.pdp-v2.has-sticky-cta{padding-bottom:0}}

/* ============ FIN PDP V2 ============ */


/* =========================================================
   IKICK PDP v2 — HOMEPAGE SYNC PATCH
   Objectif : aligner la PDP sur les tokens typographiques et
   chromatiques de la home (Neue Plak natif, weight 800,
   uppercase, accent lime #D7FF01, pas de scaleX).
   Scope : .pdp-v2  (ce bloc écrase les anciennes règles)
   ========================================================= */

.pdp-v2 {
  --ink: #1d1d1d;
  --yellow: #D7FF01;
  --lime: #D7FF01;
  --white: #ffffff;
  --muted: #999999;
  --border: #E5E5E5;
  --hair: #EDEDED;
  --bg-soft: #F7F7F7;
  --radius-pill: 999px;
  --font-display: "Neue Plak", NeuePlak, "Neue Plak Text", NeuePlakUA, Impact, "Arial Narrow", sans-serif;
  --font-body: Inter, -apple-system, "system-ui", sans-serif;
  color: var(--ink);
  background: var(--white);
  font-family: var(--font-body);
}

/* ---- Kill legacy scaleX squeeze on every heading inside PDP ---- */
.pdp-v2 h1,
.pdp-v2 h2,
.pdp-v2 h3,
.pdp-v2 h4,
.pdp-v2 .sec-title,
.pdp-v2 .buy-title,
.pdp-v2 .buy-subtitle,
.pdp-v2 .why-title,
.pdp-v2 .auth-title,
.pdp-v2 .state-title,
.pdp-v2 .spec-title,
.pdp-v2 .fit-title,
.pdp-v2 .ship-title,
.pdp-v2 .eye-title,
.pdp-v2 .chasseur-title,
.pdp-v2 .hero-headline,
.pdp-v2 .mega-title {
  transform: none !important;
  transform-origin: left center;
  letter-spacing: 0;
  font-style: normal;
}

/* ---- H1 produit : display style homepage hero (scaled down) ---- */
.pdp-v2 .buy-title,
.pdp-v2 h1.buy-title {
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
  font-size: clamp(34px, 4.2vw, 56px) !important;
  line-height: 0.95 !important;
  letter-spacing: -0.5px !important;
  text-transform: uppercase !important;
  color: var(--ink) !important;
  margin: 0 0 10px !important;
}

/* ---- Section titles : comme les H2 de la home ---- */
.pdp-v2 .sec-title,
.pdp-v2 h2.sec-title,
.pdp-v2 section.sec h2 {
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
  font-size: clamp(26px, 2.8vw, 36px) !important;
  line-height: 1 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  color: var(--ink) !important;
  margin: 0 0 14px !important;
}

/* ---- Kickers / eyebrows : exactement comme .hero-eyebrow de la home ---- */
.pdp-v2 .sec-kicker,
.pdp-v2 .buy-kicker,
.pdp-v2 .eyebrow {
  font-family: var(--font-body) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  color: var(--muted) !important;
  transform: none !important;
  display: inline-block;
  margin-bottom: 8px;
}

/* Accent kicker (sur fond sombre ou pour appels forts) */
.pdp-v2 .sec-kicker--lime {
  color: var(--ink) !important;
  background: var(--yellow);
  padding: 4px 10px;
  border-radius: 2px;
}

/* ---- Sous-titres et punchlines en Inter bold (pas en Neue Plak) ---- */
.pdp-v2 .buy-subtitle,
.pdp-v2 .sec-sub,
.pdp-v2 .sec-lede {
  font-family: var(--font-body) !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #555 !important;
  transform: none !important;
  margin: 0 0 18px !important;
}

/* ---- Prix : Neue Plak 800, sans scaleX, sans uppercase ---- */
.pdp-v2 .buy-price,
.pdp-v2 .price-now {
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
  font-size: clamp(28px, 3vw, 40px) !important;
  letter-spacing: -0.5px !important;
  text-transform: none !important;
  color: var(--ink) !important;
  transform: none !important;
}
.pdp-v2 .buy-price-old,
.pdp-v2 .price-old {
  font-family: var(--font-body) !important;
  font-weight: 500;
  font-size: 16px;
  color: var(--muted);
  text-decoration: line-through;
  margin-left: 10px;
}

/* ---- CTA principal : pill lime comme bouton VENDRE de la home ---- */
.pdp-v2 .buy-btn,
.pdp-v2 .buy-cta,
.pdp-v2 .btn-primary,
.pdp-v2 .cta-primary,
.pdp-v2 a.buy-btn,
.pdp-v2 button.buy-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: var(--ink) !important;
  color: var(--white) !important;
  font-family: var(--font-body) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  padding: 18px 32px !important;
  border-radius: var(--radius-pill) !important;
  border: 0 !important;
  cursor: pointer;
  transition: transform .15s ease, background .15s ease;
  text-decoration: none;
}
.pdp-v2 .buy-btn:hover,
.pdp-v2 .buy-cta:hover,
.pdp-v2 .btn-primary:hover {
  background: #000 !important;
  transform: translateY(-1px);
}

/* Secondary pill (lime) — pour les actions de type "Vendre le mien" */
.pdp-v2 .btn-lime,
.pdp-v2 .cta-lime {
  background: var(--yellow) !important;
  color: var(--ink) !important;
  font-family: var(--font-body);
  font-weight: 800;
  font-size: 11px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  padding: 9px 24px;
  border-radius: var(--radius-pill);
  border: 0;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* ---- Sticky mobile CTA : bouton pill ink ---- */
.pdp-v2 .sticky-cta .cta-add,
.pdp-v2 .sticky-cta button {
  background: var(--ink);
  color: var(--white);
  border-radius: var(--radius-pill);
  font-family: var(--font-body);
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* ---- Bai�\���]]�]Y���\�H��[VKKKH
�‹�]����]KX�Y�K��]����ۙ]Y���]���Z�X��]Y���]����^K]Y���[�ˆ�[�ٛܛN��ۙHZ[\ܝ[�ˆ�۝Y�[Z[N��\�KY�۝X��JNˆ�۝]�ZY��
�ˆ�۝\�^�N�Lˆ]\�\�X�[�ΈK��ˆ^]�[�ٛܛN�\\��\�NˆY[�Έ
\Lˆ�ܙ\��\��Y�\�KX�ܙ\�Nˆ�ܙ\�\�Y]\ΈNN\ˆ��܎��\�KZ[��Nˆ�X��ܛ�[���\�K]�]JNŸB��]����]KX�Y�K�\�XX�]�K��]����ۙ]Y˚\�XX�]�K��]����^K]Y���\�XX�]�Hˆ�X��ܛ�[���\�K^Y[��Nˆ�ܙ\�X��܎��\�K^Y[��Nˆ��܎��\�KZ[��NŸB��ʈKKKHܚY���\���Z\�[�H�ܙ\���0�\�[�]�X��YHKKKH
�‹�]����\X�\���]����KX�\���]���]]\�\��]����]KX�\���]����X�X�\���]����]X�\���]���^YKX�\�ˆ�ܙ\��\��Y�\�KX�ܙ\�Nˆ�ܙ\�\�Y]\Έ�ˆ�X��ܛ�[���\�K]�]JNˆY[�Έ�ˆ��\�Y�Έ�ۙNŸB��]����\X�\��[YHˆ�X��ܛ�[���\�K^Y[��Nˆ�ܙ\�X��܎��\�K^Y[��NŸB��]����\X�\����]����KX�\����]����\X�\���ۙ�ˆ�۝Y�[Z[N��\�KY�۝X��JNˆ�۝]�ZY��ˆ�۝\�^�N�Mˆ]\�\�X�[�Έ��ˆ^]�[�ٛܛN��ۙNˆ\�^N�����ˆX\��[��M
�ŸB��]����\X�\���]����KX�\�ˆ�۝Y�[Z[N��\�KY�۝X��JNˆ�۝\�^�N�L�ˆ��܎��MMNˆ[�KZZY��K�NˆX\��[��ŸB��ʈKKKH�X�[ۈܘ\\���\�X�[Y[��\��\�\��\���0�\�[���YHKKKH
�‹�]���X�[ۋ��X���]���\�X�[ۈˆY[�Έ�[\


���M�
H�[\
M�
��
�
NˆX^]�Y�M
ˆX\��[��]]�ŸB��]����X�Zˆ\�^N��^ˆ[YۋZ][\Έ�[�\�ˆ�\�LˆX\��[��ŸB��ʈKKKH�[\�H��[��
�Z\�[�K\�H�ܙ\��[��HKKKH
�‹�]����[[XZ[���]����[\�K[XZ[�ˆ�ܙ\��\��Y�\�KX�ܙ\�Nˆ�X��ܛ�[��٘Y�Y�Nˆ�ܙ\�\�Y]\Έ�ŸB��]����[][X��[Y���]����[][X�ˆ�ܙ\��\��Y�\�KX�ܙ\�Nˆ�ܙ\�\�Y]\Έ�ŸB��]����[][X��\�XX�]�K��]����[][X��[Y˚\�XX�]�Hˆ�ܙ\�X��܎��\�KZ[��NŸB��ʈKKKHZ[H�[X�܈�\�[\�[�\�\�H�]YHZ�KKKH
�‹�]����^�KYܚY�]ۋ��]����^�K[���]����]X��ˆ�۝Y�[Z[N��\�KY�۝X��JHZ[\ܝ[�ˆ�۝]�ZY��
�Z[\ܝ[�ˆ�۝\�^�N�MZ[\ܝ[�ˆ]\�\�X�[�ΈZ[\ܝ[�ˆ^]�[�ٛܛN��ۙHZ[\ܝ[�ˆ�[�ٛܛN��ۙHZ[\ܝ[�ˆ�ܙ\��\��Y�\�KX�ܙ\�Nˆ�X��ܛ�[���\�K]�]JNˆ��܎��\�KZ[��Nˆ�ܙ\�\�Y]\Έ�ˆY[�ΈL�ˆ�\��܎��[�\�ˆ�[��][ێ�[�M\�X\�NŸB��]����^�KYܚY�]ێ�ݙ\���]����^�K[��ݙ\�ˆ�ܙ\�X��܎��\�KZ[��NŸB��]����^�KYܚY�]ۋ�\�XX�]�K��]����^�K[��\�XX�]�K��]����^�KYܚY�]ۖ�\�XK\�\��YH��YH�Hˆ�X��ܛ�[���\�KZ[��Nˆ��܎��\�K]�]JNˆ�ܙ\�X��܎��\�KZ[��NŸB��ʈKKKH��XYܝ[X��ܝ[X��[�KY\�ܙ]KKKH
�‹�]���ܝ[X���]�����XYܝ[X�ˆ�۝Y�[Z[N��\�KY�۝X��JNˆ�۝\�^�N�L\ˆ�۝]�ZY��
Lˆ]\�\�X�[�ΈK�ˆ^]�[�ٛܛN�\\��\�Nˆ��܎��\�K[]]Y
NˆY[�ΈN�[\
M�
��
�
HŸB��]���ܝ[X�H���܎��\�K[]]Y
N�^YX�ܘ][ێ��ۙN�B��]���ܝ[X�N�ݙ\����܎��\�KZ[��N�B��ʈKKKHZY[Y[���\������\�H�H
�[�][ۊHKKKH
�‹�]���^K\���ˆ\�^N��^ˆ�^]ܘ\�ܘ\ˆ�\�L�ˆX\��[��N
ˆY[�ΈMM�ˆ�ܙ\��\��Y�\�KX�ܙ\�Nˆ�ܙ\�\�Y]\Έ�ˆ�X��ܛ�[��٘Y�Y�Nˆ[YۋZ][\Έ�[�\�ˆ�\�Y�KX�۝[���X�KX�]�Y[�ŸB��]���^K\����^K[Y�ˆ\�^N��^ˆ[YۋZ][\Έ�[�\�ˆ�\�LŸB��]���^K\����^KX�Y�Hˆ\�^N�[�[�KY�^ˆ[YۋZ][\Έ�[�\�ˆ�\�Y�KX�۝[���[�\�ˆ�X��ܛ�[���\�KZ[��Nˆ��܎��\�K^Y[��Nˆ�۝Y�[Z[N��\�KY�۝X��JNˆ�۝]�ZY��ˆ�۝\�^�N�L\ˆ]\�\�X�[�Έ��ˆY[�Έ
�Lˆ�ܙ\�\�Y]\ΈNN\ˆ^]�[�ٛܛN�\\��\�NŸB��]���^K\����^K]^�ˆ�۝Y�[Z[N��\�KY�۝X��JNˆ�۝]�ZY��ˆ�۝\�^�N�L�ˆ��܎��\�KZ[��Nˆ\�^N�����ŸB��]���^K\����^K]^�[�ˆ�۝Y�[Z[N��\�KY�۝X��JNˆ�۝\�^�N�L\ˆ��܎��\�K[]]Y
Nˆ]\�\�X�[�Έ�ŸB��]���^K\����^K[����ˆ\�^N��^ˆ[YۋZ][\Έ�[�\�ˆ�\�Lˆ�۝Y�[Z[N��\�KY�۝X��JNˆ�۝\�^�N�Lˆ�۝]�ZY��
�ˆ]\�\�X�[�Έ\ˆ��܎��\�K[]]Y
Nˆ^]�[�ٛܛN�\\��\�NŸB��ʈKKKH�]�Y]�����H��[\K[�\�KKKH
�‹�]����][����]����\��ˆ�۝Y�[Z[N��\�KY�۝X��JNˆ�۝\�^�N�L�ˆ��܎��\�KZ[��Nˆ�[�ٛܛN��ۙHZ[\ܝ[�ˆ]\�\�X�[�ΈŸB��ʈKKKH^\�\�ܚ\Y���[�\�MLMK[�KZZY�K��KKKH
�‹�]����]����X�K��]����X�\�����]���]]\�\��]����KX�\�ˆ�۝Y�[Z[N��\�KY�۝X��JNˆ�۝]�ZY��
ˆ�۝\�^�N�Mˆ[�KZZY��K��ˆ��܎��

ˆ�[�ٛܛN��ۙHZ[\ܝ[�ˆ]\�\�X�[�ΈŸB��ʈKKKH[ؚ[H�XZ��KKKH
�YYXH
X^]�Y�
͎
Hˆ�]����^K]]H��۝\�^�N��Z[\ܝ[��B��]����X�]]H��۝\�^�N��Z[\ܝ[��B��]���X�[ۋ��X��Y[�Έ
M��B��]���^K\�����^Y\�X�[ێ���[[��[YۋZ][\Έ��]���\�L�B�B��ʈOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOB��S��QTQ�H�S��U��OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOH
��


/* ================================================================
   GLOBAL FIX v1 — Announce bar ticker (2026-04-11)
   Corrige le wrapping du texte et l'overflow du ticker strip
   ================================================================ */

/* Le wrapper doit masquer tout ce qui dépasse */
.ikick-announce-bar,
.ikick-ticker-wrap {
  overflow: hidden !important;
  height: 36px !important;
  display: flex !important;
  align-items: center !important;
}

/* Le track doit être flex horizontal sans retour à la ligne */
.ikick-ticker-track {
  display: flex !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  align-items: center !important;
  flex-shrink: 0 !important;
  min-width: 100% !important;
}

/* Chaque item : pas de wrap */
.ikick-ticker-item {
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* Empêcher tout overflow horizontal global */
body {
  overflow-x: hidden !important;
}

/* Fix announcement-bar parent */
.announcement-bar {
  overflow: hidden !important;
}


/* ================================================================
   GLOBAL FIX v2 — Announce bar: masquer le ticker legacy
   L'ikick-announce-bar est un ticker legacy (transparent) redondant
   avec le topbar-ticker dans le header. On le masque proprement.
   ================================================================ */

.shopify-section.announcement-bar {
  display: none !important;
}


/* PATCH v3 - hide legacy ticker inner */
.ikick-announce-bar,
.ikick-ticker-wrap {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
}


/* PATCH v4 - hide PDP promo banner below nav */
.pdp-v2 .banner,
.section-main-product .banner {
  display: none !important;
}


/* PATCH v5 - fix badges numérotés why-sig-n (cercles carrés + chiffres centrés) */
.pdp-v2 .why-sig-n {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  border-radius: 50% !important;
  background: #1d1d1d !important;
  color: #D7FF01 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
}


/* PATCH v6 - fix why-sig card layout (padding + vertical alignment) */
.pdp-v2 .why-sig {
  padding: 16px 20px !important;
  align-items: center !important;
  border-radius: 8px !important;
}
.pdp-v2 .why-sig-n {
  flex-shrink: 0 !important;
  margin-top: 0 !important;
}


/* PATCH v7 - cercles parfaits why-sig-n (force aspect-ratio 1:1) */
.pdp-v2 .why-sig-n {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  max-width: 30px !important;
  max-height: 30px !important;
  aspect-ratio: 1 / 1 !important;
  flex: 0 0 30px !important;
  border-radius: 50% !important;
  background: #1d1d1d !important;
  color: #D7FF01 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}


/* PATCH v8 - cercles ronds : annuler scaleX(.78) sur why-sig-n */
.pdp-v2 .why-sig-n {
  transform: scaleX(1) !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  min-height: 30px !important;
  flex: 0 0 30px !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #1d1d1d !important;
  color: #D7FF01 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}


/* PATCH v9 - Section Oeil IKICK - redesign editorial */
.pdp-v2 .editorial {
  background: #1d1d1d !important;
  border-radius: 16px !important;
  padding: 64px 56px !important;
  position: relative !important;
  overflow: hidden !important;
  max-width: 860px !important;
  margin: 0 auto !important;
  box-shadow: 0 4px 40px rgba(0,0,0,0.12) !important;
}
.pdp-v2 .editorial-inner {
  position: relative !important;
  z-index: 2 !important;
  text-align: center !important;
  max-width: 660px !important;
  margin: 0 auto !important;
}
.pdp-v2 .editorial-kicker {
  color: #D7FF01 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  margin-bottom: 28px !important;
  display: block !important;
}
.pdp-v2 .editorial h3 {
  color: #ffffff !important;
  font-size: clamp(26px, 2.8vw, 40px) !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  margin: 0 0 24px !important;
  letter-spacing: -0.02em !important;
}
.pdp-v2 .editorial p {
  color: rgba(255,255,255,0.72) !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  margin: 0 0 36px !important;
}
.pdp-v2 .editorial-sig {
  color: #D7FF01 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  display: block !important;
}
.pdp-v2 .editorial-sig::before {
  content: "" !important;
  display: block !important;
  width: 32px !important;
  height: 2px !important;
  background: #D7FF01 !important;
  margin: 0 auto 16px !important;
}
.pdp-v2 .editorial::after {
  content: "IKICK" !important;
  position: absolute !important;
  right: -10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 160px !important;
  font-weight: 900 !important;
  color: rgba(255,255,255,0.04) !important;
  pointer-events: none !important;
  z-index: 1 !important;
  line-height: 1 !important;
  letter-spacing: -5px !important;
  user-select: none !important;
}

/* PATCH v10 - editorial IKICK haute specificite */
.pdp-v2 .sec-alt .editorial .editorial-inner .editorial-kicker {
  color: #D7FF01 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  margin-bottom: 24px !important;
  display: block !important;
  opacity: 1 !important;
}
.pdp-v2 .sec-alt .editorial .editorial-inner h3 {
  color: #ffffff !important;
  font-size: clamp(26px, 2.8vw, 40px) !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  margin: 0 0 24px !important;
  letter-spacing: -0.02em !important;
}
.pdp-v2 .sec-alt .editorial .editorial-inner p {
  color: rgba(255,255,255,0.75) !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  margin: 0 0 32px !important;
}
.pdp-v2 .sec-alt .editorial .editorial-inner .editorial-sig {
  color: #D7FF01 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}
.pdp-v2 .sec-alt .editorial {
  background: #1d1d1d !important;
  border-radius: 16px !important;
  padding: 64px 56px !important;
  max-width: 860px !important;
  margin: 0 auto !important;
  position: relative !important;
  overflow: hidden !important;
}
.pdp-v2 .sec-alt .editorial .editorial-inner {
  text-align: center !important;
  max-width: 660px !important;
  margin: 0 auto !important;
  position: relative !important;
  z-index: 2 !important;
}
/* PATCH v11 - supprimer watermark IKICK fond editorial */
.pdp-v2 .editorial::after,
.pdp-v2 .editorial::before {
  content: none !important;
  display: none !important;
}

/* PATCH v12 - Chasseur section redesign : lisibilite + pro */
.pdp-v2 .chasseur {
  background: #D7FF01 !important;
  border-radius: 20px !important;
  padding: 72px 56px !important;
  max-width: 860px !important;
  margin: 0 auto !important;
  text-align: center !important;
  position: relative !important;
}
.pdp-v2 .chasseur .chasseur-kicker {
  color: rgba(0,0,0,0.45) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  margin-bottom: 20px !important;
  display: block !important;
}
.pdp-v2 .chasseur h3 {
  color: #1d1d1d !important;
  font-size: clamp(32px, 4vw, 52px) !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.02em !important;
  margin: 0 0 20px !important;
}
.pdp-v2 .chasseur p {
  color: rgba(0,0,0,0.65) !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  max-width: 540px !important;
  margin: 0 auto 36px !important;
}
.pdp-v2 .chasseur .btn-primary {
  background: #1d1d1d !important;
  color: #D7FF01 !important;
  border: none !important;
  padding: 16px 40px !important;
  border-radius: 100px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0 !important;
  cursor: pointer !important;
  transition: opacity 0.2s !important;
}
.pdp-v2 .chasseur .btn-primary:hover {
  opacity: 0.85 !important;
}
.pdp-v2 .chasseur .arrow,
.pdp-v2 .chasseur [class*="arrow"],
.pdp-v2 .chasseur .btn-primary .arrow {
  display: none !important;
}
.pdp-v2 .chasseur-inner {
  max-width: 640px !important;
  margin: 0 auto !important;
}

/* ════════════════════════════════════════
   PDP-PARITY — collection-page cards
   Inspiré de main-product.liquid v2
   ════════════════════════════════════════ */
.prod-img-wrap {
  border-radius: 12px !important;
  background: #ececec !important;
}
.prod-img-wrap img, .prod-img-wrap svg {
  object-fit: contain !important;
  filter: none !important;
  padding: 8px !important;
}
.prod-img-wrap svg { background: #ececec !important; }

/* Badges pill — identique .tag PDP */
.prod-badge {
  border-radius: 50px !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  padding: 4px 10px !important;
  background: #1d1d1d !important;
  color: #fff !important;
}
.prod-badge.lime { background: #D7FF01 !important; color: #1d1d1d !important; }
.prod-badge.deal { background: #E74C3C !important; }

/* Brand — identique .buy-brand */
.prod-brand-tag {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 2.5px !important;
  color: #999 !important;
}

/* Titre — identique .buy-title */
.prod-name-tag {
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: -0.3px !important;
  text-transform: uppercase !important;
  line-height: 1.1 !important;
  color: #1d1d1d !important;
}

/* Chips état — identique .chip PDP */
.prod-cond-chip {
  border-radius: 6px !important;
  border: 1px solid #e5e5e5 !important;
  padding: 3px 8px !important;
  background: #fff !important;
  color: #1d1d1d !important;
}
.prod-cond-chip.nwt {
  background: #D7FF01 !important;
  border-color: #D7FF01 !important;
  color: #1d1d1d !important;
}
.prod-cond-chip.used {
  background: #fff !important;
  border-color: #e5e5e5 !important;
  color: #555 !important;
}

/* Prix — identique PDP */
.prod-price-now {
  font-size: 16px !important;
  font-weight: 900 !important;
  letter-spacing: -0.5px !important;
}
.prod-price-old { color: #bbb !important; }

/* Discount — identique .price-drop PDP */
.prod-price-save {
  background: #D7FF01 !important;
  color: #1d1d1d !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  border-radius: 4px !important;
  padding: 2px 6px !important;
}

/* Quick view */
.prod-quick {
  background: #1d1d1d !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
}
.prod-quick:hover { background: #000 !important; color: #D7FF01 !important; }