:root {
  --ink: #061a3d;
  --muted: #5f6b7f;
  --plum: #001b4d;
  --berry: #0b4f9c;
  --rose: #eaf2ff;
  --cream: #f5f8fc;
  --paper: #ffffff;
  --gold: #d7a634;
  --line: rgba(0, 27, 77, 0.12);
  --shadow: 0 24px 70px rgba(0, 27, 77, 0.10);
  --radius: 24px;
  --max: 1180px;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background:
    radial-gradient(circle at 8% 12%, rgba(11, 79, 156, 0.07), transparent 28rem),
    radial-gradient(circle at 92% 4%, rgba(215, 166, 52, 0.07), transparent 25rem);
}

img { display: block; max-width: 100%; }
a { color: inherit; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }

.skip-link {
  position: fixed;
  left: 1rem;
  top: -5rem;
  z-index: 100;
  padding: .75rem 1rem;
  background: var(--ink);
  color: white;
  border-radius: 999px;
  transition: top .2s ease;
}
.skip-link:focus { top: 1rem; }

.announcement {
  background: #001b4d;
  color: white;
  text-align: center;
  padding: .55rem 1rem;
  font-size: .84rem;
  letter-spacing: .03em;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(255, 255, 255, .86);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--line);
}

.nav-wrap {
  width: min(calc(100% - 2rem), var(--max));
  margin: auto;
  min-height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: .72rem;
  text-decoration: none;
  min-width: max-content;
}

.brand-logo { width:var(--header-logo-width,62px); height:auto; max-height:68px; object-fit:contain; flex:0 0 auto; }

.brand-copy { line-height: 1.05; }
.brand-copy strong {
  display: block;
  font-size: 1rem;
  letter-spacing: -.01em;
}
.brand-copy small {
  display: block;
  margin-top: .28rem;
  color: var(--plum);
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .04em;
}

