:root{--green:#173e32;--green2:#245646;--red:#8f2d2a;--cream:#f7f2e8;--paper:#fffdf8;--ink:#1b211e;--muted:#66706b;--line:#ddd6c9;--shadow:0 18px 50px rgba(20,35,29,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream)}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}
.topbar{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:18px;padding:12px clamp(14px,3vw,34px);background:var(--green);color:white;box-shadow:0 5px 20px rgba(0,0,0,.12)}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand img{width:56px;height:56px;object-fit:contain;background:white;border-radius:50%;padding:4px}.brand strong,.brand span{display:block}.brand span{opacity:.72;font-size:.85rem;margin-top:2px}.typeSwitch{display:flex;background:rgba(255,255,255,.12);border-radius:999px;padding:4px}.typeSwitch button{border:0;background:transparent;color:white;padding:10px 17px;border-radius:999px;font-weight:800}.typeSwitch button.active{background:white;color:var(--green)}.accountButton{border:1px solid rgba(255,255,255,.32);background:transparent;color:white;border-radius:12px;padding:11px 14px;font-weight:900}.accountButton.signedIn{background:white;color:var(--green)}.basketButton{border:0;background:var(--red);color:white;border-radius:12px;padding:12px 15px;font-weight:900}.basketButton span{background:white;color:var(--red);border-radius:999px;padding:2px 7px;margin-left:5px}
main{max-width:1400px;margin:auto;padding:0 clamp(14px,3vw,34px) 80px}.hero{margin:28px 0 18px;display:grid;grid-template-columns:1fr auto;gap:26px;align-items:end;background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:clamp(22px,4vw,44px);box-shadow:var(--shadow)}.hero h1{font-family:Georgia,serif;font-size:clamp(2.3rem,5vw,4.7rem);line-height:.98;margin:.15em 0}.hero p{max-width:700px;color:var(--muted);font-size:1.05rem}.eyebrow{font-size:.72rem;letter-spacing:.16em;font-weight:900;color:var(--red);margin:0}.heroCard{min-width:210px;background:var(--green);color:white;border-radius:18px;padding:18px}.heroCard strong,.heroCard span{display:block}.heroCard strong{font-size:1.2rem}.heroCard span{opacity:.75;margin-top:6px;font-size:.86rem}.categoryNav{display:flex;gap:8px;overflow:auto;padding:8px 0 17px;position:sticky;top:80px;z-index:15;background:linear-gradient(var(--cream) 75%,transparent)}.categoryNav button{white-space:nowrap;border:1px solid var(--line);background:var(--paper);padding:10px 16px;border-radius:999px;font-weight:800}.categoryNav button.active{background:var(--green);border-color:var(--green);color:white}.menuSection{scroll-margin-top:145px}.sectionTitle{display:flex;align-items:end;justify-content:space-between;margin:26px 0 12px}.sectionTitle h2{font-family:Georgia,serif;font-size:2rem;margin:0}.sectionTitle span{color:var(--muted);font-size:.9rem}.productGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:14px}.productCard{display:grid;grid-template-rows:155px 1fr;background:var(--paper);border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:0 7px 20px rgba(30,42,36,.06);transition:.16s}.productCard:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(30,42,36,.11)}.productCard.disabled{opacity:.55}.productImage{width:100%;height:155px;object-fit:cover;background:#ece7dd}.productBody{display:flex;flex-direction:column;padding:14px}.productBody h3{margin:0;font-size:1.02rem}.badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.badge{font-size:.67rem;font-weight:900;text-transform:uppercase;padding:4px 7px;border-radius:999px;background:#e8efe9;color:var(--green)}.badge.warn{background:#f7e8e5;color:var(--red)}.productMeta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px}.price{font-weight:900;font-size:1.08rem}.addBtn{border:0;border-radius:10px;background:var(--green);color:white;padding:9px 12px;font-weight:900}.addBtn:disabled{background:#888}.loading,.empty{padding:45px;text-align:center;color:var(--muted)}
.basketPanel{position:fixed;right:0;top:0;z-index:50;height:100dvh;width:min(430px,94vw);background:var(--paper);box-shadow:-15px 0 45px rgba(0,0,0,.19);padding:20px;display:flex;flex-direction:column;transform:translateX(110%);transition:.22s}.basketPanel.open{transform:translateX(0)}.scrim{position:fixed;inset:0;background:rgba(11,18,15,.48);z-index:45;opacity:0;pointer-events:none;transition:.2s}.scrim.open{opacity:1;pointer-events:auto}.basketHead{display:flex;justify-content:space-between;align-items:flex-start}.basketHead h2{font-family:Georgia,serif;font-size:2rem;margin:3px 0}.iconBtn{border:0;background:#eee8dd;width:38px;height:38px;border-radius:50%;font-size:1.7rem;line-height:1}.basketLines{overflow:auto;flex:1;margin:9px 0}.basketLine{border-top:1px solid var(--line);padding:13px 0}.basketLineTop{display:grid;grid-template-columns:1fr auto;gap:10px}.basketLine strong{display:block}.basketLine small{color:var(--muted);display:block;line-height:1.35;margin-top:3px}.qtyRow{display:flex;align-items:center;gap:8px;margin-top:9px}.qtyRow button{width:31px;height:31px;border:1px solid var(--line);background:white;border-radius:8px}.removeBtn{margin-left:auto!important;width:auto!important;padding:0 9px;color:var(--red)}.basketQuote{border-top:2px solid var(--ink);padding:12px 0}.quoteRow{display:flex;justify-content:space-between;padding:4px 0}.quoteRow.total{font-size:1.2rem;font-weight:900;padding-top:8px}.quoteMessage{font-size:.82rem;color:var(--red);margin:6px 0}.primaryBtn{width:100%;border:0;background:var(--red);color:white;padding:14px 17px;border-radius:12px;font-weight:900;font-size:1rem}.primaryBtn:disabled{opacity:.45;cursor:not-allowed}.textBtn,.secondaryLink{border:0;background:none;color:var(--muted);padding:12px;text-align:center;text-decoration:underline}.secondaryLink{display:block}
.modalOverlay{position:fixed;inset:0;z-index:70;background:rgba(10,16,13,.62);display:grid;place-items:center;padding:15px}.modal{width:min(830px,98vw);max-height:92dvh;overflow:auto;background:var(--paper);border-radius:20px;box-shadow:var(--shadow);padding:22px}.modal.wide{width:min(1050px,98vw)}.modalHead{display:flex;justify-content:space-between;gap:20px;align-items:start}.modalHead h2{font-family:Georgia,serif;font-size:2rem;margin:0}.modalClose{border:0;background:#eee8dd;width:38px;height:38px;border-radius:50%;font-size:1.5rem}.optionGroup{margin-top:20px}.optionGroup h3{margin:0 0 9px}.choices{display:flex;gap:8px;flex-wrap:wrap}.choice{border:1px solid var(--line);background:white;border-radius:10px;padding:10px 12px;font-weight:700}.choice.active{background:var(--green);border-color:var(--green);color:white}.choice:disabled{opacity:.38}.modifierList{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:8px}.modifierRow{border:1px solid var(--line);background:white;border-radius:11px;padding:9px 10px;display:flex;justify-content:space-between;gap:8px;align-items:center}.modName{min-width:0}.modName strong{display:block}.modName small{color:var(--muted)}.qtyButtons{display:flex;gap:4px}.qtyButtons button{border:1px solid var(--line);background:white;border-radius:7px;min-width:31px;height:31px}.qtyButtons button.active{background:var(--green);color:white;border-color:var(--green)}.modalFooter{position:sticky;bottom:-22px;margin:24px -22px -22px;padding:14px 22px;background:rgba(255,253,248,.96);border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;align-items:center}.modalFooter strong{font-size:1.3rem}.modalFooter .primaryBtn{width:auto;min-width:140px}.validation{color:var(--red);font-weight:700;font-size:.88rem;margin-top:10px}.dealSlot{border:1px solid var(--line);border-radius:13px;padding:13px;margin-top:10px;background:white}.dealSlotHead{display:flex;justify-content:space-between;align-items:center;gap:10px}.dealSlot select{width:100%;padding:10px;border:1px solid var(--line);border-radius:9px;background:white;margin-top:9px}.dealConfigured{margin-top:8px;color:var(--green);font-size:.88rem}.configureBtn{border:1px solid var(--green);color:var(--green);background:white;padding:8px 10px;border-radius:9px;font-weight:800}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field.full{grid-column:1/-1}.field label{display:block;font-size:.8rem;font-weight:900;margin:0 0 5px}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:10px;background:white;padding:11px}.field textarea{min-height:80px;resize:vertical}.summaryBox{background:#f0ece4;border-radius:13px;padding:14px;margin:16px 0}.summaryBox .quoteRow{padding:3px 0}.notice{padding:10px 12px;border-radius:10px;background:#f3e5df;color:#79332e;margin:12px 0;font-size:.9rem}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,30px);background:var(--ink);color:white;padding:11px 17px;border-radius:999px;z-index:100;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
.resultPage{min-height:100dvh;display:grid;place-items:center;padding:20px}.resultCard{width:min(560px,96vw);background:var(--paper);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:34px;text-align:center}.resultLogo{width:95px;height:95px;object-fit:contain}.resultCard h1{font-family:Georgia,serif;font-size:2.2rem}.resultDetails{margin:18px 0;padding:14px;background:#f0ece4;border-radius:12px}.resultDetails:empty{display:none}
@media(max-width:720px){.topbar{grid-template-columns:1fr auto;gap:8px}.brand div{display:none}.brand img{width:46px;height:46px}.typeSwitch{grid-row:2;grid-column:1/-1;justify-self:stretch}.typeSwitch button{flex:1}.categoryNav{top:116px}.hero{grid-template-columns:1fr}.heroCard{display:none}.productGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.productCard{grid-template-rows:115px 1fr}.productImage{height:115px}.productBody{padding:10px}.formGrid{grid-template-columns:1fr}.field.full{grid-column:auto}.modal{padding:16px}.modalFooter{bottom:-16px;margin:20px -16px -16px;padding:12px 16px}.modifierList{grid-template-columns:1fr}.sectionTitle h2{font-size:1.65rem}}
@media(max-width:410px){.productGrid{grid-template-columns:1fr}.productCard{grid-template-columns:110px 1fr;grid-template-rows:auto}.productImage{height:100%;min-height:125px}.productMeta{padding-top:8px}}

#orderingStatus.closed{color:#ffd7cc;opacity:1}.heroCard #basketSaveStatus{font-size:.76rem;opacity:.58;margin-top:9px}.dealConfigured{line-height:1.35}

.accountSummary{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;background:#eef3ef;border:1px solid #d8e3dc;border-radius:14px;padding:14px;margin:14px 0}.pointsBig{font-size:1.8rem;font-weight:900;color:var(--green)}.rewardList{display:grid;gap:8px;margin:12px 0}.rewardLine{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--line);background:white;border-radius:10px;padding:10px 12px}.accountActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.accountActions button{width:auto}.muted{color:var(--muted)}

/* V6.36 postcode lookup — additive; manual address entry remains available */
.postcodeTools{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:7px}.postcodeLookupBtn{border:1px solid var(--green);background:white;color:var(--green);border-radius:9px;padding:8px 10px;font-weight:850}.postcodeLookupBtn:disabled{opacity:.5}.postcodeLookupStatus{font-size:.78rem}.postcodeResults{width:100%;border:1px solid var(--line);background:white;border-radius:9px;padding:9px;margin-top:2px}.postcodeResults[hidden]{display:none}

/* V6.37 workflow corrections: meal-deal buttons, Half & Half wizard, allergen key, clean basket detail. */
.allergenIcon{display:inline-flex;align-items:center;justify-content:center;margin-left:4px;font-size:.95em;vertical-align:middle}.allergenKey{margin-top:18px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#f5f1e8;display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:.82rem}.allergenKey>strong{margin-right:3px}.allergenKey span{white-space:nowrap}.allergenKey b{font-size:1.05rem}.dealChoiceButtons{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.dealFixedChoice{margin-top:9px;font-weight:800;color:var(--green)}.dealConfigured small{display:block;color:var(--muted);margin-top:3px}.basketDetailLines{margin-top:4px;display:grid;gap:2px}.basketDetailLines small{margin:0}.editBtn{width:auto!important;padding:0 9px;color:var(--green)}.modalActions{display:flex;gap:8px;align-items:center}.secondaryBtn{border:1px solid var(--green);background:white;color:var(--green);padding:12px 16px;border-radius:11px;font-weight:900}.halfRate{margin:13px 0 5px;color:var(--green)}.halfReminder{border:1px solid var(--line);border-radius:11px;background:#eef3ef;padding:11px 12px;margin:13px 0}.quoteMessage.error{font-weight:800}.choice .allergenIcon{margin-left:5px}

/* V6.38 account-first ordering corrections */
.logoutTopButton{border:1px solid rgba(255,255,255,.32);background:transparent;color:white;border-radius:12px;padding:11px 14px;font-weight:900}.fieldHelp{display:block;color:var(--muted);font-size:.76rem;line-height:1.35;margin-top:5px}.newsletterOpt{display:flex;gap:9px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;background:#f5f1e8;padding:11px 12px;font-size:.86rem}.newsletterOpt input{width:auto;margin-top:2px}.topbar{grid-template-columns:1fr auto auto auto auto}@media(max-width:720px){.topbar{grid-template-columns:1fr auto auto}.logoutTopButton{padding:10px 11px}.typeSwitch{grid-row:2;grid-column:1/-1}}

/* V6.39 favourites, dietary filters and live quoted-time presentation */
.dietaryNav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 5px}.dietaryNav::before{content:'Show:';font-size:.82rem;font-weight:900;color:var(--muted)}.dietaryNav button{border:1px solid var(--line);background:var(--paper);padding:8px 13px;border-radius:999px;font-weight:800}.dietaryNav button.active{background:var(--red);border-color:var(--red);color:white}.favouriteSave{width:100%;margin-bottom:8px}.favouriteList{display:grid;gap:8px;margin-top:10px}.favouriteRow{border:1px solid var(--line);background:white;border-radius:11px;padding:10px 12px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.favouriteRow small{display:block;color:var(--muted);margin-top:2px}.favouriteActions{display:flex;gap:6px}.favouriteActions button{border:1px solid var(--line);background:white;border-radius:8px;padding:7px 9px;font-weight:800}.favouriteActions .danger{color:var(--red)}.toppingAllowance{display:block;max-width:570px;line-height:1.35;color:var(--green);font-weight:800}.checkoutEstimate{grid-column:1/-1;background:#eef3ef;border:1px solid #d8e3dc;border-radius:11px;padding:11px 12px;color:var(--green);font-weight:800}.heroCard #estimatedTime{opacity:1;font-weight:800}.dietaryEmpty{padding:25px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:14px;background:var(--paper)}

/* V6.41 */
.discountApplyRow{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.discountApplyRow .secondaryBtn{padding:10px 13px;white-space:nowrap}.discountOk{color:var(--green)!important;font-weight:800}

/* V6.42 postcode-only address + inline deal controls */
.addressLookupOnly{border:1px solid var(--line,#ddd);padding:12px;border-radius:10px;background:rgba(255,255,255,.55)}
.postcodeEntry{display:grid;gap:8px}.selectedAddress{margin-top:10px;padding:10px 12px;border-radius:8px;background:rgba(0,0,0,.045);font-weight:600}.selectedAddress.muted{font-weight:400}.dealInlineChoices{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.discountApplyRow{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.discountApplyRow input{flex:1 1 180px}.hidden{display:none!important}

/* V6.43 correction build */
.comboDipGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.comboDipGrid label{display:grid;gap:6px;font-weight:900}
.comboDipGrid select{width:100%;border:1px solid var(--line);border-radius:10px;background:white;padding:11px}
.deliveryAreaBlock{text-align:center;padding:6px 2px}
.deliveryAreaBlock h2{font-size:1.8rem;margin:.25rem 0 .8rem}
.deliveryAreaBlock p{font-size:1.05rem;line-height:1.45}
.deliveryAreaBlock .modalActions{justify-content:center;margin-top:18px}
@media(max-width:620px){.comboDipGrid{grid-template-columns:1fr}}

/* LI_BETA_HERO_SELECTED_DESIGN_V1 — actual A -> B replacement */
.liBetaHero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(290px,330px) 1px minmax(0,1fr);
  gap:26px;
  align-items:center;
  margin:28px 0 18px;
  padding:clamp(22px,4vw,44px);
  overflow:hidden;
  box-sizing:border-box;
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:22px;
  box-shadow:var(--shadow);
}
.liBetaStatusCard{
  min-width:0;
  padding:18px;
  box-sizing:border-box;
  border-radius:18px;
  background:linear-gradient(145deg,#0d5a48 0%,#064334 100%);
  color:#fff;
}
.liBetaStatusHead{
  display:flex;
  align-items:center;
  gap:12px;
}
.liBetaBagIcon{
  flex:0 0 44px;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#fbf6ec;
  color:#0b5444;
}
.liBetaBagIcon svg{width:29px;height:29px;display:block}
.liBetaStatusTitle{min-width:0}
.liBetaStatusTitle strong{
  display:block;
  margin:0;
  color:#fff;
  font-size:1.2rem;
  line-height:1.05;
  font-weight:900;
}
.liBetaStatusTitle #orderingStatus{
  display:block;
  margin-top:6px;
  color:rgba(255,255,255,.75);
  font-size:.86rem;
  line-height:1.2;
  font-weight:500;
}
.liBetaStatusTitle #orderingStatus.closed{color:#f0d4d1}
.liBetaEstimate{
  display:flex!important;
  align-items:center;
  gap:9px;
  margin:13px 0 0!important;
  padding:12px 0 13px!important;
  color:#fff!important;
  font-size:.86rem!important;
  line-height:1.2!important;
  font-weight:800!important;
  border-bottom:1px solid rgba(255,255,255,.16);
}
.liBetaEstimate::before{
  content:"";
  flex:0 0 22px;
  width:22px;height:22px;
  border:2px solid #f8f2e7;
  border-radius:50%;
  box-sizing:border-box;
  background:
    linear-gradient(#f8f2e7,#f8f2e7) 50% 27%/2px 6px no-repeat,
    linear-gradient(55deg,transparent 46%,#f8f2e7 47% 57%,transparent 58%) 54% 58%/9px 9px no-repeat;
}
.liBetaBasketSaved{
  display:flex!important;
  align-items:center;
  gap:9px;
  margin:12px 0 0!important;
  color:rgba(255,255,255,.68)!important;
  font-size:.82rem!important;
  line-height:1.2!important;
  font-weight:600!important;
}
.liBetaBasketSaved::before{
  content:"";
  width:17px;height:22px;
  flex:0 0 17px;
  box-sizing:border-box;
  border:2px solid rgba(255,255,255,.78);
  border-bottom:0;
  border-radius:2px 2px 0 0;
  clip-path:polygon(0 0,100% 0,100% 100%,50% 76%,0 100%);
}
.liBetaVerticalRule{
  width:1px;
  align-self:stretch;
  background:rgba(53,47,34,.12);
}
.liBetaNotice{
  position:relative;
  z-index:1;
  min-width:0;
  padding:0 72px 0 0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.liBetaBadge{
  position:relative;
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin:0 0 9px;
  padding:8px 20px 8px 14px;
  border-radius:999px;
  background:#b51624;
  color:#fff;
  font:900 1rem/1 Arial,Helvetica,sans-serif;
  letter-spacing:.02em;
}
.liBetaBadge svg{width:21px;height:21px;display:block}
.liBetaBadge i{
  position:absolute;
  width:15px;height:3px;
  border-radius:3px;
  background:#b51624;
  right:-24px;top:7px;
  transform:rotate(-47deg);
}
.liBetaBadge i:nth-of-type(2){top:18px;right:-28px;transform:rotate(-8deg)}
.liBetaBadge i:nth-of-type(3){top:29px;right:-24px;transform:rotate(34deg)}
.liBetaNoticeText{
  max-width:none;
  color:#071f1d;
  font-family:"Arial Black",Arial,Helvetica,sans-serif;
  font-weight:900;
  font-size:clamp(1.05rem,1.55vw,1.55rem);
  line-height:1.1;
  letter-spacing:-.02em;
  text-transform:uppercase;
}
.liBetaNoticeText span{color:#ba1727}
.liBetaBrush{
  width:110px;
  height:6px;
  margin:13px 0 11px;
  border-radius:80% 25% 70% 30%;
  background:#b51624;
  transform:rotate(-1deg);
}
.liBetaThanks{
  color:#071f1d;
  font-family:"Arial Black",Arial,Helvetica,sans-serif;
  font-weight:900;
  font-size:clamp(.95rem,1.35vw,1.3rem);
  line-height:1.08;
  letter-spacing:-.015em;
  text-transform:uppercase;
}
.liBetaRoundel{
  position:absolute;
  z-index:-1;
  right:-92px;
  top:50%;
  width:205px;height:205px;
  transform:translateY(-50%);
  border:12px solid rgba(11,84,68,.10);
  border-radius:50%;
  box-sizing:border-box;
}
.liBetaRoundel b,.liBetaRoundel em{
  position:absolute;
  display:block;
  border-radius:50%;
  box-sizing:border-box;
}
.liBetaRoundel b{inset:17px;border:10px solid rgba(247,242,232,.92)}
.liBetaRoundel em{inset:34px;border:10px solid rgba(181,22,36,.10)}
@media(max-width:1000px){
  .liBetaHero{
    grid-template-columns:minmax(250px,300px) 1px minmax(0,1fr);
    gap:18px;
  }
  .liBetaNotice{padding-right:30px}
  .liBetaWideBreak{display:none}
  .liBetaRoundel{right:-130px}
  .liBetaNoticeText{font-size:1rem}
  .liBetaThanks{font-size:.92rem}
}
@media(max-width:720px){
  .liBetaHero{
    display:block;
    padding:22px;
  }
  .liBetaVerticalRule{display:none}
  .liBetaStatusCard{margin-bottom:18px}
  .liBetaNotice{padding:0}
  .liBetaRoundel{display:none}
}

/* LITTLE_ITALY_MOBILE_ACCOUNT_MENU_20261001 */
.liMobileMenuWrap{display:none;position:relative}
.liMobileMenuButton{width:46px;height:46px;border:1px solid rgba(255,255,255,.38);border-radius:12px;background:transparent;padding:10px;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.liMobileMenuButton span{display:block;width:22px;height:3px;border-radius:3px;background:#fff}
.liMobileAccountMenu{display:none;position:absolute;right:0;top:calc(100% + 8px);z-index:100;min-width:220px;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:14px;padding:7px;box-shadow:0 14px 38px rgba(0,0,0,.24)}
.liMobileAccountMenu.open{display:grid}
.liMobileAccountMenu button{appearance:none;border:0;background:transparent;text-align:left;padding:13px 14px;border-radius:9px;color:var(--green);font:inherit;font-weight:850}
.liMobileAccountMenu button:active{background:#eef3ef}
@media(max-width:720px){
  .topbar{grid-template-columns:minmax(0,1fr) auto auto!important;gap:8px!important;padding:10px 12px!important}
  .brand{min-width:0!important}
  .brand strong,.brand span,.brand div{display:none!important}
  .brand img{width:46px!important;height:46px!important;flex:0 0 46px}
  .liAccountButtonGroup,.logoutTopButton{display:none!important}
  .liMobileMenuWrap{display:block}
  .liMobileMenuButton{display:flex}
  .basketButton{min-width:0!important;padding:11px 12px!important;white-space:nowrap;font-size:.94rem!important}
  .typeSwitch{grid-row:2!important;grid-column:1/-1!important;width:100%;justify-self:stretch!important;box-sizing:border-box}
  .typeSwitch button{flex:1;min-width:0}
  .categoryNav{top:116px}
  .modalOverlay{padding:10px!important;align-items:flex-start!important}
  .modal{width:min(100%,680px)!important;max-width:100%!important;max-height:calc(100dvh - 20px)!important;overflow-y:auto!important;box-sizing:border-box!important;padding:16px!important;margin:0 auto!important}
  .modal input,.modal textarea,.modal select,.discountApplyRow>*{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
  .modalFooter{position:sticky!important;bottom:-16px!important;z-index:4;gap:10px!important;align-items:center!important}
  .modalFooter .primaryBtn{min-width:0!important}
}
@media(max-width:520px){
  .discountApplyRow{display:grid!important;grid-template-columns:1fr!important}
  .discountApplyRow button{width:100%!important}
  .modalFooter{grid-template-columns:1fr auto!important}
  .modalFooter>div{min-width:0}
}


/* LITTLE_ITALY_PHONE_LANDSCAPE_MOBILE_VIEW_20261003
   Keep the MOBILE website layout on touch phones when rotated landscape.
   Portrait phones are already handled by the existing max-width:720px rules.
   max-height prevents normal tablets/laptops from being forced into phone mode.
*/
@media (hover:none) and (pointer:coarse) and (max-height:600px) and (max-width:1100px){
  .topbar{grid-template-columns:minmax(0,1fr) auto auto!important;gap:8px!important;padding:10px 12px!important}
  .brand{min-width:0!important}
  .brand strong,.brand span,.brand div{display:none!important}
  .brand img{width:46px!important;height:46px!important;flex:0 0 46px}
  .liAccountButtonGroup,.logoutTopButton{display:none!important}
  .liMobileMenuWrap{display:block!important}
  .liMobileMenuButton{display:flex!important}
  .basketButton{min-width:0!important;padding:11px 12px!important;white-space:nowrap;font-size:.94rem!important}
  .typeSwitch{grid-row:2!important;grid-column:1/-1!important;width:100%;justify-self:stretch!important;box-sizing:border-box}
  .typeSwitch button{flex:1;min-width:0}
  .categoryNav{top:116px}

  .hero{grid-template-columns:1fr!important}
  .heroCard{display:none!important}
  .productGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .productCard{grid-template-rows:115px 1fr!important}
  .productImage{height:115px!important}
  .productBody{padding:10px!important}
  .formGrid{grid-template-columns:1fr!important}
  .field.full{grid-column:auto!important}
  .modifierList{grid-template-columns:1fr!important}
  .sectionTitle h2{font-size:1.65rem!important}

  .modalOverlay{padding:10px!important;align-items:flex-start!important}
  .modal{width:min(100%,680px)!important;max-width:100%!important;max-height:calc(100dvh - 20px)!important;overflow-y:auto!important;box-sizing:border-box!important;padding:16px!important;margin:0 auto!important}
  .modal input,.modal textarea,.modal select,.discountApplyRow>*{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
  .modalFooter{position:sticky!important;bottom:-16px!important;margin:20px -16px -16px!important;padding:12px 16px!important;z-index:4;gap:10px!important;align-items:center!important}
  .modalFooter .primaryBtn{min-width:0!important}

  .liBetaHero{display:block!important;padding:22px!important}
  .liBetaVerticalRule{display:none!important}
  .liBetaStatusCard{margin-bottom:18px!important}
  .liBetaNotice{padding:0!important}
  .liBetaRoundel{display:none!important}
}

/* LI_LANDING_PAGE_UX_CSS_V1_20261005 */
body.liLandingActive{background:#f3ead7!important;overflow-x:hidden}
body.liLandingActive>*:not(#liLandingPage):not(#liNewSiteIntro):not(#modalRoot):not(#toast){display:none!important}
#liLandingPage[hidden]{display:none!important}
.liLandingPage{min-height:100dvh;background:radial-gradient(circle at 15% 8%,rgba(117,34,30,.07),transparent 35%),#f3ead7;color:#171714;font-family:inherit}
.liLandingHeader{min-height:90px;padding:12px clamp(18px,4vw,54px);background:#173f2b;display:flex;align-items:center;justify-content:space-between;gap:20px;box-sizing:border-box;border-bottom:5px solid #8a2f29}
.liLandingLogoButton{border:0;background:transparent;padding:0;cursor:pointer}
.liLandingLogo{width:84px;height:84px;object-fit:contain;display:block}
.liLandingSignIn{border:1px solid rgba(255,255,255,.72);color:#fff;background:transparent;border-radius:4px;padding:12px 20px;font-weight:850;letter-spacing:.055em;cursor:pointer}
.liLandingHero{position:relative;width:min(1180px,calc(100% - 36px));height:clamp(300px,48vw,570px);margin:28px auto 0;overflow:hidden;background:linear-gradient(135deg,#231b17,#4b2b21 48%,#173f2b);border-radius:4px;box-shadow:0 12px 34px rgba(31,25,20,.18)}
.liLandingHeroImage{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.liLandingHeroShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(19,18,15,.55),rgba(19,18,15,.06) 65%,rgba(19,18,15,.2))}
.liLandingHeroContent{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:30px}
.liLandingHeroLogo{width:min(300px,48vw);max-height:58%;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.28))}
.liLandingOrderPanel{width:min(900px,calc(100% - 36px));margin:-34px auto 0;position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.liLandingOrderButton{min-height:100px;border:0;border-radius:4px;padding:17px 22px;cursor:pointer;color:#fff;box-shadow:0 8px 22px rgba(31,25,20,.16);transition:transform .12s ease,filter .12s ease}
.liLandingOrderButton:hover{transform:translateY(-2px);filter:brightness(1.035)}
.liLandingOrderButton.delivery{background:#173f2b}.liLandingOrderButton.collection{background:#842d28}
.liLandingOrderButton span{display:block;font-size:.77rem;letter-spacing:.14em;font-weight:750;opacity:.86;margin-bottom:5px}
.liLandingOrderButton strong{display:block;font-size:clamp(1.35rem,3vw,2.05rem);letter-spacing:.03em}
.liLandingContact{width:min(900px,calc(100% - 36px));margin:26px auto 36px;padding:20px 0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;border-top:1px solid rgba(35,28,22,.2);border-bottom:1px solid rgba(35,28,22,.2)}
.liLandingAddress span{display:block;color:#7b2b26;font-weight:900;font-size:.74rem;letter-spacing:.13em;margin-bottom:4px}
.liLandingAddress strong{font-size:1rem}
.liLandingCall{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;background:#1d1d1a;color:#fff!important;text-decoration:none!important;border-radius:4px;font-weight:900;white-space:nowrap}
.liLandingFooter{padding:31px clamp(18px,4vw,54px) 35px;background:#173f2b;color:#fff}
.liLandingFooter nav{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:center}
.liLandingFooter a{color:#fff!important;text-decoration:none;font-weight:750;font-size:.9rem}.liLandingFooter a:hover{text-decoration:underline}
.liLandingFooterAddress{text-align:center;margin-top:20px;font-size:.82rem;opacity:.74}
.liLandingIntro{position:fixed;inset:0;z-index:100000;background:rgba(16,18,15,.78);display:grid;place-items:center;padding:18px}
.liLandingIntroCard{position:relative;width:min(540px,100%);max-height:calc(100dvh - 36px);overflow:auto;box-sizing:border-box;padding:32px;background:#f6eedf;color:#1b1b18;border-radius:5px;box-shadow:0 20px 70px rgba(0,0,0,.34);border-top:6px solid #173f2b}
.liLandingIntroCard h2{font-size:clamp(1.65rem,5vw,2.35rem);margin:.12em 0 .55em}.liLandingIntroCard p{line-height:1.55}
.liLandingEyebrow{margin:0!important;color:#842d28;font-weight:900;letter-spacing:.14em;font-size:.75rem}
.liIntroClose{position:absolute;top:10px;right:13px;border:0;background:transparent;color:#1b1b18;font-size:30px;cursor:pointer}
.liIntroActions{display:grid;gap:9px;margin-top:24px}
.liLandingPrimary,.liLandingSecondary,.liLandingText{min-height:49px;border-radius:4px;font-weight:850;letter-spacing:.025em;cursor:pointer}
.liLandingPrimary{border:0;background:#173f2b;color:#fff}.liLandingSecondary{border:0;background:#842d28;color:#fff}.liLandingText{border:1px solid rgba(25,25,20,.22);background:transparent;color:#1b1b18}
.liSavedCheckoutAddress{border:1px solid rgba(23,63,43,.2);background:rgba(23,63,43,.055);padding:14px!important;border-radius:8px}
.liSavedCheckoutAddress>label{display:none}
.liSavedAddressHeading{display:flex;justify-content:space-between;align-items:center;gap:16px}
.liSavedAddressHeading span{display:block;font-size:.72rem;letter-spacing:.1em;color:#5e685f;font-weight:850;margin-bottom:4px}
.liSavedAddressHeading strong{display:block;line-height:1.4}
.liChangeAddress{flex:0 0 auto;border:1px solid rgba(23,63,43,.35);background:#fff;color:#173f2b;border-radius:5px;padding:9px 11px;font-weight:850;cursor:pointer}
@media(max-width:720px){
 .liLandingHeader{min-height:74px;padding:9px 16px;border-bottom-width:4px}.liLandingLogo{width:63px;height:63px}.liLandingSignIn{padding:10px 14px}
 .liLandingHero{width:100%;height:clamp(260px,74vw,390px);margin:0;border-radius:0;box-shadow:none}.liLandingHeroLogo{width:min(230px,58vw)}
 .liLandingOrderPanel{width:calc(100% - 28px);grid-template-columns:1fr;margin:-20px auto 0;gap:9px}.liLandingOrderButton{min-height:82px}
 .liLandingContact{width:calc(100% - 34px);grid-template-columns:1fr;gap:14px;margin:22px auto 28px}.liLandingCall{width:100%;box-sizing:border-box}
 .liLandingFooter nav{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;justify-content:start}.liLandingFooterAddress{text-align:left}
 .liLandingIntroCard{padding:28px 20px 20px}.liSavedAddressHeading{align-items:flex-start;flex-direction:column}.liChangeAddress{width:100%}
}
@media(max-width:430px){.liLandingFooter nav{grid-template-columns:1fr}}

/* LI_WELCOME_BANNER_CONTACT_CSS_V1_20261006 */
.liWelcomeBanner{
  background:#f3ead7;
  color:#171713;
  border-top:1px solid rgba(23,23,19,.10);
  border-bottom:1px solid rgba(23,23,19,.14);
  padding:clamp(22px,3.2vw,42px) clamp(20px,5vw,72px);
}
.liWelcomeBannerInner{
  max-width:1180px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
}
.liWelcomeBannerCopy{max-width:820px}
.liWelcomeBanner h1{
  margin:0 0 10px;
  font-size:clamp(30px,4vw,54px);
  line-height:.95;
  letter-spacing:.01em;
  font-weight:900;
}
.liWelcomeBanner p{
  margin:0;
  font-size:clamp(15px,1.45vw,18px);
  line-height:1.55;
}
.liWelcomeContactButton{
  flex:0 0 auto;
  border:0;
  border-radius:10px;
  padding:15px 24px;
  background:#7a1f24;
  color:#fff;
  font:inherit;
  font-weight:900;
  letter-spacing:.04em;
  cursor:pointer;
  box-shadow:0 3px 10px rgba(0,0,0,.14);
}
.liWelcomeContactButton:hover,.liWelcomeContactButton:focus{
  filter:brightness(1.08);
  transform:translateY(-1px);
}
.liContactModal{max-width:620px}
.liContactTrap{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
}
@media(max-width:720px){
  .liWelcomeBannerInner{display:block}
  .liWelcomeContactButton{width:100%;margin-top:20px}
}


/* LI_LIVE_WELCOME_BANNER_FIX_20261006 */
.liBetaNotice.liWelcomeLiveBanner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
  width:100%;
  box-sizing:border-box;
  background:#f3ead7;
  color:#171713;
  padding:30px 38px;
  text-align:left;
}

.liWelcomeLiveCopy{
  max-width:850px;
}

.liWelcomeLiveBanner h1{
  margin:0 0 10px;
  font-size:clamp(32px,4vw,54px);
  line-height:1;
  font-weight:900;
}

.liWelcomeLiveBanner p{
  margin:0;
  font-size:clamp(15px,1.4vw,18px);
  line-height:1.55;
}

.liWelcomeLiveButton{
  flex:0 0 auto;
  border:0;
  border-radius:10px;
  padding:15px 25px;
  background:#7a1f24;
  color:#fff;
  font:inherit;
  font-weight:900;
  letter-spacing:.04em;
  cursor:pointer;
}

.liWelcomeLiveButton:hover{
  filter:brightness(1.08);
}

@media(max-width:720px){
  .liBetaNotice.liWelcomeLiveBanner{
    display:block;
    padding:24px 20px;
  }

  .liWelcomeLiveButton{
    width:100%;
    margin-top:20px;
  }
}


/* LI_WELCOME_BANNER_DESIGN_V2_20261006 */

.liBetaNotice.liWelcomeLiveBanner{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:42px;

  width:100%;
  min-height:230px;
  box-sizing:border-box;

  padding:42px 48px;

  background:
    radial-gradient(circle at 85% 20%, rgba(255,255,255,.055) 0 2px, transparent 3px),
    radial-gradient(circle at 12% 78%, rgba(255,255,255,.035) 0 2px, transparent 3px),
    linear-gradient(128deg, #082f28 0%, #0b4539 55%, #07352d 100%);

  color:#f7f0df;

  border:1px solid rgba(247,240,223,.20);
  border-radius:16px;

  box-shadow:
    0 18px 38px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.08);

  text-align:left;
}

/* subtle oversized background lettering / texture */
.liBetaNotice.liWelcomeLiveBanner::before{
  content:"LITTLE ITALY";
  position:absolute;
  right:-24px;
  bottom:-23px;

  font-size:clamp(62px,9vw,132px);
  font-weight:900;
  letter-spacing:-.06em;

  color:rgba(247,240,223,.035);
  white-space:nowrap;
  pointer-events:none;
  user-select:none;
}

/* Italian colour accent */
.liBetaNotice.liWelcomeLiveBanner::after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:9px;

  background:
    linear-gradient(
      to bottom,
      #0b5444 0 33.333%,
      #f7f2e8 33.333% 66.666%,
      #a9252d 66.666% 100%
    );

  box-shadow:3px 0 12px rgba(0,0,0,.15);
}

.liWelcomeLiveCopy{
  position:relative;
  z-index:1;
  max-width:790px;
}

.liWelcomeLiveBanner h1{
  position:relative;
  display:inline-block;

  margin:0 0 17px;

  color:#f7f0df;

  font-size:clamp(40px,5vw,68px);
  line-height:.88;
  font-weight:950;
  letter-spacing:-.035em;

  text-shadow:0 3px 0 rgba(0,0,0,.14);
}

/* rustic red brush line */
.liWelcomeLiveBanner h1::after{
  content:"";
  display:block;

  width:72%;
  height:7px;
  margin-top:13px;

  background:#a9252d;

  border-radius:20px 4px 18px 5px;
  transform:rotate(-1.5deg);

  box-shadow:0 2px 0 rgba(0,0,0,.12);
}

.liWelcomeLiveBanner p{
  margin:0;

  max-width:760px;

  color:#f3ead7;

  font-size:clamp(16px,1.45vw,19px);
  line-height:1.62;
  font-weight:500;
}

/* contact button */
.liWelcomeLiveButton{
  position:relative;
  z-index:1;

  flex:0 0 auto;

  min-width:185px;
  min-height:58px;

  border:2px solid rgba(255,255,255,.16);
  border-radius:12px;

  padding:17px 28px;

  background:
    linear-gradient(180deg, #b52c34 0%, #8f1e25 100%);

  color:#fff;

  font:inherit;
  font-size:15px;
  font-weight:900;
  letter-spacing:.065em;

  cursor:pointer;

  box-shadow:
    0 8px 20px rgba(0,0,0,.25),
    inset 0 1px 0 rgba(255,255,255,.17);

  transition:
    transform .15s ease,
    box-shadow .15s ease,
    filter .15s ease;
}

.liWelcomeLiveButton::after{
  content:"?";
  display:inline-block;
  margin-left:10px;
  font-size:18px;
  transition:transform .15s ease;
}

.liWelcomeLiveButton:hover,
.liWelcomeLiveButton:focus{
  filter:brightness(1.08);
  transform:translateY(-2px);

  box-shadow:
    0 11px 26px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.17);
}

.liWelcomeLiveButton:hover::after{
  transform:translateX(3px);
}


/* desktop spacing inside the existing hero */
#liBetaHero .liWelcomeLiveBanner{
  margin-top:18px;
}


@media(max-width:720px){

  .liBetaNotice.liWelcomeLiveBanner{
    display:block;

    min-height:0;

    padding:
      32px
      22px
      28px
      30px;

    border-radius:13px;
  }

  .liBetaNotice.liWelcomeLiveBanner::before{
    font-size:70px;
    right:-10px;
    bottom:-10px;
  }

  .liWelcomeLiveBanner h1{
    font-size:42px;
  }

  .liWelcomeLiveBanner h1::after{
    width:64%;
  }

  .liWelcomeLiveBanner p{
    font-size:16px;
    line-height:1.55;
  }

  .liWelcomeLiveButton{
    width:100%;
    margin-top:25px;
  }
}


/* LI_WELCOME_BANNER_COMPACT_V3_20261006 */

.liBetaNotice.liWelcomeLiveBanner{
    min-height:0 !important;
    height:292px !important;
    padding:28px 42px !important;
    gap:32px !important;
}

.liWelcomeLiveBanner h1{
    font-size:clamp(38px,4vw,58px) !important;
    margin-bottom:12px !important;
}

.liWelcomeLiveBanner h1::after{
    margin-top:9px !important;
    height:6px !important;
}

.liWelcomeLiveBanner p{
    font-size:clamp(15px,1.3vw,17px) !important;
    line-height:1.48 !important;
}

.liWelcomeLiveButton{
    min-height:54px !important;
    padding:14px 25px !important;
}

.liWelcomeLiveButton::after{
    content:none !important;
}

@media(max-width:720px){
    .liBetaNotice.liWelcomeLiveBanner{
        height:auto !important;
        padding:26px 22px 24px 30px !important;
    }
}


/* LI_WELCOME_EXACT_HEIGHT_LAYOUT_20261006 */

.liBetaNotice.liWelcomeLiveBanner{
  min-height:0 !important;
  padding:24px 36px !important;
  box-sizing:border-box !important;
  margin-top:0 !important;
}

.liWelcomeLiveBanner h1{
  font-size:48px !important;
  margin:0 0 10px !important;
}

.liWelcomeLiveBanner h1::after{
  margin-top:8px !important;
}

.liWelcomeLiveBanner p{
  font-size:15px !important;
  line-height:1.42 !important;
  max-width:760px !important;
}

.liWelcomeLiveButton{
  min-height:50px !important;
  padding:12px 24px !important;
}

@media(max-width:720px){
  .liBetaNotice.liWelcomeLiveBanner{
    height:auto !important;
  }
}


/* LI_EXACT_RIGHT_BOX_CSS_V4_20261006 */

/* RIGHT BOX ONLY */
.liBetaNotice.liWelcomeLiveBanner{
  height:var(--li-exact-height) !important;
  min-height:0 !important;
  max-height:var(--li-exact-height) !important;

  box-sizing:border-box !important;
  padding:22px 32px !important;
  margin:0 !important;

  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  column-gap:32px !important;

  overflow:hidden !important;
}

.liWelcomeLiveCopy{
  max-width:none !important;
}

.liWelcomeLiveBanner h1{
  font-size:38px !important;
  line-height:.9 !important;
  margin:0 0 10px !important;
}

.liWelcomeLiveBanner h1::after{
  width:58% !important;
  height:5px !important;
  margin-top:8px !important;
}

.liWelcomeLiveBanner p{
  font-size:14px !important;
  line-height:1.38 !important;
  margin:0 !important;
  max-width:760px !important;
}

.liWelcomeLiveButton{
  min-width:170px !important;
  min-height:46px !important;
  padding:11px 20px !important;
  margin:0 !important;
  font-size:14px !important;
}

@media(max-width:720px){
  .liBetaNotice.liWelcomeLiveBanner{
    height:auto !important;
    max-height:none !important;
    display:block !important;
  }
}


/* LI_WELCOME_HEIGHT_FINAL_GRID_FIX_20261006 */

/*
   Do NOT alter .liBetaStatusCard.
   The left Delivery box remains exactly as it is.
*/

.liBetaNotice.liWelcomeLiveBanner{
    /* cancel every earlier fixed-height attempt */
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    /* stretch ONLY the right box to the existing grid row height */
    align-self:stretch !important;

    box-sizing:border-box !important;
    margin:0 !important;
    padding:18px 28px !important;

    display:grid !important;
    grid-template-columns:minmax(0,1fr) 155px !important;
    gap:24px !important;
    align-items:center !important;

    overflow:hidden !important;
}

.liWelcomeLiveCopy{
    min-width:0 !important;
    max-width:none !important;
}

.liWelcomeLiveBanner h1{
    margin:0 0 8px !important;
    font-size:34px !important;
    line-height:.92 !important;
}

.liWelcomeLiveBanner h1::after{
    width:180px !important;
    height:5px !important;
    margin-top:7px !important;
}

.liWelcomeLiveBanner p{
    margin:0 !important;
    max-width:none !important;
    font-size:13px !important;
    line-height:1.35 !important;
}

.liWelcomeLiveButton{
    width:155px !important;
    min-width:155px !important;
    min-height:44px !important;
    height:44px !important;

    margin:0 !important;
    padding:0 14px !important;

    font-size:13px !important;
    line-height:44px !important;
}

.liWelcomeLiveButton::after{
    content:none !important;
}

@media(max-width:720px){
    .liBetaNotice.liWelcomeLiveBanner{
        align-self:auto !important;
        height:auto !important;
        display:block !important;
        padding:24px !important;
    }

    .liWelcomeLiveButton{
        width:100% !important;
        margin-top:18px !important;
    }
}


/* LI_COMPACT_PHONE_LANDSCAPE_HEADER_20261006
   Landscape phones only.
   Portrait mobile and desktop remain unchanged.
*/
@media
  (orientation: landscape)
  and (hover:none)
  and (pointer:coarse)
  and (max-height:600px)
  and (max-width:1100px){

  /* ONE compact header row */
  .topbar{
    grid-template-columns:minmax(0,1fr) auto auto !important;
    grid-template-rows:44px !important;
    gap:8px !important;

    padding:6px 10px !important;
    min-height:0 !important;
    height:56px !important;

    box-sizing:border-box !important;
    align-items:center !important;
  }

  /* Logo is unnecessary while actively ordering in landscape */
  .brand{
    display:none !important;
  }

  /* Collection / Delivery goes into the LEFT of the same row */
  .typeSwitch{
    grid-column:1 !important;
    grid-row:1 !important;

    width:100% !important;
    height:42px !important;

    margin:0 !important;
    padding:3px !important;

    box-sizing:border-box !important;
    align-self:center !important;
  }

  .typeSwitch button{
    flex:1 !important;

    min-width:0 !important;
    height:36px !important;

    padding:0 12px !important;

    font-size:14px !important;
    line-height:36px !important;
    font-weight:850 !important;
  }

  /* Hamburger */
  .liMobileMenuWrap{
    grid-column:2 !important;
    grid-row:1 !important;

    display:block !important;
    margin:0 !important;
  }

  .liMobileMenuButton{
    display:flex !important;

    width:42px !important;
    height:42px !important;

    padding:8px !important;
    border-radius:11px !important;
  }

  .liMobileMenuButton span{
    width:21px !important;
    height:2px !important;
  }

  /* Basket */
  .basketButton{
    grid-column:3 !important;
    grid-row:1 !important;

    height:42px !important;
    min-width:0 !important;

    padding:0 13px !important;
    margin:0 !important;

    border-radius:11px !important;

    font-size:14px !important;
    line-height:42px !important;
  }

  .basketButton span{
    padding:2px 7px !important;
    margin-left:5px !important;
  }

  /* Desktop account controls remain hidden */
  .liAccountButtonGroup,
  .logoutTopButton{
    display:none !important;
  }

  /*
     Header is now only 56px tall.
     Keep the category navigation directly underneath it.
  */
  .categoryNav{
    top:56px !important;
  }
}