/** Shopify CDN: Minification failed

Line 37:0 All "@import" rules must come first

**/
/* ============================================================
   GRINT — Custom Theme Styles
   Brand: Grint Field Hockey
   Color Palette: Black / White / Blue / Light Gray
   Design: Minimal, editorial, squared corners
   ============================================================ */

/* ── Brand CSS Variables ── */
:root {
  --color-black: #000000;
  --color-body: #333333;
  --color-white: #ffffff;
  --color-blue: #0057FF;
  --color-gray: #f5f5f5;
  --color-dark-gray: #111111;
  --color-mid-gray: #888888;

  --grint-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
  --font-body-family: 'Inter', sans-serif;

  --grint-spacing-xs: 0.4rem;
  --grint-spacing-sm: 0.8rem;
  --grint-spacing-md: 1.6rem;
  --grint-spacing-lg: 3.2rem;
  --grint-spacing-xl: 6.4rem;
  --grint-spacing-xxl: 12rem;

  --grint-transition: 0.2s ease;
}

/* ── Google Font Import (Inter) ── */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

/* ── Base Reset & Typography ── */
body {
  font-family: var(--grint-font-sans) !important;
  background-color: var(--color-white);
  color: var(--color-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Remove Dawn's rounded corners globally */
*,
*::before,
*::after {
  border-radius: 0 !important;
}

/* ── Headings ── */
h1, h2, h3, h4, h5, h6,
.h0, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--grint-font-sans) !important;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.05;
  text-transform: uppercase;
}

h1, .h1 { font-size: clamp(2.8rem, 6vw, 7rem); }
h2, .h2 { font-size: clamp(2rem, 4vw, 4.8rem); }
h3, .h3 { font-size: clamp(1.6rem, 3vw, 3.2rem); }
h4, .h4 { font-size: 2rem; }
h5, .h5 { font-size: 1.4rem; letter-spacing: 0.08em; }
h6, .h6 { font-size: 1.2rem; letter-spacing: 0.1em; }

/* ── Announcement Bar Override ── */
.announcement-bar-section .utility-bar {
  background-color: var(--color-black) !important;
  border-bottom: none !important;
  padding: 0 !important;
}

.announcement-bar-section .utility-bar .page-width {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.grint-announcement-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color: rgba(230, 230, 230, 0.5);
  height: 3.8rem;
}

.grint-announcement-track {
  display: flex;
  gap: 3.2rem;
  white-space: nowrap;
  animation: grint-marquee 28s linear infinite;
}

.grint-announcement-item {
  display: inline-flex;
  align-items: center;
  gap: 3.2rem;
  padding: 0;
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--color-black);
}

.grint-announcement-item strong {
  font-weight: 800;
  margin: 0;
}

.grint-announcement-item::after {
  content: '✦';
  color: var(--color-black);
  font-size: 0.8rem;
}

@keyframes grint-marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-25%); }
}

/* ── Header ── */
.section-header .header-wrapper {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  background-color: #fff;
}

