/* ============================================================
   FAZONETKA - Uprava homepage (uvodni strany)
   ============================================================
   Vsechny CSS upravy tykajici se HOMEPAGE jsou od ted spolecne
   v tomto jednom souboru (misto samostatneho souboru pro kazdou
   drobnost) - do pole "Zahlavi" v administraci tak pribude jen
   jeden odkaz na tento soubor, at se nevycerpava limit 8192 znaku.

   Barvy, pismo a zaobleni pouzite v teto i dalsich upravach
   homepage:
   - pismo: Roboto (bezny text), Raleway (nadpisy)
   - modra (odkazy/informacni prvky): #2274A5
   - zelena (odkazy/informacni prvky): #48B333
   - oranzova (JEN nakup/kosik): #F68E5F - v teto uprave se nepouziva
   - zaobleni rohu: 6px u vseho noveho

   ------------------------------------------------------------
   v1 - prvni banner nahore pod vyhledavanim ("Podzim patri ven"),
   POUZE MOBILNI ZOBRAZENI (do 767px), zbytek banneru (velikost,
   pomer stran, umisteni, vzhled) zustava presne stejny jako drive:
   - zaobleni rohu banneru 6px
   - mezera 6px mezi vyhledavacim polem a bannerem
   - mezera 6px mezi bannerem a dalsim blokem pod nim

   Technicka poznamka: banner je carousel s id "carousel". Mezera
   nad nim byla dana obecnou "mezerou pod hlavickou" (10px), ktera
   se pouziva na cele strance - proto je zmena scopovana jen na
   homepage (body.in-index) a jen na mobil, aby se nedotkla
   ostatnich stranek. Drobny -2px dopocet reaguje na to, ze hlavicka
   je na mobilu "plovouci" (position:fixed) a pro ni vyhrazene misto
   je o 2px vyssi, nez sama skutecne je - zmereno primo na webu.
   ============================================================ */

@media (max-width: 767px) {
  body.in-index .container.content-wrapper {
    padding-top: 6px !important;
  }
  body.in-index #carousel img {
    border-radius: 6px;
  }
  body.in-index #carousel {
    margin-top: -2px;
    margin-bottom: 6px;
  }
}