/* ══════════════════════════════════════════════════════════════════════
   ZLATÁ KARTA — záhlaví výpisu produktů (27. 10. 2026)
   Žlutý pruh .cat-hero přes celou šířku → zaoblená zlatá karta, stejný
   tvar jako barevné bloky znamení/čaker (16-hub-blok.css). Karta je nižší,
   produkty začínají výš.
   Jen kategorie produktů (tax-product_cat) a vlastnosti (tax-pa_*: potíže,
   barvy, filtry). Atlas, magazín, úplněk, O nás a Prodejny beze změny.
   Původní vzhled: 09-sections.css (.cat-hero) + 99-responsive.css.
   #main v selektoru: 08-woo.css nuluje padding .container s !important
   přes #main-content (vyšší váha než třídy).
   ══════════════════════════════════════════════════════════════════════ */
body.tax-product_cat #main .cat-hero,
body[class*=" tax-pa_"] #main .cat-hero{
  background:transparent !important;
  padding:16px 0 6px !important;
  overflow:visible;
}
body.tax-product_cat #main .cat-hero > .container,
body[class*=" tax-pa_"] #main .cat-hero > .container{
  background:linear-gradient(160deg,#f0cf6a,#f8e6a6);
  border-radius:24px;
  padding:26px 34px 22px !important;
  box-shadow:0 2px 12px rgba(0,0,0,.05);
}
body.tax-product_cat #main .cat-hero .eyebrow,
body[class*=" tax-pa_"] #main .cat-hero .eyebrow{margin-bottom:4px;}
body.tax-product_cat #main .cat-hero h1,
body[class*=" tax-pa_"] #main .cat-hero h1{margin-bottom:8px;}
/* Divi dává <p> padding-bottom 1em → u zkráceného popisu v něm prosvítal
   kus dalšího řádku (stará chyba, hlavně potíže na mobilu) */
body.tax-product_cat #main .cat-hero > .container > p,
body[class*=" tax-pa_"] #main .cat-hero > .container > p{padding-bottom:0;margin-bottom:6px;}
body.tax-product_cat #main .cat-hero-meta,
body[class*=" tax-pa_"] #main .cat-hero-meta{margin-top:12px;gap:6px 10px;}
body.tax-product_cat #main .cat-hero-meta span,
body[class*=" tax-pa_"] #main .cat-hero-meta span{
  background:rgba(255,255,255,.75);
  border-radius:999px;
  padding:5px 12px;
}

@media (max-width:640px){
  body.tax-product_cat #main .cat-hero,
  body[class*=" tax-pa_"] #main .cat-hero{padding:10px 0 4px !important;}
  body.tax-product_cat #main .cat-hero > .container,
  body[class*=" tax-pa_"] #main .cat-hero > .container{
    width:calc(100% - 24px) !important;
    padding:18px 18px 16px !important;
    border-radius:18px;
  }
  /* užší text v kartě = víc řádků → 6 místo 8 (zbytek pod „Zobrazit celý popis“) */
  body.tax-product_cat #main .cat-hero > .container > p:not(.is-expanded),
  body[class*=" tax-pa_"] #main .cat-hero > .container > p:not(.is-expanded){-webkit-line-clamp:6;line-clamp:6;}
  body.tax-product_cat #main .cat-hero-meta,
  body[class*=" tax-pa_"] #main .cat-hero-meta{font-size:13px;}
}