/* KOLOFOL | Egyszerű, közvetlen mobilmenü és szöveg → kép sorrend.
   Csak telefonos nézetre érvényes: az asztali elrendezés változatlan. */
.kolo-mobile-home-item,
.kolo-mobile-product-item { display:none; }

@media (max-width:767.98px) {
  /* A desktop "Termékek" dropdown helyett közvetlen mobillinkek. */
  .navbar .desktop-product-dropdown { display:none !important; }
  .navbar .kolo-mobile-home-item,
  .navbar .kolo-mobile-product-item { display:block !important; }
  .navbar .kolo-mobile-home-item .nav-link,
  .navbar .kolo-mobile-product-item .nav-link {
    display:block;
    width:100%;
    padding:.58rem 0;
    font-size:.94rem;
    line-height:1.35;
    font-weight:400;
    color:#404040;
    text-align:left;
    white-space:normal;
    text-decoration:none;
  }
  .navbar .kolo-mobile-home-item,
  .navbar .kolo-mobile-product-item { border-bottom:1px solid #eff0f1; }
  .navbar .kolo-mobile-product-item .nav-link[aria-current="page"] { font-weight:600; color:#26292c; }
  .navbar .kolo-mobile-home-item .nav-link[aria-current="page"] { font-weight:600; color:#26292c; }
  .navbar .kolo-mobile-home-item .nav-link:focus-visible,
  .navbar .kolo-mobile-product-item .nav-link:focus-visible {
    outline:2px solid #5f6368 !important;
    outline-offset:2px;
    border-radius:3px;
  }
  /* A hosszabb menü alacsony kijelzőn is görgethető. */
  .navbar .navbar-collapse {
    max-height:calc(100vh - 76px);
    max-height:calc(100dvh - 76px);
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  /* A kéthasábos termékbemutatóknál előbb szöveg, utána kép. */
  .row.kolo-mobile-image-first > :first-child {
    order:2 !important;
    margin-top:24px !important;
    margin-bottom:0 !important;
  }
  .row.kolo-mobile-image-first > :nth-child(2) { order:1 !important; }
  /* EPDM / szivacs: a képek a HTML-ben elöl állnak. */
  .product-block > .product-copy { order:1 !important; }
  .product-block > .product-image { order:2 !important; }
  /* Zónaszalag méretezési blokk: a szöveg legyen a kép fölött. */
  .zone-measurement-block > .zone-measurement-copy { order:1 !important; }
  .zone-measurement-block > .zone-measurement-media { order:2 !important; }
}