/* SIL3A 3D — page Produits & tarifs (refonte 2026). Genere depuis les maquettes. */
/* Proposition 5 — page allegee + sous-pages. Charte du site conservee. */
:root{
  --t5-red:#C8202F; --t5-gold:#C9A227; --t5-black:#0F172A; --t5-slate:#1E293B;
  --t5-bg:#F8FAFC; --t5-border:#E2E8F0; --t5-muted:#64748B;
  --t5-sup:#2563EB; --t5-sup-bg:#EFF4FF; --t5-sup-bd:#C7D7FE;
  --t5-r:10px; --t5-rlg:18px;
  --t5-sh:0 1px 2px rgba(15,23,42,.05),0 8px 24px rgba(15,23,42,.06);
  --t5-shlg:0 20px 50px rgba(15,23,42,.10);
  --t5-ease:cubic-bezier(.16,1,.3,1);
}
.t5-wrap{width:min(1240px,93vw);margin-inline:auto}
.t5-sec{padding:clamp(2.4rem,5.5vh,3.8rem) 0}
.t5-sec > .t5-wrap > h2{font-family:Sora,sans-serif;font-weight:800;letter-spacing:-.03em;
  font-size:clamp(1.45rem,3.3vw,2.1rem);color:var(--t5-black);margin:0 0 .5rem}
.t5-sec > .t5-wrap > p.t5-intro{color:var(--t5-slate);line-height:1.7;max-width:70ch;margin:0 0 1.7rem}
.t5-eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-size:.72rem;font-weight:700;
  letter-spacing:.2em;text-transform:uppercase;color:var(--t5-red);margin-bottom:.8rem}