@media screen and (min-width: 990px) {
  .section-header .header.page-width {
    max-width: 100%;
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

.header__heading-logo {
  display: inline-block;
  padding-left: 1rem;
  padding-right: 1rem;
}

.header__heading-link {
  text-decoration: none !important;
}

.grint-logo {
  color: var(--color-black);
}

.grint-logo svg {
  width: 3.2rem;
  height: 2.5rem;
  display: block;
}

.header__menu-item {
  font-size: 3rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  color: #D1D1D1 !important;
  text-decoration: none !important;
}

.header__menu-item:hover,
.header__menu-item:hover .link,
.header__menu-item:hover span {
  color: var(--color-black) !important;
  text-decoration: none !important;
}

@media screen and (min-width: 750px) and (max-width: 1200px) {
  .header__menu-item {
    font-size: 2.6rem !important;
    padding: 1.2rem !important;
  }
}

.header__active-menu-item,
.header__menu-item[aria-current="page"],
.header__menu-item[aria-current="page"] span {
  text-decoration: none !important;
  color: var(--color-black) !important;
}

/* Right-align nav: give navigation column 1fr, icons auto */
@media screen and (min-width: 990px) {
  .header--middle-left {
    grid-template-columns: auto 1fr auto !important;
  }

  .header--middle-left .header__inline-menu {
    text-align: right;
  }
}

/* ── Overlay header on homepage ── */

.section-header .header-wrapper .header {
  height: 80px;
  align-items: center;
}

/* Sticky only when scrolling back up (grint-scrolled added by JS) */
.template-index .section-header.grint-scrolled {
  position: sticky !important;
  top: 0 !important;
  z-index: 4 !important;
}

.template-index .section-header .header-wrapper {
  background: transparent !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

.template-index .grint-hero {
  margin-top: -80px;
  padding-top: 80px;
}

/* White text at top (transparent over hero video) */
.template-index .section-header .header__menu-item,
.template-index .section-header .header__menu-item .link,
.template-index .section-header .header__menu-item span,
.template-index .section-header .header__nav-item > a {
  color: var(--color-white) !important;
}

.template-index .section-header .header__icon,
.template-index .section-header .header__icon svg {
  color: var(--color-white) !important;
  fill: var(--color-white) !important;
}

.template-index .section-header .grint-logo {
  color: var(--color-white);
}

/* White bg when scrolled — driven by our own scroll listener (.grint-scrolled) */
.template-index .section-header.grint-scrolled .header-wrapper {
  background: #fff !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.template-index .section-header.grint-scrolled .header__menu-item,
.template-index .section-header.grint-scrolled .header__menu-item .link,
.template-index .section-header.grint-scrolled .header__menu-item span,
.template-index .section-header.grint-scrolled .header__nav-item > a {
  color: var(--color-black) !important;
}

.template-index .section-header.grint-scrolled .header__icon,
.template-index .section-header.grint-scrolled .header__icon svg {
  color: var(--color-black) !important;
  fill: var(--color-black) !important;
}

.template-index .section-header.grint-scrolled .grint-logo {
  color: var(--color-black);
}

/* Cart count bubble */
.cart-count-bubble {
  background-color: #D9D9D9 !important;
  color: #000 !important;
  border-radius: 50% !important;
  width: 1.7rem !important;
  height: 1.7rem !important;
}

/* Cart icon: override Dawn's larger size to match other header icons */
.header__icon--cart .icon {
  height: 2rem;
  width: 2rem;
}

/* Stroke-based icons: prevent inherited fill from parent SVG rules */
.icon-search path,
.icon-account path,
.icon-cart path:last-child {
  fill: none !important;
}

/* ── Buttons ── */
.button,
.btn,
button[type="submit"] {
  font-family: var(--grint-font-sans) !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  padding: 1.4rem 2.8rem !important;
  transition: background-color var(--grint-transition), color var(--grint-transition), border-color var(--grint-transition) !important;
  cursor: pointer;
}

.button--primary,
.button:not(.button--secondary):not(.button--tertiary) {
  background-color: var(--color-black) !important;
  color: var(--color-white) !important;
  border: 1px solid var(--color-black) !important;
}

.button--primary:hover,
.button:not(.button--secondary):not(.button--tertiary):hover {
  background-color: #333 !important;
  border-color: #333 !important;
}

.button--secondary {
  background-color: transparent !important;
  color: var(--color-black) !important;
  border: 1px solid var(--color-black) !important;
}

.button--secondary:hover {
  background-color: var(--color-black) !important;
  color: var(--color-white) !important;
}

/* ── Product Cards ── */
.card-wrapper,
.card {
  border-radius: 0 !important;
}

.grint-card-variant-option {
  color: #B7B7B7;
  font-size: 1.2rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-top: 0.4rem;
}

.product-card-wrapper {
  padding: 2rem;
}

/* Hide the original below-image heading — replaced by .card__above-image */
.card.card--standard.card--media .card__content:last-of-type .card__heading {
  display: none;
}

/* Allow clicks to pass through the inner card__content to the image link */
.card.card--standard.card--media .card__inner .card__content {
  pointer-events: none;
}

/* Above-image label area */
.card__above-image {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding-bottom: 1rem;
}

.card__product-type {
  font-family: 'Inter', sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--color-body);
}

.card__heading-above {
  font-family: 'Inter', sans-serif;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  line-height: 1;
  color: var(--color-black);
  text-decoration: none;
  margin-bottom: 2rem;
}

.card__heading-above:hover {
  opacity: 0.7;
}

.card__information .price {
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 2.4rem !important;
}

.card__media {
  overflow: hidden;
}

.card__media img {
  transition: transform 0.4s ease !important;
}

.card-wrapper:hover .card__media img {
  transform: scale(1.03);
}

/* ── Product Grid spacing ── */
.featured-collection .product-grid {
  column-gap: 4rem !important;
  row-gap: 6rem !important;
}

.card__above-image {
  padding-bottom: 1.2rem;
}

.card.card--standard.card--media .card__content:last-of-type {
  padding-top: 1.6rem;
}

/* ── Featured Collection Section ── */
.collection__title {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 4rem !important;
}

.collection__title .title {
  font-size: clamp(4rem, 9vw, 12rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
}

.template-cart .collection__title .title {
  font-size: clamp(2rem, 4vw, 4.8rem) !important;
}

.collection__description {
  font-family: 'Inter', sans-serif !important;
  font-size: 2.2rem !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  max-width: 32rem !important;
  padding-bottom: 0.6rem !important;
}

.collection__description strong {
  font-weight: 700 !important;
}

@media screen and (max-width: 749px) {
  .collection__title {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .collection__title .title {
    font-size: clamp(5rem, 14vw, 8rem) !important;
  }

  .card__heading-above {
    font-size: 2.2rem;
    margin-bottom: 1.2rem;
  }

  .card__information .price {
    font-size: 1.8rem !important;
    margin-top: 0.4rem;
  }

  .card__information {
    padding-top: 0;
  }
}

/* ── Image with Text Section ── */
.image-with-text__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* ── Grint Hero Section ── */
.grint-hero {
  position: relative;
  width: 100%;
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  background-color: var(--color-black);
}

.grint-hero__media {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}

/* Vimeo background cover technique */
.grint-hero__media iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 56.25vw; /* 16:9 ratio */
  min-height: 100%;
  min-width: 177.78vh; /* 100/56.25 */
  transform: translate(-50%, -50%) scale(1.35);
  pointer-events: none;
  border: none;
}

.grint-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.15) 100%);
  z-index: 1;
}

.grint-hero__content {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 9rem 4.5rem 9rem;
  max-width: 80rem;
}

.grint-hero__video-strip {
  background-color: var(--color-white);
  padding: 2rem 4rem;
}

.grint-hero__video-link {
  font-family: 'Inter', sans-serif;
  font-size: clamp(2rem, 2.5vw, 3rem);
  font-weight: 800;
  color: var(--color-black);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: -0.01em;
  display: inline-block;
}

a.grint-hero__video-link:hover {
  opacity: 0.6;
}

.grint-hero__text {
  font-family: 'Inter', sans-serif;
  font-size: clamp(1.4rem, 1.6vw, 2rem);
  font-weight: 500;
  line-height: 1.55;
  color: var(--color-white);
  max-width: 60rem;
  margin: 0;
}

/* ── Grint Promo Banner ── */
.grint-promo-banner {
  /* full-width section wrapper — no background here */
  padding: 4rem 0;
}


.grint-promo-banner__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 280px;
  overflow: hidden;
  background-color: #E6E6E6;
  margin: 0 2rem;
  padding: 0 0 0 4rem;
  gap: 4rem;
}

