/* =====================================================================
   R10.24.0 — MOBILE STOREFRONT REBUILD
   Full mobile header, readable auto hero, auto-scrolling category rails,
   two-column dynamic menu cards and a footer that ends cleanly in-brand.
   ===================================================================== */
:root{
  --m24-green:#084f41;
  --m24-green-2:#0a6552;
  --m24-red:#df4b35;
  --m24-orange:#ff8b24;
  --m24-gold:#f4bf3f;
  --m24-ink:#211f1d;
  --m24-muted:#6f6a64;
  --m24-cream:#f8f2e9;
}
.sf-mobile-hero-slider{display:none}

@media(max-width:700px){
  html{scroll-padding-top:98px}
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body){
    background:linear-gradient(180deg,#f7f1e9 0%,#fffaf5 58%,#f4eee7 100%)!important;
    font-size:16px!important;
    padding-bottom:88px!important;
  }

  /* Full mobile header: logo + wordmark + customer actions all visible. */
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) > .theme-site-header{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    position:sticky!important;
    top:0!important;
    z-index:150!important;
    min-height:88px!important;
    border-radius:0 0 24px 24px!important;
    border:0!important;
    border-bottom:1px solid rgba(70,47,35,.08)!important;
    background:rgba(255,250,245,.90)!important;
    -webkit-backdrop-filter:blur(20px) saturate(150%)!important;
    backdrop-filter:blur(20px) saturate(150%)!important;
    box-shadow:0 12px 34px rgba(62,38,24,.10)!important;
    overflow:visible!important;
  }
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .site-header-inner{
    width:100%!important;
    max-width:none!important;
    min-height:88px!important;
    margin:0!important;
    padding:10px 12px!important;
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:9px!important;
    border-radius:0 0 24px 24px!important;
    box-sizing:border-box!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .mobile-menu-toggle{
    grid-column:1!important;grid-row:1!important;width:46px!important;height:46px!important;min-width:46px!important;
    border-radius:15px!important;background:rgba(255,255,255,.76)!important;border:1px solid rgba(77,55,42,.11)!important;
    box-shadow:0 7px 20px rgba(64,39,25,.08)!important;
  }
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .brand{
    grid-column:2!important;grid-row:1!important;min-width:0!important;display:flex!important;align-items:center!important;gap:8px!important;
  }
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .brand-logo{
    display:block!important;width:50px!important;height:50px!important;min-width:50px!important;flex:0 0 50px!important;object-fit:contain!important;
    filter:drop-shadow(0 4px 8px rgba(89,31,20,.10))!important;
  }
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .sf-mobile-brand-copy{
    display:flex!important;flex-direction:column!important;gap:2px!important;margin:0!important;min-width:0!important;
  }
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .sf-mobile-brand-copy small{
    display:block!important;font-size:10px!important;line-height:1!important;color:#7f756d!important;font-weight:700!important;
  }
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .sf-mobile-brand-copy strong{
    display:block!important;font-size:13px!important;line-height:1.05!important;color:#251f1c!important;font-weight:950!important;letter-spacing:.01em!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .header-actions{
    grid-column:3!important;grid-row:1!important;display:flex!important;align-items:center!important;gap:5px!important;margin:0!important;min-width:0!important;
  }
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .sf-header-location,
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .header-phone,
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .sf-order-now{
    display:none!important;
  }
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .header-icon-link,
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .cart-pill{
    display:grid!important;place-items:center!important;position:relative!important;width:39px!important;height:39px!important;min-width:39px!important;max-width:39px!important;
    padding:0!important;margin:0!important;border-radius:14px!important;background:rgba(255,255,255,.78)!important;border:1px solid rgba(75,50,39,.10)!important;
    color:#2c2420!important;box-shadow:0 7px 18px rgba(68,40,25,.07)!important;font-size:0!important;
  }
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .cart-pill{
    background:linear-gradient(145deg,#ea563f,#df4630)!important;color:#fff!important;border-color:transparent!important;
  }
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .header-icon-link .site-svg-icon,
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .cart-pill .site-svg-icon{width:19px!important;height:19px!important}
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .header-cart-count,
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .header-action-badge{
    top:-5px!important;right:-4px!important;min-width:18px!important;height:18px!important;padding:0 4px!important;font-size:9px!important;background:var(--m24-gold)!important;color:#342606!important;border:2px solid #fffaf5!important;
  }
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header #main-navigation{
    top:96px!important;left:10px!important;right:10px!important;max-height:calc(100dvh - 190px)!important;background:rgba(255,251,247,.96)!important;
    -webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-radius:22px!important;padding:12px!important;
  }
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header #main-navigation a,
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header #main-navigation summary{font-size:15px!important;font-weight:850!important;min-height:48px!important}

  /* Search row remains below the full header, but has proper breathing room. */
  body.sf-home-page .sf-mobile-home-tools{margin:14px 14px 12px!important;gap:9px!important}
  body.sf-home-page .sf-mobile-search{min-height:58px!important;border-radius:20px!important;padding:0 17px!important;font-size:16px!important;color:#746d67!important}
  body.sf-home-page .sf-mobile-search-icon{font-size:24px!important;color:var(--m24-green)!important}
  body.sf-home-page .sf-mobile-filter{width:58px!important;height:58px!important;min-width:58px!important;border-radius:20px!important;font-size:22px!important;color:#322b27!important}

  /* Mobile gets an actual auto hero carousel. Desktop hero is not squeezed into the phone. */
  body.sf-home-page .sf-home-hero{display:none!important}
  body.sf-home-page .sf-mobile-hero-slider{
    display:block!important;position:relative!important;width:calc(100% - 28px)!important;height:535px!important;margin:0 auto 16px!important;
    overflow:hidden!important;border-radius:28px!important;background:#063f34!important;border:1px solid rgba(255,255,255,.35)!important;
    box-shadow:0 22px 50px rgba(52,31,19,.14)!important;isolation:isolate!important;
  }
  body.sf-home-page .sf-mobile-hero-track{height:100%!important;display:flex!important;transition:transform .68s cubic-bezier(.2,.8,.2,1)!important;will-change:transform!important}
  body.sf-home-page .sf-mobile-hero-slide{position:relative!important;flex:0 0 100%!important;width:100%!important;height:100%!important;overflow:hidden!important;background:#073f34!important}
  body.sf-home-page .sf-mobile-hero-slide>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform:scale(1.02)!important}
  body.sf-home-page .sf-mobile-hero-slide:nth-child(2)>img{object-position:58% center!important}
  body.sf-home-page .sf-mobile-hero-slide:nth-child(3)>img{object-position:62% center!important}
  body.sf-home-page .sf-mobile-hero-shade{
    position:absolute!important;inset:0!important;z-index:1!important;
    background:linear-gradient(180deg,rgba(4,38,32,.16) 0%,rgba(4,38,32,.50) 43%,rgba(4,38,32,.92) 100%)!important;
  }
  body.sf-home-page .sf-mobile-hero-content{
    position:absolute!important;z-index:2!important;left:22px!important;right:22px!important;bottom:54px!important;color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.16)!important;
  }
  body.sf-home-page .sf-mobile-hero-content>span{display:inline-flex!important;margin-bottom:10px!important;padding:7px 10px!important;border-radius:999px!important;background:rgba(255,255,255,.15)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;font-size:12px!important;font-weight:850!important;letter-spacing:.06em!important;text-transform:uppercase!important;backdrop-filter:blur(10px)!important}
  body.sf-home-page .sf-mobile-hero-content h2{margin:0 0 12px!important;font-size:42px!important;line-height:.96!important;letter-spacing:-.045em!important;color:#fff!important;font-weight:950!important}
  body.sf-home-page .sf-mobile-hero-content h2 em{font-style:normal!important;color:#ffad38!important}
  body.sf-home-page .sf-mobile-hero-content p{max-width:340px!important;margin:0 0 18px!important;font-size:16px!important;line-height:1.45!important;color:rgba(255,255,255,.92)!important;font-weight:520!important}
  body.sf-home-page .sf-mobile-hero-content>div{display:flex!important;gap:8px!important;flex-wrap:wrap!important}
  body.sf-home-page .sf-mobile-hero-primary,
  body.sf-home-page .sf-mobile-hero-secondary{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:48px!important;padding:0 17px!important;border-radius:15px!important;text-decoration:none!important;font-size:14px!important;font-weight:900!important}
  body.sf-home-page .sf-mobile-hero-primary{background:linear-gradient(135deg,#ff962a,#ff7b20)!important;color:#fff!important;box-shadow:0 12px 24px rgba(255,126,31,.24)!important}
  body.sf-home-page .sf-mobile-hero-secondary{background:rgba(255,255,255,.13)!important;color:#fff!important;border:1px solid rgba(255,255,255,.25)!important;backdrop-filter:blur(12px)!important}
  body.sf-home-page .sf-mobile-hero-dots{position:absolute!important;z-index:4!important;left:22px!important;bottom:20px!important;display:flex!important;gap:7px!important}
  body.sf-home-page .sf-mobile-hero-dots button{width:8px!important;height:8px!important;min-height:8px!important;padding:0!important;border:0!important;border-radius:999px!important;background:rgba(255,255,255,.42)!important;box-shadow:none!important;transition:width .25s ease,background .25s ease!important}
  body.sf-home-page .sf-mobile-hero-dots button.is-active{width:26px!important;background:var(--m24-gold)!important}

  /* Benefits: keep the simple 2x2 block readable below the slider. */
  body.sf-home-page .sf-experience-rail{grid-template-columns:1fr 1fr!important;gap:0!important;margin:0 14px 18px!important;padding:0!important;border-radius:24px!important;overflow:hidden!important}
  body.sf-home-page .sf-experience-rail>div{min-height:112px!important;padding:18px 14px!important;align-items:flex-start!important}
  body.sf-home-page .sf-experience-rail strong{font-size:16px!important;line-height:1.18!important;color:#211f1d!important}
  body.sf-home-page .sf-experience-rail small{font-size:12px!important;line-height:1.35!important;color:#716b65!important}
  body.sf-home-page .sf-experience-rail i{font-size:26px!important}

  /* Find your favourite: proper cards, image on top, copy below, horizontal auto rail. */
  body.sf-home-page .sf-section-head{align-items:flex-end!important;gap:12px!important}
  body.sf-home-page .sf-section-head .sf-kicker{font-size:11px!important;color:#d74832!important;font-weight:900!important}
  body.sf-home-page .sf-section-head .sf-section-title{font-size:30px!important;line-height:1.02!important;color:#211f1d!important}
  body.sf-home-page .sf-section-head .sf-text-link{font-size:13px!important;color:#7a256f!important;font-weight:900!important;white-space:nowrap!important}
  body.sf-home-page .sf-category-grid{
    display:flex!important;grid-template-columns:none!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;
    padding:4px 2px 12px!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;scrollbar-width:none!important;overscroll-behavior-inline:contain!important;
  }
  body.sf-home-page .sf-category-grid::-webkit-scrollbar{display:none!important}
  body.sf-home-page .sf-category-card{
    flex:0 0 72%!important;min-width:72%!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;
    scroll-snap-align:start!important;overflow:hidden!important;padding:0 0 15px!important;border-radius:22px!important;background:rgba(255,255,255,.78)!important;
    border:1px solid rgba(88,61,44,.09)!important;box-shadow:0 14px 30px rgba(66,39,23,.08)!important;text-decoration:none!important;
  }
  body.sf-home-page .sf-category-card img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1.45/1!important;object-fit:cover!important;border-radius:21px 21px 0 0!important;margin:0 0 13px!important}
  body.sf-home-page .sf-category-card strong{display:block!important;padding:0 15px!important;font-size:19px!important;line-height:1.15!important;color:#211f1d!important;font-weight:900!important}
  body.sf-home-page .sf-category-card small{display:block!important;padding:5px 15px 0!important;font-size:13px!important;line-height:1.35!important;color:#706a64!important}

  /* Homepage product cards retain 2-up rows with readable copy. */
  body.sf-home-page .sf-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  body.sf-home-page .sf-product-card figure{height:auto!important;aspect-ratio:1/1!important}
  body.sf-home-page .sf-product-card .sf-card-body{padding:11px 10px 12px!important}
  body.sf-home-page .sf-product-card h3{font-size:15px!important;line-height:1.15!important;color:#211f1d!important;min-height:34px!important}
  body.sf-home-page .sf-product-card p{font-size:11px!important;line-height:1.35!important;color:#706a64!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  body.sf-home-page .sf-card-price{font-size:15px!important;color:#084f41!important;font-weight:950!important}

  /* MENU: readable mobile hero, auto category rail and always two products per row. */
  body.sf-shop-page .sf-shop-hero{padding:28px 14px 24px!important;border-radius:0 0 26px 26px!important}
  body.sf-shop-page .sf-shop-hero-inner{gap:18px!important}
  body.sf-shop-page .sf-shop-breadcrumb{font-size:12px!important;margin-bottom:10px!important}
  body.sf-shop-page .sf-shop-kicker{font-size:11px!important;color:#ffd45e!important}
  body.sf-shop-page .sf-shop-title-block h1{font-size:39px!important;line-height:.96!important;color:#fff!important;margin:6px 0 10px!important}
  body.sf-shop-page .sf-shop-title-block>p{font-size:15px!important;line-height:1.45!important;color:rgba(255,255,255,.92)!important}
  body.sf-shop-page .sf-shop-proof{display:flex!important;gap:6px!important;overflow-x:auto!important;padding-bottom:2px!important;scrollbar-width:none!important}
  body.sf-shop-page .sf-shop-proof span{flex:0 0 auto!important;font-size:10.5px!important;color:#fff!important;padding:7px 9px!important}
  body.sf-shop-page .sf-shop-search-card{padding:14px!important;border-radius:20px!important}
  body.sf-shop-page .sf-shop-search-card>label{font-size:14px!important;color:#24322d!important}
  body.sf-shop-page .sf-shop-search-row input{font-size:15px!important;min-height:50px!important}
  body.sf-shop-page .sf-shop-search-row button{min-height:44px!important;font-size:12px!important}
  body.sf-shop-page .sf-shop-search-meta{font-size:11px!important}
  body.sf-shop-page .sf-shop-category-wrap{margin-top:-10px!important;padding:0 8px!important}
  body.sf-shop-page .sf-shop-category-strip{gap:9px!important;padding:8px 4px 12px!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;overscroll-behavior-inline:contain!important}
  body.sf-shop-page .sf-shop-category{
    flex:0 0 132px!important;min-width:132px!important;min-height:86px!important;padding:11px!important;scroll-snap-align:start!important;
    display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:9px!important;align-items:center!important;
    background:rgba(255,255,255,.82)!important;color:#282b28!important;border:1px solid rgba(72,55,42,.09)!important;border-radius:18px!important;
  }
  body.sf-shop-page .sf-shop-category>span{grid-row:1/3!important;width:38px!important;height:38px!important;font-size:18px!important}
  body.sf-shop-page .sf-shop-category b{font-size:12.5px!important;line-height:1.1!important;color:#282b28!important;white-space:normal!important;text-align:left!important}
  body.sf-shop-page .sf-shop-category small{font-size:10px!important;line-height:1.1!important;color:#77736d!important;text-align:left!important}
  body.sf-shop-page .sf-shop-category.active{background:linear-gradient(145deg,#08604e,#0a725c)!important;color:#fff!important}
  body.sf-shop-page .sf-shop-category.active b{color:#fff!important}
  body.sf-shop-page .sf-shop-category.active small{color:rgba(255,255,255,.80)!important}
  body.sf-shop-page .sf-shop-layout{width:calc(100% - 16px)!important;margin:8px auto 0!important;gap:10px!important}
  body.sf-shop-page .sf-shop-sidebar{padding:11px!important;border-radius:18px!important}
  body.sf-shop-page .sf-shop-sidebar-title,
  body.sf-shop-page .sf-shop-sidebar>.sf-filter-divider,
  body.sf-shop-page .sf-shop-sidebar>.sf-filter-label,
  body.sf-shop-page .sf-shop-filter-list,
  body.sf-shop-page .sf-shop-side-card{display:none!important}
  body.sf-shop-page .sf-shop-branch-form{margin:0!important}
  body.sf-shop-page .sf-shop-branch-form .sf-filter-label{display:block!important;font-size:11px!important;color:#5d665f!important;margin-bottom:5px!important}
  body.sf-shop-page .sf-filter-select{min-height:44px!important;font-size:14px!important}
  body.sf-shop-page .sf-shop-toolbar{gap:9px!important;margin-bottom:11px!important}
  body.sf-shop-page .sf-shop-toolbar-kicker{font-size:10px!important}
  body.sf-shop-page .sf-shop-toolbar h2{font-size:24px!important;color:#202a25!important}
  body.sf-shop-page .sf-shop-toolbar p{font-size:11.5px!important;color:#68716c!important}
  body.sf-shop-page .sf-shop-view-toggle{display:none!important}
  body.sf-shop-page .sf-shop-sort{font-size:11px!important}
  body.sf-shop-page .sf-shop-sort select{min-height:40px!important;font-size:12px!important}
  body.sf-shop-page .sf-shop-main .sf-menu-products,
  body.sf-shop-page .sf-shop-results.is-list .sf-menu-products{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;
  }
  body.sf-shop-page .sf-shop-results.is-list .sf-shop-product,
  body.sf-shop-page .sf-shop-product{display:flex!important;flex-direction:column!important;min-width:0!important;border-radius:18px!important;overflow:hidden!important}
  body.sf-shop-page .sf-shop-product-media,
  body.sf-shop-page .sf-shop-results.is-list .sf-shop-product-media{display:block!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1/1!important;border-radius:17px 17px 0 0!important;overflow:hidden!important}
  body.sf-shop-page .sf-shop-product-media img{width:100%!important;height:100%!important;object-fit:cover!important}
  body.sf-shop-page .sf-shop-quick-view{display:none!important}
  body.sf-shop-page .sf-shop-badge{top:8px!important;left:8px!important;padding:5px 7px!important;font-size:8px!important;letter-spacing:.05em!important}
  body.sf-shop-page .sf-shop-product-body{padding:10px 9px 10px!important;display:flex!important;flex-direction:column!important;flex:1!important}
  body.sf-shop-page .sf-shop-product-body .sf-menu-card-category{font-size:9px!important;line-height:1.2!important;color:#77716a!important;letter-spacing:.06em!important}
  body.sf-shop-page .sf-shop-product-body h3{margin:5px 0 5px!important;font-size:15px!important;line-height:1.12!important;min-height:34px!important;word-break:normal!important;overflow-wrap:anywhere!important}
  body.sf-shop-page .sf-shop-product-body h3 a{color:#202823!important}
  body.sf-shop-page .sf-shop-product-body .desc{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;min-height:31px!important;margin:0 0 8px!important;font-size:10.5px!important;line-height:1.4!important;color:#706b65!important}
  body.sf-shop-page .sf-shop-variant-chips{display:none!important}
  body.sf-shop-page .sf-shop-product-bottom{margin-top:auto!important;padding-top:8px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;border-top:1px solid rgba(78,58,44,.08)!important}
  body.sf-shop-page .sf-shop-product-bottom>div>small{font-size:9px!important;color:#7b766f!important}
  body.sf-shop-page .sf-shop-product-bottom .price{font-size:15px!important;line-height:1!important;color:#075344!important;font-weight:950!important}
  body.sf-shop-page .sf-shop-add{width:100%!important;min-height:37px!important;padding:0 7px!important;border-radius:11px!important;font-size:10.5px!important;line-height:1.15!important;white-space:normal!important;text-align:center!important}
  body.sf-shop-page .sf-menu-section-head{align-items:flex-end!important;gap:8px!important;margin-bottom:9px!important}
  body.sf-shop-page .sf-menu-section-head>div>span{font-size:9.5px!important}
  body.sf-shop-page .sf-menu-section-head h2{font-size:22px!important;color:#202823!important}
  body.sf-shop-page .sf-menu-section-head>small{font-size:10px!important}

  /* Footer end is one continuous deep-green surface: no boxed copyright and no cream strip after it. */
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) > .footer-cta-wrap{display:none!important}
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) > .site-footer.modern-footer{
    display:block!important;width:100%!important;max-width:none!important;margin:24px 0 0!important;padding:34px 22px calc(118px + env(safe-area-inset-bottom))!important;
    border-radius:0!important;border:0!important;background:#075245!important;box-shadow:none!important;overflow:hidden!important;color:#fff!important;
  }
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) > .site-footer.modern-footer .footer-grid,
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) > .site-footer.modern-footer .footer-bottom{width:100%!important;max-width:none!important;margin:0!important}
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) > .site-footer.modern-footer .footer-grid{grid-template-columns:1fr 1fr!important;gap:30px 20px!important}
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) > .site-footer.modern-footer .footer-brand-col{grid-column:1/-1!important}
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) > .site-footer.modern-footer .footer-brand-col img{max-width:128px!important;height:auto!important;margin-bottom:10px!important}
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) > .site-footer.modern-footer .footer-grid h3{font-size:16px!important;color:#fff!important}
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) > .site-footer.modern-footer .footer-grid a{font-size:13.5px!important;color:rgba(255,255,255,.84)!important}
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) > .site-footer.modern-footer .footer-brand-col p{font-size:15px!important;color:rgba(255,255,255,.90)!important}
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) > .site-footer.modern-footer .footer-hours{font-size:13px!important;color:#fff!important;background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.12)!important}
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) > .site-footer.modern-footer .footer-bottom{
    display:block!important;margin-top:28px!important;padding:20px 0 0!important;border:0!important;border-top:1px solid rgba(255,255,255,.15)!important;
    border-radius:0!important;background:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
    font-size:13px!important;line-height:1.55!important;color:rgba(255,255,255,.88)!important;
  }
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) > .site-footer.modern-footer .footer-bottom>span{display:block!important;color:rgba(255,255,255,.90)!important}
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) > .site-footer.modern-footer .developer-credit{display:inline!important;margin-left:5px!important;color:rgba(255,255,255,.70)!important}
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) > .site-footer.modern-footer .developer-credit a{color:#ffd25d!important}
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) > .site-footer.modern-footer .footer-socials{margin-top:12px!important}
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .sf-back-to-top{display:none!important}
}

@media(max-width:390px){
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .site-header-inner{grid-template-columns:42px minmax(0,1fr) auto!important;padding:9px 9px!important;column-gap:6px!important}
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .mobile-menu-toggle{width:42px!important;height:42px!important;min-width:42px!important}
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .brand-logo{width:43px!important;height:43px!important;min-width:43px!important;flex-basis:43px!important}
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .sf-mobile-brand-copy small{font-size:9px!important}
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .sf-mobile-brand-copy strong{font-size:11.5px!important}
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .header-actions{gap:4px!important}
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .header-icon-link,
  body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) .theme-site-header .cart-pill{width:35px!important;height:35px!important;min-width:35px!important;max-width:35px!important;border-radius:12px!important}
  body.sf-home-page .sf-mobile-hero-slider{height:505px!important;width:calc(100% - 20px)!important}
  body.sf-home-page .sf-mobile-hero-content{left:18px!important;right:18px!important;bottom:50px!important}
  body.sf-home-page .sf-mobile-hero-content h2{font-size:38px!important}
  body.sf-home-page .sf-mobile-hero-content p{font-size:15px!important}
  body.sf-home-page .sf-category-card{flex-basis:78%!important;min-width:78%!important}
  body.sf-shop-page .sf-shop-category{flex-basis:124px!important;min-width:124px!important}
  body.sf-shop-page .sf-shop-product-body{padding:9px 8px!important}
  body.sf-shop-page .sf-shop-product-body h3{font-size:14px!important}
  body.sf-shop-page .sf-shop-product-body .desc{font-size:10px!important}
  body.sf-shop-page .sf-shop-product-bottom .price{font-size:14px!important}
  body.sf-shop-page .sf-shop-add{font-size:10px!important}
}

@media(prefers-reduced-motion:reduce){
  .sf-mobile-hero-track{transition:none!important}
  .sf-category-grid,.sf-shop-category-strip{scroll-behavior:auto!important}
}