/* Reference storefront: photo offers, charcoal cart, expanding mobile search. */
.photo-offer-rail{display:flex;gap:20px;overflow-x:auto;margin:8px 0 24px;scroll-snap-type:x proximity;padding-bottom:4px}
.offer-zone-rail{display:flex!important;gap:20px!important}.offer-zone-rail .photo-offer-card{flex-basis:32%}
.photo-offer-card{position:relative;display:block;flex:0 0 min(32%,360px);min-width:250px;aspect-ratio:1.55;border:0;border-radius:22px;overflow:hidden;text-align:left;scroll-snap-align:start;background:var(--canvas)}
.photo-offer-card>img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.photo-offer-card:hover>img{transform:scale(1.035)}
.photo-offer-label{position:absolute;left:0;bottom:16px;max-width:90%;padding:10px 16px;background:#ff6b00;color:#080808;border-radius:0 14px 14px 0}
.photo-offer-label strong{display:block;font-size:clamp(20px,2vw,29px);font-weight:800;line-height:1.1;letter-spacing:-.04em;overflow-wrap:anywhere}
.photo-offer-label small{display:block;margin-top:5px;font-size:14px;font-weight:650;line-height:1.25}
.photo-offer-card.is-bogo .photo-offer-label{background:#111;color:#fff}
.store-hero>.photo-offer-rail{margin-top:24px}.store-title-line{display:block}
.cartbar{width:min(780px,calc(100% - 40px));min-height:72px;padding:20px 28px;background:#303030!important;color:#fff!important;border:1px solid #262626;border-radius:0!important;box-shadow:0 16px 40px rgba(0,0,0,.2)}
.cartbar .l,.cartbar .r{font-size:18px}.cartbar .l small{font-size:16px}.cartbar .r{gap:12px}
.mobile-greeting,.mobile-category-nav{display:none}
.hero-stage[hidden],.hero[hidden],.brandcard[hidden],#offerZoneSection[hidden]{display:none!important}
.hero-stage.single-hero .hero-grid{grid-template-columns:1fr}.hero-stage.single-hero .brandcard{max-width:none}.hero-stage.single-hero .hero{min-height:360px}
@media(max-width:700px){
  html,body{overflow-x:clip;overflow-y:visible}
  :root{--header-h:148px}.announce{display:none!important}.scroll-progress{display:none}
  .hdr{position:sticky;top:0;background:#050505;color:#fff;border-bottom:0}
  .hdr .wrap,.hdr.is-compact .wrap,body.store-route .hdr .wrap,body.store-route .hdr.is-compact .wrap{display:grid;grid-template-columns:minmax(0,1fr) 40px 46px;grid-template-rows:auto auto auto;gap:16px 10px;min-height:0;height:auto;padding:20px 20px 18px}
  .hdr .logo,.hdr.is-compact .logo{display:none!important}
  .hdr .loc,.hdr.is-compact .loc{grid-column:1;grid-row:1;gap:10px;color:#fff;max-width:none}
  .hdr .loc-pin{display:grid!important;width:22px;height:32px;background:transparent;color:#ff6b00}.hdr .loc-pin svg{width:22px;height:25px}
  .hdr .loc-name{font-size:18px;font-weight:700}.hdr .loc-addr{max-width:none;font-size:12px;color:#b7b7b7;line-height:1.35;margin-top:3px}
  #cartBtn,.hdr.is-compact #cartBtn{grid-column:2;grid-row:1;padding:0;color:#fff;justify-self:center;width:36px;height:44px;align-self:center}
  #cartBtn svg{width:25px;height:28px}#cartBtn .badge{top:0;right:-3px;background:#ff6b00;color:#111;font-size:12px}
  #accountBtn,.hdr.is-compact #accountBtn{grid-column:3;grid-row:1;padding:0;justify-self:end;width:44px;height:44px;align-self:center}
  #accountBtn .acc-av{width:44px;height:44px;font-size:18px;background:#ff6b00;color:#111}.hdr #accountBtn>svg{background:#ff6b00;border-radius:50%;padding:10px;width:44px;height:44px;color:#111}
  #vegToggle{display:none!important}
  .hdr .mobile-greeting{display:block;grid-column:1/-1;grid-row:2;color:#fff;font-size:clamp(30px,9vw,43px);font-weight:800;letter-spacing:-.055em;line-height:1.02;margin:2px 0 4px;max-height:130px;overflow:hidden}
  .mobile-greeting em{font-style:normal;color:#ff6b00}
  .hdr.is-compact .mobile-greeting,body.store-route .mobile-greeting,body:not(.home-route) .mobile-greeting{display:none}
  .hdr.is-compact .wrap,body:not(.home-route) .hdr .wrap{grid-template-rows:auto auto}
  .hdr .search,.hdr.is-compact .search{grid-column:1/-1;grid-row:3;width:100%;height:58px;padding:0 12px 0 20px;border:0;border-radius:18px;background:#fff;color:#111;margin:0;max-width:none}
  .hdr.is-compact .search,body:not(.home-route) .hdr .search{grid-row:2}
  .hdr .search[hidden]{display:none!important}.hdr .search>svg{display:none}.hdr .search input{font-size:17px;color:#111}.hdr .search input::placeholder{color:#85817b}
  body.store-route .hdr .wrap,body.store-route .hdr.is-compact .wrap{grid-template-rows:auto}
  .hdr .voice-search{display:grid;place-items:center;width:42px;height:36px;border-left:1px solid #ddd;border-radius:0;color:#111}.hdr .voice-search svg{width:22px;height:24px}
  .hdr.is-compact .mobile-category-nav{display:flex;gap:26px;overflow-x:auto;padding:12px 20px;background:var(--surface);color:var(--ink);border-bottom:1px solid var(--line);white-space:nowrap}
  .mobile-category-nav button{flex:none;font-weight:750;font-size:14px;padding:0 0 6px;border-bottom:2px solid transparent}.mobile-category-nav button[aria-pressed=true]{border-color:#ff6b00}
  body:not(.home-route) .mobile-category-nav{display:none!important}
  .photo-offer-rail{gap:12px;margin-bottom:20px}.photo-offer-card{flex-basis:78vw;min-width:230px;max-width:320px;border-radius:18px}.photo-offer-label strong{font-size:24px}.photo-offer-label small{font-size:13px}
  .offer-zone-rail .photo-offer-card{flex-basis:78vw}
  .cartbar{min-height:60px;width:calc(100% - 28px);padding:16px 18px;bottom:calc(12px + env(safe-area-inset-bottom,0px))}.cartbar .l,.cartbar .r{font-size:15px}.cartbar .l small{font-size:13px}
  .acc-menu{top:78px;z-index:70;max-height:calc(100dvh - 100px)}
  body.compact-header .filters-bar{top:var(--mobile-header-height,188px)}
  body.store-route .menu-tools,body.store-route.compact-header .menu-tools{top:var(--mobile-header-height,82px)}
  body.store-route .menu-nav,body.store-route.compact-header .menu-nav{top:calc(var(--mobile-header-height,82px) + 64px)}
}
@media(prefers-reduced-motion:reduce){.photo-offer-card>img{transition:none}}