/* VITRINA SDG — completari pentru paginile din catalog (produs / categorie / hub), generate de gen_catalog.py (22 oct 2026, design D2).
   Restul stilului (produs, carduri, filtre, paginare, „Se potriveste pe”) vine din /stil.css. */
.cat-intro{margin:0 0 14px;color:var(--muted);font-size:15px}
.cat-gol{margin-top:14px;padding:24px;background:var(--bg-soft);border:1px solid var(--line);border-radius:16px}
.cat-gol p{margin:0 0 10px}
.desc.lista-cat{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px;padding:28px}
.lista-cat h3{margin:0 0 8px;font-size:15px}
.lista-cat h3 a{color:var(--ink)}
.lista-cat ul{list-style:none;padding:0}
.lista-cat li{margin:4px 0;font-size:14px}
.lista-cat li a{color:var(--text)}
.lista-cat li a:hover{color:var(--blue-600)}
.lista-cat .nota{font-size:12.5px;color:var(--subtle)}
.bloc .text p{margin:0 0 10px}
/* 2 nov: grupurile din /piese-auto/ sunt <details>: deschise pe calculator (clicul pe rand nu le strange), stranse pe telefon (ui.js) */
.grup-cat>summary{list-style:none}
.grup-cat>summary::-webkit-details-marker{display:none}
@media (min-width:768px){.grup-cat>summary{pointer-events:none}.grup-cat>summary a{pointer-events:auto}}
@media (max-width:1023px){.desc.lista-cat{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:767px){
  .desc.lista-cat{grid-template-columns:1fr;gap:0;padding:4px 16px}
  .grup-cat{border-bottom:1px solid var(--line)}
  .grup-cat:last-child{border-bottom:0}
  .grup-cat>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;cursor:pointer}
  .grup-cat>summary::after{content:"+";flex:none;color:var(--blue-600);font-size:22px;font-weight:700;line-height:1}
  .grup-cat[open]>summary::after{content:"–"}
  .grup-cat h3{margin:0;font-size:15.5px}
  .grup-cat ul{margin:0 0 10px}
  .lista-cat li{margin:0}
  /* 5 nov (analiza pe telefon): pe /piese-auto/ cele ~495 de linkuri aveau 40 px (titlul grupului 19 px) → zona de apasare de 44 px */
  .lista-cat li a{display:inline-flex;align-items:center;min-height:44px;padding:0}
  .grup-cat h3 a{display:inline-flex;align-items:center;min-height:44px}
  /* 5 nov: introducerea categoriei mai scurta, ca primul rand de piese sa incapa pe primul ecran */
  .cat-intro{margin:0 0 10px;font-size:14px}
}