/* univers.css — socle des pages d'univers (modules/univers.php : pneus, jantes, amortisseurs…) : intro, marques, meilleures ventes,
   sous-catégories et véhicules, suite du texte, guide en cartes, questions fréquentes. Titres et tuiles d'univers de vitrine.css ;
   charte du site public (docs/front-guidelines.md). */

.univ{ --univ-teinte:var(--color-orange); --univ-fond:#fdeee9; margin-top:6px; }
.univ .vt-h2{ margin-bottom:14px; }

/* description : intro (titre et premier paragraphe, sous le bandeau) et suite du texte (sous les produits), titres comme ceux de la page */
.univ .univ-description, .univ .univ-description p{ font-size:15px; line-height:1.6; color:#334155; }
.univ .univ-description p{ margin:0 0 10px; }
.univ .univ-description h2{ margin:26px 0 10px; font-family:var(--font-bold); font-weight:normal; font-size:1.35rem; line-height:1.25; color:var(--color-ink); }
.univ .univ-description h2:first-child{ margin-top:0; }
.univ .univ-description h3{ margin:18px 0 8px; font-family:var(--font-bold); font-weight:normal; font-size:1.1rem; color:var(--color-ink); }
.univ .univ-description a{ color:var(--color-primary); font-weight:600; }
.univ-intro{ margin:4px 0 6px; }
.univ-intro h2:first-child{ font-size:1.6rem; line-height:1.2; }
.univ-texte{ margin:36px 0 8px; }

/* meilleures ventes : carrousel de l'accueil ; includes/home.php fixe .swiper-slide à 50 px pour le carrousel des logos */
.univ-top{ margin-top:30px; }
.univ-top .adcarousel{ margin-top:4px; }
.univ-top .swiper-slide{ height:auto !important; overflow:visible; }

/* marques : boutons logo */
.univ-marques{ margin:30px 0 8px; }
.univ-marques-grille{ display:grid; grid-template-columns:repeat(auto-fill, minmax(150px, 1fr)); gap:10px; }
.univ-marque{ display:flex; align-items:center; justify-content:center; padding:16px 12px; border-radius:14px; background:#fff;
  border:1px solid rgba(15,23,42,.06); color:var(--color-ink); text-decoration:none; transition:border-color .15s, box-shadow .15s, transform .15s; }
.univ-marque:hover{ border-color:rgba(15,23,42,.18); box-shadow:0 6px 18px rgba(15,23,42,.09); transform:translateY(-2px); }
.univ-marque-logo{ display:flex; align-items:center; justify-content:center; width:100%; height:40px; }
.univ-marque-logo img{ max-width:120px; max-height:40px; width:auto; height:auto; object-fit:contain; }
.univ-marque-logo b{ font-family:var(--font-bold); font-weight:normal; font-size:1.05rem; }

/* sous-catégories et véhicules les plus recherchés */
.univ-veh{ margin:34px 0 8px; }
.univ-veh-grille{ display:grid; grid-template-columns:repeat(auto-fill, minmax(320px, 1fr)); gap:12px; }
.univ-veh-carte{ padding:14px 16px 16px; border-radius:16px; background:#fff; border:1px solid rgba(15,23,42,.06); min-width:0; }
.univ-veh-tete{ display:flex; align-items:center; gap:12px; margin-bottom:10px; color:var(--color-ink); text-decoration:none; }
a.univ-veh-tete:hover h3{ text-decoration:underline; }
a.univ-veh-tete h3::after{ content:'›'; margin-left:6px; color:#94a3b8; }
.univ-veh-img{ flex:none; display:flex; align-items:center; justify-content:center; width:52px; height:52px; border-radius:12px; background:#f6f7f9; }
.univ-veh-img img{ width:44px; height:44px; object-fit:contain; mix-blend-mode:multiply; }
.univ-veh-tete h3{ margin:0; font-family:var(--font-bold); font-weight:normal; font-size:1.1rem; line-height:1.25; color:var(--color-ink); }
.univ-puces{ display:flex; flex-wrap:wrap; gap:6px; }
.univ-puces a{ display:inline-block; max-width:100%; padding:6px 10px; border-radius:8px; background:#f3f3f5; font-size:13px; font-weight:600; line-height:1.3; color:var(--color-ink); text-decoration:none; }
.univ-puces a span{ margin-left:3px; font-weight:500; font-size:12px; color:#64748b; white-space:nowrap; }
.univ-puces a:hover{ background:var(--color-ink); color:#fff; }
.univ-puces a:hover span{ color:rgba(255,255,255,.75); }

/* guide */
.univ-guide{ margin:36px 0 8px; }
.univ-guide-grille{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:14px; }
.univ-carte{ padding:20px 22px; border-radius:16px; background:#fff; border:1px solid rgba(15,23,42,.06); color:#334155; font-size:15px; line-height:1.6; min-width:0; }
.univ-carte h3{ margin:0 0 10px; font-family:var(--font-bold); font-weight:normal; font-size:1.15rem; line-height:1.25; color:var(--color-ink); }
.univ-carte p{ margin:0 0 10px; }
.univ-carte p:last-child{ margin-bottom:0; }
.univ-carte ul{ margin:0 0 10px; padding-left:18px; }
.univ-carte li{ margin:3px 0; }
.univ-carte strong{ color:var(--color-ink); }
.univ-carte a, .univ-r a{ color:var(--color-primary); font-weight:600; }
.univ-carte a.univ-cta{ display:inline-flex; align-items:center; margin:2px 8px 4px 0; padding:9px 16px; border-radius:10px; background:var(--color-ink); color:#fff; text-decoration:none; }
.univ-carte a.univ-cta::after{ content:'›'; margin-left:8px; font-size:1.1em; }
.univ-carte a.univ-cta:hover{ opacity:.9; }

/* questions fréquentes */
.univ-faq{ margin:36px 0 8px; max-width:900px; }
.univ-q{ border-radius:14px; background:#fff; border:1px solid rgba(15,23,42,.06); margin-bottom:8px; }
.univ-q summary{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 18px; cursor:pointer; list-style:none; }
.univ-q summary::-webkit-details-marker{ display:none; }
.univ-q summary::after{ content:'+'; flex:none; font-size:1.3rem; line-height:1; color:#64748b; transition:transform .15s; }
.univ-q[open] summary::after{ transform:rotate(45deg); }
.univ-q summary h3{ margin:0; font-family:inherit; font-weight:700; font-size:15px; line-height:1.35; color:var(--color-ink); }
.univ-r{ padding:0 18px 16px; color:#334155; font-size:15px; line-height:1.6; }
.univ-r p{ margin:0 0 8px; }
.univ-r p:last-child{ margin-bottom:0; }

.univ-lies{ margin-top:36px; }

@media (max-width:900px){ .univ-guide-grille{ grid-template-columns:minmax(0, 1fr); } }
@media (max-width:640px){
  .univ-intro h2:first-child{ font-size:1.35rem; }
  .univ-marques-grille{ grid-template-columns:repeat(3, minmax(0, 1fr)); gap:8px; }
  .univ-marque{ padding:10px 6px; }
  .univ-marque-logo img{ max-width:90px; max-height:32px; }
  .univ-veh-grille{ grid-template-columns:minmax(0, 1fr); }
  .univ-carte{ padding:16px; }
}