/* MAYAN V1.1 audited mobile navigation improvements.
   Preserve the original dark green signature navbar and slide palette. */
@media (max-width:575.98px) {
  .site-header .site-nav .navbar {
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:5px !important;
    min-width:0 !important;
  }
  .site-header .site-nav .navbar-brand {
    flex:0 1 auto !important;
    min-width:0 !important;
    max-width:calc(100% - 106px) !important;
    gap:6px !important;
    overflow:hidden;
  }
  .site-header .site-nav .navbar-brand .brand-txt { min-width:0 !important; }
  .site-header .site-nav .navbar-brand .brand-name {font-size:clamp(.76rem,3.3vw,.89rem) !important;line-height:1.22 !important;}
  .site-header .site-nav .navbar-brand .brand-tagline {font-size:clamp(.64rem,2.8vw,.70rem) !important;line-height:1.24 !important;}
  .site-header .site-nav .basket-nav {
    flex:0 0 auto !important;
    margin-inline-start:auto !important;
    margin-inline-end:0 !important;
    min-width:43px !important;
    min-height:43px !important;
    padding:6px 7px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
  }
  .site-header .site-nav .basket-nav .basket-nav-label {display:none !important;}
  .site-header .site-nav .navbar-toggler {
    flex:0 0 43px !important;
    min-width:43px !important;
    min-height:43px !important;
    margin:0 !important;
    padding:5px !important;
    border-radius:9px;
  }
  .site-header .site-nav .navbar-collapse {
    flex:0 0 100% !important;
    order:10 !important;
    width:100% !important;
    min-width:0 !important;
    max-height:calc(100dvh - 126px);
    overflow-y:auto;
    overscroll-behavior:contain;
  }
  body.site--cinema section[id] {scroll-margin-top:90px;}
}
@media (max-width:350px) {
  .site-header .site-nav .navbar-brand .brand-name {font-size:.74rem !important;}
  .site-header .site-nav .navbar-brand .brand-tagline {font-size:.62rem !important;}
  .site-header .site-nav .navbar-brand .brand-logo,
  .site-header .site-nav .navbar-brand .brand-logo img {
    width:33px !important; max-width:33px !important; height:33px !important;
  }
  .site-header .site-nav .navbar-brand .brand-logo {flex-basis:33px !important;}
}
.mayan-fallback-product-link {display:block;color:inherit;text-decoration:none;}
.mayan-fallback-product-link:hover,.mayan-fallback-product-link:focus-visible {color:inherit;text-decoration:none;}
.mayan-fallback-product-link:focus-visible {outline:3px solid #4f9474;outline-offset:3px;}