.nav-links {
  display: flex;
  align-items: center;
  gap: .15rem;
}
.nav-links a {
  padding: .65rem .72rem;
  border-radius: 999px;
  color: var(--muted);
  text-decoration: none;
  font-size: .9rem;
  font-weight: 650;
}
.nav-links a:hover,
.nav-links a[aria-current="page"] {
  background: rgba(11, 79, 156, .08);
  color: var(--plum);
}
.nav-links .nav-order {
  margin-left: .35rem;
  padding-inline: 1rem;
  color: white;
  background: var(--plum);
}
.nav-links .nav-order:hover { background: #063a78; color: white; }

.menu-toggle {
  display: none;
  width: 44px;
  height: 44px;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: white;
  color: var(--plum);
  cursor: pointer;
}

main { overflow: hidden; }
.shell { width: min(calc(100% - 2rem), var(--max)); margin-inline: auto; }
.section { padding: clamp(4rem, 7vw, 7rem) 0; }
.section-tight { padding: clamp(2.5rem, 5vw, 4.5rem) 0; }

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  color: var(--berry);
  font-size: .77rem;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.eyebrow::before {
  content: "";
  width: 26px;
  height: 1px;
  background: var(--gold);
}

h1, h2, h3 { margin: 0; line-height: 1.08; }
h1, h2 { font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif; font-weight: 700; }
h1 { font-size: clamp(3.15rem, 7.6vw, 7.15rem); letter-spacing: -.062em; }
h2 { font-size: clamp(2.15rem, 4.2vw, 4.15rem); letter-spacing: -.052em; }
h3 { font-size: 1.16rem; }
.lede { color: var(--muted); font-size: clamp(1rem, 1.5vw, 1.18rem); max-width: 56ch; }

.hero { position: relative; padding: clamp(2rem, 4vw, 4rem) 0; overflow: hidden; background: linear-gradient(125deg,#001536 0%,#002766 70%,#0b4f9c 100%); color: white; }
.hero::before { content:""; position:absolute; width:420px; height:420px; left:-180px; bottom:-260px; border:70px solid rgba(226,182,79,.13); border-radius:50%; }
.hero-grid {
  display: grid;
  grid-template-columns: 1.02fr .98fr;
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
}
.hero-copy { position:relative; z-index:2; padding-block:2rem; }
.hero-copy h1 { margin: 1rem 0 1.2rem; max-width:10.5ch; font-size:clamp(3.1rem,6.5vw,6.35rem); }
.hero-copy h1 em { color: #f2c36e; font-style: normal; }
.hero-copy .lede { margin-bottom: 1.8rem; color:rgba(255,255,255,.75); }
.hero .eyebrow { color:#f2c36e; }
.hero .button { background:#f2c36e; color:#001b4d; }
.hero .button-secondary { color:white; border-color:rgba(255,255,255,.32); background:rgba(255,255,255,.06); }
.hero .button-secondary:hover { background:rgba(255,255,255,.13); }
.actions { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; }

.button {
  min-height: 49px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  padding: .78rem 1.2rem;
  border: 1px solid transparent;
  border-radius: 999px;
  background: var(--plum);
  color: white;
  font-weight: 750;
  text-decoration: none;
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.button:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(0, 43, 102, .20); }
.button-secondary { background: transparent; color: var(--plum); border-color: var(--line); }
.button-secondary:hover { background: white; }
.button-ghost { background: white; color: var(--plum); }
.button svg { width: 18px; height: 18px; }

.hero-visual { position: relative; min-height: 650px; }
.hero-photo {
  height: 100%;
  min-height: 600px;
  width: 100%;
  object-fit: cover;
  border-radius: 34px 120px 34px 34px;
  box-shadow: 0 30px 80px rgba(0,0,0,.28);
  filter: saturate(1.04) contrast(1.02);
}
.hero-card {
  position: absolute;
  left: -2rem;
  bottom: 2.1rem;
  width: min(285px, 82%);
  padding: 1.15rem 1.25rem;
  border: 1px solid rgba(255,255,255,.8);
  border-radius: 18px;
  background: rgba(255, 255, 255, .90);
  backdrop-filter: blur(14px);
  box-shadow: 0 18px 40px rgba(0, 27, 77, .12);
}
.hero-card strong { display: block; font-size: 1.1rem; }
.hero-card span { color: var(--muted); font-size: .88rem; }

.metric-row { display: grid; grid-template-columns: repeat(5, minmax(70px, 1fr)); gap: 1rem; margin-top: 2rem; }
.metric strong { display: block; color: #f2c36e; font-size: 1.35rem; }
.metric span { display:block; color: rgba(255,255,255,.67); font-size: .76rem; line-height:1.35; }
.craving-ribbon { overflow:hidden; background:#f2c36e; color:#001b4d; border-block:1px solid rgba(0,27,77,.12); }
.craving-ribbon::-webkit-scrollbar { display:none; }
.craving-track { width:max-content; min-width:200%; display:flex; align-items:center; padding:0; font-size:clamp(.9rem,1.5vw,1.12rem); font-weight:850; letter-spacing:.08em; text-transform:uppercase; animation:menu-marquee 24s linear infinite; }
.craving-group { display:flex; flex:none; min-width:50%; justify-content:space-around; align-items:center; gap:clamp(1.4rem,3vw,3rem); padding:1rem 2rem; }
.craving-track span { flex:none; }
.craving-track b { font-size:.7rem; }
.craving-ribbon:hover .craving-track,.craving-ribbon:focus-within .craving-track { animation-play-state:paused; }
@keyframes menu-marquee { to { transform:translateX(-50%); } }

.section-heading {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  align-items: end;
  margin-bottom: 2.2rem;
}
.section-heading h2 { margin-top: .8rem; max-width: 13ch; }
.section-heading .lede { max-width: 42ch; }

.cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.product-card {
  position: relative;
  min-height: 430px;
  border-radius: 28px;
  overflow: hidden;
  background: var(--cream);
  box-shadow: 0 14px 35px rgba(0, 27, 77, .08);
}
.product-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.product-card:hover img { transform: scale(1.055); }
.product-card::after {
  content: "";
  position: absolute;
  inset: 38% 0 0;
  background: linear-gradient(transparent, rgba(38, 27, 35, .82));
}
.product-copy { position: absolute; z-index: 2; left: 1.35rem; right: 1.35rem; bottom: 1.3rem; color: white; }
.product-copy span { display: block; margin-bottom: .25rem; font-size: .72rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; opacity: .8; }
.product-copy h3 { font-size: 1.65rem; }

.catalog-section { background: linear-gradient(180deg, #f5f8fc 0%, #fff 100%); }
.flavour-carousel { position:relative; padding-inline:3.4rem; }
.flavour-viewport { overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; border-radius:24px; }
.flavour-viewport::-webkit-scrollbar { display:none; }
.flavour-grid { display:flex; gap:1rem; }
.flavour-card { flex:0 0 calc((100% - 2rem) / 3); overflow:hidden; scroll-snap-align:start; border:1px solid var(--line); border-radius:24px; background:white; box-shadow:0 14px 38px rgba(0,27,77,.07); }
.flavour-card>img,.catalog-image-placeholder { width:100%; aspect-ratio:1 / 1; height:auto; object-fit:contain; padding:.5rem; background:#fff; }
.catalog-image-placeholder { display: grid; place-items: center; background: linear-gradient(145deg,#eaf2ff,#fff8df); color: var(--muted); font-weight: 700; }
.flavour-copy { padding:1rem 1.25rem 1.25rem; text-align:center; }
.flavour-copy h3 { margin:0; font-size:1.35rem; }
.flavour-copy p,.brand-card p { margin: 0; color: var(--muted); }
.flavour-note { display: inline-block; color: var(--berry); font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.carousel-button { position:absolute; z-index:2; top:50%; width:44px; height:44px; border:0; border-radius:50%; background:#001b4d; color:white; font-size:1.35rem; cursor:pointer; box-shadow:0 10px 28px rgba(0,27,77,.2); transform:translateY(-50%); }
.carousel-button:hover,.carousel-button:focus-visible { background:#0b4f9c; }
.carousel-prev { left:0; }
.carousel-next { right:0; }
.catalog-cta { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-top: 1.4rem; padding: 1rem 1.2rem; border-radius: 18px; background: #001b4d; color: white; }
.catalog-cta p { margin: 0; font-weight: 750; }
.catalog-cta .button { background: white; color: var(--plum); }
.brands-section { background: #fffaf1; }
.brands-section .section-heading { justify-content: center; text-align: center; margin-bottom: 1.5rem; }
.brands-section .section-heading h2 { max-width: none; margin-top: 0; }
.brand-grid { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: clamp(1rem,3vw,2.2rem); padding: .5rem 1rem; }
.brand-logo-item { width: clamp(86px,10vw,128px); height: 64px; display: grid; place-items: center; }
.brand-logo-item img { width: 100%; height: 100%; object-fit: contain; filter: saturate(.98); }
.coming-soon { background:#001b4d; color:white; }
.coming-soon .eyebrow { color:#f2c36e; }
.coming-soon .lede { color:rgba(255,255,255,.72); }
.coming-grid { display:grid; grid-template-columns:1fr 1fr; gap:1.25rem; }
.coming-card { position:relative; min-height:460px; overflow:hidden; border-radius:30px; background:#082c64; }
.coming-card img { width:100%; height:100%; object-fit:cover; transition:transform .55s ease; }
.coming-card:hover img { transform:scale(1.04); }
.coming-card::after { content:""; position:absolute; inset:35% 0 0; background:linear-gradient(transparent,rgba(0,16,45,.94)); }
.coming-copy { position:absolute; z-index:1; left:1.5rem; right:1.5rem; bottom:1.5rem; }
.coming-copy span { display:inline-block; margin-bottom:.65rem; padding:.35rem .7rem; border-radius:999px; background:#f2c36e; color:#001b4d; font-size:.72rem; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.coming-copy h3 { margin:0; color:white; font-size:clamp(1.8rem,3vw,2.8rem); }
.coming-copy p { margin:.25rem 0 0; color:rgba(255,255,255,.76); }
.page-hero-media { display: grid; gap: .75rem; }
.page-hero-media>img { width: 100%; height: 320px; object-fit: cover; border-radius: 24px; box-shadow: var(--shadow); }

.experience {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  border-radius: 34px;
  overflow: hidden;
  background: linear-gradient(145deg, #001b4d, #083a76);
  color: white;
  box-shadow: var(--shadow);
}
.experience-copy { padding: clamp(2rem, 5vw, 4.8rem); }
.experience-copy .eyebrow { color: #ffd5df; }
.experience-copy h2 { margin: .9rem 0 1rem; }
.experience-copy p { color: rgba(255,255,255,.76); }
.experience-list { display: grid; gap: .8rem; margin: 1.5rem 0 2rem; }
.experience-item { display: flex; gap: .7rem; align-items: flex-start; }
.experience-item b { color: #f2c36e; }
.experience-photo { min-height: 490px; background: #001b4d; }
.experience-photo img { width: 100%; height: 100%; object-fit: cover; }

.page-hero { padding: clamp(3.5rem, 7vw, 7rem) 0 clamp(2.5rem, 4vw, 4rem); }
.page-hero-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 3rem; align-items: end; }
.page-hero h1 { margin: .9rem 0 1rem; font-size: clamp(3rem, 7vw, 6.2rem); }
.page-hero .note {
  padding: 1.25rem;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(255,255,255,.72);
  color: var(--muted);
}
.page-hero .note strong { color: var(--ink); }

.form-layout { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 1.5rem; align-items: start; }
.cake-form-layout { grid-template-columns:minmax(0,1fr) 260px; }
.form-layout > *, .field-grid > *, .flavour-select-grid > * { min-width:0; }
.form-card, .side-card {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255,255,255,.82);
  box-shadow: 0 16px 40px rgba(0, 27, 77, .07);
}
.form-card { padding: clamp(1.2rem, 3.5vw, 2.5rem); }
.side-card { padding: 1.4rem; position: sticky; top: 104px; }
.side-card h3 { margin-bottom: .9rem; }
.side-card p, .side-card li { color: var(--muted); font-size: .91rem; }
.side-card ul { margin: 0; padding-left: 1.15rem; }
.side-card li + li { margin-top: .48rem; }
.side-card .contact-link { display: block; margin-top: .8rem; color: var(--plum); font-weight: 750; }

fieldset { border: 0; margin: 0 0 2.2rem; padding: 0; }
fieldset:last-of-type { margin-bottom: 1.3rem; }
legend { width: 100%; padding: 0 0 .9rem; border-bottom: 1px solid var(--line); font-size: 1.28rem; font-weight: 750; color: var(--plum); }
.field-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 1.15rem; }
.field-grid .full { grid-column: 1 / -1; }
label { display:block; color:var(--ink); font-size:.87rem; font-weight:750; line-height:1.4; }
label > input, label > select, label > textarea { display:block; margin-top:.42rem; }
.field-label { display:block; color:var(--ink); font-size:.87rem; font-weight:750; }
.flavour-picker { display:grid; gap:.55rem; }
.flavour-select-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8rem; }
.required { color: var(--berry); }
input, select, textarea {
  width: 100%;
  min-height: 48px;
  padding: .75rem .85rem;
  border: 1px solid rgba(0,27,77,.2);
  border-radius: 12px;
  background: #fffdfb;
  color: var(--ink);
  outline: none;
  transition: border .18s ease, box-shadow .18s ease;
}
textarea { min-height: 126px; resize: vertical; }
input:focus, select:focus, textarea:focus { border-color: var(--berry); box-shadow: 0 0 0 4px rgba(169,78,111,.11); }
input::placeholder, textarea::placeholder { color: #a699a2; }
.field-help { display:block; margin:.35rem 0 0; color:var(--muted); font-size:.76rem; font-weight:500; line-height:1.45; }
.check-label { display: flex; gap: .7rem; align-items: flex-start; font-weight: 550; color: var(--muted); }
.check-label input { width: 18px; height: 18px; min-height: 0; margin-top: .2rem; accent-color: var(--berry); }
.form-actions { display: flex; gap: .75rem; flex-wrap: wrap; align-items: center; }
.form-status { min-height: 1.6rem; margin: .8rem 0 0; color: var(--plum); font-size: .9rem; font-weight: 650; }
.copy-link { border: 0; background: transparent; color: var(--berry); padding: 0; text-decoration: underline; cursor: pointer; font-weight: 750; }

@media (max-width: 1080px) {
  .form-layout, .cake-form-layout { grid-template-columns:1fr; }
  .side-card { position:static; }
  .flavour-select-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .flavour-select-grid label:last-child { grid-column:1 / -1; }
}

.steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 2rem; }
.step { padding: 1.35rem; border: 1px solid var(--line); border-radius: 20px; background: white; }
.step span { color: var(--gold); font-size: 1.5rem; font-weight: 800; }
.step h3 { margin: .55rem 0 .35rem; }
.step p { margin: 0; color: var(--muted); font-size: .9rem; }

.contact-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.review-choice { display: grid; grid-template-columns: 1.15fr .85fr; gap: 2rem; align-items: center; padding: clamp(1.5rem, 4vw, 3rem); border: 1px solid var(--line); border-radius: 28px; background: linear-gradient(135deg, #fff8ef, #fff); }
.review-choice h2 { margin: .7rem 0; }
.review-actions { display: grid; gap: .8rem; }
.contact-tile { padding: 1.4rem; border-radius: 20px; background: white; border: 1px solid var(--line); }
.contact-tile small { color: var(--berry); font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.contact-tile strong, .contact-tile a { display: block; margin-top: .45rem; color: var(--plum); text-decoration: none; }

.site-footer { margin-top: 4rem; background: #001536; color: white; }
.footer-grid {
  width: min(calc(100% - 2rem), var(--max));
  margin: auto;
  display: grid;
  grid-template-columns: 1.1fr .65fr .8fr;
  gap: 2rem;
  padding: 3.5rem 0 2.3rem;
}
.site-footer .brand-copy small, .site-footer p, .site-footer a { color: rgba(255,255,255,.64); }
.site-footer .footer-brand { display: inline-grid; justify-items: start; gap: .55rem; }
.site-footer .footer-brand .brand-logo { width:var(--footer-logo-width,110px); max-height:none; }
.site-footer .footer-tagline { color: white; font-size: .92rem; font-weight: 750; letter-spacing: .01em; }
.site-footer p { max-width: 36ch; font-size: .88rem; }
.footer-links { display: grid; gap: .45rem; align-content: start; }
.footer-links strong { margin-bottom: .35rem; }
.footer-links a { text-decoration: none; font-size: .88rem; }
.footer-links a:hover { color: white; }
.footer-bottom { border-top: 1px solid rgba(255,255,255,.1); padding: 1rem 0 1.4rem; color: rgba(255,255,255,.48); font-size: .78rem; text-align: center; }

.mobile-order { display: none; }
.location-section { background:#f5f8fc; }
.location-grid { display:grid; grid-template-columns:.72fr 1.28fr; gap:2rem; align-items:center; }
.location-copy h2 { margin:.8rem 0; }
.location-copy p { color:var(--muted); }
.map-frame { position:relative; display:block; min-height:390px; overflow:hidden; border:1px solid var(--line); border-radius:30px; box-shadow:var(--shadow); background:#eaf2ff; }
.map-frame iframe { width:100%; height:390px; border:0; pointer-events:none; }
.map-frame span { position:absolute; right:1rem; bottom:1rem; padding:.65rem .9rem; border-radius:999px; background:#001b4d; color:white; font-size:.84rem; font-weight:800; box-shadow:0 8px 24px rgba(0,27,77,.22); }
.custom-page-content { max-width:820px; font-size:1.05rem; line-height:1.85; color:var(--muted); white-space:normal; }

@media (max-width: 900px) {
  .menu-toggle { display: grid; place-items: center; }
  .nav-links {
    display: none;
    position: absolute;
    top: calc(100% + 1px);
    left: 1rem;
    right: 1rem;
    padding: .75rem;
    background: white;
    border: 1px solid var(--line);
    border-radius: 18px;
    box-shadow: var(--shadow);
    flex-direction: column;
    align-items: stretch;
  }
  .nav-links.open { display: flex; }
  .nav-links a { padding: .82rem 1rem; }
  .nav-links .nav-order { margin: .25rem 0 0; text-align: center; }
  .hero-grid, .page-hero-grid, .experience, .form-layout, .review-choice, .location-grid { grid-template-columns: 1fr; }
  .hero-copy { padding-top: 1rem; }
  .hero-visual, .hero-photo { min-height: 480px; }
  .hero-card { left: .8rem; }
  .section-heading { align-items: start; flex-direction: column; gap: .7rem; }
  .cards { grid-template-columns: 1fr 1fr; }
  .flavour-card { flex-basis:calc((100% - 1rem) / 2); }
  .product-card:first-child { grid-column: 1 / -1; }
  .experience-photo { min-height: 360px; }
  .side-card { position: static; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-grid > :first-child { grid-column: 1 / -1; }
}

@media (max-width: 820px) {
  .field-grid { grid-template-columns:1fr; }
  .field-grid .full { grid-column:auto; }
  .flavour-select-grid { grid-template-columns:1fr; }
  .flavour-select-grid label:last-child { grid-column:auto; }
  .form-card { overflow:hidden; }
}

@media (max-width: 940px) {
  .cake-form-layout .field-grid { grid-template-columns:1fr; }
  .cake-form-layout .field-grid .full { grid-column:auto; }
  .cake-form-layout .flavour-select-grid { grid-template-columns:1fr; }
  .cake-form-layout .flavour-select-grid label:last-child { grid-column:auto; }
}

@media (max-width: 620px) {
  .announcement { font-size: .75rem; }
  .nav-wrap { min-height: 70px; }
  .brand-copy strong { font-size: 1.05rem; }
  .brand-copy small { display: none; }
  .hero { padding-top: 1.2rem; }
  .hero-visual, .hero-photo { min-height: 390px; }
  .hero-card { bottom: 1rem; }
  .cards, .field-grid, .steps, .contact-grid, .coming-grid { grid-template-columns: 1fr; }
  .metric-row { grid-template-columns:repeat(3,1fr); }
  .flavour-carousel { padding-inline:0; }
  .flavour-card { flex-basis:84%; }
  .carousel-button { top:auto; bottom:-3.5rem; transform:none; }
  .carousel-prev { left:calc(50% - 50px); }
  .carousel-next { right:calc(50% - 50px); }
  .catalog-cta { margin-top:4.8rem; }
  .coming-card { min-height:380px; }
  .brand-logo-item { width: 88px; height: 54px; }
  .catalog-cta { align-items: stretch; flex-direction: column; }
  .product-card:first-child { grid-column: auto; }
  .product-card { min-height: 360px; }
  .field-grid .full { grid-column: auto; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-grid > :first-child { grid-column: auto; }
  .mobile-order {
    display: flex;
    position: fixed;
    z-index: 45;
    left: 1rem;
    right: 1rem;
    bottom: .9rem;
    box-shadow: 0 12px 34px rgba(61,31,48,.32);
  }
  .site-footer { padding-bottom: 4.6rem; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
  .craving-track { animation:none; }
}