html, body {
  overflow-y: auto;
  height: auto;
}

  /* Prevent header or other fixed elements from blocking touches */
  header, .site-header, .fixed-header, .blocking-div {
    pointer-events: auto;  /* make header still clickable */
    z-index: 9999;         /* optional: keep header on top */
  }

  /* Optional: if some hidden spacer or overlay div blocks scroll */
  .blocking-div, .overlay, .mobile-menu-overlay {
    pointer-events: none;
  }
}

@media (max-width: 768px) {
  .main-hero, .home-banner, .front-page-hero {
    height: auto !important;        /* let content define height */
    overflow: visible !important;   /* allow scrolling */
  }
}

@media (max-width: 768px) {
  /* Target the main hero container */
  .main-hero, .hero-container, .hero-image-wrapper {
    position: relative !important;   /* override absolute */
    top: auto !important;            /* remove top offset */
    left: auto !important;           /* remove left offset */
    width: 100% !important;          /* ensure it fills the container */
    height: auto !important;         /* allow content to define height */
    overflow: visible !important;    /* allow scrolling */
    z-index: auto !important;        /* prevent it from sitting above content */
  }

  /* Make the image itself responsive and scrollable */
  .main-hero img, .hero-image-wrapper img {
    pointer-events: auto !important;
    max-width: 100% !important;
    height: auto !important;
  }
}

.section-title::before,
.section-title::after {
  display: block !important;
  visibility: visible !important;
}

@media (max-width: 768px) {
  .mobile-menu-nav {
    display: flex !important;
    justify-content: center !important; /* center all items as a group */
    align-items: center !important;
    gap: 20px !important;               /* space between items */
    flex-wrap: nowrap !important;
  }

  .mobile-menu-nav .wp-block-navigation-link {
    margin: 0 !important;               /* remove extra margin */
    white-space: nowrap !important;
  }
}


@media (max-width: 768px) {

  /* Ensure parent containers allow overflow */
  .sec-header-box,
  .sec-header-box-inner {
    overflow: visible !important;
  }

  /* Target the specific heading by ID */
  #Инвентар {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  /* Add decoration lines */
  #Инвентар::before,
  #Инвентар::after {
    content: '' !important;
    display: inline-block !important;
    width: 20px !important;      /* adjust line length for mobile */
    height: 2px !important;
    background-color: black !important;
    margin: 0 5px !important;
    vertical-align: middle !important;
  }
}


@media (max-width: 768px) {
  #masthead,
  .site-header {
    background: inherit !important;
  }
}

@media (max-width: 768px) {
  #masthead {
    background: unset !important;
  }

  #masthead .header-inner,
  .site-header-inner {
    background: unset !important;
  }
}