/* Single owner for storefront masthead and mobile navigation. No JS required. */
body:has(.nf-site-header) { margin:0; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
#header:has(.nf-site-header) { display:block!important; visibility:visible!important; position:sticky!important; top:0!important; z-index:1000!important; height:auto!important; min-height:0!important; margin:0!important; padding:0!important; }
.nf-site-header { display:block!important; position:relative!important; width:100%!important; margin:0!important; background:#fff!important; color:#111!important; border-bottom:1px solid #e1e8ed; z-index:1000; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.nf-site-header *, .nf-global-bottom-nav * { box-sizing:border-box; letter-spacing:0; }
.nf-site-shell { position:relative; display:grid; grid-template-columns:180px minmax(0,1fr); align-items:center; gap:12px 20px; width:min(1480px,calc(100% - 40px)); margin:auto; padding:10px 0 0; }
.nf-site-logo-row { display:flex; align-items:center; justify-content:center; min-width:0; height:64px; }
.nf-site-logo { display:flex; align-items:center; justify-content:center; width:170px; height:60px; }
.nf-site-logo img { display:block!important; opacity:1!important; visibility:visible!important; width:100%!important; height:100%!important; object-fit:contain; }
.nf-site-logo-row .nf-lang-switch, .nf-mobile-under-location-lang { display:none; }
.nf-site-main { display:grid; grid-template-columns:150px 145px minmax(140px,1fr) 232px; align-items:center; gap:12px; min-width:0; }
.nf-site-location { display:flex; align-items:center; gap:8px; min-width:0; height:50px; padding:0; color:#111; text-decoration:none; }
.nf-site-location small { display:block; font-size:12px; line-height:1.3; }
.nf-site-location strong { display:block; font-size:15px; line-height:1.3; }
.nf-site-pin { display:grid; place-items:center; width:32px; height:32px; flex:0 0 32px; border-radius:50%; background:#12b9d8; }
.nf-site-pin:after { content:"location_on"; font-family:"Material Icons"; font-size:22px; color:white; }
.nf-site-arrow:after { content:"expand_more"; font-family:"Material Icons"; font-size:20px; }
.nf-site-delivery-timing { display:block; color:#249c47; font-size:13px; line-height:1.3; font-weight:650; text-align:right; }
.nf-site-delivery-timing strong { color:inherit; font:inherit; }
.nf-site-search { position:relative; display:flex; align-items:center; min-width:0; width:100%; height:48px; padding:0; margin:0; border:1px solid #dfe2e5; border-radius:8px; background:#f7f7f7; }
.nf-site-search>i { display:grid; place-items:center; width:40px; flex:0 0 40px; font-size:24px; color:#111; }
.nf-site-search input[type=text] { flex:1; min-width:0; width:100%; height:46px; margin:0; padding:0 6px; border:0; background:transparent; color:#111; font:inherit; font-size:16px; box-shadow:none; }
.nf-site-search button { display:grid; place-items:center; flex:0 0 44px; width:44px; height:44px; padding:0; margin:0; border:0; background:transparent; color:#111; }
.nf-site-search button i { font-size:22px; }
.nf-site-actions { display:flex; align-items:center; justify-content:flex-end; gap:2px; min-width:0; height:52px; }
.nf-site-icon { position:relative; display:flex; flex:1; flex-direction:column; align-items:center; justify-content:center; gap:3px; min-width:0; height:50px; padding:0 3px; border:0; background:transparent; color:#111; text-decoration:none; }
.nf-site-icon i { font-size:25px; }
.nf-site-icon span { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; }
.nf-site-icon em, .nf-site-icon b:not(:empty) { position:absolute; top:0; right:3px; min-width:18px; height:18px; padding:0 4px; border-radius:10px; background:#0098eb; color:#fff; font:600 10px/18px sans-serif; text-align:center; }
.nf-site-cats { grid-column:1/-1; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; margin:0; padding:6px 0; border-top:1px solid #edf1f4; }
.nf-site-cats a { display:flex; align-items:center; justify-content:center; gap:7px; min-height:44px; padding:6px; border-radius:8px; color:#18232c; text-decoration:none; font-size:14px; font-weight:600; }
.nf-site-cats a i { font-size:20px; color:#0098eb; }
.nf-site-cats a.is-active, .nf-site-cats a:hover { background:#eaf6ff; color:#0098eb; }
.nf-site-cats a[href*="nomaticpremium"] i { display:none; }
.nf-global-bottom-nav { display:none; }
@media (min-width:768px) and (max-width:1199px) {
  .nf-site-shell { grid-template-columns:160px minmax(0,1fr); }
  .nf-site-main { grid-template-columns:145px minmax(0,1fr) 190px; grid-template-rows:48px 48px; gap:6px 10px; }
  .nf-site-location { grid-column:1; grid-row:1; }
  .nf-site-delivery-timing { grid-column:2; grid-row:1; }
  .nf-site-actions { grid-column:3; grid-row:1; }
  .nf-site-search { grid-column:1/-1; grid-row:2; }
}
@media (max-width:767px) {
  body:has(.nf-global-bottom-nav) { padding-bottom:calc(82px + env(safe-area-inset-bottom))!important; }
  .nf-site-shell { display:block; width:100%; padding:4px 14px 10px; }
  .nf-site-logo-row { height:70px; }
  .nf-site-logo { width:168px; height:62px; }
  .nf-site-main { grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-rows:48px minmax(48px,auto); gap:8px 10px; }
  .nf-site-search { grid-column:1/-1; grid-row:1; }
  .nf-site-location { grid-column:1; grid-row:2; }
  .nf-site-delivery-timing { grid-column:2; grid-row:2; font-size:12px; }
  .nf-site-actions { position:absolute; top:15px; right:14px; width:44px; height:44px; }
  .nf-site-actions .nf-site-account, .nf-site-actions .nf-site-favorites, .nf-site-actions .nf-site-cart, .nf-site-actions .nf-site-icon span { display:none; }
  .nf-site-actions .nf-alert-trigger { width:44px; height:44px; }
  .nf-site-cats { display:none; }
  .nf-global-bottom-nav { position:fixed; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); bottom:0; left:0; right:0; z-index:1000; width:100%; height:calc(76px + env(safe-area-inset-bottom)); margin:0; padding:4px 4px env(safe-area-inset-bottom); border-top:1px solid #e1e8ed; background:#fff; }
  .nf-global-bottom-nav a { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-width:0; height:66px; padding:3px 1px; border-radius:8px; color:#303947; text-decoration:none; font:600 10px/1.25 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
  .nf-global-bottom-nav a i { font-size:26px; }
  .nf-global-bottom-nav a.is-active { color:#0098eb; background:#eaf6ff; }
  .nf-global-bottom-nav a em { position:absolute; top:3px; left:calc(50% + 7px); min-width:18px; height:18px; padding:0 4px; border:1px solid #fff; border-radius:10px; background:#0098eb; color:#fff; font:600 10px/16px sans-serif; }
}