.grint-promo-banner__text {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  flex: 1;
}

.grint-promo-banner__heading {
  font-family: 'Inter', sans-serif;
  font-size: 4.2rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--color-black);
  margin: 0;
}

.grint-promo-banner__description {
  font-family: 'Inter', sans-serif;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--color-body);
  margin: 0;
  max-width: 75rem;
}

.grint-promo-banner__image {
  flex-shrink: 0;
  height: 100%;
  align-self: stretch;
  display: flex;
  align-items: flex-end;
}

.grint-promo-banner__image--mobile {
  display: none;
}

.grint-promo-banner__image img {
  height: 100%;
  width: auto;
  display: block;
  object-fit: contain;
  object-position: right bottom;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 749px) {
  .grint-promo-banner {
    padding-top: 2rem;
  }

  .grint-promo-banner__inner {
    margin: 0;
    padding: 3rem 2rem;
    height: auto;
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
  }

  .grint-promo-banner__heading {
    font-size: 3rem;
  }

  .grint-promo-banner__description {
    font-size: 1.6rem;
  }

  .grint-promo-banner__image--desktop {
    display: none;
  }

  .grint-promo-banner__image--mobile {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 0;
  }

  .grint-promo-banner__image--mobile img {
    height: auto;
    width: 100%;
  }
}

/* ── Grint Join Us (Newsletter) ── */
.grint-video-manifesto {
}

.grint-video-manifesto__inner {
  display: flex;
  align-items: stretch;
  gap: 6rem;
  padding: 2rem;
  margin: 0 2rem 8rem;
}

.grint-video-manifesto__video {
  flex: 1 1 70%;
}

.grint-video-manifesto__video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  border-radius: 0;
}

.grint-video-manifesto__video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.grint-video-manifesto__text {
  flex: 1 1 30%;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 749px) {
  .grint-video-manifesto__inner {
    flex-direction: column;
    margin: -4rem 0 4rem;
    gap: 2rem;
    padding: 2rem;
  }

  .grint-video-manifesto__video,
  .grint-video-manifesto__text {
    flex: 1 1 100%;
  }
}

.grint-video-manifesto__quote {
  font-family: 'Inter', sans-serif;
  font-size: clamp(1.6rem, 1.8vw, 2.2rem);
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: -0.02em;
  color: var(--color-body);
  margin: 0;
}

.grint-join-us {
  /* full-width wrapper — background on __inner */
}

.grint-join-us__inner {
  background-color: #E6E6E6;
  padding: 7rem 4rem;
  margin: 0 2rem;
}

.grint-join-us__heading {
  font-family: 'Inter', sans-serif;
  font-size: 4.2rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--color-black);
  margin: 0 0 1.6rem;
}

.grint-join-us__subheading {
  font-family: 'Inter', sans-serif;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--color-body);
  margin: 0 0 3.2rem;
  max-width: 60rem;
}

.grint-join-us__form {
  display: flex;
  align-items: flex-end;
  gap: 0;
  max-width: 43rem;
}

.grint-join-us__input {
  flex: 1;
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid #CBCBCB !important;
  border-radius: 0 !important;
  color: var(--color-black) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 1.4rem !important;
  padding: 0.8rem 0 !important;
  outline: none;
  transition: border-color var(--grint-transition);
}

.grint-join-us__input::placeholder {
  color: rgba(0,0,0,0.4);
  font-size: 1.3rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.grint-join-us__input:focus {
  border-color: var(--color-black) !important;
  box-shadow: none !important;
  outline: none !important;
}

.grint-join-us__submit {
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  color: var(--color-black) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 2rem !important;
  font-weight: 400 !important;
  padding: 0.8rem 0 0.8rem 1.2rem !important;
  cursor: pointer;
  line-height: 1;
}

.grint-join-us__submit:hover {
  opacity: 0.6;
}

@media screen and (max-width: 749px) {
  .grint-join-us__inner {
    margin: 0;
    padding: 3rem 2rem;
  }

  .grint-join-us__heading {
    font-size: 3rem;
  }

  .grint-join-us__subheading {
    font-size: 1.6rem;
  }
}

/* ── Search Modal ── */
.search-modal {
  background-color: #fff;
}

.search-modal__form .field::after,
.search-modal__form .field::before {
  box-shadow: none !important;
  border: none !important;
}

.search__input.field__input {
  border: 1px solid #CBCBCB !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: #fff !important;
}

.header__icon-close {
  display: none !important;
}

.search__input.field__input:focus {
  border-color: var(--color-black) !important;
  box-shadow: none !important;
}

/* ── Indoor Section ── */
.grint-spotlight {
  padding: 10rem 0;
}

.grint-spotlight__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 6rem;
  margin: 0 5rem;
}

