
/* =========================================================
   TMI — Page interne / Présentation
   Conserve le header, footer et navigation uniques de la Home.
   Aucun slider / aucune dépendance JS supplémentaire.
   ========================================================= */
.tmi-page-hero{position:relative;max-height:420px;display:flex;align-items:flex-end;overflow:hidden;background:#07192b;color:#fff}
.tmi-page-hero-media{position:absolute;inset:0;width:100%;height:135%;object-fit:cover;object-position:center 55%}
.tmi-page-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,24,42,.94) 0%,rgba(5,24,42,.70) 48%,rgba(5,24,42,.72) 100%)}
.tmi-page-hero-inner{position:relative;z-index:2;padding-top:82px;padding-bottom:76px;max-width:1240px}
.tmi-page-hero h1{max-width:900px;margin:0 0 20px;color:#fff;font-size:50px;line-height:1.02;letter-spacing:-.045em;font-weight:700}
.tmi-page-hero p{max-width:790px;margin:0;color:#d7e0e8;font-size:18px;line-height:1.75}
.tmi-breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:34px;color:#b9c7d3;font-size:13px}
.tmi-breadcrumb a{color:#fff}.tmi-breadcrumb a:hover{color:var(--tmi-red)}
.tmi-kicker-light{color:#fff}.tmi-kicker-light:before{background:var(--tmi-red)}

.tmi-page-intro-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:82px;align-items:center}
.tmi-page-intro-media{position:relative}.tmi-page-intro-media img{display:block;width:100%;object-fit:cover;border-radius: 18px;}
.tmi-page-note{position:absolute;right:-22px;bottom:28px;background:var(--tmi-red);color:#fff;padding:16px 22px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.tmi-page-copy{font-size:17px;line-height:1.85;color:var(--tmi-muted);margin:24px 0 0}
.tmi-page-tags{display: inline-flex;flex-wrap:wrap;gap:10px;margin-top:28px}.tmi-page-tags span{border:1px solid var(--tmi-line);padding:10px 14px;font-size:12px;font-weight:700;color:#ffffff;background:#142340;}

.tmi-page-head{align-items:start}.tmi-page-process{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--tmi-line);background:#fff}
.tmi-page-process article{padding:34px 28px;min-height:250px;border-right:1px solid var(--tmi-line)}.tmi-page-process article:last-child{border-right:0}
.tmi-page-process span{display:inline-block;color:var(--tmi-red);font-size:14px;font-weight:800;margin-bottom:42px}.tmi-page-process h3{font-size:20px;line-height:1.25;margin:0 0 14px;color:var(--tmi-ink)}.tmi-page-process p{font-size:17px;line-height:1.75;color:var(--tmi-muted);margin:0}

.tmi-page-split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.tmi-page-split .tmi-btn{margin-top:30px}
.tmi-page-image-card{position:relative;background:#07192b;border-radius: 18px;}.tmi-page-image-card img{width:100%;display:block;object-fit:cover;border-radius: 18px;}.tmi-page-image-card>div{position:absolute;left:28px;right:28px;bottom:28px;background:rgba(7,25,43,.94);color:#fff;padding:18px 20px}.tmi-page-image-card strong,.tmi-page-image-card span{display:block}.tmi-page-image-card strong{font-size:17px;margin-bottom:5px}.tmi-page-image-card span{font-size:13px;line-height:1.55;color:#c5d0da}

.tmi-page-dark{background:#0b243b;color:#fff}.tmi-page-head-dark .tmi-title{color:#fff}.tmi-page-head-dark .tmi-lead{color:#bdcad5}
.tmi-page-sectors{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.16);border-left:1px solid rgba(255,255,255,.16)}
.tmi-page-sectors article{padding:34px 28px;border-right:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);min-height:250px}.tmi-page-sectors small{display:block;color:#ff4c55;font-weight:800;font-size:13px;margin-bottom:42px}.tmi-page-sectors h3{font-size:20px;color:#fff;margin:0 0 14px;line-height:1.25}.tmi-page-sectors p{font-size:17px;line-height:1.75;color:#bdcad5;margin:0}

.tmi-page-quality-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:82px;align-items:center}.tmi-page-quality-media img{display:block;width:100%;object-fit:cover;border-radius: 18px;}.tmi-page-values{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:34px;border-top:1px solid var(--tmi-line);border-left:1px solid var(--tmi-line)}.tmi-page-values>div{padding:20px;border-right:1px solid var(--tmi-line);border-bottom:1px solid var(--tmi-line)}.tmi-page-values strong,.tmi-page-values span{display:block}.tmi-page-values strong{font-size:17px;color:var(--tmi-ink);margin-bottom:6px}.tmi-page-values span{font-size:13px;line-height:1.6;color:var(--tmi-muted)}

.tmi-page-cta{position:relative;min-height:490px;display:flex;align-items:center;overflow:hidden;color:#fff}.tmi-page-cta>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.tmi-page-cta-overlay{position:absolute;inset:0;background:rgba(6,27,46,.78)}.tmi-page-cta-inner{position:relative;z-index:2;text-align:center;max-width:900px}.tmi-page-cta h2{margin:0 auto 18px;color:#fff;font-size:clamp(34px,4vw,54px);line-height:1.06;letter-spacing:-.04em}.tmi-page-cta p{max-width:700px;margin:0 auto 28px;color:#d6e0e7;font-size:17px;line-height:1.7}.tmi-page-cta-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}

@media (max-width:1100px){.tmi-page-intro-grid,.tmi-page-split,.tmi-page-quality-grid{grid-template-columns:1fr;gap:42px}.tmi-page-intro-media{max-width:650px}.tmi-page-note{right:18px}.tmi-page-process,.tmi-page-sectors{grid-template-columns:1fr 1fr}.tmi-page-process article:nth-child(2){border-right:0}.tmi-page-process article{border-bottom:1px solid var(--tmi-line)}.tmi-page-process article:nth-last-child(-n+2){border-bottom:0}}
@media (max-width:767px){.tmi-page-hero{min-height:390px}.tmi-page-hero-inner{padding-top:50px;padding-bottom:38px}.tmi-page-hero h1{font-size:35px}.tmi-page-hero p{font-size:17px}.tmi-breadcrumb{margin-bottom:24px}.tmi-page-process,.tmi-page-sectors,.tmi-page-values{grid-template-columns:1fr}.tmi-page-process article,.tmi-page-process article:nth-child(2){border-right:0;border-bottom:1px solid var(--tmi-line);min-height:auto}.tmi-page-process article:last-child{border-bottom:0}.tmi-page-process span,.tmi-page-sectors small{margin-bottom:24px}.tmi-page-sectors article{min-height:auto}.tmi-page-note{position:static;display:inline-block;margin-top:0}.tmi-page-cta{min-height:430px}.tmi-page-cta-actions{align-items:stretch}.tmi-page-cta-actions .tmi-btn{width:100%}}


/* =========================================================
   TMI — Pourquoi TMI ?
   Arguments de choix, engagements et FAQ.
   ========================================================= */
.tmi-why-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--tmi-line);border-left:1px solid var(--tmi-line);background:#fff}
.tmi-why-card{padding:34px 30px 36px;border-right:1px solid var(--tmi-line);border-bottom:1px solid var(--tmi-line);min-height:290px}
.tmi-why-card>span{display:block;color:var(--tmi-red);font-size:14px;font-weight:800;margin-bottom:46px;letter-spacing:.04em}
.tmi-why-card h3{margin:0 0 14px;color:var(--tmi-ink);font-size:21px;line-height:1.25}
.tmi-why-card p{margin:0;color:var(--tmi-muted);font-size:17px;line-height:1.78}
.tmi-why-outcomes{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:90px;align-items:start}
.tmi-why-outcomes .tmi-title{color:#fff}.tmi-why-outcomes .tmi-lead{color:#bdcad5}
.tmi-why-outcome-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.16);border-left:1px solid rgba(255,255,255,.16)}
.tmi-why-outcome-list article{padding:27px 25px;border-right:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);min-height:165px}
.tmi-why-outcome-list strong,.tmi-why-outcome-list span{display:block}.tmi-why-outcome-list strong{color:#fff;font-size:17px;margin-bottom:9px}.tmi-why-outcome-list span{color:#bdcad5;font-size:14px;line-height:1.7}
.tmi-why-values{grid-template-columns:repeat(2,1fr)}
.tmi-why-faq{border-top:1px solid var(--tmi-line)}
.tmi-why-faq details{border-bottom:1px solid var(--tmi-line);background:#fff}
.tmi-why-faq summary{position:relative;cursor:pointer;list-style:none;padding:24px 58px 24px 11px;color:var(--tmi-ink);font-size:18px;font-weight:700;line-height:1.35}
.tmi-why-faq summary::-webkit-details-marker{display:none}
.tmi-why-faq summary:after{content:'+';position:absolute;right:8px;top:20px;color:var(--tmi-red);font-size:28px;font-weight:400;line-height:1}
.tmi-why-faq details[open] summary:after{content:'−'}
.tmi-why-faq details p{max-width:100%;margin:0;padding:0 60px 25px 11px;color:var(--tmi-muted);font-size:17px;line-height:1.8}
@media (max-width:1100px){.tmi-why-grid{grid-template-columns:1fr 1fr}.tmi-why-outcomes{grid-template-columns:1fr;gap:42px}}
@media (max-width:767px){.tmi-why-grid,.tmi-why-outcome-list,.tmi-why-values{grid-template-columns:1fr}.tmi-why-card{min-height:auto}.tmi-why-card>span{margin-bottom:25px}.tmi-why-outcome-list article{min-height:auto}.tmi-why-faq summary{font-size:17px;padding-right:46px}.tmi-why-faq details p{padding-right:0}}


/* =========================================================
   TMI — Tubes & accessoires PRV / GRP
   Page produit technique, sans JS supplémentaire.
   ========================================================= */
.tmi-product-hero .tmi-page-hero-media{object-position:center 58%}
.tmi-product-intro-grid{display:block;text-align:center;}
.tmi-product-sidecard{position:sticky;top:118px;border:1px solid var(--tmi-line);background:#fff}
.tmi-product-sidecard-title{padding:22px 24px;background:#0b243b;color:#fff;font-size:17px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.tmi-product-sidecard nav{display:flex;flex-direction:column}
.tmi-product-sidecard nav a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 20px;border-bottom:1px solid var(--tmi-line);color:var(--tmi-ink);font-size:14px;font-weight:700;line-height:1.35}
.tmi-product-sidecard nav a:hover,.tmi-product-sidecard nav a.active{color:var(--tmi-red);background:#fafbfc}
.tmi-product-sidecard nav a span{color:var(--tmi-red)}
.tmi-product-sidecard-contact{padding:22px 20px;background:#f5f7f9;display:flex;flex-direction:column;gap:5px}
.tmi-product-sidecard-contact small{color:var(--tmi-muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.tmi-product-sidecard-contact strong{color:var(--tmi-ink);font-size:19px}.tmi-product-sidecard-contact a{color:var(--tmi-red);font-size:13px;font-weight:700}
.tmi-product-media-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:76px;align-items:center}
.tmi-product-gallery-main img{display:block;width:100%;object-fit:cover;border-radius: 18px;}
.tmi-product-benefits{margin-top:30px;border-top:1px solid var(--tmi-line)}
.tmi-product-benefits article{display:grid;grid-template-columns:54px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--tmi-line)}
.tmi-product-benefits article>span{color:var(--tmi-red);font-size:13px;font-weight:800;padding-top:3px}.tmi-product-benefits h3{margin:0 0 6px;color:var(--tmi-ink);font-size:17px}.tmi-product-benefits p{margin:0;color:var(--tmi-muted);font-size:17px;line-height:1.7}
.tmi-product-checklist{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid var(--tmi-line)}
.tmi-product-checklist li{position:relative;padding:10px 0 6px 28px;border-bottom:1px solid var(--tmi-line);color:var(--tmi-ink);font-size:17px;font-weight:650}.tmi-product-checklist li:before{content:'→';position:absolute;left:0;color:var(--tmi-red);font-weight:800}
.tmi-product-project-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:80px;align-items:center}.tmi-product-project-media img{display:block;width:100%;object-fit:cover;border-radius: 18px;}
.tmi-product-steps{display:grid;grid-template-columns:1fr 1fr;margin-top:32px;border-top:1px solid var(--tmi-line);border-left:1px solid var(--tmi-line)}
.tmi-product-steps>div{padding:20px;border-right:1px solid var(--tmi-line);border-bottom:1px solid var(--tmi-line);min-height:150px}.tmi-product-steps span{display:block;color:var(--tmi-red);font-size:12px;font-weight:800;margin-bottom:18px}.tmi-product-steps strong{display:block;color:var(--tmi-ink);font-size:17px;margin-bottom:7px}.tmi-product-steps p{margin:0;color:var(--tmi-muted);font-size:14px;line-height:1.65}
@media(max-width:1100px){.tmi-product-intro-grid{grid-template-columns:1fr;gap:38px}.tmi-product-sidecard{position:static}.tmi-product-media-grid,.tmi-product-project-grid{grid-template-columns:1fr;gap:42px}}
@media(max-width:767px){.tmi-product-steps{grid-template-columns:1fr}.tmi-product-sidecard nav a{padding:14px 16px}.tmi-product-benefits article{grid-template-columns:42px 1fr}.tmi-product-system{gap:34px}}
