/* Shared tokens and interaction defaults for all ROSTA pages. */
:root {
  --color-ink: #191919;
  --color-surface: #f6f6f6;
  --color-dark: #191919;
  --color-card: #272727;
  --color-muted: #666;
  --color-accent: #ee2a29;
  --layout-max: 1260px;
  --layout-gutter: 0.75rem;
  --radius-card: 1rem;
  --radius-control: 1.5rem;
  --focus-ring: #1671d9;
}
html {
  scrollbar-gutter: stable;
  scroll-padding-top: 7rem;
}
body {
  background: var(--color-surface);
}
.layout {
  max-width: var(--layout-max);
  padding-inline: var(--layout-gutter);
  margin-inline: auto;
}
:where(a, button, [tabindex]):focus:not(:focus-visible) {
  outline: none;
}
a:focus-visible,
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid var(--focus-ring);
  outline-offset: 4px;
}
button,
a {
  -webkit-tap-highlight-color: transparent;
}
.button {
  transition:
    background-color 200ms,
    color 200ms;
}
.site-footer {
  background: #fff;
}
.header.dark .menu-canvas__content {
  color: white;
}
.header.dark .country-popup__content {
  color: white;
  background: var(--color-card);
  --country-active: #191919;
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .header__nav {
    display: none;
  }
  .header__actions {
    justify-content: space-between;
  }
  .menu-canvas__scroll {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
  }
  .menu-canvas__products {
    display: none;
  }
  .site-footer__nav {
    gap: 1.5rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
  }
  .static__drop,
  .site-footer__ticker {
    animation: none !important;
  }
  .popup_overlay,
  .menu-canvas,
  .menu__icon path,
  .button {
    transition: none !important;
  }
}

/* Horizontal content rails keep native scrolling without a visible scrollbar. */
:where(
  .food-industries,
  .specialist-reviews,
  .product-grid,
  .lesson-previews,
  .acc-quotes,
  .ff-jump
) {
  scrollbar-width: none;
}
:where(
  .food-industries,
  .specialist-reviews,
  .product-grid,
  .lesson-previews,
  .acc-quotes,
  .ff-jump
)::-webkit-scrollbar {
  display: none;
}

/* Informational document links do not change form consent or submission. */
.form-agreement-link {
  margin: 12px 0 0;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
}
.form-agreement-link a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
  opacity: 0.7;
}
.form-agreement-link a:hover,
.form-agreement-link a:focus-visible {
  opacity: 1;
}

/* An amount, its currency and slash period are one typographic unit. */
.price-nowrap {
  display: inline-block;
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
}