.grint-spotlight__text {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.grint-spotlight__heading {
  font-family: 'Inter', sans-serif;
  font-size: clamp(2.8rem, 6vw, 7rem);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--color-black);
  margin: 0;
}

.grint-spotlight__heading .grint-product-title__model {
  display: block;
}

.grint-spotlight__description,
.grint-spotlight__description p {
  font-family: 'Inter', sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--color-body);
  margin: 2.4rem 0;
  max-width: 43rem;
}

.grint-spotlight__pricing {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  margin-bottom: 2rem;
}

.grint-spotlight__price {
  font-family: 'Inter', sans-serif;
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--color-black);
  line-height: 1.2;
}

.grint-spotlight__level {
  color: #B7B7B7;
  font-size: 1.2rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-top: 0.7rem;
}

.grint-spotlight__button {
  display: inline-block;
  align-self: flex-start;
  font-family: 'Inter', sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  color: var(--color-white) !important;
  background-color: var(--color-black);
  border-radius: 8px !important;
  padding: 1.4rem 3.2rem;
  transition: opacity var(--grint-transition);
}

.grint-spotlight__button:hover {
  opacity: 0.75;
}

.grint-spotlight__image {
  display: flex;
  justify-content: center;
}

.grint-spotlight__image img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

@media screen and (max-width: 749px) {
  .grint-spotlight__inner {
    grid-template-columns: 1fr;
    gap: 3rem;
  }
}

/* ── Product spotlight (image left) ── */
.grint-product-spotlight {
  padding-top: 6rem;
}

.grint-spotlight__inner--image-left .grint-spotlight__image {
  order: -1;
}

.grint-product-spotlight__label {
  font-family: 'Inter', sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--color-mid-gray);
}

/* ── Footer Overrides ── */
/* ── Payment bar (above footer) ── */
.grint-payment-bar {
  display: flex;
  justify-content: center;
  padding: 8rem 0;
  background-color: var(--color-white);
}

.grint-payment-bar .list-payment {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* ── Footer ── */
.footer {
  background-color: var(--color-black) !important;
  color: var(--color-white) !important;
  border-top: none !important;
  margin-top: 0 !important;
}

.grint-footer__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4rem 4rem;
}

.grint-footer__logo {
  display: flex;
  align-items: center;
}

.grint-footer__logo .grint-logo {
  color: var(--color-white);
  display: block;
}

.grint-footer__logo svg {
  height: 2.4rem;
  width: auto;
}

.grint-footer__nav {
  display: flex;
  align-items: center;
  gap: 3rem;
}

.grint-footer__nav-link {
  font-family: 'Inter', sans-serif;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--color-white) !important;
  text-decoration: none !important;
  text-transform: uppercase;
  transition: opacity var(--grint-transition);
}

.grint-footer__nav-link:hover {
  opacity: 0.6;
}

.grint-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(255,255,255,0.1);
  padding: 2.4rem 4rem;
}

.grint-footer__legal-group {
  display: flex;
  align-items: center;
  gap: 3.2rem;
  flex-wrap: wrap;
}

.grint-footer__copyright {
  font-family: 'Inter', sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  color: rgba(255,255,255,0.9);
  white-space: nowrap;
}

.grint-footer__legal {
  display: flex;
  gap: 3.2rem;
  flex-wrap: wrap;
}

.grint-footer__legal a {
  font-family: 'Inter', sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  color: rgba(255,255,255,0.9) !important;
  text-decoration: none !important;
  text-transform: none;
  letter-spacing: 0;
  transition: opacity var(--grint-transition);
}

.grint-footer__legal a:hover {
  opacity: 0.6;
}

.grint-footer__social {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.grint-footer__social a {
  display: flex;
  align-items: center;
  color: rgba(255,255,255,0.9) !important;
  transition: opacity var(--grint-transition);
}

.grint-footer__social a:hover {
  opacity: 0.6;
}

.grint-footer__social svg,
.grint-footer__social svg path,
.grint-footer__social svg rect,
.grint-footer__social svg circle {
  width: 3rem;
  height: 3rem;
  fill: #fff !important;
}

@media screen and (max-width: 749px) {
  .grint-footer__nav {
    display: none;
  }

  .grint-footer__bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.6rem;
  }

  .grint-footer__legal-group {
    gap: 1.6rem;
  }

  .grint-footer__legal {
    gap: 1.6rem;
  }
}

/* Prevent horizontal overflow globally */
/* overflow-x: hidden on html or body breaks position:sticky — use clip instead */
html, body {
  overflow-x: clip;
}

/* ── Mobile menu drawer ── */
body:has(#Details-menu-drawer-container[open]) .grint-announcement-wrap {
  visibility: hidden;
}

