/* Mon Barista Maison — fiches matériel, comparatifs et blocs d'accueil (11/11/2026).
   Identité : le comptoir. Écran sombre de balance pour les chiffres, liseré de torréfaction, titres Fraunces. */
.mb-fiche .enveloppe,.mb-comp .enveloppe,.mb-rub .enveloppe{max-width:1180px}
.mb-tete{display:grid;gap:22px;margin:18px 0 8px}
@media (min-width:900px){.mb-tete{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:44px;align-items:start}}
.mb-photo{margin:0;background:#fff;border:1px solid var(--trait);border-radius:var(--r-l);padding:26px 22px 14px;position:relative;overflow:hidden;box-shadow:var(--ombre)}
.mb-photo::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,#C9A77C 0 14%,#D9A15A 14% 32%,#B5672D 32% 52%,#7A2F0F 52% 74%,#3A1D10 74%)}
.mb-photo img{width:100%;height:auto;max-height:420px;aspect-ratio:1/1;object-fit:contain}
.mb-photo figcaption,.mb-credit{font-size:.8rem;color:var(--encre-2);text-align:right;margin-top:8px}
.mb-sans img{visibility:hidden}
.mb-type{font:650 .82rem/1.3 var(--sans);letter-spacing:.09em;text-transform:uppercase;color:var(--torref);margin:0 0 6px}
.mb-intro h1{font-size:clamp(1.9rem,4.6vw,2.7rem);margin:0 0 .35em}
.mb-intro .chapo{font-size:1.1rem;color:var(--encre-2);margin:0}
.mb-intro .meta{margin-top:12px}
.mb-lcd{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#2B3B31;border-radius:var(--r-m);overflow:hidden;margin:20px 0 0;font-variant-numeric:tabular-nums}
@media (min-width:560px){.mb-lcd{grid-template-columns:repeat(4,1fr)}}
.mb-lcd div{background:var(--lcd);padding:14px 14px 13px;display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:2px}
.mb-lcd dd{margin:0;font:600 1.28rem/1.15 var(--serif);color:var(--lcd-txt)}
.mb-lcd dt{font-size:.8rem;line-height:1.3;color:var(--lcd-doux)}
.mb-prix{margin:18px 0 0;background:var(--papier);border:1.5px solid var(--encre);border-radius:var(--r-m);overflow:hidden}
.mb-prix-tete{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 16px;border-bottom:1px solid var(--trait)}
.mb-prix h2{font-size:1.15rem;margin:0}
.mb-prix-tete span{font-size:.84rem;color:var(--encre-2)}
.mb-offre{display:flex;align-items:center;gap:12px;padding:14px 16px;flex-wrap:wrap}
.mb-logo{flex:none;width:44px;height:44px;border-radius:12px;background:#22170F;color:#fff;display:grid;place-items:center;font:700 1.35rem/1 var(--serif);border-bottom:4px solid var(--crema)}
.mb-offre-txt{flex:1;min-width:150px;display:flex;flex-direction:column;line-height:1.3}
.mb-offre-txt span{font-size:.86rem;color:var(--encre-2)}
.mb-offre .bouton{flex:none}
.mb-corps{display:grid;gap:28px;margin-top:30px}
@media (min-width:980px){.mb-corps{grid-template-columns:minmax(0,1fr) 300px;gap:52px;align-items:start}}
.mb-col>section{margin:0 0 2.4em}
.mb-col h2{font-size:clamp(1.4rem,3vw,1.75rem);margin:0 0 .55em}
.mb-col>section>p,.mb-repli p{max-width:44rem}
.mb-note{display:inline-block;font-size:.88rem;background:var(--crema-pale);color:#5B3A10;border-radius:999px;padding:5px 14px;margin:0 0 14px}
.mb-repli.plie>p:nth-child(n+3){display:none}
.mb-plus{font:650 .98rem var(--sans);color:var(--lien);background:none;border:0;border-bottom:2px solid currentColor;padding:4px 0;cursor:pointer;min-height:44px}
.mb-pm{display:grid;gap:14px}
@media (min-width:640px){.mb-pm{grid-template-columns:1fr 1fr}}
.mb-pm>div{border-radius:var(--r-m);padding:18px 20px}
.mb-pm h2{font-size:1.1rem;margin:0 0 .5em}
.mb-pm ul{list-style:none;padding:0;margin:0}
.mb-pm li{position:relative;padding-left:1.5em;margin:.45em 0;line-height:1.45}
.mb-pf{background:var(--vert-pale)}.mb-pn{background:var(--torref-pale)}
.mb-pf li::before{content:"+";position:absolute;left:0;font-weight:700;color:var(--vert)}
.mb-pn li::before{content:"–";position:absolute;left:0;font-weight:700;color:var(--torref)}
.mb-tech{margin:0;border-top:2px solid var(--encre)}
.mb-tech div{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:14px;padding:10px 0;border-bottom:1px solid var(--trait)}
.mb-tech dt{color:var(--encre-2)}.mb-tech dd{margin:0;font-weight:600}
.mb-tout .mb-tech{border-top:0}
.mb-tout summary{cursor:pointer;list-style:none;font-weight:650;color:var(--lien);padding:12px 0;min-height:44px}
.mb-tout summary::-webkit-details-marker{display:none}
.mb-tout summary::after{content:" ↓"}.mb-tout[open] summary::after{content:" ↑"}
.mb-tout[open] summary .o,.mb-tout:not([open]) summary .f{display:none}
.mb-tout[open]{display:flex;flex-direction:column-reverse}
.mb-qui{display:grid;gap:6px 28px}
@media (min-width:640px){.mb-qui{grid-template-columns:1fr 1fr}.mb-qui>h2{grid-column:1/-1}}
.mb-qui h3{font-size:1.05rem;margin:.2em 0 .4em}
.mb-qui div:first-of-type h3{color:var(--vert)}.mb-qui div:last-of-type h3{color:var(--torref)}
.mb-cons{padding-left:1.3em}.mb-cons li{margin:.6em 0;max-width:44rem}
.mb-alts,.mb-cartes,.mb-comps,.mb-bande{list-style:none;padding:0;margin:0}
.mb-alts{display:grid;gap:12px}
@media (min-width:700px){.mb-alts{grid-template-columns:repeat(3,1fr)}}
.mb-alt{margin:0;background:var(--papier);border:1px solid var(--trait);border-radius:var(--r-m);padding:14px;display:flex;gap:12px;align-items:center}
@media (min-width:700px){.mb-alt{flex-direction:column;align-items:flex-start}}
.mb-alt-photo{flex:none;width:84px;height:84px;display:grid;place-items:center;background:#fff;border-radius:10px}
@media (min-width:700px){.mb-alt-photo{width:100%;height:130px}}
.mb-alt-photo img,.mb-carte-photo img,.mb-bloc-photo img{width:100%;height:100%;object-fit:contain}
.mb-alt-type{font:650 .74rem/1.3 var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--torref);margin:0 0 2px}
.mb-alt-nom{font:600 1.08rem/1.25 var(--serif);margin:0 0 4px}.mb-alt-nom a{color:var(--encre);text-decoration:none}
.mb-alt-nom a:hover{text-decoration:underline}
.mb-alt-cle{font-size:.88rem;color:var(--encre-2);margin:0}
.mb-cote{display:none}
@media (min-width:980px){.mb-cote{display:block;position:sticky;top:18px}}
.mb-colle{background:var(--papier);border:1px solid var(--trait);border-radius:var(--r-l);padding:18px;box-shadow:var(--ombre)}
.mb-colle-tete{display:flex;gap:12px;align-items:center;margin-bottom:14px}
.mb-colle-tete img{width:64px;height:64px;object-fit:contain;flex:none}
.mb-colle-tete p{margin:0;font-size:.86rem;color:var(--encre-2);line-height:1.3}
.mb-colle-tete strong{display:block;font:600 1.05rem/1.2 var(--serif);color:var(--encre)}
.mb-colle .bouton{width:100%}
.mb-colle nav{margin-top:14px;border-top:1px solid var(--trait);padding-top:8px;display:grid}
.mb-colle nav a{padding:7px 0;color:var(--encre-2);text-decoration:none;font-size:.95rem}
.mb-colle nav a:hover{color:var(--lien)}
.mb-barre{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--lcd);color:var(--lcd-txt);padding:8px 12px calc(8px + env(safe-area-inset-bottom)) 16px;display:flex;align-items:center;gap:10px;transform:translateY(110%);transition:transform .25s;visibility:hidden}
.mb-barre.visible{transform:none;visibility:visible}
.mb-barre p{margin:0;flex:1;min-width:0;font-size:.82rem;line-height:1.3;color:var(--lcd-doux);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mb-barre strong{display:block;font-size:.98rem;color:var(--lcd-txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mb-barre .bouton{flex:none;min-height:44px;padding:6px 16px;background:var(--crema);border-color:var(--crema);color:#22170F}
@media (min-width:980px){.mb-barre{display:none}}
@media (max-width:979px){.mb-fiche{padding-bottom:70px}}
/* cartes de rubrique */
.mb-cartes{display:grid;gap:14px;margin:0 0 1.5em}
@media (min-width:640px){.mb-cartes{grid-template-columns:1fr 1fr}}
@media (min-width:1000px){.mb-cartes{grid-template-columns:repeat(3,1fr)}}
.mb-carte{margin:0;background:var(--papier);border:1px solid var(--trait);border-radius:var(--r-l);overflow:hidden;display:flex;flex-direction:column}
.mb-carte-photo{display:block;height:190px;padding:18px;background:#fff;border-bottom:1px solid var(--trait)}
.mb-carte-txt{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}
.mb-carte h3{font-size:1.2rem;margin:0 0 .35em}.mb-carte h3 a{color:var(--encre);text-decoration:none}
.mb-carte-txt>p{font-size:.93rem;color:var(--encre-2);margin:0 0 .8em}
.mb-carte-liens{margin:auto 0 0!important;display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center}
.lien-fiche{font-weight:650;color:var(--lien)}
.mb-lien-prix{font-weight:650;color:var(--torref)}
.mb-lien-prix:hover{color:var(--torref-fonce)}
.mb-rub h2,.mb-comp h2{margin-top:1.7em}
.mb-rub .tete,.mb-comp .tete{margin-bottom:1.2em}
.mb-comp .enveloppe>p,.mb-comp .enveloppe>h2,.mb-rub .enveloppe>p{max-width:46rem}
.mb-comps{display:grid;gap:16px;margin:1.2em 0}
@media (min-width:760px){.mb-comps{grid-template-columns:1fr 1fr}}
.mb-comps li{margin:0}
.mb-comps a{display:flex;flex-direction:column;gap:6px;height:100%;background:var(--vert);color:#E3E8E0;border-radius:var(--r-l);padding:20px;text-decoration:none}
.mb-comps strong{font:600 1.3rem/1.2 var(--serif);color:#FBF6EC}
.mb-comps em{font-style:normal;font-weight:650;color:var(--crema);margin-top:auto;padding-top:8px}
.mb-comps-photos{display:flex;gap:8px;margin-bottom:8px}
.mb-comps-photos img{width:76px;height:76px;object-fit:contain;background:#fff;border-radius:12px;padding:6px}
.mb-bande{display:flex;gap:10px;overflow-x:auto;padding:4px 0 10px;margin:18px 0 6px;scrollbar-width:thin}
.mb-bande li{margin:0;flex:0 0 132px}
.mb-bande a{display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;background:#fff;border:1px solid var(--trait);border-radius:var(--r-m);padding:10px;text-decoration:none;color:var(--encre);font-size:.86rem;font-weight:600;line-height:1.25;height:100%}
.mb-bande img{width:96px;height:96px;object-fit:contain}
.mb-bloc{display:grid;gap:16px;background:var(--papier);border:1px solid var(--trait);border-left:5px solid var(--torref);border-radius:var(--r-m);padding:18px;margin:0 0 14px;scroll-margin-top:16px}
@media (min-width:640px){.mb-bloc{grid-template-columns:170px minmax(0,1fr);gap:24px;padding:22px}}
.mb-bloc-photo{display:block;height:160px;background:#fff}
.mb-bloc h3{margin:0 0 .4em;font-size:1.3rem}.mb-bloc p{margin:0 0 .6em}
.comparatif tbody th a{color:var(--encre)}
/* guides : photo réelle dans les cartes et bandeau matériel */
.produit-visuel.avec-image img{width:88%;height:88%;object-fit:contain}
.produit-fiche{margin:.6em 0 0;font-weight:650}
.mb-materiel{margin:2.4em 0 0;padding:20px;background:var(--fond-2);border-radius:var(--r-l)}
.mb-materiel h2{font-size:1.3rem;margin:0 0 .3em}.mb-materiel>p{font-size:.95rem;color:var(--encre-2);margin:0 0 14px}
.mb-materiel .mb-alts{grid-template-columns:1fr}
@media (min-width:700px){.mb-materiel .mb-alts{grid-template-columns:repeat(3,1fr)}}
/* accueil */
.mb-chiffres{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--trait);border:1px solid var(--trait);border-radius:var(--r-m);overflow:hidden;max-width:1124px}
@media (min-width:760px){.mb-chiffres{grid-template-columns:repeat(4,1fr)}}
.mb-chiffres li{margin:0;background:var(--papier);padding:16px 12px;text-align:center;font-size:.95rem;color:var(--encre-2)}
.mb-chiffres b{font:600 1.7rem/1 var(--serif);color:var(--encre);margin-right:6px}
.mb-accueil-tete{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:18px}
.mb-accueil-tete h2{margin:0}.mb-accueil-tete p{margin:0;max-width:30rem;color:var(--encre-2)}
.mb-maj{font-size:.88rem;color:var(--encre-2);margin:14px 0 0}
@media print{.mb-barre,.mb-cote,.mb-prix{display:none!important}}

/* Finitions 11/11 : la colonne de la fiche ne dépasse plus la largeur du téléphone */
@media (max-width:979px){.mb-corps{grid-template-columns:minmax(0,1fr)}}
.mb-alt-photo{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);overflow:hidden}