* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
*::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 16px; -webkit-text-size-adjust: 100%; }
body {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  line-height: 1.7;
  color: #111111;
  background: #ffffff;
}
h1, h2, h3, h4, h5, h6 { line-height: 1.2; font-weight: 600; }
a { color: inherit; text-decoration: none; }
button { cursor: pointer; border: none; background: none; font: inherit; color: inherit; }
ul, ol { list-style: none; }
img { max-width: 100%; display: block; }


[data-mm-header]{--mm-bg:#ffffff;--mm-text:#333333;--mm-primary:#2563eb;--mm-overlay-bg:rgba(0,0,0,0.5);--mm-transition:0.3s ease}[data-mm-header]{position:relative}[data-mm-toggle]{display:flex;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:1001}[data-mm-toggle] span{display:block;width:24px;height:2px;background:var(--mm-text);transition:var(--mm-transition)}[data-mm-menu]{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;background:var(--mm-bg);opacity:0;visibility:hidden;transition:opacity var(--mm-transition),visibility var(--mm-transition);z-index:1100;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px}[data-mm-menu].mm-open{opacity:1;visibility:visible}[data-mm-menu] ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:8px}[data-mm-menu] ul li a{display:block;padding:12px 24px;color:var(--mm-text);text-decoration:none;font-size:22px;font-weight:500;transition:color var(--mm-transition)}[data-mm-menu] ul li a:hover{color:var(--mm-primary)}[data-mm-close]{position:absolute;top:20px;right:20px;background:none;border:none;font-size:32px;line-height:1;cursor:pointer;color:var(--mm-text);padding:4px 8px;z-index:1101}@media(min-width:768px){[data-mm-toggle]{display:none!important}[data-mm-menu]{position:static!important;width:auto!important;height:auto!important;background:transparent!important;opacity:1!important;visibility:visible!important;padding:0!important;flex-direction:row!important;justify-content:flex-end!important}[data-mm-menu] ul{flex-direction:row;gap:0;align-items:center}[data-mm-menu] ul li a{padding:8px 16px;font-size:inherit;font-weight:inherit}[data-mm-close]{display:none!important}}@media(prefers-reduced-motion:reduce){[data-mm-menu],[data-mm-toggle] span{transition:none!important}}


:root {
  --color-bg: #ffffff;
  --color-bg-alt: #f5f5f5;
  --color-bg-dark: #111111;
  --color-text: #111111;
  --color-text-secondary: #333333;
  --color-text-muted: #666666;
  --color-text-inverse: #ffffff;
  --color-accent: #111111;
  --color-accent-hover: #000000;
  --color-warm: #c1440e;
  --color-warm-soft: #f4d9cc;
  --color-border: #e2e2e2;
}


*, *::before, *::after { animation: none !important; transition: none !important; }


h1, h2, h3, h4, h5, h6 {
  font-family: 'Oswald', 'Roboto', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: var(--color-text);
}
h1 { font-size: 2.6em; line-height: 1.14; }
h2 { font-size: 1.9em; }
h3 { font-size: 1.25em; }
p { font-size: 1em; line-height: 1.7; margin-bottom: 0.5em; color: var(--color-text-secondary); }
@media (min-width: 1024px) {
  h1 { font-size: 3.2em; }
  h2 { font-size: 2.2em; }
}


.shop-shell { display: block; width: 100%; }
.shop-shell__body { display: block; }
.shop-shell__main { display: block; }
.shop-shell__content { display: block; }
.shop-shell__aside {
  background: var(--color-bg-alt);
  border: 1px solid var(--color-border);
  border-radius: 0.6em;
  padding: 1.75em;
}
.page-container { width: 100%; max-width: 75em; margin: 0 auto; padding: 0 1.25em; }


body { padding-top: 7.6em; }
@media (min-width: 1024px) { body { padding-top: 6.8em; } }


.main-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 500; background: var(--color-bg); border-bottom: 1px solid var(--color-border); }
.main-header__bar { background: var(--color-bg-dark); color: var(--color-text-inverse); font-size: 0.8em; }
.main-header__bar-row { display: flex; align-items: center; justify-content: space-between; gap: 1em; padding: 0.5em 0; flex-wrap: wrap; }
.main-header__bar-row a { color: var(--color-text-inverse); }
.main-header__bar-tagline { color: var(--color-warm-soft); }