.menu-drawer {
  background: #000 !important;
  background-color: #000 !important;
  position: fixed !important;
  top: 0 !important;
  height: 100vh !important;
  height: 100dvh !important;
  z-index: 10 !important;
  filter: none !important;
}

.js .menu-drawer {
  height: 100vh !important;
  height: 100dvh !important;
}

.grint-drawer-close {
  position: absolute;
  top: 2rem;
  right: 2rem;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--color-white);
  padding: 1rem;
  line-height: 1;
  font-size: 2.4rem;
  z-index: 1;
}

.menu-drawer__menu-item {
  font-family: 'Inter', sans-serif !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: -0.01em !important;
  color: var(--color-white) !important;
}

.menu-drawer__menu-item svg,
.menu-drawer__menu-item .svg-wrapper svg {
  fill: var(--color-white) !important;
  color: var(--color-white) !important;
}

.menu-drawer .grint-nav-disabled {
  pointer-events: none;
  cursor: default;
}

.menu-drawer .grint-nav-disabled,
.menu-drawer a.grint-nav-disabled {
  filter: blur(3px);
  user-select: none;
}

.menu-drawer__utility-links,
.menu-drawer__localization {
  background-color: var(--color-black) !important;
}

.menu-drawer .disclosure__button,
.menu-drawer .localization-form__select,
.menu-drawer .disclosure__link,
.menu-drawer .menu-drawer__localization * {
  color: var(--color-white) !important;
  background-color: transparent !important;
}

.menu-drawer .disclosure__list-wrapper {
  background-color: #111 !important;
  border-color: #333 !important;
}

.menu-drawer .country-filter__input,
.menu-drawer .field__input {
  background-color: #222 !important;
  color: var(--color-white) !important;
  border-color: #444 !important;
}

.menu-drawer .country-filter__input::placeholder,
.menu-drawer .field__label {
  color: #888 !important;
}

.menu-drawer .disclosure__button svg,
.menu-drawer .localization-form__select svg {
  fill: var(--color-white) !important;
}

/* ── Keep Rising tagline ── */
.grint-partner-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12rem 2rem 20rem;
}

.grint-partner-logo svg {
  fill: var(--color-black);
  width: 100%;
  max-width: 36rem;
  height: auto;
}

.grint-partner-logo img {
  width: 100%;
  max-width: 36rem;
  height: auto;
}

@media screen and (max-width: 749px) {
  .grint-partner-logo img,
  .grint-partner-logo svg {
    max-width: 18rem;
  }
}

/* ── Section spacing ── */
.shopify-section {
  --section-vertical-spacing: 10rem;
}

/* ── Utility ── */
.section-padding {
  padding-top: var(--grint-spacing-xl);
  padding-bottom: var(--grint-spacing-xl);
}

.visually-hidden {
  position: absolute !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  width: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
}

/* ── Keep Rising Block ── */
.grint-keep-rising-block .page-width {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
@media screen and (max-width: 749px) {
  .grint-keep-rising-block .page-width {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.grint-keep-rising-block__inner {
  background-color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 2 / 1;
}

.grint-keep-rising-block__logo {
  width: clamp(16rem, 22vw, 28rem);
  height: auto;
  filter: brightness(0) invert(1);
}

/* ── About Page ── */
.grint-about-hero {
  padding-bottom: 6rem;
}

.grint-about-hero__heading {
  font-size: clamp(5.6rem, 12vw, 14rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  line-height: 1;
  padding: 0;
  color: #000;
}

.grint-about-hero__body {
  max-width: 72rem;
  margin-top: 0;
  margin-bottom: 6rem;
}

.grint-about-hero__body p {
  font-family: 'Inter', sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-body);
  margin: 0 0 2rem;
}

.grint-about-hero__body p:last-child {
  margin-bottom: 0;
}

.grint-about-hero__video-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #CBCBCB;
  overflow: hidden;
}

.grint-about-hero__poster {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: #CBCBCB;
  transition: opacity 0.3s ease;
  z-index: 2;
}

.grint-about-hero__play-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.grint-about-hero__play-btn:hover {
  transform: scale(1.08);
  opacity: 0.85;
}

.grint-about-hero__iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: 1;
}

/* ── About Columns ── */
.grint-about-columns {
  padding: 8rem 0;
}

.grint-about-columns__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4rem;
  margin-bottom: 7rem;
}

@media screen and (min-width: 750px) {
  .grint-about-columns__item {
    padding-right: 12rem;
  }
}

@media screen and (max-width: 749px) {
  .grint-about-columns__grid {
    grid-template-columns: 1fr;
  }
}

.grint-about-columns__image {
  width: 100%;
  margin-bottom: 2rem;
}

.grint-about-columns__image img {
  width: 100%;
  height: auto;
  display: block;
}

.grint-about-columns__item-heading {
  font-family: 'Inter', sans-serif;
  font-size: 3.2rem;
  font-weight: 400;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  margin-bottom: 1.2rem;
}

.grint-about-columns__item-heading b,
.grint-about-columns__item-heading strong {
  font-weight: 800;
  color: #000;
}

.grint-about-columns__item-heading i,
.grint-about-columns__item-heading em {
  font-style: italic;
}

.grint-about-columns__item-text {
  font-family: 'Inter', sans-serif;
  font-size: 1.5rem;
  line-height: 1.65;
  color: rgba(0, 0, 0, 0.7);
}

