/*
Theme Name: Mobiltruss
Theme URI: https://mobiltruss.fr
Author: Mobiltruss
Author URI: https://mobiltruss.fr
Description: Thème officiel Mobiltruss — structures aluminium pour la scène, l'événementiel et l'industrie. Design « Atelier » (Archivo, Inter Tight, IBM Plex Mono) et type de contenu « Fiche produit » dont la référence sert d'identifiant : chaque fiche se retrouve, s'édite et s'importe par sa référence.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mobiltruss
Tags: business, industrial, custom-logo, custom-menu, featured-images, translation-ready, block-styles, wide-blocks
*/

/* La feuille de style du thème est assemblée ci-dessous : charte graphique
   « Atelier » puis compléments WordPress. Les règles qui suivent proviennent
   de assets/css/design.css ; les compléments de assets/css/theme-extras.css. */
:root{--navy:#273573;--navy-d:#1a2249;--red:#e00f21;--ink:#12161f;
--ink2:#4d5463;--ink3:#727a89;--red-d:#b90d1b;
--bg:#fff;--mill:#f4f6f8;--mill2:#e7eaee;--line:#e2e5ea;--line2:#c7ccd4;
--tile:#ffffff;--hero:#ffffff;
--d:"Archivo","Helvetica Neue",Arial,sans-serif;
--b:"Inter Tight",-apple-system,"Segoe UI",sans-serif;
--m:"IBM Plex Mono",ui-monospace,Menlo,monospace;
--gut:clamp(1.15rem,4vw,3rem);--max:1340px;--ez:cubic-bezier(.22,.61,.36,1)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--b);font-size:16.5px;line-height:1.6;
-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;display:block}
a{color:inherit}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4{margin:0;font-family:var(--d);font-weight:700;line-height:.98;letter-spacing:-.03em;
overflow-wrap:break-word;
font-variation-settings:'wdth' 106}
p{margin:0;text-wrap:pretty}
.mono{font-family:var(--m);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;line-height:1.5}
.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}
.eyebrow{display:inline-flex;align-items:center;gap:.75em;font-family:var(--m);font-size:.68rem;
letter-spacing:.18em;text-transform:uppercase;color:var(--red);font-weight:500}
.eyebrow::before{content:"";width:1.75rem;height:2px;background:var(--red);flex:none}

