/* ================================================================== */
/* BEORGANIC – AKÚTNA OPRAVA: rozbitý mobile layout                    */
/* ================================================================== */
/* Príčina:                                                            */
/* .pageContentIn.panel-hide má display:grid s 2 stĺpcami aj na       */
/* mobile, kde je #page_panel skrytý (display:none). Grid stále       */
/* rezervuje stĺpec pre skrytý panel, takže main dostane len ~163px   */
/* z 388px viewportu. Vďaka tomu sa všetky sekcie (Výhodné balenia,   */
/* Vyberáme pre vás, atď.) zobrazujú v 79–143px kontajneri.           */
/*                                                                    */
/* Riešenie:                                                          */
/* Keď je panel skrytý (.panel-hide) a sme na mobile, prepneme grid   */
/* na block layout a main dostane 100 % šírky.                        */
/* ================================================================== */

@media (max-width: 900px) {

  .pageContentIn.panel-hide {
    display: block !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    gap: 0 !important;
  }

  .pageContentIn.panel-hide > main.main,
  .pageContentIn.panel-hide > #pan_main {
    width: 100% !important;
    max-width: 100% !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }
}