/* Uncle Ben's Pizza — R10.17.0 Centered Pages + Header Navigation refinement
   Final storefront layer: catalogue shopping UX, header alignment, footer contrast. */
:root{
  --shop-green:#063f34;--shop-green-2:#0a5b49;--shop-green-3:#032d26;--shop-red:#df3f29;--shop-red-2:#b92b1d;
  --shop-gold:#f3bd3e;--shop-cream:#fbf6ec;--shop-paper:#fffdfa;--shop-ink:#17231f;--shop-muted:#69746f;
  --shop-line:rgba(12,72,58,.11);--shop-shadow:0 18px 48px rgba(7,52,43,.09);--shop-shadow-sm:0 8px 25px rgba(7,52,43,.065);
  --shop-ease:cubic-bezier(.2,.8,.2,1);
}

/* ----- Header: deterministic alignment ----- */
@media (min-width:1121px){
  .theme-site-header .site-header-inner{
    width:min(1600px,calc(100% - 34px))!important;min-height:78px!important;
    display:grid!important;grid-template-columns:minmax(188px,220px) minmax(430px,1fr) minmax(260px,370px) max-content!important;
    align-items:center!important;column-gap:16px!important;padding:0!important;
  }
  .theme-site-header .brand{grid-column:1!important;min-width:0!important;width:100%!important;align-self:center!important}
  .theme-site-header .brand-logo{max-width:205px!important;height:49px!important;object-fit:contain!important;object-position:left center!important}
  .theme-site-header .mobile-menu-toggle{display:none!important}
  .theme-site-header nav{grid-column:2!important;justify-self:center!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:2px!important;min-width:0!important;width:100%!important}
  .theme-site-header nav a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:0 10px!important;line-height:1!important;white-space:nowrap!important}
  .theme-site-header .sf-header-search{grid-column:3!important;justify-self:stretch!important;align-self:center!important;width:100%!important;max-width:none!important;min-width:0!important;height:44px!important;margin:0!important;padding:0 13px!important}
  .theme-site-header .sf-header-search span{font-size:10px!important;line-height:1!important}
  .theme-site-header .header-actions{grid-column:4!important;justify-self:end!important;align-self:center!important;display:flex!important;align-items:center!important;gap:7px!important;white-space:nowrap!important}
}
@media (max-width:1440px) and (min-width:1121px){
  .theme-site-header .site-header-inner{grid-template-columns:180px minmax(380px,1fr) minmax(230px,300px) max-content!important;column-gap:11px!important}
  .theme-site-header nav a{padding-inline:7px!important;font-size:10px!important}
  .theme-site-header .header-phone{display:none!important}
  .theme-site-header .sf-order-now{padding-inline:14px!important}
}

