/* ==========================================================================
   Tillap — direction artistique « Tunnel » (v3)
   Transcrite du prototype « Tillap Refonte Tunnel » : mêmes valeurs, en classes.
   Mobile-first : base ~360 px, élargissement par min-width uniquement.
   Titres : Big Shoulders. Corps : Inter. Fonts auto-hébergées (assets/fonts/).
   Tout est préfixé « t- » : aucun conflit avec legacy/v15.css, que seules les
   pages héritées (légales, 404, boutique + blog) chargent en plus.
   ========================================================================== */

@font-face{font-family:'Big Shoulders';font-style:normal;font-weight:100 900;font-display:swap;src:url("fonts/big-shoulders.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url("fonts/inter.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --violet:#6C5CE7;
  --violet-fonce:#4A36BE;
  --violet-texte:#5643D6;
  --btn-a:#5A46DB;
  --btn-b:#7B68EE;
  --rose:#E86FA8;
  --orange:#F2A45B;
  --vert:#4DBA91;
  --vert-fonce:#1E9254;
  --bleu:#6387F2;
  --encre:#102A43;
  --corps:#334E68;
  --discret:#627184;
  --faible:#98A1B2;
  --fond:#fff;
  --fond-alt:#F7F6FC;
  --fond-violet:#F2EFFE;
  --ligne:#E9E7F1;
  --ligne-violette:#E3DCFC;
  --ligne-forte:#DDDDDD;
  --degrade-btn:linear-gradient(105deg,#5A46DB,#7B68EE);
  --ombre-violette:0 6px 16px rgba(108,92,231,.28);
  --radius:16px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Inter',system-ui,sans-serif;font-size:16px;line-height:1.65;color:var(--corps);background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{display:block;max-width:100%}
img{height:auto}
button{font:inherit;cursor:pointer}
input,select,textarea{font:inherit;font-size:16px}
a{color:var(--violet-fonce);text-decoration-color:#A593F3;text-underline-offset:2px}
a:hover{color:var(--btn-a)}
:focus-visible{outline:3px solid var(--violet);outline-offset:2px}
[hidden]{display:none!important}

@keyframes t-pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.55)}55%{box-shadow:0 0 0 7px rgba(255,255,255,0)}}
@keyframes t-flotte{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes t-fade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes t-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

.t-page{min-height:100vh;background:#fff;color:var(--corps)}
.t-wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.t-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- Typographie ---------- */
.t-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:'Big Shoulders',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.84rem;color:#7B68EE}
.t-h1,.t-h2,.t-h3{font-family:'Big Shoulders',sans-serif;font-weight:800;text-transform:uppercase;color:var(--encre);text-wrap:balance}
.t-h1{line-height:1.08;margin:16px 0 18px;font-size:clamp(2.5rem,9vw,4.9rem)}
.t-h1--page{line-height:1.1;margin:14px 0;font-size:clamp(2.3rem,8vw,4.2rem)}
.t-h1--metier{line-height:1.08;margin:12px 0 16px;font-size:clamp(2.3rem,8vw,4rem)}
.t-h1--etape{line-height:1.1;margin:12px 0 10px;font-size:clamp(2.1rem,7vw,3.6rem)}
.t-h1--form{line-height:1.1;margin:0 0 20px;font-size:clamp(2rem,6vw,3.2rem)}
.t-h2{line-height:1.12;margin:10px 0 0;font-size:clamp(1.85rem,6vw,2.9rem)}
.t-h3{margin:0;font-size:clamp(1.5rem,5vw,2.2rem)}
.t-em{font-style:normal;color:var(--violet-fonce);background:linear-gradient(transparent 66%,#E3DCFC 66%,#E3DCFC 92%,transparent 92%);padding:0 .08em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.t-lead{font-size:1.08rem;color:var(--discret);max-width:34em;margin:0 0 24px;text-wrap:pretty}
.t-center{text-align:center}
.t-head{max-width:640px;margin:0 auto 32px;text-align:center}
.t-sec{padding:clamp(44px,6vw,84px) 0;border-top:1px solid var(--ligne)}
.t-sec--alt{background:var(--fond-alt);border-top:1px solid var(--ligne)}
.t-sec--sm{padding:clamp(36px,5vw,64px) 0}
.t-sec--md{padding:clamp(40px,5vw,72px) 0}

/* ---------- Boutons ---------- */
.t-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 26px;border-radius:999px;border:0;font-family:'Big Shoulders',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:1.1rem;text-decoration:none;text-align:center;transition:transform .18s ease,box-shadow .18s ease,border-color .15s ease;cursor:pointer}
.t-btn:hover{transform:translateY(-2px)}
.t-btn--go{background:var(--degrade-btn);color:#fff;box-shadow:var(--ombre-violette)}
.t-btn--go:hover{color:#fff;box-shadow:0 10px 24px rgba(108,92,231,.34)}
.t-btn--ghost{background:#fff;color:var(--encre);border:1.5px solid #C9C9CE}
.t-btn--ghost:hover{color:var(--encre);border-color:var(--violet)}
.t-btn--nuit{background:var(--encre);color:#fff}
.t-btn--nuit:hover{color:#fff}
.t-btn--blanc{background:#fff;color:var(--violet-fonce)}
.t-btn--blanc:hover{color:var(--violet-fonce)}
.t-btn--contour{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.5)}
.t-btn--contour:hover{color:#fff;border-color:#fff}
.t-btn--lg{min-height:56px;padding:12px 30px;font-size:1.2rem}
.t-btn--sm{min-height:46px;padding:0 20px;font-size:1rem}
.t-btn[disabled]{opacity:.7;cursor:progress;transform:none}
.t-btn-row{display:flex;flex-wrap:wrap;gap:12px}
.t-btn-row--center{justify-content:center}
.t-dot{width:7px;height:7px;border-radius:50%;background:#fff;flex:none;animation:t-pulse 2s infinite}
.t-link{border:0;background:none;padding:0;color:var(--violet-fonce);font-weight:650;text-decoration:none}
.t-link:hover{color:var(--btn-a);text-decoration:underline}
.t-smallbtn{min-height:48px;padding:0 20px;border-radius:999px;background:#fff;border:1.5px solid #C9C9CE;color:var(--encre);font-weight:650;display:inline-flex;align-items:center;text-decoration:none}
.t-smallbtn:hover{color:var(--encre);border-color:var(--violet)}
.t-smallbtn--go{border:0;background:var(--degrade-btn);color:#fff}
.t-smallbtn--go:hover{color:#fff}

/* ---------- Bandeau offre de lancement ---------- */
.t-bandeau{display:block;width:100%;border:0;cursor:pointer;background:var(--encre);color:#fff;font-size:.82rem;padding:8px 16px;text-align:center;line-height:1.4;text-decoration:none}
.t-bandeau:hover{color:#fff}
.t-bandeau[hidden]{display:none}
.t-bandeau__in{display:inline-flex;align-items:center;justify-content:center;gap:6px 14px;flex-wrap:wrap}
.t-bandeau strong.t-prix{font-family:'Big Shoulders',sans-serif;font-size:.98rem}
.t-bandeau s{opacity:.75}
.t-bandeau__pill{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:2px 12px;font-variant-numeric:tabular-nums;white-space:nowrap}

/* ---------- En-tête ---------- */
.t-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--ligne)}
.t-header__in{max-width:1160px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:14px;height:60px}
.t-burger{width:44px;height:44px;border:1.5px solid var(--ligne);background:#fff;border-radius:999px;display:grid;place-items:center;color:var(--encre);flex:none;padding:0}
.t-burger svg{width:18px;height:18px}
.t-brand{flex:none;display:block;border:0;background:none;padding:0;line-height:0}
.t-brand svg{height:40px;width:85px}
.t-nav{display:none;gap:3px;font-weight:600;font-size:.92rem}
.t-nav a{text-decoration:none;color:#4A4750;padding:.55em .8em;border-radius:999px;white-space:nowrap;font-weight:600}
.t-nav a:hover{background:var(--fond-alt);color:var(--encre)}
.t-nav a.is-active{background:#EDEAFE;color:var(--violet-texte)}
.t-header__actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.t-cartpill{position:relative;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px;border:1.5px solid var(--ligne-violette);background:var(--fond-violet);border-radius:999px;color:var(--violet-fonce);font-weight:650;font-size:.88rem;white-space:nowrap}
.t-cartpill:hover{border-color:var(--violet)}
.t-cartpill svg{width:18px;height:18px}
.t-cartpill span{font-variant-numeric:tabular-nums}
.t-cartpill .t-badge{position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;border-radius:999px;background:var(--rose);color:#fff;font-size:.7rem;display:grid;place-items:center;padding:0 5px}
.t-cartpill .t-badge[hidden]{display:none}
.t-cta-head{display:none;align-items:center;gap:10px;min-height:44px;padding:8px 22px;border-radius:999px;border:0;font-family:'Big Shoulders',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.98rem;background:var(--degrade-btn);color:#fff;box-shadow:var(--ombre-violette);white-space:nowrap;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
.t-cta-head:hover{color:#fff;transform:translateY(-2px);box-shadow:0 10px 24px rgba(108,92,231,.34)}
@media (min-width:640px){.t-cta-head{display:inline-flex}}
@media (min-width:1000px){.t-burger{display:none}.t-nav{display:flex}}

/* ---------- Entonnoir (offre / paiement) ---------- */
.t-funnel{border-top:1px solid var(--ligne);background:#fff}
.t-funnel[hidden]{display:none}
.t-funnel__in{max-width:1160px;margin:0 auto;padding:8px 20px;display:flex;gap:6px;align-items:center;overflow-x:auto;scrollbar-width:none}
.t-funnel__in::-webkit-scrollbar{display:none}
.t-funnel button{display:inline-flex;align-items:center;gap:7px;border:0;background:none;padding:4px 6px;font-size:.8rem;font-weight:600;color:var(--faible);white-space:nowrap}
.t-funnel button i{font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:.7rem;background:var(--fond-alt);color:var(--faible)}
.t-funnel button.is-done{color:var(--violet-fonce)}
.t-funnel button.is-done i{background:var(--fond-violet);color:var(--violet-fonce)}
.t-funnel button.is-act{color:var(--encre)}
.t-funnel button.is-act i{background:var(--encre);color:#fff}
.t-funnel__sep{width:18px;height:1px;background:var(--ligne-violette);flex:none}

/* ---------- Hero (fond « plan » commun) ---------- */
.t-hero{background:var(--fond-alt);padding:clamp(28px,4vw,56px) 0}
.t-hero--home{padding:clamp(36px,6vw,80px) 0 clamp(48px,7vw,96px)}
.t-hero--metier{padding:clamp(28px,5vw,64px) 0}
.t-hero--activites{padding:clamp(36px,5vw,68px) 0}
.t-hero--real{padding:clamp(32px,5vw,64px) 0}
.t-hero--form{padding:clamp(28px,4vw,56px) 0 72px;min-height:70vh}
.t-hero--etape{padding:clamp(28px,4vw,56px) 0}
.t-hero:not(.t-hero--home) p.t-lead{font-size:1.05rem;max-width:40em;margin:0}
.t-grid-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(32px,5vw,56px);align-items:center}
.t-grid-hero--metier{grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:clamp(24px,4vw,48px)}
.t-fadeup{animation:t-fade .5s ease both}

/* Recherche métier instantanée */
.t-search{position:relative;max-width:520px}
.t-search__bar{display:flex;align-items:center;gap:10px;background:#fff;border:2px solid var(--ligne-violette);border-radius:18px;padding:6px 6px 6px 16px;box-shadow:0 14px 34px -18px rgba(16,42,67,.3);transition:border-color .15s ease}
.t-search__bar:focus-within{border-color:var(--violet)}
.t-search__bar svg{width:20px;height:20px;flex:none}
.t-search__bar input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:10px 0;color:var(--encre);font-weight:500}
.t-search__bar button{flex:none;min-height:46px;padding:0 18px;border-radius:12px;border:0;background:var(--degrade-btn);color:#fff;font-family:'Big Shoulders',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:1rem}
.t-results{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:20;background:#fff;border:1px solid var(--ligne);border-radius:16px;box-shadow:0 24px 48px -20px rgba(16,42,67,.35);padding:6px;animation:t-fade .18s ease both}
.t-results button{display:flex;width:100%;align-items:center;gap:12px;border:0;background:transparent;text-align:left;padding:10px 12px;border-radius:10px;min-height:44px}
.t-results button:hover,.t-results button.is-first{background:var(--fond-alt)}
.t-results .t-dotc{width:8px;height:8px;border-radius:50%;flex:none}
.t-results .t-res-t{flex:1;min-width:0}
.t-results .t-res-t b{display:block;font-weight:650;color:var(--encre)}
.t-results .t-res-t small{display:block;font-size:.8rem;color:var(--discret)}
.t-tag{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:4px 9px}
.t-tag--ok{background:#EAF7F1;color:var(--vert-fonce)}
.t-tag--soon{background:#FCF4E6;color:#8A5406}
.t-results__vide{padding:12px;font-size:.9rem;color:var(--discret)}
.t-populaires{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;align-items:center}
.t-populaires>span{font-size:.8rem;color:var(--faible)}
.t-chip{border:1px solid var(--ligne);background:#fff;border-radius:999px;padding:5px 12px;font-size:.82rem;font-weight:600;color:var(--corps);display:inline-flex;align-items:center;gap:7px;min-height:44px}
.t-chip:hover{border-color:#C8BDF9;color:var(--violet-fonce)}
.t-chip i{width:6px;height:6px;border-radius:50%}
.t-soon{margin-top:18px;max-width:520px;background:#FCF4E6;border:1px solid #EBD9BC;border-radius:16px;padding:18px;animation:t-fade .25s ease both}
.t-soon p{margin:0 0 4px;font-weight:700;color:var(--encre)}
.t-soon p+p{margin:0 0 12px;font-size:.9rem;font-weight:400;color:#8A5406}
.t-soon__row{display:flex;gap:8px;flex-wrap:wrap}
.t-soon__row input{flex:1;min-width:180px;border:1.5px solid #EBD9BC;border-radius:12px;padding:10px 14px;background:#fff}
.t-soon__row button{min-height:46px;padding:0 18px;border-radius:12px;border:0;background:var(--encre);color:#fff;font-weight:650}
.t-soon__msg{margin:8px 0 0!important;font-size:.86rem!important;color:#1E5E3F!important}
.t-preuves{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:.88rem;color:var(--corps);margin-top:24px}
.t-preuves span{display:inline-flex;align-items:center;gap:.45em}
.t-preuves i{width:6px;height:6px;border-radius:50%}
.t-stars{color:#F0A500;letter-spacing:1px}

/* Maquette dans une fenêtre de navigateur */
.t-visuel{position:relative;max-width:560px;width:100%;margin:0 auto;padding:18px 0 40px}
.t-fenetre{background:#fff;border:1px solid var(--ligne-forte);border-radius:14px;box-shadow:0 24px 60px -24px rgba(16,42,67,.35);overflow:hidden}
.t-visuel .t-fenetre{transform:rotate(-1deg)}
.t-fenetre__bar{display:flex;gap:6px;align-items:center;padding:9px 12px;border-bottom:1px solid var(--ligne);background:#FAFAFC}
.t-fenetre__bar i{width:9px;height:9px;border-radius:50%;background:#C9C9CE}
.t-fenetre__bar span{flex:1;margin-left:8px;height:18px;border-radius:9px;background:#F0EEF7;font-size:.66rem;color:var(--discret);padding:0 10px;line-height:18px;font-family:ui-monospace,Menlo,monospace}
.t-fenetre img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}
.t-fenetre__opts{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px;border-top:1px solid var(--ligne);background:#FAFAFC;min-height:46px}
.t-fenetre__opts span{font-size:.72rem;font-weight:650;background:var(--fond-violet);color:var(--violet-fonce);border-radius:999px;padding:4px 10px;animation:t-fade .25s ease both}
.t-fiche{position:absolute;right:-4px;bottom:0;width:min(58%,240px);background:#fff;border:1px solid var(--ligne);border-radius:18px;box-shadow:0 18px 40px -16px rgba(16,42,67,.35);padding:14px;animation:t-flotte 6s ease-in-out infinite}
.t-fiche p{margin:0}
.t-fiche .k{font-size:.64rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--faible)}
.t-fiche .n{margin-top:4px;font-weight:700;color:var(--encre);font-size:.95rem;line-height:1.25}
.t-fiche .m{font-size:.76rem;color:var(--discret)}
.t-fiche .a{margin:6px 0 10px;color:#F0A500;font-size:.85rem;letter-spacing:1px}
.t-fiche .a span{color:var(--encre);font-size:.74rem;letter-spacing:0;font-weight:600}
.t-fiche .b{display:flex;align-items:center;justify-content:center;gap:6px;background:var(--fond-violet);color:var(--violet-fonce);border:1px solid var(--ligne-violette);border-radius:10px;padding:8px;font-size:.8rem;font-weight:650}
.t-fiche .b svg{width:14px;height:14px}
.t-flottant{position:absolute;left:-6px;top:0;display:grid;gap:8px}
.t-flottant span{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--ligne);border-radius:999px;padding:7px 13px;font-size:.78rem;font-weight:600;box-shadow:0 6px 18px rgba(16,42,67,.08);animation:t-flotte 5s ease-in-out infinite}
.t-flottant i{width:7px;height:7px;border-radius:50%;background:var(--vert)}

/* ---------- Trois chemins ---------- */
.t-paths{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}
.t-path{text-align:left;display:flex;flex-direction:column;gap:10px;background:#fff;border:1.5px solid var(--ligne);border-radius:20px;padding:24px;color:var(--encre);box-shadow:0 1px 2px rgba(16,42,67,.04);transition:transform .18s ease,box-shadow .18s ease;text-decoration:none}
.t-path:hover{transform:translateY(-4px);box-shadow:0 18px 40px -20px rgba(16,42,67,.35);color:var(--encre)}
.t-path .k{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}
.t-path .t{font-family:'Big Shoulders',sans-serif;font-weight:800;text-transform:uppercase;font-size:1.6rem;line-height:1.1}
.t-path .d{font-size:.94rem;color:var(--discret);flex:1}
.t-path .c{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.92rem;margin-top:6px}
.t-path .c svg{width:16px;height:16px}
.t-path--nuit{background:var(--encre);border-color:var(--encre);color:#fff}
.t-path--nuit:hover{color:#fff}
.t-path--nuit .d{color:#C8BDF9}

/* ---------- Avant / après ---------- */
.t-avap{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:clamp(28px,5vw,64px);align-items:center}
.t-avap p.t-p{color:var(--discret);margin:0 0 22px;max-width:30em}
.t-tabs{display:inline-flex;gap:4px;padding:4px;background:var(--fond-alt);border:1px solid var(--ligne);border-radius:999px}
.t-tabs button{min-height:44px;padding:0 20px;border:0;border-radius:999px;font-family:'Big Shoulders',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:1rem;background:transparent;color:var(--corps)}
.t-tabs button[aria-selected="true"]{background:var(--encre);color:#fff}
.t-avap__cta{margin-top:24px}
.t-gmap{position:relative;max-width:480px;width:100%;margin:0 auto}
.t-gcard{position:relative;background:#fff;border:1px solid #E7E4F3;border-radius:26px;padding:26px 22px 20px;box-shadow:0 14px 34px -20px rgba(10,37,64,.24);animation:t-fade .3s ease both}
.t-gcard--avant{filter:grayscale(.3)}
.t-gcard--apres{border:1.5px solid #D9D3FF;box-shadow:0 24px 50px -22px rgba(108,92,231,.45)}
.t-gcard__tag{position:absolute;top:-12px;left:22px;font-size:10.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#8B8794;background:#fff;border:1px solid #E7E4F3;border-radius:999px;padding:5px 13px}
.t-gcard--apres .t-gcard__tag{color:var(--violet-fonce);background:#EDEAFE;border-color:#D9D3FF}
.t-gcard__who{display:flex;align-items:center;gap:12px}
.t-gcard__av{width:38px;height:38px;border-radius:50%;background:#F7F6FB;color:#8B8794;font-weight:700;display:grid;place-items:center}
.t-gcard--apres .t-gcard__av{background:#EDEAFE;color:var(--violet-fonce)}
.t-gcard__who p{margin:0}
.t-gcard__who .n{font-size:17px;font-weight:700;color:#15131C}
.t-gcard__who .m{font-size:12.5px;color:#8B8794}
.t-gcard__stars{margin:16px 0 0;font-size:14px;color:#E7E4F3;letter-spacing:1px}
.t-gcard__stars span{color:#8B8794;font-size:13.5px;letter-spacing:0;margin-left:6px}
.t-gcard--apres .t-gcard__stars{color:#F0A500}
.t-gcard--apres .t-gcard__stars span{color:#15131C;font-weight:600}
.t-gcard__photos{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.t-gcard__photos span,.t-gcard__photos img{aspect-ratio:4/3;border-radius:10px;background:#F7F6FB;object-fit:cover;object-position:top;width:100%}
.t-gcard ul{list-style:none;padding:0;margin:16px 0 0;font-size:13.5px;color:#8B8794;display:grid;gap:10px}
.t-gcard--apres ul{color:#4A4750}
.t-gcard ul b{color:#5643D6}
.t-gcard__btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.t-gcard__btns span{text-align:center;font-size:13.5px;font-weight:600;color:#8B8794;border:1px solid #E7E4F3;border-radius:14px;padding:12px}
.t-gcard__btns span.on{color:var(--violet-fonce);background:var(--fond-violet);border-color:var(--ligne-violette)}
.t-gcard__note{margin:16px 0 0;padding-top:14px;border-top:1px solid #E7E4F3;font-size:12.5px;color:#8B8794}

/* ---------- Cartes de maquettes ---------- */
.t-row-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:24px}
.t-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:16px}
.t-cards--lg{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:18px}
.t-cards--sm{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}
.t-card{display:block;text-align:left;border:1px solid var(--ligne);background:#fff;border-radius:16px;padding:0;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease;text-decoration:none;color:var(--encre)}
.t-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -20px rgba(16,42,67,.35);color:var(--encre)}
.t-card img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}
.t-card__body{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px}
.t-card__body b{display:block;font-weight:700;color:var(--encre)}
.t-card__body small{display:block;font-size:.78rem;color:var(--discret)}
.t-card__go{width:34px;height:34px;border-radius:50%;background:var(--fond-violet);color:var(--violet-fonce);display:grid;place-items:center;flex:none}
.t-card--alt{background:var(--fond-alt);border-radius:18px}
.t-card--alt .t-card__body{padding:14px 16px}
.t-card__pour{font-size:.78rem;font-weight:700;color:var(--violet-fonce);white-space:nowrap}
.t-card--voisin{border-radius:16px}
.t-card--voisin span{display:block;padding:12px 14px;font-weight:700;color:var(--encre)}

/* ---------- Offre en deux lignes ---------- */
.t-offre{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:clamp(28px,4vw,48px);align-items:center}
.t-offre__card{background:var(--fond-alt);border:1px solid var(--ligne);border-radius:22px;padding:26px}
.t-prixligne{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.t-prixligne--creation{margin:18px 0 4px}
.t-prixligne--mensuel{border-top:1px solid var(--ligne-violette);margin-top:14px;padding-top:14px}
.t-prixligne .big{font-family:'Big Shoulders',sans-serif;font-weight:700;font-size:clamp(2.6rem,5vw,3.6rem);line-height:1;color:var(--violet-texte)}
.t-prixligne s{font-family:'Big Shoulders',sans-serif;font-weight:700;color:var(--discret);font-size:1.3rem}
.t-prixligne .mid{font-family:'Big Shoulders',sans-serif;font-weight:700;font-size:2.2rem;line-height:1;color:var(--encre)}
.t-prixligne small{font-size:.86rem;color:var(--discret)}
.t-offre__lancement{margin:18px 0 10px;font-size:.9rem;color:var(--corps)}
.t-offre__lancement strong:first-child{color:var(--violet-texte)}
.t-jauge{height:8px;border-radius:999px;background:var(--ligne-violette);overflow:hidden;margin-bottom:10px}
.t-jauge div{height:100%;background:linear-gradient(90deg,#6C5CE7,#E86FA8);border-radius:999px;transition:width .6s ease}
.t-compte{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.t-compte div{background:#fff;border:1px solid #DCD4FF;border-radius:12px;padding:10px 4px;text-align:center}
.t-compte b{display:block;font-family:'Big Shoulders',sans-serif;font-size:1.8rem;line-height:1;color:var(--encre);font-variant-numeric:tabular-nums}
.t-compte span{font-size:.7rem;color:var(--discret)}
.t-garantie{display:flex;gap:12px;align-items:flex-start;margin-top:18px;background:#EAF7F1;border:1px solid #CDEEE0;border-radius:14px;padding:12px 14px}
.t-garantie svg{flex:none;width:22px;height:22px}
.t-garantie p{margin:0;font-size:.86rem;color:#1E5E3F}
.t-offre p.t-p{color:var(--discret);margin:0 0 20px}

/* ---------- Qui ---------- */
.t-qui{background:var(--fond-alt);border-top:1px solid var(--ligne)}
.t-qui__in{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:clamp(28px,4vw,48px);align-items:center}
.t-qui__in img{border-radius:22px;width:100%;max-width:480px;aspect-ratio:1/1;object-fit:cover;object-position:center 22%;margin:0 auto}
.t-qui p{margin:0 0 14px}
.t-qui p.t-last{margin:0 0 20px}
.t-signature{font-family:'Big Shoulders',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--encre)}
.t-qui .t-h2{margin:12px 0 18px}

/* ---------- Avis ---------- */
.t-avis{max-width:720px;margin:0 auto;padding:0 20px;text-align:center}
.t-avis .t-h2{margin:10px 0 18px}
.t-note{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:24px}
.t-note b{font-family:'Big Shoulders',sans-serif;font-weight:800;font-size:1.6rem;color:var(--encre)}
.t-note .t-stars{letter-spacing:2px}
.t-note small{font-size:.92rem;color:var(--discret)}
.t-avis figure{margin:0;text-align:left;background:var(--fond-alt);border:1px solid var(--ligne);border-radius:18px;padding:28px}
.t-avis figure .t-stars{letter-spacing:2px}
.t-avis blockquote{margin:12px 0 18px;color:var(--encre);line-height:1.6}
.t-avis figcaption b{display:block;font-weight:650;color:var(--encre)}
.t-avis figcaption span{font-size:.86rem;color:var(--discret)}

/* ---------- FAQ ---------- */
.t-faq-wrap{max-width:820px;margin:0 auto;padding:0 20px}
.t-faq{display:grid;gap:10px}
.t-faq__item{background:#fff;border:1px solid var(--ligne);border-radius:14px;overflow:hidden}
.t-faq__item.is-open{border-color:#D9D3FF}
.t-faq__q{display:flex;width:100%;align-items:center;justify-content:space-between;gap:16px;border:0;background:none;text-align:left;padding:16px 18px;font-weight:650;color:var(--encre);font-size:1rem;min-height:56px}
.t-faq__q i{width:28px;height:28px;border-radius:50%;background:var(--fond-violet);color:var(--violet-fonce);position:relative;flex:none}
.t-faq__q i::before,.t-faq__q i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;border-radius:2px;background:currentColor}
.t-faq__q i::after{transform:rotate(90deg);transition:transform .2s ease}
.t-faq__item.is-open .t-faq__q i::after{transform:rotate(90deg) scaleX(0)}
.t-faq__a{margin:0;padding:0 18px 18px;color:var(--discret);font-size:.95rem;animation:t-fade .2s ease both}

/* ---------- CTA final ---------- */
.t-cta{border-top:1px solid var(--ligne);position:relative;background:linear-gradient(240deg,#4A36BE 0%,#6C5CE7 50%,#7B68EE 100%);padding:clamp(52px,6vw,88px) 0;text-align:center}
.t-cta::before{content:"";position:absolute;inset:16px;border:1px dashed rgba(255,255,255,.2);border-radius:4px;pointer-events:none}
.t-cta__in{max-width:760px;margin:0 auto;padding:0 20px;position:relative}
.t-cta .t-h2{color:#fff;margin:0 0 14px}
.t-cta p{color:rgba(255,255,255,.88);margin:0 auto 26px;max-width:40em}

/* ---------- Pied de page ---------- */
.t-footer{background:var(--fond-violet);border-top:1px solid var(--ligne-violette);padding:clamp(40px,4vw,60px) 0 110px}
.t-footer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:32px}
.t-footer__logo{height:38px;width:80px;margin-bottom:14px}
.t-footer__intro{font-size:.86rem;color:var(--discret);margin:0}
.t-footer h2{font-family:'Big Shoulders',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:.74rem;color:var(--discret);margin:0 0 12px}
.t-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;justify-items:start;font-size:.86rem}
.t-footer a{color:var(--corps);text-decoration:none}
.t-footer a:hover{color:var(--violet-fonce);text-decoration:underline}
.t-footer__copy{margin-top:28px;padding-top:18px;border-top:1px solid var(--ligne-violette);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-size:.76rem;color:var(--faible)}

/* ---------- Barre panier persistante, tiroir, menu, toast ---------- */
.t-bar{position:fixed;left:12px;right:12px;bottom:12px;z-index:60;display:flex;justify-content:center;pointer-events:none;animation:t-fade .35s ease both}
.t-bar[hidden]{display:none}
.t-bar__in{pointer-events:auto;display:flex;align-items:center;gap:12px;background:var(--encre);color:#fff;border-radius:20px;padding:10px 10px 10px 16px;box-shadow:0 20px 44px -12px rgba(16,42,67,.55);max-width:560px;width:100%}
.t-bar__info{flex:1;min-width:0;border:0;background:none;color:#fff;text-align:left;padding:0}
.t-bar__info small{display:block;font-size:.72rem;color:#C8BDF9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t-bar__info b{display:block;font-family:'Big Shoulders',sans-serif;font-weight:800;font-size:1.3rem;line-height:1.1;font-variant-numeric:tabular-nums}
.t-bar__info b span{font-family:'Inter',sans-serif;font-weight:500;font-size:.78rem;color:#C8BDF9}
.t-bar__go{flex:none;min-height:46px;padding:0 18px;border-radius:14px;border:0;background:var(--degrade-btn);color:#fff;font-family:'Big Shoulders',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:1.05rem;text-decoration:none;display:inline-flex;align-items:center}
.t-bar__go:hover{color:#fff}

.t-overlay{position:fixed;inset:0;z-index:90;background:rgba(16,42,67,.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.t-drawer{position:fixed;top:0;right:0;bottom:0;z-index:91;width:min(420px,100%);background:#fff;box-shadow:-20px 0 50px -20px rgba(16,42,67,.4);display:flex;flex-direction:column;animation:t-fade .25s ease both}
.t-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--ligne)}
.t-drawer__head p{margin:0;font-family:'Big Shoulders',sans-serif;font-weight:800;text-transform:uppercase;font-size:1.3rem;color:var(--encre)}
.t-x{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--ligne);background:#fff;font-size:1.1rem;color:var(--encre);display:grid;place-items:center;padding:0}
.t-drawer__body{flex:1;overflow-y:auto;padding:18px 20px;display:grid;gap:12px;align-content:start}
.t-drawer__body p{margin:0;color:var(--discret);font-size:.92rem}
.t-drawer__metier{display:flex;gap:12px;align-items:center}
.t-drawer__metier img{width:84px;height:54px;border-radius:8px;object-fit:cover;object-position:top;border:1px solid var(--ligne)}
.t-drawer__metier b{display:block;color:var(--encre)}
.t-line{display:flex;gap:10px;align-items:center;justify-content:space-between;border:1px solid var(--ligne);border-radius:12px;padding:10px 12px}
.t-line b{display:block;font-size:.9rem;color:var(--encre);font-weight:600}
.t-line small{font-size:.78rem;color:var(--discret)}
.t-line button{border:0;background:none;color:var(--faible);font-size:.8rem;padding:4px 8px;min-height:44px;flex:none}
.t-line button:hover{color:#B42318}
.t-drawer__foot{padding:18px 20px;border-top:1px solid var(--ligne);display:grid;gap:10px}
.t-drawer__foot .row{display:flex;justify-content:space-between;align-items:baseline}
.t-drawer__foot .row b{color:var(--encre)}
.t-drawer__foot .row s{color:var(--faible);margin-right:6px;font-size:.9rem}
.t-drawer__foot .row span.mut{color:var(--discret)}
.t-drawer__foot .t-btn{min-height:52px}
.t-drawer__foot .t-smallbtn{min-height:44px;justify-content:center}
.t-drawer__pick{min-height:46px;border-radius:12px;border:1.5px solid var(--ligne-violette);background:var(--fond-violet);color:var(--violet-fonce);font-weight:650;display:flex;align-items:center;justify-content:center;text-decoration:none}

.t-menu{position:fixed;inset:0;z-index:95;background:#fff;display:flex;flex-direction:column;animation:t-fade .25s ease both}
.t-menu__head{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--ligne)}
.t-menu__head svg{height:36px;width:76px}
.t-menu__head .t-x{width:42px;height:42px;font-size:1.2rem}
.t-menu__body{flex:1;overflow-y:auto;padding:18px 16px 28px}
.t-menu__links{display:grid;gap:2px;margin-bottom:22px}
.t-menu__links a{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ligne);padding:14px 8px;min-height:52px;font-weight:600;color:var(--encre);font-size:1.05rem;text-decoration:none}
.t-menu__links a.is-active{color:var(--violet-texte)}
.t-menu__links a::after{content:"→";color:var(--violet)}
.t-menu__cta{display:grid;gap:10px}
.t-menu__cta .t-btn{min-height:52px}

.t-toast{position:fixed;left:50%;bottom:96px;transform:translateX(-50%);z-index:99;background:#fff;border:1px solid #CDEEE0;color:#1E5E3F;border-radius:999px;padding:10px 18px;font-size:.88rem;font-weight:600;box-shadow:0 12px 30px -12px rgba(16,42,67,.35);animation:t-fade .2s ease both;max-width:calc(100vw - 24px);text-align:center}
.t-toast[hidden]{display:none}

@media print{.t-bandeau,.t-header,.t-bar,.t-drawer,.t-overlay,.t-menu,.t-toast{display:none!important}}

/* ==========================================================================
   Pages : activités, métier, configurateur, paiement, contact, réalisations
   ========================================================================== */

/* ---------- Activités ---------- */
.t-fam-titre{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.t-badge-fam{display:inline-flex;align-items:center;gap:7px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;border-radius:999px;padding:6px 12px;background:#EAF7F1;color:var(--vert-fonce);border:1px solid #CDEEE0}
.t-badge-fam i{width:6px;height:6px;border-radius:50%;background:var(--vert-fonce)}
.t-fam-sous{margin:0 0 22px;color:var(--discret)}
.t-groupes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px}
.t-groupe{background:var(--fond-alt);border:1px solid var(--ligne);border-radius:18px;padding:20px}
.t-groupe>p{font-family:'Big Shoulders',sans-serif;font-weight:800;text-transform:uppercase;font-size:1.1rem;color:var(--encre);margin:0 0 14px}
.t-groupe__list{display:grid;gap:6px}
.t-metier{display:flex;align-items:center;gap:12px;border:1px solid var(--ligne);background:#fff;border-radius:12px;padding:6px 12px 6px 6px;text-align:left;color:var(--encre);font-weight:600;font-size:.94rem;text-decoration:none;min-height:48px;transition:transform .18s ease,border-color .15s ease}
.t-metier:hover{border-color:#C8BDF9;transform:translateX(3px);color:var(--encre)}
.t-metier img{width:56px;height:36px;border-radius:7px;object-fit:cover;object-position:top;flex:none}
.t-metier span{flex:1}
.t-metier em{font-style:normal;color:var(--violet)}
.t-soonfams{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
.t-soonfam{background:#fff;border:1px solid var(--ligne);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:10px}
.t-soonfam__top{display:flex;justify-content:space-between;gap:10px;align-items:center}
.t-soonfam__top b{font-family:'Big Shoulders',sans-serif;font-weight:800;text-transform:uppercase;font-size:1.3rem;color:var(--encre)}
.t-soonfam__top .t-tag{font-size:.64rem;padding:5px 10px;letter-spacing:.08em;border:1px solid #EBD9BC}
.t-soonfam p{margin:0;font-size:.86rem;color:var(--discret)}
.t-soonfam__bar{display:block;height:3px;border-radius:2px}
.t-soonfam__row{display:flex;gap:8px;flex-wrap:wrap;animation:t-fade .2s ease both}
.t-soonfam__row input{flex:1;min-width:160px;border:1.5px solid var(--ligne);border-radius:12px;padding:10px 12px}
.t-soonfam__row button{min-height:44px;padding:0 16px;border-radius:12px;border:0;background:var(--encre);color:#fff;font-weight:650}
.t-soonfam .t-link{align-self:flex-start;font-size:.9rem;min-height:44px;display:inline-flex;align-items:center}

/* ---------- Page métier ---------- */
.t-ariane{display:flex;gap:6px;flex-wrap:wrap;font-size:.78rem;color:var(--discret);margin-bottom:16px}
.t-ariane a{color:var(--discret);text-decoration:none}
.t-ariane a:hover{color:var(--violet-fonce);text-decoration:underline}
.t-ariane b{color:var(--encre);font-weight:600}
.t-essai{background:#fff;border:1px solid var(--ligne-violette);border-radius:18px;padding:16px;margin-bottom:20px}
.t-essai>p{margin:0 0 10px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--violet-fonce)}
.t-toggles{display:flex;flex-wrap:wrap;gap:8px}
.t-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:999px;border:1.5px solid var(--ligne-violette);background:#fff;color:var(--corps);font-weight:600;font-size:.86rem;transition:all .15s ease}
.t-toggle b{width:16px;height:16px;border-radius:5px;border:1.5px solid currentColor;display:grid;place-items:center;font-size:.7rem;line-height:1;font-weight:400}
.t-toggle small{opacity:.7;font-weight:500;font-size:inherit}
.t-toggle[aria-pressed="true"]{border-color:var(--encre);background:var(--encre);color:#fff}
.t-essai__total{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px dashed var(--ligne-violette)}
.t-essai__total span{font-size:.84rem;color:var(--discret)}
.t-essai__total .big{font-family:'Big Shoulders',sans-serif;font-weight:800;font-size:1.8rem;color:var(--violet-texte);font-variant-numeric:tabular-nums;line-height:1}
.t-essai__total .mens{font-size:.86rem}
.t-essai__total .mens b{color:var(--encre)}
.t-ticks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:10px 28px}
.t-ticks li{display:flex;gap:10px;font-size:.95rem;color:var(--corps)}
.t-ticks svg{flex:none;width:18px;height:18px;margin-top:3px}
.t-ticks--sm li{font-size:.9rem}
.t-ticks--sm{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:8px 24px}
.t-ticks--sm svg{width:16px;height:16px;margin-top:4px}
.t-h2--md{font-size:clamp(1.85rem,6vw,2.6rem);margin:10px 0 24px}

/* ---------- Configurateur ---------- */
.t-hero--cfg .t-wrap{max-width:900px}
.t-progress{height:6px;border-radius:999px;background:var(--ligne-violette);overflow:hidden;margin-top:18px}
.t-progress div{height:100%;background:linear-gradient(90deg,#6C5CE7,#E86FA8);border-radius:999px;transition:width .4s ease}
.t-cfg{padding:clamp(28px,4vw,56px) 0 140px;border-top:1px solid var(--ligne)}
.t-cfg__in{max-width:900px;margin:0 auto;padding:0 20px}
.t-etape{animation:t-fade .3s ease both;display:grid;gap:18px}
.t-etape--mods{gap:26px}
.t-socle{background:#fff;border:1.5px solid #D9D3FF;border-radius:22px;padding:24px;box-shadow:0 18px 40px -24px rgba(108,92,231,.45)}
.t-socle__top{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-start}
.t-socle__top .n{margin:0;font-family:'Big Shoulders',sans-serif;font-weight:800;text-transform:uppercase;font-size:1.6rem;color:var(--encre)}
.t-socle__top .s{margin:2px 0 0;font-size:.9rem;color:var(--discret)}
.t-socle__prix{text-align:right}
.t-socle__prix div{display:flex;gap:10px;align-items:baseline;justify-content:flex-end}
.t-socle__prix s{font-family:'Big Shoulders',sans-serif;font-weight:700;color:var(--faible);font-size:1.2rem}
.t-socle__prix b{font-family:'Big Shoulders',sans-serif;font-weight:800;color:var(--violet-texte);font-size:2.4rem;line-height:1}
.t-socle__prix p{margin:2px 0 0;font-size:.86rem;color:var(--discret)}
.t-kicker{margin:18px 0 10px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--violet-fonce)}
.t-kicker--2{margin-top:20px}
.t-mensuel{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}
.t-mensuel div{background:var(--fond-alt);border:1px solid var(--ligne);border-radius:14px;padding:14px}
.t-mensuel b{display:block;margin:0 0 8px;color:var(--encre);font-size:.92rem}
.t-mensuel p{margin:0 0 6px;font-size:.82rem;color:var(--discret)}
.t-metiergrp>p{margin:0 0 10px;font-family:'Big Shoulders',sans-serif;font-weight:800;text-transform:uppercase;color:var(--encre);font-size:1.1rem}
.t-pills{display:flex;flex-wrap:wrap;gap:8px}
.t-pillbtn{min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid var(--ligne);background:#fff;color:var(--corps);font-weight:600;font-size:.9rem;transition:all .15s ease}
.t-pillbtn:hover{border-color:var(--violet)}
.t-pillbtn[aria-pressed="true"]{background:var(--encre);border-color:var(--encre);color:#fff}
.t-horsliste{background:var(--fond-alt);border:1px dashed #C8BDF9;border-radius:16px;padding:16px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.t-horsliste span{font-size:.92rem;color:var(--corps)}
.t-intro{margin:0;color:var(--discret)}
.t-intro b{color:var(--encre)}
.t-modgrp__head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.t-modgrp__head p{margin:0;font-family:'Big Shoulders',sans-serif;font-weight:800;text-transform:uppercase;color:var(--encre);font-size:1.25rem}
.t-modgrp__head span{font-size:.86rem;color:var(--discret)}
.t-mods{display:grid;gap:10px}
.t-mod{display:flex;gap:14px;align-items:flex-start;text-align:left;border:1.5px solid var(--ligne);background:#fff;border-radius:16px;padding:16px;transition:all .15s ease;width:100%}
.t-mod:hover{border-color:#C8BDF9}
.t-mod[aria-pressed="true"]{border-color:var(--violet);background:var(--fond-violet)}
.t-mod[aria-disabled="true"]{opacity:.6;cursor:not-allowed}
.t-mod[aria-disabled="true"]:hover{border-color:var(--ligne)}
.t-mod__check{width:24px;height:24px;flex:none;border-radius:8px;border:2px solid #C9C9CE;background:#fff;color:#fff;display:grid;place-items:center;font-size:.8rem;margin-top:2px}
.t-mod[aria-pressed="true"] .t-mod__check{border-color:var(--encre);background:var(--encre)}
.t-mod__txt{flex:1;min-width:0}
.t-mod__nom{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.t-mod__nom b{font-weight:700;color:var(--encre)}
.t-mod__nom .t-tag{font-size:.62rem;padding:3px 9px;letter-spacing:.08em}
.t-tag--reco{background:var(--fond-violet);color:var(--violet-fonce);border:1px solid var(--ligne-violette)}
.t-tag--attente{background:#FCF4E6;color:#8A5406;border:1px solid #EBD9BC}
.t-mod__r{display:block;font-size:.86rem;color:var(--discret);margin-top:4px}
.t-mod__prix{text-align:right;flex:none;font-family:'Big Shoulders',sans-serif;font-weight:700;color:var(--encre);font-size:1rem;white-space:nowrap}
.t-mod__prix small{display:block;font-family:'Inter',sans-serif;font-weight:500;font-size:.76rem;color:var(--discret)}
.t-recap{background:var(--fond-alt);border:1px solid var(--ligne);border-radius:22px;padding:24px}
.t-recap>p{margin:0 0 14px;font-family:'Big Shoulders',sans-serif;font-weight:800;text-transform:uppercase;font-size:1.4rem;color:var(--encre)}
.t-recap__l{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--ligne)}
.t-recap__l b{font-weight:650;color:var(--encre);white-space:nowrap}
.t-recap__l small{font-size:.78rem;color:var(--vert-fonce);font-weight:650}
.t-recap__total{display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap;margin-top:16px}
.t-recap__total>b{color:var(--encre)}
.t-recap__total s{color:var(--faible);margin-right:8px}
.t-recap__total .big{font-family:'Big Shoulders',sans-serif;font-size:2rem;color:var(--violet-texte);font-weight:700}
.t-recap__total .mens{color:var(--discret)}
.t-recap__eco{margin:6px 0 0;text-align:right;font-size:.84rem;color:var(--vert-fonce);font-weight:650}
.t-garanties{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:10px}
.t-garanties div{display:flex;gap:8px;align-items:flex-start;font-size:.84rem;color:var(--corps);background:#EAF7F1;border:1px solid #CDEEE0;border-radius:12px;padding:10px 12px}
.t-garanties b{color:var(--vert-fonce);font-weight:800}
.t-nav-etapes{display:flex;justify-content:space-between;gap:12px;margin-top:28px;flex-wrap:wrap}

/* ---------- Paiement ---------- */
.t-pay{max-width:1060px;margin:0 auto;padding:0 20px}
.t-pay__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:20px;align-items:start}
.t-box{background:#fff;border:1px solid var(--ligne);border-radius:22px;padding:24px;display:grid;gap:14px}
.t-box>p:first-child{margin:0;font-weight:700;color:var(--encre)}
.t-field{display:grid;gap:6px;font-size:.84rem;font-weight:600;color:var(--corps)}
.t-field input,.t-field select{border:1.5px solid var(--ligne);border-radius:12px;padding:12px 14px;font-weight:400;background:#fff;color:var(--encre);min-height:48px;width:100%}
.t-field input:focus,.t-field select:focus{outline:0;border-color:var(--violet)}
.t-field2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:14px}
.t-field2--w{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.t-check{display:flex;gap:10px;align-items:flex-start;font-size:.86rem;color:var(--corps);cursor:pointer}
.t-check input{width:20px;height:20px;margin-top:2px;accent-color:var(--violet);flex:none}
.t-err{margin:0;font-size:.86rem;color:#B42318;background:#FEF3F2;border:1px solid #FECDCA;border-radius:10px;padding:10px 12px}
.t-paybtn{width:100%;min-height:56px;font-size:1.2rem}
.t-spin{width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;animation:t-spin .8s linear infinite}
.t-secure{margin:0;text-align:center;font-size:.78rem;color:var(--faible)}
.t-side{display:grid;gap:14px}
.t-cartcard{background:#fff;border:1.5px solid #D9D3FF;border-radius:22px;padding:22px}
.t-cartcard__top{display:flex;gap:12px;align-items:center;margin-bottom:14px}
.t-cartcard__top img{width:72px;height:46px;border-radius:8px;object-fit:cover;object-position:top;border:1px solid var(--ligne)}
.t-cartcard__top b{display:block;color:var(--encre)}
.t-cartcard__top a{color:var(--violet-fonce);font-size:.84rem;font-weight:600}
.t-cartcard__l{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--ligne);font-size:.9rem}
.t-cartcard__l span:last-child{white-space:nowrap}
.t-cartcard__l s{color:var(--faible)}
.t-cartcard__l b{color:var(--encre)}
.t-cartcard__tot{display:flex;justify-content:space-between;gap:12px;padding:12px 0 0;border-top:2px solid var(--encre);margin-top:6px;align-items:baseline}
.t-cartcard__tot b:first-child{color:var(--encre)}
.t-cartcard__tot b:last-child{font-family:'Big Shoulders',sans-serif;font-size:1.9rem;color:var(--violet-texte)}
.t-cartcard__m{margin:2px 0 0;text-align:right;font-size:.84rem;color:var(--discret)}
.t-yoann{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--ligne);border-radius:18px;padding:14px}
.t-yoann img{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:center 22%;flex:none}
.t-yoann p{margin:0;font-size:.86rem;color:var(--corps)}
.t-yoann b{color:var(--encre)}
.t-places{margin:0;font-size:.84rem;color:var(--violet-texte);font-weight:600;text-align:center}

/* ---------- Contact ---------- */
.t-hero--contact .t-wrap{max-width:760px}
.t-qui-repond{display:flex;gap:14px;align-items:center;margin-bottom:18px}
.t-qui-repond img{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:center 22%;border:3px solid #fff;box-shadow:0 6px 18px rgba(16,42,67,.12)}
.t-qui-repond p{margin:0;font-weight:700;color:var(--encre)}
.t-qui-repond p+p{font-size:.84rem;font-weight:400;color:var(--vert-fonce);display:flex;align-items:center;gap:6px}
.t-qui-repond p+p i{width:7px;height:7px;border-radius:50%;background:var(--vert-fonce)}
.t-cdots{display:flex;gap:6px;margin:16px 0 24px}
.t-cdots span{flex:1;height:5px;border-radius:999px;background:var(--ligne-violette);transition:background .3s ease}
.t-cdots span.on{background:var(--violet)}
.t-cform{padding:clamp(28px,4vw,48px) 0 clamp(48px,6vw,84px)}
.t-cform .t-wrap{max-width:760px}
.t-besoins{display:grid;gap:12px;animation:t-fade .3s ease both}
.t-besoin{display:flex;gap:16px;align-items:center;text-align:left;background:#fff;border:1.5px solid var(--ligne);border-radius:18px;padding:18px;transition:transform .18s ease,border-color .15s ease;width:100%}
.t-besoin:hover{border-color:var(--violet);transform:translateY(-2px)}
.t-besoin i{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;flex:none;font-family:'Big Shoulders',sans-serif;font-weight:800;color:var(--encre);font-size:1.2rem;font-style:normal}
.t-besoin span.t{flex:1}
.t-besoin b{display:block;font-weight:700;color:var(--encre)}
.t-besoin small{display:block;font-size:.88rem;color:var(--discret)}
.t-besoin em{color:var(--violet);font-style:normal}
.t-cbox{display:grid;gap:14px;animation:t-fade .3s ease both;background:#fff;border:1px solid var(--ligne);border-radius:22px;padding:22px}
.t-cbox--done{padding:26px;display:block}
.t-cbox--done p{margin:0 0 18px;color:var(--discret)}
.t-cbox--done p:first-child{margin:0 0 8px;font-size:1.05rem;color:var(--encre);font-weight:700}
.t-slots{display:grid;gap:12px}
.t-slots>p{margin:6px 0 10px;font-size:.84rem;font-weight:600}
.t-slot__day{margin:0 0 6px;font-size:.8rem;color:var(--discret);font-weight:600}
.t-slot__times{display:flex;flex-wrap:wrap;gap:8px}
.t-slot{min-height:44px;padding:0 16px;border-radius:12px;border:1.5px solid var(--ligne-forte);background:#fff;color:var(--corps);font-weight:600;font-size:.9rem}
.t-slot[aria-pressed="true"]{border-color:var(--encre);background:var(--encre);color:#fff}
.t-cnav{display:flex;justify-content:space-between;gap:12px;margin-top:20px}
.t-direct{margin:24px 0 0;font-size:.86rem;color:var(--discret)}

/* ---------- Réalisations ---------- */
.t-filtres{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.t-filtre-q{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--ligne);border-radius:999px;padding:0 14px;min-height:46px;flex:1;min-width:220px;max-width:360px}
.t-filtre-q:focus-within{border-color:var(--violet)}
.t-filtre-q svg{width:17px;height:17px;flex:none}
.t-filtre-q input{border:0;outline:0;flex:1;min-width:0;background:transparent}
.t-filtre{min-height:44px;padding:0 15px;border-radius:999px;border:1.5px solid var(--ligne);background:#fff;color:var(--corps);font-weight:600;font-size:.86rem}
.t-filtre[aria-pressed="true"]{border-color:var(--violet);background:var(--fond-violet);color:var(--violet-fonce)}
.t-compteur{margin:0 0 16px;font-size:.86rem;color:var(--discret)}
.t-vide{text-align:center;padding:40px 20px;background:var(--fond-alt);border-radius:18px;border:1px dashed #C8BDF9}
.t-vide p{margin:0 0 12px;color:var(--corps)}
.t-card[hidden]{display:none}

/* ---------- Confirmation de paiement ---------- */
.t-done{max-width:640px;margin:0 auto;text-align:center;animation:t-fade .4s ease both}
.t-done__ico{width:72px;height:72px;border-radius:50%;background:#EAF7F1;border:1px solid #CDEEE0;display:grid;place-items:center;margin:0 auto 18px}
.t-done__ico svg{width:34px;height:34px}
.t-done>p{color:var(--discret);margin:0 0 28px}
.t-steps{display:grid;gap:10px;text-align:left}
.t-steps div{display:flex;gap:14px;background:#fff;border:1px solid var(--ligne);border-radius:16px;padding:16px}
.t-steps i{font-style:normal;font-family:'Big Shoulders',sans-serif;font-weight:700;font-size:1.4rem;flex:none;min-width:2rem}
.t-steps b{color:var(--encre)}

/* ---------- Accueil recentré (v3.1) ---------- */
.t-hero--home .t-wrap{max-width:880px}
.t-hero-c{display:flex;flex-direction:column;align-items:center;text-align:center;animation:t-fade .5s ease both}
.t-hero-c .t-lead{max-width:36em;margin:0 0 28px}
.t-hero-c .t-search{width:100%;max-width:640px;text-align:left}
.t-hero-c .t-populaires{justify-content:center}
.t-hero-c .t-soon{width:100%;max-width:640px;text-align:left}
.t-signature-ligne{display:flex;align-items:center;gap:14px;max-width:640px;margin-top:32px;padding-top:22px;border-top:1px solid var(--ligne-violette);text-align:left}
.t-signature-ligne img{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none;border:2px solid #fff;box-shadow:0 0 0 1px var(--ligne-violette)}
.t-signature-ligne p{margin:0;font-size:.92rem;line-height:1.5;color:var(--corps);text-wrap:pretty}
.t-signature-ligne strong{color:var(--encre);font-weight:700}

/* ---------- Bandeau de réassurance ---------- */
.t-garant{background:#fff;border-top:1px solid var(--ligne)}
.t-garant__in{display:flex;flex-wrap:wrap;gap:1px;background:var(--ligne);border-left:1px solid #fff;border-right:1px solid #fff}
.t-garant__grp{flex:1 1 520px;display:flex;flex-wrap:wrap;gap:1px}
.t-garant__it{flex:1 1 200px;display:flex;align-items:flex-start;gap:14px;padding:22px 20px;background:#fff}
.t-garant__ico{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;flex:none}
.t-garant__ico svg{width:20px;height:20px}
.t-garant__t{min-width:0;padding-top:1px}
.t-garant__t b{display:block;font-weight:700;color:var(--encre);font-size:.95rem;line-height:1.3}
.t-garant__t small{display:block;font-size:.82rem;color:var(--discret);line-height:1.4}
.t-garant__t .t-stars{font-size:.82rem;margin-left:4px;letter-spacing:1px}
