/* ============ CBD Carreleur Bandol - tokens ============ */
:root{
--cbd-red:#E30613; --cbd-red-d:#b90410;
--cbd-blue:#124A9C; --cbd-navy:#0B3B7A; --cbd-navy-d:#072047;
--cbd-ink:#111A28; --cbd-body:#3E4A5C; --cbd-mute:#68748A;
--cbd-white:#FFFFFF; --cbd-mist:#F3F6FB; --cbd-line:#DFE6F1;
--cbd-wrap:1240px; --cbd-r:2px;
--cbd-t:'Anton',Impact,'Arial Narrow',sans-serif;
--cbd-b:'Archivo','Helvetica Neue',Arial,sans-serif;
--cbd-sh:0 18px 50px rgba(11,59,122,.14);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--cbd-b);font-size:17px;line-height:1.68;color:var(--cbd-body);background:var(--cbd-white);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--cbd-blue);text-decoration:none}
a:hover{color:var(--cbd-red)}
.cbd-wrap{width:100%;max-width:var(--cbd-wrap);margin:0 auto;padding:0 24px}
.cbd-skip{position:absolute;left:-9999px;top:0;background:var(--cbd-red);color:#fff;padding:10px 16px;z-index:999}
.cbd-skip:focus{left:12px;top:12px}
/* ============ Titres (Anton, interlignage resserre) ============ */
h1,h2,h3,h4,
.cbd-h1,.cbd-h2,.cbd-h3,
.cbd-hd__tel span,.cbd-stat__n,.cbd-step__n,.cbd-mega__t,.cbd-ft__t,.cbd-zone__n{
font-family:var(--cbd-t);font-weight:400;letter-spacing:.012em;color:var(--cbd-ink)}
h1,.cbd-h1{font-size:clamp(2.4rem,5.2vw,4.1rem);line-height:.96;margin:0 0 18px;text-transform:uppercase}
.cbd-h1--xl{font-size:clamp(2.9rem,7.4vw,5.6rem);line-height:.94}
h2,.cbd-h2{font-size:clamp(1.85rem,3.5vw,2.85rem);line-height:1;margin:0 0 18px;text-transform:uppercase}
h3,.cbd-h3{font-size:clamp(1.25rem,2vw,1.55rem);line-height:1.05;margin:0 0 12px;text-transform:uppercase}
h4{font-size:1.15rem;line-height:1.08;margin:0 0 10px}
p{margin:0 0 18px}
.cbd-eyebrow{display:inline-block;font-family:var(--cbd-b);font-weight:700;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cbd-red);margin:0 0 14px}
.cbd-eyebrow--light{color:#fff;background:var(--cbd-red);padding:7px 13px}
/* ============ Boutons ============ */
.cbd-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--cbd-b);font-weight:700;font-size:.95rem;letter-spacing:.02em;padding:15px 26px;border-radius:var(--cbd-r);border:2px solid transparent;cursor:pointer;transition:.18s ease;text-align:center;line-height:1.2}
.cbd-btn--red{background:var(--cbd-red);color:#fff!important;border-color:var(--cbd-red)}
.cbd-btn--red:hover{background:var(--cbd-red-d);border-color:var(--cbd-red-d);color:#fff!important}
.cbd-btn--solid{background:var(--cbd-navy);color:#fff!important;border-color:var(--cbd-navy)}
.cbd-btn--solid:hover{background:var(--cbd-blue);border-color:var(--cbd-blue);color:#fff!important}
.cbd-btn--outline{background:transparent;color:var(--cbd-navy)!important;border-color:var(--cbd-navy)}
.cbd-btn--outline:hover{background:var(--cbd-navy);color:#fff!important}
.cbd-btn--ghost{background:transparent;color:var(--cbd-ink)!important;border-color:rgba(17,26,40,.28)}
.cbd-btn--ghost:hover{background:var(--cbd-ink);color:#fff!important}
.cbd-btn--ghost-light{background:rgba(255,255,255,.08);color:#fff!important;border-color:rgba(255,255,255,.65);backdrop-filter:blur(6px)}
.cbd-btn--ghost-light:hover{background:#fff;color:var(--cbd-navy)!important;border-color:#fff}
.cbd-btn--full{width:100%}
/* ============ Header flottant, superpose au hero ============ */
.cbd-hd{position:absolute;top:20px;left:0;right:0;z-index:80}
.cbd-hd__in{max-width:var(--cbd-wrap);margin:0 auto;display:flex;align-items:center;gap:26px;padding:12px 20px;background:rgba(11,59,122,.30);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-radius:4px;box-shadow:0 12px 40px rgba(7,26,58,.28)}
.cbd-hd.is-stuck{position:fixed;top:0;animation:cbdDrop .28s ease}
.cbd-hd.is-stuck .cbd-hd__in{background:rgba(7,32,68,.94);border-color:rgba(255,255,255,.12);border-radius:0;max-width:none;padding:10px 34px}
@keyframes cbdDrop{from{transform:translateY(-100%)}to{transform:translateY(0)}}
.cbd-logo{display:flex;align-items:center;flex:0 0 auto}
.cbd-logo .cbd-logo__img{height:54px!important;width:auto!important;object-fit:contain}
.cbd-hd.is-stuck .cbd-logo .cbd-logo__img{height:44px!important}
.cbd-logo__txt{font-family:var(--cbd-t);color:#fff;font-size:1.4rem;text-transform:uppercase}
.cbd-nav{margin-left:auto}
.cbd-nav__ul{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.cbd-nav__li{position:static}
.cbd-nav__li>a{display:flex;align-items:center;gap:7px;color:#fff;font-weight:600;font-size:.93rem;padding:12px 13px;border-radius:2px;transition:.16s}
.cbd-nav__li>a:hover{background:rgba(255,255,255,.14);color:#fff}
.cbd-nav__c{width:7px;height:7px;border-right:2px solid rgba(255,255,255,.75);border-bottom:2px solid rgba(255,255,255,.75);transform:rotate(45deg) translateY(-2px);transition:.18s}
.cbd-nav__li:hover .cbd-nav__c{transform:rotate(225deg) translateY(-2px)}
.cbd-mega{position:absolute;left:0;right:0;top:100%;opacity:0;visibility:hidden;transform:translateY(10px);transition:.2s ease;padding-top:14px}
.cbd-nav__li.has-mega:hover .cbd-mega,.cbd-nav__li.has-mega:focus-within .cbd-mega{opacity:1;visibility:visible;transform:translateY(0)}
.cbd-mega__in{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;background:#fff;border-top:4px solid var(--cbd-red);padding:30px 32px;box-shadow:var(--cbd-sh);border-radius:0 0 4px 4px}
.cbd-mega__in--z{grid-template-columns:repeat(3,1fr)}
.cbd-mega__t{display:block;font-size:.95rem;text-transform:uppercase;color:var(--cbd-navy);margin:0 0 12px;line-height:1.05}
.cbd-mega__col ul{list-style:none;margin:0;padding:0}
.cbd-mega__col li{margin:0 0 9px}
.cbd-mega__col a{color:var(--cbd-body);font-size:.88rem;font-weight:500;border-bottom:1px solid transparent;transition:.15s}
.cbd-mega__col a:hover{color:var(--cbd-red);border-bottom-color:var(--cbd-red)}
.cbd-mega__promo{background:var(--cbd-mist);border-left:3px solid var(--cbd-red);padding:20px}
.cbd-mega__promo p{font-size:.9rem;margin:0 0 14px;color:var(--cbd-body)}
.cbd-mega__z{display:flex;flex-direction:column;gap:2px;padding:13px 15px;background:var(--cbd-mist);border-left:3px solid var(--cbd-blue);transition:.16s}
.cbd-mega__z:hover{background:var(--cbd-navy);border-left-color:var(--cbd-red)}
.cbd-mega__z strong{font-family:var(--cbd-t);font-weight:400;font-size:1.05rem;line-height:1.05;text-transform:uppercase;color:var(--cbd-navy)}
.cbd-mega__z span{font-size:.82rem;color:var(--cbd-mute)}
.cbd-mega__z:hover strong,.cbd-mega__z:hover span{color:#fff}
.cbd-hd__act{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.cbd-hd__tel{display:flex;align-items:center;gap:8px;color:#fff;font-weight:700}
.cbd-hd__tel span{font-family:var(--cbd-t);font-size:1.12rem;letter-spacing:.02em;line-height:1;color:#fff}
.cbd-hd__tel i{width:32px;height:32px;border-radius:50%;background:var(--cbd-red);position:relative;flex:0 0 auto}
.cbd-hd__tel i::after{content:'';position:absolute;inset:0;margin:auto;width:14px;height:14px;background:#fff;-webkit-mask:url("data:image/svg+xml;utf8,") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,") center/contain no-repeat}
.cbd-hd__cta{padding:12px 20px;font-size:.9rem}
.cbd-burger{display:none;width:46px;height:42px;flex-direction:column;justify-content:center;gap:5px;background:var(--cbd-red);border:0;border-radius:2px;padding:0 11px;cursor:pointer}
.cbd-burger span{display:block;height:2px;background:#fff;transition:.2s}
.cbd-burger.is-on span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.cbd-burger.is-on span:nth-child(2){opacity:0}
.cbd-burger.is-on span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.cbd-mob{position:fixed;inset:0;z-index:79;background:var(--cbd-navy);overflow-y:auto;padding:96px 24px 40px}
.cbd-mob__in{display:flex;flex-direction:column;gap:2px;max-width:560px;margin:0 auto}
.cbd-mob__lnk{font-family:var(--cbd-t);font-size:1.5rem;line-height:1.05;text-transform:uppercase;color:#fff;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.16)}
.cbd-mob__sub{color:rgba(255,255,255,.78);font-size:.95rem;padding:7px 0 7px 16px;border-left:2px solid var(--cbd-red);margin-left:2px}
.cbd-mob__sub:hover{color:#fff}
.cbd-mob__cta{margin-top:22px}
.cbd-mob .cbd-btn--outline{color:#fff!important;border-color:rgba(255,255,255,.6);margin-top:10px}
.cbd-mob .cbd-btn--outline:hover{background:#fff;color:var(--cbd-navy)!important}
/* ============ Hero ============ */
.cbd-hero{position:relative;background-size:cover;background-position:center;background-color:var(--cbd-navy);isolation:isolate;overflow:hidden}
.cbd-hero--home{min-height:100svh;display:flex;align-items:center;padding:170px 0 120px}
.cbd-hero--page{min-height:58vh;display:flex;align-items:flex-end;padding:190px 0 66px}
.cbd-hero__veil{position:absolute;inset:0;z-index:0;background:linear-gradient(105deg,rgba(7,32,68,.93) 0%,rgba(11,59,122,.80) 46%,rgba(11,59,122,.34) 100%)}
.cbd-hero__bar{position:absolute;z-index:1;left:-6%;bottom:-70px;width:118%;height:150px;background:var(--cbd-red);transform:rotate(-2.4deg);opacity:.92}
.cbd-hero--page .cbd-hero__bar{height:74px;bottom:-46px}
.cbd-hero__grid{position:absolute;z-index:1;right:-60px;top:8%;width:440px;height:440px;opacity:.20;background-image:linear-gradient(rgba(255,255,255,.9) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.9) 1px,transparent 1px);background-size:73px 73px;transform:rotate(45deg)}
.cbd-hero__in{position:relative;z-index:3}
.cbd-hero .cbd-h1,.cbd-hero .cbd-h1--xl{color:#fff;text-shadow:0 4px 26px rgba(4,18,40,.42)}
.cbd-hero__sub{max-width:660px;color:rgba(255,255,255,.93);font-size:1.12rem;line-height:1.62;margin:0 0 30px}
.cbd-hero__btns{display:flex;flex-wrap:wrap;gap:14px}
.cbd-hero__pts{list-style:none;display:flex;flex-wrap:wrap;gap:10px 26px;margin:34px 0 0;padding:0}
.cbd-hero__pts li{position:relative;padding-left:26px;color:#fff;font-weight:600;font-size:.95rem}
.cbd-hero__pts li::before{content:'';position:absolute;left:0;top:7px;width:14px;height:9px;border-left:3px solid var(--cbd-red);border-bottom:3px solid var(--cbd-red);transform:rotate(-45deg)}
.cbd-hero__scroll{position:absolute;z-index:4;left:50%;bottom:28px;width:26px;height:44px;border:2px solid rgba(255,255,255,.6);border-radius:14px;transform:translateX(-50%)}
.cbd-hero__scroll span{position:absolute;left:50%;top:8px;width:4px;height:9px;background:#fff;border-radius:2px;transform:translateX(-50%);animation:cbdScroll 1.7s infinite}
@keyframes cbdScroll{0%{opacity:0;top:8px}40%{opacity:1}100%{opacity:0;top:24px}}
.cbd-bc{display:flex;flex-wrap:wrap;align-items:center;gap:9px;font-size:.84rem;color:rgba(255,255,255,.78);margin:0 0 16px}
.cbd-bc a{color:rgba(255,255,255,.9);border-bottom:1px solid rgba(255,255,255,.3)}
.cbd-bc a:hover{color:#fff}
/* ============ Sections + formes ============ */
.cbd-page{display:block}
.cbd-sec{position:relative;z-index:0;padding:96px 0;overflow:hidden}
.cbd-sec--tight{padding:62px 0}
.cbd-sec--light{background:#fff}
.cbd-sec--soft{background:var(--cbd-mist)}
.cbd-sec--dark{background:linear-gradient(150deg,#072047 0%,var(--cbd-navy) 62%,var(--cbd-blue) 100%);color:rgba(255,255,255,.88)}
.cbd-sec--dark .cbd-h2,.cbd-sec--dark .cbd-h3,.cbd-sec--dark h2,.cbd-sec--dark h3{color:#fff}
.cbd-sec--dark p,.cbd-sec--dark li{color:rgba(255,255,255,.86)}
.cbd-sec--dark a{color:#fff;border-bottom:1px solid rgba(255,255,255,.4)}
.cbd-sec--dark .cbd-btn{border-bottom:0}
.cbd-sec--dark .cbd-eyebrow{color:#ff8b93}
.cbd-sec>.cbd-wrap{position:relative;z-index:2}
.cbd-sec__deco{position:absolute;z-index:0;pointer-events:none}
.cbd-shape-1 .cbd-sec__deco{right:-90px;top:-70px;width:380px;height:380px;border:44px solid rgba(18,74,156,.07);border-radius:50%}
.cbd-shape-2 .cbd-sec__deco{left:-120px;bottom:-120px;width:360px;height:360px;background:repeating-linear-gradient(45deg,rgba(227,6,19,.07) 0 12px,transparent 12px 26px)}
.cbd-shape-3 .cbd-sec__deco{right:0;top:0;width:46%;height:100%;background-image:linear-gradient(rgba(18,74,156,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(18,74,156,.08) 1px,transparent 1px);background-size:64px 64px}
.cbd-shape-4 .cbd-sec__deco{left:50%;top:-60px;width:520px;height:120px;background:var(--cbd-red);opacity:.06;transform:translateX(-50%) rotate(-3deg)}
.cbd-sec--dark.cbd-shape-1 .cbd-sec__deco{border-color:rgba(255,255,255,.06)}
.cbd-sec--dark.cbd-shape-2 .cbd-sec__deco{background:repeating-linear-gradient(45deg,rgba(255,255,255,.06) 0 12px,transparent 12px 26px)}
.cbd-sec--dark.cbd-shape-3 .cbd-sec__deco{background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px)}
/* ============ Lead / prose ============ */
.cbd-lead{max-width:840px;margin:0 0 46px}
.cbd-lead--center{margin:0 auto 46px;text-align:center}
.cbd-lead__txt p:last-child{margin-bottom:0}
.cbd-sec ul:not(.cbd-checks):not(.cbd-hero__pts):not(.cbd-steps){padding-left:20px;margin:0 0 20px}
.cbd-sec ul:not(.cbd-checks):not(.cbd-hero__pts):not(.cbd-steps) li{margin:0 0 8px}
.cbd-fig{margin:0 0 22px}
.cbd-fig img{border-radius:2px;box-shadow:var(--cbd-sh)}
/* ============ Split ============ */
.cbd-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin:0 0 40px}
.cbd-split--rev .cbd-split__media{order:2}
.cbd-split__frame{position:relative;z-index:1}
.cbd-split__frame::before{content:'';position:absolute;z-index:0;left:-18px;bottom:-18px;width:58%;height:58%;background:var(--cbd-red);opacity:.13}
.cbd-split__frame img{position:relative;z-index:2;width:100%;border-radius:2px;box-shadow:var(--cbd-sh)}
.cbd-split__body p:last-child{margin-bottom:0}
/* ============ Cartes ============ */
.cbd-feats{display:grid;gap:26px;margin:0 0 10px}
.cbd-feats--2{grid-template-columns:repeat(2,1fr)}
.cbd-feats--3{grid-template-columns:repeat(3,1fr)}
.cbd-feats--4{grid-template-columns:repeat(4,1fr)}
.cbd-feat{background:#fff;border:1px solid var(--cbd-line);border-radius:2px;overflow:hidden;display:flex;flex-direction:column;transition:.22s}
.cbd-feat:hover{transform:translateY(-5px);box-shadow:var(--cbd-sh);border-color:transparent}
.cbd-feat__media{aspect-ratio:3/2;overflow:hidden;background:var(--cbd-mist)}
.cbd-feat__media img{width:100%;height:100%;object-fit:cover;transition:.5s}
.cbd-feat:hover .cbd-feat__media img{transform:scale(1.06)}
.cbd-feat__body{padding:24px;display:flex;flex-direction:column;flex:1}
.cbd-feat__txt{font-size:.96rem;flex:1}
.cbd-feat__txt p:last-child{margin-bottom:0}
.cbd-feat__link{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-weight:700;font-size:.9rem;color:var(--cbd-red);text-transform:uppercase;letter-spacing:.05em}
.cbd-sec--dark .cbd-feat{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.16)}
.cbd-sec--dark .cbd-feat__txt{color:rgba(255,255,255,.84)}
/* ============ Stats ============ */
.cbd-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--cbd-line);border:1px solid var(--cbd-line);margin:0 0 46px}
.cbd-stat{background:#fff;padding:30px 22px;text-align:center}
.cbd-stat__n{display:block;font-family:var(--cbd-t);font-size:clamp(2.1rem,4vw,3rem);line-height:1;color:var(--cbd-red)}
.cbd-stat__n i{font-style:normal;font-size:.55em;color:var(--cbd-navy)}
.cbd-stat__l{display:block;margin-top:8px;font-size:.88rem;font-weight:600;color:var(--cbd-mute);text-transform:uppercase;letter-spacing:.07em}
.cbd-sec--dark .cbd-stats{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.14)}
.cbd-sec--dark .cbd-stat{background:#0a2f61}
.cbd-sec--dark .cbd-stat__n i{color:#8fb4ea}
.cbd-sec--dark .cbd-stat__l{color:rgba(255,255,255,.7)}
/* ============ Etapes ============ */
.cbd-steps{list-style:none;counter-reset:cbd;margin:0;padding:0;display:grid;gap:0}
.cbd-step{display:grid;grid-template-columns:96px 1fr;gap:26px;padding:26px 0;border-top:1px solid var(--cbd-line);align-items:start}
.cbd-step:last-child{border-bottom:1px solid var(--cbd-line)}
.cbd-step__n{display:flex;align-items:center;justify-content:center;width:74px;height:74px;background:var(--cbd-navy);color:#fff;font-size:1.9rem;line-height:1}
.cbd-step:nth-child(even) .cbd-step__n{background:var(--cbd-red)}
.cbd-step__b p:last-child{margin-bottom:0}
.cbd-sec--dark .cbd-step{border-color:rgba(255,255,255,.16)}
/* ============ Checks ============ */
.cbd-checks{list-style:none;margin:0 0 22px;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px 28px}
.cbd-checks li{display:flex;gap:12px;align-items:flex-start;font-size:.98rem}
.cbd-checks__ic{flex:0 0 auto;width:22px;height:22px;margin-top:3px;background:rgba(227,6,19,.10);position:relative;border-radius:2px}
.cbd-checks__ic::after{content:'';position:absolute;left:6px;top:6px;width:10px;height:6px;border-left:2px solid var(--cbd-red);border-bottom:2px solid var(--cbd-red);transform:rotate(-45deg)}
.cbd-sec--dark .cbd-checks__ic{background:rgba(255,255,255,.14)}
.cbd-sec--dark .cbd-checks__ic::after{border-color:#fff}
/* ============ FAQ ============ */
.cbd-faq{max-width:900px;border-top:1px solid var(--cbd-line)}
.cbd-q{border-bottom:1px solid var(--cbd-line)}
.cbd-q summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;padding:20px 0;font-family:var(--cbd-t);font-size:1.12rem;line-height:1.12;text-transform:uppercase;color:var(--cbd-navy)}
.cbd-q summary::-webkit-details-marker{display:none}
.cbd-q summary i{flex:0 0 auto;width:26px;height:26px;position:relative;background:var(--cbd-mist);border-radius:2px}
.cbd-q summary i::before,.cbd-q summary i::after{content:'';position:absolute;left:50%;top:50%;background:var(--cbd-red);transform:translate(-50%,-50%);transition:.2s}
.cbd-q summary i::before{width:12px;height:2px}
.cbd-q summary i::after{width:2px;height:12px}
.cbd-q[open] summary i::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0}
.cbd-q__a{padding:0 0 22px;font-size:.99rem}
.cbd-q__a p:last-child{margin-bottom:0}
.cbd-sec--dark .cbd-faq,.cbd-sec--dark .cbd-q{border-color:rgba(255,255,255,.18)}
.cbd-sec--dark .cbd-q summary{color:#fff}
.cbd-sec--dark .cbd-q summary i{background:rgba(255,255,255,.14)}
/* ============ Bandeau CTA ============ */
.cbd-cta{position:relative;z-index:0;background-size:cover;background-position:center;background-color:var(--cbd-navy);padding:74px 34px;text-align:center;border-radius:2px;overflow:hidden}
.cbd-cta::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(120deg,rgba(7,32,68,.93),rgba(18,74,156,.78))}
.cbd-cta__in{position:relative;z-index:2;max-width:760px;margin:0 auto}
.cbd-cta .cbd-h2{color:#fff}
.cbd-cta__txt{color:rgba(255,255,255,.9);margin:0 0 26px}
.cbd-cta__txt p:last-child{margin-bottom:0}
.cbd-cta__btns{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.cbd-cta .cbd-btn--ghost-light{color:#fff!important;border-color:rgba(255,255,255,.7)}
.cbd-cta .cbd-btn--ghost-light:hover{background:#fff;color:var(--cbd-navy)!important}
/* ============ Galerie ============ */
.cbd-gal__filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px}
.cbd-gal__f{font-family:var(--cbd-b);font-weight:700;font-size:.86rem;letter-spacing:.04em;text-transform:uppercase;padding:11px 18px;border:2px solid var(--cbd-line);background:#fff;color:var(--cbd-mute);border-radius:2px;cursor:pointer;transition:.16s}
.cbd-gal__f:hover{border-color:var(--cbd-navy);color:var(--cbd-navy)}
.cbd-gal__f.is-on{background:var(--cbd-navy);border-color:var(--cbd-navy);color:#fff}
.cbd-gal__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cbd-gal__i{margin:0;aspect-ratio:1/1;overflow:hidden;background:var(--cbd-mist);border-radius:2px}
.cbd-gal__i.is-hide{display:none}
.cbd-gal__btn{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in}
.cbd-gal__btn img{width:100%;height:100%;object-fit:cover;transition:.45s}
.cbd-gal__btn:hover img{transform:scale(1.07)}
.cbd-lb{position:fixed;inset:0;z-index:200;background:rgba(6,20,44,.94);display:flex;align-items:center;justify-content:center;padding:40px}
.cbd-lb[hidden]{display:none}
.cbd-lb img{max-width:min(1200px,92vw);max-height:86vh;width:auto;border-radius:2px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.cbd-lb__x{position:absolute;top:20px;right:24px;width:48px;height:48px;font-size:30px;line-height:1;color:#fff;background:var(--cbd-red);border:0;border-radius:2px;cursor:pointer}
.cbd-galp{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 30px}
.cbd-galp__i{margin:0;aspect-ratio:4/3;overflow:hidden;border-radius:2px;background:var(--cbd-mist)}
.cbd-galp__i img{width:100%;height:100%;object-fit:cover;transition:.45s}
.cbd-galp__i:hover img{transform:scale(1.06)}
.cbd-galp__more{text-align:center;margin:0}
.cbd-sec--dark .cbd-galp__more .cbd-btn--outline{color:#fff!important;border-color:rgba(255,255,255,.65)}
.cbd-sec--dark .cbd-galp__more .cbd-btn--outline:hover{background:#fff;color:var(--cbd-navy)!important}
/* ============ Zones ============ */
.cbd-zones{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cbd-zone{display:flex;flex-direction:column;gap:5px;padding:24px;background:#fff;border:1px solid var(--cbd-line);border-left:4px solid var(--cbd-red);border-radius:2px;transition:.18s}
.cbd-zone:hover{background:var(--cbd-navy);border-color:var(--cbd-navy);border-left-color:var(--cbd-red);transform:translateY(-4px);box-shadow:var(--cbd-sh)}
.cbd-zone__n{font-size:1.3rem;line-height:1.05;text-transform:uppercase;color:var(--cbd-navy)}
.cbd-zone__cp{font-size:.82rem;font-weight:700;letter-spacing:.1em;color:var(--cbd-red)}
.cbd-zone__t{font-size:.92rem;color:var(--cbd-mute)}
.cbd-zone:hover .cbd-zone__n,.cbd-zone:hover .cbd-zone__t{color:#fff}
.cbd-zone:hover .cbd-zone__cp{color:#ff9aa1}
.cbd-sec--dark .cbd-zone{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);border-left-color:var(--cbd-red)}
.cbd-sec--dark .cbd-zone__n{color:#fff}
.cbd-sec--dark .cbd-zone__t{color:rgba(255,255,255,.78)}
.cbd-sec--dark .cbd-zone{border-bottom:1px solid rgba(255,255,255,.16)}
/* ============ Formulaire ============ */
.cbd-form{background:#fff;border:1px solid var(--cbd-line);border-top:4px solid var(--cbd-red);border-radius:2px;padding:38px;box-shadow:var(--cbd-sh);max-width:820px}
.cbd-form__intro{color:var(--cbd-mute);font-size:.96rem}
.cbd-form__msg{padding:15px 18px;border-radius:2px;font-weight:600;margin:0 0 22px}
.cbd-form__msg--ok{background:rgba(18,74,156,.08);border-left:4px solid var(--cbd-blue);color:var(--cbd-navy)}
.cbd-form__msg--err{background:rgba(227,6,19,.08);border-left:4px solid var(--cbd-red);color:var(--cbd-red-d)}
.cbd-form__row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.cbd-field{display:block;margin:0 0 18px}
.cbd-field>span{display:block;font-weight:700;font-size:.86rem;letter-spacing:.05em;text-transform:uppercase;color:var(--cbd-navy);margin:0 0 7px}
.cbd-field input,.cbd-field select,.cbd-field textarea{width:100%;font-family:var(--cbd-b);font-size:1rem;color:var(--cbd-ink);padding:14px 15px;background:var(--cbd-mist);border:1px solid var(--cbd-line);border-radius:2px;transition:.15s}
.cbd-field input:focus,.cbd-field select:focus,.cbd-field textarea:focus{outline:0;border-color:var(--cbd-blue);background:#fff;box-shadow:0 0 0 3px rgba(18,74,156,.12)}
.cbd-field textarea{resize:vertical;min-height:130px}
.cbd-consent{display:flex;gap:12px;align-items:flex-start;font-size:.88rem;color:var(--cbd-mute);margin:0 0 22px}
.cbd-consent input{margin-top:4px;width:18px;height:18px;flex:0 0 auto;accent-color:var(--cbd-red)}
.cbd-form__legal{font-size:.82rem;color:var(--cbd-mute);margin:14px 0 0;text-align:center}
.cbd-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.cbd-sec--dark .cbd-form{color:var(--cbd-body)}
.cbd-sec--dark .cbd-form p,.cbd-sec--dark .cbd-form li,.cbd-sec--dark .cbd-form .cbd-h2{color:var(--cbd-ink)}
.cbd-sec--dark .cbd-form a{color:var(--cbd-blue);border-bottom-color:rgba(18,74,156,.4)}
.cbd-sec--dark .cbd-form__intro,.cbd-sec--dark .cbd-form__legal,.cbd-sec--dark .cbd-consent{color:var(--cbd-mute)}
/* ============ Pagination ============ */
.cbd-pag{display:flex;justify-content:center;gap:8px;margin-top:40px}
.cbd-pag .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 12px;border:1px solid var(--cbd-line);border-radius:2px;font-weight:700;color:var(--cbd-navy)}
.cbd-pag .page-numbers.current,.cbd-pag .page-numbers:hover{background:var(--cbd-navy);border-color:var(--cbd-navy);color:#fff}
/* ============ Footer ============ */
.cbd-ft{position:relative;z-index:0;background:#071B3A;color:rgba(255,255,255,.74);padding:76px 0 26px;overflow:hidden}
.cbd-ft__deco{position:absolute;z-index:0;left:-90px;top:-90px;width:320px;height:320px;border:40px solid rgba(255,255,255,.04);border-radius:50%;pointer-events:none}
.cbd-ft>.cbd-wrap{position:relative;z-index:2}
.cbd-ft__top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:44px;padding:0 0 44px;border-bottom:1px solid rgba(255,255,255,.14)}
.cbd-ft__brand p{font-size:.94rem;color:rgba(255,255,255,.72);margin:18px 0}
.cbd-ft__logo{display:inline-block;margin:0 0 4px}
.cbd-ft__logo .cbd-logo__img{height:62px!important;width:auto!important}
.cbd-ft__tel{display:block;font-family:var(--cbd-t);font-size:1.6rem;line-height:1.05;color:#fff;letter-spacing:.02em}
.cbd-ft__tel:hover{color:var(--cbd-red)}
.cbd-ft__mail{display:inline-block;margin-top:6px;color:rgba(255,255,255,.8);font-size:.95rem;border-bottom:1px solid rgba(255,255,255,.28)}
.cbd-ft__mail:hover{color:#fff}
.cbd-ft__t{display:block;font-size:1.02rem;line-height:1.05;text-transform:uppercase;color:#fff;margin:0 0 16px;padding-bottom:10px;border-bottom:3px solid var(--cbd-red);width:fit-content}
.cbd-ft__col ul{list-style:none;margin:0;padding:0}
.cbd-ft__col li{margin:0 0 10px}
.cbd-ft__col a{color:rgba(255,255,255,.74);font-size:.93rem}
.cbd-ft__col a:hover{color:#fff;padding-left:4px}
.cbd-ft__bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:22px;font-size:.85rem;color:rgba(255,255,255,.55)}
/* ============ Barre mobile ============ */
.cbd-sticky{display:none;position:fixed;left:0;right:0;bottom:0;z-index:90;grid-template-columns:1fr 1fr}
.cbd-sticky a{display:flex;align-items:center;justify-content:center;padding:15px 10px;font-family:var(--cbd-t);font-size:1.05rem;letter-spacing:.03em;text-transform:uppercase;background:var(--cbd-navy);color:#fff!important}
.cbd-sticky__d{background:var(--cbd-red)!important}
/* ============ Scroll reveal ============ */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease}
.reveal.is-in{opacity:1;transform:none}
html:not(.js) .reveal{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}
/* ============ Responsive ============ */
@media(max-width:1080px){
.cbd-nav{display:none}
.cbd-burger{display:flex}
.cbd-hd__cta{display:none}
.cbd-hd__tel span{display:none}
.cbd-sticky{display:grid}
body{padding-bottom:56px}
.cbd-mega__in{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
.cbd-sec{padding:70px 0}
.cbd-split{grid-template-columns:1fr;gap:30px}
.cbd-split--rev .cbd-split__media{order:0}
.cbd-feats--3,.cbd-feats--4{grid-template-columns:repeat(2,1fr)}
.cbd-stats{grid-template-columns:repeat(2,1fr)}
.cbd-zones{grid-template-columns:repeat(2,1fr)}
.cbd-gal__grid,.cbd-galp{grid-template-columns:repeat(3,1fr)}
.cbd-hero--home{min-height:auto;padding:150px 0 90px}
.cbd-hero--page{min-height:auto;padding:150px 0 56px}
.cbd-ft__top{grid-template-columns:1fr 1fr;gap:34px}
}
@media(max-width:600px){
:root{--cbd-r:2px}
body{font-size:16px}
.cbd-wrap{padding:0 18px}
.cbd-hd{top:10px}
.cbd-hd__in{padding:9px 14px;gap:12px}
.cbd-logo .cbd-logo__img{height:44px!important}
.cbd-sec{padding:56px 0}
.cbd-feats--2,.cbd-feats--3,.cbd-feats--4{grid-template-columns:1fr}
.cbd-checks{grid-template-columns:1fr}
.cbd-zones{grid-template-columns:1fr}
.cbd-gal__grid,.cbd-galp{grid-template-columns:repeat(2,1fr)}
.cbd-stats{grid-template-columns:1fr 1fr}
.cbd-step{grid-template-columns:56px 1fr;gap:16px}
.cbd-step__n{width:52px;height:52px;font-size:1.35rem}
.cbd-form{padding:24px 20px}
.cbd-form__row{grid-template-columns:1fr;gap:0}
.cbd-cta{padding:52px 20px}
.cbd-ft__top{grid-template-columns:1fr}
.cbd-hero__btns .cbd-btn{width:100%}
.cbd-lb{padding:16px}
.cbd-lb__x{top:10px;right:12px}
}
/* Footer 5 colonnes */
.cbd-ft__top{grid-template-columns:1.35fr 1fr 1fr 1fr 1fr;gap:32px}
@media(max-width:1080px){.cbd-mega__in{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.cbd-ft__top{grid-template-columns:1fr 1fr;gap:34px}}
@media(max-width:600px){.cbd-ft__top{grid-template-columns:1fr}}
.cbd-lead--left{text-align:left}
.cbd-mega--z{padding-top:14px}
.cbd-mega--z .cbd-mega__in{border-top-color:var(--cbd-blue)}