/* MyShopMoto — tutoriels de l'atelier : même ambiance que « L'atelier de ma moto » (graphite, orange, bandes de chantier, capitales). */
.msmt{--t-noir:#141210;--t-or:#e8350d;--t-or2:#ff7a45;--t-texte:#1c1b19;--t-doux:#5d5850;--t-trait:#e2ddd5;
  --t-titre:"Oswald","Bebas Neue","Roboto Condensed","Arial Narrow",Impact,sans-serif;max-width:900px;margin:0 auto;color:var(--t-texte);font-size:16px;line-height:1.65}
.msmt p{margin:0 0 12px}
.msmt-tete{position:relative;padding:34px 24px 26px;border-radius:14px;background:radial-gradient(circle at 85% 0,#3a2416 0,var(--t-noir) 60%);color:#fff;overflow:clip}
.msmt-tete::before{content:"";position:absolute;inset:0 0 auto 0;height:8px;background:repeating-linear-gradient(-45deg,var(--t-or) 0 14px,#111 14px 28px)}
.msmt-sur{margin:0 0 8px;font-family:var(--t-titre);text-transform:uppercase;letter-spacing:.18em;font-size:13px;color:var(--t-or2)}
.msmt-titre{margin:0 0 14px;font-family:var(--t-titre);text-transform:uppercase;font-weight:800;font-style:italic;font-size:clamp(30px,5vw,48px);line-height:1}
.msmt-titre span{display:block;margin-top:10px;font-style:normal;font-weight:400;text-transform:none;font-family:"Roboto",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.45;color:#e3ddd4}
.msmt-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 18px;font-size:14px;color:#e3ddd4}
.msmt-diff span{filter:grayscale(1);opacity:.3}.msmt-diff span.on{filter:none;opacity:1}.msmt-diff small{margin-left:6px}
.msmt-cta{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 20px;border-radius:10px;background:var(--t-or);color:#fff!important;text-decoration:none!important;font-family:var(--t-titre);text-transform:uppercase;letter-spacing:.05em;font-size:17px;font-weight:700;box-shadow:0 8px 22px rgba(232,53,13,.35)}
.msmt-cta b{font-family:system-ui,sans-serif;text-transform:none;letter-spacing:0;font-size:13px;background:#fff;color:var(--t-or);border-radius:999px;padding:2px 9px}
.msmt-intro{margin:22px 0 0;font-size:17px}
.msmt-alerte{margin:20px 0;padding:14px 16px;border-left:5px solid var(--t-or);border-radius:8px;background:#1d1a17;color:#efe9e1}
.msmt-alerte strong{display:block;margin-bottom:6px;font-family:var(--t-titre);text-transform:uppercase;letter-spacing:.06em;color:var(--t-or2)}.msmt-alerte p:last-child{margin:0}
.msmt-sec{margin:30px 0 0;scroll-margin-top:100px}
.msmt-sec h2{display:flex;align-items:center;gap:12px;margin:0 0 14px;font-family:var(--t-titre);text-transform:uppercase;font-size:24px;line-height:1.15;letter-spacing:.02em}
.msmt-sec h2 small{font-family:system-ui,sans-serif;text-transform:none;font-size:13px;font-weight:600;color:var(--t-doux);background:#f2efe9;border-radius:999px;padding:2px 10px}
.msmt-num{flex:0 0 auto;display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--t-or);color:#fff;font-size:18px}
.msmt-duo{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px}
.msmt-duo>div{padding:12px 14px;border-radius:10px;border:1px solid var(--t-trait)}.msmt-duo strong{display:block;margin-bottom:6px}.msmt-duo p:last-child{margin:0}
.msmt-duo .ok{background:#eef8f0;border-color:#bfe3c8}.msmt-duo .ok strong{color:#1d7a3a}.msmt-duo .ko{background:#fff1ec;border-color:#f6c7b6}.msmt-duo .ko strong{color:#b3261e}
.msmt-astuce,.msmt-alerte-c{padding:10px 14px;border-radius:8px;font-size:15px}.msmt-astuce{background:#f2efe9}.msmt-alerte-c{background:#fff1ec;border-left:4px solid var(--t-or)}
.msmt-chiffres{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:0 0 12px}
.msmt-chiffres div{padding:14px;border-radius:10px;background:#1d1a17;color:#efe9e1;display:flex;flex-direction:column;gap:4px}
.msmt-chiffres strong{font-family:var(--t-titre);font-size:28px;color:var(--t-or2);line-height:1}.msmt-chiffres span{font-size:14px;line-height:1.4}
.msmt-erreurs{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.msmt-erreurs li{position:relative;padding:12px 14px 12px 44px;border-radius:10px;background:#fff1ec}
.msmt-erreurs li::before{content:"✕";position:absolute;left:14px;top:11px;font-weight:900;color:#b3261e;font-size:18px}
.msmt-recap ol{list-style:none;margin:0;padding:16px;border-radius:12px;background:#1d1a17;color:#efe9e1;display:grid;gap:8px;counter-reset:r}
.msmt-recap li{display:grid;grid-template-columns:90px 1fr;gap:10px}.msmt-recap b{font-family:var(--t-titre);color:var(--t-or2)}
.msmt-faq details{border:1px solid var(--t-trait);border-radius:10px;padding:10px 14px;margin:0 0 8px;background:#fff}
.msmt-faq summary{cursor:pointer;font-weight:700}.msmt-faq details p{margin:10px 0 0}
/* Ce qu'il te faut : panneau de l'atelier */
.msmt-atelier{padding:18px;border-radius:14px;background:#f7f4ef;border:1px solid var(--t-trait)}
.msmt-moto{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px;padding:10px 14px;border-radius:10px;background:#1c1b19;color:#fff;font-weight:700}
.msmt-lien{background:none;border:0;padding:0;color:var(--t-or)!important;text-decoration:underline;text-underline-offset:3px;font:inherit;font-weight:700;cursor:pointer}
.msmt-moto .msmt-lien{color:#ffb38f!important}
.msmt-choix{margin:0 0 12px}.msmt-choix .msmg-choix{background:#fff}
.msme.msme-tuto{padding:0;background:none;color:inherit;gap:0;border-radius:0}.msme.msme-tuto::before{display:none}
.msme.msme-tuto .msme-panneau{border-top-width:0;padding-top:4px;background:none}
.msme.msme-tuto .msme-ptete{display:none} /* le titre de l'opération est déjà celui du tutoriel */
.msme.msme-tuto .msme-num{width:24px;height:24px;font-size:13px}
.msmt-attente{margin:0}
.msmt-fin{margin:34px 0 10px;padding:22px;border-radius:14px;background:var(--t-noir);color:#fff;display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.msmt-fin p{margin:0;flex:1 1 260px;font-family:var(--t-titre);text-transform:uppercase;font-size:20px;letter-spacing:.02em}.msmt-fin .msmt-lien{color:#ffb38f!important}
/* Encart « Tuto atelier » : fiche produit et page de catégorie */
.msmt-encart{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:16px 0;padding:12px 14px;border-radius:12px;background:#1d1a17;color:#efe9e1;border-left:5px solid #e8350d;font-size:14px;line-height:1.4}
.msmt-encart .ic{font-size:26px}.msmt-encart>div{flex:1 1 220px;display:flex;flex-direction:column;gap:2px}
.msmt-encart strong{font-family:"Oswald","Roboto Condensed","Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:.03em;font-size:15px;color:#fff}.msmt-encart small{color:#cfc7bc;font-size:13px}
.msmt-encart a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:8px;font-weight:700;text-decoration:none!important;white-space:nowrap}
.msmt-encart-tuto{background:#fff;color:#1c1b19!important}.msmt-encart-prep{background:#e8350d;color:#fff!important}
/* Page d'accueil des tutoriels */
.msmt.msmt-hub{max-width:1100px}.msmt-hub .msmt-tete{margin:0 0 24px}
.msmt-express{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.msmt-express a{display:inline-flex;min-height:40px;align-items:center;padding:0 14px;border-radius:999px;border:1px solid #d6d0c6;color:#1c1b19!important;text-decoration:none!important;font-weight:600}
.msmt-hub section{margin:0 0 26px}.msmt-hub h2{font-family:var(--t-titre,"Oswald",sans-serif);text-transform:uppercase;font-size:20px;margin:0 0 10px}
.msmt-hub-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.msmt-carte{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:12px;background:linear-gradient(160deg,#2a241e,#1b1815);color:#f3eee7!important;text-decoration:none!important;border:1px solid #3a342d;transition:transform .15s,border-color .15s}
a.msmt-carte:hover{transform:translateY(-2px);border-color:#e8350d}
.msmt-carte .ic{font-size:28px}.msmt-carte strong{font-family:"Oswald","Roboto Condensed","Arial Narrow",sans-serif;text-transform:uppercase;font-size:17px;line-height:1.15}
.msmt-carte em{font-style:normal;font-size:13px;color:#b9b0a4}.msmt-carte .meta{display:flex;gap:10px;font-size:12px;color:#b9b0a4}
.msmt-carte .go{margin-top:auto;padding-top:6px;font-weight:800;color:#ff7a45}.msmt-carte.bientot{opacity:.6}.msmt-carte.bientot .go{color:#b9b0a4}
@media (max-width:767px){.msmt-tete{padding:28px 16px 20px}.msmt-duo{grid-template-columns:1fr}.msmt-sec h2{font-size:20px}.msmt-atelier{padding:12px 10px}.msmt-recap li{grid-template-columns:70px 1fr}.msmt-cta{width:100%;justify-content:center}}