/* Tavolozza : cobalt, soleil et aplats ronds ; polices locales conservées. */
@font-face{font-family:Jost;src:url('polices/jost-latin-600.woff2') format('woff2');font-weight:600 800;font-display:swap}
@font-face{font-family:'DM Sans';src:url('polices/dm-sans-latin-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'DM Sans';src:url('polices/dm-sans-latin-700.woff2') format('woff2');font-weight:600 800;font-display:swap}
:root{
 --sb-fond:#fff;--sb-fond-doux:#F3ECE1;--sb-carte:#fff;
 --sb-texte:#1F1A2E;--sb-texte-2:#676171;--sb-filet:#DDD7E2;
 --sb-marque:#1F1A2E;--sb-action:#2440B3;--sb-action-texte:#fff;
 --sb-promo:#C23A22;--sb-stock:#286144;--sb-alerte:#80521A;
 --sb-bandeau-fond:#1F1A2E;--sb-bandeau-texte:#fff;
 --sb-police-titre:Jost,sans-serif;--sb-police-texte:'DM Sans',sans-serif;--sb-police-code:Jost,sans-serif;
 --sb-rayon:16px;--sb-rayon-bouton:999px;--sb-ombre-carte:none;
}
.sb-panier-lien [data-sb-compte]{background:#F2B134;color:#1F1A2E}
.sb-site .sb-logo{color:#2440B3}
.sb-site .sb-ouverture-A3{display:block}
.sb-ouverture-A3 .sb-panneau{background:#F3ECE1;padding:20px 28px;border-radius:16px;position:relative}
.sb-ouverture-A3 .sb-panneau h1{font-size:30px;margin:0 0 8px}
.sb-ouverture-A3 .sb-panneau h1 br{display:none}
.sb-ouverture-A3 .sb-panneau h1>span{display:block;font-size:24px;color:#2440B3}
.sb-ouverture-A3 .sb-panneau .sb-surtitre{color:#676171;margin-bottom:8px}
.sb-ouverture-A3 .sb-offre-resume{margin:0}
.sb-ouverture-A3 .sb-panneau .sb-bouton{position:absolute;right:28px;bottom:24px}
.sb-ouverture-A3 .sb-echantillon{display:none}
.sb-ouverture-A3 .sb-premiers .sb-photo{height:160px;aspect-ratio:auto}
.sb-site .tvz-echelle-entree{display:flex;gap:16px;justify-content:space-between;overflow-x:auto;margin:16px 0;padding:4px 0 8px}
.tvz-echelle-entree a{display:flex;flex:1;min-width:64px;min-height:92px;align-items:center;flex-direction:column;gap:4px;font-size:12px;text-align:center}
.tvz-echelle-entree .sb-pastille{position:static;width:56px;height:56px;flex:none;display:grid;place-items:center;font:700 22px Jost,sans-serif;border:2px solid #fff}
.tvz-echelle-entree [aria-current=true] .sb-pastille{outline:3px solid #2440B3;outline-offset:2px}
.tvz-echelle-entree strong{font-size:12px}
.sb-site .tvz-page{padding-top:24px;background:#fff}
.tvz-planche{width:100%;height:auto;display:block;margin-block:24px}
.tvz-texte-accueil{margin-top:32px;border-top:1px solid var(--sb-filet);padding-top:16px}
@media(max-width:599px){
 .sb-ouverture-A3 .sb-panneau{padding:16px}
 .sb-ouverture-A3 .sb-panneau h1{font-size:24px}
 .sb-ouverture-A3 .sb-panneau h1>span{font-size:22px}
 .sb-ouverture-A3 .sb-panneau .sb-bouton{position:static;min-height:44px;margin-top:8px}
 .sb-ouverture-A3 .sb-panneau .sb-surtitre{display:none}
 .sb-site .tvz-echelle-entree{gap:12px;margin:10px 0}
 .tvz-echelle-entree a{min-width:56px;min-height:80px}
 .tvz-echelle-entree .sb-pastille{width:48px;height:48px}
 .tvz-echelle-entree small{display:none}
 .sb-ouverture-A3 .sb-premiers .sb-photo{height:130px;aspect-ratio:auto}
}
/* Lecture des descriptions historiques sous les cartes, tableaux défilants. */
.sb-texte-rayon{max-width:960px;margin:40px auto 0;line-height:1.65}
.sb-texte-rayon .tvz-tableau{max-width:100%;overflow-x:auto}
.sb-texte-rayon img{display:block;max-width:100%;height:auto;border-radius:16px}
.sb-texte-rayon :is(ul,ol){padding-left:24px}
.sb-texte-rayon a{text-decoration:underline;color:#2440B3}
.sb-texte-rayon .tvz-question{padding:16px 0;border-bottom:1px solid var(--sb-filet)}
/* Les relais indisponibles restent inactifs ; leur texte garde un contraste lisible. */
.sb-site #fabrique-picker .PR-Disabled{opacity:1!important;background:#F3ECE1!important;border:1px dashed #676171}
.sb-site #fabrique-picker .PR-Disabled:after{content:'Indisponible';display:block;font-size:12px;font-weight:700;color:#676171}
/* Variante Tavolozza : quatre cartes dès l'ouverture, deux par rangée mobile. */
.sb-site .sb-ouverture-A3 .sb-premiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.sb-reassurance-pastilles>div:nth-child(1) .sb-reassurance-repere{background:#2440B3;color:#fff}
.sb-reassurance-pastilles>div:nth-child(2) .sb-reassurance-repere{background:#F2B134;color:#1F1A2E}
.sb-reassurance-pastilles>div:nth-child(3) .sb-reassurance-repere{background:#286144;color:#fff}
.sb-reassurance-pastilles>div:nth-child(4) .sb-reassurance-repere{background:#C23A22;color:#fff}
@media(max-width:599px){
 .sb-site .sb-ouverture-A3 .sb-premiers{grid-template-columns:repeat(2,minmax(0,1fr))}
}
