/*
Theme Name: AID ImmoDrive
Theme URI: https://aid-immo-drive.fr
Author: AID ImmoDrive
Author URI: https://aid-immo-drive.fr
Description: Thème vitrine pour AID ImmoDrive — conciergerie sur mesure, location de véhicules et accompagnement de séjour en Algérie. Identité claire : blanc dominant, vert de confiance, or de distinction. 7 pages, formulaires WhatsApp, aucune maintenance.
Version: 1.2
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aid-immodrive
Tags: business, portfolio, one-column, custom-menu, responsive
*/

:root{
 --blanc:#FFFFFF; --creme:#FAF8F4; --creme2:#F3EFE7;
 --noir:#16150F; --sec:#6E6A60;
 --or:#BF9B4F; --or-d:#9A7B36; --or-l:#E8D9B4;
 --vert:#14543E; --vert-h:#0E3D2D; --vert-l:#E8F1ED;
 --ligne:rgba(22,21,15,.11); --ligne-s:rgba(22,21,15,.07);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;background:#fff}
body{font-family:Inter,-apple-system,sans-serif;color:var(--noir);background:var(--blanc);line-height:1.65;-webkit-font-smoothing:antialiased;font-size:16px}
img{max-width:100%;display:block;height:auto}
a{text-decoration:none;color:inherit}
.wrap{max-width:1200px;margin:0 auto;padding:0 26px}
section{padding:96px 0}
h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;line-height:1.13}
h2{font-size:clamp(1.85rem,3.4vw,2.5rem)}
h3{font-size:1.5rem}
.eyebrow{display:flex;width:100%;align-items:center;gap:13px;font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--or-d);margin-bottom:18px}
.eyebrow::before,.eyebrow::after{content:"";height:1px;background:var(--or);flex:0 0 34px}
.eyebrow::before{display:none}
.center .eyebrow{justify-content:center}
.center .eyebrow::before{display:block}