@media screen and (max-width: 749px) {
  .grint-about-columns__grid {
    grid-template-columns: 1fr;
    gap: 4rem;
  }
}

/* ── Product card color dot ── */
.card__heading-above {
  display: flex !important;
  align-items: center !important;
  gap: 0.8rem;
}

.card__color-dot {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  min-width: 1.6rem;
  min-height: 1.6rem;
  border-radius: 50% !important;
  overflow: hidden;
  flex-shrink: 0;
}

/* ── Global button — force black, remove blue ── */
.button--primary {
  --color-button: 0, 0, 0 !important;
  --color-button-text: 255, 255, 255 !important;
  --color-primary-button: 0, 0, 0 !important;
  --color-primary-button-text: 255, 255, 255 !important;
  background-color: #000 !important;
  color: #fff !important;
}

.button--primary:not([disabled]):hover::after {
  box-shadow: none !important;
}

/* ── Product detail page ── */
.grint-product-header {
  padding: 0 0 3rem;
}

.grint-product-header__desc {
  font-family: 'Inter', sans-serif;
  font-size: 2.1rem;
  line-height: 1.6;
  color: var(--color-body);
  padding-bottom: 2rem;
}

@media screen and (max-width: 749px) {
  .grint-product-header__desc {
    font-size: 1.5rem;
  }
}

/* ── Product info button ── */
.grint-product-info-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  font-family: 'Inter', sans-serif;
  font-size: 1.3rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-mid-gray);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  margin-bottom: 2rem;
}
.grint-product-info-btn:hover {
  color: var(--color-black);
}
.grint-product-info-btn .svg-wrapper {
  display: flex;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
}

/* ── Product description overlay ── */
.grint-product-desc-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  inset: 0;
  z-index: 1000;
  pointer-events: none;
  opacity: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: opacity 0.25s ease;
}
.grint-product-desc-overlay[aria-hidden="false"] {
  pointer-events: auto;
  opacity: 1;
}
.grint-product-desc-overlay__backdrop {
  display: none;
}
.grint-product-desc-overlay__panel {
  position: relative;
  background: #fff;
  color: #000;
  width: min(720px, 90vw);
  max-height: 80vh;
  overflow-y: auto;
  padding: 4rem;
  border-radius: 0.8rem !important;
  transform: translateY(1.6rem);
  transition: transform 0.25s ease;
}
.grint-product-desc-overlay[aria-hidden="false"] .grint-product-desc-overlay__panel {
  transform: translateY(0);
}
.grint-product-desc-overlay__close {
  position: absolute;
  top: 2rem;
  right: 2rem;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
}
.grint-product-desc-overlay__close:hover {
  opacity: 0.6;
}
.grint-product-desc-overlay__content {
  font-family: 'Inter', sans-serif;
  font-size: 1.5rem;
  line-height: 1.7;
  color: #000;
}

.grint-product-header__type {
  display: block;
  font-family: 'Inter', sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--color-black);
  margin-bottom: 1.2rem;
}

.grint-product-title {
  font-family: 'Inter', sans-serif;
  font-size: clamp(4.5rem, 8.1vw, 9.9rem);
  font-weight: 900;
  letter-spacing: -0.03em;
  line-height: 0.9;
  text-transform: uppercase;
  margin: 0;
}

.grint-product-title__top {
  display: flex;
  align-items: baseline;
  gap: 1rem;
  margin-bottom: 1.2rem;
}

.grint-product-title__family {
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: var(--color-black);
}

.grint-product-title__concept {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  color: #999;
}

.grint-product-title__bottom {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}

.grint-product-title__model {
  color: var(--color-black);
}

.grint-product-title__bottom .card__color-dot {
  width: 3.2rem;
  height: 3.2rem;
  min-width: 3.2rem;
  min-height: 3.2rem;
  flex-shrink: 0;
}

.grint-product-title__bottom .card__color-dot svg {
  width: 3.2rem;
  height: 3.2rem;
}

