:root {
  --store-navy: #273d32;
  --store-ink: #273d32;
  --store-accent: #536647;
  --store-accent-hover: #405138;
  --store-cream: #f4f0e6;
  --store-soft: #eef1e8;
  --store-muted: #5d675f;
  --store-line: #d6dccf;
  --store-card: #fffdfc;
  --store-page: #fffdfc;
}

html {
  scroll-behavior: smooth;
}

body {
  color: var(--store-ink);
  background: var(--store-page);
}

.skip-to-content-link {
  position: fixed;
  z-index: 10000;
  inset-block-start: 12px;
  inset-inline-start: 12px;
  padding: 10px 14px;
  color: #fff;
  background: var(--store-navy);
  border-radius: 6px;
  transform: translateY(-180%);
}

.skip-to-content-link:focus {
  transform: translateY(0);
}

.header-section {
  box-shadow: 0 1px 0 rgb(23 42 70 / 8%);
}

.header__logo-text {
  color: var(--store-navy);
  font-weight: 700;
  letter-spacing: -0.035em;
  word-break: normal;
}

.header__linklist a,
.header-action-bar button,
.header-action-bar a {
  transition: color 180ms ease, opacity 180ms ease;
}

.header__linklist a:hover,
.header-action-bar button:hover,
.header-action-bar a:hover {
  color: var(--store-accent);
}

.announcement-bar__group-item-content {
  letter-spacing: 0.035em;
}

.product-description {
  max-width: 100%;
  padding: 18px;
  color: var(--store-ink) !important;
  background: #fff;
  border: 1px solid var(--store-line);
  border-radius: 12px;
}

.product-description * {
  max-width: 100%;
}

.block-product-card__discount-tag,
.product-price__save {
  display: none !important;
}

.footer__custom-text-content p {
  margin-block: 0 10px;
  line-height: 1.65;
}

.footer__custom-text-content strong {
  color: currentColor;
}

.footer__business-info .footer__setup-notice {
  padding: 8px 10px;
  color: #273d32;
  background: #f4f0e6;
  border: 1px solid #d6dccf;
  border-radius: 6px;
}

.footer a {
  text-underline-offset: 3px;
}

.footer a:hover {
  color: var(--store-accent);
}

button,
.button,
input,
select,
textarea,
a {
  outline-offset: 3px;
}

:focus-visible {
  outline: 3px solid var(--store-accent);
}

@media (max-width: 959px) {
  header .header__container theme-action-bar .plugin-isv-multiLanguage {
    display: none !important;
  }

  #mobile-menu-drawer .header-nav-drawer__content {
    position: relative;
    width: 100%;
    height: auto;
    padding: 0;
    transform: none;
  }

  theme-header-nav-drawer .plugin-isv-multiLanguage {
    width: 100%;
    gap: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}