/* Bothends Farms V33: mobile menu reliability + compact mobile Fresh From Bothends Farms. Loaded last. */

/* PHONE / TABLET: make the hamburger impossible to hide behind template rules. */
@media (max-width:1199.98px){
  .main-header .main-header__right{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    align-items:center!important;
    min-width:52px!important;
    position:relative!important;
    z-index:2147482000!important;
  }
  .main-header .bf-mobile-menu-trigger,
  .main-header .mobile-nav__btn.bf-mobile-menu-trigger{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    position:fixed!important;
    top:16px!important;
    right:14px!important;
    left:auto!important;
    margin:0!important;
    width:48px!important;
    min-width:48px!important;
    height:46px!important;
    min-height:46px!important;
    padding:9px!important;
    border:1px solid rgba(255,255,255,.42)!important;
    border-radius:13px!important;
    background:#155c35!important;
    box-shadow:0 8px 24px rgba(0,0,0,.34)!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    gap:5px!important;
    overflow:visible!important;
    transform:none!important;
    z-index:2147483646!important;
    -webkit-tap-highlight-color:transparent!important;
    touch-action:manipulation!important;
  }
  .main-header .bf-mobile-menu-trigger span{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:27px!important;
    min-width:27px!important;
    height:3px!important;
    min-height:3px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:999px!important;
    background:#fff!important;
    box-shadow:0 1px 2px rgba(0,0,0,.25)!important;
  }
  .main-header .bf-mobile-menu-trigger:focus-visible{
    outline:3px solid #f2c94c!important;
    outline-offset:3px!important;
  }
  /* Do not let desktop controls occupy the hamburger area on narrow screens. */
  .main-header__call,.main-header__btn{margin-right:56px!important}
}
@media (max-width:767.98px){
  .main-header__call,.main-header__btn{display:none!important}
  .main-header .bf-mobile-menu-trigger,.main-header .mobile-nav__btn.bf-mobile-menu-trigger{top:13px!important;right:12px!important}
}
@media (min-width:1200px){
  .main-header .bf-mobile-menu-trigger{display:none!important}
}

/* Mobile nav itself must always sit above the page and accept taps when open. */
.mobile-nav__wrapper{z-index:2147483645!important}
.mobile-nav__wrapper.expanded{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:translateX(0)!important}
.mobile-nav__wrapper.expanded .mobile-nav__content{visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:translateX(0)!important}
.mobile-nav__close{z-index:30!important;pointer-events:auto!important;cursor:pointer!important}
.mobile-nav__content a,.mobile-nav__content button{pointer-events:auto!important}

/* Fresh From Bothends Farms: drastically smaller ONLY on phones/tablets. */
@media (max-width:767.98px){
  .bothends-every-page-gallery{padding:20px 0!important}
  .bothends-every-page-gallery__heading{margin-bottom:14px!important;padding:0 12px!important}
  .bothends-every-page-gallery__heading h3{font-size:24px!important;line-height:1.15!important}
  .bothends-every-page-gallery__heading p{font-size:13px!important;line-height:1.4!important}
  .bothends-every-page-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:0 8px!important}
  .bothends-every-page-gallery__item{
    height:92px!important;
    min-height:92px!important;
    max-height:92px!important;
    border-radius:12px!important;
    overflow:hidden!important;
  }
  .bothends-every-page-gallery__item img{
    display:block!important;
    width:100%!important;
    height:92px!important;
    min-height:92px!important;
    max-height:92px!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  .bothends-every-page-gallery__item span{
    left:7px!important;
    bottom:7px!important;
    padding:4px 8px!important;
    font-size:11px!important;
    line-height:1.1!important;
  }
}
@media (max-width:420px){
  .bothends-every-page-gallery__item,
  .bothends-every-page-gallery__item img{
    height:76px!important;
    min-height:76px!important;
    max-height:76px!important;
  }
}