.collection-hero__title {
  font-family: 'Inter', sans-serif;
  font-size: clamp(4rem, 9vw, 12rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  line-height: 1;
  color: var(--color-black);
  margin: 0;
}

.collection-hero__text-wrapper--split {
  display: flex;
  align-items: flex-start;
  gap: 6rem;
  margin: 4rem 0 2rem;
  padding: 0 2rem;
}

.collection-hero__video {
  padding: 0 2rem;
  margin: 4rem 0;
}

.collection-hero__video-wrapper {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  contain: layout;
}

.collection-hero__video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.collection-hero__description {
  padding: 0 2rem;
  max-width: 50%;
  font-size: 1.9rem;
}

.collection-hero__order-now {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  line-height: 1.2;
  margin-left: auto;
  margin-top: 1rem;
}

.collection-hero__order-now-heading {
  font-family: 'Inter', sans-serif;
  font-size: 2.4rem;
  font-weight: 700;
  margin: 0;
  letter-spacing: 0.02em;
}

.collection-hero__shipping-date {
  font-family: 'Inter', sans-serif;
  font-size: 2rem;
  font-weight: 400;
  color: #555;
  margin: 0;
}

.collection-hero__availability {
  font-family: 'Inter', sans-serif;
  font-size: 1.8rem;
  color: #555;
  margin: 1.6rem 0 0;
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

.collection-hero__availability-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  min-width: 10px;
  min-height: 10px;
  border-radius: 50% !important;
  background-color: #FF6314;
  flex-shrink: 0;
}

@media screen and (max-width: 749px) {
  .collection-hero__text-wrapper--split {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.6rem;
  }

  .collection-hero__order-now {
    margin-left: 0;
    margin-top: 0;
  }

  .collection-hero__order-now-heading {
    font-size: 1.6rem;
  }

  .collection-hero__shipping-date {
    font-size: 1.4rem;
  }

  .collection-hero__availability {
    font-size: 1.4rem;
    margin-top: 0.8rem;
  }

  .collection-hero__description {
    max-width: 100%;
    font-size: 1.5rem;
  }
}

.grint-card-concept-pill {
  display: inline-block;
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgb(192, 192, 192);
  border: 1.5px solid rgb(217, 217, 217);
  border-radius: 8px !important;
  padding: 0.3rem 0.9rem;
  margin-top: 0.6rem;
  margin-left: 2.4rem;
  line-height: 1.4;
  white-space: nowrap;
}

.grint-product-title__concept-pill {
  display: inline-block;
  width: fit-content;
  vertical-align: middle;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgb(192, 192, 192);
  border: 1.5px solid rgb(217, 217, 217);
  border-radius: 8px !important;
  padding: 0.4rem 1.2rem;
  margin-left: 2rem;
  line-height: 1.4;
  white-space: nowrap;
}

/* Product media column — narrower with max-width */
.product__media-wrapper {
  max-width: 600px !important;
}

/* Extra gap between image and info columns */
.product.grid--2-col-tablet {
  column-gap: 8rem !important;
}


/* Product info column — type label above price */
.product__text.caption-with-letter-spacing {
  font-size: 1.2rem;
  margin-bottom: 0.8rem;
}

/* Remove top padding from info container since header is above */
.product__info-container {
  padding-top: 0 !important;
}

/* Price display */
.price--large .price__regular .price-item--regular {
  font-family: 'Inter', sans-serif !important;
  font-size: 3.2rem !important;
  font-weight: 600 !important;
}

.price__taxes {
  margin-top: 0.6rem;
  display: block;
}

.product__tax {
  padding-bottom: 3.2rem;
  display: block;
}

/* Variant option labels */
.product-form__input .form__label {
  font-family: 'Inter', sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* Variant pills */
.product-form__input--pill .swatch-input--pill,
.product-form__input--pill label {
  background: #fff !important;
  border-radius: 8px !important;
  border: 2px solid #D9D9D9 !important;
  color: #000 !important;
}

.product-form__input--pill input:checked + label,
.product-form__input--pill .swatch-input--pill:has(input:checked) {
  border-color: #000 !important;
}

/* Quantity selector */
quantity-input.quantity {
  border-radius: 8px !important;
  border: 2px solid #000 !important;
  box-shadow: none !important;
  overflow: hidden;
}

quantity-input.quantity::after,
quantity-input.quantity::before {
  box-shadow: none !important;
  border: none !important;
}

/* Add to cart button */
.product-form__buttons {
  margin-top: 3.2rem !important;
  margin-bottom: 3.2rem !important;
  padding-top: 3.2rem !important;
  padding-bottom: 3.2rem !important;
}

.product-form__submit.button {
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 2.2rem !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  --buttons-radius: 0.8rem;
  --buttons-radius-outset: 0.8rem;
  border-radius: 0.8rem !important;
  background-color: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
  box-shadow: none !important;
}

.product-form__submit.button::after {
  box-shadow: none !important;
  border-radius: 8px !important;
}

.product-form__submit.button:hover {
  background-color: #333 !important;
  border-color: #333 !important;
}

.product-form__submit.button:not([disabled]):hover::after {
  box-shadow: none !important;
}

@media screen and (max-width: 749px) {
  .grint-product-header {
    padding: 0 0 1rem;
  }

  .grint-product-title {
    font-size: clamp(3.6rem, 10.8vw, 6.3rem);
  }

  .grint-product-title__concept-pill,
  .collection-hero__title .grint-product-title__concept-pill {
    display: block;
    margin-left: 0;
    margin-top: 1.2rem;
  }

  .collection-hero__title {
    font-size: clamp(5rem, 14vw, 8rem);
  }
}

/* ── Disabled nav item ── */
a.grint-nav-disabled {
  pointer-events: none;
  cursor: default;
}

a.grint-nav-disabled span {
  display: inline-block;
  filter: blur(5px);
  user-select: none;
}

/* ── View All CTA ── */
.collection__view-all .button {
  font-family: 'Inter', sans-serif !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
.collection__view-all .button::after {
  box-shadow: none !important;
  border-radius: 8px !important;
}
.collection__view-all .button:not([disabled]):hover::after {
  box-shadow: none !important;
}

/* ── Cart notification buttons ── */
.cart-notification__links .button {
  font-family: 'Inter', sans-serif !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
.cart-notification__links .button::after {
  box-shadow: none !important;
  border-radius: 8px !important;
}
.cart-notification__links .button:not([disabled]):hover::after {
  box-shadow: none !important;
}

/* ── Cart checkout button ── */
.cart__checkout-button.button {
  font-family: 'Inter', sans-serif !important;
  font-size: 2.2rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  border-radius: 8px !important;
  background-color: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
  box-shadow: none !important;
}

.cart__checkout-button.button::after {
  box-shadow: none !important;
  border-radius: 8px !important;
}

.cart__checkout-button.button:hover {
  background-color: #333 !important;
  border-color: #333 !important;
}

/* ── Cart totals ── */
.totals__total-value {
  font-size: 3.2rem !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

/* ── Sold out / sale badge ── */
.price__badge-sold-out,
.price__badge-sale {
  border-radius: 8px !important;
  vertical-align: middle !important;
  text-transform: uppercase !important;
}

.price > .price__badge-sold-out,
.price > .price__badge-sale,
.price > .price__container {
  vertical-align: middle !important;
}

/* ── Empty collection sub-message ── */
.collection--empty__sub {
  display: block;
  font-size: 0.5em;
  margin-top: 0.4em;
  opacity: 0.5;
}

.active-facets__button-inner.button--tertiary,
.active-facets__button .active-facets__button-inner {
  --color-button-text: 0, 0, 0;
  --color-secondary-button-text: 0, 0, 0;
  color: #000 !important;
}

.active-facets__button .svg-wrapper svg {
  stroke: #000 !important;
  fill: #000 !important;
}

.facet-filters__sort,
.facet-filters__field .select__select {
  font-family: 'Inter', sans-serif !important;
}

.product-count,
.product-count-vertical {
  display: none !important;
}

.card__color-dot { display: flex; align-items: center; }
.card__color-dot svg { display: block; }

.facets__display input[type='checkbox'],
.facets__display input[type='radio'],
.mobile-facets__inner input[type='checkbox'],
.mobile-facets__inner input[type='radio'] {
  accent-color: #000;
}

.facets__display,
.facets__header,
.mobile-facets__inner,
.mobile-facets__header,
.mobile-facets__footer {
  background-color: rgba(255, 255, 255, 0.6) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.collection.page-width,
.collection-hero__inner.page-width,
.facets-wrapper.page-width,
.section-grint-join-us .page-width,
.section-grint-video-manifesto .page-width,
.section-grint-promo-banner .page-width,
.section-grint-product-spotlight .page-width {
  padding-left: 0;
  padding-right: 0;
}

.template-index .slider-mobile-gutter {
  padding: 0 3rem;
}

.facets-container {
  padding-left: 2rem;
  padding-right: 2rem;
}

.facets__heading,
.facet-filters__label {
  font-size: 1.8rem;
  font-weight: 700;
}

.facets__form {
  border-bottom: 1px solid #D9D9D9;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  column-gap: 0;
}

.facet-filters.sorting {
  margin-left: auto;
  padding-left: 2rem;
}

.header__menu-item {
  padding: 2rem;
}

@media screen and (min-width: 990px) {
  .header__inline-menu {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
}

.grint-footer__localization {
  display: flex;
  justify-content: flex-start;
  padding-left: 2rem;
}

.grint-footer__localization .disclosure__list-wrapper {
  background-color: #000;
  border-color: #333;
}

.grint-footer__localization .disclosure__link,
.grint-footer__localization .disclosure__button,
.grint-footer__localization .localization-form__select {
  color: #fff;
  background-color: transparent;
}

.grint-footer__localization .country-filter__input,
.grint-footer__localization .field__input {
  background-color: #111;
  color: #fff;
  border-color: #444;
}

.grint-footer__localization .country-filter__input::placeholder {
  color: #888;
}

.grint-footer__localization .field__label {
  color: #888;
}

.grint-footer__localization .country-filter {
  background-color: #000;
}


.cart-notification {
  background-color: #fff;
}

.drawer__inner-empty,
.cart-drawer__empty-content {
  padding: 6rem 4rem;
}

.cart__warnings {
  padding: 20rem 8rem;
}

.cart-item__title-prefix {
  display: block;
  font-weight: 400;
  font-size: 1rem;
  color: #999;
  margin-bottom: 0.2rem;
}

.cart-item__price-wrapper .price,
.cart-item__price-wrapper .cart-item__final-price,
.cart-item__discounted-prices .cart-item__final-price {
  font-weight: 700;
}

/* Multicolumn block — match grint-about-columns layout */
@media screen and (min-width: 750px) {
  .multicolumn-list__item {
    padding-right: 12rem;
  }
}

/* Multicolumn block headings — match grint-about-columns__item-heading */
.multicolumn-list__item h3 {
  font-family: 'Inter', sans-serif;
  font-size: 3.2rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  margin-bottom: 1.2rem;
}
.multicolumn-list__item h3 b,
.multicolumn-list__item h3 strong {
  font-weight: 800;
  color: #000;
}
.multicolumn-list__item h3 i,
.multicolumn-list__item h3 em {
  font-style: italic;
}
.multicolumn-list__item .rte {
  font-family: 'Inter', sans-serif;
  font-size: 1.5rem;
  line-height: 1.65;
  color: rgba(0, 0, 0, 0.7);
}

@media screen and (min-width: 1800px) {
  .page-width {
    max-width: 160rem;
  }
  .product-grid.grid--3-col-desktop .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
    max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
  }
  .grint-hero__content {
    max-width: 115rem;
  }
  .grint-hero__text {
    font-size: 2.6rem;
    max-width: 100%;
  }
}