/* =========================================================
   Maison Affilé — feuille de style
   ========================================================= */
:root{
  --ink:#16120f;
  --ink-2:#3b332d;
  --muted:#7b7068;
  --cream:#f7f2eb;
  --sand:#ede4d8;
  --line:#e2d8cb;
  --walnut:#6b3e24;
  --walnut-2:#8a5434;
  --brass:#b98546;
  --white:#fff;
  --ok:#2f7a4f;
  --radius:18px;
  --radius-sm:10px;
  --shadow:0 20px 50px -20px rgba(40,24,12,.28);
  --serif:"Fraunces", Georgia, serif;
  --sans:"Inter", system-ui, -apple-system, Segoe UI, sans-serif;
  --container:1240px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--sans);color:var(--ink);background:var(--cream);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.container{max-width:var(--container);margin:0 auto;padding:0 24px}
h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-.02em;line-height:1.1}
h1 em,h2 em{font-style:italic;color:var(--walnut)}
h2{font-size:clamp(30px,4vw,50px)}
h3{font-size:21px}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--brass);margin-bottom:14px}
.eyebrow.light{color:#e2bf8f}

/* Boutons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 26px;border-radius:999px;font-weight:600;font-size:15px;transition:transform .2s, background .2s, box-shadow .2s}
.btn-lg{padding:18px 32px;font-size:16px}
.btn-block{width:100%}
.btn-primary{background:var(--ink);color:var(--white)}
.btn-primary:hover{background:var(--walnut);transform:translateY(-1px);box-shadow:0 12px 30px -12px rgba(107,62,36,.7)}
.btn-light{background:var(--cream);color:var(--ink)}
.btn-light:hover{background:var(--white);transform:translateY(-1px)}
.icon-btn{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;position:relative;transition:background .2s}
.icon-btn:hover{background:rgba(0,0,0,.05)}

/* Bandeau */
.announce{background:var(--ink);color:#e9dfd2;font-size:13px;overflow:hidden;white-space:nowrap}
.announce-track{display:inline-flex;gap:28px;padding:10px 0;animation:marquee 28s linear infinite;padding-left:100%}
@keyframes marquee{to{transform:translateX(-100%)}}

/* Header */
.header{position:sticky;top:0;z-index:50;background:rgba(247,242,235,.88);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color .3s}
.header.scrolled{border-color:var(--line)}
.header-inner{display:flex;align-items:center;gap:24px;height:74px}
.logo{display:flex;align-items:center;gap:10px}
.logo-mark{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--walnut);color:var(--cream);font-family:var(--serif);font-size:20px;font-style:italic}
.logo-text{font-family:var(--serif);font-size:22px;letter-spacing:-.01em}
.logo-text em{font-style:italic;color:var(--walnut)}
.logo-light .logo-text{color:var(--cream)}
.logo-light .logo-text em{color:#e2bf8f}
.nav{display:flex;gap:30px;margin:0 auto;font-size:14.5px;font-weight:500}
.nav a{position:relative;padding:6px 0;color:var(--ink-2)}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--walnut);transform:scaleX(0);transition:transform .25s;transform-origin:left}
.nav a:hover::after{transform:scaleX(1)}
.nav a.soon::before{content:"Bientôt";position:absolute;top:-11px;left:50%;translate:-50% 0;font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--brass);font-weight:700}
.header-actions{margin-left:auto;display:flex}
.cart-count{position:absolute;top:4px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--walnut);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;transform:scale(0);transition:transform .25s}
.cart-count.show{transform:scale(1)}
.cart-count.bump{animation:bump .4s}
@keyframes bump{50%{transform:scale(1.35)}}
.menu-toggle{display:none}

/* Produit */
.product{padding-top:22px;padding-bottom:80px}
.breadcrumb{font-size:13px;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.breadcrumb a:hover{color:var(--ink)}
.product-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:start}

