/* ============================================================
   BeOrganic — opravy zobrazenia
   Vložiť do globálneho vlastného CSS šablóny.
   ============================================================ */


/* ============================================================
   1) FILTER POD KATEGÓRIE (desktop, ľavý panel)
   ------------------------------------------------------------
   Ľavý panel #page_panel je flex-column. Bloky majú "order":
     .categoryPanel     = kategórie
     #panel-filter-list = filter
   Vynútime, aby kategórie boli VŽDY nad filtrom (ako pri Pleti),
   vo všetkých kategóriách a podkategóriách.
   ============================================================ */
@media only screen and (min-width: 901px) {
  #page_product_out #page_panel {
    display: flex !important;
    flex-direction: column !important;
  }
  /* kategórie hore */
  #page_product_out #page_panel .categoryPanel {
    order: 1 !important;
  }
  /* filter pod kategóriami */
  #page_product_out #page_panel #panel-filter-list,
  #page_product_out #page_panel .bo-filters-panel-host {
    order: 2 !important;
  }
}


/* ============================================================
   2) BLOK "Vyberáme pre vás" je posunutý mimo plochu
   ------------------------------------------------------------
   PRÍČINA: na .bo-why-clean-footer je (cez JS) nastavený inline
   transform: translateX(...) — blok sa posunie o stovky px bokom,
   takže nadpis aj podnadpis vyjdú mimo viditeľnú plochu (na
   desktope doprava, na mobile doľava). Nie je to chyba farby ani
   orezania.
   RIEŠENIE: zrušiť posun (transform) — blok sa vráti na stred.
   ============================================================ */
#page_home_out .bo-why-clean-footer.bo-home-picked-center,
#page_home_out .bo-why-clean-footer {
  transform: none !important;
}