/* Combi — correctifs CSS audit technique 20/10/2026 (chargé par mu-plugins/combi-audit-20oct.php, version = date du fichier).
   Retrait : supprimer ce fichier ET le bloc d'enqueue dans le mu-plugin. */

/* Articles de blog : les tableaux débordaient de l'écran mobile (4e colonne coupée) → défilement horizontal dans le tableau seulement */
.single-post .page-content table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.single-post .page-content table th, .single-post .page-content table td { min-width: 120px; }

/* Fiche produit : « Vous aimerez aussi » n'est plus collé à l'accordéon du dessus */
#cb2 .cb2-rel { margin-top: 48px; }
/* 4 suggestions : grille 2 × 2 en mobile, 3 en desktop (la 4e masquée) */
@media (min-width: 861px) { #cb2 .cb2-rg .c:nth-child(4) { display: none; } }

/* Suite 20/10 — tuiles Matière/Tailles : la grille s'adapte au nombre de tuiles (plus de tuile seule perdue dans un grand encadré) */
#cb2 .cb2-benef.n1 { grid-template-columns: 1fr; padding: 16px 12px; }
#cb2 .cb2-benef.n2 { grid-template-columns: repeat(2, 1fr); }

/* Suite 20/10 — fiche à une seule photo : bande sobre « La matière » / « Votre taille » */
#cb2 .cb2-band2 { background: var(--cream-2, #F7F2EA); margin: 40px 0 0; padding: 44px 24px; }
#cb2 .cb2-band2-in { max-width: 980px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 32px 56px; }
#cb2 .cb2-band2 .cb2-eyebrow { display: block; margin-bottom: 6px; }
#cb2 .cb2-band2 h2 { font-family: 'Cormorant Garamond', serif; font-size: clamp(24px, 3vw, 30px); font-weight: 500; color: var(--charcoal, #2C2421); margin: 0 0 10px; }
#cb2 .cb2-band2 p { font-size: 15px; line-height: 1.65; color: var(--charcoal, #2C2421); margin: 0 0 8px; }
#cb2 .cb2-band2 .lk a { color: var(--g, #8a6436); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 860px) { #cb2 .cb2-band2 { padding: 32px 18px; margin-top: 28px; } }

/* Suite 20/10 — articles de blog en mobile : le style en ligne « padding:60px 0 » collait le texte aux bords */
@media (max-width: 860px) { body.single-post main.container { padding-left: 18px !important; padding-right: 18px !important; } }