.mtf-mobile-bottom-nav{display:none}
@media(max-width:767px){
  body{padding-bottom:74px!important}
  .mtf-mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:2147483647;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:64px;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e8e2d8;box-shadow:0 -8px 28px rgba(0,0,0,.10)}
  .mtf-mobile-bottom-nav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:50px;color:#6a6a65;font-family:"Nunito",sans-serif;font-size:11px;font-weight:700;line-height:1.1;text-decoration:none}
  .mtf-mobile-bottom-nav a i{font-size:19px;line-height:1}
  .mtf-mobile-bottom-nav a.is-active,.mtf-mobile-bottom-nav a:focus,.mtf-mobile-bottom-nav a:hover{color:#FFC222}
  .mtf-mobile-bottom-nav .mtf-mobile-nav-cart-count{position:absolute;top:0;right:15%;min-width:17px;height:17px;padding:0 4px;border-radius:20px;background:#FFC222;color:#1e1d23;font-size:9px;line-height:17px;text-align:center}
  body.mtf-cart-drawer-open .mtf-mobile-bottom-nav{display:grid}
  body.mtf-cart-drawer-open .mtf-cart-drawer-bottom{padding-bottom:74px!important}
  .mtf-cart-drawer-items{padding-bottom:10px!important}
}


/* Mobile quick actions for inner-page header */
@media(max-width:1199px){
  .mtf-mobile-header-actions{display:flex!important;align-items:center;gap:7px;margin-right:7px}
  .mtf-mobile-header-icon{width:38px;height:38px;border:0;background:#f4f1ea;color:#1e1d23!important;border-radius:50%;display:inline-flex!important;align-items:center;justify-content:center;font-size:16px;line-height:1;text-decoration:none;cursor:pointer;padding:0}
  .mtf-mobile-header-icon:hover{color:#00833E!important}
  .mtf-mobile-search-panel{display:block;background:#fff;padding:10px 12px 12px;border-top:1px solid #eee;border-bottom:1px solid #eee}
  .mtf-mobile-search-panel[hidden]{display:none!important}
  .mtf-mobile-search-panel .mtf-live-search-form{position:relative}
  .mtf-mobile-search-panel .mtf-live-search-form input{width:100%;height:44px;padding:0 44px 0 14px;border:1px solid #d8d8d8;border-radius:8px;background:#fff;color:#222!important;-webkit-text-fill-color:#222!important;font-size:15px}
  .mtf-mobile-search-panel .mtf-live-search-form button{position:absolute;right:1px;top:1px;color:#555}
  .mtf-mobile-search-panel .mtf-live-search-results{top:58px!important;left:0!important;right:0!important}
}
@media(max-width:480px){
  .mtf-mobile-header-actions{gap:5px;margin-right:5px}
  .mtf-mobile-header-icon{width:34px;height:34px;font-size:15px}
  .header-section .header-main .logo-1 img{max-width:145px;height:auto}
}
/* Prevent the source navigation from flashing open before MeanMenu initializes.
   The actual mobile menu is rendered inside the off-canvas panel by MeanMenu. */
@media (max-width:1199px){
  #mobile-menu{display:none !important;}
}

/* Keep the off-canvas menu fully closed during the initial paint. */
.offcanvas__info{visibility:hidden;pointer-events:none;opacity:0;}
.offcanvas__info.info-open{visibility:visible;pointer-events:auto;opacity:1;}
.offcanvas__overlay{pointer-events:none;}
.offcanvas__overlay.overlay-open{pointer-events:auto;}



/* Final mobile navigation polish - scoped to mobile only. */
@media (max-width: 767px){
  html.mtf-menu-lock, body.mtf-menu-lock{overflow:hidden!important;height:100%!important;overscroll-behavior:none!important;touch-action:none!important;}
  body.mtf-menu-lock .offcanvas__info{touch-action:auto!important;}
  .mtf-mobile-bottom-nav{
    min-height:62px!important;
    padding:4px 2px calc(4px + env(safe-area-inset-bottom))!important;
    box-shadow:0 -10px 30px rgba(30,29,35,.12)!important;
  }
  .mtf-mobile-bottom-nav a{
    min-height:48px!important;
    min-width:0!important;
    gap:2px!important;
    padding:2px 0!important;
    font-size:13px!important;
    font-weight:800!important;
    border-radius:9px!important;
    transition:background .2s ease,color .2s ease,transform .2s ease!important;
  }
  .mtf-mobile-bottom-nav a i{font-size:22px!important;line-height:1!important;transition:transform .2s ease!important;}
  .mtf-mobile-bottom-nav a:hover{background:#f8f5ed!important;color:#00833e!important;}
  .mtf-mobile-bottom-nav a:active{transform:scale(.96)!important;}
  .mtf-mobile-bottom-nav a.is-active{background:#fff8d9!important;color:#00833e!important;}
  .mtf-mobile-bottom-nav a.is-active i{transform:translateY(-1px) scale(1.04)!important;}
  .mtf-mobile-bottom-nav .mtf-mobile-nav-cart-count{top:0!important;left:calc(50% + 9px)!important;right:auto!important;min-width:18px!important;height:18px!important;line-height:18px!important;padding:0 3px!important;box-sizing:border-box!important;font-size:10px!important;font-weight:800!important;z-index:2!important;}
  .offcanvas__info{
    top:12px!important;
    right:12px!important;
    left:auto!important;
    width:min(390px,calc(100vw - 24px))!important;
    max-width:calc(100vw - 24px)!important;
    height:calc(100dvh - 24px)!important;
    max-height:calc(100dvh - 24px)!important;
    transform:translate3d(calc(100% + 24px),0,0)!important;
    overflow:hidden!important;
  }
  .offcanvas__info.info-open{transform:translate3d(0,0,0)!important;}
  .offcanvas__wrapper{height:100%!important;max-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;padding:24px!important;padding-bottom:100px!important;-webkit-overflow-scrolling:touch!important;}
  .offcanvas__overlay{z-index:9999998!important;}
  .offcanvas__info{z-index:9999999!important;}
}

/* Compact footer tabs for narrow mobile screens */
@media (max-width: 380px){
  .mtf-mobile-bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important;padding-left:1px!important;padding-right:1px!important;min-height:58px!important;}
  .mtf-mobile-bottom-nav a{font-size:12px!important;letter-spacing:-.2px!important;gap:2px!important;border-radius:7px!important;}
  .mtf-mobile-bottom-nav a i{font-size:21px!important;}
  .mtf-mobile-bottom-nav .mtf-mobile-nav-cart-count{left:calc(50% + 9px)!important;right:auto!important;min-width:18px!important;height:18px!important;line-height:18px!important;font-size:10px!important;}
}