/* =====================================================================
   R10.36.7 — CENTERED INNER-PAGE SYSTEM
   Removes image-led public page headers and normalizes every customer-facing
   information/form page to one centered, responsive content canvas.
   ===================================================================== */

body.fazfood-public:not(.sf-home-page){
  --inner-page-max:1280px;
  --inner-content-max:1160px;
  --inner-readable-max:860px;
  --inner-gutter:24px;
  --inner-section-space:56px;
  background:#f5f1e9!important;
}

/* The homepage and menu/product commerce canvases keep their own specialized
   layouts. All ordinary inner pages use the same centered content frame. */
body.fazfood-public:not(.sf-home-page) main#main-content{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0 0 58px!important;
  background:#f5f1e9!important;
  overflow-x:hidden!important;
}

/* ---------------------------------------------------------------------
   Page headers: no photos, no texture, no accidental image backgrounds.
   --------------------------------------------------------------------- */
body.fazfood-public:not(.sf-home-page) :is(
  .page-hero,.image-page-hero,.compact-page-hero,.about-page-hero,
  .contact-page-hero,.location-page-hero,.reservation-page-hero,
  .blog-page-hero,.faq-page-hero,.offer-page-hero,.account-hero
){
  width:min(var(--inner-page-max),calc(100% - (var(--inner-gutter) * 2)))!important;
  max-width:var(--inner-page-max)!important;
  min-height:0!important;
  margin:28px auto 0!important;
  padding:52px clamp(24px,5vw,72px)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  color:#1f1f39!important;
  background:#fff!important;
  background-image:none!important;
  border:1px solid #e4ddd2!important;
  border-top:5px solid var(--faz-primary,#c33130)!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
body.fazfood-public:not(.sf-home-page) :is(
  .page-hero,.image-page-hero,.compact-page-hero,.about-page-hero,
  .contact-page-hero,.location-page-hero,.reservation-page-hero,
  .blog-page-hero,.faq-page-hero,.offer-page-hero,.account-hero
)::before,
body.fazfood-public:not(.sf-home-page) :is(
  .page-hero,.image-page-hero,.compact-page-hero,.about-page-hero,
  .contact-page-hero,.location-page-hero,.reservation-page-hero,
  .blog-page-hero,.faq-page-hero,.offer-page-hero,.account-hero
)::after{display:none!important;content:none!important}
body.fazfood-public:not(.sf-home-page) :is(.page-hero,.image-page-hero,.compact-page-hero,.account-hero)>img{display:none!important}
body.fazfood-public:not(.sf-home-page) :is(.page-hero,.image-page-hero,.compact-page-hero,.account-hero)>.container,
body.fazfood-public:not(.sf-home-page) :is(.page-hero,.image-page-hero,.compact-page-hero,.account-hero)>.page-hero-inner,
body.fazfood-public:not(.sf-home-page) :is(.page-hero,.image-page-hero,.compact-page-hero,.account-hero)>div{
  width:min(100%,var(--inner-readable-max))!important;
  max-width:var(--inner-readable-max)!important;
  margin:0 auto!important;
  padding:0!important;
  position:relative!important;
  z-index:1!important;
}
body.fazfood-public:not(.sf-home-page) :is(.page-hero,.image-page-hero,.compact-page-hero,.account-hero) h1{
  max-width:960px!important;
  margin:8px auto 14px!important;
  color:#1f1f39!important;
  font-size:clamp(46px,5.4vw,76px)!important;
  line-height:.94!important;
  text-align:center!important;
  text-wrap:balance;
}
body.fazfood-public:not(.sf-home-page) :is(.page-hero,.image-page-hero,.compact-page-hero,.account-hero) p{
  max-width:760px!important;
  margin:0 auto!important;
  color:#6e7191!important;
  font-size:17px!important;
  line-height:1.65!important;
  text-align:center!important;
}
body.fazfood-public:not(.sf-home-page) :is(.page-hero,.image-page-hero,.compact-page-hero,.account-hero) :is(.eyebrow,.eyebrow.light){
  color:var(--faz-primary,#c33130)!important;
}
body.fazfood-public:not(.sf-home-page) .page-breadcrumb{
  display:block!important;
  margin:0 0 10px!important;
  color:#b98913!important;
  text-align:center!important;
}
body.fazfood-public:not(.sf-home-page) .account-hero-actions{
  width:auto!important;
  max-width:none!important;
  margin:22px auto 0!important;
  display:flex!important;
  justify-content:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}

/* ---------------------------------------------------------------------
   Center and scale the ordinary page content.
   --------------------------------------------------------------------- */
body.fazfood-public:not(.sf-home-page) :is(
  .home-section,.content-section,.section,.track-section,.legal-section,.form-section,
  .contact-layout,.booking-shell,.location-grid,.blog-hub,.faq-hub,
  .account-stat-grid,.account-content-grid,.account-link-row,.order-track-layout,
  .cart-layout,.checkout-layout,.offer-grid,.combo-public-grid,.values-grid,.story-split
){
  width:min(var(--inner-content-max),calc(100% - (var(--inner-gutter) * 2)))!important;
  max-width:var(--inner-content-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
body.fazfood-public:not(.sf-home-page) :is(.home-section,.content-section,.section,.track-section,.legal-section,.form-section){
  padding-top:var(--inner-section-space)!important;
  padding-bottom:var(--inner-section-space)!important;
}
body.fazfood-public:not(.sf-home-page) main#main-content>.alert{
  width:min(var(--inner-content-max),calc(100% - (var(--inner-gutter) * 2)))!important;
  margin:22px auto 0!important;
}
body.fazfood-public:not(.sf-home-page) :is(.section-heading,.compact-heading){
  width:100%!important;
  text-align:left!important;
}
body.fazfood-public:not(.sf-home-page) :is(.section-heading h2,.home-section h2,.content-section h2){
  font-size:clamp(36px,4vw,58px)!important;
  line-height:1!important;
}
body.fazfood-public:not(.sf-home-page) :is(.card,.restaurant-panel,.contact-form-card,.reservation-form-panel,.order-summary-card,.track-card){
  min-width:0!important;
  max-width:100%!important;
  border:1px solid #e2ddd5!important;
  background:#fff!important;
  box-shadow:none!important;
}

/* ---------------------------------------------------------------------
   Forms: stop full-screen stretching and restore clean field rhythm.
   --------------------------------------------------------------------- */
body.fazfood-public:not(.sf-home-page) form{min-width:0!important}
body.fazfood-public:not(.sf-home-page) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:52px!important;
  padding:12px 14px!important;
  margin:7px 0 0!important;
  border-radius:8px!important;
}
body.fazfood-public:not(.sf-home-page) textarea{min-height:130px!important;resize:vertical!important}
body.fazfood-public:not(.sf-home-page) label{
  display:block!important;
  margin:0!important;
  color:#3d4160!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.35!important;
}
body.fazfood-public:not(.sf-home-page) .form-grid{
  display:grid!important;
  gap:18px!important;
  margin:0 0 18px!important;
}
body.fazfood-public:not(.sf-home-page) .form-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.fazfood-public:not(.sf-home-page) .form-grid.three-col{grid-template-columns:repeat(3,minmax(0,1fr))!important}

/* ---------------------------------------------------------------------
   Reservations and Contact.
   --------------------------------------------------------------------- */
body[data-storefront-route='reservations.php'] .booking-shell{
  display:grid!important;
  grid-template-columns:minmax(260px,.68fr) minmax(0,1.32fr)!important;
  gap:38px!important;
  align-items:start!important;
  padding:52px 0!important;
}
body[data-storefront-route='reservations.php'] .booking-intro{
  position:sticky!important;
  top:24px!important;
  padding:8px 0!important;
}
body[data-storefront-route='reservations.php'] .booking-intro h2{margin:8px 0 16px!important;font-size:clamp(38px,4vw,58px)!important}
body[data-storefront-route='reservations.php'] .booking-intro p{color:#6e7191!important;line-height:1.65!important}
body[data-storefront-route='reservations.php'] .booking-hours{display:block!important;margin-top:18px!important;padding-top:18px!important;border-top:1px solid #ddd6cc!important}
body[data-storefront-route='reservations.php'] .reservation-form-panel{padding:34px!important}
body[data-storefront-route='reservations.php'] .reservation-form-panel form{display:block!important}
body[data-storefront-route='reservations.php'] .reservation-form-panel form>label{margin-top:18px!important}
body[data-storefront-route='reservations.php'] .booking-submit{margin-top:22px!important;min-width:210px!important}

body[data-storefront-route='contact.php'] .contact-layout{
  display:grid!important;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;
  gap:36px!important;
  align-items:start!important;
  padding:52px 0!important;
}
body[data-storefront-route='contact.php'] .contact-details{min-width:0!important;padding:10px 0!important}
body[data-storefront-route='contact.php'] .contact-details h2{font-size:clamp(40px,4.5vw,62px)!important;margin:8px 0 18px!important}
body[data-storefront-route='contact.php'] .contact-details>p{max-width:560px!important;color:#6e7191!important;line-height:1.65!important}
body[data-storefront-route='contact.php'] .contact-branch-list{display:grid!important;gap:10px!important;margin:24px 0!important}
body[data-storefront-route='contact.php'] .contact-branch-list article{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:3px!important;
  padding:14px 0!important;
  border-bottom:1px solid #ddd6cc!important;
}
body[data-storefront-route='contact.php'] .contact-branch-list article>*{display:block!important;margin:0!important;overflow-wrap:anywhere!important}
body[data-storefront-route='contact.php'] .contact-hours{display:grid!important;gap:4px!important;margin-top:18px!important}
body[data-storefront-route='contact.php'] .contact-form-card{padding:34px!important}
body[data-storefront-route='contact.php'] .contact-form-card h2{font-size:clamp(38px,4vw,56px)!important;margin:8px 0 24px!important}
body[data-storefront-route='contact.php'] .contact-form-card form{display:grid!important;gap:16px!important}
body[data-storefront-route='contact.php'] .contact-form-card .form-grid{margin:0!important}

/* ---------------------------------------------------------------------
   Locations.
   --------------------------------------------------------------------- */
body[data-storefront-route='locations.php'] .location-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:24px!important;
  padding:52px 0!important;
}
body[data-storefront-route='locations.php'] .location-card{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid #e1dbd2!important;
}
body[data-storefront-route='locations.php'] .location-visual{position:relative!important;height:230px!important;overflow:hidden!important;background:#eee8de!important}
body[data-storefront-route='locations.php'] .location-visual img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
body[data-storefront-route='locations.php'] .location-visual>span{position:absolute!important;left:18px!important;bottom:16px!important;padding:6px 9px!important;background:#fff!important;color:#1f1f39!important;font-weight:800!important}
body[data-storefront-route='locations.php'] .location-body{display:flex!important;flex-direction:column!important;flex:1!important;padding:26px!important}
body[data-storefront-route='locations.php'] .location-body h2{font-size:clamp(32px,3vw,44px)!important;margin:8px 0 12px!important;overflow-wrap:anywhere!important}
body[data-storefront-route='locations.php'] .location-address{margin:0 0 8px!important}
body[data-storefront-route='locations.php'] .location-contact-list{display:grid!important;gap:7px!important;margin:16px 0!important}
body[data-storefront-route='locations.php'] .location-contact-list a{display:flex!important;gap:8px!important;align-items:baseline!important;text-decoration:none!important;overflow-wrap:anywhere!important}
body[data-storefront-route='locations.php'] .location-actions{margin-top:auto!important;padding-top:16px!important;display:flex!important;gap:9px!important;flex-wrap:wrap!important;align-items:center!important}

/* ---------------------------------------------------------------------
   Sign in / registration: image removed, one centered account card.
   --------------------------------------------------------------------- */
body[data-storefront-route='login.php'] .auth-shell,
body[data-storefront-route='register.php'] .auth-shell{
  width:min(980px,calc(100% - (var(--inner-gutter) * 2)))!important;
  max-width:980px!important;
  margin:32px auto 0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body[data-storefront-route='login.php'] .auth-visual-card,
body[data-storefront-route='register.php'] .auth-visual-card{
  min-height:0!important;
  padding:42px clamp(24px,5vw,58px)!important;
  display:block!important;
  background:#1f1f39!important;
  color:#fff!important;
  border:0!important;
  overflow:hidden!important;
}
body[data-storefront-route='login.php'] .auth-visual-card>img,
body[data-storefront-route='register.php'] .auth-visual-card>img,
body[data-storefront-route='login.php'] .auth-visual-overlay,
body[data-storefront-route='register.php'] .auth-visual-overlay{display:none!important}
body[data-storefront-route='login.php'] .auth-visual-copy,
body[data-storefront-route='register.php'] .auth-visual-copy{
  position:static!important;
  width:min(100%,800px)!important;
  max-width:800px!important;
  margin:0 auto!important;
  padding:0!important;
  text-align:center!important;
  color:#fff!important;
}
body[data-storefront-route='login.php'] .auth-visual-copy h1,
body[data-storefront-route='register.php'] .auth-visual-copy h1{
  max-width:800px!important;
  margin:8px auto 16px!important;
  color:#fff!important;
  font-size:clamp(42px,5vw,66px)!important;
  line-height:.94!important;
}
body[data-storefront-route='login.php'] .auth-visual-copy p,
body[data-storefront-route='register.php'] .auth-visual-copy p{max-width:650px!important;margin:0 auto!important;color:#d9dae7!important}
body[data-storefront-route='login.php'] .auth-benefits,
body[data-storefront-route='register.php'] .auth-benefits{display:flex!important;justify-content:center!important;gap:10px 18px!important;flex-wrap:wrap!important;margin-top:18px!important;color:#fff!important}
body[data-storefront-route='login.php'] .auth-form-card,
body[data-storefront-route='register.php'] .auth-form-card{
  width:100%!important;
  max-width:980px!important;
  margin:0!important;
  padding:40px clamp(24px,5vw,58px)!important;
  border:1px solid #e1dbd2!important;
  border-top:0!important;
}
body[data-storefront-route='login.php'] .auth-form-card>*,
body[data-storefront-route='register.php'] .auth-form-card>*{max-width:720px!important;margin-left:auto!important;margin-right:auto!important}
body[data-storefront-route='login.php'] .auth-form-card h2,
body[data-storefront-route='register.php'] .auth-form-card h2{font-size:clamp(38px,4vw,56px)!important;margin-top:8px!important}
body[data-storefront-route='login.php'] .auth-form-card form,
body[data-storefront-route='register.php'] .auth-form-card form{display:grid!important;gap:14px!important;margin-top:24px!important}
body[data-storefront-route='login.php'] .auth-form-links,
body[data-storefront-route='register.php'] .auth-form-links{display:flex!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important;margin-top:18px!important}

/* ---------------------------------------------------------------------
   Blog / FAQ / article header.
   --------------------------------------------------------------------- */
body[data-storefront-route='blog.php'] .blog-hub{padding:48px 0!important}
body[data-storefront-route='blog.php'] .blog-toolbar{display:grid!important;gap:18px!important;margin-bottom:30px!important}
body[data-storefront-route='blog.php'] .blog-toolbar form{width:min(100%,760px)!important;max-width:760px!important;margin:0 auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important}
body[data-storefront-route='blog.php'] .blog-categories{display:flex!important;justify-content:center!important;gap:8px!important;flex-wrap:wrap!important}
body[data-storefront-route='blog.php'] .blog-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important}
body[data-storefront-route='blog.php'] .blog-card{min-width:0!important}

body[data-storefront-route='blog-post.php'] .blog-article{
  width:min(var(--inner-content-max),calc(100% - (var(--inner-gutter) * 2)))!important;
  max-width:var(--inner-content-max)!important;
  margin:28px auto 0!important;
  padding:0 0 48px!important;
}
body[data-storefront-route='blog-post.php'] .blog-article-hero{
  display:block!important;
  width:100%!important;
  padding:52px clamp(24px,5vw,72px)!important;
  background:#fff!important;
  border:1px solid #e2ddd5!important;
  border-top:5px solid var(--faz-primary,#c33130)!important;
  text-align:center!important;
}
body[data-storefront-route='blog-post.php'] .blog-article-hero>img{display:none!important}
body[data-storefront-route='blog-post.php'] .blog-article-copy{width:min(100%,860px)!important;margin:0 auto!important}
body[data-storefront-route='blog-post.php'] .blog-article-copy h1{font-size:clamp(44px,5vw,70px)!important;line-height:.96!important;margin:10px 0 16px!important}
body[data-storefront-route='blog-post.php'] .blog-article-copy p{max-width:760px!important;margin:0 auto 12px!important;color:#6e7191!important}
body[data-storefront-route='blog-post.php'] .blog-article-body{width:min(100%,820px)!important;margin:42px auto!important}

body[data-storefront-route='faq.php'] .faq-hub{padding:46px 0 54px!important}
body[data-storefront-route='faq.php'] .faq-jump{display:flex!important;justify-content:center!important;gap:8px!important;flex-wrap:wrap!important;margin-bottom:20px!important}
body[data-storefront-route='faq.php'] .faq-group{width:min(100%,900px)!important;margin:0 auto!important;padding:32px 0!important}
body[data-storefront-route='faq.php'] .faq-list{display:grid!important;gap:10px!important}

/* About values/story alignment. Content photos remain in the body; only page-header
   images are removed. */
body[data-storefront-route='about.php'] .story-split{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,.9fr)!important;gap:52px!important;align-items:center!important}
body[data-storefront-route='about.php'] .values-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
body[data-storefront-route='about.php'] .centered-cta{text-align:center!important}
body[data-storefront-route='about.php'] .centered-cta>div{display:flex!important;justify-content:center!important;gap:10px!important;flex-wrap:wrap!important}

/* Track/order/account utility pages. */
body[data-storefront-route='track-order.php'] .track-card{width:min(100%,880px)!important;margin:42px auto 22px!important;padding:30px!important}
body[data-storefront-route='track-order.php'] .order-track-layout{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)!important;gap:24px!important}
body[data-storefront-route='account.php'] .account-stat-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;padding-top:42px!important}
body[data-storefront-route='account.php'] .account-content-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important;padding:22px 0 48px!important}
body[data-storefront-route='account.php'] .account-link-row{display:flex!important;gap:8px!important;flex-wrap:wrap!important;padding-bottom:50px!important}

/* ---------------------------------------------------------------------
   Responsive alignment.
   --------------------------------------------------------------------- */
@media(max-width:980px){
  body.fazfood-public:not(.sf-home-page){--inner-gutter:18px;--inner-section-space:46px}
  body[data-storefront-route='reservations.php'] .booking-shell,
  body[data-storefront-route='contact.php'] .contact-layout,
  body[data-storefront-route='about.php'] .story-split,
  body[data-storefront-route='track-order.php'] .order-track-layout{grid-template-columns:1fr!important}
  body[data-storefront-route='reservations.php'] .booking-intro{position:static!important}
  body[data-storefront-route='locations.php'] .location-grid{grid-template-columns:1fr!important}
  body[data-storefront-route='blog.php'] .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-storefront-route='account.php'] .account-content-grid{grid-template-columns:1fr!important}
}

@media(max-width:720px){
  body.fazfood-public:not(.sf-home-page){--inner-gutter:12px;--inner-section-space:36px}
  body.fazfood-public:not(.sf-home-page) :is(
    .page-hero,.image-page-hero,.compact-page-hero,.about-page-hero,
    .contact-page-hero,.location-page-hero,.reservation-page-hero,
    .blog-page-hero,.faq-page-hero,.offer-page-hero,.account-hero
  ){
    width:calc(100% - 24px)!important;
    margin-top:14px!important;
    padding:34px 18px!important;
  }
  body.fazfood-public:not(.sf-home-page) :is(.page-hero,.image-page-hero,.compact-page-hero,.account-hero) h1{font-size:clamp(38px,11vw,52px)!important}
  body.fazfood-public:not(.sf-home-page) :is(.page-hero,.image-page-hero,.compact-page-hero,.account-hero) p{font-size:15px!important}
  body.fazfood-public:not(.sf-home-page) .form-grid.two-col,
  body.fazfood-public:not(.sf-home-page) .form-grid.three-col{grid-template-columns:1fr!important}
  body[data-storefront-route='reservations.php'] .booking-shell,
  body[data-storefront-route='contact.php'] .contact-layout,
  body[data-storefront-route='locations.php'] .location-grid,
  body[data-storefront-route='blog.php'] .blog-hub,
  body[data-storefront-route='faq.php'] .faq-hub{padding-top:32px!important;padding-bottom:38px!important}
  body[data-storefront-route='reservations.php'] .reservation-form-panel,
  body[data-storefront-route='contact.php'] .contact-form-card,
  body[data-storefront-route='track-order.php'] .track-card{padding:20px!important}
  body[data-storefront-route='blog.php'] .blog-toolbar form{grid-template-columns:1fr!important}
  body[data-storefront-route='blog.php'] .blog-toolbar form button{width:100%!important}
  body[data-storefront-route='blog.php'] .blog-grid{grid-template-columns:1fr!important}
  body[data-storefront-route='about.php'] .values-grid{grid-template-columns:1fr!important}
  body[data-storefront-route='account.php'] .account-stat-grid{grid-template-columns:1fr!important}
  body[data-storefront-route='login.php'] .auth-shell,
  body[data-storefront-route='register.php'] .auth-shell{width:calc(100% - 24px)!important;margin-top:14px!important}
  body[data-storefront-route='login.php'] .auth-visual-card,
  body[data-storefront-route='register.php'] .auth-visual-card{padding:30px 18px!important}
  body[data-storefront-route='login.php'] .auth-visual-copy h1,
  body[data-storefront-route='register.php'] .auth-visual-copy h1{font-size:clamp(36px,10vw,48px)!important}
  body[data-storefront-route='login.php'] .auth-form-card,
  body[data-storefront-route='register.php'] .auth-form-card{padding:26px 18px!important}
  body[data-storefront-route='login.php'] .auth-form-links,
  body[data-storefront-route='register.php'] .auth-form-links{display:grid!important;grid-template-columns:1fr!important}
  body[data-storefront-route='locations.php'] .location-visual{height:200px!important}
  body[data-storefront-route='locations.php'] .location-actions{display:grid!important;grid-template-columns:1fr!important}
  body[data-storefront-route='locations.php'] .location-actions>*{width:100%!important;text-align:center!important;justify-content:center!important}
}

@media(max-width:420px){
  body.fazfood-public:not(.sf-home-page){--inner-gutter:10px}
  body.fazfood-public:not(.sf-home-page) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){font-size:16px!important}
  body[data-storefront-route='reservations.php'] .reservation-form-panel,
  body[data-storefront-route='contact.php'] .contact-form-card,
  body[data-storefront-route='track-order.php'] .track-card{padding:16px!important}
}

/* =====================================================================
   R10.36.8 — UNIFIED LOCATIONS + CONTACT
   One stacked branch experience: real branch details, Google Maps and a
   branch-targeted contact form together, with no separate contact page.
   ===================================================================== */
body[data-storefront-route='locations.php'] .branch-jump-nav{
  width:min(var(--inner-content-max),calc(100% - (var(--inner-gutter) * 2)))!important;
  margin:24px auto 0!important;
  padding:12px!important;
  display:flex!important;
  justify-content:center!important;
  gap:9px!important;
  flex-wrap:wrap!important;
  background:#fff!important;
  border:1px solid #e2ddd5!important;
}
body[data-storefront-route='locations.php'] .branch-jump-nav a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:9px 16px!important;
  border:1px solid #dcd5cb!important;
  color:#1f1f39!important;
  background:#faf8f4!important;
  text-decoration:none!important;
  font-weight:800!important;
}
body[data-storefront-route='locations.php'] .branch-jump-nav a:hover{border-color:var(--faz-primary,#c33130)!important;color:var(--faz-primary,#c33130)!important}
body[data-storefront-route='locations.php'] .locations-contact-stack{
  width:min(var(--inner-content-max),calc(100% - (var(--inner-gutter) * 2)))!important;
  max-width:var(--inner-content-max)!important;
  margin:0 auto!important;
  padding:34px 0 60px!important;
  display:grid!important;
  gap:34px!important;
}
body[data-storefront-route='locations.php'] .branch-contact-card{
  scroll-margin-top:110px!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid #e0d9cf!important;
  border-top:5px solid var(--faz-primary,#c33130)!important;
  box-shadow:none!important;
}
body[data-storefront-route='locations.php'] .branch-contact-heading{
  padding:26px 30px 22px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:20px!important;
  border-bottom:1px solid #e6e0d7!important;
}
body[data-storefront-route='locations.php'] .branch-contact-heading h2{
  margin:5px 0 8px!important;
  font-size:clamp(34px,3.8vw,54px)!important;
  line-height:.96!important;
  color:#1f1f39!important;
}
body[data-storefront-route='locations.php'] .branch-contact-heading p{margin:0!important;color:#6e7191!important;font-size:16px!important}
body[data-storefront-route='locations.php'] .branch-contact-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr)!important;
  align-items:stretch!important;
}
body[data-storefront-route='locations.php'] .branch-map-panel{
  min-width:0!important;
  padding:28px!important;
  background:#faf8f4!important;
  border-right:1px solid #e6e0d7!important;
}
body[data-storefront-route='locations.php'] .branch-map-frame{
  position:relative!important;
  width:100%!important;
  min-height:390px!important;
  overflow:hidden!important;
  background:#ece7df!important;
  border:1px solid #dcd5cb!important;
}
body[data-storefront-route='locations.php'] .branch-map-frame iframe{
  display:block!important;
  width:100%!important;
  height:390px!important;
  border:0!important;
}
body[data-storefront-route='locations.php'] .branch-map-actions{
  margin-top:16px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  flex-wrap:wrap!important;
}
body[data-storefront-route='locations.php'] .branch-direct-contact{
  margin-top:18px!important;
  padding-top:18px!important;
  border-top:1px solid #ddd6cc!important;
  display:grid!important;
  gap:10px!important;
}
body[data-storefront-route='locations.php'] .branch-direct-contact>div{
  display:grid!important;
  grid-template-columns:120px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
}
body[data-storefront-route='locations.php'] .branch-direct-contact strong{color:#1f1f39!important}
body[data-storefront-route='locations.php'] .branch-direct-contact :is(span,a){min-width:0!important;color:#646986!important;overflow-wrap:anywhere!important}
body[data-storefront-route='locations.php'] .branch-direct-contact a{text-decoration:none!important}
body[data-storefront-route='locations.php'] .contact-separator{display:inline!important;margin:0 4px!important}
body[data-storefront-route='locations.php'] .branch-message-panel{
  margin:0!important;
  padding:30px!important;
  border:0!important;
  min-width:0!important;
}
body[data-storefront-route='locations.php'] .branch-message-panel h3{
  margin:6px 0 8px!important;
  font-size:clamp(34px,3.2vw,46px)!important;
  line-height:1!important;
  color:#1f1f39!important;
}
body[data-storefront-route='locations.php'] .branch-message-panel>p{margin:0 0 22px!important;color:#6e7191!important;line-height:1.6!important}
body[data-storefront-route='locations.php'] .branch-message-panel form{display:grid!important;gap:15px!important}
body[data-storefront-route='locations.php'] .branch-message-panel .form-grid{margin:0!important}
body[data-storefront-route='locations.php'] .branch-message-panel button{margin-top:3px!important;min-height:50px!important;width:max-content!important;max-width:100%!important;padding:0 22px!important}

@media(max-width:980px){
  body[data-storefront-route='locations.php'] .branch-contact-grid{grid-template-columns:1fr!important}
  body[data-storefront-route='locations.php'] .branch-map-panel{border-right:0!important;border-bottom:1px solid #e6e0d7!important}
  body[data-storefront-route='locations.php'] .branch-map-frame,
  body[data-storefront-route='locations.php'] .branch-map-frame iframe{height:350px!important;min-height:350px!important}
}
@media(max-width:720px){
  body[data-storefront-route='locations.php'] .branch-jump-nav{justify-content:flex-start!important;overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none!important}
  body[data-storefront-route='locations.php'] .branch-jump-nav::-webkit-scrollbar{display:none!important}
  body[data-storefront-route='locations.php'] .branch-jump-nav a{flex:0 0 auto!important}
  body[data-storefront-route='locations.php'] .locations-contact-stack{padding-top:24px!important;gap:24px!important}
  body[data-storefront-route='locations.php'] .branch-contact-heading{padding:22px 18px!important;display:grid!important;grid-template-columns:1fr!important}
  body[data-storefront-route='locations.php'] .branch-map-panel,
  body[data-storefront-route='locations.php'] .branch-message-panel{padding:18px!important}
  body[data-storefront-route='locations.php'] .branch-map-frame,
  body[data-storefront-route='locations.php'] .branch-map-frame iframe{height:290px!important;min-height:290px!important}
  body[data-storefront-route='locations.php'] .branch-map-actions{display:grid!important;grid-template-columns:1fr!important}
  body[data-storefront-route='locations.php'] .branch-map-actions>*{width:100%!important;justify-content:center!important;text-align:center!important}
  body[data-storefront-route='locations.php'] .branch-direct-contact>div{grid-template-columns:1fr!important;gap:3px!important}
  body[data-storefront-route='locations.php'] .branch-message-panel button{width:100%!important}
}

/* =====================================================================
   R10.36.9 — CONTACT-FIRST PUBLIC EXPERIENCE
   Locations is retired as a public destination. Contact Us now presents
   complete phone, WhatsApp, email, social and branch contact information.
   ===================================================================== */
body[data-storefront-route='contact.php'] .contact-overview,
body[data-storefront-route='contact.php'] .contact-directory,
body[data-storefront-route='contact.php'] .contact-socials,
body[data-storefront-route='contact.php'] .contact-form-shell{
  width:min(var(--inner-content-max),calc(100% - (var(--inner-gutter) * 2)))!important;
  max-width:var(--inner-content-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body[data-storefront-route='contact.php'] .contact-overview{
  padding:38px 0 18px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}
body[data-storefront-route='contact.php'] .contact-overview-card{
  min-width:0!important;
  min-height:220px!important;
  padding:26px!important;
  background:#fff!important;
  border:1px solid #e0d9cf!important;
  border-top:4px solid var(--faz-primary,#c33130)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
}
body[data-storefront-route='contact.php'] .contact-overview-card h2{
  margin:7px 0 12px!important;
  font-size:clamp(30px,3vw,42px)!important;
  line-height:1!important;
  color:#1f1f39!important;
}
body[data-storefront-route='contact.php'] .contact-overview-card p{margin:10px 0 0!important;color:#6d718d!important;line-height:1.55!important}
body[data-storefront-route='contact.php'] .contact-value{
  margin:0!important;
  color:#1f1f39!important;
  font-size:clamp(18px,1.5vw,23px)!important;
  font-weight:800!important;
  text-decoration:none!important;
  overflow-wrap:anywhere!important;
}
body[data-storefront-route='contact.php'] .contact-action{
  min-height:46px!important;
  padding:0 17px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
  font-weight:850!important;
  border:1px solid currentColor!important;
}
body[data-storefront-route='contact.php'] .contact-action-whatsapp,
body[data-storefront-route='contact.php'] .contact-whatsapp-btn,
body[data-storefront-route='contact.php'] .wa-link{color:#087d40!important}
body[data-storefront-route='contact.php'] .contact-action-whatsapp,
body[data-storefront-route='contact.php'] .contact-whatsapp-btn{background:#e9f8ef!important;border-color:#bfe7cf!important}

body[data-storefront-route='contact.php'] .contact-directory{padding:40px 0 18px!important}
body[data-storefront-route='contact.php'] .contact-section-heading{text-align:center!important;max-width:760px!important;margin:0 auto 28px!important}
body[data-storefront-route='contact.php'] .contact-section-heading h2{margin:7px 0 10px!important;font-size:clamp(40px,4.5vw,62px)!important;line-height:.98!important;color:#1f1f39!important}
body[data-storefront-route='contact.php'] .contact-section-heading p{margin:0!important;color:#6d718d!important;line-height:1.6!important}
body[data-storefront-route='contact.php'] .contact-branch-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:22px!important;
}
body[data-storefront-route='contact.php'] .contact-branch-card{
  min-width:0!important;
  padding:28px!important;
  background:#fff!important;
  border:1px solid #e0d9cf!important;
  border-top:5px solid var(--faz-primary,#c33130)!important;
  scroll-margin-top:110px!important;
}
body[data-storefront-route='contact.php'] .contact-branch-card-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding-bottom:20px!important;
  margin-bottom:4px!important;
  border-bottom:1px solid #e6e0d7!important;
}
body[data-storefront-route='contact.php'] .contact-branch-card-head h3{
  margin:5px 0 0!important;
  font-size:clamp(32px,3vw,46px)!important;
  line-height:.98!important;
  color:#1f1f39!important;
}
body[data-storefront-route='contact.php'] .contact-info-row{
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr)!important;
  gap:14px!important;
  padding:15px 0!important;
  border-bottom:1px solid #eee8df!important;
}
body[data-storefront-route='contact.php'] .contact-info-row strong,
body[data-storefront-route='contact.php'] .contact-phone-list>strong{color:#1f1f39!important;font-weight:850!important}
body[data-storefront-route='contact.php'] .contact-info-row :is(span,a){min-width:0!important;color:#676b87!important;overflow-wrap:anywhere!important}
body[data-storefront-route='contact.php'] .contact-info-row a{text-decoration:none!important}
body[data-storefront-route='contact.php'] .contact-phone-list{padding:16px 0!important;border-bottom:1px solid #eee8df!important}
body[data-storefront-route='contact.php'] .contact-phone-list>strong{display:block!important;margin-bottom:10px!important}
body[data-storefront-route='contact.php'] .contact-phone-item{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  min-height:46px!important;
  padding:7px 0!important;
}
body[data-storefront-route='contact.php'] .contact-phone-number{
  min-width:0!important;
  color:#1f1f39!important;
  font-size:18px!important;
  font-weight:800!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
body[data-storefront-route='contact.php'] .contact-phone-actions{display:flex!important;gap:7px!important;flex-wrap:wrap!important;justify-content:flex-end!important}
body[data-storefront-route='contact.php'] .contact-phone-actions a{
  min-height:34px!important;
  padding:6px 11px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #ddd6cd!important;
  background:#faf8f4!important;
  color:#31324a!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:800!important;
}
body[data-storefront-route='contact.php'] .contact-phone-actions .wa-link{border-color:#bfe7cf!important;background:#edf9f2!important}
body[data-storefront-route='contact.php'] .contact-branch-actions{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  flex-wrap:wrap!important;
  padding-top:20px!important;
}
body[data-storefront-route='contact.php'] .contact-branch-actions .btn{margin:0!important}
body[data-storefront-route='contact.php'] .contact-branch-actions .text-link{margin-left:auto!important}

body[data-storefront-route='contact.php'] .contact-socials{
  margin-top:36px!important;
  margin-bottom:18px!important;
  padding:28px!important;
  background:#1f1f1f!important;
  color:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
}
body[data-storefront-route='contact.php'] .contact-socials h2{margin:6px 0 0!important;color:#fff!important;font-size:clamp(30px,3vw,44px)!important}
body[data-storefront-route='contact.php'] .contact-social-links{display:flex!important;justify-content:flex-end!important;gap:9px!important;flex-wrap:wrap!important}
body[data-storefront-route='contact.php'] .contact-social-links a{
  min-height:42px!important;
  padding:9px 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  border:1px solid rgba(255,255,255,.22)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-weight:750!important;
}
body[data-storefront-route='contact.php'] .contact-social-links .wa-link{color:#8ff0b9!important;border-color:rgba(143,240,185,.42)!important}

body[data-storefront-route='contact.php'] .contact-form-shell{
  padding:54px 0 64px!important;
  display:grid!important;
  grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr)!important;
  gap:38px!important;
  align-items:start!important;
}
body[data-storefront-route='contact.php'] .contact-form-intro{padding:10px 0!important;position:sticky!important;top:24px!important}
body[data-storefront-route='contact.php'] .contact-form-intro h2{margin:8px 0 16px!important;font-size:clamp(42px,4.5vw,62px)!important;line-height:.98!important;color:#1f1f39!important}
body[data-storefront-route='contact.php'] .contact-form-intro>p{margin:0!important;color:#6d718d!important;line-height:1.65!important}
body[data-storefront-route='contact.php'] .contact-form-direct{margin-top:24px!important;padding-top:20px!important;border-top:1px solid #ddd6cc!important;display:grid!important;gap:7px!important}
body[data-storefront-route='contact.php'] .contact-form-direct a{color:#555b7b!important;text-decoration:none!important;overflow-wrap:anywhere!important}
body[data-storefront-route='contact.php'] .contact-form-card{margin:0!important;padding:32px!important}
body[data-storefront-route='contact.php'] .contact-form-card form{display:grid!important;gap:15px!important}
body[data-storefront-route='contact.php'] .contact-form-card .form-grid{margin:0!important}
body[data-storefront-route='contact.php'] .contact-form-card textarea{min-height:150px!important}
body[data-storefront-route='contact.php'] .contact-form-card button{min-height:50px!important;width:max-content!important;max-width:100%!important;padding:0 24px!important;margin-top:3px!important}

@media(max-width:980px){
  body[data-storefront-route='contact.php'] .contact-overview{grid-template-columns:1fr 1fr!important}
  body[data-storefront-route='contact.php'] .contact-overview-card:last-child{grid-column:1/-1!important}
  body[data-storefront-route='contact.php'] .contact-branch-grid{grid-template-columns:1fr!important}
  body[data-storefront-route='contact.php'] .contact-form-shell{grid-template-columns:1fr!important}
  body[data-storefront-route='contact.php'] .contact-form-intro{position:static!important}
  body[data-storefront-route='contact.php'] .contact-socials{align-items:flex-start!important;flex-direction:column!important}
  body[data-storefront-route='contact.php'] .contact-social-links{justify-content:flex-start!important}
}
@media(max-width:720px){
  body[data-storefront-route='contact.php'] .contact-overview{grid-template-columns:1fr!important;padding-top:28px!important;gap:12px!important}
  body[data-storefront-route='contact.php'] .contact-overview-card:last-child{grid-column:auto!important}
  body[data-storefront-route='contact.php'] .contact-overview-card,
  body[data-storefront-route='contact.php'] .contact-branch-card,
  body[data-storefront-route='contact.php'] .contact-socials,
  body[data-storefront-route='contact.php'] .contact-form-card{padding:20px!important}
  body[data-storefront-route='contact.php'] .contact-directory{padding-top:32px!important}
  body[data-storefront-route='contact.php'] .contact-section-heading{text-align:left!important;margin-bottom:20px!important}
  body[data-storefront-route='contact.php'] .contact-branch-card-head{display:grid!important;grid-template-columns:1fr!important}
  body[data-storefront-route='contact.php'] .contact-info-row{grid-template-columns:1fr!important;gap:4px!important}
  body[data-storefront-route='contact.php'] .contact-phone-item{align-items:flex-start!important;flex-direction:column!important;padding:10px 0!important}
  body[data-storefront-route='contact.php'] .contact-phone-actions{width:100%!important;justify-content:flex-start!important}
  body[data-storefront-route='contact.php'] .contact-phone-actions a{flex:1 1 110px!important}
  body[data-storefront-route='contact.php'] .contact-branch-actions{display:grid!important;grid-template-columns:1fr!important}
  body[data-storefront-route='contact.php'] .contact-branch-actions>*{width:100%!important;text-align:center!important;justify-content:center!important;margin:0!important}
  body[data-storefront-route='contact.php'] .contact-social-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}
  body[data-storefront-route='contact.php'] .contact-social-links a{justify-content:center!important;text-align:center!important}
  body[data-storefront-route='contact.php'] .contact-form-shell{padding:38px 0 48px!important;gap:24px!important}
  body[data-storefront-route='contact.php'] .contact-form-card button{width:100%!important}
}
@media(max-width:420px){
  body[data-storefront-route='contact.php'] .contact-social-links{grid-template-columns:1fr!important}
}