/* Galerie */
.gallery{position:sticky;top:96px;min-width:0}
.gallery-main{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--white);aspect-ratio:1/1;box-shadow:var(--shadow);touch-action:pan-y;user-select:none}
.gallery-track{display:flex;height:100%;transition:transform .55s cubic-bezier(.22,.8,.2,1)}
.gallery-track.dragging{transition:none}
.slide{flex:0 0 100%;height:100%;position:relative;overflow:hidden}
.slide img,.slide video{width:100%;height:100%;object-fit:cover;pointer-events:none}
.slide img{transition:transform .5s ease}
.gallery-main.zoom .slide.active img{transform:scale(1.8)}
.slide-badge{position:absolute;left:16px;top:16px;background:rgba(22,18,15,.78);color:#fff;font-size:12px;font-weight:600;padding:7px 12px;border-radius:999px;backdrop-filter:blur(6px)}
.gallery-arrow{position:absolute;top:50%;translate:0 -50%;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;box-shadow:0 6px 20px rgba(0,0,0,.12);opacity:0;transition:opacity .25s, transform .2s}
.gallery-arrow:hover{transform:scale(1.07)}
.gallery-main:hover .gallery-arrow{opacity:1}
.gallery-arrow.prev{left:16px}.gallery-arrow.next{right:16px}
.gallery-counter{position:absolute;right:16px;bottom:16px;background:rgba(255,255,255,.92);font-size:12px;font-weight:600;padding:6px 12px;border-radius:999px}
.gallery-thumbs{display:flex;gap:10px;margin-top:14px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.gallery-thumbs::-webkit-scrollbar{display:none}
.thumb{flex:0 0 76px;height:76px;border-radius:12px;overflow:hidden;border:2px solid transparent;background:var(--white);opacity:.6;transition:opacity .2s, border-color .2s;position:relative}
.thumb img{width:100%;height:100%;object-fit:cover}
.thumb.active{border-color:var(--walnut);opacity:1}
.thumb:hover{opacity:1}
.thumb .thumb-play{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.28);color:#fff}
.thumb .thumb-play svg{fill:#fff;stroke:none;width:20px;height:20px}

/* Buybox */
.buybox h1{font-size:clamp(34px,4.2vw,54px);margin-bottom:14px}
.subtitle{color:var(--ink-2);font-size:17px;margin-bottom:22px;max-width:520px}
.price-row{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.price{font-family:var(--serif);font-size:34px;font-weight:600}
.tag{font-size:12px;font-weight:600;padding:6px 12px;border-radius:999px;background:#e5efe7;color:var(--ok)}
.highlights{list-style:none;display:grid;gap:10px;margin-bottom:28px}
.highlights li{position:relative;padding-left:28px;color:var(--ink-2)}
.highlights svg{position:absolute;left:0;top:3px;width:18px;height:18px;color:var(--ok);stroke-width:2.4}
.variants{border:0;margin-bottom:22px}
.variants legend{font-size:14px;margin-bottom:12px;color:var(--ink-2)}
.variant-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.variant{display:flex;gap:12px;align-items:center;padding:10px;border:1.5px solid var(--line);border-radius:14px;background:var(--white);text-align:left;transition:border-color .2s, box-shadow .2s;position:relative}
.variant:hover{border-color:#cbb9a4}
.variant.active{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.variant img{width:56px;height:56px;border-radius:10px;object-fit:cover;flex:none}
.variant-name{display:block;font-weight:600;font-size:14.5px;line-height:1.25}
.variant-desc{display:block;font-size:12.5px;color:var(--muted);line-height:1.3}
.variant-price{display:block;font-size:13.5px;font-weight:600;margin-top:2px}
.variant-badge{position:absolute;top:-9px;right:10px;background:var(--walnut);color:#fff;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:3px 8px;border-radius:999px}
.qty-row{display:flex;gap:12px}
.qty{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:999px;background:var(--white)}
.qty button{width:44px;height:100%;font-size:20px;color:var(--ink-2)}
.qty input{width:36px;text-align:center;border:0;background:none;font:600 16px var(--sans);-moz-appearance:textfield}
.qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.qty-row .btn{flex:1}
.bundle-hint{font-size:13.5px;color:var(--ink-2);margin:14px 0 24px}
.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:8px}
.trust div{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;line-height:1.25}
.trust small{font-weight:400;color:var(--muted)}
.trust svg{color:var(--walnut);flex:none}
.accordion details{border-bottom:1px solid var(--line)}
.accordion summary,.faq summary{list-style:none;cursor:pointer;padding:18px 0;font-weight:600;display:flex;justify-content:space-between;align-items:center}
.accordion summary::-webkit-details-marker,.faq summary::-webkit-details-marker{display:none}
.accordion summary::after,.faq summary::after{content:"+";font-size:22px;font-weight:300;transition:transform .25s}
details[open]>summary::after{transform:rotate(45deg)}
.accordion details p,.accordion .spec{padding-bottom:18px;color:var(--ink-2);font-size:15px}
.spec{list-style:none}
.spec li{display:flex;justify-content:space-between;gap:20px;padding:8px 0;border-bottom:1px dashed var(--line)}
.spec li:last-child{border:0}
.spec li span:first-child{color:var(--muted)}
.spec li span:last-child{text-align:right}

/* Vidéo plein écran */
.video-hero{position:relative;height:min(86vh,760px);min-height:480px;overflow:hidden;color:var(--cream);display:flex;align-items:flex-end}
.video-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.video-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(22,18,15,.15) 0%,rgba(22,18,15,.25) 40%,rgba(22,18,15,.85) 100%)}
.video-content{position:relative;padding-bottom:72px;width:100%}
.video-content h2{font-size:clamp(34px,5.4vw,72px);max-width:900px;margin-bottom:30px}
.video-content h2 em{color:#e2bf8f}
.play-btn{display:inline-flex;align-items:center;gap:14px;font-weight:600;color:var(--cream)}
.play-icon{width:64px;height:64px;border-radius:50%;background:var(--cream);color:var(--ink);display:grid;place-items:center;position:relative}
.play-icon::before{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(247,242,235,.5);animation:pulse 2.2s infinite}
@keyframes pulse{0%{transform:scale(.9);opacity:1}100%{transform:scale(1.35);opacity:0}}
.play-icon svg{fill:currentColor;stroke:none;margin-left:3px}

/* Sections */
.section{padding:110px 24px}
.section.container{padding-left:24px;padding-right:24px}
.section-head{text-align:center;max-width:760px;margin:0 auto 56px}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.feature{background:var(--white);border-radius:var(--radius);padding:32px 26px;border:1px solid var(--line);transition:transform .3s, box-shadow .3s}
.feature:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.feature-icon{width:54px;height:54px;border-radius:14px;background:var(--sand);color:var(--walnut);display:grid;place-items:center;margin-bottom:22px}
.feature-icon svg{width:26px;height:26px}
.feature h3{margin-bottom:10px}
.feature p{color:var(--muted);font-size:15px}

.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-bottom:40px}
.split-media{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);aspect-ratio:1/1}
.split-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease}
.split-media:hover img{transform:scale(1.04)}
.split-copy h2{margin-bottom:22px}
.split-copy>p{color:var(--ink-2);font-size:17px;margin-bottom:34px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;border-top:1px solid var(--line);padding-top:28px}
.stats strong{display:block;font-family:var(--serif);font-size:36px;font-weight:500;color:var(--walnut)}
.stats span{font-size:13.5px;color:var(--muted)}

.steps-section{background:var(--sand)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.step-media{border-radius:var(--radius);overflow:hidden;aspect-ratio:4/3;background:var(--white);margin-bottom:22px}
.step-media img,.step-media video{width:100%;height:100%;object-fit:cover}
.step-num{font-family:var(--serif);font-style:italic;color:var(--brass);font-size:20px}
.step h3{margin:6px 0 8px;font-size:24px}
.step p{color:var(--ink-2)}

.grits{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);overflow:hidden}
.grit{padding:34px 28px;border-right:1px solid var(--line)}
.grit:last-child{border:0}
.grit-dot{display:block;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff8 0,transparent 45%),var(--c);border:4px solid #d7d9db;box-shadow:inset 0 0 0 2px #fff6, 0 4px 10px rgba(0,0,0,.12);margin-bottom:18px}
.grit strong{font-family:var(--serif);font-size:22px;font-weight:500}
.grit p{color:var(--muted);font-size:14.5px;margin-top:6px}

.compare-section{background:var(--ink);color:var(--cream)}
.compare-section h2{color:var(--cream)}
.compare{max-width:900px;margin:0 auto;border-radius:var(--radius);overflow:hidden;border:1px solid #3a322b}
.compare-row{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;align-items:center;text-align:center;border-bottom:1px solid #3a322b}
.compare-row:last-child{border:0}
.compare-row span{padding:18px 12px;font-size:15px}
.compare-row span:first-child{text-align:left;padding-left:24px;color:#d8cdbf}
.compare-head span{font-weight:600;font-size:14px;color:#a99d90}
.compare .us{background:rgba(185,133,70,.14);color:#f0d3aa;font-weight:600}
.compare-head .us{color:#f0d3aa}
.compare .yes{color:#9fd3b2;font-weight:700}
.compare .us.yes{color:#f0d3aa}
.compare .no{color:#7d7167}

.faq-list{max-width:820px;margin:0 auto}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{font-size:18px;font-family:var(--serif);font-weight:500;padding:24px 0}
.faq details p{color:var(--ink-2);padding-bottom:24px;max-width:680px}

.final-cta{background:linear-gradient(120deg,#2a1a10,#6b3e24);color:var(--cream);overflow:hidden}
.final-inner{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:60px;padding-top:80px;padding-bottom:80px}
.final-inner img{border-radius:var(--radius);box-shadow:0 30px 60px -20px rgba(0,0,0,.6);transform:rotate(-3deg)}
.final-inner h2{margin-bottom:30px;color:var(--cream)}

.footer{background:var(--ink);color:#bfb3a6;padding-top:70px;font-size:14.5px}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;padding-bottom:50px}
.footer h4{color:var(--cream);font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px;font-weight:600}
.footer-grid a:not(.logo){display:block;padding:4px 0;transition:color .2s}
.footer-grid a:hover{color:var(--cream)}
.footer-tag{margin-top:18px;max-width:280px}
.footer-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid #2e2620;padding-top:22px;padding-bottom:28px;font-size:13px}

/* Sticky ATC */
.sticky-atc{position:fixed;left:50%;bottom:18px;transform:translate(-50%,140%);z-index:60;display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);padding:10px 10px 10px 12px;border-radius:999px;box-shadow:0 18px 40px -12px rgba(0,0,0,.3);transition:transform .45s cubic-bezier(.22,.8,.2,1);width:min(560px,calc(100% - 24px))}
.sticky-atc.show{transform:translate(-50%,0)}
.sticky-atc img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.sticky-info{display:flex;flex-direction:column;line-height:1.2;min-width:0;flex:1}
.sticky-info strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sticky-info span{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sticky-price{font-weight:700;white-space:nowrap}

/* Drawer */
.drawer-backdrop{position:fixed;inset:0;background:rgba(22,18,15,.45);opacity:0;visibility:hidden;transition:.3s;z-index:90}
.drawer{position:fixed;top:0;right:0;height:100%;width:min(430px,100%);background:var(--cream);z-index:100;transform:translateX(100%);transition:transform .45s cubic-bezier(.22,.8,.2,1);display:flex;flex-direction:column}
body.drawer-open .drawer{transform:none}
body.drawer-open .drawer-backdrop{opacity:1;visibility:visible}
body.drawer-open{overflow:hidden}
.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line)}
.drawer-head h3{font-size:24px}
.ship-bar{background:#e5efe7;color:var(--ok);font-size:13.5px;font-weight:600;padding:10px 24px}
.drawer-items{flex:1;overflow-y:auto;padding:8px 24px}
.cart-item{display:grid;grid-template-columns:72px 1fr auto;gap:14px;padding:18px 0;border-bottom:1px solid var(--line);align-items:center}
.cart-item img{width:72px;height:72px;border-radius:12px;object-fit:cover;background:#fff}
.cart-item h4{font-size:15px;font-weight:600}
.cart-item small{color:var(--muted);display:block;margin-bottom:8px}
.cart-item .qty{height:34px;width:max-content}
.cart-item .qty button{width:32px;font-size:16px}
.cart-item .qty span{min-width:22px;text-align:center;font-weight:600;font-size:14px}
.cart-item-right{text-align:right;display:flex;flex-direction:column;gap:8px;align-items:flex-end}
.cart-item-right button{font-size:12.5px;color:var(--muted);text-decoration:underline}
.cart-empty{text-align:center;padding:60px 0;color:var(--muted)}
.cart-empty .btn{margin-top:18px}
.drawer-foot{padding:20px 24px 26px;border-top:1px solid var(--line);background:var(--white)}
.drawer-foot .line{display:flex;justify-content:space-between;margin-bottom:10px;font-size:15px}
.drawer-foot .line[hidden]{display:none}
.drawer-foot .line:first-child{color:var(--ok)}
.drawer-foot .total{font-weight:700;font-size:18px;margin-bottom:16px}
.secure{text-align:center;font-size:12.5px;color:var(--muted);margin-top:10px}

/* Lightbox */
.lightbox{position:fixed;inset:0;background:rgba(10,8,6,.92);z-index:120;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;transition:.3s}
.lightbox.open{opacity:1;visibility:visible}
.lightbox video{width:min(1100px,100%);border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.lightbox-close{position:absolute;top:18px;right:18px;background:rgba(255,255,255,.12);color:#fff}

/* Toast */
.toast{position:fixed;top:90px;left:50%;transform:translate(-50%,-20px);background:var(--ink);color:var(--cream);padding:12px 20px;border-radius:999px;font-size:14px;font-weight:500;opacity:0;pointer-events:none;transition:.3s;z-index:130}
.toast.show{opacity:1;transform:translate(-50%,0)}

/* Reveal */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s ease, transform .9s cubic-bezier(.22,.8,.2,1)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}
}

/* Mobile menu */
.mobile-nav-open .nav{display:flex}

/* ============ Responsive ============ */
@media (max-width:1024px){
  .features{grid-template-columns:repeat(2,1fr)}
  .grits{grid-template-columns:repeat(2,1fr)}
  .grit:nth-child(2){border-right:0}
  .grit:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .product-grid{gap:36px}
}
@media (max-width:860px){
  .menu-toggle{display:grid}
  .nav{display:none;position:absolute;top:74px;left:0;right:0;flex-direction:column;gap:0;background:var(--cream);border-bottom:1px solid var(--line);padding:8px 24px 18px}
  .nav a{padding:14px 0;border-bottom:1px solid var(--line)}
  .nav a.soon::before{position:static;margin-right:8px}
  .header-inner{gap:8px}
  .logo{margin-right:auto}
  .header-actions{margin-left:0}
  .product-grid{grid-template-columns:1fr}
  .gallery{position:static}
  .gallery-arrow{opacity:1;width:38px;height:38px}
  .split{grid-template-columns:1fr;gap:36px}
  .steps{grid-template-columns:1fr;gap:40px}
  .final-inner{grid-template-columns:1fr;text-align:center;gap:40px}
  .final-inner img{max-width:340px;margin:0 auto}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-grid>div:first-child{grid-column:1/-1}
  .section{padding:80px 16px}
  .section.container{padding-left:16px;padding-right:16px}
}
@media (max-width:560px){
  .container{padding-left:16px;padding-right:16px}
  .section{padding-top:64px;padding-bottom:64px}
  .variant-list{grid-template-columns:1fr}
  .features{grid-template-columns:1fr}
  .grits{grid-template-columns:1fr}
  .grit{border-right:0;border-bottom:1px solid var(--line)}
  .trust{grid-template-columns:1fr;gap:14px}
  .qty-row{flex-direction:column}
  .qty{height:54px;justify-content:space-between}
  .compare-row{grid-template-columns:1.3fr 1fr 1fr 1fr}
  .compare-row span{padding:14px 6px;font-size:13px}
  .compare-row span:first-child{padding-left:14px}
  .stats strong{font-size:28px}
  .sticky-atc{bottom:12px}
  .sticky-atc img{display:none}
  .video-content{padding-bottom:48px}
}
:root{--walnut:#a7222c;--walnut-2:#7e1720;--brass:#a7222c;--cream:#f8f7f5;--sand:#f0eeeb;--line:#e5e1dc}
.header{background:rgba(255,255,255,.96);border-bottom:1px solid #ece9e5}
.header-inner{height:84px}
.nav{font-weight:600}.nav a::after{height:2px}.nav a:hover{color:#a7222c}
.btn-primary{background:#a7222c}.btn-primary:hover{background:#7e1720;box-shadow:0 10px 24px -12px #7e172080}
.footer{background:#292422}
@media(max-width:860px){.header-inner{height:74px}}

/* Identité commune et pied de page */
.footer{background:#151515;color:#bdb9b6;padding-top:82px}
.footer-grid{grid-template-columns:1.8fr 1fr 1fr 1fr;gap:60px;padding-bottom:64px}
.footer h4{color:#fff;font-family:var(--sans);font-size:12px;letter-spacing:.12em;margin-bottom:22px}
.footer-grid a:not(.logo){font-size:14px;line-height:1.5;padding:6px 0;color:#c4c0bd}
.footer-grid a:not(.logo):hover{color:#fff}
.footer-tag{color:#bdb9b6;line-height:1.8;max-width:290px;margin-top:23px}
.footer-bottom{border-color:#3a3837;padding:22px 24px 27px;color:#aaa4a0;font-size:12px}
.footer .logo-image-wrap{width:245px;height:46px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #a7222c;outline-offset:3px}
@media(max-width:860px){.footer{padding-top:60px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px;padding-bottom:45px}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:480px){.footer .logo-image-wrap{width:205px;height:40px}}