/* ---------- header ---------- */
.top{background:var(--ink);color:#8f97a6}
.top__r{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem 2.2rem;padding:.5rem 0}
.top b{color:#fff;font-weight:400}
.hdr{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.95);
backdrop-filter:blur(14px) saturate(160%);border-bottom:1px solid var(--line);transition:box-shadow .25s var(--ez)}
.hdr.is-stuck{box-shadow:0 10px 30px -22px rgba(18,22,31,.5)}
.hdr__in{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;min-height:4.9rem}
.lgo{height:36px;width:auto}
.nav{display:flex;align-items:center;gap:1.7rem}
.nav ul{display:flex;gap:1.7rem}
.nav .mono a{position:relative;color:var(--ink2);text-decoration:none;padding-block:.4rem;
transition:color .18s var(--ez)}
.nav .mono a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--red);
transform:scaleX(0);transform-origin:left;transition:transform .26s var(--ez)}
.nav .mono a:hover,.nav .mono a[aria-current]{color:var(--ink)}
.nav .mono a:hover::after,.nav .mono a[aria-current]::after{transform:scaleX(1)}
.langs{display:flex;align-items:center;gap:.15rem;border-left:1px solid var(--line);padding-left:1.1rem}
.langs a{font-family:var(--m);font-size:.68rem;letter-spacing:.08em;text-decoration:none;
color:var(--ink3);padding:.24rem .5rem;transition:.16s var(--ez)}
.langs a:hover{color:var(--ink)}
.langs a[aria-current]{background:var(--ink);color:#fff}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;padding:.92em 1.35em;
border:1px solid transparent;border-radius:2px;font-family:var(--m);font-size:.69rem;font-weight:500;
letter-spacing:.15em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:.2s var(--ez)}
.btn svg{width:.9em;height:.9em;transition:transform .2s var(--ez)}
.btn:hover svg{transform:translateX(3px)}
.btn--red{background:var(--red);color:#fff}
.btn--red:hover{background:var(--ink)}
.btn--ink{background:var(--ink);color:#fff}
.btn--ink:hover{background:var(--navy)}
.btn--line{border-color:var(--line2);color:var(--ink);background:#fff}
.btn--line:hover{border-color:var(--ink);background:var(--ink);color:#fff}
.btn--onDark{border-color:rgba(255,255,255,.35);color:#fff;background:transparent}
.btn--onDark:hover{background:#fff;color:var(--ink);border-color:#fff}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.hero__bg{position:absolute;inset:0;opacity:.55;
background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
background-size:88px 88px;
-webkit-mask-image:radial-gradient(115% 80% at 72% 22%,#000 20%,transparent 72%);
mask-image:radial-gradient(115% 80% at 72% 22%,#000 20%,transparent 72%)}
.hero__in{position:relative;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
gap:clamp(2rem,5vw,4.5rem);align-items:center;padding-block:clamp(3rem,7.5vw,6.2rem)}
.hero h1{font-size:clamp(2.1rem,4.5vw,3.85rem);text-transform:uppercase;letter-spacing:-.035em;line-height:.95;margin:1.5rem 0 1.7rem;max-width:16ch}
.hero h1 em{font-style:normal;color:var(--red)}
.hero__lede{font-size:clamp(1rem,1.35vw,1.18rem);color:var(--ink2);max-width:47ch;line-height:1.62}
.hero__cta{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2rem}
.hero__k{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1.5rem;
margin-top:2.6rem;padding-top:1.6rem;border-top:1px solid var(--line)}
.hero__k b{display:block;font-family:var(--d);font-size:.98rem;font-weight:600;letter-spacing:-.01em}
.hero__k span{font-family:var(--m);font-size:.62rem;letter-spacing:.13em;text-transform:uppercase;color:var(--ink3)}
.hero__ph{position:relative;background:#fff;border:0;overflow:hidden}
.hero__ph>img{width:100%;height:clamp(19rem,42vw,34rem);object-fit:contain;
transition:transform .7s var(--ez)}
.hero__ph:hover>img{transform:scale(1.035)}
.hero__cap{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:1rem;padding:.7rem .9rem;background:#fff;border-top:1px solid var(--line);font-family:var(--m);font-size:.62rem;letter-spacing:.13em;text-transform:uppercase;color:var(--ink3)}
.hero__chip{position:absolute;top:clamp(.8rem,2vw,1.4rem);left:clamp(.8rem,2vw,1.4rem);background:#fff;
border:1px solid var(--line2);border-left:3px solid var(--red);border-radius:2px;padding:.7rem .9rem;
box-shadow:0 14px 34px -20px rgba(18,22,31,.5)}
.hero__chip b{display:block;font-family:var(--d);font-size:1.15rem;font-weight:700;letter-spacing:-.02em}
.hero__chip span{font-family:var(--m);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3)}

/* ---------- facts band ---------- */
.band{background:var(--ink);color:#8f97a6}
.band__in{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}
.band__c{padding:clamp(1.2rem,2.6vw,2rem);border-left:1px solid #262c38}
.band__c:first-child{border-left:0}
.band__c b{display:block;font-family:var(--d);font-weight:700;font-size:clamp(1.15rem,2vw,1.6rem);
color:#fff;letter-spacing:-.02em;line-height:1.15;margin-bottom:.5rem}
.band__c span{font-family:var(--m);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:#7b8393}

/* ---------- sections ---------- */
.sec{padding-block:clamp(3rem,7vw,6rem)}
.sec--mill{background:var(--mill)}
.sec--dark{background:var(--navy-d);color:#c3cbe2}
.head{margin-bottom:clamp(2rem,4.5vw,3.4rem)}
.head h2{font-size:clamp(1.9rem,3.9vw,3.1rem);text-transform:uppercase;margin:1.1rem 0 .9rem;max-width:24ch}
.head p{color:var(--ink2);max-width:58ch;font-size:1rem}
.head--dark h2{color:#fff}
.head--dark p{color:#a8b3d0}
.head__rule{height:1px;background:var(--line);margin-top:2rem;position:relative}
.head__rule::before{content:"";position:absolute;left:0;top:-1px;width:5.5rem;height:3px;background:var(--red)}
.head--dark .head__rule{background:rgba(255,255,255,.16)}

/* ---------- gammes ---------- */
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(17.5rem,100%),1fr));gap:clamp(1rem,2vw,1.6rem)}
.tile{position:relative;background:#fff;border:1px solid var(--line);border-radius:3px;overflow:hidden;
display:flex;flex-direction:column;transition:transform .3s var(--ez),box-shadow .3s var(--ez),border-color .3s var(--ez)}
.tile:hover{transform:translateY(-4px);box-shadow:0 2px 3px rgba(18,22,31,.05),0 30px 50px -30px rgba(18,22,31,.45);
border-color:var(--line2)}
.tile__ph{position:relative;background:#fff;border-bottom:1px solid var(--line);height:clamp(10.5rem,17vw,14rem);overflow:hidden}
.tile__ph img{width:100%;height:100%;object-fit:contain;transition:transform .6s var(--ez)}
.tile:hover .tile__ph img{transform:scale(1.06)}
.tile__code:empty{display:none}
.tile__code{position:absolute;top:0;left:0;background:var(--navy);color:#fff;font-family:var(--m);
font-size:.62rem;letter-spacing:.13em;padding:.42rem .7rem;z-index:2}
.tile__b{padding:1.15rem 1.2rem 1.3rem;display:flex;flex-direction:column;flex:1 1 auto}
.tile h3{font-size:1.16rem;text-transform:uppercase;letter-spacing:-.02em;line-height:1.1;margin-bottom:.9rem}
.tile__specs{margin-bottom:1.1rem}
.tile__specs div{display:flex;justify-content:space-between;gap:1rem;padding:.42rem 0;border-top:1px solid var(--line)}
.tile__specs dt{font-family:var(--m);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
.tile__specs dd{margin:0;font-family:var(--m);font-size:.72rem;text-align:right;color:var(--ink)}
.tile__l{margin-top:auto;font-family:var(--m);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;
color:var(--red);text-decoration:none;display:inline-flex;align-items:center;gap:.5em}
.tile__l::after{content:"\2192";transition:transform .2s var(--ez)}
.tile:hover .tile__l::after{transform:translateX(4px)}

/* ---------- system (dark) ---------- */
.sys{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}
.dwg{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.14);border-radius:3px;
padding:clamp(.8rem,2vw,1.3rem)}
.dwg__cap{display:flex;justify-content:space-between;gap:1rem;font-family:var(--m);font-size:.6rem;
letter-spacing:.13em;text-transform:uppercase;color:#8b96b8;padding-bottom:.6rem;
border-bottom:1px dashed rgba(255,255,255,.18);margin-bottom:.6rem}
.dwg svg{width:100%;height:auto;display:block}
.dwg__leg{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;margin-top:.7rem;padding-top:.65rem;
border-top:1px dashed rgba(255,255,255,.18);font-family:var(--m);font-size:.6rem;letter-spacing:.1em;
text-transform:uppercase;color:#9aa5c4}
.dwg__leg i{display:inline-block;width:14px;height:2px;margin-right:.5em;vertical-align:middle}
.dwg__leg i.r{background:var(--red)}.dwg__leg i.w{background:#fff}
.dwg__leg i.d{width:8px;height:8px;border-radius:50%;background:var(--red)}
.facts{border-top:1px solid rgba(255,255,255,.16)}
.facts div{display:flex;justify-content:space-between;align-items:baseline;gap:1.5rem;
padding:1.05rem 0;border-bottom:1px solid rgba(255,255,255,.16)}
.facts dt{font-family:var(--m);font-size:.66rem;letter-spacing:.13em;text-transform:uppercase;color:#98a3c6}
.facts dd{margin:0;font-family:var(--d);font-weight:600;font-size:1rem;color:#fff;text-align:right;letter-spacing:-.015em}

/* ---------- applications ---------- */
.apps{border-top:1px solid var(--line)}
.app{display:grid;grid-template-columns:4rem minmax(0,1fr) minmax(0,1.45fr) 2.2rem;gap:clamp(1rem,2.5vw,2rem);
align-items:center;padding:clamp(1.3rem,2.6vw,1.9rem) clamp(.8rem,1.6vw,1.3rem);
border-bottom:1px solid var(--line);transition:background-color .25s var(--ez),color .25s var(--ez)}
.app__n{font-family:var(--m);font-size:.72rem;letter-spacing:.12em;color:var(--red)}
.app h3{font-size:clamp(1.05rem,1.7vw,1.35rem);text-transform:uppercase;letter-spacing:-.02em}
.app p{color:var(--ink2);font-size:.93rem;transition:color .25s var(--ez)}
.app__a{font-family:var(--m);font-size:1rem;color:var(--ink3);justify-self:end;transition:.25s var(--ez)}
.app:hover{background:var(--navy);color:#fff}
.app:hover p{color:#bcc6e2}
.app:hover .app__a{color:#fff;transform:translateX(4px)}
.app:hover h3{color:#fff}

/* ---------- values ---------- */
.vals{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(17rem,100%),1fr));gap:clamp(1.5rem,4vw,3.4rem)}
.val__n{font-family:var(--d);font-weight:700;font-size:3.1rem;line-height:1;letter-spacing:-.05em;
color:transparent;-webkit-text-stroke:1.5px var(--navy);display:block;margin-bottom:1.2rem}
.val h3{font-size:1.14rem;text-transform:uppercase;margin-bottom:.7rem}
.val p{color:var(--ink2);font-size:.94rem}

/* ---------- resources ---------- */
.res{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(16rem,100%),1fr));gap:1px;background:var(--line)}
.res a{display:flex;gap:1rem;padding:clamp(1.2rem,2.4vw,1.7rem);background:#fff;text-decoration:none;
transition:background-color .22s var(--ez)}
.res a:hover{background:var(--mill)}
.res .mono{color:var(--red);padding-top:.2rem}
.res b{display:block;font-family:var(--d);font-weight:600;font-size:1rem;letter-spacing:-.02em;
text-transform:uppercase;margin-bottom:.35rem}
.res span.rd{font-size:.88rem;color:var(--ink2);display:block}

/* ---------- dealer ---------- */
.deal{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}
.regs{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.8rem}
.regs span{border:1px solid var(--line2);background:#fff;padding:.42rem .75rem;font-family:var(--m);
font-size:.63rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink2);border-radius:2px;
transition:.18s var(--ez)}
.regs span:hover{border-color:var(--navy);color:var(--navy)}
.form{display:grid;gap:.85rem;background:#fff;border:1px solid var(--line);border-radius:3px;
padding:clamp(1.3rem,2.8vw,2rem);box-shadow:0 30px 60px -45px rgba(18,22,31,.6)}
.form label{font-family:var(--m);font-size:.62rem;letter-spacing:.13em;text-transform:uppercase;color:var(--ink2)}
.form input,.form select{border:1px solid var(--line2);background:var(--mill);padding:.82rem .9rem;
font-family:var(--b);font-size:.94rem;color:var(--ink);border-radius:2px;transition:.18s var(--ez)}
.form input:focus,.form select:focus{outline:none;border-color:var(--navy);background:#fff;
box-shadow:0 0 0 3px rgba(39,53,115,.12)}
.form__2{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}
.form .btn{margin-top:.4rem;width:100%}

/* ---------- end + footer ---------- */
.end{background:var(--navy-d);color:#b9c3dd;padding-block:clamp(3rem,6.5vw,5rem)}
.end__in{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,auto);gap:2.5rem;align-items:end}
.end h2{color:#fff;font-size:clamp(1.8rem,3.6vw,2.9rem);text-transform:uppercase;margin-bottom:1rem;max-width:22ch}
.end p{max-width:48ch;font-size:.98rem}
.end__b{display:flex;flex-wrap:wrap;gap:.7rem}
.ftr{background:var(--ink);color:#818897;padding-block:clamp(2.6rem,5vw,4rem) 1.4rem}
.ftr__g{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1.6fr) minmax(0,1fr) minmax(0,1.05fr) minmax(0,1.15fr);
gap:clamp(1.8rem,3.2vw,3rem);align-items:start}
.ftr__g>div{min-width:0}
.ftr__g>div:nth-child(2) ul{columns:2;column-gap:1.6rem}
.ftr .lgo{filter:brightness(0) invert(1);height:32px}
.ftr__n{font-size:.85rem;max-width:34ch;margin-top:1.1rem}
.ftr h4{color:#fff;font-family:var(--m);font-size:.64rem;letter-spacing:.15em;text-transform:uppercase;
margin-bottom:1.1rem;font-weight:500}
.ftr li{padding:.34rem 0;font-size:.88rem}
.ftr a{text-decoration:none;transition:color .16s var(--ez)}
.ftr a:hover{color:#fff}
.ftr__brand{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}
.ftr__brand .mono{line-height:1.5;max-width:18ch}
.ftr__brand .mono{color:#818897}
.ftr__brand a{display:inline-flex}
.ftr .lgo--x{height:30px;opacity:.92}
.ftr__b a{text-decoration:none;transition:color .16s cubic-bezier(.22,.61,.36,1)}
.ftr__b a:hover{color:#fff}
.ftr__b{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;
border-top:1px solid #262c38;margin-top:3rem;padding-top:1.3rem;
font-family:var(--m);font-size:.62rem;letter-spacing:.13em;text-transform:uppercase}
.note{background:#0c0f14;color:#7d8593;padding:.95rem 0}
.note p{font-family:var(--m);font-size:.64rem;letter-spacing:.03em;line-height:1.65;text-transform:none}

/* ---------- motion ---------- */
.rv{opacity:1;transform:none}
:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:2px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.rv{opacity:1;transform:none}
.tile:hover,.hero__ph:hover>img,.tile:hover .tile__ph img{transform:none}}
@media (max-width:1080px){.hero__in,.sys,.deal{grid-template-columns:minmax(0,1fr)}
.end__in{grid-template-columns:minmax(0,1fr)}.nav{display:none}}
@media (max-width:760px){.app{grid-template-columns:2.6rem minmax(0,1fr);gap:.6rem 1rem}
.app__a{display:none}.form__2{grid-template-columns:1fr}
.hero__k{grid-template-columns:1fr 1fr;gap:1.2rem}
.hero h1{max-width:none}}
/* ------------------------------------------------------------------
   Compléments WordPress sur la charte « Atelier ».
   ------------------------------------------------------------------ */

/* --- accessibilité --- */
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);word-wrap:normal!important}
.screen-reader-text:focus{clip:auto!important;clip-path:none;display:block;left:.6rem;top:.6rem;z-index:100000;width:auto;height:auto;background:#fff;border:1px solid var(--line2);padding:.7rem 1rem;font-family:var(--m);font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;text-decoration:none}
.skip{position:absolute;left:-9999rem}
.skip:focus{position:fixed;left:1rem;top:1rem;z-index:100;background:#fff;border:1px solid var(--line2);border-left:3px solid var(--red);padding:.8rem 1.1rem;font-family:var(--m);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--ink)}

/* --- barre d'administration --- */
body.admin-bar .hdr{top:32px}
@media (max-width:782px){body.admin-bar .hdr{top:46px}}

/* --- logo personnalisé --- */
.custom-logo-link{display:inline-flex;align-items:center}
.custom-logo{height:36px;width:auto}

/* --- menu WordPress --- */
.mt-menu{display:flex;align-items:center;gap:1.7rem;list-style:none;margin:0;padding:0}
.mt-menu li{position:relative}
.mt-menu li a{position:relative;display:inline-block;padding-block:.4rem;color:var(--ink2);text-decoration:none;
font-family:var(--m);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;
transition:color .18s var(--ez)}
.mt-menu li a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--red);
transform:scaleX(0);transform-origin:left;transition:transform .26s var(--ez)}
.mt-menu li a:hover,.mt-menu li.current-menu-item>a,.mt-menu li a[aria-current]{color:var(--ink)}
.mt-menu li a:hover::after,.mt-menu li.current-menu-item>a::after{transform:scaleX(1)}
.mt-menu .sub-menu{position:absolute;left:0;top:100%;min-width:13rem;background:#fff;border:1px solid var(--line);
border-radius:3px;box-shadow:0 30px 50px -30px rgba(18,22,31,.45);padding:.5rem 0;display:none;z-index:30;list-style:none}
.mt-menu .sub-menu li a{display:block;padding:.55rem 1rem;white-space:nowrap}
.mt-menu .sub-menu li a::after{display:none}
.mt-menu li:hover>.sub-menu,.mt-menu li:focus-within>.sub-menu{display:block}
.ftr .mt-menu{flex-direction:column;align-items:flex-start;gap:0}
.ftr .mt-menu li a{color:#818897;text-transform:none;font-family:var(--b);font-size:.88rem;letter-spacing:0;padding:.34rem 0}
.ftr .mt-menu li a:hover{color:#fff}

/* --- contenu rédigé --- */
.mt-body{font-size:1rem;line-height:1.65}
.mt-body>*+*{margin-top:1rem}
.mt-body h2{font-size:clamp(1.35rem,2.3vw,1.9rem);text-transform:uppercase;margin-top:2.4rem}
.mt-body h3{font-size:1.12rem;text-transform:uppercase;margin-top:1.9rem}
.mt-body ul{list-style:disc;padding-left:1.3rem}
.mt-body ol{list-style:decimal;padding-left:1.3rem}
.mt-body li{margin:.35rem 0}
.mt-body a{color:var(--navy);text-decoration:underline;text-underline-offset:2px}
.mt-body blockquote{border-left:3px solid var(--red);padding-left:1.2rem;color:var(--ink2)}
.mt-body img,.mt-body iframe{border-radius:3px;max-width:100%}
.mt-body table{width:100%;border-collapse:collapse;font-size:.92rem}
.mt-body th,.mt-body td{border:1px solid var(--line);padding:.6rem .75rem;text-align:left}
.mt-body code,.mt-body pre{font-family:var(--m);font-size:.82rem;background:var(--mill);padding:.15rem .35rem;border-radius:2px}

/* --- pagination --- */
.page-numbers{display:inline-block;margin:.2rem .35rem .2rem 0;padding:.5rem .85rem;border:1px solid var(--line2);
border-radius:2px;font-family:var(--m);font-size:.7rem;letter-spacing:.1em;text-decoration:none;color:var(--ink);transition:.18s var(--ez)}
.page-numbers:hover{border-color:var(--ink);background:var(--ink);color:#fff}
.page-numbers.current{background:var(--ink);border-color:var(--ink);color:#fff}

/* --- fiche produit --- */
.tile__code{font-weight:500}
.mt-sheet .hero__in{align-items:start}
.mt-sheet aside .facts dt,.mt-sheet aside .facts dd{font-size:.85rem}
.mt-inline{border:1px solid var(--line);border-left:3px solid var(--red);border-radius:3px;
background:#fff;padding:1.2rem 1.4rem;margin:1.6rem 0}
.mt-inline h3{text-transform:uppercase;font-size:1.1rem}
.mt-miss{font-family:var(--m);font-size:.78rem;color:var(--red);letter-spacing:.08em}

/* --- bandeau de filtres cliquables --- */
.regs a{text-decoration:none}
.regs a span{display:inline-block}

/* --- formulaires --- */
.form select option{color:var(--ink)}
.form .mono{margin-top:.2rem;color:var(--ink3)}

/* --- rendu en colonnes simples sur mobile --- */
@media (max-width:960px){
	.mt-sheet .wrap[style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important}
	.mt-inline{padding:1rem}
}
@media (max-width:1080px){
	.mt-menu{display:none}
}

@media (max-width:1080px){.ftr__g{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.ftr__g{grid-template-columns:repeat(2,minmax(0,1fr))}
.ftr__g>div:first-child,.ftr__brand{grid-column:1/-1}
.ftr__g>div:nth-child(2) ul{columns:1}}