/* Final storefront composition: a warm café palette, confident type and product-first spacing. */
:root {
  --sb-content: 1240px;
  --sb-gutter: clamp(20px, 4.4vw, 72px);
  --sb-section: clamp(76px, 8vw, 132px);
}
html body.lp .wrap { max-width: var(--sb-content); padding-inline: var(--sb-gutter); }
html body.lp :is(.ey, .hero__eyebrow, .dcard__no) { letter-spacing: .12em; }
html body.lp :is(a, button) { -webkit-tap-highlight-color: transparent; }
html body.lp :is(a, button):focus-visible { outline: 2px solid #b66f3a !important; outline-offset: 4px; }
html body.lp .pill { border-radius: 10px !important; font-size: 13px; letter-spacing: .01em; min-height: 50px; }
html body.lp .lp-nav__row { max-width: 1440px; }
html body.lp .lp-nav__left a { font-size: 13px; letter-spacing: .01em; }
html body.lp .nav-order { display: inline-flex; align-items: center; gap: 20px; min-height: 42px; padding: 0 17px; border: 1px solid rgba(255,255,255,.34); border-radius: 8px; color: #fff; font-size: 12px; font-weight: 650; text-decoration: none; white-space: nowrap; transition: background .2s, color .2s; }
html body.lp .nav-order:hover { background: #f7efe5; color: #2b1a13; }
html body.lp .nav-order span { font-size: 16px; font-weight: 400; }

/* The hero's drink is the visual anchor; text and controls share a strict baseline. */
html body.lp.lp-home .hero { max-width: 1600px; margin-inline: auto; padding-inline: var(--sb-gutter) !important; column-gap: clamp(36px, 5vw, 96px); }
html body.lp.lp-home .hero__copy { max-width: 690px; }
html body.lp.lp-home .hero__big { max-width: 11ch; font-size: clamp(66px, 6.55vw, 110px) !important; line-height: .96 !important; letter-spacing: -.067em !important; }
html body.lp.lp-home .hero__big em { font-weight: 500; }
html body.lp.lp-home .hero__sub { max-width: 40ch; line-height: 1.6; }
html body.lp.lp-home .hero__proof { border-top-color: rgba(255,255,255,.18); }
html body.lp.lp-home .hero__visual { border-radius: 22px !important; overflow: hidden; }
html body.lp.lp-home .hero__drink { width: min(44vw, 560px) !important; filter: drop-shadow(0 26px 26px rgba(44,24,16,.18)); }
html body.lp.lp-home .hero__feature { border: 1px solid rgba(88,53,34,.1); box-shadow: 0 14px 40px rgba(55,31,16,.1); }

/* Product gallery: spacious media, light grouping, clear names and prices. */
html body.lp .selection { padding-block: var(--sb-section) !important; }
html body.lp .selection .section-heading { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: clamp(32px, 4.2vw, 64px); }
html body.lp .selection .section-heading h2 { font-size: clamp(46px, 5.5vw, 78px) !important; font-weight: 550 !important; letter-spacing: -.055em !important; line-height: 1 !important; }
html body.lp .selection .section-heading > p { max-width: 31ch; margin: 0 0 4px; font-size: 15px; line-height: 1.65; color: var(--sb-ink-muted); }
html body.lp .sel-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(18px, 2.1vw, 30px); }
html body.lp .dcard { position: relative; display: flex; flex-direction: column; min-width: 0; text-align: left; text-decoration: none; color: var(--sb-ink); }
html body.lp .dcard__im { display: grid; place-items: center; position: relative; aspect-ratio: 4 / 3; overflow: hidden; background: #eee3d5 !important; border-radius: 12px !important; }
html body.lp .dcard:nth-child(4n+2) .dcard__im { background: #e6e6d8 !important; }
html body.lp .dcard:nth-child(4n+3) .dcard__im { background: #e7dacf !important; }
html body.lp .dcard:nth-child(4n+4) .dcard__im { background: #e8dfd6 !important; }
html body.lp .dcard__im img { display: block; width: 70% !important; height: 70% !important; max-width: none; object-fit: contain; transition: transform .45s ease; }
html body.lp .dcard:hover .dcard__im img { transform: translateY(-6px) scale(1.035); }
html body.lp .dcard__add { position: absolute; right: 13px; bottom: 13px; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 8px; background: var(--sb-ink) !important; color: #fff !important; font-size: 18px; transition: background .2s, transform .2s; }
html body.lp .dcard:hover .dcard__add { background: var(--sb-action) !important; transform: translate(2px,-2px); }
html body.lp .dcard__no { margin-top: 17px; font-size: 10px; font-weight: 700; text-transform: uppercase; color: var(--sb-action) !important; }
html body.lp .dcard__feeling { margin-top: 10px; font-size: clamp(20px, 2vw, 27px); line-height: 1.06; font-weight: 650; letter-spacing: -.04em; text-transform: uppercase; }
html body.lp .dcard__nm { margin-top: 8px; font-size: clamp(17px, 1.45vw, 20px) !important; font-weight: 520 !important; letter-spacing: -.025em !important; line-height: 1.24; color: var(--sb-ink) !important; }
html body.lp .dcard__feeling + .dcard__nm { margin-top: 4px; font-size: 15px !important; font-weight: 450 !important; color: var(--sb-ink-muted) !important; }
html body.lp .dcard__pr { margin-top: auto; padding-top: 16px; font-size: 14px; font-weight: 650; color: var(--sb-ink) !important; }
html body.lp .selection__status { grid-column: 1 / -1; padding: 58px 0; border-top: 1px solid var(--sb-border); border-bottom: 1px solid var(--sb-border); color: var(--sb-ink-muted); font-size: 16px; }
html body.lp .sel-foot { margin-top: 44px; }

/* The brand story is brief on the homepage, with the real drink remaining central. */
html body.lp .home-story { background: #f1e7d9; overflow: hidden; }
html body.lp .home-story__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .92fr); align-items: center; gap: clamp(56px, 8vw, 130px); min-height: 620px; }
html body.lp .home-story__visual { align-self: stretch; display: grid; place-items: center; min-height: 560px; background: #e7d6c2; overflow: hidden; }
html body.lp .home-story__visual img { width: min(68%, 420px); max-height: 420px; object-fit: contain; filter: drop-shadow(0 25px 24px rgba(75,46,24,.16)); }
html body.lp .home-story__copy { padding-block: var(--sb-section); }
html body.lp .home-story__copy h2 { max-width: 11ch; margin: 18px 0 26px; font-size: clamp(44px, 5vw, 74px); font-weight: 530; letter-spacing: -.06em; line-height: 1.02; }
html body.lp .home-story__copy > p:not(.ey) { max-width: 45ch; margin: 0 0 16px; color: var(--sb-ink-muted); font-size: 16px; line-height: 1.7; }
html body.lp .home-story__link { display: inline-flex; align-items: center; gap: 22px; margin-top: 20px; padding-bottom: 7px; border-bottom: 1px solid var(--sb-ink); color: var(--sb-ink); font-size: 14px; font-weight: 650; text-decoration: none; }
html body.lp .home-story__link:hover { color: var(--sb-action); border-color: var(--sb-action); }

/* Loyalty, visit and closing sections retain their roles with calmer framing. */
html body.lp .loyalty__copy h2 { line-height: .98 !important; letter-spacing: -.055em !important; }
html body.lp .loyalty__art img { width: min(52%, 420px); filter: drop-shadow(0 24px 30px rgba(25,14,9,.16)); }
html body.lp .places { padding-block: var(--sb-section) !important; }
html body.lp .places .section-heading { margin-bottom: 38px; }
html body.lp .places__head { font-size: clamp(42px, 5vw, 70px) !important; line-height: 1; letter-spacing: -.055em !important; }
html body.lp .places__grid > .place:only-child { border-radius: 16px; min-height: 360px; }
html body.lp .place__hrs[hidden], html body.lp .hours-table[hidden] { display: none !important; }
html body.lp .place h3 { max-width: 20ch !important; font-size: clamp(26px, 3vw, 40px) !important; line-height: 1.08 !important; letter-spacing: -.04em !important; }
html body.lp .finale { min-height: 560px; }
html body.lp .finale__big { letter-spacing: -.07em !important; }

/* Practical ordering surfaces use larger products and less widget styling. */
html body.lp .menu-hero__big { max-width: 11ch; font-size: clamp(52px, 6vw, 84px) !important; }
html body.lp .menu-hero__sub { font-size: 16px; line-height: 1.6; }
html body.lp .menu-section__title { font-size: clamp(25px, 2.5vw, 34px) !important; font-weight: 600 !important; letter-spacing: -.035em !important; text-transform: none !important; }
html body.lp .menu-body .drink-card__media { aspect-ratio: 4 / 3 !important; border-radius: 12px !important; background: #eee3d5 !important; }
html body.lp .drink-card__media img { width: 70% !important; max-width: none; object-fit: contain; }
html body.lp .drink-card__body { text-align: left; align-items: flex-start !important; padding: 16px 1px 0 !important; }
html body.lp .drink-card__tagline { color: var(--sb-action) !important; font-size: 10px; line-height: 1.4; letter-spacing: .12em; }
html body.lp .drink-card__name { margin-top: 6px; font-size: clamp(17px, 1.55vw, 21px) !important; font-weight: 580 !important; line-height: 1.22; letter-spacing: -.025em !important; text-align: left; text-transform: none !important; }
html body.lp .drink-card__name .product-feeling { display: block; font-weight: 700; letter-spacing: -.035em; text-transform: uppercase; }
html body.lp .drink-card__name .product-type { display: block; margin-top: 2px; color: var(--sb-ink-muted); font-size: .88em; font-weight: 470; letter-spacing: -.015em; }
html body.lp .drink-card__meta, html body.lp .drink-card__foot { justify-content: flex-start; }
html body.lp .drink-card__price { font-size: 14px; font-weight: 650; letter-spacing: 0; }
html body.lp .drink-card__badge { border-radius: 6px; }
html body.lp .drink-card__media .add-btn { border-radius: 8px !important; }
html body.lp .filter-pill { border-radius: 8px !important; letter-spacing: .02em !important; text-transform: none !important; font-size: 12px !important; }
html body.lp .item-modal__body h2 { font-size: clamp(28px, 3.6vw, 42px) !important; font-weight: 580 !important; line-height: 1.07; letter-spacing: -.045em !important; text-transform: none !important; }
html body.lp .item-modal__body h2 .product-feeling { display: block; font-weight: 700; text-transform: uppercase; }
html body.lp .item-modal__body h2 .product-type { display: block; margin-top: 4px; color: var(--sb-ink-muted); font-size: .72em; font-weight: 470; }
html body.lp .option-chip { border-radius: 8px !important; }
html body.lp .about-story__body { line-height: 1.72; gap: 20px; }
html body.lp .about-story__body p:first-child { color: var(--sb-ink); font-size: clamp(20px, 1.8vw, 26px); line-height: 1.45; letter-spacing: -.025em; }
html body.lp .about-story__drink { display: grid; place-items: center; min-height: 370px; margin: 12px 0 18px; overflow: hidden; border-radius: 14px; background: #efe2d2; }
html body.lp .about-story__drink img { width: min(68%, 320px); max-height: 320px; object-fit: contain; filter: drop-shadow(0 20px 18px rgba(55,32,20,.13)); }
html body.lp .outlet__body h2 { font-size: clamp(29px, 3vw, 42px) !important; font-weight: 570 !important; letter-spacing: -.04em !important; text-transform: none !important; }
html body.lp .outlet__media { border-radius: 12px; }

/* Keep the product itself comfortably inside each presentation surface. */
html body.lp .item-modal__media img { width: min(58%, 260px) !important; max-height: 300px; object-fit: contain; }
html body.lp .cart-line img,
html body.lp .checkout-items .cart-line img,
html body.lp .account-body .cart-line img { width: 44px !important; height: 44px !important; flex: 0 0 44px; object-fit: contain; padding: 5px; }

@media (max-width: 1024px) {
  html body.lp .nav-order { display: none; }
  html body.lp.lp-home .hero__big { font-size: clamp(56px, 7vw, 78px) !important; }
  html body.lp .sel-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 38px 20px; }
  html body.lp .home-story__grid { gap: 44px; min-height: 500px; }
  html body.lp .home-story__visual { min-height: 500px; }
}
@media (max-width: 700px) {
  html body.lp .wrap { padding-inline: 22px; }
  html body.lp.lp-home .hero { padding-inline: 22px !important; }
  html body.lp.lp-home .hero__big { max-width: 12ch; font-size: clamp(50px, 11.5vw, 72px) !important; }
  html body.lp.lp-home .hero__visual { min-height: 380px !important; }
  html body.lp.lp-home .hero__drink { width: min(88vw, 380px) !important; }
  html body.lp .selection .section-heading { display: block; margin-bottom: 28px; }
  html body.lp .selection .section-heading h2 { font-size: clamp(44px, 11vw, 64px) !important; }
  html body.lp .selection .section-heading > p { max-width: 40ch; margin-top: 14px; }
  html body.lp .home-story__grid { display: flex; flex-direction: column; gap: 0; padding-inline: 0; }
  html body.lp .home-story__visual { width: 100%; min-height: 380px; max-height: 470px; }
  html body.lp .home-story__visual img { max-height: 420px; }
  html body.lp .home-story__copy { padding: 60px 22px 72px; }
  html body.lp .home-story__copy h2 { font-size: clamp(43px, 10vw, 62px); }
  html body.lp .places__grid > .place:only-child::after { width: 100%; height: 43%; top: auto; }
  html body.lp .places__grid > .place:only-child { min-height: 500px; justify-content: flex-start; }
  html body.lp .places__grid > .place:only-child :is(h3,p,.place__idx) { max-width: 100%; }
}
@media (min-width: 540px) and (max-width: 700px) {
  html body.lp.lp-home .hero { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important; align-items: center; gap: 22px; min-height: 0; padding-top: 108px !important; padding-bottom: 70px !important; }
  html body.lp.lp-home .hero__big { font-size: clamp(44px, 7vw, 50px) !important; }
  html body.lp.lp-home .hero__sub { margin-top: 18px; font-size: 14px !important; line-height: 1.5; }
  html body.lp.lp-home .hero__actions { flex-direction: column; align-items: flex-start; gap: 15px; margin-top: 20px; }
  html body.lp.lp-home .hero__proof { display: none; }
  html body.lp.lp-home .hero__visual { min-height: 390px !important; }
  html body.lp.lp-home .hero__drink { width: min(50vw, 300px) !important; }
  html body.lp.lp-home .hero__feature { display: none; }
}
@media (max-width: 480px) {
  html body.lp.lp-home .hero { padding-top: 96px !important; }
  html body.lp.lp-home .hero__big { font-size: clamp(47px, 12.2vw, 61px) !important; }
  html body.lp.lp-home .hero__sub { font-size: 15px !important; }
  html body.lp.lp-home .hero__actions { align-items: center; flex-direction: row; flex-wrap: nowrap; gap: 12px; }
  html body.lp.lp-home .hero__actions .pill--peach { min-height: 46px; padding-inline: 13px; font-size: 12px; white-space: nowrap; }
  html body.lp.lp-home .hero__text-link { font-size: 12px; white-space: nowrap; }
  html body.lp.lp-home .hero__proof { display: none; }
  html body.lp.lp-home .hero__visual { min-height: 340px !important; }
  html body.lp .sel-grid { gap: 28px 14px; }
  html body.lp .dcard__im,
  html body.lp .menu-body .drink-card__media { aspect-ratio: 1 !important; }
  html body.lp .dcard__im img { width: 74% !important; height: 74% !important; }
  html body.lp .dcard__no { font-size: 9px; }
  html body.lp .dcard__feeling { font-size: 18px; }
  html body.lp .dcard__nm { font-size: 15px !important; }
  html body.lp .dcard__feeling + .dcard__nm { font-size: 13px !important; }
  html body.lp .dcard__pr { padding-top: 10px; font-size: 13px; }
  html body.lp .selection { padding-block: 72px !important; }
  html body.lp .menu-body .drink-grid { gap: 30px 14px; }
  html body.lp .menu-body .drink-card__media img { width: 74% !important; }
  html body.lp .item-modal__media img { width: min(56%, 210px) !important; max-height: 220px; }
  html body.lp .cart-line img,
  html body.lp .checkout-items .cart-line img,
  html body.lp .account-body .cart-line img { width: 40px !important; height: 40px !important; flex-basis: 40px; }
  html body.lp .drink-card__name { font-size: 15px !important; }
  html body.lp .menu-hero__big { max-width: 13ch; font-size: clamp(42px, 11vw, 50px) !important; line-height: 1.02 !important; }
}
@media (max-width: 359px) {
  html body.lp .wrap { padding-inline: 16px; }
  html body.lp.lp-home .hero { padding-inline: 16px !important; }
  html body.lp.lp-home .hero__big { font-size: 46px !important; }
  html body.lp .dcard__feeling { font-size: 16px; }
  html body.lp .dcard__nm { font-size: 14px !important; }
}
@media (prefers-reduced-motion: reduce) {
  html body.lp :is(.dcard__im img, .drink-card__media img, .dcard__add) { transition: none !important; }
}

/* Editorial storefront pass. A consistent display face, larger product art,
   and a real tablet header give the catalogue a clear visual rhythm. */
html body.lp :is(.hero__big, .section-title, .menu-hero__big, .home-story__copy h2,
  .loyalty__copy h2, .places__head, .finale__big, .outlets-hero__big,
  .account-hero__big, .checkout-hero__big) {
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 400 !important;
  letter-spacing: -.055em !important;
}

html body.lp.lp-home .hero {
  background: #33241e !important;
}
html body.lp.lp-home .hero__big {
  max-width: 10ch !important;
  font-size: clamp(66px, 7.2vw, 112px) !important;
  line-height: .92 !important;
  letter-spacing: -.068em !important;
}
html body.lp.lp-home .hero__big em {
  color: #f2c4a7 !important;
}
html body.lp.lp-home .hero__visual {
  background: #eecfb8 !important;
  border-radius: 3px 88px 3px 3px !important;
}
html body.lp.lp-home .hero__drink {
  width: min(48vw, 610px) !important;
  filter: drop-shadow(0 34px 22px rgba(63, 29, 21, .18)) !important;
}
html body.lp.lp-home .hero__feature {
  right: 0;
  bottom: 0;
  border: 0;
  border-radius: 14px 0 0 0 !important;
  box-shadow: none;
}

html body.lp .selection .section-heading h2,
html body.lp .places__head { font-size: clamp(50px, 6vw, 86px) !important; }
html body.lp .dcard__im,
html body.lp .menu-body .drink-card__media {
  background: #ede3d7 !important;
  border-radius: 3px !important;
}
html body.lp .dcard__im img {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
  transform: scale(1.2);
}
html body.lp .dcard:hover .dcard__im img { transform: translateY(-4px) scale(1.24); }
html body.lp .menu-body .drink-card__media img {
  width: 132% !important;
  height: 132% !important;
}
html body.lp .lp-nav__brand img {
  width: auto !important;
  height: 68px !important;
  max-width: none;
}

html body.lp .menu-hero { overflow: hidden; }
html body.lp .menu-hero > .wrap {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(290px, .92fr);
  align-items: center;
  column-gap: clamp(32px, 6vw, 100px);
}
html body.lp .menu-order-context,
html body.lp .menu-hero .filter-row { grid-column: 1 / -1; }
html body.lp .menu-order-context {
  margin-bottom: clamp(32px, 4vw, 58px);
  border-bottom: 1px solid var(--sb-border);
}
html body.lp .menu-hero__intro { align-self: center; padding-block: 8px; }
html body.lp .menu-hero__intro .ey { margin-bottom: 17px; }
html body.lp .menu-hero__big {
  max-width: 10.5ch !important;
  margin: 0 !important;
  font-size: clamp(58px, 6vw, 88px) !important;
  line-height: .98 !important;
}
html body.lp .menu-hero__big em { color: #9c6042; font-weight: 400; }
html body.lp .menu-hero__sub {
  max-width: 38ch;
  margin-top: 22px !important;
  font-size: clamp(15px, 1.3vw, 17px) !important;
  line-height: 1.65 !important;
}
html body.lp .menu-hero__art {
  position: relative;
  display: grid;
  place-items: center;
  align-self: stretch;
  min-height: clamp(310px, 34vw, 470px);
  overflow: hidden;
  border-radius: 3px 68px 3px 3px;
  background: #e9c8ae;
}
html body.lp .menu-hero__art img {
  position: relative;
  width: min(85%, 440px);
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 22px 18px rgba(57, 27, 18, .17));
}
html body.lp .menu-hero__art-label,
html body.lp .menu-hero__art-note {
  position: absolute;
  z-index: 1;
  color: #4c2e22;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}
html body.lp .menu-hero__art-label { top: 24px; left: 24px; right: 24px; display: flex; justify-content: space-between; }
html body.lp .menu-hero__art-note { bottom: 24px; left: 24px; }
html body.lp .menu-hero .filter-row { margin-top: clamp(28px, 4vw, 48px); }

@media (min-width: 641px) and (max-width: 1024px) {
  html body.lp .mobile-order-dock,
  html body.lp .mobile-cart-summary { display: none !important; }
  html body.lp main { padding-bottom: 0 !important; }
  html body.lp .lp-foot { padding-bottom: 40px !important; }
  html body.lp .lp-nav__row { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important; }
  html body.lp .lp-nav__brand img { height: 60px !important; }
  html body.lp .lp-nav__row { min-height: 76px !important; }
  html body.lp.lp-home .hero__big { font-size: clamp(55px, 7vw, 80px) !important; }
  html body.lp .menu-hero > .wrap { grid-template-columns: minmax(0, 1fr) minmax(260px, .85fr); gap: 24px; }
  html body.lp .menu-hero__big { font-size: clamp(48px, 6vw, 70px) !important; }
  html body.lp .menu-hero__art { min-height: 330px; }
}

@media (min-width: 768px) and (max-width: 1024px) {
  html body.lp .lp-nav__left { display: flex !important; gap: 18px; }
  html body.lp .lp-nav__left a { font-size: 12px; white-space: nowrap; }
  html body.lp .lp-nav .nav-toggle { display: none !important; }
  html body.lp .lp-nav__right [data-account-link] { display: inline-flex !important; }
}

@media (max-width: 640px) {
  html body.lp .lp-nav__row { min-height: 70px !important; }
  html body.lp .lp-nav__brand img { height: 55px !important; }
  html body.lp.lp-home .hero { gap: 26px !important; padding-bottom: 38px !important; }
  html body.lp.lp-home .hero__big { font-size: clamp(54px, 13vw, 72px) !important; }
  html body.lp.lp-home .hero__visual { min-height: 320px !important; border-radius: 3px 58px 3px 3px !important; }
  html body.lp.lp-home .hero__drink { width: min(88vw, 400px) !important; }
  html body.lp .menu-hero > .wrap { grid-template-columns: minmax(0, 1fr); }
  html body.lp .menu-order-context,
  html body.lp .menu-hero .filter-row { grid-column: 1; }
  html body.lp .menu-order-context { margin-bottom: 24px; }
  html body.lp .menu-hero__big { max-width: 12ch !important; font-size: clamp(47px, 11.8vw, 66px) !important; }
  html body.lp .menu-hero__art { display: none; }
  html body.lp .menu-hero .filter-row { margin-top: 24px; }
  html body.lp .dcard__im img { width: 100% !important; height: 100% !important; }
  html body.lp .menu-body .drink-card__media img { width: 128% !important; height: 128% !important; }
}

/* Shared storefront finishes. Keep page introductions, cards, and controls on
   the same warm paper and ink scale across content and ordering routes. */
html body.lp {
  --sb-page: #fbf8f3;
  --sb-surface: #fffdf9;
  --sb-surface-muted: #f3e9dd;
  --sb-border: #ddcbbb;
  --sb-ink: #30221c;
  --sb-ink-muted: #665a51;
  --sb-action: #995634;
}
html body.lp :is(.menu-hero, .outlets-hero, .account-hero, .checkout-hero) {
  background: var(--sb-page) !important;
  border-bottom: 1px solid var(--sb-border);
}
html body.lp :is(.menu-hero__big, .outlets-hero__big, .account-hero__big,
  .checkout-hero__big, .about-story__intro h1) {
  color: var(--sb-ink) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 400 !important;
  letter-spacing: -.055em !important;
  line-height: 1.02 !important;
}
html body.lp .about-story__intro h1 { max-width: 10ch; font-size: clamp(48px, 5.1vw, 78px) !important; }
html body.lp .about-story__mark { width: 64px; height: 64px; margin-bottom: 18px; }
html body.lp .about-story__copy { border-left-color: var(--sb-border); }
html body.lp .about-story__body { max-width: 54ch; font-size: 17px; line-height: 1.75; }
html body.lp .about-story__body p:first-child { font-family: Georgia, "Times New Roman", serif; font-size: clamp(24px, 2.2vw, 31px); line-height: 1.35; }
html body.lp .about-story__drink { min-height: 420px; border-radius: 14px; background: #e9d4c0; }
html body.lp .about-story__drink img { width: min(82%, 380px); max-height: 360px; }
html body.lp :is(.menu-section__title, .outlet__body h2) {
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 400 !important;
  letter-spacing: -.04em !important;
  text-transform: none !important;
}
html body.lp .outlet__body h2 { font-size: clamp(32px, 3.4vw, 50px) !important; line-height: 1.06 !important; }
html body.lp .outlet__media { border-radius: 12px !important; }
html body.lp .outlet__photo { filter: brightness(1.13) contrast(1.04); }

html body.lp.lp-home .hero__visual { border-radius: 18px !important; }
html body.lp.lp-home .hero__visual::before,
html body.lp.lp-home .hero__visual::after,
html body.lp.lp-home .hero__halo { display: none !important; }
html body.lp.lp-home .hero__feature {
  right: 20px;
  bottom: 18px;
  padding: 0;
  background: transparent;
  color: var(--sb-ink);
}
html body.lp.lp-home .hero__feature small { color: #604b3d; }
html body.lp .menu-hero__art { border-radius: 18px; }
html body.lp :is(.dcard__im, .menu-body .drink-card__media) { border-radius: 12px !important; }
html body.lp :is(.dcard__add, .drink-card__media .add-btn) { border-radius: 50% !important; }

html body.lp :is(.auth-card, .checkout-card, .outlet, .track-recovery-form,
  .menu-order-context, .order-context-modal) {
  border-color: var(--sb-border) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
html body.lp :is(.auth-card, .checkout-card, .outlet) { background: var(--sb-surface) !important; }
html body.lp :is(.field input, .field select, .field textarea, .promo-row input) {
  min-height: 48px;
  border-color: var(--sb-border) !important;
  border-radius: 9px !important;
  background: #fff !important;
}
html body.lp :is(.btn, .pill, .segmented button, .order-context-trigger,
  .menu-order-context__button, .option-chip) { border-radius: 9px !important; }
html body.lp :is(.account-body .auth-card, .account-body .checkout-card, .checkout-body .checkout-card) {
  padding: clamp(22px, 3vw, 34px);
}
html body.lp .account-body .auth-card { width: min(100%, 560px); }
html body.lp .track-empty:has(.track-recovery-form) { padding-top: 0; }

@media (max-width: 1024px) {
  html body.lp .menu-hero .filter-row {
    background: var(--sb-page) !important;
    border-bottom: 1px solid var(--sb-border);
  }
  html body.lp .menu-hero .filter-pill {
    background: transparent !important;
    border: 1px solid var(--sb-border) !important;
    color: var(--sb-ink) !important;
  }
  html body.lp .menu-hero .filter-pill[aria-pressed="true"] {
    background: var(--sb-ink) !important;
    border-color: var(--sb-ink) !important;
    color: #fff !important;
  }
}
@media (max-width: 640px) {
  html body.lp main { padding-bottom: 0 !important; }
  html body.lp .lp-foot { padding-bottom: 36px !important; }
  html body.lp .checkout-body { padding-bottom: 64px !important; }
  html body.lp.lp-home .hero__visual { border-radius: 14px !important; }
  html body.lp.lp-home .hero__feature { right: 14px; bottom: 12px; }
  html body.lp .about-story__intro h1 { max-width: 12ch; font-size: clamp(48px, 12vw, 62px) !important; }
  html body.lp .about-story__body { font-size: 16px; }
  html body.lp .about-story__drink { min-height: 310px; }
  html body.lp .outlet { padding: 0 0 28px !important; }
  html body.lp .outlet__media { aspect-ratio: 16 / 11; }
  html body.lp .outlet__body { padding-inline: 20px; }
  html body.lp .account-body .auth-card,
  html body.lp .checkout-body .checkout-card { padding: 22px 18px; }
  html body.lp .places__grid > .place:only-child {
    min-height: 0 !important;
    padding: 26px !important;
  }
  html body.lp .places__grid > .place:only-child::after {
    position: relative;
    inset: auto;
    display: block !important;
    width: 100%;
    height: 180px;
    flex: none;
    margin-top: 22px;
    border-radius: 10px;
  }
  html body.lp .place h3 { font-family: Georgia, "Times New Roman", serif !important; font-weight: 400 !important; }
}