.lead{color:var(--sec);font-size:1.03rem;max-width:660px;margin-top:16px;line-height:1.8}
.center{text-align:center}.center .eyebrow{justify-content:center}.center .lead{margin-left:auto;margin-right:auto}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:600;font-size:.8rem;letter-spacing:.05em;padding:14px 26px;border-radius:999px;border:none;cursor:pointer;transition:.22s;font-family:inherit}
.btn-vert{background:var(--vert);color:#fff}
.btn-vert:hover{background:var(--vert-h);transform:translateY(-2px)}
.btn-or{background:var(--or);color:#fff}
.btn-or:hover{background:var(--or-d)}
.btn-ghost{background:#fff;color:var(--noir);border:1px solid var(--ligne)}
.btn-ghost:hover{border-color:var(--or);color:var(--or-d)}
.btn-blanc{background:#fff;color:var(--noir)}
.btn-blanc:hover{background:var(--vert);color:#fff}

/* NAV */
.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--ligne-s)}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:16px;height:74px}
.logo{display:flex;align-items:center;gap:9px}
.logo svg{flex-shrink:0}
.logo b{font-weight:700;font-size:1.18rem;line-height:1;white-space:nowrap}
.logo .g{color:var(--or)}.logo .n{color:var(--noir)}
.nav ul{display:flex;gap:18px;align-items:center;list-style:none}
.nav ul a{font-size:.69rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:4px 0;border-bottom:2px solid transparent;white-space:nowrap;transition:.2s}
.nav ul a:hover,.nav ul a.on{color:var(--or-d);border-color:var(--or)}
.nav .btn{padding:11px 17px;font-size:.68rem}
.burger{display:none;background:none;border:none;cursor:pointer;padding:6px}
.burger span{display:block;width:23px;height:2px;background:var(--noir);margin:5px 0;border-radius:2px}

/* HERO */
.hero{position:relative;overflow:hidden;background:var(--noir)}
.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero>img{filter:saturate(1.12) brightness(1.06)}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(95deg,rgba(8,10,14,.62) 0%,rgba(8,10,14,.34) 48%,rgba(8,10,14,.12) 100%)}
.hero .wrap{position:relative;z-index:2;padding-top:124px;padding-bottom:124px}
.hero-in{max-width:640px}
.hero h1{font-size:clamp(2.2rem,4.4vw,3.4rem);color:#fff}
.hero h1 .or{color:var(--or-l)}
.hero p{color:#fff;font-size:1.02rem;margin-top:14px;max-width:560px}
.hero .eyebrow{color:var(--or-l)}.hero .eyebrow::after{background:var(--or-l)}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.claim{display:flex;gap:13px;align-items:flex-start;background:#fff;border-left:4px solid var(--vert);border-radius:0 10px 10px 0;padding:17px 20px;margin:22px 0 0;max-width:520px}
.claim svg{flex-shrink:0;margin-top:2px}
.claim p{margin:0;font-size:1rem;font-weight:600;color:var(--vert);line-height:1.45}

/* BADGES */
.badges{border-bottom:1px solid var(--ligne-s);padding:56px 0}
.badges-g{display:grid;grid-template-columns:repeat(4,1fr);gap:34px}
.badge{display:flex;gap:13px;align-items:flex-start}
.badge-ic{width:40px;height:40px;border-radius:50%;background:var(--creme2);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.badge b{display:block;font-size:.9rem;font-weight:600}
.badge span{font-size:.79rem;color:var(--sec);line-height:1.5}

/* FORMULAIRES */
.card{background:#fff;border:1px solid var(--ligne);border-radius:16px;box-shadow:0 14px 40px rgba(22,21,15,.07);padding:32px}
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:13px;align-items:end}
.fl label{display:block;font-size:.62rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--or-d);margin-bottom:6px}
.fl input,.fl select,.fl textarea{width:100%;height:46px;padding:0 12px;border:1px solid rgba(22,21,15,.15);border-radius:8px;background:#FCFBF8;color:var(--noir);font:400 .92rem Inter,sans-serif;-webkit-appearance:none;appearance:none}
.fl textarea{height:auto;min-height:88px;padding:12px;resize:vertical}
.fl select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23BF9B4F' stroke-width='1.7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}
.fl input:focus,.fl select:focus,.fl textarea:focus{outline:none;border-color:var(--or)}
.fl.full{grid-column:1/-1}
.form-card h3{font-size:1.5rem;margin-bottom:4px}
.form-card .sub{color:var(--sec);font-size:.85rem;margin-bottom:18px}
.form-note{text-align:center;color:var(--sec);font-size:.75rem;margin-top:12px}
.form-note b{color:var(--vert)}
.form-card{max-width:760px;margin:0 auto}
.search-card{max-width:1000px;margin:26px auto 0}

/* CARTES */
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:46px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:46px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;margin-top:46px}
.tile{border:1px solid var(--ligne-s);border-radius:14px;overflow:hidden;background:#fff;transition:.26s;display:flex;flex-direction:column}
.tile:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(22,21,15,.1)}
.tile img{height:170px;object-fit:cover;width:100%}
.tile-b{padding:26px 22px 24px;text-align:center;display:flex;flex-direction:column;flex:1}
.tile-b h4{font-size:1rem;font-weight:600;margin-bottom:6px}
.tile-b p{font-size:.83rem;color:var(--sec);line-height:1.6;margin-bottom:14px}
.tile-b .btn{margin-top:auto;align-self:center}

.duo{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:46px;align-items:stretch}
.duo-c{border:1px solid var(--ligne-s);border-radius:14px;overflow:hidden;background:#fff}
.duo-c>img{width:100%;height:230px;object-fit:cover}
.duo-in{padding:30px 28px 32px;display:flex;flex-direction:column;flex:1}
.duo-in h3{margin-bottom:8px}
.duo-in>p{font-size:.88rem;color:var(--sec);margin-bottom:14px}
.check{list-style:none;margin-bottom:18px}
.duo-in .btn{margin-top:auto;align-self:flex-start}
.duo-in h3{min-height:2.4em}
.check li{display:flex;gap:10px;align-items:flex-start;font-size:.86rem;padding:8px 0;border-bottom:1px solid var(--ligne-s)}
.check li svg{flex-shrink:0;margin-top:3px}

/* NUMÉROS 01-04 */
.nums{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:46px}
.num-c{position:relative;background:#fff;border:1px solid var(--ligne);border-radius:16px;padding:34px 30px;overflow:hidden;transition:transform .4s cubic-bezier(.22,.61,.36,1),box-shadow .4s,border-color .4s}
.num-n{font-family:'Cormorant Garamond',serif;font-size:2.3rem;font-weight:600;color:var(--or);line-height:1;margin-bottom:10px;display:block}
.num-c h4{font-size:1rem;font-weight:600;margin-bottom:7px}
.num-c p{font-size:.85rem;color:var(--sec)}

/* SPLIT */
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.split img{border-radius:14px;width:100%;height:100%;max-height:440px;object-fit:cover}

/* PUBLICS */
.pub{border-top:1px solid var(--ligne-s);padding:46px 0;display:grid;grid-template-columns:.75fr 1.25fr;gap:46px;align-items:start}
.pub-t{display:flex;gap:12px;align-items:flex-start}
.pub-ic{width:42px;height:42px;border-radius:12px;background:var(--vert-l);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pub p{color:var(--sec);font-size:.94rem;margin-bottom:10px}
.pub strong{color:var(--noir);font-weight:600}

/* FAQ */
.faq{max-width:790px;margin:44px auto 0}
.faq details{border-bottom:1px solid var(--ligne)}
.faq summary{cursor:pointer;padding:16px 4px;font-weight:600;font-size:.95rem;list-style:none;display:flex;justify-content:space-between;gap:14px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--or);font-size:1.2rem;transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 4px 16px;color:var(--sec);font-size:.9rem}

/* CTA */
.cta{position:relative;overflow:hidden;text-align:center;background:var(--noir)}
.cta>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cta::after{content:"";position:absolute;inset:0;background:rgba(10,10,10,.58)}
.cta .wrap{position:relative;z-index:2;padding-top:104px;padding-bottom:104px}
.cta h2{color:#fff;margin-bottom:10px}
.cta p{color:#fff;max-width:540px;margin:0 auto 22px}
.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* CONTACT */
.ct-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:44px;align-items:start}
.ct-item{display:flex;gap:15px;padding:17px 0;border-bottom:1px solid var(--ligne-s)}
.ct-ic{width:42px;height:42px;border-radius:12px;background:#fff;border:1px solid var(--ligne-s);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ct-item b{display:block;font-size:.9rem;font-weight:600}
.ct-item span,.ct-item a{font-size:.88rem;color:var(--sec)}
.ct-item a:hover{color:var(--or-d)}
.soc{display:flex;gap:9px;margin-top:18px}
.soc a{width:42px;height:42px;border-radius:50%;background:#fff;border:1px solid var(--ligne-s);display:flex;align-items:center;justify-content:center;transition:.2s}
.soc a:hover{background:var(--vert)}
.soc a:hover svg path{fill:#fff}

/* FOOTER */
.site-footer{background:var(--noir);color:#B9B4A6;padding:56px 0 24px}
.foot-g{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px;padding-bottom:32px}
.site-footer h5{color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:13px}
.site-footer ul{list-style:none}
.site-footer li{margin-bottom:8px;font-size:.85rem}
.site-footer a:hover{color:var(--or)}
.site-footer p{font-size:.85rem;max-width:330px;margin-top:12px;line-height:1.75}
.foot-bot{border-top:1px solid rgba(255,255,255,.13);padding-top:18px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:.75rem}
.wa-float{position:fixed;right:18px;bottom:18px;z-index:99;width:54px;height:54px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.22)}

.crumbs{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.75);margin-bottom:14px}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}

@media(max-width:1100px){
 .nav ul{gap:13px}.nav ul a{font-size:.63rem}
 .grid4{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:980px){
 .nav ul{position:fixed;top:74px;left:0;right:0;background:#fff;flex-direction:column;align-items:flex-start;padding:22px;gap:16px;border-bottom:1px solid var(--ligne);display:none;max-height:calc(100vh - 74px);overflow:auto}
 .nav ul.open{display:flex}
 .burger{display:block}
 .badges-g{grid-template-columns:1fr 1fr;gap:20px}
 .duo,.split,.nums,.ct-grid,.pub,.grid3{grid-template-columns:1fr}
 .split{gap:26px}
 .foot-g{grid-template-columns:1fr;gap:26px}
}
@media(max-width:640px){
 section{padding:64px 0}
 .grid4,.grid2{grid-template-columns:1fr}
 .badges-g{grid-template-columns:1fr}
 .hero .wrap{padding-top:64px;padding-bottom:64px}
 .card{padding:20px 16px}
 .cta-row .btn{width:100%}
}

/* ============================================================
   ANIMATIONS & INTERACTIONS
   ============================================================ */

/* --- Apparition au défilement --- */
.aid-rv{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1)}
.aid-rv.in{opacity:1;transform:none}
.aid-rv-l{opacity:0;transform:translateX(-28px);transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1)}
.aid-rv-r{opacity:0;transform:translateX(28px);transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1)}
.aid-rv-l.in,.aid-rv-r.in{opacity:1;transform:none}

/* --- Hero : zoom lent et entrée en cascade --- */
.hero>img{transform:scale(1.08);animation:aidZoom 18s ease-out forwards;will-change:transform}
@keyframes aidZoom{to{transform:scale(1)}}
.hero-in>*{opacity:0;animation:aidUp .9s cubic-bezier(.22,.61,.36,1) forwards}
.hero-in>*:nth-child(1){animation-delay:.10s}
.hero-in>*:nth-child(2){animation-delay:.22s}
.hero-in>*:nth-child(3){animation-delay:.34s}
.hero-in>*:nth-child(4){animation-delay:.46s}
.hero-in>*:nth-child(5){animation-delay:.58s}
@keyframes aidUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.hero h1 .or{position:relative}

/* --- En-tête qui se compacte au défilement --- */
.nav{transition:box-shadow .3s,background .3s}
.nav-in{transition:height .3s cubic-bezier(.22,.61,.36,1)}
.nav.aid-small .nav-in{height:62px}
.nav.aid-small{box-shadow:0 6px 26px rgba(22,21,15,.07)}
.nav ul a{position:relative}
.nav ul a::after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:2px;background:var(--or);transition:right .32s cubic-bezier(.22,.61,.36,1)}
.nav ul a:hover::after{right:0}
.nav ul a.on::after{right:0}
.nav ul a{border-bottom:2px solid transparent!important}

/* --- Boutons : relief et brillance --- */
.btn{position:relative;overflow:hidden;transform:translateZ(0)}
.btn::before{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;
 background:linear-gradient(120deg,transparent,rgba(255,255,255,.34),transparent);transform:skewX(-20deg)}
.btn:hover::before{animation:aidShine .75s ease}
@keyframes aidShine{to{left:140%}}
.btn-vert:hover{box-shadow:0 12px 26px rgba(20,84,62,.28)}
.btn-or:hover{box-shadow:0 12px 26px rgba(191,155,79,.32)}
.btn-ghost:hover{transform:translateY(-2px)}
.btn-blanc:hover{box-shadow:0 12px 26px rgba(0,0,0,.22)}

/* --- Cartes : élévation et zoom photo --- */
.tile{transition:transform .45s cubic-bezier(.22,.61,.36,1),box-shadow .45s,border-color .45s}
.tile img{transition:transform .8s cubic-bezier(.22,.61,.36,1)}
.tile:hover{transform:translateY(-8px);box-shadow:0 22px 50px rgba(22,21,15,.13);border-color:rgba(191,155,79,.4)}
.tile:hover img{transform:scale(1.07)}
.tile{overflow:hidden}
.tile>img{will-change:transform}

.duo-c{transition:transform .45s cubic-bezier(.22,.61,.36,1),box-shadow .45s,border-color .45s;overflow:hidden;display:flex;flex-direction:column}
.duo-c>img{transition:transform .8s cubic-bezier(.22,.61,.36,1)}
.duo-c:hover{transform:translateY(-6px);box-shadow:0 22px 50px rgba(22,21,15,.12);border-color:rgba(191,155,79,.35)}
.duo-c:hover>img{transform:scale(1.05)}

.num-c:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(22,21,15,.10);border-color:rgba(191,155,79,.45)}
.num-c::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--or);transform:scaleY(0);transform-origin:top;transition:transform .45s cubic-bezier(.22,.61,.36,1)}
.num-c:hover::before{transform:scaleY(1)}
.num-n{transition:transform .4s cubic-bezier(.22,.61,.36,1)}
.num-c:hover .num-n{transform:translateX(4px)}

/* --- Split : image qui respire --- */
.split img{transition:transform .9s cubic-bezier(.22,.61,.36,1),box-shadow .5s}
.split img:hover{transform:scale(1.02);box-shadow:0 24px 54px rgba(22,21,15,.16)}

/* --- Garanties : icône vivante --- */
.badge{transition:transform .4s cubic-bezier(.22,.61,.36,1)}
.badge:hover{transform:translateY(-4px)}
.badge-ic{transition:background .4s,transform .5s cubic-bezier(.34,1.56,.64,1)}
.badge:hover .badge-ic{background:var(--vert-l);transform:scale(1.1) rotate(-6deg)}
.badge:hover .badge-ic svg{stroke:var(--vert)}
.badge-ic svg{transition:stroke .4s}

/* --- Sur-titre : trait qui se déploie --- */
.eyebrow::after{transition:width .6s cubic-bezier(.22,.61,.36,1)}
.aid-rv .eyebrow::after,.aid-rv-l .eyebrow::after{width:0}
.aid-rv.in .eyebrow::after,.aid-rv-l.in .eyebrow::after{width:34px}

/* --- FAQ fluide --- */
.faq summary{transition:color .25s,padding-left .3s}
.faq summary:hover{color:var(--or-d);padding-left:10px}
.faq summary::after{transition:transform .35s cubic-bezier(.34,1.56,.64,1),color .25s}
.faq details[open] summary{color:var(--or-d)}
.faq details[open] p{animation:aidFade .45s ease}
@keyframes aidFade{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* --- Listes à puces --- */
.check li{transition:padding-left .3s,border-color .3s}
.check li:hover{padding-left:6px;border-color:rgba(191,155,79,.5)}

/* --- Champs de formulaire --- */
.fl input,.fl select,.fl textarea{transition:border-color .3s,box-shadow .3s,background .3s}
.fl input:focus,.fl select:focus,.fl textarea:focus{box-shadow:0 0 0 3px rgba(191,155,79,.16);background:#fff}
.card{transition:box-shadow .5s}
.card:hover{box-shadow:0 20px 52px rgba(22,21,15,.10)}

/* --- CTA : léger parallaxe --- */
.cta>img{transform:scale(1.06);transition:transform .6s ease-out;will-change:transform}

/* --- WhatsApp flottant : halo pulsé --- */
.wa-float{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s}
.wa-float:hover{transform:scale(1.09)}
.wa-float::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25D366;animation:aidPulse 2.6s ease-out infinite}
@keyframes aidPulse{0%{transform:scale(1);opacity:.6}70%{transform:scale(1.5);opacity:0}100%{opacity:0}}

/* --- Liens du pied de page --- */
.site-footer a{transition:color .25s,padding-left .25s}
.site-footer li a:hover{padding-left:5px}
.soc a{transition:transform .35s cubic-bezier(.34,1.56,.64,1),background .3s,border-color .3s}
.soc a:hover{transform:translateY(-3px)}

/* --- Titres : filet doré animé sous les h2 centrés --- */
.center h2{position:relative;display:block}

/* --- Respect des préférences d'accessibilité --- */
@media (prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important}
 .aid-rv,.aid-rv-l,.aid-rv-r{opacity:1!important;transform:none!important}
 .hero-in>*{opacity:1!important}
 .hero>img,.cta>img{transform:none!important}
}


/* Sur-titre positionné juste au-dessus des cartes */
.eyebrow-bas{margin-top:34px;margin-bottom:0}

/* Libellé doré des encarts (remplace les chiffres 01-04) */
.num-lbl{
  display:block;font-family:Inter,sans-serif;font-size:.72rem;font-weight:700;
  letter-spacing:.22em;text-transform:uppercase;color:var(--or);
  margin-bottom:14px;transition:transform .4s cubic-bezier(.22,.61,.36,1),letter-spacing .4s;
}
.num-c:hover .num-lbl{transform:translateX(4px);letter-spacing:.26em}
.num-c h4{font-size:1.06rem;letter-spacing:-.005em}

/* Tuiles "Nos services" : la carte entière est cliquable */
a.tile{color:inherit;text-decoration:none}
a.tile:hover h4{color:var(--or-d)}
a.tile .tile-b::after{
  content:"Découvrir";display:block;margin-top:14px;
  font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--or-d);opacity:0;transform:translateY(6px);
  transition:opacity .35s,transform .35s;
}
a.tile:hover .tile-b::after{opacity:1;transform:none}

/* Encarts "Pourquoi" : titres sur deux lignes équilibrées */
.num-c h4{line-height:1.35}