.main-header__row { display: flex; align-items: center; justify-content: space-between; gap: 1em; padding: 0.9em 0; }

.brand-logo { display: flex; align-items: center; gap: 0.6em; color: var(--color-text); }
.brand-logo__mark { width: 2.1em; height: 2.1em; color: var(--color-warm); flex-shrink: 0; }
.brand-logo__word { font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 1.3em; text-transform: uppercase; letter-spacing: 0.03em; }

.main-navigation { display: block; }
.main-navigation__list { display: flex; flex-direction: column; align-items: center; gap: 0.4em; }
.main-navigation__item { position: relative; width: 100%; text-align: center; }
.navigation-link { display: block; padding: 0.7em 1em; font-family: 'Oswald', sans-serif; font-weight: 500; text-transform: uppercase; font-size: 0.95em; letter-spacing: 0.03em; }
.main-navigation__item:hover > .navigation-link,
.navigation-link:focus { color: var(--color-warm); }

.main-navigation__submenu { display: flex; flex-direction: column; gap: 0.2em; padding-top: 0.2em; }
.main-navigation__submenu .navigation-link { font-size: 0.85em; text-transform: none; color: var(--color-text-muted); font-weight: 400; }

.header-actions { display: flex; align-items: center; gap: 1em; }
.cart-indicator { position: relative; display: flex; align-items: center; gap: 0.4em; padding: 0.5em; }
.cart-indicator__icon { width: 1.5em; height: 1.5em; }
.cart-indicator__count { position: absolute; top: -0.2em; right: -0.2em; background: var(--color-warm); color: #fff; font-size: 0.68em; font-weight: 700; width: 1.4em; height: 1.4em; border-radius: 50%; display: flex; align-items: center; justify-content: center; }

@media (min-width: 1024px) {
  .main-header__row { padding: 1em 0; }
  .main-navigation__list { flex-direction: row; gap: 0.2em; }
  .main-navigation__item { width: auto; text-align: left; }
  .main-navigation__item--mega .main-navigation__submenu {
    position: absolute; top: 100%; left: 0; min-width: 15em;
    background: var(--color-bg); border: 1px solid var(--color-border); border-radius: 0.4em;
    padding: 0.9em; box-shadow: 0 0.6em 1.4em rgba(0,0,0,0.08);
    display: none;
    grid-template-columns: repeat(1, 1fr);
    z-index: 50;
  }
  .main-navigation__item--mega:hover .main-navigation__submenu,
  .main-navigation__item--mega:focus-within .main-navigation__submenu { display: grid; }
  .main-navigation { order: 2; }
  .header-actions { order: 3; }
}


[data-mm-toggle] { margin-left: auto; }


[data-mm-header] {
  --mm-bg: #ffffff;
  --mm-text: #111111;
  --mm-primary: #c1440e;
  --mm-overlay-bg: rgba(0,0,0,0.6);
}
[data-mm-menu] ul li a { font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 0.03em; }
.menu-close { width: 2.75em; height: 2.75em; display: flex; align-items: center; justify-content: center; }
.menu-toggle { color: var(--color-text); flex-shrink: 0; }


.action-trigger {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 0.9em 1.6em; border-radius: 0.4em; font-family: 'Oswald', sans-serif;
  font-weight: 600; text-transform: uppercase; letter-spacing: 0.03em; font-size: 0.95em;
  min-height: 2.75em;
}
.primary-action { background: var(--color-accent); color: var(--color-text-inverse); }
.primary-action:hover { background: var(--color-accent-hover); }
.prominent-action { background: var(--color-warm); color: #fff; }
.prominent-action:hover { background: #a3390c; }
.action-trigger--outline { background: transparent; border: 0.12em solid var(--color-accent); color: var(--color-accent); }
.action-trigger--block { display: flex; width: 100%; }


.feature-item { background: #111827; color: #e5e7eb; border-radius: 0.875em; padding: 1.75em; }
.feature-item h3, .feature-heading { color: #ffffff; margin-bottom: 0.4em; }
.feature-item__icon { width: 2.2em; height: 2.2em; color: var(--color-warm); margin-bottom: 0.75em; }
.feature-description { color: #c7cbd1; font-size: 0.95em; }


.content-area { padding: 3.4em 0; }
.content-area--alt { background: var(--color-bg-alt); }
.area-heading { text-align: center; margin-bottom: 1.6em; }
.area-heading__eyebrow { display: block; font-size: 0.85em; color: var(--color-warm); font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 0.5em; }
.area-body { max-width: 44em; margin: 0 auto; text-align: center; }

.feature-grid { display: flex; flex-direction: column; gap: 1.25em; }
.feature-row { display: flex; gap: 1.5em; padding: 1em 0; border-bottom: 1px solid var(--color-border); }
@media (min-width: 768px) {
  .feature-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5em; }
}
@media (min-width: 1024px) {
  .feature-grid { grid-template-columns: repeat(4, 1fr); }
}


.section-divider { height: 1.875em; background: linear-gradient(90deg, transparent 49%, rgba(0,0,0,.10) 50%, transparent 51%); }


.welcome-banner { padding: 3em 0 3.5em; }
.welcome-banner__grid { display: grid; grid-template-columns: 1fr; gap: 2em; align-items: center; }
.welcome-banner__content { display: flex; flex-direction: column; }
.welcome-banner__eyebrow { display: inline-block; color: var(--color-warm); font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.85em; margin-bottom: 0.75em; }
.welcome-banner__title { margin-bottom: 0.6em; }
.welcome-banner__lead { font-size: 1.05em; margin-bottom: 1.4em; max-width: 32em; }
.welcome-banner__price-row { display: flex; align-items: baseline; gap: 0.75em; margin-bottom: 1.6em; flex-wrap: wrap; }
.welcome-banner__price { font-family: 'Oswald', sans-serif; font-size: 2em; font-weight: 700; color: var(--color-text); }
.welcome-banner__price--old { font-size: 1.15em; color: var(--color-text-muted); text-decoration: line-through; }
.welcome-banner__badge { background: var(--color-warm); color: #fff; font-size: 0.78em; font-weight: 700; text-transform: uppercase; padding: 0.35em 0.7em; border-radius: 0.3em; }
.welcome-banner__actions { display: flex; gap: 1em; flex-wrap: wrap; margin-bottom: 1.2em; }
.welcome-banner__quickform { max-width: 26em; gap: 0.75em; }
.welcome-banner__collage img { border-radius: 0.8em; object-fit: cover; width: 100%; aspect-ratio: 4 / 3; }
@media (min-width: 1024px) {
  .welcome-banner__grid { grid-template-columns: 1fr 1fr; }
}


.catalog-card { display: grid; grid-template-columns: 1fr; gap: 2em; align-items: center; background: var(--color-bg-alt); border-radius: 1em; padding: 2em; }
.catalog-card__media img { border-radius: 0.7em; }
.catalog-card__body { display: flex; flex-direction: column; }
.catalog-card__title { margin-bottom: 0.5em; }
.catalog-card__desc { margin-bottom: 1.2em; }
.catalog-card__price-row { display: flex; align-items: baseline; gap: 0.7em; margin-bottom: 1.2em; flex-wrap: wrap; }
@media (min-width: 768px) { .catalog-card { grid-template-columns: 1fr 1.2fr; } }


.cta-banner { background: var(--color-bg-dark); color: var(--color-text-inverse); border-radius: 1em; padding: 2.6em 2em; text-align: center; }
.cta-banner__title { color: #fff; margin-bottom: 0.6em; }
.cta-banner__text { color: #cbd0d6; max-width: 34em; margin: 0 auto 1.4em; }
.cta-banner__actions { display: flex; gap: 1em; justify-content: center; flex-wrap: wrap; }


.trust-strip { display: grid; grid-template-columns: 1fr 1fr; gap: 1em; }
.trust-strip__item { text-align: center; padding: 1em; border: 1px solid var(--color-border); border-radius: 0.6em; font-size: 0.9em; }
@media (min-width: 768px) { .trust-strip { grid-template-columns: repeat(4, 1fr); } }


.qa-list { max-width: 46em; margin: 0 auto; }
.qa-entry { margin-bottom: 1.75em; }
.qa-entry__question { font-weight: 600; margin-bottom: 0.4em; }
.qa-entry__answer { color: var(--color-text-muted); }


.inquiry-form { display: flex; flex-direction: column; gap: 1em; }
.input-wrapper { display: flex; flex-direction: column; gap: 0.4em; }
.input-label { font-size: 0.9em; font-weight: 600; }
.text-field { padding: 0.85em 1em; border: 1px solid var(--color-border); border-radius: 0.4em; font-size: 1em; font-family: inherit; width: 100%; }
.text-field:focus { outline: 2px solid var(--color-warm); }
.validation-message { color: #b3261e; font-size: 0.85em; }
.form-note { font-size: 0.85em; color: var(--color-text-muted); }
.form-consent { display: flex; align-items: flex-start; gap: 0.6em; font-size: 0.85em; color: var(--color-text-muted); }
.form-consent input { margin-top: 0.25em; }
.form-success { background: #e6f4ea; border: 1px solid #b7dfc2; color: #1e5631; padding: 1em 1.25em; border-radius: 0.5em; margin-bottom: 1em; }


.quick-order-modal { position: fixed; inset: 0; z-index: 900; display: none; }
.quick-order-modal.is-open { display: block; }
.quick-order-modal__overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.6); }
.quick-order-modal__panel { position: relative; z-index: 1; background: #fff; max-width: 26em; margin: 6em auto 0; padding: 2em; border-radius: 0.8em; }
.quick-order-modal__close { position: absolute; top: 0.6em; right: 0.6em; width: 2.75em; height: 2.75em; font-size: 1.4em; display: flex; align-items: center; justify-content: center; }
.quick-order-modal__title { margin-bottom: 1em; }


.shop-shell__product-media { display: flex; flex-direction: column; gap: 2em; }
.breadcrumb-trail { display: flex; gap: 0.5em; font-size: 0.85em; color: var(--color-text-muted); margin-bottom: 1.5em; flex-wrap: wrap; }
.breadcrumb-trail a { color: var(--color-text-muted); }
.breadcrumb-trail a:hover { color: var(--color-warm); }

.product-layout { display: grid; grid-template-columns: 1fr; gap: 2em; }
.product-gallery { margin-bottom: 1.5em; }
.product-gallery__main { border-radius: 0.9em; overflow: hidden; margin-bottom: 0.9em; }

.buy-panel__title { margin-bottom: 0.5em; }
.buy-panel__subtitle { color: var(--color-text-muted); margin-bottom: 1em; }
.buy-panel__price-row { display: flex; align-items: baseline; gap: 0.7em; margin-bottom: 1em; flex-wrap: wrap; }
.buy-panel__meta { display: flex; flex-direction: column; gap: 0.4em; font-size: 0.9em; margin-bottom: 1.3em; color: var(--color-text-secondary); }
.buy-panel__stock { color: #1e7a34; font-weight: 600; }
.buy-panel__stepper { display: flex; align-items: center; gap: 0.6em; margin-bottom: 1.2em; }
.buy-panel__stepper button { width: 2.75em; height: 2.75em; border: 1px solid var(--color-border); border-radius: 0.4em; font-size: 1.2em; }
.buy-panel__stepper input { width: 3.4em; height: 2.75em; text-align: center; border: 1px solid var(--color-border); border-radius: 0.4em; font-size: 1em; }
.buy-panel__note { font-size: 0.85em; color: var(--color-text-muted); margin-top: 0.8em; }

.detail-tabs { margin-top: 1.5em; }
.benefit-list { display: flex; flex-direction: column; gap: 0.6em; margin: 1.5em 0; }
.benefit-list__item { display: flex; gap: 0.6em; align-items: flex-start; }
.benefit-list__item::before { content: "—"; color: var(--color-warm); font-weight: 700; }

.detail-tabs__nav { display: flex; flex-wrap: wrap; gap: 0.5em; margin-bottom: 1.5em; border-bottom: 1px solid var(--color-border); }
.detail-tabs__tab { padding: 0.85em 1.1em; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 0.9em; letter-spacing: 0.02em; border-bottom: 0.18em solid transparent; }
.detail-tabs__tab.is-active { border-bottom-color: var(--color-warm); color: var(--color-warm); }
.detail-tabs__panel { display: none; }
.detail-tabs__panel.is-active { display: block; }

.ingredient-columns { columns: 1; column-gap: 2em; }
.ingredient-columns__item { break-inside: avoid; margin-bottom: 1.1em; padding-bottom: 1.1em; border-bottom: 1px dashed var(--color-border); }
.ingredient-columns__item strong { color: var(--color-text); }
@media (min-width: 768px) { .ingredient-columns { columns: 2; } }

@media (min-width: 1024px) {
  .product-layout { grid-template-columns: 1.1fr 0.9fr; }
}


.cart-line { display: grid; grid-template-columns: 4.5em 1fr auto; gap: 1em; align-items: center; padding: 1.2em 0; border-bottom: 1px solid var(--color-border); }
.cart-line__thumb { width: 4.5em; height: 4.5em; border-radius: 0.5em; overflow: hidden; }
.cart-line__thumb img { width: 100%; height: 100%; object-fit: cover; }
.cart-line__name { font-weight: 600; margin-bottom: 0.3em; }
.cart-line__unit { color: var(--color-text-muted); font-size: 0.9em; }
.cart-line__stepper { display: flex; align-items: center; gap: 0.5em; margin-top: 0.5em; }
.cart-line__stepper button { width: 2.4em; height: 2.4em; border: 1px solid var(--color-border); border-radius: 0.4em; }
.cart-line__stepper input { width: 3em; height: 2.4em; text-align: center; border: 1px solid var(--color-border); border-radius: 0.4em; }
.cart-line__total { font-weight: 700; text-align: right; }
.cart-line__remove { font-size: 0.8em; color: var(--color-text-muted); text-decoration: underline; margin-top: 0.4em; }
.cart-summary { display: flex; justify-content: space-between; padding: 1.2em 0; font-size: 1.2em; font-weight: 700; border-top: 2px solid var(--color-text); margin-bottom: 1.5em; }
.cart-empty { text-align: center; padding: 3em 0; }
.order-steps { display: flex; flex-direction: column; gap: 1em; margin-bottom: 1.5em; }
.order-steps__item { display: flex; gap: 0.8em; align-items: flex-start; }
.order-steps__num { flex-shrink: 0; width: 1.8em; height: 1.8em; border-radius: 50%; background: var(--color-bg-dark); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 0.85em; font-weight: 700; }


.site-footer { background: #111827; color: #cbd5e1; padding: 3.5em 0 0; margin-top: 3em; }
.site-footer__columns { display: grid; grid-template-columns: 1fr; gap: 2em; padding-bottom: 2.5em; }
.site-footer__heading { color: #fff; font-size: 1em; margin-bottom: 1em; }
.site-footer__list { display: flex; flex-direction: column; gap: 0.6em; }
.site-footer__list a { color: #aab2c0; font-size: 0.92em; }
.site-footer__list a:hover { color: #fff; }
.site-footer__brand-word { color: #fff; font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 1.2em; margin-bottom: 0.6em; display: block; }
.site-footer__brand-desc { color: #aab2c0; font-size: 0.9em; margin-bottom: 1em; }
.site-footer__contact { color: #aab2c0; font-size: 0.92em; }
.site-footer__contact a { color: #fff; }
.legal-bar { border-top: 1px solid #1f2937; padding: 1.4em 0; }
.legal-bar__disclaimer { font-size: 0.8em; color: #8b95a5; text-align: center; max-width: 46em; margin: 0 auto 1em; }
.legal-bar__list { display: flex; gap: 1.25em; flex-wrap: wrap; justify-content: center; font-size: 0.8em; margin-bottom: 1em; }
.legal-bar__list a { color: #cbd5e1; }
.legal-bar__list button { color: #cbd5e1; text-decoration: underline; font-size: 1em; }
[data-cookie-footer-link] { display: inline-flex; align-items: center; min-height: 44px; padding: 0.6em 0.25em; }
.legal-bar__copy { text-align: center; font-size: 0.8em; color: #6b7280; padding-bottom: 1.4em; }

@media (min-width: 1024px) {
  .site-footer__columns { grid-template-columns: 1.3fr 1fr 1fr 1fr; }
}


.legal-hero { padding: 2.5em 0 1em; }
@media (min-width: 1024px) {
  
  .legal-hero { padding-top: 8em; }
}
.legal-content { max-width: 46em; margin: 0 auto; padding-bottom: 3em; }
.legal-content h2 { font-size: 1.3em; margin: 1.6em 0 0.6em; }
.legal-content ul { list-style: disc; padding-left: 1.4em; margin-bottom: 1em; }
.legal-content li { margin-bottom: 0.4em; color: var(--color-text-secondary); }


@media (max-width: 767px) {
  .marketing-section { min-height: 100vh; display: flex; flex-direction: column; justify-content: center; }
}


.cookie-consent-banner {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 1000;
  background: #ffffff; color: #111111; border-top: 1px solid var(--color-border);
  box-shadow: 0 -0.5em 1.5em rgba(0,0,0,0.12);
  padding: 1.4em 1.25em; display: none;
}
.cookie-consent-banner.is-visible { display: block; }
.cookie-consent-banner__inner { max-width: 75em; margin: 0 auto; display: flex; flex-direction: column; gap: 1em; }
.cookie-consent-banner__text { font-size: 0.9em; color: var(--color-text-secondary); }
.cookie-consent-banner__text a { text-decoration: underline; }
.cookie-consent-banner__actions { display: flex; gap: 0.8em; flex-wrap: wrap; }
.cookie-consent-btn { padding: 0.75em 1.4em; border-radius: 0.4em; font-weight: 600; font-size: 0.9em; border: 1px solid var(--color-accent); }
.cookie-consent-btn--accept { background: var(--color-accent); color: #fff; }
.cookie-consent-btn--reject { background: #fff; color: var(--color-accent); }
.cookie-consent-btn--customize { background: transparent; color: var(--color-accent); text-decoration: underline; border: none; }
@media (min-width: 768px) {
  .cookie-consent-banner__inner { flex-direction: row; align-items: center; justify-content: space-between; }
  .cookie-consent-banner__text { flex: 1; }
}

.cookie-settings-modal { position: fixed; inset: 0; z-index: 1100; display: none; }
.cookie-settings-modal.is-open { display: block; }
.cookie-settings-modal__overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.55); }
.cookie-settings-modal__panel { position: relative; z-index: 1; background: #fff; max-width: 32em; margin: 4em auto; padding: 2em; border-radius: 0.8em; max-height: 80vh; overflow-y: auto; }
.cookie-settings-modal__close { position: absolute; top: 0.6em; right: 0.6em; width: 2.75em; height: 2.75em; font-size: 1.3em; display: flex; align-items: center; justify-content: center; }
.cookie-category { display: flex; justify-content: space-between; gap: 1em; padding: 1em 0; border-bottom: 1px solid var(--color-border); }
.cookie-category__title { font-weight: 700; margin-bottom: 0.3em; }
.cookie-category__desc { font-size: 0.85em; color: var(--color-text-muted); }
.cookie-toggle { position: relative; width: 2.8em; height: 1.6em; flex-shrink: 0; }
.cookie-toggle input { opacity: 0; width: 100%; height: 100%; position: absolute; margin: 0; cursor: pointer; }
.cookie-toggle__track { position: absolute; inset: 0; background: #ccc; border-radius: 1em; }
.cookie-toggle input:checked + .cookie-toggle__track { background: var(--color-warm); }
.cookie-toggle__track::before { content: ""; position: absolute; width: 1.2em; height: 1.2em; left: 0.2em; top: 0.2em; background: #fff; border-radius: 50%; }
.cookie-toggle input:checked + .cookie-toggle__track::before { left: 1.4em; }
.cookie-toggle input:disabled + .cookie-toggle__track { opacity: 0.6; }


.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }


.big-splash, .good-bits, .magic-we-make, .drop-a-line, .curious-minds { scroll-margin-top: 6em; }