/* ============================================================
   FAZONETKA - Oprava problikávání na detailu produktu (mobil)
   ============================================================
   Tenhle malý CSS soubor obsahuje dvě pravidla, která musí platit
   OD PRVNÍHO ZOBRAZENÍ stránky (proto jsou v samostatném souboru
   načteném přes <link> v poli "Záhlaví", ne vloženém přímo tam
   jako text - to pole má omezenou délku a delší vkládaný kód se
   při uložení ztrácel).

   1) Na mobilu (šířka do 767px) se název produktu na detailu
      zobrazuje menším písmem (27px místo výchozích cca 34px) -
      jde čistě o kosmetickou úpravu velikosti, aby se dlouhé
      názvy nelámaly do tří řádků. Dřív se tohle nastavovalo přes
      JavaScript, což způsobovalo krátké problikávání (nejdřív
      velké písmo, pak zmenšení) - v CSS načteném hned na začátku
      stránky k tomu už nedochází.

   2) Původní zobrazení hodnocení (hvězdičky/"Neohodnoceno") se
      pod názvem produktu natrvalo schovává - na jeho místo se
      (u produktů, které mají vyplněnou obtížnost) vykresluje přes
      JavaScript řádek se čtyřmi tečkami. Schování samotné ale na
      konkrétním produktu nijak nezávisí, takže nemusí čekat na
      JavaScript - řeší se rovnou tady, staticky, aby originální
      hodnocení nebylo vidět ani na okamžik.
   ============================================================ */
@media (max-width:767px) {
  .p-detail-inner-header-mobile .h1 {
    font-size: 27px !important;
    line-height: 1.25 !important;
    margin-top: 10px !important;
  }
}

.p-detail-inner-header .ratings-and-brand,
.p-detail-inner-header-mobile .ratings-and-brand {
  display: none !important;
}