.t5-eyebrow::before{content:"";width:22px;height:2px;background:var(--t5-red);border-radius:2px}
.t5-eyebrow.or{color:#8a6f14}.t5-eyebrow.or::before{background:var(--t5-gold)}

/* ---------- VEDETTE PRESTIGE ---------- */
/* Fond du bloc Prestige : noir neutre du pied de page (#0A0A0A) vers le
   rouge sombre de la charte (#8B1620). Aucune teinte bleue. */
.t5-star{background:linear-gradient(150deg,#0A0A0A 0%,#141110 34%,#2A0D12 66%,#6E121B 88%,#8B1620 100%);
  color:#F4F0E8;position:relative;overflow:hidden;padding:clamp(2.2rem,6vh,3.8rem) 0}
.t5-star::before{content:"";position:absolute;width:58vw;height:58vw;max-width:780px;max-height:780px;
  border-radius:50%;background:radial-gradient(circle,rgba(201,162,39,.30),transparent 68%);
  filter:blur(80px);top:-42%;right:-12%;pointer-events:none}
.t5-star::after{content:"";position:absolute;width:46vw;height:46vw;max-width:600px;max-height:600px;
  border-radius:50%;background:radial-gradient(circle,rgba(200,32,47,.32),transparent 70%);
  filter:blur(90px);bottom:-38%;left:-10%;pointer-events:none}
.t5-star-in{position:relative;z-index:2;display:grid;grid-template-columns:.8fr 1.2fr;
  gap:clamp(1.5rem,3.6vw,2.8rem);align-items:center}
.t5-star-photo{border-radius:var(--t5-rlg);overflow:hidden;background:#fff;aspect-ratio:4/4.3;
  box-shadow:0 30px 70px rgba(0,0,0,.45);position:relative}
.t5-star-photo img{width:100%;height:100%;object-fit:contain;background:#fff;padding:1.1rem}
.t5-flag{position:absolute;top:1rem;left:1rem;background:var(--t5-gold);color:#0F172A;font-family:Sora,sans-serif;
  font-weight:800;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;padding:.38rem .8rem;border-radius:100px}
.t5-star h2{font-family:Sora,sans-serif;font-weight:800;letter-spacing:-.035em;line-height:1.04;
  font-size:clamp(1.8rem,4.4vw,2.9rem);color:#fff;margin:.25rem 0 .9rem}
.t5-star h2 em{font-style:normal;color:var(--t5-gold)}
.t5-star-txt{color:rgba(255,255,255,.8);line-height:1.7;font-size:1rem;max-width:56ch;margin:0 0 1.1rem}
.t5-star-pts{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1.2rem}
.t5-star-pts span{display:inline-flex;align-items:center;gap:.4rem;background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.16);border-radius:100px;padding:.42rem .85rem;font-size:.81rem;
  font-weight:600;color:#F4F0E8}
.t5-star-pts i{font-style:normal;color:var(--t5-gold)}
.t5-star .t5-actions{margin-top:1rem}
/* Sur fond sombre, le lien herite d un fond blanc : il faut le neutraliser,
   sinon le texte blanc devient illisible. */
.t5-star .t5-lien{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.34);color:#fff}
.t5-star .t5-lien:hover{background:rgba(255,255,255,.20);border-color:#fff;color:#fff;transform:translateY(-2px)}
.t5-star .t5-lien--fort{background:var(--t5-gold);border-color:var(--t5-gold);color:#0F172A}
.t5-star .t5-lien--fort:hover{background:#E2BC3E;border-color:#E2BC3E;color:#0F172A}
@media(max-width:900px){.t5-star-in{grid-template-columns:1fr}}

.t5-dark{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:var(--t5-rlg);
  overflow:hidden;backdrop-filter:blur(10px)}
table.t5d{width:100%;border-collapse:collapse;min-width:600px;font-variant-numeric:tabular-nums}
table.t5d th{font-family:Sora,sans-serif;font-weight:700;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;
  color:rgba(255,255,255,.55);text-align:right;padding:.68rem .8rem;border-bottom:1px solid rgba(255,255,255,.14);white-space:nowrap}
table.t5d th:first-child{text-align:left}
table.t5d td{padding:.52rem .8rem;font-size:.87rem;color:rgba(255,255,255,.86);text-align:right;
  border-bottom:1px solid rgba(255,255,255,.07);white-space:nowrap}
table.t5d td:first-child{text-align:left;font-weight:600;color:#fff}
table.t5d tbody tr:hover{background:rgba(201,162,39,.1)}
table.t5d th.sup{color:#93B4FF}
table.t5d td.sup{color:#93B4FF;background:rgba(37,99,235,.13);font-weight:600}
tr.t5-hot td{background:rgba(200,32,47,.16)}
tr.t5-hot td.sup{background:rgba(37,99,235,.2)}
tr.t5-hot td:first-child::after{content:"le plus commandé";display:inline-block;margin-left:.5rem;
  font-family:Sora,sans-serif;font-size:.56rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  color:#fff;background:var(--t5-red);border-radius:100px;padding:.12rem .45rem;vertical-align:middle}
tr.t5-xl td:first-child::before{content:"\25C6";color:var(--t5-gold);margin-right:.38rem;font-size:.78em}
.t5-dark-note{padding:.8rem 1rem;background:rgba(0,0,0,.22);border-top:1px solid rgba(255,255,255,.12);
  font-size:.82rem;color:rgba(255,255,255,.72);line-height:1.55}
.t5-dark-note b{color:var(--t5-gold)}

/* ---------- DATE ---------- */
.t5-date-sec{background:var(--t5-bg);border-bottom:1px solid var(--t5-border);padding:clamp(2rem,5vh,3rem) 0}
.t5-ask{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;align-items:center;background:#fff;
  border:1px solid var(--t5-border);border-radius:var(--t5-rlg);padding:clamp(1.2rem,2.6vw,1.8rem);box-shadow:var(--t5-sh)}
.t5-ask label{display:block;font-family:Sora,sans-serif;font-weight:800;font-size:1.15rem;
  color:var(--t5-black);margin-bottom:.7rem;letter-spacing:-.02em}
.t5-date{width:100%;padding:.9rem 1rem;border:1px solid var(--t5-border);border-radius:var(--t5-r);
  font-family:Sora,sans-serif;font-weight:700;font-size:1.05rem;color:var(--t5-black);background:var(--t5-bg);transition:.3s}
.t5-date:focus{outline:none;border-color:var(--t5-red);background:#fff;box-shadow:0 0 0 4px rgba(200,32,47,.1)}
.t5-quick{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.65rem}
.t5-quick button{padding:.42rem .8rem;border-radius:100px;border:1px solid var(--t5-border);background:var(--t5-bg);
  font-size:.81rem;font-weight:600;color:var(--t5-slate);cursor:pointer;transition:.26s var(--t5-ease)}
.t5-quick button:hover{border-color:var(--t5-red);color:var(--t5-red);transform:translateY(-2px)}
.t5-verdict{border-radius:var(--t5-r);padding:1.1rem 1.2rem;border:1px solid var(--t5-border);background:var(--t5-bg);transition:.4s}
.t5-verdict .t5-days{font-family:Sora,sans-serif;font-weight:800;font-size:2.2rem;line-height:1;
  letter-spacing:-.04em;color:var(--t5-black)}
.t5-verdict .t5-days em{font-style:normal;font-size:.82rem;font-weight:600;color:var(--t5-muted);margin-left:.35rem}
.t5-verdict b{display:block;font-family:Sora,sans-serif;font-size:1rem;margin-top:.5rem}
.t5-verdict.ok{background:rgba(22,163,74,.06);border-color:rgba(22,163,74,.3)}.t5-verdict.ok b{color:#16A34A}
.t5-verdict.warn{background:rgba(217,119,6,.07);border-color:rgba(217,119,6,.32)}.t5-verdict.warn b{color:#D97706}
.t5-verdict.hot{background:rgba(200,32,47,.06);border-color:rgba(200,32,47,.32)}.t5-verdict.hot b{color:var(--t5-red)}
@media(max-width:820px){.t5-ask{grid-template-columns:1fr}}

/* reponses cliquables */
.t5-rep-titre{font-size:.92rem;color:var(--t5-slate);margin:1.4rem 0 .8rem}
.t5-rep-titre b{font-family:Sora,sans-serif;color:var(--t5-black)}
.t5-rep-ko{color:var(--t5-muted)}
.t5-rep-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:.7rem}
.t5-rep{display:flex;align-items:center;gap:.75rem;background:#fff;border:1px solid var(--t5-border);
  border-radius:var(--t5-r);padding:.6rem .8rem;text-decoration:none;transition:.28s var(--t5-ease)}
.t5-rep:hover{border-color:var(--t5-red);transform:translateY(-3px);box-shadow:0 10px 26px rgba(200,32,47,.14)}
.t5-rep img{width:44px;height:44px;object-fit:contain;flex:0 0 auto;background:var(--t5-bg);border-radius:8px;padding:3px}
.t5-rep span{min-width:0}
.t5-rep b{display:block;font-family:Sora,sans-serif;font-weight:700;font-size:.88rem;color:var(--t5-black);
  line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t5-rep em{font-style:normal;font-size:.75rem;color:var(--t5-muted)}
.t5-rep-vide{font-size:.92rem;color:var(--t5-red);font-weight:600;margin-top:1.2rem}

/* ---------- vignettes (page principale) ---------- */
.t5-mini{background:#fff;border:1px solid var(--t5-border);border-radius:var(--t5-rlg);overflow:hidden;
  box-shadow:var(--t5-sh);display:flex;flex-direction:column;
  transition:transform .4s var(--t5-ease),box-shadow .4s var(--t5-ease),border-color .4s}
.t5-mini:hover{transform:translateY(-6px);box-shadow:var(--t5-shlg);border-color:rgba(200,32,47,.3)}
.t5-mini-photo{background:#fff;border-bottom:1px solid var(--t5-border);display:grid;place-items:center;
  padding:1rem;height:172px;overflow:hidden}
.t5-mini-photo img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .8s var(--t5-ease)}
.t5-mini:hover .t5-mini-photo img{transform:scale(1.07)}
.t5-mini-corps{padding:1rem 1.1rem 1.1rem;display:flex;flex-direction:column;flex:1}
.t5-mini-corps h3{font-family:Sora,sans-serif;font-weight:700;font-size:1.05rem;letter-spacing:-.02em;
  color:var(--t5-black);margin:.5rem 0 .3rem}
.t5-mini-corps p{font-size:.84rem;color:var(--t5-muted);line-height:1.5;margin:0 0 .8rem}
.t5-apd{font-size:.86rem;color:var(--t5-slate);margin-bottom:.9rem}
.t5-apd b{font-family:Sora,sans-serif;font-weight:800;font-size:1.25rem;color:var(--t5-black);letter-spacing:-.02em}
.t5-apd--todo{color:var(--t5-red);font-weight:600}
.t5-mini .t5-actions{margin-top:auto}

/* liens d'action */
.t5-actions{display:flex;flex-wrap:wrap;gap:.4rem}
.t5-lien{display:inline-flex;align-items:center;padding:.42rem .85rem;border-radius:100px;
  border:1px solid var(--t5-border);background:#fff;font-size:.79rem;font-weight:600;color:var(--t5-slate);
  text-decoration:none;transition:.26s var(--t5-ease)}
.t5-lien:hover{border-color:var(--t5-red);color:var(--t5-red);transform:translateY(-2px)}
.t5-lien--fort{background:var(--t5-red);border-color:var(--t5-red);color:#fff}
.t5-lien--fort:hover{background:#8B1620;border-color:#8B1620;color:#fff}

/* ---------- cartes completes (sous-pages) ---------- */
.t5-cats{display:grid;gap:1.2rem}
.t5-cat{background:#fff;border:1px solid var(--t5-border);border-radius:var(--t5-rlg);overflow:hidden;
  box-shadow:var(--t5-sh);display:grid;grid-template-columns:212px 1fr;scroll-margin-top:90px;
  transition:transform .4s var(--t5-ease),box-shadow .4s var(--t5-ease),border-color .4s}
.t5-cat:hover{transform:translateY(-5px);box-shadow:var(--t5-shlg);border-color:rgba(200,32,47,.3)}
.t5-cat:target{border-color:var(--t5-red);box-shadow:0 0 0 4px rgba(200,32,47,.12),var(--t5-shlg)}
.t5-cat-photo{background:#fff;border-right:1px solid var(--t5-border);display:grid;place-items:center;padding:1rem;overflow:hidden}
.t5-cat-photo img{width:100%;height:100%;max-height:200px;object-fit:contain;transition:transform .8s var(--t5-ease)}
.t5-cat:hover .t5-cat-photo img{transform:scale(1.06)}
.t5-cat-corps{padding:1.1rem 1.3rem;min-width:0}
.t5-cat-head{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin-bottom:.15rem}
.t5-cat-head h3{font-family:Sora,sans-serif;font-weight:700;font-size:1.1rem;letter-spacing:-.02em;color:var(--t5-black);margin:0}
.t5-chip{font-size:.63rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.24rem .6rem;
  border-radius:100px;background:rgba(200,32,47,.08);color:var(--t5-red);border:1px solid rgba(200,32,47,.2);
  align-self:flex-start;display:inline-block}
.t5-chip.or{background:rgba(201,162,39,.13);color:#8a6f14;border-color:rgba(201,162,39,.35)}
.t5-cat-corps > p{font-size:.85rem;color:var(--t5-muted);line-height:1.5;margin:.1rem 0 .8rem}
.t5-cat .t5-actions{margin-top:.9rem}
@media(max-width:820px){.t5-cat{grid-template-columns:1fr}
  .t5-cat-photo{border-right:none;border-bottom:1px solid var(--t5-border);max-height:200px}}

/* tableau clair */
.t5-scroll{overflow-x:auto}
table.t5{width:100%;border-collapse:collapse;min-width:470px;font-variant-numeric:tabular-nums}
table.t5 th{font-family:Sora,sans-serif;font-weight:700;font-size:.67rem;letter-spacing:.07em;text-transform:uppercase;
  color:var(--t5-muted);text-align:right;padding:.48rem .6rem;border-bottom:1px solid var(--t5-border);white-space:nowrap}
table.t5 th:first-child{text-align:left;padding-left:0}
table.t5 td{padding:.45rem .6rem;font-size:.88rem;color:var(--t5-slate);text-align:right;
  border-bottom:1px solid #F1F5F9;white-space:nowrap}
table.t5 td:first-child{text-align:left;font-weight:600;color:var(--t5-black);padding-left:0;white-space:normal}
table.t5 tbody tr:hover{background:rgba(200,32,47,.035)}
table.t5 tbody tr:last-child td{border-bottom:none}
table.t5 th.sup{color:var(--t5-sup)}
table.t5 td.sup{color:var(--t5-sup);background:var(--t5-sup-bg);font-weight:700;
  border-left:1px solid var(--t5-sup-bd);border-right:1px solid var(--t5-sup-bd)}
.t5-note{font-size:.81rem;color:var(--t5-muted);line-height:1.55;margin:.6rem 0 0;padding-top:.6rem;
  border-top:1px solid var(--t5-border)}
.t5-note b{color:var(--t5-slate)}
.t5-legende{display:inline-flex;align-items:center;gap:.55rem;background:var(--t5-sup-bg);
  border:1px solid var(--t5-sup-bd);border-radius:100px;padding:.48rem .95rem;font-size:.83rem;
  color:var(--t5-sup);font-weight:600;margin-bottom:1.3rem}
.t5-legende i{font-style:normal;width:13px;height:13px;border-radius:4px;background:var(--t5-sup);flex:0 0 auto}
.t5-todo{border:2px dashed var(--t5-red);background:rgba(200,32,47,.04);border-radius:var(--t5-rlg);padding:1rem 1.2rem}
.t5-todo b{display:block;font-family:Sora,sans-serif;font-size:.94rem;color:var(--t5-red);margin-bottom:.28rem}
.t5-todo p{font-size:.85rem;color:var(--t5-slate);line-height:1.55;margin:0}

/* ---------- bareme ---------- */
.t5-remises{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--t5-border);
  border:1px solid var(--t5-border);border-radius:var(--t5-r);overflow:hidden}
@media(max-width:700px){.t5-remises{grid-template-columns:repeat(2,1fr)}}

/* ---------- fil d'ariane sous-pages ---------- */
.t5-fil{padding:1.1rem 0;border-bottom:1px solid var(--t5-border);background:#fff}
.t5-fil a{font-size:.86rem;color:var(--t5-muted);text-decoration:none;font-weight:600}
.t5-fil a:hover{color:var(--t5-red)}
.t5-fil span{color:var(--t5-border);margin:0 .5rem}
.t5-fil b{font-size:.86rem;color:var(--t5-black);font-family:Sora,sans-serif}

/* ---------- packs ---------- */
.t5-packs-sec{background:linear-gradient(180deg,#FFF7F8 0%,#F8FAFC 100%)}
.t5-packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(248px,1fr));gap:1.1rem}
.t5-pack{background:#fff;border:2px solid var(--t5-border);border-radius:var(--t5-rlg);padding:1.35rem;
  box-shadow:var(--t5-sh);display:flex;flex-direction:column;
  transition:transform .4s var(--t5-ease),box-shadow .4s var(--t5-ease),border-color .4s}
.t5-pack:hover{transform:translateY(-7px);box-shadow:var(--t5-shlg);border-color:var(--t5-red)}
.t5-pack-num{font-family:Sora,sans-serif;font-weight:800;font-size:.65rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--t5-red);margin-bottom:.4rem}
.t5-pack h3{font-family:Sora,sans-serif;font-weight:800;font-size:1.12rem;color:var(--t5-black);margin:0 0 .4rem}
.t5-pack p{font-size:.85rem;line-height:1.55;color:var(--t5-slate);margin:0 0 .95rem}
.t5-pack-vide{margin-top:auto;background:var(--t5-bg);border:1px dashed var(--t5-border);border-radius:var(--t5-r);
  padding:.8rem;text-align:center;font-size:.79rem;color:var(--t5-muted);line-height:1.45}
.t5-pack-vide b{display:block;font-family:Sora,sans-serif;color:var(--t5-black);font-size:.9rem;margin-bottom:.12rem}
.t5-pack--phare{border-color:var(--t5-gold);background:linear-gradient(160deg,#fff,#FFFDF5)}
.t5-pack--phare .t5-pack-num{color:#8a6f14}

/* ---------- Proposition 6 : navigation entre sous-pages ---------- */
.t6-nav{background:#fff;border-bottom:1px solid var(--t5-border);position:sticky;top:0;z-index:60}
.t6-nav .t5-wrap{display:flex;gap:.25rem;overflow-x:auto;scrollbar-width:none;padding:.5rem 0}
.t6-nav .t5-wrap::-webkit-scrollbar{display:none}
.t6-nav a{flex:0 0 auto;padding:.55rem 1rem;border-radius:100px;font-size:.86rem;font-weight:600;
  color:var(--t5-muted);text-decoration:none;white-space:nowrap;transition:.26s var(--t5-ease)}
.t6-nav a:hover{color:var(--t5-red);background:rgba(200,32,47,.06)}
.t6-nav a.on{background:var(--t5-black);color:#fff}

.t5-fam{display:flex;align-items:center;gap:1rem;margin:2rem 0 1.1rem}
.t5-fam h3{font-family:Sora,sans-serif;font-weight:800;font-size:1.18rem;letter-spacing:-.025em;
  color:var(--t5-black);margin:0;white-space:nowrap}
.t5-fam span{flex:1;height:1px;background:var(--t5-border)}
.t5-fam em{font-style:normal;font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
  color:var(--t5-muted);white-space:nowrap}

.t6-chiffres{position:relative;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:1rem;margin-top:1.6rem}
.t6-chiffres div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);
  border-radius:var(--t5-r);padding:1.1rem;text-align:center}
.t6-chiffres b{display:block;font-family:Sora,sans-serif;font-weight:800;font-size:2.1rem;line-height:1;
  letter-spacing:-.04em;color:var(--t5-gold)}
.t6-chiffres span{display:block;font-size:.82rem;color:rgba(255,255,255,.72);margin-top:.35rem;line-height:1.45}

.t6-etapes{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:1rem;margin-top:1.4rem}
.t6-etapes--3{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.t6-etapes article{background:#fff;border:1px solid var(--t5-border);border-radius:var(--t5-rlg);
  padding:1.3rem;box-shadow:var(--t5-sh);transition:transform .38s var(--t5-ease),box-shadow .38s var(--t5-ease)}
.t6-etapes article:hover{transform:translateY(-5px);box-shadow:var(--t5-shlg)}
.t6-etapes b{display:inline-grid;place-items:center;min-width:38px;height:38px;padding:0 .6rem;
  border-radius:11px;background:var(--t5-red);color:#fff;font-family:Sora,sans-serif;font-weight:800;
  font-size:.92rem;margin-bottom:.85rem}
.t6-etapes h4{font-family:Sora,sans-serif;font-weight:700;font-size:1rem;color:var(--t5-black);margin:0 0 .35rem}
.t6-etapes p{font-size:.85rem;line-height:1.55;color:var(--t5-slate);margin:0}

.t6-deux{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;margin-top:1rem}
.t6-deux--cartes > div{background:#fff;border:1px solid var(--t5-border);border-radius:var(--t5-rlg);
  padding:1.4rem;box-shadow:var(--t5-sh)}
.t6-deux b{display:block;font-family:Sora,sans-serif;font-weight:800;font-size:1rem;color:var(--t5-black);
  margin-bottom:.7rem}
.t6-deux ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.t6-deux li{position:relative;padding-left:1.1rem;font-size:.88rem;line-height:1.55;color:var(--t5-slate)}
.t6-deux li::before{content:"–";position:absolute;left:0;color:var(--t5-red)}
@media(max-width:760px){.t6-deux{grid-template-columns:1fr}}

.t6-encart{background:#fff;border:1px solid var(--t5-border);border-radius:var(--t5-rlg);
  padding:clamp(1.3rem,3vw,2rem);box-shadow:var(--t5-sh);margin-top:1.6rem}
.t6-encart h3{font-family:Sora,sans-serif;font-weight:800;font-size:1.2rem;color:var(--t5-black);margin:0 0 .5rem}

.t6-cta{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;flex-wrap:wrap;
  background:linear-gradient(150deg,#0F172A,#2A0D12);color:#fff;border-radius:var(--t5-rlg);
  padding:clamp(1.4rem,3.4vw,2.2rem);margin-top:2rem}
.t6-cta h3{font-family:Sora,sans-serif;font-weight:800;font-size:clamp(1.15rem,2.6vw,1.6rem);color:#fff;margin:0 0 .4rem}
.t6-cta p{color:rgba(255,255,255,.76);line-height:1.6;font-size:.92rem;margin:0;max-width:56ch}

/* ---------- BAREME : escalier des remises, chiffre sur un modele reel ---------- */
.t5-bareme{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem;margin-top:1.4rem}
.t5-marche{position:relative;overflow:hidden;background:#fff;border:1px solid var(--t5-border);
  border-radius:16px;padding:1.15rem 1.1rem 1.5rem;display:flex;flex-direction:column;gap:.3rem;
  transition:transform .35s var(--t5-ease),box-shadow .35s var(--t5-ease),border-color .35s}
.t5-marche:hover{transform:translateY(-4px);border-color:rgba(200,32,47,.4);
  box-shadow:0 16px 38px rgba(15,23,42,.12)}
.t5-marche-q{font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--t5-muted)}
.t5-marche-pc{font-family:Sora,sans-serif;font-weight:800;letter-spacing:-.03em;
  font-size:clamp(1.35rem,3vw,1.9rem);line-height:1.05;color:var(--t5-black)}
.t5-marche-ex{font-size:.84rem;color:var(--t5-slate);line-height:1.45}
.t5-marche-ex em{display:block;font-style:normal;font-size:.76rem;color:var(--t5-muted);margin-top:.1rem}
.t5-marche-jauge{position:absolute;left:0;bottom:0;height:4px;width:var(--w,20%);
  background:linear-gradient(90deg,var(--t5-red),var(--t5-gold));border-radius:0 4px 0 0;
  transition:width .6s var(--t5-ease)}
.t5-marche.top{border-color:rgba(200,32,47,.45);background:linear-gradient(170deg,#fff,#FFF6F7)}
.t5-marche.top .t5-marche-pc{color:var(--t5-red)}
@media(max-width:900px){.t5-bareme{grid-template-columns:repeat(2,1fr)}}
@media(max-width:460px){.t5-bareme{grid-template-columns:1fr}}

/* ---------- BANDEAU « Nos articles » : fond charte, texte centre ---------- */
.t5-bandeau{position:relative;overflow:hidden;text-align:center;border-radius:var(--t5-rlg);
  background:linear-gradient(135deg,#0A0A0A 0%,#1A1211 46%,#6E121B 86%,#8B1620 100%);
  color:#F4F0E8;padding:clamp(1.9rem,4.6vw,3.1rem) clamp(1.2rem,4vw,2.6rem);
  margin:0 0 clamp(1.6rem,3.4vw,2.4rem);box-shadow:var(--t5-shlg)}
.t5-bandeau::before{content:"";position:absolute;width:44vw;height:44vw;max-width:560px;max-height:560px;
  border-radius:50%;background:radial-gradient(circle,rgba(201,162,39,.28),transparent 70%);
  filter:blur(70px);top:-52%;right:-8%;pointer-events:none}
.t5-bandeau > *{position:relative;z-index:2}
.t5-bandeau .t5-eyebrow{color:var(--t5-gold);justify-content:center}
.t5-bandeau .t5-eyebrow::before{background:var(--t5-gold)}
.t5-bandeau h2{font-family:Sora,sans-serif;font-weight:800;letter-spacing:-.03em;
  font-size:clamp(1.5rem,3.6vw,2.25rem);line-height:1.12;color:#fff;margin:0 0 .7rem}
.t5-bandeau p{color:rgba(244,240,232,.8);line-height:1.7;max-width:64ch;margin:0 auto;font-size:.98rem}
.t5-bandeau-pts{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.4rem}
.t5-bandeau-pts span{display:inline-flex;align-items:center;gap:.45rem;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:100px;
  padding:.42rem .95rem;font-size:.8rem;font-weight:600;color:#F4F0E8}
.t5-bandeau-pts span::before{content:"";width:6px;height:6px;border-radius:50%;
  background:var(--t5-gold);flex:0 0 auto}
@media(max-width:560px){.t5-bandeau-pts span{font-size:.74rem;padding:.35rem .75rem}}

/* ---------- REALISATIONS : bande de vignettes cliquables ---------- */
.t5-vues{margin:1rem 0 .2rem}
.t5-vues-lib{display:block;font-size:.7rem;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--t5-muted);margin-bottom:.5rem}
.t5-vues-bande{display:flex;flex-wrap:wrap;gap:.45rem}
.t5-vue{width:58px;height:58px;flex:0 0 auto;padding:0;border-radius:10px;cursor:pointer;
  overflow:hidden;background:#fff;border:1px solid var(--t5-border);
  transition:transform .28s var(--t5-ease),border-color .28s,box-shadow .28s}
.t5-vue img{width:100%;height:100%;object-fit:cover;display:block}
.t5-vue:hover{transform:translateY(-3px);border-color:var(--t5-red);
  box-shadow:0 10px 22px rgba(200,32,47,.22)}
.t5-vue:focus-visible{outline:2px solid var(--t5-red);outline-offset:2px}
.t5-vue--plus{display:grid;place-items:center;font-family:Sora,sans-serif;font-weight:800;
  font-size:.86rem;color:var(--t5-red);background:#FFF6F7;border-color:rgba(200,32,47,.3)}
/* variante sur fond sombre */
.t5-star .t5-vues-lib{color:rgba(244,240,232,.65)}
.t5-star .t5-vue{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.06)}
.t5-star .t5-vue:hover{border-color:var(--t5-gold);box-shadow:0 10px 22px rgba(201,162,39,.28)}
.t5-star .t5-vue--plus{background:rgba(201,162,39,.16);border-color:rgba(201,162,39,.42);color:var(--t5-gold)}

/* ---------- VISIONNEUSE ---------- */
.t5-lb{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;padding:clamp(.8rem,3vw,2rem)}
.t5-lb[hidden]{display:none}
.t5-lb-fond{position:absolute;inset:0;background:rgba(10,10,10,.9);backdrop-filter:blur(6px)}
.t5-lb-boite{position:relative;z-index:2;display:grid;place-items:center;
  width:min(960px,94vw);max-height:88vh}
.t5-lb-boite figure{margin:0;display:grid;place-items:center;gap:.9rem;max-height:88vh}
.t5-lb-boite img{max-width:100%;max-height:74vh;border-radius:var(--t5-rlg);background:#fff;
  object-fit:contain;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.t5-lb-boite figcaption{color:#F4F0E8;font-family:Sora,sans-serif;font-weight:700;
  font-size:.98rem;text-align:center;max-width:60ch}
.t5-lb-x{position:absolute;top:-.4rem;right:-.4rem;z-index:3;width:40px;height:40px;border-radius:50%;
  border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);color:#fff;
  font-size:1.5rem;line-height:1;cursor:pointer;transition:.25s var(--t5-ease)}
.t5-lb-x:hover{background:var(--t5-red);border-color:var(--t5-red)}
.t5-lb-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:46px;height:46px;
  border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);
  color:#fff;font-size:1.7rem;line-height:1;cursor:pointer;transition:.25s var(--t5-ease)}
.t5-lb-nav:hover{background:var(--t5-red);border-color:var(--t5-red)}
.t5-lb-nav[hidden]{display:none}
.t5-lb-prec{left:calc(-1 * clamp(.4rem,2.5vw,3.2rem))}
.t5-lb-suiv{right:calc(-1 * clamp(.4rem,2.5vw,3.2rem))}
.t5-lb-compte{margin-top:.5rem;font-size:.78rem;letter-spacing:.14em;color:rgba(244,240,232,.6)}
@media(max-width:620px){
  .t5-lb-prec{left:.2rem}.t5-lb-suiv{right:.2rem}
  .t5-lb-nav{width:38px;height:38px;font-size:1.3rem}
  .t5-vue{width:50px;height:50px}
}

/* ---------- COFFRETS : familles ---------- */
.t5-familles{display:grid;gap:1rem;margin-bottom:1.8rem}
.t5-famille{display:grid;grid-template-columns:200px 1fr;gap:0;background:#fff;
  border:1px solid var(--t5-border);border-radius:var(--t5-rlg);overflow:hidden;
  box-shadow:var(--t5-sh);transition:transform .4s var(--t5-ease),box-shadow .4s var(--t5-ease),border-color .4s}
.t5-famille:hover{transform:translateY(-4px);border-color:rgba(200,32,47,.38);
  box-shadow:0 20px 46px rgba(15,23,42,.13)}
.t5-famille-photo{background:#F8FAFC;display:grid;place-items:center;padding:1rem;min-height:180px}
.t5-famille-photo img{width:100%;height:100%;max-height:180px;object-fit:contain}
.t5-famille-corps{padding:1.25rem 1.4rem 1.35rem;display:flex;flex-direction:column}
.t5-famille-corps h3{font-family:Sora,sans-serif;font-weight:800;letter-spacing:-.02em;
  font-size:1.08rem;color:var(--t5-black);margin:0 0 .2rem}
.t5-famille-sous{display:inline-block;font-size:.74rem;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--t5-red);margin-bottom:.6rem}
.t5-famille-corps p{font-size:.89rem;line-height:1.62;color:var(--t5-slate);margin:0 0 .9rem;max-width:62ch}
.t5-famille-prix{list-style:none;margin:auto 0 0;padding:0;display:grid;gap:.3rem}
.t5-famille-prix li{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;
  padding:.42rem .7rem;background:var(--t5-sup-bg);border:1px solid var(--t5-sup-bd);border-radius:var(--t5-r)}
.t5-famille-prix span{font-size:.86rem;color:var(--t5-slate)}
.t5-famille-prix b{font-family:Sora,sans-serif;font-weight:800;font-size:.98rem;
  color:var(--t5-sup);white-space:nowrap}
.t5-famille-prix b.devis{font-size:.84rem;color:var(--t5-muted)}
/* gamme deux portes : accent or */
.t5-famille.or{border-color:rgba(201,162,39,.5)}
.t5-famille.or .t5-famille-photo{background:linear-gradient(160deg,#FFFDF5,#FBF3DC)}
.t5-famille.or .t5-famille-sous{color:#8a6f14}
.t5-famille.or:hover{border-color:var(--t5-gold);box-shadow:0 20px 46px rgba(201,162,39,.22)}
@media(max-width:720px){
  .t5-famille{grid-template-columns:1fr}
  .t5-famille-photo{min-height:150px}
}

/* ---------- COFFRETS : personnalisation ---------- */
.t5-perso-in{display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap;
  background:linear-gradient(135deg,#0A0A0A 0%,#1A1211 50%,#8B1620 100%);
  color:#F4F0E8;border-radius:var(--t5-rlg);padding:1.25rem 1.5rem;box-shadow:var(--t5-shlg)}
.t5-perso-in b{font-family:Sora,sans-serif;font-weight:800;letter-spacing:-.02em;
  font-size:clamp(1.4rem,3vw,1.9rem);color:var(--t5-gold);flex:0 0 auto}
.t5-perso-in span{font-size:.93rem;line-height:1.65;color:rgba(244,240,232,.85);max-width:64ch}

/* ---------- CONTRAT DE PARTENARIAT ---------- */
.t5-contrat-barre{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.2rem}
.t5-contrat{background:#fff;border:1px solid var(--t5-border);border-radius:var(--t5-rlg);
  padding:clamp(1.4rem,4vw,2.8rem);box-shadow:var(--t5-sh);max-width:90ch;margin-inline:auto;
  font-size:.92rem;line-height:1.72;color:var(--t5-slate)}
.t5-contrat-tete{display:flex;align-items:flex-end;justify-content:space-between;gap:1.2rem;
  flex-wrap:wrap;padding-bottom:1.1rem;margin-bottom:1.6rem;border-bottom:2px solid var(--t5-red)}
.t5-contrat-tete span{display:block;font-size:.7rem;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:var(--t5-red)}
.t5-contrat-tete h3{font-family:Sora,sans-serif;font-weight:800;letter-spacing:-.03em;
  font-size:clamp(1.5rem,3.4vw,2.1rem);color:var(--t5-black);margin:.25rem 0 0}
.t5-contrat-ref{text-align:right}
.t5-contrat-ref b{font-family:Sora,sans-serif;font-size:1rem;color:var(--t5-black);display:block}
.t5-contrat-ref span{color:var(--t5-muted);letter-spacing:.1em;margin-top:.15rem}
.t5-contrat h4{font-family:Sora,sans-serif;font-weight:800;font-size:.98rem;color:var(--t5-black);
  margin:1.7rem 0 .5rem;padding-top:.2rem}
.t5-contrat h4:first-of-type{margin-top:0}
.t5-contrat p{margin:0 0 .75rem}
.t5-contrat-parties{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:.6rem}
.t5-contrat-parties > div{background:var(--t5-bg);border:1px solid var(--t5-border);
  border-radius:var(--t5-r);padding:.95rem 1.1rem}
.t5-contrat-parties b{display:block;font-size:.72rem;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--t5-red);margin-bottom:.5rem}
.t5-contrat-parties p{font-size:.86rem;line-height:1.85;margin:0}
.t5-contrat-alerte{background:#FFF6F7;border:1px solid rgba(200,32,47,.28);border-left:3px solid var(--t5-red);
  border-radius:var(--t5-r);padding:.85rem 1.05rem;margin:.2rem 0 .9rem !important}
.t5-contrat-table{width:100%;border-collapse:collapse;margin:.5rem 0 .9rem;font-size:.88rem}
.t5-contrat-table th{text-align:left;background:var(--t5-black);color:#fff;font-family:Sora,sans-serif;
  font-weight:700;font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;padding:.55rem .8rem}
.t5-contrat-table td{border:1px solid var(--t5-border);padding:.55rem .8rem}
.t5-contrat-table tbody tr:nth-child(even) td{background:var(--t5-bg)}
.t5-contrat-signature{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:2.2rem;
  padding-top:1.4rem;border-top:1px dashed var(--t5-border)}
.t5-contrat-signature > div{display:flex;flex-direction:column;gap:.4rem}
.t5-contrat-signature b{font-family:Sora,sans-serif;font-size:.86rem;color:var(--t5-black)}
.t5-contrat-signature span{font-size:.84rem;color:var(--t5-muted)}
.t5-contrat-signature em{margin-top:2.6rem;padding-top:.45rem;border-top:1px solid var(--t5-black);
  font-style:normal;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--t5-muted)}
.t5-contrat-pied{margin-top:1.6rem !important;padding-top:.9rem;border-top:1px solid var(--t5-border);
  font-size:.8rem;color:var(--t5-muted)}
@media(max-width:700px){
  .t5-contrat-parties,.t5-contrat-signature{grid-template-columns:1fr}
  .t5-contrat-ref{text-align:left}
}
/* Impression : seul le contrat sort sur le papier. */
@media print{
  body > *:not(main){display:none !important}
  main > section:not(:has(.t5-contrat)){display:none !important}
  .t5-sec{padding:0 !important;background:#fff !important}
  .t5-eyebrow,.t5-contrat-barre,.t6-cta,.t5-note,.t5-wrap > h2,.t5-wrap > p.t5-intro{display:none !important}
  .t5-contrat{border:none;box-shadow:none;padding:0;max-width:none;font-size:10.5pt;line-height:1.55}
  .t5-contrat h4{page-break-after:avoid;margin-top:12pt}
  .t5-contrat-signature,.t5-contrat-table,.t5-contrat-alerte{page-break-inside:avoid}
  .t5-contrat-tete{border-bottom-color:#8B1620}
}

/* Bande de photos dans une famille de coffret */
.t5-vues--cof{margin:.9rem 0 0;padding-top:.8rem;border-top:1px dashed var(--t5-border)}
.t5-vues--cof .t5-vue{width:48px;height:48px}

/* ---------- PARTENARIAT : l argument de tresorerie ---------- */
.t5-treso{position:relative;overflow:hidden;border-radius:var(--t5-rlg);margin:0 0 2rem;
  background:linear-gradient(135deg,#0A0A0A 0%,#1A1211 48%,#6E121B 88%,#8B1620 100%);
  color:#F4F0E8;padding:clamp(1.6rem,4vw,2.6rem);box-shadow:var(--t5-shlg)}
.t5-treso::before{content:"";position:absolute;width:46vw;height:46vw;max-width:600px;max-height:600px;
  border-radius:50%;background:radial-gradient(circle,rgba(201,162,39,.26),transparent 70%);
  filter:blur(70px);top:-50%;right:-8%;pointer-events:none}
.t5-treso > *{position:relative;z-index:2}
.t5-treso-tete{max-width:70ch;margin-bottom:1.5rem}
.t5-treso-tete .t5-eyebrow{justify-content:flex-start}
.t5-treso-tete h3{font-family:Sora,sans-serif;font-weight:800;letter-spacing:-.03em;
  font-size:clamp(1.3rem,3.2vw,1.95rem);line-height:1.14;color:#fff;margin:0 0 .7rem}
.t5-treso-tete p{color:rgba(244,240,232,.8);line-height:1.7;margin:0;font-size:.96rem}
.t5-treso-cmp{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.t5-treso-col{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);
  border-radius:var(--t5-r);padding:1.1rem 1.2rem}
.t5-treso-col.ok{background:rgba(201,162,39,.12);border-color:rgba(201,162,39,.5)}
.t5-treso-lib{display:block;font-size:.7rem;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:rgba(244,240,232,.6);margin-bottom:.8rem}
.t5-treso-col.ok .t5-treso-lib{color:var(--t5-gold)}
.t5-treso-col ul{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.t5-treso-col li{display:flex;gap:.6rem;align-items:flex-start;font-size:.9rem;line-height:1.5;
  color:rgba(244,240,232,.92)}
.t5-treso-col li::before{content:"✓";flex:0 0 auto;width:17px;height:17px;border-radius:50%;
  display:grid;place-items:center;font-size:.6rem;font-weight:700;margin-top:.18rem;
  background:var(--t5-gold);color:#0F172A}
.t5-treso-col li.ko{color:rgba(244,240,232,.62)}
.t5-treso-col li.ko::before{content:"×";background:rgba(255,255,255,.16);color:rgba(244,240,232,.75);
  font-size:.72rem}
.t5-treso-pied{margin:1.3rem 0 0;padding-top:1rem;border-top:1px dashed rgba(255,255,255,.22);
  font-size:.95rem;color:rgba(244,240,232,.85)}
.t5-treso-pied b{color:var(--t5-gold)}
@media(max-width:760px){.t5-treso-cmp{grid-template-columns:1fr}}

/* Palier inaccessible pour une taille a quantite minimum */
.t5 td.t5-nd,.t5d td.t5-nd{color:var(--t5-muted);opacity:.5;font-weight:400}
.t5d td.t5-nd{color:rgba(244,240,232,.4)}
.t5-minline{margin:.5rem 0 0;font-size:.78rem;color:var(--t5-muted);font-style:italic}
.t5-star .t5-minline,.t5d + .t5-minline{color:rgba(244,240,232,.6)}

/* Mention de conception 3D : reduite et rejetee sous le tableau */
.t5-dark-fine{display:block;margin-top:.45rem;padding-top:.45rem;
  border-top:1px solid rgba(255,255,255,.14);font-size:.74rem;line-height:1.5;
  color:rgba(244,240,232,.58)}
.t5-dark-fine b{color:var(--t5-gold)}
.t5-dark-note a{color:var(--t5-gold);text-decoration:underline;text-underline-offset:2px}

/* ---------- DÉBORDEMENT HORIZONTAL (mobile) ----------
   Les enfants de grille et de flex ont min-width:auto : un tableau large
   élargit sa piste au lieu de défiler, et pousse toute la page. On rend les
   pistes rétractables, puis on confine le défilement au tableau lui-même. */
.t5-star-in > *, .t5-cat > *, .t5-famille > *, .t5-ask > *, .t6-deux > * { min-width: 0; }

.t5-dark, .t5-scroll { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.t5-dark > table, .t5-scroll > table { min-width: 34rem; }

.t5-star-photo { max-width: 100%; }
.t5-star-txt, .t5-dark-note { max-width: 100%; overflow-wrap: anywhere; }

/* repère de défilement : sans lui, la dernière colonne passe inaperçue */
@media (max-width: 760px) {
  .t5-dark, .t5-scroll { position: relative; }
  .t5-dark::after, .t5-scroll::after {
    content: "Faites glisser le tableau pour voir toutes les colonnes →";
    display: block; position: sticky; left: 0;
    font-size: .72rem; opacity: .7; padding: .5rem .2rem 0; white-space: normal;
  }
}