/* ----- Menu / shop page ----- */
body.sf-shop-page{background-color:var(--shop-cream)!important;background-image:linear-gradient(rgba(251,246,236,.965),rgba(251,246,236,.965)),url('/assets/images/patterns/adinkra-watermark.svg')!important;background-size:auto,520px 520px!important}
body.sf-shop-page main.container{max-width:none!important;width:100%!important;padding:0!important;margin:0!important}
.sf-shop-hero{position:relative;overflow:hidden;background:
  radial-gradient(circle at 83% 18%,rgba(243,189,62,.17),transparent 25%),
  radial-gradient(circle at 65% 90%,rgba(223,63,41,.09),transparent 22%),
  linear-gradient(135deg,#073e34,#032f28 70%,#02251f);color:#fff;padding:66px 24px 58px}
.sf-shop-hero:before{content:"";position:absolute;inset:0;background:url('/assets/images/patterns/adinkra-watermark.svg') center/420px;opacity:.055;filter:invert(1);pointer-events:none}
.sf-shop-hero:after{content:"";position:absolute;right:-70px;top:-135px;width:430px;height:430px;border:1px solid rgba(243,189,62,.15);border-radius:50%;box-shadow:0 0 0 42px rgba(243,189,62,.025),0 0 0 88px rgba(243,189,62,.018)}
.sf-shop-hero-inner{position:relative;z-index:2;width:min(1500px,calc(100% - 22px));margin:auto;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(390px,.78fr);align-items:center;gap:64px}
.sf-shop-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:17px;font-size:10px;color:rgba(255,255,255,.54)}.sf-shop-breadcrumb a{color:rgba(255,255,255,.72);text-decoration:none}.sf-shop-breadcrumb strong{color:var(--shop-gold)}
.sf-shop-kicker,.sf-shop-toolbar-kicker{display:block;font-size:8px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--shop-gold)}
.sf-shop-title-block h1{margin:5px 0 12px!important;font:700 clamp(48px,5.4vw,78px)/.92 Georgia,"Times New Roman",serif!important;letter-spacing:-.055em!important;color:#fff!important}
.sf-shop-title-block>p{max-width:620px;margin:0;color:rgba(255,255,255,.70);font-size:13px;line-height:1.62}
.sf-shop-proof{display:flex;flex-wrap:wrap;gap:8px;margin-top:19px}.sf-shop-proof span{padding:8px 10px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(255,255,255,.055);font-size:9px;color:rgba(255,255,255,.78)}
.sf-shop-search-card{position:relative;padding:20px;border-radius:23px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.35);box-shadow:0 28px 70px rgba(0,0,0,.20);backdrop-filter:blur(14px);color:var(--shop-ink)}
.sf-shop-search-card:before{content:"";position:absolute;left:18px;right:18px;top:0;height:3px;border-radius:0 0 4px 4px;background:url('/assets/images/patterns/kente-strip.svg') center/580px 44px}
.sf-shop-search-card>label{display:block;margin:0 0 9px;font-size:10px;font-weight:850;color:#46544e}.sf-shop-search-row{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:7px;padding:6px 6px 6px 13px;border:1px solid var(--shop-line);border-radius:15px;background:#fff}.sf-shop-search-row>span{font-size:21px;color:var(--shop-green)}.sf-shop-search-row input{min-height:45px!important;border:0!important;box-shadow:none!important;background:transparent!important;padding:0 5px!important;margin:0!important;font-size:12px!important}.sf-shop-search-row button{min-height:42px!important;padding:0 18px!important;border:0!important;border-radius:11px!important;background:linear-gradient(135deg,var(--shop-red),#f05a35)!important;color:#fff!important;font-size:10px!important;font-weight:850!important;box-shadow:0 9px 20px rgba(223,63,41,.18)}
.sf-shop-search-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px;color:#7b857f;font-size:9px}.sf-shop-search-meta strong{color:var(--shop-green)}.sf-shop-search-meta a{display:inline-flex;align-items:center;gap:5px;text-decoration:none;color:var(--shop-red);font-weight:850}
.sf-shop-alert-wrap{width:min(1500px,calc(100% - 44px));margin:18px auto 0}

.sf-shop-category-wrap{position:relative;z-index:5;margin-top:-21px;padding:0 22px}.sf-shop-category-strip{width:min(1500px,100%);margin:auto;display:flex;gap:9px;overflow-x:auto;padding:6px 6px 12px;scrollbar-width:none}.sf-shop-category-strip::-webkit-scrollbar{display:none}
.sf-shop-category{flex:0 0 142px;min-height:76px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:1fr 1fr;column-gap:9px;align-items:center;padding:11px 12px;border:1px solid var(--shop-line);border-radius:17px;background:rgba(255,253,250,.96);box-shadow:var(--shop-shadow-sm);color:var(--shop-ink);text-align:left;cursor:pointer;transition:transform .2s var(--shop-ease),border-color .2s,box-shadow .2s}.sf-shop-category>span{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#f3eee6;color:var(--shop-red);font-size:18px}.sf-shop-category b{align-self:end;font-size:10px}.sf-shop-category small{align-self:start;color:#8a928e;font-size:8px}.sf-shop-category:hover{transform:translateY(-3px);box-shadow:var(--shop-shadow)}.sf-shop-category.active{background:var(--shop-green);color:#fff;border-color:var(--shop-green);box-shadow:0 14px 32px rgba(6,63,52,.18)}.sf-shop-category.active>span{background:var(--shop-gold);color:#342505}.sf-shop-category.active small{color:rgba(255,255,255,.62)}

.sf-shop-layout{width:min(1500px,calc(100% - 44px))!important;margin:22px auto 86px!important;grid-template-columns:238px minmax(0,1fr)!important;gap:28px!important;align-items:start!important}
.sf-shop-sidebar{top:100px!important;padding:17px!important;border-radius:20px!important;background:rgba(255,253,250,.92)!important;border:1px solid var(--shop-line)!important;box-shadow:var(--shop-shadow-sm)!important}.sf-shop-sidebar-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid var(--shop-line)}.sf-shop-sidebar-title>span{font:700 18px/1 Georgia,serif}.sf-shop-branch-form{padding-top:15px}.sf-shop-filter-list{gap:3px!important}.sf-shop-filter-list .sf-filter-btn{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:38px!important;padding:0 9px!important;border-radius:10px!important;font-size:10px!important}.sf-shop-filter-list .sf-filter-btn b{font-size:12px;font-weight:600;opacity:.35}.sf-shop-filter-list .sf-filter-btn.active b{opacity:.8}.sf-shop-side-card{position:relative;overflow:hidden;margin-top:18px;padding:17px;border-radius:16px;background:linear-gradient(145deg,#073f34,#0a5948);color:#fff;box-shadow:0 14px 30px rgba(6,63,52,.14)}.sf-shop-side-card:after{content:"✣";position:absolute;right:-8px;bottom:-23px;font-size:86px;color:rgba(255,255,255,.06)}.sf-shop-side-card>span{display:block;color:var(--shop-gold);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.sf-shop-side-card strong{display:block;margin-top:5px;font:700 18px/1.08 Georgia,serif}.sf-shop-side-card p{margin:8px 0 13px;color:rgba(255,255,255,.64);font-size:9px;line-height:1.5}.sf-shop-side-card a{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:#fff;font-size:9px;font-weight:850}.sf-shop-side-card a b{display:grid;place-items:center;min-width:26px;height:26px;padding:0 7px;border-radius:999px;background:var(--shop-red)}

.sf-shop-main{min-width:0}.sf-shop-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:8px;padding:5px 0 17px;border-bottom:1px solid var(--shop-line)}.sf-shop-toolbar h2{margin:4px 0 3px!important;font:700 31px/1 Georgia,serif!important;letter-spacing:-.035em!important;color:var(--shop-ink)!important}.sf-shop-toolbar p{margin:0;color:var(--shop-muted);font-size:9px}.sf-shop-toolbar-actions{display:flex;align-items:center;gap:8px}.sf-shop-sort{display:flex;align-items:center;gap:7px;padding:5px 6px 5px 10px;border:1px solid var(--shop-line);border-radius:12px;background:#fff;color:#7c8581;font-size:9px}.sf-shop-sort select{width:150px!important;min-height:34px!important;margin:0!important;padding:0 28px 0 8px!important;border:0!important;background-color:#f8f4ed!important;border-radius:8px!important;font-size:9px!important}.sf-shop-view-toggle{display:flex;padding:4px;border:1px solid var(--shop-line);border-radius:12px;background:#fff}.sf-shop-view-toggle button{width:34px;height:34px;padding:0;border:0;border-radius:8px;background:transparent;color:#84908a;cursor:pointer}.sf-shop-view-toggle button.active{background:var(--shop-green);color:#fff}
.sf-menu-section{margin:0!important;padding:25px 0 12px!important}.sf-menu-section-head{align-items:center!important;margin:0 0 13px!important}.sf-menu-section-head>div>span{display:block;margin-bottom:3px;color:var(--shop-red);font-size:7px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.sf-menu-section-head h2{margin:0!important;font:700 22px/1 Georgia,serif!important;letter-spacing:-.02em!important}.sf-menu-section-head small{font-size:8px!important}
.sf-shop-main .sf-menu-products{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:15px!important}
.sf-shop-product{position:relative!important;border-radius:19px!important;border:1px solid var(--shop-line)!important;background:rgba(255,253,250,.98)!important;box-shadow:0 5px 18px rgba(6,63,52,.045)!important;overflow:hidden!important;transition:transform .24s var(--shop-ease),box-shadow .24s var(--shop-ease),border-color .24s!important}.sf-shop-product:hover{transform:translateY(-5px);border-color:rgba(6,63,52,.20)!important;box-shadow:var(--shop-shadow)!important}.sf-shop-product-media{position:relative!important;display:block!important;aspect-ratio:1.23!important;overflow:hidden!important;background:#efe9df!important}.sf-shop-product-media img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .5s var(--shop-ease),filter .5s var(--shop-ease)}.sf-shop-product:hover .sf-shop-product-media img{transform:scale(1.055);filter:saturate(1.06)}.sf-shop-product-media:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(8,31,26,.36));opacity:.6;pointer-events:none}.sf-shop-badge{position:absolute;z-index:3;left:11px;top:11px;padding:6px 8px;border-radius:999px;background:rgba(255,253,250,.92);box-shadow:0 5px 15px rgba(0,0,0,.10);color:var(--shop-red);font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.sf-shop-quick-view{position:absolute;z-index:3;left:12px;right:12px;bottom:11px;display:flex;align-items:center;justify-content:center;min-height:34px;border-radius:10px;background:rgba(4,47,39,.90);backdrop-filter:blur(9px);color:#fff;font-size:8px;font-weight:850;opacity:0;transform:translateY(8px);transition:.22s var(--shop-ease)}.sf-shop-product:hover .sf-shop-quick-view{opacity:1;transform:none}.sf-shop-media-glow{position:absolute;inset:0;background:radial-gradient(circle at 78% 12%,rgba(243,189,62,.3),transparent 27%);pointer-events:none}
.sf-shop-product-body{padding:15px!important}.sf-shop-product-body .sf-menu-card-category{font-size:7px!important;letter-spacing:.12em!important}.sf-shop-product-body h3{margin:5px 0 7px!important;font:700 18px/1.08 Georgia,serif!important}.sf-shop-product-body h3 a{color:var(--shop-ink)!important;text-decoration:none}.sf-shop-product-body .desc{min-height:34px!important;margin:0!important;color:var(--shop-muted)!important;font-size:9px!important;line-height:1.5!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sf-shop-variant-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}.sf-shop-variant-chips span{padding:4px 6px;border-radius:999px;background:#f3eee7;color:#7a847f;font-size:7px}.sf-shop-product-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:13px;padding-top:12px;border-top:1px solid var(--shop-line)}.sf-shop-product-bottom>div>small{display:block;margin-bottom:2px;color:#939b97;font-size:7px}.sf-shop-product-bottom .price{display:block;color:var(--shop-green)!important;font-size:13px!important;line-height:1.1}.sf-shop-product-bottom form{margin:0}.sf-shop-add{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 11px;border:0;border-radius:10px;background:var(--shop-green)!important;color:#fff!important;text-decoration:none!important;font-size:8px!important;font-weight:850!important;cursor:pointer;white-space:nowrap;box-shadow:none!important;transition:background .18s,transform .18s}.sf-shop-add:hover{background:var(--shop-red)!important;transform:translateY(-1px)}.sf-shop-add span{font-size:13px}
.sf-shop-results.is-list .sf-menu-products{grid-template-columns:1fr!important}.sf-shop-results.is-list .sf-shop-product{display:grid!important;grid-template-columns:210px minmax(0,1fr)!important}.sf-shop-results.is-list .sf-shop-product-media{aspect-ratio:auto!important;min-height:176px!important;height:100%!important}.sf-shop-results.is-list .sf-shop-product-body{display:flex!important;flex-direction:column!important;justify-content:center!important;padding:20px!important}.sf-shop-results.is-list .sf-shop-product-body .desc{min-height:0!important;-webkit-line-clamp:3}.sf-shop-results.is-list .sf-shop-product-bottom{margin-top:15px}
.sf-shop-notices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.sf-shop-notices>div{padding:15px 16px;border:1px solid var(--shop-line);border-radius:15px;background:rgba(255,253,250,.8)}.sf-shop-notices span{display:block;margin-bottom:5px;color:var(--shop-red);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.sf-shop-notices p{margin:0;color:var(--shop-muted);font-size:9px;line-height:1.55}

/* ----- Footer contrast + readability ----- */
.footer-cta-wrap{background:transparent!important}.footer-cta{background:linear-gradient(135deg,#f6c94c,#f0b62d)!important;color:#1e2b25!important;border:1px solid rgba(77,52,8,.08)!important}.footer-cta h2{color:#183c32!important}.footer-cta p{color:#4d4a39!important}.footer-cta .eyebrow{color:#7b2b1d!important}.footer-cta .btn{background:var(--shop-green)!important;color:#fff!important}.footer-cta .btn-secondary{background:rgba(255,255,255,.55)!important;color:#173a30!important;border-color:rgba(6,63,52,.15)!important}
.site-footer.modern-footer{background:
  linear-gradient(rgba(3,43,36,.965),rgba(3,43,36,.985)),
  url('/assets/images/patterns/adinkra-watermark.svg') center/430px!important;color:#fff!important;border-top:0!important}
.site-footer.modern-footer:before{height:7px!important;background:url('/assets/images/patterns/kente-strip.svg') center/700px 54px!important;opacity:1!important}
.site-footer.modern-footer .footer-grid h3{color:var(--shop-gold)!important;font-size:12px!important;letter-spacing:.02em!important}
.site-footer.modern-footer .footer-grid>div>a,.site-footer.modern-footer .footer-socials a{color:rgba(255,255,255,.88)!important;font-size:10px!important;line-height:1.55!important;text-decoration:none!important}
.site-footer.modern-footer .footer-grid>div>a:hover,.site-footer.modern-footer .footer-socials a:hover{color:#fff!important;text-decoration:underline!important;text-underline-offset:4px}
.site-footer.modern-footer .footer-brand-col p{color:rgba(255,255,255,.78)!important;line-height:1.6!important}.site-footer.modern-footer .footer-hours{display:inline-flex!important;margin-top:12px!important;padding:8px 10px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:10px!important;background:rgba(255,255,255,.07)!important;color:#fff!important}
.site-footer.modern-footer .footer-bottom{border-top-color:rgba(255,255,255,.16)!important;color:rgba(255,255,255,.68)!important}.site-footer.modern-footer .developer-credit,.site-footer.modern-footer .developer-credit a{color:rgba(255,255,255,.76)!important}.site-footer.modern-footer .developer-credit a:hover{color:var(--shop-gold)!important}

@media(min-width:1540px){.sf-shop-main .sf-menu-products{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:1120px){
  .sf-shop-hero-inner{grid-template-columns:1fr;gap:26px}.sf-shop-search-card{max-width:700px}.sf-shop-layout{grid-template-columns:1fr!important}.sf-shop-sidebar{position:static!important;display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2fr);gap:14px;align-items:start}.sf-shop-sidebar-title,.sf-shop-side-card{grid-column:1/-1}.sf-shop-filter-list{display:flex!important;overflow:auto!important;padding-bottom:5px}.sf-shop-filter-list .sf-filter-btn{flex:0 0 auto!important;white-space:nowrap!important}.sf-shop-main .sf-menu-products{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:780px){
  .sf-shop-hero{padding:45px 14px 44px}.sf-shop-hero-inner{width:100%;gap:20px}.sf-shop-title-block h1{font-size:49px!important}.sf-shop-title-block>p{font-size:11px}.sf-shop-search-card{padding:15px;border-radius:18px}.sf-shop-search-row{grid-template-columns:20px 1fr}.sf-shop-search-row button{grid-column:1/-1;width:100%}.sf-shop-search-meta{align-items:flex-start;flex-direction:column}.sf-shop-category-wrap{padding:0 8px}.sf-shop-category{flex-basis:126px;min-height:68px}.sf-shop-layout{width:calc(100% - 20px)!important;margin-top:12px!important;gap:14px!important}.sf-shop-sidebar{display:block!important}.sf-shop-filter-list{margin-bottom:7px}.sf-shop-side-card{display:none}.sf-shop-toolbar{align-items:flex-start;flex-direction:column}.sf-shop-toolbar-actions{width:100%;justify-content:space-between}.sf-shop-sort{flex:1}.sf-shop-sort select{width:100%!important}.sf-shop-main .sf-menu-products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.sf-shop-product-body{padding:11px!important}.sf-shop-product-body h3{font-size:15px!important}.sf-shop-product-body .desc{display:none!important}.sf-shop-variant-chips{display:none}.sf-shop-product-bottom{align-items:stretch;flex-direction:column}.sf-shop-add{width:100%}.sf-shop-results.is-list .sf-shop-product{grid-template-columns:115px minmax(0,1fr)!important}.sf-shop-results.is-list .sf-shop-product-media{min-height:150px!important}.sf-shop-results.is-list .sf-shop-product-bottom{flex-direction:row;align-items:flex-end}.sf-shop-results.is-list .sf-shop-add{width:auto}.sf-shop-notices{grid-template-columns:1fr}.site-footer.modern-footer .footer-grid{grid-template-columns:1fr 1fr!important;gap:28px 20px!important}.site-footer.modern-footer .footer-brand-col{grid-column:1/-1!important}
}
@media(max-width:480px){.sf-shop-title-block h1{font-size:43px!important}.sf-shop-proof span{font-size:8px}.sf-shop-main .sf-menu-products{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sf-shop-product-media{aspect-ratio:1.05!important}.sf-shop-product-bottom .price{font-size:11px!important}.sf-shop-add{padding:0 7px!important;font-size:7px!important}}
@media(prefers-reduced-motion:reduce){.sf-shop-product,.sf-shop-product-media img,.sf-shop-category{transition:none!important}}
/* Keep the improved footer available at every storefront breakpoint. */
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) > .footer-cta-wrap{display:block!important}
body:not(.admin-app-body):not(.staff-auth-body):not(.install-body) > .site-footer.modern-footer{display:block!important}


/* ==========================================================================\n   R10.17.0 — Centered public pages + collision-proof header + page discovery\n   ========================================================================== */

/* Accessibility: invisible during normal browsing, visible only to keyboard users. */
.sf-skip-link{
  position:fixed!important;
  left:18px!important;
  top:12px!important;
  z-index:100000!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:11px 15px!important;
  border-radius:999px!important;
  background:#ffffff!important;
  color:#063f34!important;
  font-weight:900!important;
  text-decoration:none!important;
  box-shadow:0 14px 38px rgba(4,47,39,.2)!important;
  transform:translateY(-180%)!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:transform .18s ease,opacity .18s ease!important;
}
.sf-skip-link:focus,.sf-skip-link:focus-visible{
  transform:translateY(0)!important;
  opacity:1!important;
  pointer-events:auto!important;
  outline:3px solid #f3bd3e!important;
  outline-offset:3px!important;
}

/* Desktop header: every major element owns a deterministic grid column. */
@media (min-width:1121px){
  .theme-site-header .site-header-inner{
    width:min(1600px,calc(100% - 40px))!important;
    min-height:82px!important;
    grid-template-columns:minmax(158px,190px) minmax(470px,1fr) minmax(220px,320px) max-content!important;
    column-gap:14px!important;
    align-items:center!important;
    padding:0!important;
  }
  .theme-site-header .brand{grid-column:1!important;min-width:0!important;overflow:hidden!important}
  .theme-site-header .brand-logo{width:min(100%,174px)!important;max-width:174px!important;height:50px!important;object-fit:contain!important;object-position:left center!important}
  .theme-site-header nav{grid-column:2!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;min-width:0!important;flex-wrap:nowrap!important}
  .theme-site-header nav>a,.theme-site-header .sf-nav-more>summary{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    min-height:40px!important;padding:0 9px!important;border-radius:12px!important;
    color:#302b27!important;font-size:10px!important;font-weight:850!important;letter-spacing:.045em!important;
    text-transform:uppercase!important;white-space:nowrap!important;text-decoration:none!important;cursor:pointer!important;
  }
  .theme-site-header nav>a.active,.theme-site-header nav>a:hover,.theme-site-header .sf-nav-more>summary.active,.theme-site-header .sf-nav-more[open]>summary,.theme-site-header .sf-nav-more>summary:hover{
    background:#f3eee7!important;color:#171b19!important;
  }
  .theme-site-header .sf-header-search{
    grid-column:3!important;position:relative!important;inset:auto!important;justify-self:stretch!important;
    width:100%!important;min-width:0!important;max-width:none!important;height:46px!important;margin:0!important;
    display:grid!important;grid-template-columns:20px minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;
    padding:0 10px 0 13px!important;border:1px solid rgba(6,63,52,.11)!important;border-radius:15px!important;
    background:#fff!important;box-shadow:0 8px 24px rgba(7,52,43,.055)!important;overflow:hidden!important;
  }
  .theme-site-header .sf-header-search span{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:9px!important;color:#7a827e!important}
  .theme-site-header .sf-header-search kbd{justify-self:end!important;flex:0 0 auto!important;margin:0!important}
  .theme-site-header .header-actions{grid-column:4!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;min-width:0!important;margin:0!important}
  .theme-site-header .header-actions>a{margin:0!important;flex:0 0 auto!important}
  .theme-site-header .header-phone{display:none!important}
  .theme-site-header .header-action-label{display:none!important}
}

/* More menu keeps Blog/Contact discoverable without overcrowding the primary nav. */
.sf-nav-more{position:relative!important;margin:0!important;padding:0!important}
.sf-nav-more>summary{list-style:none!important;user-select:none!important}
.sf-nav-more>summary::-webkit-details-marker{display:none!important}
.sf-nav-more>summary span{margin-left:5px;font-size:11px;transition:transform .18s ease}
.sf-nav-more[open]>summary span{transform:rotate(180deg)}
.sf-nav-more-menu{
  position:absolute!important;z-index:5000!important;top:calc(100% + 10px)!important;right:0!important;width:210px!important;
  padding:9px!important;border:1px solid rgba(6,63,52,.11)!important;border-radius:16px!important;background:#fffdfa!important;
  box-shadow:0 22px 60px rgba(7,52,43,.16)!important;display:grid!important;gap:3px!important;
}
.sf-nav-more:not([open]) .sf-nav-more-menu{display:none!important}
.sf-nav-more-menu a{display:flex!important;align-items:center!important;min-height:40px!important;padding:0 11px!important;border-radius:10px!important;color:#26332e!important;text-decoration:none!important;font-size:10px!important;font-weight:800!important;text-transform:none!important;letter-spacing:0!important}
.sf-nav-more-menu a:hover,.sf-nav-more-menu a.active{background:#f4efe7!important;color:#b92b1d!important}

@media (max-width:1450px) and (min-width:1121px){
  .theme-site-header .site-header-inner{grid-template-columns:148px minmax(420px,1fr) minmax(190px,250px) max-content!important;column-gap:9px!important}
  .theme-site-header .brand-logo{max-width:148px!important}
  .theme-site-header nav>a,.theme-site-header .sf-nav-more>summary{padding-inline:6px!important;font-size:9px!important;letter-spacing:.025em!important}
  .theme-site-header .sf-header-search kbd{display:none!important}
  .theme-site-header .sf-header-location span{display:none!important}
  .theme-site-header .sf-order-now{padding-inline:12px!important}
}

/* Track Order: center the complete journey, not only the headline. */
body[data-storefront-route="track-order.php"] main.container{
  width:min(1280px,calc(100% - 32px))!important;max-width:1280px!important;margin-inline:auto!important;padding-inline:0!important;
}
body[data-storefront-route="track-order.php"] .compact-page-hero{
  width:min(1080px,100%)!important;min-height:310px!important;margin:32px auto 24px!important;padding:46px clamp(22px,5vw,56px)!important;
  align-items:center!important;justify-content:center!important;text-align:center!important;
  background:radial-gradient(circle at 18% 20%,rgba(243,189,62,.13),transparent 25%),linear-gradient(135deg,#fff8eb,#f7ecda)!important;
}
body[data-storefront-route="track-order.php"] .compact-page-hero>div{width:min(760px,100%)!important;max-width:760px!important;margin-inline:auto!important}
body[data-storefront-route="track-order.php"] .compact-page-hero h1{font-size:clamp(3rem,6vw,5.4rem)!important;margin:10px 0 14px!important}
body[data-storefront-route="track-order.php"] .compact-page-hero p{max-width:680px!important;margin:0 auto!important;line-height:1.65!important}
body[data-storefront-route="track-order.php"] main.container>.alert{width:min(980px,100%)!important;margin:0 auto 16px!important}
body[data-storefront-route="track-order.php"] .track-card{
  width:min(980px,100%)!important;max-width:980px!important;margin:0 auto 34px!important;padding:30px!important;
  border-radius:24px!important;background:#fff!important;box-shadow:0 18px 54px rgba(7,52,43,.08)!important;
}
body[data-storefront-route="track-order.php"] .track-card .form-grid{align-items:end!important;gap:16px!important}
body[data-storefront-route="track-order.php"] .track-card>button{display:block!important;min-width:180px!important;margin:20px auto 0!important}
body[data-storefront-route="track-order.php"] .order-track-layout{width:min(1120px,100%)!important;margin:0 auto 34px!important}

/* Blog and Contact pages get the same centered public-page rhythm. */
body[data-storefront-route="blog.php"] .blog-page-hero,
body[data-storefront-route="contact.php"] .contact-page-hero{margin-inline:auto!important}
body[data-storefront-route="contact.php"] .contact-layout{width:min(1120px,100%)!important;margin:0 auto 52px!important}
body[data-storefront-route="blog.php"] .blog-hub{margin-inline:auto!important}

@media(max-width:1120px){
  .sf-nav-more{width:100%!important}
  .sf-nav-more>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;padding:12px 14px!important;border-radius:12px!important;font-size:.84rem!important;font-weight:800!important;text-transform:uppercase!important;cursor:pointer!important}
  .sf-nav-more-menu{position:static!important;width:100%!important;margin-top:5px!important;padding:6px!important;box-shadow:none!important;border-radius:12px!important;background:#f8f4ed!important}
  .sf-nav-more-menu a{min-height:38px!important;padding:0 10px!important}
}
@media(max-width:700px){
  body[data-storefront-route="track-order.php"] main.container{width:min(100% - 18px,1280px)!important}
  body[data-storefront-route="track-order.php"] .compact-page-hero{min-height:250px!important;margin-top:14px!important;padding:34px 18px!important;border-radius:22px!important}
  body[data-storefront-route="track-order.php"] .track-card{padding:20px 16px!important;border-radius:19px!important}
  body[data-storefront-route="track-order.php"] .track-card>button{width:100%!important}
  body[data-storefront-route="contact.php"] .contact-layout{width:100%!important}
}

/* Tablet header: collapse before the desktop grid becomes crowded. */
@media (min-width:701px) and (max-width:1120px){
  .theme-site-header .site-header-inner{
    width:min(100% - 28px,1040px)!important;min-height:74px!important;
    display:grid!important;grid-template-columns:minmax(150px,1fr) auto auto!important;gap:9px!important;align-items:center!important;padding:8px 0!important;
  }
  .theme-site-header .brand{grid-column:1!important;min-width:0!important}
  .theme-site-header .brand-logo{width:150px!important;height:48px!important;object-fit:contain!important;object-position:left center!important}
  .theme-site-header .sf-header-search,.theme-site-header .sf-header-location,.theme-site-header .header-phone,.theme-site-header .sf-order-now{display:none!important}
  .theme-site-header .header-actions{grid-column:2!important;grid-row:1!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;margin:0!important}
  .theme-site-header .header-action-label{display:none!important}
  .theme-site-header .mobile-menu-toggle{grid-column:3!important;grid-row:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:4px!important;width:44px!important;height:44px!important;margin:0!important;border-radius:13px!important}
  .theme-site-header #main-navigation{
    position:fixed!important;z-index:5000!important;left:18px!important;right:18px!important;top:118px!important;
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;width:auto!important;max-height:calc(100dvh - 138px)!important;overflow:auto!important;
    padding:14px!important;border:1px solid rgba(6,63,52,.11)!important;border-radius:18px!important;background:#fffdfa!important;box-shadow:0 24px 70px rgba(7,52,43,.18)!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-10px)!important;transition:opacity .2s ease,transform .2s ease,visibility .2s!important;
  }
  body.nav-open .theme-site-header #main-navigation{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
  .theme-site-header #main-navigation>a,.theme-site-header #main-navigation>.sf-nav-more>summary{justify-content:flex-start!important;width:100%!important;min-height:44px!important;padding:0 12px!important;font-size:10px!important;border-radius:11px!important}
  .theme-site-header #main-navigation>.sf-nav-more{grid-column:1/-1!important}
}

/* R10.17 navigation visibility: Blog and Contact are first-class public pages. */
.theme-site-header #main-navigation>a:nth-child(n){display:inline-flex!important}
@media (max-width:1450px) and (min-width:1121px){
  .theme-site-header #main-navigation>a{padding-inline:5px!important;font-size:8.5px!important;letter-spacing:.015em!important}
}