/*
 * Kosmetika4U – čitelnější texty v produktových kartách kategorií
 * Vložte do Shoptet: Vzhled a obsah > Editor > HTML kód > Záhlaví (CSS).
 * Pravidla jsou záměrně omezena na hlavní výpis produktů v kategorii.
 */

/* Hlavní název: tučně a o 5 % větší než původní text. */
.products-page .p .name > span[data-micro="name"] {
  font-size: 1.05em;
  font-weight: 700;
}

/* Doplňkový název: vlastní řádek, o stupeň výraznější než dosud. */
.products-page .p .name .product-appendix {
  display: block;
  margin-top: 4px;
  color: #303033;
  font-size: 15px;
  font-weight: 600 !important;
  line-height: 1.4;
}

/* Stručný popis: vyšší kontrast a pohodlnější čtení. */
.products-page .p .p-desc {
  color: #5a5a5c;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.55;
}

/* Na menších displejích ponecháme text kompaktní. */
@media (max-width: 767px) {
  .products-page .p .name .product-appendix {
    margin-top: 3px;
    font-size: 14px;
  }

  .products-page .p .p-desc {
    font-size: 14px;
    line-height: 1.5;
  }
}