/** Shopify CDN: Minification failed

Line 7571:7 Expected ":"

**/
@font-face {
  font-family: "Helvetica Neue";
  src: url("//underd0g.com/cdn/shop/t/106/assets/HelveticaNeueLight.otf?v=9775953862754794471776200389") format("opentype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Helvetica Neue";
  src: url("//underd0g.com/cdn/shop/t/106/assets/HelveticaNeueLightItalic.otf?v=87161571330476661981776200390") format("opentype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Helvetica Neue";
  src: url("//underd0g.com/cdn/shop/t/106/assets/HelveticaNeueRoman.otf?v=52251848219897399041776200394") format("opentype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Helvetica Neue";
  src: url("//underd0g.com/cdn/shop/t/106/assets/HelveticaNeueItalic.otf?v=27383") format("opentype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Helvetica Neue";
  src: url("//underd0g.com/cdn/shop/t/106/assets/HelveticaNeueMedium.otf?v=30707289953993947271776200392") format("opentype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Helvetica Neue";
  src: url("//underd0g.com/cdn/shop/t/106/assets/HelveticaNeueMediumItalic.otf?v=29665608436434495131776200393") format("opentype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "Helvetica Neue";
  src: url("//underd0g.com/cdn/shop/t/106/assets/HelveticaNeueBold.otf?v=15052175570751403171776200386") format("opentype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Helvetica Neue";
  src: url("//underd0g.com/cdn/shop/t/106/assets/HelveticaNeueBoldItalic.otf?v=76996708234331143891776200387") format("opentype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "FeijoaDisplay";
  src: url("/cdn/shop/files/feijoa-display.woff2?v=1782916255") format("woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "FeijoaMedium";
  src: url("/cdn/shop/files/feijoa-medium.woff2?v=1782916256") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "FeijoaMediumItalic";
  src: url("/cdn/shop/files/feijoa-medium-italic.woff2?v=1782916255") format("woff2");
  font-weight: 400;
  font-style: italic;
}

:root {
  --Accents-AccentCharcoal: #0f0e0f;
	--Accents-AccentIvory: #fff3f0;
	--Accents-AccentOrange: #ff7131;
	--Accents-AccentPeach: #e0b1a4;
	--Accents-AccentPlum: #240614;
	--Accents-AccentTeal: #043331;
	--Accents-AccentViolet: #a79498;

  --Background-BackgroundCard: var(--Whites-White-200);
	--Background-BackgroundPrimary: var(--Whites-White-100);
	--Background-BackgroundSecondary: var(--Whites-White-200);

  --BackgroundBrand-BackgroundBrand-Primary: var(--Accents-AccentPlum);
	--BackgroundBrand-BackgroundBrand-Quaternary: var(--Accents-AccentTeal);
	--BackgroundBrand-BackgroundBrand-Secondary: var(--Accents-AccentOrange);
	--BackgroundBrand-BackgroundBrand-Tertiary: var(--Accents-AccentPeach);

  --Buttons-Outline-Primary-OutlineButtonPrimary: var(--Accents-AccentOrange);
	--Buttons-Outline-Primary-OutlineButtonPrimary-Hover: var(--Accents-AccentOrange);
	--Buttons-Outline-Primary-OutlineButtonPrimary-HoverText: var(--Accents-AccentPlum);
	--Buttons-Outline-Primary-OutlineButtonPrimary-Text: var(--Accents-AccentOrange);

  --Buttons-Outline-Secondary-OutlineButtonSecondary: var(--Greys-Grey-300);
	--Buttons-Outline-Secondary-OutlineButtonSecondary-Hover: var(--Accents-AccentOrange);
	--Buttons-Outline-Secondary-OutlineButtonSecondary-HoverText: var(--Accents-AccentCharcoal);
	--Buttons-Outline-Secondary-OutlineButtonSecondary-Text: var(--Greys-Grey-300);
	--Buttons-Outline-Secondary-OutlineButtonSecondaryBkg: var(--Whites-White-200);

  --Buttons-Outline-Tertiary-OutlineButtonTertiary: var(--Accents-AccentPeach);
	--Buttons-Outline-Tertiary-OutlineButtonTertiary-Hover: var(--Accents-AccentOrange);
	--Buttons-Outline-Tertiary-OutlineButtonTertiary-HoverText: var(--Accents-AccentPlum);
	--Buttons-Outline-Tertiary-OutlineButtonTertiary-Text: var(--Accents-AccentPeach);

  --Buttons-Outline-Quaternary-OutlineButtonQuaternary: var(--Accents-AccentIvory);
	--Buttons-Outline-Quaternary-OutlineButtonQuaternary-Hover: var(--Accents-AccentOrange);
	--Buttons-Outline-Quaternary-OutlineButtonQuaternary-HoverText: var(--Accents-AccentPlum);
	--Buttons-Outline-Quaternary-OutlineButtonQuaternary-Text: var(--Accents-AccentIvory);

  --Buttons-Solid-Primary-ButtonPrimary: var(--Accents-AccentOrange);
	--Buttons-Solid-Primary-ButtonPrimary-Hover: var(--Accents-AccentPlum);
	--Buttons-Solid-Primary-ButtonPrimary-HoverText: var(--Accents-AccentOrange);
	--Buttons-Solid-Primary-ButtonPrimary-Text: var(--Accents-AccentCharcoal);

  --Buttons-Solid-Secondary-ButtonSecondary: var(--Accents-AccentPlum);
	--Buttons-Solid-Secondary-ButtonSecondary-Hover: var(--Accents-AccentOrange);
	--Buttons-Solid-Secondary-ButtonSecondary-HoverText: var(--Accents-AccentCharcoal);
	--Buttons-Solid-Secondary-ButtonSecondary-Text: var(--Whites-White-100);

  --Buttons-Solid-Tertiary-ButtonTertiary: var(--Whites-White-400);
	--Buttons-Solid-Tertiary-ButtonTertiary-Hover: var(--Accents-AccentOrange);
	--Buttons-Solid-Tertiary-ButtonTertiary-HoverText: var(--Accents-AccentPlum);
	--Buttons-Solid-Tertiary-ButtonTertiary-Text: var(--Accents-AccentCharcoal);

  --Buttons-Solid-Quaternary-ButtonQuaternary: var(--Accents-AccentIvory);
	--Buttons-Solid-Quaternary-ButtonQuaternary-Hover: var(--Accents-AccentOrange);
	--Buttons-Solid-Quaternary-ButtonQuaternary-HoverText: var(--Accents-AccentPlum);
	--Buttons-Solid-Quaternary-ButtonQuaternary-Text: var(--Accents-AccentCharcoal);

  --Border-Border--Primary: var(--Greys-Grey-300);
	--Border-Border--Quaternary: var(--Accents-AccentCharcoal);
	--Border-Border--Secondary: var(--Whites-White--500);
	--Border-Border--Tertiary: var(--Accents-AccentIvory);

  --Darks-Dark-100: #4e4e4e;
	--Darks-Dark-200: #3e3e3e;
	--Darks-Dark-300: #2e2e2e;
	--Darks-Dark-400: #1e1e1e;
	--Darks-Dark-500: #0e0e0e;

  --Greys-Grey-100: #d5d5d5;
	--Greys-Grey-200: #aaaaaa;
	--Greys-Grey-300: #9d9c9c;
	--Greys-Grey-400: #6d6c6d;
	--Greys-Grey-500: #2a2a2a;

	--Whites-White-100: #ffffff;
	--Whites-White-200: #f5f3f4;
	--Whites-White-300: #fffaf9;
	--Whites-White-400: #e9e8e9;
  --Whites-White--500: #cfcfcf;

	--Text-Text-Primary: var(--Accents-AccentCharcoal);
	--Text-Text-Secondary: var(--Accents-AccentIvory);
	--Text-Text-Tertiary: var(--Greys-Grey-400);
	--Text-Text-Quaternary: var(--Greys-Grey-300);
  --Text-Text-Quinternary: var(--Accents-AccentViolet);

  --Watches-Watermel0n-Watermel0nAccent: rgb(241 126 144);
  --Watches-Watermel0n-Watermel0nBkg: rgb(244 176 180);
  --Watches-Watermel0n-Watermel0nCard: rgb(240 82 98);

  --Radius-0: 0px;
  --Radius-100: 4px;
  --Radius-200: 8px;
  --Radius-300: 16px;
  --Radius-400: 24px;
  --Radius-500: 32px;
  --Radius-Full: 1000px;
  --Radius-Primary: var(--Radius-100);

  --Typography-LetterExtending-100: 0.01em;
  --Typography-LetterExtending-200: 0.02em;
  --Typography-LetterExtending-300: 0.03em;
  --Typography-LetterExtending-400: 0.04em;
  --Typography-LetterExtending-500: 0.05em;

  --Typography-LetterSpacing-100: -0.01em;
  --Typography-LetterSpacing-200: -0.02em;
  --Typography-LetterSpacing-300: -0.03em;
  --Typography-LetterSpacing-400: -0.04em;
  --Typography-LetterSpacing-500: -0.05em;
  --Typography-LetterSpacing-600: -0.06em;

  --Icons-Size-100: 24px;
  --Icons-Size-200: 32px;
  --Icons-Size-300: 40px;

  --font-family-primary: "helvetica-neue-lt-pro", "Helvetica", "Arial", sans-serif;
  --font-family-secondary: "FeijoaDisplay", serif;
  --font-family-tertiary: "FeijoaMedium", serif;
  --font-family-quaternary: "FeijoaMediumItalic", serif;

  --marquee-animation-duration: 6s;
  --marquee-easing: linear;

  --swatches-z-index: 5;
  --header-z-index: 100;
  --cart-drawer-overlay-z-index: 150;
  --cart-drawer-z-index: 160;
  --modal-drawer-z-index: 180;
  --page-messages-z-index: 200;
  --loading-screen-z-index: 250;
}

@media (max-width: 1023px) {
  :root {
    --Button-PaddingX: var(--Dimensions-Dimension-400);
    --Button-PaddingY: var(--Dimensions-Dimension-100);

    --Containers-Container-50: 160px;
    --Containers-Container-75: 240px;
    --Containers-Container-100: 320px;
    --Containers-Container-200: 400px;
    --Containers-Container-300: 480px;
    --Containers-Container-400: 560px;
    --Containers-Container-500: 640px;
    --Containers-Container-600: 720px;
    --Containers-Container-700: 800px;
    --Containers-Container-800: 880px;
    --Containers-Container-900: 960px;
    --Containers-Container-1000: 1024px;

    --Dimensions-Dimension-25: 1px;
    --Dimensions-Dimension-50: 2px;
    --Dimensions-Dimension-75: 4px;
    --Dimensions-Dimension-100: 8px;
    --Dimensions-Dimension-125: 12px;
    --Dimensions-Dimension-200: 16px;
    --Dimensions-Dimension-300: 24px;
    --Dimensions-Dimension-400: 32px;
    --Dimensions-Dimension-450: 40px;
    --Dimensions-Dimension-500: 48px;
    --Dimensions-Dimension-600: 64px;
    --Dimensions-Dimension-700: 80px;
    --Dimensions-Dimension-800: 96px;
    --Dimensions-Dimension-900: 128px;
    --Dimensions-Dimension-1000: 160px;
    --Dimensions-Dimension-1100: 192px;
    --Dimensions-Dimension-1200: 256px;

    --Spacing-Spacing-100: 2px;
    --Spacing-Spacing-200: 4px;
    --Spacing-Spacing-300: 8px;
    --Spacing-Spacing-400: 16px;
    --Spacing-Spacing-500: 24px;
    --Spacing-Spacing-600: 32px;
    --Spacing-Spacing-700: 48px;
    --Spacing-Spacing-800: 64px;
    --Spacing-Spacing-900: 80px;
    --Spacing-Spacing-1000: 96px;
    --Spacing-Spacing-1100: 128px;
    --Spacing-Spacing-1200: 256px;

    --PaddingX: var(--Dimensions-Dimension-200, 16px);
    --PaddingY: var(--Dimensions-Dimension-600, 64px);

    --Body-Body-50: 14px;
    --Body-Body-100: 16px;
    --Body-Body-200: 18px;
    --Body-Body-300: 20px;
    --Body-Body-400: 22px;

    --Feijoa-Feijoa-800: 76px;
    --Feijoa-Feijoa-900: 84px;
    --Feijoa-Feijoa-1000: 92px;
    --Feijoa-Feijoa-1100: 100px;
    --Feijoa-Feijoa-1200: 108px;
    --Feijoa-Feijoa-1300: 116px;
    --Feijoa-Feijoa-1400: 124px;
    --Feijoa-Feijoa-1500: 132px;
    --Feijoa-Feijoa-1600: 148px;
    --Feijoa-Feijoa-1700: 164px;

    --Headings-Heading-100: 20px;
    --Headings-Heading-200: 28px;
    --Headings-Heading-300: 36px;
    --Headings-Heading-400: 44px;
    --Headings-Heading-500: 52px;
    --Headings-Heading-600: 60px;
    --Headings-Heading-700: 68px;
  }
}

@media (min-width: 1024px) {
  :root {
    --Button-PaddingX: var(--Dimensions-Dimension-400);
    --Button-PaddingY: var(--Dimensions-Dimension-100);

    --Containers-Container-50: 160px;
    --Containers-Container-75: 240px;
    --Containers-Container-100: 320px;
    --Containers-Container-200: 400px;
    --Containers-Container-300: 480px;
    --Containers-Container-400: 560px;
    --Containers-Container-500: 640px;
    --Containers-Container-600: 720px;
    --Containers-Container-700: 800px;
    --Containers-Container-800: 880px;
    --Containers-Container-900: 960px;
    --Containers-Container-1000: 1024px;

    --Dimensions-Dimension-25: 1px;
    --Dimensions-Dimension-50: 2px;
    --Dimensions-Dimension-75: 4px;
    --Dimensions-Dimension-100: 8px;
    --Dimensions-Dimension-125: 12px;
    --Dimensions-Dimension-200: 16px;
    --Dimensions-Dimension-300: 24px;
    --Dimensions-Dimension-400: 32px;
    --Dimensions-Dimension-450: 40px;
    --Dimensions-Dimension-500: 48px;
    --Dimensions-Dimension-600: 64px;
    --Dimensions-Dimension-700: 80px;
    --Dimensions-Dimension-800: 96px;
    --Dimensions-Dimension-900: 128px;
    --Dimensions-Dimension-1000: 160px;
    --Dimensions-Dimension-1100: 192px;
    --Dimensions-Dimension-1200: 256px;

    --Spacing-Spacing-100: 2px;
    --Spacing-Spacing-200: 4px;
    --Spacing-Spacing-300: 8px;
    --Spacing-Spacing-400: 16px;
    --Spacing-Spacing-500: 24px;
    --Spacing-Spacing-600: 32px;
    --Spacing-Spacing-700: 48px;
    --Spacing-Spacing-800: 64px;
    --Spacing-Spacing-900: 80px;
    --Spacing-Spacing-1000: 96px;
    --Spacing-Spacing-1100: 128px;
    --Spacing-Spacing-1200: 256px;

    --PaddingX: var(--Dimensions-Dimension-500, 48px);
    --PaddingY: var(--Dimensions-Dimension-600);

    --Body-Body-50: 14px;
    --Body-Body-100: 16px;
    --Body-Body-200: 18px;
    --Body-Body-300: 20px;
    --Body-Body-400: 22px;

    --Feijoa-Feijoa-800: 80px;
    --Feijoa-Feijoa-900: 88px;
    --Feijoa-Feijoa-1000: 96px;
    --Feijoa-Feijoa-1100: 104px;
    --Feijoa-Feijoa-1200: 112px;
    --Feijoa-Feijoa-1300: 120px;
    --Feijoa-Feijoa-1400: 132px;
    --Feijoa-Feijoa-1500: 160px;
    --Feijoa-Feijoa-1600: 196px;
    --Feijoa-Feijoa-1700: 220px;

    --Headings-Heading-100: 24px;
    --Headings-Heading-200: 32px;
    --Headings-Heading-300: 40px;
    --Headings-Heading-400: 48px;
    --Headings-Heading-500: 56px;
    --Headings-Heading-600: 64px;
    --Headings-Heading-700: 72px;
  }
}

/* Theme defaults */
* {
  box-sizing: border-box;
}

body {
  background-color: var(--Background-BackgroundPrimary);
  color: var(--Text-Text-Primary);
  font-family: var(--font-family-primary);
  font-size: var(--Body-Body-200);
  font-variant-ligatures: common-ligatures discretionary-ligatures;
  font-feature-settings: "liga" 1, "clig" 1, "dlig" 1;
  line-height: 1.4;
  margin: 0;
  padding-top: var(--Dimensions-Dimension-800);
  scroll-behavior: smooth;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  scrollbar-width: thin;
  scrollbar-color: #ccc transparent;
}

body:has(.modal__Overlay--is-active) {
  overflow: hidden;
}

body.template-product:not(.template-product-watchmakers-day),
body.template-index,
body[class*='series-collection'],
body.template-page-about-us,
body.template-page-assembled-in-gb,
body.template-page-the-d0ghouse,
body.template-page-retailers,
body.template-page-faqs,
body.template-page-privacy-policy,
body.template-page-events,
body.template-page-our-watches,
body.template-collection-series01,
body.template-collection-series02,
body.template-collection-series03,
body.template-page-production-updates {
  padding-top: 0;
}

body:has(.cartDrawer--is-active) {
  overflow: hidden;
}

body:has(#locksmith-content) {
  background-color: var(--Background-BackgroundPrimary);
  padding-top: var(--Dimensions-Dimension-800);
}

body.template-page-customiser {
  background: linear-gradient(180deg, #F7EAEA 0%, #FFFFFF 50%);
}

#loading-screen {
  align-items: center;
  background-color: var(--Background-BackgroundPrimary);
  bottom: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  left: 0;
  max-height: 100dvh;
  max-width: 100dvw;
  opacity: 1;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  transition: 0.2s ease-in-out;
  z-index: var(--loading-screen-z-index);
}

#loading-screen.active {
  opacity: 1;
}

#loading-screen.transitioning.hidden {
  opacity: 0;
  visibility: hidden;
}

.loading-screen-video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
}

/* Typography */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: var(--font-family-tertiary);
  font-style: normal;
  font-variant-ligatures: common-ligatures discretionary-ligatures;
  font-feature-settings: "liga" 1, "clig" 1, "dlig" 1;
  font-weight: 400;
  letter-spacing: var(--Typography-LetterSpacing-400);
  line-height: 120%;
  margin: 0;

  -webkit-font-smoothing: antialiased;
}

h1,
.h1 {
  font-size: var(--Headings-Heading-600);
}

h2,
.h2 {
  font-size: var(--Headings-Heading-500);
}

h3,
.h3 {
  font-size: var(--Headings-Heading-400);
}

h4,
.h4 {
  font-size: var(--Headings-Heading-300);
}

h5,
.h5 {
  font-size: var(--Headings-Heading-200);
}

h6,
.h6 {
  font-size: var(--Headings-Heading-100);
}

p,
a,
span,
li {
  font-family: var(--font-family-primary);
  font-size: var(--Body-Body-200);
  font-style: normal;
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);
  line-height: 130%;
  margin: 0;
}

p {
  a {
    cursor: pointer;
    font-weight: 700;
    letter-spacing: var(--Typography-LetterSpacing-300);
    text-decoration: underline;
    transition: opacity .2s ease-in-out;

    @media (hover: hover) {
      &:hover {
        opacity: .4;
      }
    }
  }
}

a {
  color: inherit;
  line-height: 130%;
  text-decoration: none;
}

strong {
  font-weight: 700;
  letter-spacing: var(--Typography-LetterSpacing-300);
}

a,
button,
img,
div {
  -webkit-user-select: transparent;
  -moz-user-select: transparent;
  -ms-user-select: transparent;
  -webkit-tap-highlight-color: transparent;
}

/* Buttons */
button {
  background: none;
  border: none;
  box-shadow: none;
  padding: 0;
}

.button {
  align-items: center;
  border-radius: var(--Radius-100);
  border: 2px solid transparent;
  cursor: pointer;
  display: inline-flex;
  font-family: var(--font-family-primary);
  font-size: var(--Body-Body-100);
  font-style: normal;
  font-weight: 700;
  justify-content: center;
  letter-spacing: var(--Typography-LetterSpacing-200);
  padding: var(--Button-PaddingY) var(--Button-PaddingX);
  text-decoration: none;
  transition: background-color, color, border-color, 0.1s ease-in-out;
  -webkit-font-smoothing: antialiased;

  @media (min-width: 1024px) {
    font-size: var(--Body-Body-100);
  }
}

.iconButton {
  align-items: center;
  border-width: 1.4px !important;
  border-radius: var(--Radius-Primary);
  cursor: pointer;
  display: flex;
  height: var(--Dimensions-Dimension-400);
  justify-content: center;
  min-height: var(--Dimensions-Dimension-400);
  min-width: var(--Dimensions-Dimension-400);
  padding: 0;
  transition: background-color, color, border-color, 0.1s ease-in-out;
  width: var(--Dimensions-Dimension-400);
}

.iconButton--Large {
  height: var(--Dimensions-Dimension-500);
  width: var(--Dimensions-Dimension-500);
}

.button.disabled,
.iconButton.disabled,
button[disabled],
.button[disabled],
.button.slick-disabled {
  cursor: not-allowed;
  opacity: 0.2;
}

.buttonMobile {
  padding: var(--Dimensions-Dimension-125) var(--Dimensions-Dimension-200);
}

.buttonDesktop {
  padding: var(--Dimensions-Dimension-200) var(--Dimensions-Dimension-300);
}

.sr-only {
  display: none;
}

.marquee {
  align-items: center;
  border-radius: var(--Radius-100);
  display: flex;
  justify-content: center;
  overflow: hidden;
  padding: var(--Dimensions-Dimension-100) 0 var(--Dimensions-Dimension-100) var(--Dimensions-Dimension-125);
  position: relative;
}

.marqueeText {
  animation: marquee var(--marquee-animation-duration) var(--marquee-easing) infinite;
  display: inline-block;
  font-size: var(--Body-Body-100);
  font-weight: 700;
  letter-spacing: var(--Typography-LetterSpacing-200, -0.02em);
  padding-right: var(--Dimensions-Dimension-300);
  position: relative;
}

.marqueeText:after {
  content: attr(data-marquee-text);
  position: absolute;
  right: 0;
  transform: translateX(100%);
  white-space: nowrap;
}

.button--FullPrimary,
.marquee--Primary {
  background: var(--Buttons-Solid-Primary-ButtonPrimary, #E6602F);
  color: var(--Buttons-Solid-Primary-ButtonPrimary-Text, #33081C);
}

.button--FullSecondary,
.marquee--Secondary {
  background: var(--Buttons-Solid-Secondary-ButtonSecondary, #33081C);
  color: var(--Buttons-Solid-Secondary-ButtonSecondary-Text, #FFFFFF);
}

.button--FullTertiary,
.marquee--Tertiary {
  background: var(--Buttons-Solid-Tertiary-ButtonTertiary);
  color: var(--Buttons-Solid-Tertiary-ButtonTertiary-Text);
}

.button--FullQuaternary,
.marquee--Quaternary {
  background: var(--Buttons-Solid-Quaternary-ButtonQuaternary);
  color: var(--Buttons-Solid-Quaternary-ButtonQuaternary-Text);
}

.button--FullAction--Primary {
  background: var(--Buttons-Solid-Primary-ButtonPrimary, #E6602F);
  color: var(--Buttons-Solid-Primary-ButtonPrimary-Text, #33081C);
  letter-spacing: var(--Typography-LetterExtending-500);
  text-transform: uppercase;
}

.button--FullAction--Secondary {
  background: var(--Buttons-Solid-Secondary-ButtonSecondary);
  color: var(--Buttons-Solid-Secondary-ButtonSecondary-Text);
  letter-spacing: var(--Typography-LetterExtending-500);
  text-transform: uppercase;
}

.button--FullAction--Secondary--Outline {
  border: 2px solid var(--Buttons-Solid-Secondary-ButtonSecondary);
  color: var(--Buttons-Solid-Secondary-ButtonSecondary);
  letter-spacing: var(--Typography-LetterExtending-500);
  text-transform: uppercase;
}

.button--FullAction--Primary span,
.button--FullAction--Secondary span,
.button--FullAction--Secondary--Outline span {
  letter-spacing: var(--Typography-LetterExtending-500);
}

.button--OutlinePrimary {
  border: 2px solid var(--Buttons-Outline-Primary-OutlineButtonPrimary);
  color: var(--Buttons-Outline-Primary-OutlineButtonPrimary-Text);
}

.button--OutlineSecondary,
.iconButton--OutlineSecondary,
.section--ThemeIvory .button--Outline,
.section--ThemePeach .button--Outline {
  background-color: var(--Buttons-Outline-Secondary-OutlineButtonSecondaryBkg);
  border: 2px solid var(--Buttons-Outline-Secondary-OutlineButtonSecondary);
  color: var(--Buttons-Outline-Secondary-OutlineButtonSecondary-Text);
}

.button--OutlineSecondary svg *,
.iconButton--OutlineSecondary svg *,
.section--ThemeIvory .button--Outline svg *,
.section--ThemePeach .button--Outline svg * {
  fill: var(--Buttons-Outline-Secondary-OutlineButtonSecondary-Text);
}

.button--OutlineTertiary,
.section--ThemePlum .button--Outline {
  border: 2px solid var(--Buttons-Outline-Tertiary-OutlineButtonTertiary);
  color: var(--Buttons-Outline-Tertiary-OutlineButtonTertiary-Text);
}

.button--OutlineQuaternary,
.section--ThemeTeal .button--Outline {
  border: 2px solid var(--Buttons-Outline-Quaternary-OutlineButtonQuaternary);
  color: var(--Buttons-Outline-Quaternary-OutlineButtonQuaternary-Text);
}

@media (hover: hover) {
  .button--FullPrimary:hover,
  .button--FullAction--Primary:hover {
    background-color: var(--Buttons-Solid-Primary-ButtonPrimary-Hover);
    color: var(--Buttons-Solid-Primary-ButtonPrimary-HoverText);
  }

  .button--FullPrimary:hover *,
  .button--FullAction--Primary:hover * {
    fill: var(--Buttons-Solid-Primary-ButtonPrimary-HoverText);
  }

  .button--FullSecondary:hover,
  .button--FullAction--Secondary:hover,
  .button--FullAction--Secondary--Outline:hover {
    background-color: var(--Buttons-Solid-Secondary-ButtonSecondary-Hover);
    color: var(--Buttons-Solid-Secondary-ButtonSecondary-HoverText);
  }

  .button--FullAction--Secondary--Outline:hover {
    border-color: var(--Buttons-Solid-Secondary-ButtonSecondary-Hover);
  }

  .button--FullTertiary:hover {
    background-color: var(--Buttons-Solid-Tertiary-ButtonTertiary-Hover);
    color: var(--Buttons-Solid-Tertiary-ButtonTertiary-HoverText);
  }

  .button--FullQuaternary:hover {
    background-color: var(--Buttons-Solid-Quaternary-ButtonQuaternary-Hover);
    color: var(--Buttons-Solid-Quaternary-ButtonQuaternary-HoverText);
  }

  .button--OutlinePrimary:hover {
    background-color: var(--Buttons-Outline-Primary-OutlineButtonPrimary-Hover);
    border-color: var(--Buttons-Outline-Primary-OutlineButtonPrimary-Hover);
    color: var(--Buttons-Outline-Primary-OutlineButtonPrimary-HoverText);
  }

  .button--OutlineSecondary:hover svg *,
  .iconButton--OutlineSecondary:hover svg * {
    fill: var(--Buttons-Outline-Secondary-OutlineButtonSecondary-HoverText);
  }

  .button--OutlineSecondary:not(.disabled):hover,
  .iconButton--OutlineSecondary:not(.disabled):hover,
  .section--ThemeIvory .button--Outline:hover,
  .section--ThemePeach .button--Outline:hover {
    background-color: var(--Buttons-Outline-Secondary-OutlineButtonSecondary-Hover);
    border-color: var(--Buttons-Outline-Secondary-OutlineButtonSecondary-Hover);
    color: var(--Buttons-Outline-Secondary-OutlineButtonSecondary-HoverText);
  }

  .button--OutlineTertiary:hover,
  .section--ThemePlum .button--Outline:hover {
    background-color: var(--Buttons-Outline-Tertiary-OutlineButtonTertiary-Hover);
    border-color: var(--Buttons-Outline-Tertiary-OutlineButtonTertiary-Hover);
    color: var(--Buttons-Outline-Tertiary-OutlineButtonTertiary-HoverText);
  }

  .button--OutlineQuaternary:hover,
  .section--ThemeTeal .button--Outline:hover {
    background-color: var(--Buttons-Outline-Quaternary-OutlineButtonQuaternary-Hover);
    border-color: var(--Buttons-Outline-Quaternary-OutlineButtonQuaternary-Hover);
    color: var(--Buttons-Outline-Quaternary-OutlineButtonQuaternary-HoverText);
  }
}

.button--CarouselControl {
  border-radius: var(--Radius-Primary);
  border: none;
  background: rgba(255, 255, 255, 0.10);
  box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.10);
  backdrop-filter: blur(5px);
  height: var(--Dimensions-Dimension-450);
  padding: 0;
  width: var(--Dimensions-Dimension-600);
}

.button--CarouselControl--Full {
  background-color: var(--Buttons-Solid-Tertiary-ButtonTertiary);
  color: var(--Buttons-Solid-Tertiary-ButtonTertiary-Text);
  height: var(--Dimensions-Dimension-450);
  padding: 0;
  min-width: var(--Dimensions-Dimension-600);
  width: var(--Dimensions-Dimension-600);
}

.button--CarouselControl svg,
.button--CarouselControl--Full svg {
  height: var(--Dimensions-Dimension-400);
  width: var(--Dimensions-Dimension-400);
}

.button--CarouselControlIvory,
.button--CarouselControlIvory svg,
.button--CarouselControlIvory * {
  color: var(--Text-Text-Primary);
  fill: var(--Text-Text-Primary);
}

.button--CarouselControlTeal,
.button--CarouselControlTeal svg,
.button--CarouselControlTeal * {
  color: var(--Whites-White-100);
  fill: var(--Whites-White-100);
}

/* Forms */
.klaviyo-form {
  align-items: center;
  border-bottom: 1px solid var(--Border-Border--Quaternary);
  display: flex;
  height: var(--Dimensions-Dimension-600) !important;
  justify-content: flex-start;
  max-width: var(--Containers-Container-500);
  width: 100%;
}

.klaviyo-form > div.needsclick {
  width: 100%;
}

.klaviyo-form div.needsclick {
  background-color: transparent !important;
}

.klaviyo-form div[data-testid="form-row"] {
  gap: var(--Spacing-Spacing-300);
}

.klaviyo-form input {
  border: none !important;
  font-family: var(--font-family-tertiary) !important;
  letter-spacing: var(--Typography-LetterSpacing-300) !important;
  padding-left: 0 !important;
}

.klaviyo-form input::placeholder {
  font-family: var(--font-family-tertiary) !important;
  letter-spacing: var(--Typography-LetterSpacing-300) !important;
}

.klaviyo-form input:focus,
.klaviyo-form input:focus-visible {
  outline: none !important;
  border-color: inherit !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
}

/* General helper classes */
.display-on-mobile,
.hide-on-desktop {
  @media (min-width: 1024px) {
    display: none !important;
  }
}

.display-on-desktop,
.hide-on-mobile {
  @media (max-width: 1023px) {
    display: none !important;
  }
}

/* Header */

.header__Wrapper {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: var(--Spacing-Spacing-400);
  height: var(--Dimensions-Dimension-800);
  justify-content: center;
  left: 0;
  padding: 0 var(--Dimensions-Dimension-200);
  position: absolute;
  right: 0;
  top: 0;
  transition: background-color .3s ease-in-out;
  z-index: var(--header-z-index);

  @media (min-width: 1024px) {
    padding: 0 var(--Dimensions-Dimension-500);
  }
}

.header__Navigation {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: var(--Spacing-Spacing-200);
  justify-content: flex-start;
  width: calc((100% - var(--Dimensions-Dimension-800) - var(--Spacing-Spacing-600)) / 2);
}

.header__Navigation .shopify-block:not(:first-child) {
  @media (max-width: 1023px) {
    display: none !important;
  }
}

.header__Logo {
  display: inline-flex;
  width: var(--Dimensions-Dimension-800);
}

.header__Logo svg {
  fill: var(--Accents-AccentIvory);
  height: auto;
  width: 100%;
}

.header__Logo svg path {
  fill: var(--Accents-AccentIvory);
  transition: fill .3s ease-in-out;
}

.header__Actions {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: var(--Spacing-Spacing-200);
  justify-content: flex-end;
  width: calc((100% - var(--Dimensions-Dimension-800) - var(--Spacing-Spacing-600)) / 2);
}

.header__ActionCart {
  align-items: center;
  background-color: transparent;
  border-radius: var(--Radius-Primary);
  color: var(--Text-Text-Secondary);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  font-size: var(--Body-Body-200);
  font-weight: 700;
  justify-content: center;
  letter-spacing: var(--Typography-LetterSpacing-200);
  transition: background-color .3s ease-in-out, color .3s ease-in-out;
  
  @media (min-width: 1024px) {
    padding: var(--Dimensions-Dimension-100) var(--Dimensions-Dimension-300);

    @media (hover: hover) {
      &:hover {
        background-color: var(--Buttons-Solid-Secondary-ButtonSecondary-Hover);
        color: var(--Buttons-Solid-Secondary-ButtonSecondary-HoverText);
      }
    }
  }
}

.header__CartCount {
  font-weight: 700;
  letter-spacing: var(--Typography-LetterSpacing-200);
}

.header__SubmenuTrigger {
  align-items: center;
  background-color: transparent;
  border-radius: var(--Radius-Primary);
  color: var(--Text-Text-Secondary);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  font-size: var(--Body-Body-200);
  font-weight: 700;
  gap: var(--Spacing-Spacing-300);
  justify-content: center;
  letter-spacing: var(--Typography-LetterSpacing-200);
  transition: background-color .3s ease-in-out, color .3s ease-in-out;
  
  @media (min-width: 1024px) {
    padding: var(--Dimensions-Dimension-100) var(--Dimensions-Dimension-200) var(--Dimensions-Dimension-100) var(--Dimensions-Dimension-300);

    @media (hover: hover) {
      &:hover {
        background-color: var(--Buttons-Solid-Secondary-ButtonSecondary-Hover);
        color: var(--Buttons-Solid-Secondary-ButtonSecondary-HoverText);

        svg,
        svg path {
          fill: var(--Buttons-Solid-Secondary-ButtonSecondary-HoverText);
        }
      }
    }
  }
}

.header__SubmenuTriggerText {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: var(--Spacing-Spacing-300);
  justify-content: flex-start;
}

.header__SubmenuTriggerText span {
  font-size: var(--Body-Body-200);
  font-weight: 700;
  letter-spacing: var(--Typography-LetterSpacing-200);
}

.header__SubmenuTriggerIcon {
  @media (max-width: 1023px) {
    height: var(--Dimensions-Dimension-400);
    position: relative;
    width: var(--Dimensions-Dimension-400);
  }
}

.header__SubmenuTriggerIconBars,
.header__SubmenuTriggerIconClose {
  @media (max-width: 1023px) {
    inset: 0;
    position: absolute;
    transition: opacity .1s ease-in-out, visibility .1s ease-in-out;
  }
}

.header__SubmenuTriggerIconClose {
  @media (max-width: 1023px) {
    opacity: 0;
    visibility: hidden;
  }
}

.header__SubmenuTrigger[aria-expanded="true"] .header__SubmenuTriggerIconBars {
  @media (max-width: 1023px) {
    opacity: 0;
    visibility: hidden;
  }
}

.header__SubmenuTrigger[aria-expanded="true"] .header__SubmenuTriggerIconClose {
  @media (max-width: 1023px) {
    opacity: 1;
    visibility: visible;
  }
}

.header__SubmenuTrigger svg,
.header__SubmenuTrigger svg path {
  fill: var(--Accents-AccentOrange);
  transition: fill .1s ease-in-out;
  height: var(--Dimensions-Dimension-400);
  width: var(--Dimensions-Dimension-400);
}

.header__SubmenuGroup {
  background-color: var(--Background-BackgroundPrimary);
  height: calc(95vh - var(--Dimensions-Dimension-800));
  left: 0;
  opacity: 0;
  overflow-y: scroll;
  padding: var(--Dimensions-Dimension-500) var(--Dimensions-Dimension-200) 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: var(--Dimensions-Dimension-800);
  transform: translateY(-120%);
  transition: opacity .3s ease-in-out, transform .3s ease-in-out, visibility .3s ease-in-out;
  visibility: hidden;
  scrollbar-width: thin;
  scrollbar-color: #ccc transparent;

  @media (min-width: 1024px) {
    padding: var(--Dimensions-Dimension-500) var(--Dimensions-Dimension-500) 0;
    transition: opacity .3s ease-in-out .1s, transform .3s ease-in-out, visibility .3s ease-in-out;
  }

  &::-webkit-scrollbar {
    width: 8px;
  }

  &::-webkit-scrollbar-track {
    background: transparent;
    border: none;
    box-shadow: none;
  }

  &::-webkit-scrollbar-thumb {
    background: #ccc;
    border: none;
    box-shadow: none;
    border-radius: 4px;
  }
}

.header__SubmenuGroup--Active {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
  visibility: visible;
}

.header__Submenu {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  height: 100%;
  gap: var(--Spacing-Spacing-400);
  justify-content: space-between;
  max-height: calc(95vh - var(--Dimensions-Dimension-800) - var(--Dimensions-Dimension-500));
}

.header__SubmenuNavigation {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-500);
  height: 100%;
  justify-content: space-between;
  flex-grow: 1;
  max-width: var(--Containers-Container-200);
  padding-bottom: var(--Dimensions-Dimension-500);
  width: calc((100% / 3) - var(--Spacing-Spacing-400));
}

.header__SubmenuPrimaryNavigation {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-200);
  justify-content: flex-start;
}

.header__PrimaryNavItem {
  font-size: var(--Body-Body-300);
  font-weight: 500;
  letter-spacing: var(--Typography-LetterSpacing-200);
  padding: var(--Dimensions-Dimension-75) 0;
  transition: transform .3s ease-in-out;

  @media (min-width: 1024px) {
    @media (hover:hover) {
      &:hover {
        transform: translateX(var(--Dimensions-Dimension-200));
      }
    }
  }
}

.header__SubmenuSecondaryNavigation {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 0;
  justify-content: flex-start;
}

.header__SecondaryNavItem {
  color: var(--Text-Text-Tertiary);
  font-size: var(--Body-Body-100);
  letter-spacing: var(--Typography-LetterSpacing-200);
  padding: var(--Dimensions-Dimension-75) 0;
  transition: opacity .3s ease-in-out;

  @media (min-width: 1024px) {
    @media (hover:hover) {
      &:hover {
        opacity: .4;
      }
    }
  }
}

.header__SubmenuColumns {
  display: grid;
  flex-grow: 1;
  gap: var(--Spacing-Spacing-300);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  width: calc((100% / 3) * 2);

  @media (max-width: 1023px) {
    display: none;
  }
}

.header__SubmenuColumn--Left {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--Spacing-Spacing-700);
  grid-column: span 1;
  height: 100%;
  max-height: calc(95vh - var(--Dimensions-Dimension-800) - var(--Dimensions-Dimension-500));
  overflow-y: scroll;
  padding-bottom: var(--Dimensions-Dimension-400);
  position: sticky;
  top: calc(-1 * var(--Dimensions-Dimension-500));
  scrollbar-width: thin;
  scrollbar-color: #ccc transparent;

  &::-webkit-scrollbar {
    width: 8px;
  }

  &::-webkit-scrollbar-track {
    background: transparent;
    border: none;
    box-shadow: none;
  }

  &::-webkit-scrollbar-thumb {
    background: #ccc;
    border: none;
    box-shadow: none;
    border-radius: 4px;
  }
}

.header__SubmenuColumn--Left .header__ColumnCard {
  @media (min-width: 1024px) {
    padding-right: var(--Spacing-Spacing-300);
  }
}

.header__SubmenuColumn--Left .shopify-block {
  width: 100%;
}

.header__SubmenuColumn--Right {
  height: 100%;
  grid-column: span 1;
  padding-bottom: var(--Dimensions-Dimension-400);
}

.header__SubmenuColumn--Right .headerCard__Media {
  aspect-ratio: 5/6;
  max-height: 500px;
}

.header__ColumnCard {
  width: 100%;
}

.headerCard {
  color: inherit;
  display: block;
  text-decoration: none;
  width: 100%;
}

.headerCard__Media {
  aspect-ratio: 1/1;
  overflow: hidden;
  width: 100%;
}

.headerCard__Media img {
  height: 100%;
  object-fit: cover;
  transition: transform .8s cubic-bezier(0.7, 0.01, 0, 1);
  vertical-align: middle;
  width: 100%;
}

.headerCard__Content {
  margin-top: var(--Dimensions-Dimension-200);
}

.headerCard__Body {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-300);
}

.headerCard__Header {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  gap: var(--Spacing-Spacing-200);
  justify-content: space-between;
  width: 100%;
}

.headerCard__Title {
  font-size: var(--Body-Body-300);
  font-weight: 700;
  letter-spacing: var(--Typography-LetterSpacing-200);
  line-height: 120%;;
}

.headerCard__Footer {
  color: var(--Text-Text-Tertiary);
  font-size: var(--Body-Body-200);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);
}

.headerCard__Subtitle {
  color: var(--Text-Text-Quaternary);
  font-family: var(--font-family-quaternary);
  font-size: var(--Body-Body-100);
  letter-spacing: var(--Typography-LetterSpacing-600);
}

.headerCard__Badge {
  color: var(--Text-Text-Quaternary);
  flex-shrink: 0;
  font-size: var(--Body-Body-100);
  font-weight: 500;
  letter-spacing: var(--Typography-LetterSpacing-200);
  line-height: 120%;;
  text-align: right;
}

/* Handle Active Header State */
.header__Wrapper:has(.header__SubmenuGroup--Active) {
  background-color: var(--Background-BackgroundPrimary);
}

.header__Wrapper:has(.header__SubmenuGroup--Active) .header__SubmenuTriggerText {
  color: var(--Text-Text-Primary);
}

.header__Wrapper:has(.header__SubmenuGroup--Active) .header__Logo svg path {
  fill: var(--Text-Text-Primary);
}

.header__SubmenuTrigger:has(+ .header__SubmenuGroup--Active) {
  background-color: var(--Buttons-Solid-Secondary-ButtonSecondary-Hover);
  color: var(--Buttons-Solid-Secondary-ButtonSecondary-HoverText);

  svg,
  svg path {
    fill: var(--Buttons-Solid-Secondary-ButtonSecondary-HoverText);
  }
}

.header__Wrapper:has(.header__SubmenuGroup--Active) .header__ActionCart {
  color: var(--Text-Text--Primary);
}

/* Darken Header */

.header__Wrapper--Dark .header__SubmenuTrigger,
.header__Wrapper--Dark .header__ActionCart {
  color: var(--Text-Text-Primary);
}

.header__Wrapper--Dark .header__SubmenuTrigger svg,
.header__Wrapper--Dark .header__SubmenuTrigger svg path,
.header__Wrapper--Dark .header__Logo svg path {
  fill: var(--Text-Text-Primary);
}

/* Generic sections */
.sectionHeader,
.pageHeader,
.heroTextSection,
.tabsSection,
.watchCard__Collection,
.splitSection,
.watchSlider,
.slider__Wrapper,
.featuredProductSection,
.richTextSection,
.productionTimelineSection,
.productionUpdateSection,
.formSection,
.formSplitSection,
.trustSection,
.collectionHeroSection,
.accordionSection,
.orderDetailsSection,
.footerAction,
.footer,
#locksmith-content,
.norouteSection,
.collectionTabs__Wrapper,
.customiserSection,
.collectionSection,
.techSpecsSection,
.videoSection,
.faqSection__Wrapper,
.eventsSection__Wrapper,
.collectionList__Wrapper,
.collectionTabs__Wrapper {
  display: flex;
  padding: var(--PaddingY) var(--PaddingX);
  width: 100%;
}

.section--FullWidth {
  padding: 0;
}

.shopify-section:has(> .heroMediaSection) + .shopify-section section,
.shopify-section:has(> .twoColumnSection) + .shopify-section section,
.shopify-section:has(> .trustSection) + .shopify-section section,
.shopify-section:has(> .collectionHeroSection) + .shopify-section section,
.shopify-section:has(> .pageHeaderBanner__Wrapper) + .shopify-section section {
  padding-top: var(--Dimensions-Dimension-900);
}

.shopify-section:has(> .sectionHeader) + .shopify-section section {
  padding-top: var(--Dimensions-Dimension-700);
}

.shopify-section:has(+ .shopify-section > .sectionHeader) section:not(.heroMediaSection),
.shopify-section:has(+ .shopify-section > .specialEditionsSlider) section {
  padding-bottom: var(--Dimensions-Dimension-900);
}

#main-content .shopify-section:not(:has(+ .shopify-section)) section {
  padding-bottom: var(--Dimensions-Dimension-900);
}

/* Section themeing */
.section--ThemeIvory {
  background-color: var(--Background-BackgroundPrimary);
}

.section--ThemePeach {
  background-color: var(--BackgroundBrand-BackgroundBrand-Tertiary);
}

.section--ThemePlum {
  background-color: var(--BackgroundBrand-BackgroundBrand-Primary);
  color: var(--Text-Text-Secondary);
}

.section--ThemeTeal {
  background-color: var(--BackgroundBrand-BackgroundBrand-Quaternary);
  color: var(--Text-Text-Secondary);
}

.section--ThemeOrange {
  background-color: var(--BackgroundBrand-BackgroundBrand-Secondary);
  color: var(--Text-Text-Primary);
}

.section--ThemePlum *:not(.button):not(.marquee),
.section--ThemeTeal *:not(.button):not(.marquee) {
  color: inherit;
}

.section--ThemeTransparent {
  background-color: transparent;
}

.section--ThemeBackground {
  background-color: var(--Background-BackgroundPrimary);
}

.section--ThemeDark {
  background-color: var(--Darks-Dark-400);
}

.section--ThemeDark *:not(.button):not(.marquee) {
  color: var(--Accents-AccentIvory);
}

/* Section specific */
.spacer--Size100 {
  height: var(--Dimensions-Dimension-700)
}

.spacer--Size200 {
  height: var(--Dimensions-Dimension-800)
}

.spacer--Size300 {
  height: var(--Dimensions-Dimension-900)
}

.shopify-section[id*="hero_media"],
.shopify-section[id*="heroSeriesMediaSection"] {
  position: relative;
  z-index: 2;
}

.heroMediaSection {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  min-height: 600px;
  position: relative;
  width: 100%;
}

.heroMediaSection:after {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0), rgba(0, 0, 0, .4));
  content: '';
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.heroMedia__Media {
  bottom: 0;
  left: 0;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.heroMedia__MediaItem,
.heroMedia__MediaItem video,
.heroMedia__MediaItem img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.heroMedia__Content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-600);
  justify-content: center;
  max-width: var(--Containers-Container-800);
  position: relative;
  width: 100%;
  z-index: 2;
}

.heroSeriesMedia__Content {
  flex-direction: column;
  gap: var(--Spacing-Spacing-800);
  justify-content: center;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-700);
  }
}

.heroMedia__Preheader {
  align-items: center;
  color: var(--Text-Text-Secondary);
  display: flex;
  gap: var(--Spacing-Spacing-200);
  justify-content: center;

  @media (max-width: 1023px) {
    flex-direction: column;
  }
}

.heroMedia__Pretitle {
  color: var(--Text-Text-Secondary);
  font-size: var(--Body-Body-200);
  letter-spacing: var(--Typography-LetterSpacing-200);
}

.heroMedia__PreItalic {
  color: var(--Text-Text-Secondary);
  display: contents;
  font-family: var(--font-family-quaternary);
  font-size: var(--Body-Body-200);
  font-style: italic;
  letter-spacing: var(--Typography-LetterSpacing-600);
}

.heroMedia__Header {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-400);
  justify-content: center;
}

.heroMedia__Button {
  height: var(--Dimensions-Dimension-500);
}

.heroMedia__ButtonLabel {
  align-items: flex-start;
  display: flex;
  height: var(--Dimensions-Dimension-500);
  justify-content: center;
  overflow: hidden;
}

.heroMedia__ButtonLabelInner {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
  transform: translateY(-62%);
  transition: transform 200ms cubic-bezier(0.7, 0.01, 0, 1);
}

.heroMedia__Button:hover .heroMedia__ButtonLabelInner {
  transform: translateY(0);
}

.heroMedia__ButtonLabelText {
  align-items: center;
  display: flex;
  font-weight: bold;
  height: var(--Dimensions-Dimension-500);
  justify-content: center;
  text-align: center;
}

.heroMedia__Title {
  color: var(--Text-Text-Secondary);
  font-family: var(--font-family-secondary);
  font-size: var(--Headings-Heading-500);
  text-align: center;
  width: 100%;

  @media (min-width: 1024px) {
    font-size: var(--Headings-Heading-700);
  }
}

.heroMedia__Title--Multiple:not(.heroMedia__Title--Active) {
  display: none;
}

.heroMedia__ContentDetails {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-200);
  justify-content: center;
}

.heroMedia__Subtitle {
  color: var(--Text-Text-Secondary);
  font-size: var(--Body-Body-300);
  font-weight: bold;
  letter-spacing: var(--Typography-LetterSpacing-300);
  text-align: center;
}

.heroMedia__Body {
  color: var(--Text-Text-Secondary);
  font-size: var(--Body-Body-300);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-300);
  text-align: center;
}

/* Hero Media Multiple */

.heroMedia__Media--Multiple {
  align-items: stretch;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.heroMedia__Media--Multiple .heroMedia__MediaItem {
  min-width: 100%;
}

.heroMedia__Media--Multiple .heroMedia__MediaItem:not(.heroMedia__MediaItem--Active) {
  display: none;
}

/* Hero Text Section */

.heroTextSection {
  align-items: center;
  justify-content: center;
  position: relative;
}

.heroTextSection:after {
  background-color: var(--Darks-Dark-500);
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.heroTextSection--Full {
  height: 100vh;
  min-height: var(--Containers-Container-600);
}

.heroTextSection--Half {
  height: var(--Containers-Container-400);
}

.heroText__ImageTrail {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;

  @media (hover: none) {
    display: none;
  }
}

.heroText__ImageTrailImage {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.heroText__Media {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.heroText__MediaItem {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}

.heroText__MediaItem video,
.heroText__MediaItem img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.heroTextSection--Half video,
.heroTextSection--Half img {
  height: var(--Containers-Container-400);
}

.heroText__Content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-700);
  justify-content: center;
  max-width: var(--Containers-Container-300);
  position: relative;
  z-index: 2;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-600);
  }
}

.heroText__Content--full {
  max-width: var(--Containers-Container-700);
}

.heroText__Header {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-400);
  justify-content: center;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-300);
  }
}

.heroText__Title {
  font-size: var(--Headings-Heading-500);
  font-family: var(--font-family-secondary);
  line-height: 120%;;
  text-align: center;

  @media (min-width: 1024px) {
    font-size: var(--Headings-Heading-700);
  }
}

.heroText__Subtitle {
  font-size: var(--Body-Body-300);
  text-align: center;
}

.heroText__Body p {
  text-align: center;
}

/* Swatches */

.swatch__Wrapper {
  align-items: center;
  background: rgba(255, 255, 255, 0.10);
  backdrop-filter: blur(5px);
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.50);
  border-radius: var(--Radius-Full);
  border-top: 1px solid rgba(255, 255, 255, 0.50);
  bottom: var(--Dimensions-Dimension-300);
  box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.10);
  display: flex;
  gap: var(--Spacing-Spacing-400);
  justify-content: center;
  left: 50%;
  padding: var(--Dimensions-Dimension-100);
  position: fixed;
  transform: translateX(-50%);
  z-index: var(--swatches-z-index);

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-300);
  }
}

.swatch {
  border: 1px solid transparent;
  border-radius: var(--Radius-Full);
  cursor: pointer;
  height: var(--Dimensions-Dimension-450);
  transition: border .3s ease;
  width: var(--Dimensions-Dimension-450);

  @media (hover: hover) {
    &:hover {
      border-color: var(--Text-Text-Secondary);
    }
  }
}

.swatch[disabled],
.swatch--Disabled {
  pointer-events: none;
  cursor: not-allowed;
}

.swatch.swatch--Active {
  border-color: var(--Darks-Dark-500);
}

/* Media Section */
.mediaSection {
  max-height: 100vh;
  width: 100%;
}

.mediaSection__MediaImage,
.mediaSection__MediaVideo {
  height: 100%;
  object-fit: cover;
  vertical-align: middle;
  width: 100%;
}

.videoSection {
  width: 100%;

  @media (max-width: 1023px) {
    padding-left: 0;
    padding-right: 0;
  }
}

.videoSection__Media {
  aspect-ratio: 16 / 9;
  overflow: hidden;
  max-height: calc(100vh - var(--Dimensions-Dimension-800));
  width: 100%;

  @media (max-width: 1023px) {
    aspect-ratio: 4 / 5;
  }

  @media (min-width: 1024px) {
    padding: 0 var(--Dimensions-Dimension-700);
  }
}

.videoSection__Media video {
  display: block;
  height: 100%;
  object-fit: cover;
  vertical-align: middle;
  width: 100%;
}

.themeEditor__Note {
  align-items: center;
  border: 1px dashed var(--Text-Text-Tertiary);
  border-radius: var(--Radius-Primary);
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-300);
  justify-content: center;
  margin: var(--Dimensions-Dimension-400);
  padding: var(--Dimensions-Dimension-400);
  width: calc(100% - (var(--Dimensions-Dimension-400) * 2));
}

.themeEditor__Title {
  font-size: var(--Headings-Heading-100);
  font-weight: bold;
  letter-spacing: var(--Typography-LetterSpacing-300);
  line-height: 120%;;
  text-align: center;
}

.themeEditor__Content {
  font-size: var(--Body-Body-200);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);
  text-align: center;
}

.sectionHeader {
  padding-bottom: 0;
  padding-top: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.sectionHeader__Content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-400);
  justify-content: center;
  max-width: var(--Containers-Container-600);
  width: 100%;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-300);
  }
}

.sectionHeader__Title {
  font-family: var(--font-family-tertiary);
  font-size: var(--Headings-Heading-400);
  line-height: 120%;;
  text-align: center;
}

.sectionHeader__Subtitle {
  text-align: center;
  font-size: var(--Body-Body-300);
}

.pageHeader {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.pageHeaderBanner__Image {
  display: block;
  height: 100%;
  object-fit: cover;
  transition: transform .8s cubic-bezier(0.7, 0.01, 0, 1);
  vertical-align: middle;
  width: 100%;
}

.shopify-section:has(> .pageHeaderBanner__Wrapper) + .shopify-section section {
  padding-top: 
}

.pageHeaderBanner__Wrapper {
  height: 540px;
  overflow: hidden;
  width: 100%;

  @media (min-width: 1024px) {
    height: 600px;
  }
}

.eventsSection__Button {
  align-items: center;
  column-gap: var(--Spacing-Spacing-300);
  display: inline-flex;
  height: var(--Dimensions-Dimension-500);
  justify-content: center;
  width: fit-content;

  padding-right: var(--Dimensions-Dimension-200);
}

.eventsSection__Button--Event {
  white-space: nowrap;

  @media (max-width: 639px) {
    margin-top: var(--Spacing-Spacing-400);
  }
}

.eventsSection__ButtonText {
  align-items: flex-start;
  display: flex;
  height: var(--Dimensions-Dimension-500);
  justify-content: center;
  overflow: hidden;
}

.eventsSection__ButtonTextInner {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
  transform: translateY(-62%);
  transition: transform 200ms cubic-bezier(0.7, 0.01, 0, 1);
}

.eventsSection__Button:hover .eventsSection__ButtonTextInner {
  transform: translateY(0);
}

.eventsSection__ButtonTextLabel {
  align-items: center;
  display: flex;
  font-weight: bold;
  height: var(--Dimensions-Dimension-500);
  justify-content: center;
  text-align: center;
}

.eventsSection__ButtonIcon {
  align-items: center;
  display: flex;
  justify-content: center;
}

.eventsSection__ButtonIcon svg {
  height: var(--Icons-Size-100);
  width: var(--Icons-Size-100);
}

.faqSection__Container {
  margin: 0 auto;
  max-width: none;
  width: 100%;

  @media (min-width: 640px) {
    max-width: var(--Containers-Container-1000);
  }
}

.faqSection__Content {
  margin: 0 auto;
  max-width: var(--Containers-Container-1000);
  width: 100%;
}

.faqSection__Content > .shopify-block + .shopify-block {
  margin-top: var(--Spacing-Spacing-500);
}

.faqSection__SectionHeader {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: var(--Dimensions-Dimension-700);
  width: 100%;
}

.faqSection__SectionHeaderInner {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-400);
  justify-content: center;
  max-width: var(--Containers-Container-400);
  width: 100%;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-300);
  }
}

.faqSection__SectionSubtitle {
  font-size: var(--Body-Body-300);
  line-height: 130%;
  text-align: center;
}

.faqSection__SectionTitle {
  font-family: var(--font-family-tertiary);
  font-size: var(--Headings-Heading-400);
  line-height: 130%;
  text-align: center;
}

.faqSection__Wrapper {
  padding-bottom: var(--Dimensions-Dimension-900);
  width: 100%;
}

.faqBlock__Icon {
  flex-shrink: 0;
  transition: transform .3s ease;
}

.faqBlock__Icon svg {
  display: block;
  height: var(--Dimensions-Dimension-300);
  width: var(--Dimensions-Dimension-300);
}

.faqBlock__Icon svg * {
  fill: var(--Text-Text-Primary);
}

.faqBlock__ItemHeader {
  align-items: center;
  display: flex;
  gap: var(--Spacing-Spacing-500);
  justify-content: space-between;
  padding-bottom: var(--Spacing-Spacing-500);
  width: 100%;
}

.faqBlock__ItemHeading {
  align-items: center;
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  gap: var(--Spacing-Spacing-500);

  @media (min-width: 1024px) {
    align-items: flex-end;
    gap: var(--Spacing-Spacing-600);
  }
}

.faqBlock__ItemSubtitle {
  color: var(--Text-Text-Quaternary);
  font-family: var(--font-family-tertiary);
  font-size: var(--Body-Body-100);
  font-style: italic;
  letter-spacing: var(--Typography-LetterSpacing-500);
  line-height: 130%;

  @media (max-width: 1023px) {
    display: none;
  }
}

.faqBlock__ItemTitle {
  font-size: var(--Headings-Heading-100);
  font-weight: 700;
  letter-spacing: var(--Typography-LetterSpacing-200);
  line-height: 120%;
  min-width: var(--Containers-Container-50);
}

.faqQuestion {
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-200);
}

.faqQuestion__Response {
  font-size: var(--Body-Body-200);
  line-height: 130%;
}

.faqQuestion__Response p:first-child {
  margin-top: 0;
}

.faqQuestion__Response p:last-child {
  margin-bottom: 0;
}

.faqQuestion__Title {
  font-size: var(--Headings-Heading-50);
  font-weight: 700;
  line-height: 120%;
}

.faqVideo {
  width: 100%;
}

.faqVideo__Media {
  display: block;
  height: auto;
  width: 100%;
}

.accordionItem--is-active .faqBlock__Icon {
  transform: rotate(180deg);
}

.eventsSection__ButtonText {
  display: block;
}

.eventsSection__Container {
  margin: 0 auto;
  max-width: none;
  width: 100%;

  @media (min-width: 640px) {
    max-width: var(--Containers-Container-1000);
  }
}

.eventsSection__DateCard {
  align-items: center;
  background-color: var(--Background-BackgroundPrimary);
  display: flex;
  flex-direction: row;
  gap: var(--Spacing-Spacing-300);
  justify-content: center;
  margin-bottom: var(--Spacing-Spacing-600);
  min-height: var(--Dimensions-Dimension-600);
  min-width: var(--Dimensions-Dimension-600);
  padding: var(--Dimensions-Dimension-200) var(--Dimensions-Dimension-400);
  text-align: center;

  @media (min-width: 640px) {
    background-color: var(--Background-BackgroundSecondary);
    flex-direction: column;
    gap: var(--Spacing-Spacing-200);
    margin-bottom: 0;
    min-height: var(--Dimensions-Dimension-800);
    min-width: var(--Dimensions-Dimension-800);
    padding: var(--Spacing-Spacing-300);
  }
}

.eventsSection__DateCard--Hero {
  left: var(--Dimensions-Dimension-200);
  position: absolute;
  top: var(--Dimensions-Dimension-200);
  z-index: 2;

  @media (max-width: 639px) {
    background-color: var(--Background-BackgroundPrimary);
    margin-bottom: 0;
  }

  @media (min-width: 640px) {
    left: var(--Dimensions-Dimension-200);
  }

  @media (min-width: 1024px) {
    left: var(--Dimensions-Dimension-300);
    top: var(--Dimensions-Dimension-300);
  }
}

.eventsSection__DateDay {
  font-family: var(--font-family-secondary);
  font-size: var(--Headings-Heading-200);
  line-height: 100%;

  @media (min-width: 640px) {
    font-size: var(--Headings-Heading-300);
  }
}

.eventsSection__DateMonth {
  font-size: var(--Body-Body-200);
  line-height: 100%;
}

.eventsSection__DateMonth--Event {
  font-family: var(--font-family-secondary);
  font-size: var(--Headings-Heading-200);

  @media (min-width: 640px) {
    font-size: var(--Body-Body-200);
  }
}

.eventsSection__Event {
  align-items: center;
  background-color: var(--Background-BackgroundSecondary);
  border-top: none;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-300);
  padding: var(--Dimensions-Dimension-500) var(--Dimensions-Dimension-400);
  text-align: center;

  @media (min-width: 640px) {
    align-items: flex-start;
    background-color: transparent;
    border-bottom: 1px solid var(--Border-Border--Secondary);
    gap: var(--Spacing-Spacing-500);
    padding: var(--Spacing-Spacing-600) 0;
    text-align: left;
  }

  @media (min-width: 1024px) {
    align-items: center;
    column-gap: var(--Spacing-Spacing-600);
    flex-direction: row;
    justify-content: space-between;
    padding: var(--Spacing-Spacing-700) var(--Dimensions-Dimension-200);
  }
}

.eventsSection__EventContent {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: var(--Spacing-Spacing-500);
  width: 100%;

  @media (min-width: 640px) {
    align-items: flex-start;
    gap: var(--Spacing-Spacing-300);
  }

  @media (min-width: 1024px) {
    max-width: var(--Containers-Container-400);
  }
}

.eventsSection__EventLocation {
  color: var(--Text-Text-Primary);
  font-size: var(--Headings-Heading-100);
  font-weight: 300;
  line-height: 120%;
  text-align: center;

  @media (min-width: 640px) {
    font-size: var(--Body-Body-100);
    line-height: 130%;
    text-align: left;
  }
}

.eventsSection__EventSchedule {
  color: var(--Text-Text-Primary);
  font-size: var(--Headings-Heading-100);
  font-weight: 300;
  line-height: 120%;
  max-width: none;
  text-align: center;
  width: 100%;

  @media (min-width: 640px) {
    font-size: var(--Body-Body-200);
    line-height: 130%;
    text-align: left;
  }

  @media (min-width: 1024px) {
    max-width: var(--Containers-Container-300);
  }
}

.eventsSection__EventTitle {
  font-size: var(--Body-Body-200);
  font-weight: 700;
  line-height: 120%;
  text-align: center;

  @media (min-width: 640px) {
    text-align: left;
  }
}

.eventsSection__Header {
  border-bottom: 1px solid var(--Border-Border--Secondary);
  padding-bottom: var(--Spacing-Spacing-500);
}

.eventsSection__Heading {
  font-family: var(--font-family-primary);
  font-size: var(--Headings-Heading-100);
  font-weight: 700;
  line-height: 120%;
}

.eventsSection__Hero {
  display: flex;
  overflow: hidden;
  position: relative;
  margin-bottom: var(--Spacing-Spacing-800);

  @media (max-width: 639px) {
    aspect-ratio: 9/16;
  }

  @media (min-width: 640px) {
    min-height: 420px;
  }

  @media (min-width: 1024px) {
    min-height: 460px;

    &:hover {
      .eventsSection__HeroMedia img {
        transform: scale(1.06);
      }
    }
  }
}

.eventsSection__HeroContent {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-300);
  max-width: none;

  @media (min-width: 640px) {
    gap: var(--Spacing-Spacing-200);
    max-width: var(--Containers-Container-300);
  }
}

.eventsSection__HeroFooter {
  bottom: var(--Dimensions-Dimension-400);
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-600);
  left: var(--Dimensions-Dimension-200);
  position: absolute;
  right: var(--Dimensions-Dimension-200);
  z-index: 2;

  @media (min-width: 640px) {
    bottom: var(--Dimensions-Dimension-200);
    gap: var(--Spacing-Spacing-500);
  }

  @media (min-width: 1024px) {
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: row;
    bottom: var(--Dimensions-Dimension-300);
    left: var(--Dimensions-Dimension-300);
    right: var(--Dimensions-Dimension-300);
  }
}

.eventsSection__HeroImage {
  display: block;
  height: 100%;
  object-fit: cover;
  vertical-align: middle;
  width: 100%;
}

.eventsSection__HeroLocation {
  color: var(--Text-Text-Secondary);
  font-size: var(--Headings-Heading-100);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);

  @media (min-width: 640px) {
    font-size: var(--Body-Body-200);
  }
}

.eventsSection__HeroMedia {
  height: 100%;
  inset: 0;
  position: absolute;
  width: 100%;
}

.eventsSection__HeroMedia img {
  transition: transform .8s cubic-bezier(0.7, 0.01, 0, 1);
}

.eventsSection__HeroOverlay {
  background: linear-gradient(0deg, rgb(0 0 0 / 55%) 0%, rgb(0 0 0 / 10%) 45%, rgb(0 0 0 / 0%) 100%);
  inset: 0;
  position: absolute;
  z-index: 1;
}

.eventsSection__HeroSchedule {
  color: var(--Text-Text-Secondary);
  font-size: var(--Headings-Heading-100);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);

  @media (min-width: 640px) {
    font-size: var(--Body-Body-200);
  }
}

.eventsSection__HeroTitle {
  color: var(--Text-Text-Secondary);
  font-family: var(--font-family-primary);
  font-size: var(--Headings-Heading-200);
  font-weight: 700;
  line-height: 120%;

  @media (min-width: 640px) {
    font-size: var(--Headings-Heading-100);
  }
}

.eventsSection__List {
  border-bottom: none;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-400);

  @media (min-width: 640px) {
    gap: 0;
  }
}

.eventsSection__List--Spaced {
  margin-top: var(--eventsSection-Spacing);
}

.eventsSection__SectionHeader {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: var(--Dimensions-Dimension-700);
  width: 100%;
}

.eventsSection__SectionHeaderInner {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-400);
  justify-content: center;
  max-width: var(--Containers-Container-400);
  width: 100%;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-300);
  }
}

.eventsSection__SectionSubtitle {
  font-size: var(--Body-Body-300);
  line-height: 130%;
  text-align: center;
}

.eventsSection__SectionTitle {
  font-family: var(--font-family-tertiary);
  font-size: var(--Headings-Heading-400);
  line-height: 130%;
  text-align: center;
}

.eventsSection__Wrapper {
  padding-bottom: var(--Dimensions-Dimension-900);
  width: 100%;
}

.eventsSection__DateCard--Event {
  @media (min-width: 640px) {
    flex-direction: column;
    gap: var(--Spacing-Spacing-200);
  }
}

.eventsSection__Hero--Spaced {
  margin-top: var(--eventsSection-Spacing);
}

.collectionList__Button {
  height: var(--Dimensions-Dimension-450);
  font-weight: 500;
  white-space: nowrap;
  width: auto;

  @media (max-width: 1023px) {
    padding: var(--Button-PaddingY) calc(var(--Button-PaddingX) / 2);
  }
}

.collectionList__ButtonText {
  align-items: flex-start;
  display: flex;
  height: var(--Dimensions-Dimension-450);
  justify-content: center;
  overflow: hidden;
}

.collectionList__ButtonTextInner {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
  transform: translateY(-64%);
  transition: transform 200ms cubic-bezier(0.7, 0.01, 0, 1);
}

.collectionList__Button:hover .collectionList__ButtonTextInner {
  transform: translateY(0);
}

.collectionList__ButtonTextLabel {
  align-items: center;
  display: flex;
  font-size: var(--Body-Body-100);
  font-weight: 500;
  height: var(--Dimensions-Dimension-450);
  justify-content: center;
  letter-spacing: var(--Typography-LetterSpacing-200);
  text-align: center;
}

.collectionList__Button[aria-pressed="true"] {
  background: var(--Buttons-Solid-Secondary-ButtonSecondary, #33081C);
  color: var(--Buttons-Solid-Secondary-ButtonSecondary-Text, #FFFFFF);
}

.collectionList__Buttons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--Spacing-Spacing-400);
  justify-content: center;
  margin-bottom: var(--Spacing-Spacing-800);
}

.collectionList__Container {
  width: 100%;

  @media (min-width: 1024px) {
    padding: 0;
  }
}

.collectionList__Hero {
  display: none;

  @media (min-width: 1024px) {
    display: block;
    grid-column: 2 / 4;
    overflow: hidden;
    position: relative;

    &:hover {
      .collectionList__HeroImage {
        transform: scale(1.06);
      }
    }
  }
}

.collectionList__HeroButton {
  @media (min-width: 1024px) {
    bottom: var(--Dimensions-Dimension-500);
    left: var(--Dimensions-Dimension-500);
    position: absolute;
    z-index: 1;
  }
}

.collectionList__HeroImage {
  display: block;
  height: 100%;
  object-fit: cover;
  transition: transform .6s cubic-bezier(0, 0, .49, 1);
  vertical-align: middle;
  width: 100%;
}

.collectionList__List {
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-800);
}

.collectionList__Item {
  width: 100%;
}

.collectionList__Item--Alternate .collectionList__Hero {
  @media (min-width: 1024px) {
    grid-column: 1 / 3;
  }
}

.collectionList__ItemHeader {
  border-bottom: 1px solid var(--Border-Border--Secondary);
  margin-bottom: var(--Spacing-Spacing-500);
  padding-bottom: var(--Spacing-Spacing-500);
}

.collectionList__ItemHeading {
  align-items: center;
  display: flex;
  gap: var(--Spacing-Spacing-500);

  @media (min-width: 1024px) {
    align-items: flex-end;
    gap: var(--Spacing-Spacing-600);
  }
}

.collectionList__ItemTitle {
  font-size: var(--Headings-Heading-100);
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
}

.collectionList__ItemSubtitle {
  color: var(--Text-Text-Quaternary);
  font-family: var(--font-family-secondary);
  font-size: var(--Body-Body-100);
  font-style: italic;
  line-height: 130%;
}

.collectionList__Product {
  width: 100%;
}

.collectionList__Product .watchCard {
  max-width: none;
  width: 100%;
}

.collectionList__Products {
  display: grid;
  gap: var(--Spacing-Spacing-400);
  grid-template-columns: 1fr;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-500);
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.collectionList__SectionHeader {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: var(--Spacing-Spacing-600);
  width: 100%;
}

.collectionList__SectionHeaderInner {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-400);
  justify-content: center;
  max-width: var(--Containers-Container-400);
  width: 100%;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-300);
  }
}

.collectionList__SectionSubtitle {
  font-size: var(--Body-Body-300);
  line-height: 130%;
  text-align: center;
}

.collectionList__SectionTitle {
  font-family: var(--font-family-tertiary);
  font-size: var(--Headings-Heading-400);
  line-height: 130%;
  text-align: center;
}

.collectionList__Wrapper {
  width: 100%;
}

.retailersSection__Button {
  align-self: flex-start;
  gap: var(--Spacing-Spacing-300);
  height: var(--Dimensions-Dimension-500);
  padding-right: var(--Dimensions-Dimension-200);
  white-space: nowrap;
}

.retailersSection__ButtonText {
  align-items: flex-start;
  display: flex;
  height: var(--Dimensions-Dimension-500);
  justify-content: center;
  overflow: hidden;
}

.retailersSection__ButtonTextInner {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
  transform: translateY(-62%);
  transition: transform 200ms cubic-bezier(0.7, 0.01, 0, 1);
}

.retailersSection__Button:hover .retailersSection__ButtonTextInner {
  transform: translateY(0);
}

.retailersSection__ButtonTextLabel {
  align-items: center;
  display: flex;
  font-weight: bold;
  height: var(--Dimensions-Dimension-500);
  justify-content: center;
  text-align: center;
}

.retailersSection__ButtonIcon {
  align-items: center;
  display: flex;
  justify-content: center;
}

.retailersSection__Container {
  margin: 0 auto;
  max-width: var(--Containers-Container-1000);
  padding: 0 var(--Dimensions-Dimension-200);
  width: 100%;

  @media (min-width: 1024px) {
    padding: 0;
  }
}

.retailersSection__Content {
  align-items: flex-end;
  display: flex;
  gap: var(--Spacing-Spacing-400);
  justify-content: space-between;
}

.retailersSection__Details {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: var(--Spacing-Spacing-100);
}

.retailersSection__Grid {
  display: grid;
  column-gap: var(--Spacing-Spacing-500);
  row-gap: var(--Spacing-Spacing-800);
  grid-template-columns: minmax(0, 1fr);

  @media (min-width: 1024px) {
    column-gap: var(--Spacing-Spacing-600);
    row-gap: var(--Spacing-Spacing-800);
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.retailersSection__Image {
  display: block;
  height: 100%;
  object-fit: cover;
  vertical-align: middle;
  width: 100%;
}

.retailersSection__ImageWrapper {
  aspect-ratio: 9/10;
  overflow: hidden;

  @media (min-width: 1024px) {
    &:hover {
      img {
        transform: scale(1.06);
      }
    }
  }
}

.retailersSection__ImageWrapper img {
  transition: transform .8s cubic-bezier(0.7, 0.01, 0, 1);
}

.retailersSection__Location {
  color: var(--Text-Text-Primary);
  font-size: var(--Body-Body-100);
  line-height: 130%;
  margin: 0;
}

.retailersSection__Name {
  font-size: var(--Body-Body-200);
  font-weight: 700;
  line-height: 120%;
  margin: 0;
}

.retailersSection__Retailer {
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-400);
}

.retailersSection__SectionHeader {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: var(--Dimensions-Dimension-700);
  width: 100%;
}

.retailersSection__SectionHeaderInner {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-400);
  justify-content: center;
  max-width: var(--Containers-Container-400);
  width: 100%;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-300);
  }
}

.retailersSection__SectionSubtitle {
  font-size: var(--Body-Body-300);
  line-height: 130%;
  margin: 0;
  text-align: center;
}

.retailersSection__SectionTitle {
  font-family: var(--font-family-tertiary);
  font-size: var(--Headings-Heading-400);
  line-height: 130%;
  margin: 0;
  text-align: center;
}

.retailersSection__Wrapper {
  padding-bottom: var(--Dimensions-Dimension-900);
  width: 100%;
}

.fullImageWithText__Body {
  color: inherit;
}

.fullImageWithText__Body p,
.fullImageWithText__Body span,
.fullImageWithText__Title,
.fullImageWithText__Body {
  color: inherit;
}

.fullImageWithText__Body p {
  margin: 0;
}

.fullImageWithText__Container {
  align-items: center;
  color: var(--fullImageWithText-ContentColor);
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-700);
  padding: var(--Dimensions-Dimension-700) 0 0;
  width: 100%;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-900);
    padding-top: var(--Dimensions-Dimension-900);
  }
}

.fullImageWithText__Header {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding: 0 var(--Site_Padding);
}

.fullImageWithText__Media img {
  display: block;
  height: auto;
  width: 100%;
}

.fullImageWithText__Media {
  max-width: var(--Containers-Container-600);
  width: 100%;
}

.fullImageWithText__Title {
  margin: 0;
}

.shopify-section:has(+ .shopify-section .fullImageWithText__Wrapper) section {
  padding-bottom: var(--Dimensions-Dimension-900);
}

.shopify-section:has(> .fullImageWithText__Wrapper) + .shopify-section section {
  padding-top: var(--Dimensions-Dimension-900);
}

.fullImageWithText__Wrapper {
  background-color: var(--fullImageWithText-BackgroundColor);
  width: 100%;
}

.pageHeader__Content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-900);
  justify-content: center;
  max-width: var(--Containers-Container-1000);
  width: 100%;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-700);
  }
}

.pageHeader__Header {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-400);
  justify-content: center;
  width: 100%;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-300);
  }
}

.pageHeader__Title {
  font-size: var(--Headings-Heading-500);
  font-family: var(--font-family-tertiary);
  line-height: 130%;
  text-align: center;

  @media (min-width: 1024px) {
    font-size: var(--Headings-Heading-700);
  }
}

.pageHeader__Subtitle {
  text-align: center;
  font-size: var(--Body-Body-300);
}

.pageHeader__Body {
  text-align: center;
  font-size: var(--Body-Body-200);
  max-width: var(--Containers-Container-700);
}

.pageHeader__Body p,
.pageHeader__Body span {
  font-weight: 300 !important;
}

.pageHeader__Body p b {
  font-weight: bold;
  letter-spacing: var(--Typography-LetterSpacing-300);
}

.pageHeader__Body p:has( + *) {
  margin-bottom: var(--Dimensions-Dimension-300);
}

.pageHeader__Body h1,
.pageHeader__Body h2,
.pageHeader__Body h3,
.pageHeader__Body h4,
.pageHeader__Body h5,
.pageHeader__Body h6 {
  font-family: var(--font-family-secondary);
  margin: var(--Dimensions-Dimension-400) 0 var(--Dimensions-Dimension-200);
}

.pageHeader__Body table {
  width: 100%;
}

.pageHeader__Footer {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-500);
  justify-content: center;
  max-width: var(--Containers-Container-300);
  padding-top: var(--Dimensions-Dimension-400);
  width: 100%;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-400);
    padding-top: var(--Dimensions-Dimension-200);
  }
}

.pageHeader__Footer .klaviyo-form {
  width: 100%;
}

.customiserSection {
  overflow: hidden;
}

.customiserSection__Column {
  width: 100%;
}

.customiserSection__Column--Design,
.customiserSection__Column--Strap {
  @media (max-width: 1023px) {
    max-width: var(--Containers-Container-100);
    margin: 0 auto;
  }
}

.customiserSection__Column--Media {
  order: -1;

  @media (max-width: 1023px) {
    margin-bottom: var(--Spacing-Spacing-700);
  }

  @media (min-width: 1024px) {
    order: 0;
  }
}

.customiserSection__ColumnTitle {
  font-size: var(--Body-Body-200);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 120%;;
  margin-bottom: var(--Dimensions-Dimension-300);

  @media (max-width: 1024px) {
    display: none;
  }
}

.customiserSection__ColumnSelector {
  display: block;
  margin-bottom: var(--Dimensions-Dimension-300);
  position: relative;
  width: 100%;

  @media (min-width: 1024px) {
    display: none;
  }
}

.customiserSection__DropdownGroup {
  position: relative;
  width: 100%;
  z-index: 20;
}

.customiserSection__DropdownGroup--Open .customiserSection__DropdownList {
  max-height: 18rem;
}

.customiserSection__Column:has(.customiserSection__DropdownGroup--Open) {
  position: relative;
  z-index: 40;
}

.customiserSection__DropdownGroup--Open .customiserSection__SelectIcon .icon--chevron-down {
  transform: rotate(180deg);
}

.customiserSection__DropdownGroup--Open .customiserSection__DropdownList {
  border: 1px solid var(--Border-Border--Secondary);
}

.customiserSection__DropdownList {
  background-color: var(--Background-BackgroundPrimary);
  border-top: none;
  bottom: 1px;
  left: 0;
  max-height: 0;
  overflow-y: auto;
  position: absolute;
  right: 0;
  transform: translateY(100%);
  z-index: 30;
}

.customiserSection__DropdownOption {
  align-items: center;
  background-color: var(--Whites-White-100);
  border: none;
  cursor: pointer;
  display: flex;
  min-height: 56px;
  padding: 0 var(--Dimensions-Dimension-100);
  text-align: left;
  width: 100%;
}

.customiserSection__DropdownOptionContent {
  align-items: center;
  display: flex;
  gap: var(--Spacing-Spacing-300);
}

.customiserSection__DropdownOptionText,
.customiserSection__DropdownTriggerText {
  color: var(--Text-Text-Primary);
  font-size: var(--Body-Body-50);
  font-weight: 400;
  line-height: 120%;;
}

.customiserSection__DropdownTrigger {
  align-items: center;
  background-color: transparent;
  border: 1px solid var(--Border-Border--Secondary);
  border-radius: var(--Radius-200);
  cursor: pointer;
  display: flex;
  height: 56px;
  justify-content: space-between;
  padding: 0 var(--Dimensions-Dimension-300) 0 var(--Dimensions-Dimension-100);
  text-align: left;
  width: 100%;
}

.customiserSection__DropdownTriggerContent {
  align-items: center;
  display: flex;
  gap: var(--Spacing-Spacing-300);
}

.customiserSection__Container {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-500);
  justify-content: center;
  width: 100%;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-700);
  }
}

.customiserSection__Content {
  width: 100%;
}

.customiserSection__Action {
  display: flex;
  justify-content: center;
  max-width: 320px;
  width: 100%;
}

.customiserSection__Action .buyingPanel__ActionButton,
.customiserSection__Action .buyingPanel__ActionButton .buyingPanel__ActionText {
  color: var(--Text-Text-Primary);
}

.customiserSection__DesignButton {
  align-items: center;
  background-color: transparent;
  border: 1px solid var(--Border-Border--Secondary);
  border-radius: var(--Radius-200);
  color: var(--Greys-Grey-200);
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  height: 56px;
  padding: 0 var(--Dimensions-Dimension-100);
  text-align: left;
  transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
  width: 100%;
}

.customiserSection__DesignButton--Active {
  border-color: var(--Text-Text-Primary);
  color: var(--Text-Text-Primary);
}

.customiserSection__DesignButtonText {
  font-size: var(--Body-Body-50);
  font-weight: 400;
  line-height: 120%;;
}

.customiserSection__DesignButtonContent {
  align-items: center;
  display: flex;
  gap: var(--Spacing-Spacing-300);
}

.customiserSection__DesignList {
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-400);

  @media (max-width: 1023px) {
    display: none;
  }
}

.customiserSection__Header {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-400);
  justify-content: center;
  max-width: var(--Containers-Container-700);
  width: 100%;

  @media (max-width: 1023px) {
    margin-bottom: var(--Spacing-Spacing-600);
  }

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-300);
  }
}

.customiserSection__Select {
  appearance: none;
  background-color: transparent;
  border: 1px solid var(--Border-Border--Secondary);
  border-radius: var(--Radius-200);
  color: var(--Text-Text-Primary);
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;;
  height: 56px;
  padding: 0 72px 0 var(--Dimensions-Dimension-300);
  width: 100%;
  -webkit-appearance: none;
}

.customiserSection__Select:focus {
  outline: 1px solid var(--Whites-White-400, #c9c6c3);
  outline-offset: 0;
}

.customiserSection__Selector {
  max-width: var(--Containers-Container-100);
  margin-top: 32px;
  position: relative;
  width: 100%;
}

.customiserSection__SelectIcon {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  pointer-events: none;
  position: absolute;
  right: var(--Dimensions-Dimension-300);
  top: 0;
  width: 24px;
}

.customiserSection__SelectIcon .icon--chevron-down {
  display: block;
  height: 32px;
  transition: transform 0.2s ease-in-out;
  width: 32px;
}

.customiserSection__SelectIcon .icon--chevron-down * {
  fill: var(--Text-Text-Primary);
}

.customiserSection__SeriesPanel {
  display: none;
}

.customiserSection__SeriesPanel--Active {
  align-items: center;
  display: grid;

  @media (min-width: 1024px) {
    align-items: flex-start;
    gap: var(--Spacing-Spacing-600);
    grid-template-columns: minmax(0, 280px) minmax(0, 1fr) minmax(0, 280px);
  }
}

.customiserSection__SeriesSlider {
  display: none;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.customiserSection__SeriesSlider--Active {
  display: flex;
}

.customiserSection__SeriesSlider .slider__SlideMedia {
  aspect-ratio: 4 / 5;
}

.customiserSection__Sliders {
  margin-left: calc(var(--PaddingX) * -1);
  margin-right: calc(var(--PaddingX) * -1);
  width: calc(100% + (var(--PaddingX) * 2));
}

.customiserSection__Stage {
  align-items: center;
  aspect-ratio: 1 / 1.12;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  max-width: 32rem;
  position: relative;
  width: 85%;

  @media (min-width: 1024px) {
    max-width: var(--Containers-Container-500);
    width: 100%;
  }
}

.customiserSection__StageProduct,
.customiserSection__StageStrap {
  display: block;
  height: 100%;
  inset: 0;
  object-fit: contain;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.2s ease-in-out;
  width: 100%;
}

.customiserSection__StageProduct {
  z-index: 5;
}

.customiserSection__StageProduct--Active,
.customiserSection__StageStrap--Active {
  opacity: 1;
}

.customiserSection__StageReflection {
  height: 195%;
  left: 50%;
  object-fit: cover;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 49%;
  transform: translate(-50%, -50%);
  transition: opacity 0.2s ease-in-out;
  width: 195%;
  z-index: 3;
}

.customiserSection__StageReflection--Active {
  opacity: 1;
}

.customiserSection__StageStrap {
  z-index: 4;
}

.customiserSection__StrapButton {
  align-items: center;
  background-color: transparent;
  border: 1px solid var(--Border-Border--Secondary);
  border-radius: var(--Radius-200);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  height: 56px;
  padding: 0 var(--Dimensions-Dimension-100);
  transition: border-color 0.2s ease-in-out;
  width: 100%;
}

.customiserSection__StrapButton--Active {
  border-color: var(--Text-Text-Primary);
}

.customiserSection__StrapButtonContent {
  align-items: center;
  display: flex;
  gap: var(--Spacing-Spacing-300);
}

.customiserSection__StrapButtonIcon {
  align-items: center;
  color: var(--Greys-Grey-200);
  display: flex;
  justify-content: center;
}

.customiserSection__StrapButtonIcon svg * {
  fill: currentColor;
}

.customiserSection__StrapButton--Active .customiserSection__StrapButtonIcon {
  color: var(--Text-Text-Primary);
}

.customiserSection__StrapButtonText {
  color: var(--Text-Text-Primary);
  font-size: var(--Body-Body-50);
  font-weight: 400;
  line-height: 120%;;
  text-align: left;
}

.customiserSection__StrapList {
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-400);

  @media (max-width: 1023px) {
    display: none;
  }
}

.customiserSection__ButtonThumbnail {
  border-radius: 100px;
  display: block;
  height: 32px;
  object-fit: cover;
  overflow: hidden;
  width: 32px;
}

.customiserSection__ButtonThumbnailWrapper {
  border-radius: 100px;
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-shrink: 0;
  height: 32px;
  overflow: hidden;
  width: 32px;
}

.customiserSection__ButtonThumbnailWrapper .customiserSection__ButtonThumbnail {
  height: 150%;
  width: 150%;
}

.customiserSection__ButtonThumbnail--Fallback {
  flex-shrink: 0;
}

.customiserSection__Subtitle {
  font-size: var(--Body-Body-300);
  max-width: var(--Containers-Container-600);
  text-align: center;
}

.customiserSection__Select:invalid {
  color: var(--Text-Text-Quaternary);
}

.customiserSection__Title {
  font-family: var(--font-family-tertiary);
  font-size: var(--Headings-Heading-400);
  line-height: 130%;
  text-align: center;
}

.richTextSection {
  align-items: center;
  justify-content: center;
  width: 100%;
}

.richTextSection--Tight .richTextSection__Container {
  max-width: var(--Containers-Container-300, 480px);
}

.richTextSection--Default .richTextSection__Container {
  max-width: var(--Containers-Container-600, 720px);
}

.richTextSection--Wide .richTextSection__Container {
  max-width: var(--Containers-Container-1000, 1024px);
}

.richTextSection__Container {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-300);
  justify-content: center;
  max-width: var(--Containers-Container-300, 480px);
  width: 100%;
}

.richTextSection__Container .blockText .blockText__Content {
  max-width: var(--Containers-Container-300, 480px);
}

.richTextSection__Container .blockHeading {
  @media (min-width: 1024px) {
    margin-bottom: var(--Dimensions-Dimension-400);
  }
}

.richTextSection__ContentLeft {
  align-items: flex-start;
}

.richTextSection__ContentLeft * {
  text-align: left;
}

.richTextSection__ContentCenter * {
  text-align: center;
}

.richTextSection__ContentRight {
  align-items: flex-end;
}

.richTextSection__ContentRight * {
  text-align: right;
}

.blockHeading__Content {
  font-family: var(--font-family-tertiary);
  font-size: var(--Headings-Heading-400);
  letter-spacing: var(--Typography-LetterSpacing-300);
  line-height: 120%;;
  margin-bottom: var(--Spacing-Spacing-400);
}

.blockPretitle__Content {
  color: var(--Text-Text-Quaternary);
  font-family: var(--font-family-quaternary);
  font-size: var(--Body-Body-100);
  letter-spacing: var(--Typography-LetterSpacing-200);
}

[id*="production_tabs_section"] {
  @media (max-width: 640px) {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: fit-content;
  }
}

.collectionTabs__Container {
  align-items: center;
  border-bottom: 1px solid var(--Border-Border--Primary);
  display: flex;
  gap: var(--Spacing-Spacing-500);
  justify-content: flex-start;
  margin: 0 auto;
  overflow-x: auto;
  scrollbar-width: none;
  width: 100%;

  &::-webkit-scrollbar {
    display: none;
  }

  @media (min-width: 1024px) {
    justify-content: center;
    gap: var(--Spacing-Spacing-700);
  }

  @media (min-width: 1024px) {
    width: calc(100% - (var(--Dimensions-Dimension-700) * 2));
  }
}

.collectionTabs__Tab {
  color: var(--Text-Text-Tertiary);
  flex: 0 0 auto;
  font-family: var(--font-family-primary);
  font-size: var(--Body-Body-300);
  font-weight: 700;
  letter-spacing: var(--Typography-LetterSpacing-200);
  padding: var(--Dimensions-Dimension-300) 0;
  text-decoration: none;
  transition: color .2s ease-in-out;
  white-space: nowrap;

  @media (hover: hover) {
    &:hover {
      color: var(--Text-Text-Primary);
    }
  }
}

.collectionTabs__Wrapper {
  padding-bottom: 0;
  padding-top: 0;
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.shopify-section:has(> .collectionTabs__Wrapper) {
  @media (max-width: 1023px) {
    display: none;
  }
}

.shopify-section:has(+ .shopify-section .collectionTabs__Wrapper) section {
  margin-bottom: var(--Dimensions-Dimension-300);

  @media (min-width: 1024px) {
    margin-bottom: var(--Dimensions-Dimension-900);
  }
}

.tabsSection {
  padding-bottom: 0;
  padding-top: 0;

  @media (max-width: 640px) {
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: var(--Spacing-Spacing-400);
    overflow-x: scroll;

    @media (hover:none) {
      &::-webkit-scrollbar {
        display: none;
      }
    }
  }

  @media (min-width: 640px) {
    flex-wrap: wrap;
    gap: var(--Spacing-Spacing-300);
    justify-content: center;
  }
}

.tabButton {
  white-space: nowrap;

  @media (max-width: 640px) {
    @media (hover:hover) {
      margin-bottom: var(--Dimensions-Dimension-200);
    }
  }
}

.formSection {
  align-items: center;
  justify-content: center;
}

.formModule {
  align-items: center;
  display: flex;
  justify-content: center;
  max-width: var(--Containers-Container-1000);
  width: 100%;
}

.formModule__Content {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--Spacing-Spacing-700);
  max-width: var(--Containers-Container-600);
  width: 100%;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-800);
  }
}

.formModule__Header {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--Spacing-Spacing-600);
}

.formModule__Title {
  font-family: var(--font-family-tertiary);
  font-size: var(--Headings-Heading-300);
  letter-spacing: var(--Typography-LetterSpacing-300);
  line-height: 120%;;
  text-align: center;

  @media (min-width: 1024px) {
    font-size: var(--Headings-Heading-400);
  }
}

.formModule__Subtitle {
  color: var(--Text-Text-Tertiary);
  font-size: var(--Body-Body-200);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);
  max-width: var(--Containers-Container-500);
  text-align: center;
}

.formModule .countdown {
  align-items: center;
  display: flex;
  gap: var(--Spacing-Spacing-600);
  justify-content: center;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-500);
  }
}

.formModule .countdownInterval {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.formModule .countdownValue {
  font-size: var(--Headings-Heading-200);
  font-weight: 700;
  letter-spacing: var(--Typography-LetterSpacing-300);
  line-height: 120%;;
  text-align: center;
}

.formModule .countdownUnit {
  font-size: var(--Body-Body-100);
  font-weight: 300;
  text-align: center;
}

/* Form split section */
.formSplitSection {
  align-items: center;
  flex-direction: column;
  gap: var(--Spacing-Spacing-900);
  justify-content: flex-start;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-700);
    justify-content: center;
  }
}

.formSplit__ContentPanel {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-600);
  justify-content: center;
  width: 100%;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-600);
    padding: 0 var(--Dimensions-Dimension-500);
  }
}

.formSplit__Content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-600);
  justify-content: center;
  max-width: var(--Containers-Container-300);
  width: 100%;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-600);
  }
}

.formSplit__Header {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-400);
  justify-content: center;
  width: 100%;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-300);
  }
}

.formSplit__Title {
  font-family: var(--font-family-secondary);
  font-size: var(--Headings-Heading-400);
  line-height: 120%;;
  text-align: center;
}

.formSplit__Subtitle {
  font-size: var(--Body-Body-300);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);
  text-align: center;
}

.formSplit__Body {
  font-size: var(--Body-Body-300);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);
  text-align: center;
}

.formSplit__Body a {
  text-decoration: underline;
}

.formSplit__Form {
  border-radius: var(--Radius-Primary);
  max-width: var(--Containers-Container-300);
  overflow: hidden;
  width: 100%;
  z-index: 0;
}

.formSplit__Form .globo-form-app {
  margin: 0;
}

.formSplit__Form .g-container {
  padding: var(--Dimensions-Dimension-500) var(--Dimensions-Dimension-400);
}

.formSplit__Form .globo-form-control .globo-label {
  margin-bottom: var(--Spacing-Spacing-300);
}

.formSplit__Form .globo-form-control input,
.formSplit__Form .globo-form-control select,
.formSplit__Form .globo-form-control textarea {
  background-color: var(--Background-BackgroundSecondary);
  border: 1px solid var(--Whites-White-200);
  box-shadow: none;
  color: var(--Text-Text-Primary);
  font-size: var(--Body-Body-200);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);
  padding: 0 var(--Dimensions-Dimension-300);
}

.formSplit__Form .globo-form-control input,
.formSplit__Form .globo-form-control select {
  border-radius: var(--Radius-Full) !important;
  height: var(--Dimensions-Dimension-600);
}

.formSplit__Form .globo-form-control input:focus,
.formSplit__Form .globo-form-control select:focus,
.formSplit__Form .globo-form-control textarea:focus {
  border-color: var(--Text-Text-Primary);
  box-shadow: none;
}

.formSplit__Form .globo-form-control input::placeholder,
.formSplit__Form .globo-form-control select::placeholder,
.formSplit__Form .globo-form-control textarea::placeholder {
  color: var(--Greys-Grey-200);
}

.formSplit__Form .globo-form-control textarea {
  height: var(--Dimensions-Dimension-900);
  padding: var(--Dimensions-Dimension-300);
}

.formSplit__Form .gfb__footer.wizard__footer .action.wizard__submit {
  align-items: center;
  background: var(--Buttons-Solid-Secondary-ButtonSecondary, #33081C);
  border: none;
  border-radius: var(--Radius-200);
  box-shadow: none;
  color: var(--Buttons-Solid-Secondary-ButtonSecondary-Text, #FFFFFF);
  cursor: pointer;
  display: inline-flex;
  font-family: var(--font-family-primary);
  font-size: var(--Body-Body-200);
  font-style: normal;
  font-weight: 700;
  justify-content: center;
  line-height: 130%;
  letter-spacing: var(--Typography-LetterSpacing-200);
  padding: var(--Button-PaddingY) var(--Button-PaddingX);
  text-decoration: none;
  transition: background-color, color, border-color, 0.1s ease-in-out;
  -webkit-font-smoothing: antialiased;

  @media (hover: hover) {
    &:hover {
      background-color: var(--Buttons-Solid-Secondary-ButtonSecondary-Hover);
      color: var(--Buttons-Solid-Secondary-ButtonSecondary-HoverText);
    }
  }
}

.formSplit__Form .globo-formbuilder-wizard .message {
  border-radius: var(--Radius-Primary);
  box-shadow: none;
  margin-bottom: var(--Dimensions-Dimension-300);
  padding: var(--Dimensions-Dimension-300);
}

.formSplit__Form .globo-formbuilder-wizard .gfb__content-title {
  font-size: var(--Headings-Heading-100);
  font-weight: bold;
  letter-spacing: var(--Typography-LetterSpacing-300);
}

.watchCard__Collection {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--Spacing-Spacing-800);

  @media (min-width: 1024px) {
    align-items: stretch;
    flex-direction: row;
    gap: var(--Spacing-Spacing-500);
    margin: 0 auto;
    max-width: 1920px;
  }
}

.watchCard__Collection .watchCard {
  width: 100%;

  @media (min-width: 1024px) {
    flex: 1 0 0;
  }
}

.splitSection {
  align-items: center;
  
  @media (max-width: 1023px) {
    flex-direction: column-reverse;
    gap: var(--Spacing-Spacing-800, 48px);
    padding-bottom: 0 !important;
    padding-left: 0;
    padding-right: 0;
  }

  @media (min-width: 1024px) {
    justify-content: center;
  }
}

.splitSection--InsetMediaMobile {
  @media (max-width: 1023px) {
    padding-bottom: var(--PaddingY) !important;
    padding-left: var(--PaddingX);
    padding-right: var(--PaddingX);
  }
}

.splitSection--MediaPositionRight {
  @media (max-width: 1024px) {
    flex-direction: column;
  }
}

.splitSection.section--FullWidth {
  gap: 0;
}

.splitSection.section--FullWidth .splitSection__Content {
  @media (max-width: 1023px) {
    padding: var(--Dimensions-Dimension-800) var(--PaddingX);
  }
}

.splitSection--InsetMediaMobile .splitSection__Content {
  @media (max-width: 1023px) {
    padding-left: 0;
    padding-right: 0;
  }
}

.splitSection.section--FullWidth.splitSection--InsetMediaMobile .splitSection__Content {
  @media (max-width: 1023px) {
    padding: var(--Dimensions-Dimension-800) 0;
  }
}

.splitSection.section--FullWidth .splitSection__Media {
  border-radius: var(--Radius-0, 0px);
}

.splitSection.splitSection__MediaPosition-right {
  @media (max-width: 1023px) {
    flex-direction: column-reverse;
  }
}

.splitSection__Content {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;

  @media (max-width: 1023px) {
    padding: 0 var(--Dimensions-Dimension-200);
  }

  @media (min-width: 1024px) {
    padding: var(--Dimensions-Dimension-700);
    max-width: var(--Containers-Container-900);
    width: 50%;
  }
}

.splitSection__ContentContainer {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-700);
  justify-content: flex-start;
  max-width: var(--Containers-Container-300);
  width: 100%;

  @media (min-width: 1024px) {
    align-items: flex-start;
    justify-content: center;
    gap: var(--Spacing-Spacing-600);
  }
}

.splitSection__ContentContainer .blockText__Content * {
  @media (max-width: 1023px) {
    text-align: center;
  }
}

.splitSection__CTA {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: var(--Dimensions-Dimension-200);
  width: 100%;

  @media (min-width: 1024px) {
    justify-content: flex-start;
  }
}

.splitSection__Button {
  height: var(--Dimensions-Dimension-500);
}

.splitSection__ButtonLabel {
  align-items: flex-start;
  display: flex;
  height: var(--Dimensions-Dimension-500);
  justify-content: center;
  overflow: hidden;
}

.splitSection__ButtonLabelInner {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
  transform: translateY(-62%);
  transition: transform 200ms cubic-bezier(0.7, 0.01, 0, 1);
}

.splitSection__Button:hover .splitSection__ButtonLabelInner {
  transform: translateY(0);
}

.splitSection__ButtonLabelText {
  align-items: center;
  display: flex;
  font-weight: bold;
  height: var(--Dimensions-Dimension-500);
  justify-content: center;
  text-align: center;
}

.splitSection__MediaWrapper {
  width: 100%;

  @media (min-width: 1024px) {
    padding: 0 var(--Dimensions-Dimension-700);
    max-width: var(--Containers-Container-900);
    width: 50%;
  }
}

.splitSection__Media {
  overflow: hidden;
  width: 100%;

  @media (max-width: 639px) {
    aspect-ratio: 2/3 !important;
  }
}

.splitSection__MediaImage,
.splitSection__MediaVideo {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.watchSlider {
  align-items: center;
  background-image: radial-gradient(circle, var(--secondary-color) 0%, var(--primary-color) 100%);
  flex-direction: column;
  gap: var(--Spacing-Spacing-500);
  justify-content: center;
  overflow: hidden;
  position: relative;
  transition: background-image 0.2s ease-in-out;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-300);
  }
}

.watchSlider__Header {
  padding: 0;
  position: relative;
  z-index: 3;
}

.specialEditionsSlider {
  background-image: radial-gradient(#3A5A47, #181F1B);
  padding-bottom: var(--Dimensions-Dimension-700);
  padding-top: var(--Dimensions-Dimension-700);
  position: relative;
}

.specialEditions__Backgrounds {
  position: absolute;
  inset: 0;
}

.specialEditions__BackgroundSlider {
  height: 100%;
  width: 100%;
}

.specialEditions__BackgroundSlider .slick-list,
.specialEditions__BackgroundSlider .slick-track,
.specialEditions__BackgroundSlider .slick-slide,
.specialEditions__BackgroundSlider .slick-slide > div {
  height: 100%;
}

.specialEditions__BackgroundSlider:not(.slick-initialized) .specialEditions__BackgroundSlide {
  min-width: 100%;
}

.specialEditions__BackgroundSlide {
  height: 100%;
  width: 100%;
}

.specialEditions__BackgroundSlide img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.specialEditionsSlider .watchSlider__HeaderTitle,
.specialEditionsSlider .watchSlider__SlideTitle {
  color: var(--Text-Text-Secondary);
}

.specialEditionsSlider.specialEditionsSlider--DarkModeContent .watchSlider__HeaderTitle,
.specialEditionsSlider.specialEditionsSlider--DarkModeContent .watchSlider__HeaderSubtitle,
.specialEditionsSlider.specialEditionsSlider--DarkModeContent .watchSlider__SlideTitle,
.specialEditionsSlider.specialEditionsSlider--DarkModeContent .watchSlider__SlideSubtitle {
  color: var(--Text-Text-Primary);
}

.specialEditionsSlider .watchSlider__SlideSubtitle,
.specialEditionsSlider .watchSlider__SlideSubtitle {
  color: var(--Text-Text-Secondary);
}

.specialEditionsSlider .watchSlider__HeaderSubtitle {
  color: var(--Text-Text-Secondary);
}

.specialEditionsSlider .watchCard__MediaShadow {
  height: 150%;
  width: 150%;
}

.specialEditionsSlider .watchSlider__Carousel.slick-initialized .slick-current .watchSlider__SlideBackdropText {
  opacity: .6;
}

.specialEditionsSlider .button--CarouselControl svg * {
  fill: var(--Text-Text-Secondary);
}

.specialEditionsSlider.specialEditionsSlider--DarkModeContent .button--CarouselControl svg * {
  fill: var(--Text-Text-Primary);
}

.specialEditionsSlider .slick-dots {
  align-items: center;
  display: flex;
  gap: var(--Dimensions-Dimension-100);
  justify-content: center;
  list-style: none;
  margin: var(--Dimensions-Dimension-400) 0 0;
  padding: 0;

  @media (min-width: 1024px) {
    display: none;
  }
}

.specialEditionsSlider .slick-dots li {
  background-color: #FFFFFF;
  border-radius: 50%;
  height: 0.5rem;
  opacity: 0.4;
  width: 0.5rem;
}

.specialEditionsSlider .slick-dots .slick-active {
  opacity: 1;
}

.specialEditionsSlider .slick-dots button {
  border: 0;
  cursor: pointer;
  font-size: 0;
  height: 100%;
  opacity: 0;
  padding: 0;
  width: 100%;
}

/* Collection Slider */

.shopify-section:has(> .collectionSlider__Wrapper) + .shopify-section section {
  padding-top: var(--Dimensions-Dimension-900);
}

.collectionSlider__Wrapper {
  background-color: var(--Background-BackgroundSecondary);
  padding-bottom: 0 !important;
}

.collectionSlider__Button {
  background-color: var(--collection-slider-button-color, var(--Buttons-Solid-Primary-ButtonPrimary));
  height: var(--Dimensions-Dimension-500);
}

.collectionSlider__ButtonLabel {
  align-items: flex-start;
  display: flex;
  height: var(--Dimensions-Dimension-500);
  justify-content: center;
  overflow: hidden;
}

.collectionSlider__ButtonLabelInner {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
  transform: translateY(-62%);
  transition: transform 200ms cubic-bezier(0.7, 0.01, 0, 1);
}

.collectionSlider__Button:hover .collectionSlider__ButtonLabelInner {
  transform: translateY(0);
}

.collectionSlider__ButtonLabelText {
  align-items: center;
  display: flex;
  font-weight: bold;
  height: var(--Dimensions-Dimension-500);
  justify-content: center;
  text-align: center;
}

.collectionSlider__BannerCarousel {
  position: relative;
  width: 100%;
}

.collectionSlider__BannerCarousel:not(.slick-initialized) .collectionSlider__BannerSlide:not(:first-child) {
  display: none;
}

.collectionSlider__BannerCarousel.slick-initialized .slick-list,
.collectionSlider__BannerCarousel.slick-initialized .slick-track,
.collectionSlider__BannerSlide {
  height: 100vh;
}

.collectionSlider__BannerMedia {
  display: block;
  height: 100vh;
  width: 100%;
}

.collectionSlider__Container:has(.collectionSlider__BannerDarkMediaImage) .collectionSlider__BannerMedia {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.collectionSlider__BannerDarkMediaImage {
  opacity: 0;
}

.collectionSlider__BannerMedia--Empty {
  background-color: var(--Background-BackgroundPrimary);
}

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

.collectionSlider__Carousel {
  display: flex;
  width: 100%;
}

.collectionSlider__CarouselContainer {
  position: relative;
  width: 100%;
}

.collectionSlider__Carousel:not(.slick-initialized) .collectionSlider__Slide {
  flex: 0 0 100%;
}

.collectionSlider__Carousel.slick-initialized .slick-list {
  overflow-x: hidden;
}

.collectionSlider__Container {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: 100%;
}

.collectionSlider__Header {
  gap: var(--Spacing-Spacing-600);
  padding: 0 var(--Dimensions-Dimension-200);
  max-width: var(--Containers-Container-600);

  @media (min-width: 1024px) {
    padding: 0;
  }
}

.collectionSlider__Body {
  font-size: var(--Body-Body-300);
  max-width: var(--Containers-Container-400);
  width: 100%;
}

.collectionSlider__Body * {
  text-align: center;
}

.collectionSlider__Body p {
  margin: 0;
}

.productBanner__Body {
  font-size: var(--Body-Body-300);
  max-width: var(--Containers-Container-400);
  width: 100%;
}

.productBanner__Body * {
  text-align: center;
}

.productBanner__Body p {
  margin: 0;
}

.productBanner__Container {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: 100%;
}

.productBanner__DarkMediaImage {
  opacity: 0;
}

.productBanner__Header {
  gap: var(--Spacing-Spacing-600);
  max-width: var(--Containers-Container-600);
  padding: 0 var(--Dimensions-Dimension-200);

  @media (min-width: 1024px) {
    padding: 0;
  }
}

.productBanner__Media {
  display: block;
  height: 100vh;
  width: 100%;
}

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

.productBanner__MediaWrapper {
  position: relative;
  width: 100%;
}

.productBanner__MediaWrapper,
.productBanner__MediaWrapper .productBanner__Media {
  height: 100vh;
}

.productBanner__MediaWrapper--HasDarkImage .productBanner__Media {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.productBanner__MediaWrapper--HasDarkImage .productBanner__Media:first-child {
  position: relative;
}

.collectionSlider__Controls {
  align-items: center;
  display: flex;
  bottom: 0;
  flex-direction: column;
  gap: var(--Spacing-Spacing-500);
  justify-content: space-between;
  left: 50%;
  position: absolute;
  margin-top: calc(var(--Dimensions-Dimension-500) * -1);
  max-width: var(--Containers-Container-500, 720px);
  transform: translate(-50%, -48px);
  width: 100%;
  z-index: 2;
  
  @media (min-width: 1024px) {
    flex-direction: row;
    flex-wrap: nowrap;
    transform: translate(-50%, -400%);
  }
}

.collectionSlider__Controls .button--CarouselControl--Full {
  @media (max-width: 1023px) {
    display: none !important;
  }
}

.collectionSlider__ThumbnailDots {
  @media (min-width: 1024px) {
    display: none !important;
  }
}

.collectionSlider__ThumbnailDots .slick-dots {
  align-items: center;
  display: flex;
  gap: var(--Dimensions-Dimension-100);
  justify-content: center;
  list-style: none;
  margin: var(--Dimensions-Dimension-500) 0 0;
  padding: 0;

  @media (min-width: 1024px) {
    display: none !important;
  }
}

.collectionSlider__ThumbnailDots .slick-dots .slick-active {
  opacity: 1;
}

.collectionSlider__ThumbnailDots .slick-dots button {
  border: 0;
  cursor: pointer;
  font-size: 0;
  height: 100%;
  opacity: 0;
  padding: 0;
  width: 100%;
}

.collectionSlider__ThumbnailDots .slick-dots li {
  background-color: var(--Text-Text-Primary);
  border-radius: 50%;
  height: 0.5rem;
  opacity: 0.4;
  width: 0.5rem;
}

.collectionSlider__Slide {
  padding: var(--Dimensions-Dimension-800) 0;
  width: 100%;
}

.collectionSlider__SlideInner {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-800);
  justify-content: center;
  width: 100%;
}

.collectionSlider__SlideMedia {
  align-items: center;
  aspect-ratio: 1 / 1.12;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  max-width: var(--Containers-Container-400);
  position: relative;
  width: 85%;

  @media (min-width: 1024px) {
    width: 100%;
  }
}

.collectionSlider__SlideMediaImage {
  display: block;
  height: 140%;
  object-fit: contain;
  position: relative;
  width: 140%;
  z-index: 4;

  @media (min-width: 1024px) {
    height: 120%;
    width: 120%;
  }
}

.collectionSlider__SlideMediaShadow {
  height: 215%;
  left: 52%;
  object-fit: cover;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  top: 49%;
  transform: translate(-50%, -50%);
  transition: opacity 0.2s ease-in-out, transform 0.8s cubic-bezier(0.7, 0.01, 0, 1);
  width: 215%;
  z-index: 3;
}

.collectionSlider__SlideReflectionImage {
  height: 225%;
  left: 50%;
  object-fit: cover;
  pointer-events: none;
  position: absolute;
  top: 49%;
  transform: translate(-50%, -50%);
  width: 225%;
  z-index: 3;

  @media (min-width: 1024px) {
    height: 215%;
    width: 215%;
  }
}

.collectionSlider__SlideContent {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-200);
  justify-content: center;
  width: 100%;
}

.collectionSlider__SlideTitle {
  font-size: var(--Body-Body-300);
  font-weight: 700;
  letter-spacing: var(--Typography-LetterSpacing-200);
  line-height: 120%;;
  text-align: center;
}

.collectionSlider__SlideSubtitle {
  color: var(--Text-Text-Tertiary);
  font-size: var(--Body-Body-200);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);
  text-align: center;
}

.collectionSlider__SlideFooter {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-top: var(--Spacing-Spacing-500);
}

@media (hover: hover) {
  .collectionSlider__Button:hover {
    background-color: var(--Buttons-Solid-Primary-ButtonPrimary-Hover);
  }
}

/* Watch Slider */

.watchSlider__Carousel {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;

  @media (min-width: 1024px) {
    flex: 1 0 calc(100% / 3);
    max-width: var(--Containers-Container-300);
  }
}

.watchSlider__Carousel .slick-dots {
  @media (min-width: 1024px) {
    display: none !important;
  }
}

.watchSlider__SlideMedia {
  aspect-ratio: 1/1;
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
}

.watchSlider__SlideMediaImage {
  height: 100%;
  object-fit: contain;
  position: relative;
  transition: height, width, 0.2s ease-in-out;
  width: 100%;
  z-index: 4;

  @media (min-width: 1024px) {
    height: 70%;
    width: 70%;
  }
}

.watchSlider .watchSlider__SlideBackdropText {
  color: transparent;
  font-family: var(--font-family-secondary);
  font-size: var(--Feijoa-Feijoa-800);
  left: 50%;
  line-height: 1;
  opacity: 0;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.2s ease-in-out;
  z-index: 1;

  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--Text-Text-Primary);

  @media (min-width: 1024px) {
    font-size: var(--Feijoa-Feijoa-1200);
  }
}

.watchSlider.section--ThemeTeal .watchSlider__SlideBackdropText {
  -webkit-text-stroke-color: var(--Text-Text-Secondary);
}

.watchSlider__Slide {
  transition: opacity .2s ease-in-out;
}

.watchSlider__SlideContent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--Spacing-Spacing-200);
  transition: opacity .2s ease-in-out;
  position: relative;
  z-index: 3;
}

.watchSlider__SlideTitle {
  font-size: var(--Body-Body-300);
  font-weight: 700;
  letter-spacing: var(--Typography-LetterSpacing-200);
  line-height: 120%;;
  text-align: center;
}

.watchSlider__SlideSubtitle {
  font-size: var(--Body-Body-200);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);
  text-align: center;
}

.watchSlider__SlideFooter {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-top: var(--Spacing-Spacing-600);
  transition: opacity .2s ease-in-out;
}

.watchSlider__Button {
  height: var(--Dimensions-Dimension-500);
}

.watchSlider__ButtonLabel {
  align-items: flex-start;
  display: flex;
  height: var(--Dimensions-Dimension-500);
  justify-content: center;
  overflow: hidden;
}

.watchSlider__ButtonLabelInner {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
  transform: translateY(-62%);
  transition: transform 200ms cubic-bezier(0.7, 0.01, 0, 1);
}

.watchSlider__Button:hover .watchSlider__ButtonLabelInner {
  transform: translateY(0);
}

.watchSlider__ButtonLabelText {
  align-items: center;
  display: flex;
  font-weight: bold;
  height: var(--Dimensions-Dimension-500);
  justify-content: center;
  text-align: center;
}

/* When slider is not initialised */
.watchSlider__Carousel:not(.slick-initialized) .watchSlider__Slide {
  flex: 0 0 100%;
}

.watchSlider__Carousel:not(.slick-initialized) .watchSlider__SlideMediaImage {
  @media (min-width: 1024px) {
    height: 100%;
    width: 100%;
  }
}

.watchSlider__Carousel:not(.slick-initialized) ~ .button--CarouselControl {
  display: none;
}

/* When slider is initialised */
.watchSlider__Carousel.slick-initialized .slick-list {
  overflow: visible;
}

.watchSlider__Carousel .slick-slide:not(.slick-current.slick-active) .watchSlider__Slide {
  @media (min-width: 1024px) {
    opacity: .4;
    transition-delay: 0.2s;
  }
}

.watchSlider__Carousel .slick-slide:not(.slick-current.slick-active) .watchSlider__SlideContent,
.watchSlider__Carousel .slick-slide:not(.slick-current.slick-active) .watchSlider__SlideFooter {
  opacity: 0;
}

.watchSlider__Carousel .slick-slide:not(.slick-current.slick-active) .watchSlider__Slide .watchCard__MediaShadow {
  @media (min-width: 1024px) {
    opacity: 0;
  }
}

.watchSlider__Carousel.slick-initialized .slick-current .watchSlider__SlideMediaImage {
  height: 100%;
  width: 100%;
}

.watchSlider__Carousel.slick-initialized .slick-current .watchSlider__SlideBackdropText {
  opacity: 1;
}

.watchSlider__Prev,
.watchSlider__Next {
  bottom: 0;
  cursor: pointer;
  position: absolute;
  z-index: 2;

  @media (min-width: 1024px) {
    bottom: 96px;
  }
}

.watchSlider__Prev {
  left: calc(50% - 294px);
  transform: translateX(-100%) translateY(-200%);
}

.watchSlider__Next {
  right: calc(50% - 294px);
  transform: translateX(100%) translateY(-200%);
}

.watchSlider__Footer {
  padding-top: var(--Dimensions-Dimension-300);

  @media (min-width: 1024px) {
    padding-top: var(--Dimensions-Dimension-500);
  }
}

/* Slider */

.shopify-section section.slider__Wrapper {
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.slider {
  align-items: stretch;
  display: flex;
  flex-wrap: nowrap;
  gap: var(--Spacing-Spacing-400);
  justify-content: flex-start;
  max-width: 100%;
  width: 100%;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-300);
  }
}

.slider__Slide {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-600);
  height: 100%;
  justify-content: flex-start;
  overflow: hidden;
  
  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-500);
  }
}

.slider__SlideMedia {
  height: 100%;
  overflow: hidden;
  width: 100%;
}

.slider__SlideMediaImage,
.slider__SlideMediaVideo {
  height: 100%;
  object-fit: cover;
  vertical-align: middle;
  width: 100%;
}

.slider__SlideMediaVideo iframe {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.slider__Controls {
  align-items: center;
  bottom: var(--Dimensions-Dimension-800);
  display: flex;
  flex-direction: row;
  gap: var(--Spacing-Spacing-300); 
  justify-content: flex-end;
  left: 0;
  position: absolute;
  right: var(--Dimensions-Dimension-300);

  @media (min-width: 1024px) {
    bottom: var(--Dimensions-Dimension-900);
    left: auto;
  }

  @media (max-width: 1023px) {
    justify-content: center;
    right: 0;
  }
}

.slider__Dots {
  @media (min-width: 1024px) {
    display: none;
  }
}

.slider__Prev,
.slider__Next {
  cursor: pointer;
  z-index: 2;

  @media (max-width: 1023px) {
    display: none;
  }
}

.slider__Dots .slick-dots {
  align-items: center;
  display: flex;
  gap: var(--Dimensions-Dimension-100);
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;

  @media (min-width: 1024px) {
    display: none;
  }
}

.slider__Dots .slick-dots li {
  background-color: #FFFFFF;
  border-radius: 50%;
  height: 0.5rem;
  opacity: 0.4;
  width: 0.5rem;
}

.slider__Dots .slick-dots .slick-active {
  opacity: 1;
}

.slider__Dots .slick-dots button {
  border: 0;
  cursor: pointer;
  font-size: 0;
  height: 100%;
  opacity: 0;
  padding: 0;
  width: 100%;
}

.slider__SlideBody {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-200);
  justify-content: center;
  margin-top: var(--Dimensions-Dimension-300);
}

.slider__SlideTitle {
  font-size: var(--Body-Body-300);
  font-weight: 700;
  letter-spacing: var(--Typography-LetterSpacing-200);
  line-height: 120%;;
}

.slider__SlideSubtitle {
  font-size: var(--Body-Body-200);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);
}

/* When slider is not initialised */

.slider:not(.slick-initialized) .slider__Slide {
  min-width: 85%;
  width: 85%;

  @media (min-width: 640px) {
    min-width: 40%;
    width: 40%;
  }

  @media (min-width: 1024px) {
    min-width: 30%;
    width: 30%;
  }
}

.slider:not(.slick-initialized) ~ .button--CarouselControl {
  display: none;
}

/* Featured Product */

.featuredProductSection {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 100vh;
  min-height: 700px;
  position: relative;
}

.featuredProduct__Media {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
}

.featuredProduct__Media::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.featuredProduct__MediaOverlay--Charcoal:after {
  background-color: var(--Accents-AccentCharcoal);
}

.featuredProduct__MediaOverlay--Plum:after {
  background-color: var(--Accents-AccentPlum);
}

.featuredProduct__MediaOverlay--Peach:after {
  background-color: var(--Accents-AccentPeach);
}

.featuredProduct__MediaOverlay--Orange:after {
  background-color: var(--Accents-AccentOrange);
}

.featuredProduct__MediaOverlay--Teal:after {
  background-color: var(--Accents-AccentTeal);
}

.featuredProduct__MediaOverlay--Ivory:after {
  background-color: var(--Accents-AccentIvory);
}

.featuredProduct__MediaImage,
.featuredProduct__MediaVideo {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.featuredProduct__Header,
.featuredProduct__Content,
.featuredProduct__Footer {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-600);
  justify-content: center;
  max-width: var(--Containers-Container-600);
  position: relative;
  width: 100%;
  z-index: 2;
}

.featuredProduct__Content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-500);
}

.featuredProduct__Title {
  font-family: var(--font-family-secondary);
  font-size: var(--Headings-Heading-700);
  font-weight: 400;
  text-align: center;
}

.featuredProduct__Details {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-200);
  justify-content: center;
}

.featuredProduct__Subtitle {
  font-size: var(--Body-Body-300, 20px);
  font-weight: 700;
  letter-spacing: var(--Typography-LetterSpacing-200);
  text-align: center;
}

.featuredProduct__Content {
  font-size: var(--Body-Body-200, 18px);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);
  text-align: center;
}

/* Specific to this component change the text to ivory for the teal theme */

.featuredProductSection.section--ThemeTeal .featuredProduct__Title,
.featuredProductSection.section--ThemeTeal .featuredProduct__Subtitle,
.featuredProductSection.section--ThemeTeal .featuredProduct__Content {
  color: var(--Text-Text-Secondary);
}

/* Components */
.watchCard {
  align-items: center;
  background-color: var(--Background-BackgroundCard);
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-500);
  overflow: hidden;
  padding: var(--Dimensions-Dimension-500) var(--Dimensions-Dimension-300);
  position: relative;
  transition: background-color 0.3s ease-in-out;
  
  @media (min-width: 1024px) {
    max-width: calc((100% - var(--Dimensions-Dimension-500)) / 3);

    &:hover {
      background-color: var(--Background-BackgroundPrimary);

      &:after {
        opacity: 1;
      }
    }
  }
}

.watchCard:after {
  content: '';
  opacity: 0;
  position: absolute;
  inset: 0;
  transition: opacity .3s ease-in-out;
  z-index: 2;
}

.watchCard__Media {
  aspect-ratio: 1/1;
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  position: relative;
  width: 100%;
}

.watchCard:hover .watchCard__MediaImage {
  @media (min-width: 1024px) {
    transform: scale(1.06);
  }
}

.watchCard:hover .watchCard__MediaShadow {
  @media (min-width: 1024px) {
    transform: translate(-50%, -50%) scale(1.06);
  }
}

.watchCard:hover .watchCard__MediaReflection {
  @media (min-width: 1024px) {
    transform: translate(-50%, -50%) scale(1.06);
  }
}

/*
.watchCard__Media:hover .watchCard__Emoji-1 {
  transform: translate(-140%, -130%) scale(1) rotate(15deg);
}

.watchCard__Media:hover .watchCard__Emoji-2 {
  transform: translate(80%, -130%) scale(1) rotate(75deg);
}

.watchCard__Media:hover .watchCard__Emoji-3 {
  transform: translate(60%, 70%) scale(1) rotate(-55deg);
} */

.watchCard__MediaImage {
  height: 100%;
  object-fit: contain;
  position: relative;
  transition: transform 0.8s cubic-bezier(0.7, 0.01, 0, 1);
  width: 95%;
  z-index: 4;
}

.watchCard__MediaShadow {
  height: 245%;
  left: 52%;
  object-fit: cover;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  top: 49%;
  transform: translate(-50%, -50%);
  transition: opacity 0.2s ease-in-out, transform 0.8s cubic-bezier(0.7, 0.01, 0, 1);
  width: 245%;
  z-index: 3;
}

.watchCard__MediaReflection {
  height: 185%;
  left: 50%;
  object-fit: cover;
  opacity: .8;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.2s ease-in-out, transform 0.8s cubic-bezier(0.7, 0.01, 0, 1);
  width: 185%;
  z-index: 3;
}

.watchCard__Footer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
  gap: var(--Spacing-Spacing-600);
  position: relative;
  z-index: 3;
  width: 100%;
}

.watchCard__Footer .button--FullPrimary {
  height: var(--Dimensions-Dimension-500);
}


.watchCard__Details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--Spacing-Spacing-200);
}

.watchCard__ButtonLabel {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  height: var(--Dimensions-Dimension-500);
  overflow: hidden;
}

.watchCard__ButtonLabelInner {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
  transform: translateY(-63%);
  transition: transform 200ms cubic-bezier(0.7, 0.01, 0, 1);
}

.watchCard:hover .watchCard__ButtonLabelInner {
  @media (min-width: 1024px) {
    transform: translateY(0);
  }
}

.watchCard__ButtonLabelText {
  height: var(--Dimensions-Dimension-500);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-weight: bold;
}

.watchCard__ExclusiveAccess {
  font-family: var(--font-family-secondary);
  font-size: var(--Body-Body-100);
  letter-spacing: var(--Typography-LetterSpacing-200);
  line-height: 120%;;
  margin-bottom: var(--Dimensions-Dimension-100);
}

.watchCard__Pretitle {
  color: var(--Text-Text-Quaternary);
  font-family: var(--font-family-quaternary);
  font-size: var(--Body-Body-100);
  letter-spacing: var(--Typography-LetterSpacing-600);
  opacity: 1;
  text-align: center;
  transform: scale(1);
  transition: transform 0.8s cubic-bezier(0.7, 0.01, 0, 1);
}

.watchCard:hover .watchCard__Pretitle {
  @media (min-width: 1024px) {
    transform: scale(0);
  }
}

.watchCard__Title {
  font-size: var(--Body-Body-300);
  font-weight: 700;
  letter-spacing: var(--Typography-LetterSpacing-200);
  line-height: 120%;;
  text-align: center;
  transform: scale(1);
  transition: transform 0.8s cubic-bezier(0.7, 0.01, 0, 1);

  @media (min-width: 1024px) {
    font-size: 22px;
  }
}

.watchCard:hover .watchCard__Title {
  @media (min-width: 1024px) {
    transform: scale(1.16);
  }
}

.watchCard__Subtitle {
  color: var(--Text-Text-Tertiary);
  font-size: var(--Body-Body-200);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);
  opacity: 1;
  text-align: center;
  transform: scale(1);
  transition: transform 0.8s cubic-bezier(0.7, 0.01, 0, 1);
}

.watchCard:hover .watchCard__Subtitle {
  @media (min-width: 1024px) {
    transform: scale(0);
  }
}

/* Production Updates */
.productionUpdateSection {
  align-items: center;
  background-color: var(--Background-BackgroundPrimary);
  flex-direction: column;
  gap: var(--Spacing-Spacing-800);
  justify-content: center;

  @media (min-width: 1024px) {
    flex-direction: row;
    gap: 0;
  }
}

.productionUpdateSection:not(.ProductionSection--Active) {
  display: none;
}

.productionUpdate__Media {
  aspect-ratio: 9/5;
  border-radius: var(--Radius-Primary);
  overflow: hidden;
  width: 100%;

  @media (min-width: 1024px) {
    width: 50%;
  }
}

.productionUpdate__Media iframe {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.productionUpdate__Content {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;

  @media (min-width: 1024px) {
    padding: 0 var(--Dimensions-Dimension-700);
    width: 50%;
  }
}

.productionUpdate__ContentContainer {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-700);
  justify-content: center;
  max-width: var(--Containers-Container-300);
  width: 100%;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-600);
  }
}

.productionUpdate__Header {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-400);
  justify-content: center;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-300);
  }
}

.productionUpdate__Pretitle {
  font-size: var(--Body-Body-200);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);
}

.productionUpdate__Title {
  font-size: var(--Headings-Heading-200);
  font-weight: 700;
  letter-spacing: var(--Typography-LetterSpacing-300);
  line-height: 120%;;
}

.productionUpdate__Body,
.productionUpdate__Body * {
  font-size: var(--Body-Body-200);
  letter-spacing: var(--Typography-LetterSpacing-200);
}

.productionUpdate__Body p:has(~ p) {
  margin-bottom: var(--Spacing-Spacing-300);
}

.productionTimelineSection {
  align-items: center;
  background-color: var(--Background-BackgroundSecondary);
  flex-direction: column;
  gap: var(--Spacing-Spacing-700);
  justify-content: center;
}

.productionTimelineSection:not(.ProductionSection--Active) {
  display: none;
}

.timelineHeader__Content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-400);
  justify-content: center;
  max-width: var(--Containers-Container-600);
  width: 100%;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-300);
  }
}

.timelineHeader__Title {
  font-size: var(--Headings-Heading-300);
  font-weight: bold;
  letter-spacing: var(--Typography-LetterSpacing-300);
  line-height: 120%;;
  text-align: center;
}

.timelineHeader__Subtitle {
  font-size: var(--Body-Body-300);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-300);
  text-align: center;
}

.timeline__Details {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-500);
  justify-content: center;
  width: 100%;

  @media (min-width: 640px) {
    flex-wrap: wrap;
    flex-direction: row;
    max-width: var(--Containers-Container-1000);
  }
}

.updateCard {
  align-items: flex-start;
  background-color: var(--Background-BackgroundSecondary);
  border: 1px solid var(--Whites-White-400);
  border-radius: var(--Radius-Primary);
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-600);
  justify-content: flex-start;
  padding: var(--Dimensions-Dimension-400);
  width: 100%;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-500);
    min-width: calc(50% - (var(--Spacing-Spacing-500) / 2));
    width: calc(50% - (var(--Spacing-Spacing-500) / 2));
  }
}

.updateCard--Underway {
  border-color: var(--Accents-AccentIvory);
}

.updateCard__Header {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.updateCard__Details {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-200);
  justify-content: flex-start;
}

.updateCard__DetailSubtitle {
  font-size: var(--Body-Body-200);
  font-weight: 700;
  letter-spacing: var(--Typography-LetterSpacing-200);
}

.updateCard__DetailTitle {
  font-size: var(--Headings-Heading-200);
  font-weight: 700;
  letter-spacing: var(--Typography-LetterSpacing-300);
}

.updateCard__Badges {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}

.updateCard__Badge,
.updateCard__DeliveryDate {
  border-radius: var(--Radius-Primary);
  font-size: var(--Body-Body-100);
  font-weight: 700;
  letter-spacing: var(--Typography-LetterSpacing-200);
  padding: var(--Dimensions-Dimension-75) var(--Dimensions-Dimension-125);
}

.updateCard__Badge--Underway {
  background-color: var(--Accents-AccentOrange);
}

.updateCard__Badge--Complete {
  background-color: var(--BackgroundBrand-BackgroundBrand-Primary);
  color: var(--Whites-White-100);
}

.updateCard__Body {
  font-size: var(--Body-Body-200);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);
}

.updateCard__DeliveryDate {
  background-color: var(--Accents-AccentIvory);
}

/* Trust Section */
.collectionHeroSection {
  align-items: center;
  background-color: var(--Background-BackgroundSecondary);
  flex-direction: column;
  gap: var(--Spacing-Spacing-800);
  justify-content: flex-start;
  min-height: 1320px;
  overflow: hidden;
  padding-bottom: calc(var(--Dimensions-Dimension-800) + var(--Dimensions-Dimension-400));
  padding-top: calc(var(--Dimensions-Dimension-800) + var(--Dimensions-Dimension-400));
  position: relative;

  @media (min-width: 1024px) {
    padding-bottom: calc(var(--Dimensions-Dimension-800) + var(--Dimensions-Dimension-600));
    padding-top: calc(var(--Dimensions-Dimension-800) + var(--Dimensions-Dimension-600));
    min-height: 1700px;
  }
}

.collectionHeroSection__Content {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: var(--Spacing-Spacing-800);
  justify-content: space-between;
  position: relative;
  width: 100%;
  z-index: 1;
}

.collectionHeroSection__Header {
  max-width: var(--Containers-Container-600);
  width: 100%;
}

.collectionHeroSection__Media {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.collectionHeroSection__MediaItem,
.collectionHeroSection__MediaItem img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.collectionHeroSection__Preheader {
  flex-wrap: wrap;
}

.collectionHeroSection__PreItalic {
  display: contents;
}

.collectionHeroSection__Reviews {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-800);
  justify-content: center;
  width: 100%;
}

.collectionHeroSection .trustSection__Content,
.collectionHeroSection .trustSection__Controls,
.collectionHeroSection .trustSection__Pretitle,
.collectionHeroSection .trustSection__Quote {
  color: var(--Text-Text-Secondary);
}

.collectionHeroSection .trustSection__Controls .button--CarouselControl--Full {
  background-color: rgba(125, 125, 125, 0.10);
}

.collectionHeroSection .trustSection__Controls .button--CarouselControl--Full * {
  fill: white;
}

.collectionHeroSection .trustSection__Thumbnail img {
  filter: invert(1);
}

.collectionHeroSection .trustSection__ThumbnailDots .slick-dots li {
  background-color: var(--Text-Text-Secondary);
}

.collectionHeroSection .trustSection__ThumbnailDots .slick-dots {
  @media (min-width: 1024px) {
    display: none !important;
  }
}

.trustSection {
  align-items: center;
  background-color: var(--Background-BackgroundSecondary);
  flex-direction: column;
  gap: var(--Spacing-Spacing-800);
  justify-content: flex-start;
  overflow: hidden;
  padding-bottom: var(--Dimensions-Dimension-900);
  padding-top: var(--Dimensions-Dimension-900);
  width: 100%;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-800);
  }
}

.trustSection__Content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-500);
  justify-content: center;
  overflow: hidden;
  width: 100%;
}

.trustSection__Pretitle {
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);
  text-align: center;
}

.trustSection__Slider {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  overflow: hidden;
  width: 100%;
}

.trustSection__Slider.slick-initialized {
  cursor: grab;
}

.trustSection__Slider:active {
  cursor: grabbing;
}

.trustSection__Slide {
  min-width: 100%;
  width: 100%;
}

.trustSection__Quote {
  font-family: var(--font-family-tertiary);
  font-size: var(--Headings-Heading-200);
  font-weight: 400;
  margin: 0 auto;
  max-width: var(--Containers-Container-800);
  text-align: center;
}

.trustSection__Controls {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-500);
  justify-content: center;
  max-width: var(--Containers-Container-700);
  overflow: hidden;
  width: 100%;

  @media (min-width: 1024px) {
    flex-direction: row;
    flex-wrap: nowrap;
  }
}

.trustSection__Thumbnails {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  overflow: hidden;
  width: 100%;
}

.trustSection__ThumbnailSlider {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  min-width: 0;
  width: 100%;
}

.trustSection__Controls .button--CarouselControl--Full {
  @media (max-width: 1023px) {
    display: none;
  }
}

.trustSection__Thumbnails.slick-initialized {
  cursor: grab;
}

.trustSection__Thumbnails:active {
  cursor: grabbing;
}

.trustSection__Thumbnails .slick-slide:not(.slick-current) {
  opacity: .4;
}

.trustSection__Thumbnails:not(.slick-initialized) .trustSection__Thumbnail {
  min-width: 100%;
  width: 100%;
}

.trustSection__Thumbnail {
  align-items: center;
  display: flex !important;
  justify-content: center;
}

.trustSection__Thumbnails .slick-slide:not(.slick-current) .trustSection__Thumbnail {
  cursor: pointer;
}

.trustSection__ThumbnailDots .slick-dots {
  align-items: center;
  display: flex;
  gap: var(--Dimensions-Dimension-100);
  justify-content: center;
  list-style: none;
  margin: var(--Dimensions-Dimension-500) 0 0;
  padding: 0;

  @media (min-width: 1024px) {
    display: none;
  }
}

.trustSection__ThumbnailDots .slick-dots li {
  background-color: var(--Text-Text-Primary);
  border-radius: 50%;
  height: 0.5rem;
  opacity: 0.4;
  width: 0.5rem;
}

.trustSection__ThumbnailDots .slick-dots .slick-active {
  opacity: 1;
}

.trustSection__ThumbnailDots .slick-dots button {
  border: 0;
  cursor: pointer;
  font-size: 0;
  height: 100%;
  opacity: 0;
  padding: 0;
  width: 100%;
}

.trustSection__Thumbnail img {
  height: auto;
  width: var(--Dimensions-Dimension-1000);

  @media (min-width: 1023px) {
    width: var(--Dimensions-Dimension-900);
  }
}

/* Two Column Section */
.twoColumnSection {
  overflow: hidden;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.twoColumnSection .columnCard {
  min-width: 100%;
  width: 100%;
}

.twoColumnSection .slick-slide {
  height: auto;
}

.twoColumnSection .slick-slide > div {
  height: 100%;
}

.twoColumnSection .slick-track {
  display: flex;
}

.twoColumnSection .slick-dots {
  align-items: center;
  bottom: var(--Dimensions-Dimension-300);
  display: flex;
  gap: var(--Dimensions-Dimension-100);
  justify-content: center;
  left: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;

  @media (min-width: 640px) {
    display: none;
  }
}

.twoColumnSection .slick-dots li {
  background-color: #FFFFFF;
  border-radius: 50%;
  height: 0.5rem;
  opacity: 0.4;
  width: 0.5rem;
}

.twoColumnSection .slick-dots button {
  border: 0;
  cursor: pointer;
  font-size: 0;
  height: 100%;
  opacity: 0;
  padding: 0;
  width: 100%;
}

.twoColumnSection .slick-dots .slick-active {
  opacity: 1;
}

.columnCard {
  align-items: flex-end;
  aspect-ratio: 9/16;
  display: flex !important;
  justify-content: flex-start;
  padding: var(--Dimensions-Dimension-500);
  position: relative;

  @media (max-width: 639px) {
    align-items: flex-end;
    justify-content: center;
    padding: var(--Dimensions-Dimension-300) var(--Dimensions-Dimension-200) var(--Dimensions-Dimension-600);
  }

  @media (min-width: 1024px) {
    aspect-ratio: 1/1;

    &:hover {
      .columnCard__Media img {
        transform: scale(1.06);
      }
    }
  }
}

.columnCard__Badge {
  background-color: #F3E7E410;
  color: var(--Text-Text-Secondary);
  font-size: var(--Body-Body-50);
  font-weight: 700;
  letter-spacing: var(--Typography-LetterSpacing-400);
  padding: var(--Dimensions-Dimension-75) var(--Dimensions-Dimension-200);
  position: absolute;
  right: var(--Dimensions-Dimension-500);
  top: var(--Dimensions-Dimension-500);
  z-index: 3;

  @media (max-width: 639px) {
    right: 50%;
    transform: translateX(50%);
    top: var(--Dimensions-Dimension-300);
  }

  @media (min-width: 1024px) {
    font-size: var(--Body-Body-100);
  }
}

.columnCard__Media {
  inset: 0;
  overflow: hidden;
  position: absolute;
}

.columnCard__Media img {
  height: 100%;
  object-fit: cover;
  transition: transform .8s cubic-bezier(0.7, 0.01, 0, 1);
  vertical-align: middle;
  width: 100%;
}

.columnCard__Content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-500);
  justify-content: flex-end;
  position: relative;
  width: 100%;
  z-index: 2;

  @media (max-width: 639px) {
    align-items: center;
    justify-content: center;
  }

  @media (min-width: 1024px) {
    width: 60%;
  }
}

.columnCard__Button {
  height: var(--Dimensions-Dimension-500);
}

.columnCard__ButtonLabel {
  align-items: flex-start;
  display: flex;
  height: var(--Dimensions-Dimension-500);
  justify-content: center;
  overflow: hidden;
}

.columnCard__ButtonLabelInner {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
  transform: translateY(-62%);
  transition: transform 200ms cubic-bezier(0.7, 0.01, 0, 1);
}

.columnCard__Button:hover .columnCard__ButtonLabelInner {
  transform: translateY(0);
}

.columnCard__ButtonLabelText {
  align-items: center;
  display: flex;
  font-weight: bold;
  height: var(--Dimensions-Dimension-500);
  justify-content: center;
  text-align: center;
}

.columnCard__Body {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-300);
  justify-content: flex-start;

  @media (max-width: 639px) {
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}

.columnCard__Title {
  color: var(--Text-Text-Secondary);
  font-size: var(--Body-Body-400);
  font-weight: 700;
  letter-spacing: var(--Typography-LetterSpacing-400);

  @media (max-width: 639px) {
    text-align: center;
  }
}

.columnCard__Subtitle {
  color: var(--Text-Text-Secondary);
  letter-spacing: var(--Typography-LetterSpacing-300);
  font-weight: 300;

  @media (max-width: 639px) {
    text-align: center;
  }
}


/* Accordion */
.accordionSection {
  align-items: center;
  gap: var(--Spacing-Spacing-900);
  flex-direction: column;
  justify-content: center;

  @media (min-width: 1024px) {
    align-items: flex-start;
    flex-direction: row;
    gap: 0;
  }
}

.accordionSection--FullWidth {
  @media (min-width: 1024px) {
    flex-direction: column;
    gap: var(--Spacing-Spacing-700);
  }
}

.accordionImage {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
  
  @media (min-width: 1024px) {
    width: 50%;
  }
}

.accordionSection--FullWidth .accordionImage {
  width: 100%;
}

.accordionImage__MediaContainer {
  align-items: center;
  aspect-ratio: 4/5;
  background-color: var(--Background-BackgroundCard);
  border-radius: var(--Radius-400);
  display: flex;
  justify-content: center;
  max-width: var(--Containers-Container-400);
  overflow: hidden;
  position: relative;
  width: 100%;
}

.accordionImage__Media {
  height: 90%;
  object-fit: contain;
  width: 90%;
  z-index: 2;
}

.accordionImage__Thumb {
  bottom: var(--Dimensions-Dimension-300);
  cursor: pointer;
  height: auto;
  position: absolute;
  right: var(--Dimensions-Dimension-300);
  width: var(--Dimensions-Dimension-700);
  z-index: 3;

  @media (min-width: 1024px) {
    width: var(--Dimensions-Dimension-900);  
  }
}

.accordionImage__MediaShadow {
  height: 180%;
  left: 50%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.2s ease-in-out;
  width: 180%;
  z-index: 1;
}

.accordionHeader {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;

  @media (min-width: 1024px) {
    padding: var(--Dimensions-Dimension-700);
    position: sticky;
    top: 0;
    width: 50%;
  }
}

.accordionSection--FullWidth .accordionHeader {
  padding-bottom: 0;
  padding-top: 0;
  position: relative;
  width: 100%;
}

.accordionHeader__Content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-400);
  justify-content: center;
  max-width: var(--Containers-Container-600);
  width: 100%;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-300);
  }
}

.accordionHeader__Title {
  font-size: var(--Headings-Heading-300);
  font-family: var(--font-family-secondary);
  line-height: 120%;;
  text-align: center;

  @media (min-width: 1024px) {
    font-size: var(--Headings-Heading-400);
  }
}

.accordionHeader__Subtitle {
  text-align: center;
  font-size: var(--Body-Body-300);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);
  line-height: 1.3;
}

.accordionItems {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;

  @media (min-width: 1024px) {
    padding: 0 var(--Dimensions-Dimension-700);
    width: 50%;
  }
}

.accordionSection--FullWidth .accordionItems {
  width: 100%;
}

.accordionItems > .shopify-block {
  width: 100%;
}

.accordionItem {
  align-items: flex-start;
  border-bottom: 1px solid var(--Border-Border--Secondary);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  max-width: var(--Containers-Container-300);
  width: 100%;
}

.accordionSection--FullWidth .accordionItem {
  max-width: 100%;
} 

.accordionTrigger {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: var(--Spacing-Spacing-500);
  height: var(--Dimensions-Dimension-500);
  justify-content: flex-start;
  transition: opacity .3s ease-in-out;
  width: 100%;
}

.faqBlock {
  max-width: unset;
  width: 100%;
}

.faqBlock__Trigger {
  background: transparent;
  border: none;
  display: block;
  height: auto;
  padding: 0;
  text-align: left;
}

.faqBlock__ContentInner.accordionItem__ContentInner {
  align-items: flex-start;
  display: grid;
  gap: var(--Spacing-Spacing-400);
  grid-template-columns: minmax(0, 1fr);
  justify-content: initial;
  padding: var(--Dimensions-Dimension-300) 0 var(--Dimensions-Dimension-500);
  row-gap: var(--Spacing-Spacing-600);

  @media (min-width: 1024px) {
    column-gap: var(--Spacing-Spacing-400);
  }
}

.faqBlock__ContentInner.accordionItem__ContentInner > .shopify-block {
  min-width: 0;
  width: 100%;
}

.faqBlock__ContentInner.accordionItem__ContentInner > .shopify-block:has(> .faqQuestion) {
  grid-column: span 2;
}

@media (min-width: 640px) {
  .faqBlock__ContentInner.accordionItem__ContentInner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .faqBlock__ContentInner.accordionItem__ContentInner {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.accordionTrigger__Title {
  color: var(--Text-Text-Tertiary);
  flex-grow: 1;
  font-family: var(--font-family-primary);
  font-size: var(--Body-Body-50);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);
  line-height: 130%;
}

@media (hover: hover) {
  .accordionTrigger:hover .iconButton {
    background-color: var(--Buttons-Outline-Secondary-OutlineButtonSecondary-Hover);
    border-color: var(--Buttons-Outline-Secondary-OutlineButtonSecondary-Hover);
  }
}

.accordionTrigger .iconButton {
  border: none;
  transition: transform .3s ease;
}

.accordionTrigger .iconButton svg * {
  fill: var(--Text-Text-Primary);
}

.accordionItem__Content {
  height: 0;
  overflow: hidden;
  transition: height 0.6s ease;
  width: 100%;
}

.accordionItem__ContentInner {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: var(--Spacing-Spacing-600);
  justify-content: flex-start;
  padding: var(--Dimensions-Dimension-300) 0 var(--Dimensions-Dimension-400);

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-500);  
  }
}

.accordionItem__Content.is-animating {
  pointer-events: none;
}

.accordionItem__ContentInner > .shopify-block {
  width: 100%;
}

.accordionItem__ContentInner table {
  margin-top: var(--Dimensions-Dimension-300);
  max-width: 100%;
  width: 100%;
}

.template-page-privacy-policy .accordionItem__Content p,
.template-page-privacy-policy .accordionItem__Content li,
.template-page-privacy-policy .accordionItem__Content table {
  font-size: var(--Body-Body-50);
}

.accordionItem__KeyValue {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-300);
  justify-content: flex-start;
  min-width: calc(50% - (var(--Spacing-Spacing-600) / 2));
  width: calc(50% - (var(--Spacing-Spacing-600) / 2));

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-200);
    min-width: calc(50% - (var(--Spacing-Spacing-500) / 2));
    width: calc(50% - (var(--Spacing-Spacing-500) / 2));
  }
}

.accordionItem__Key {
  font-size: var(--Body-Body-200);
  font-weight: 700;
  letter-spacing: var(--Typography-LetterSpacing-200);
  line-height: 120%;;
}

.accordionItem__Value {
  font-size: var(--Body-Body-200);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);
}

/* Handle active accordion */

/* Tech Specs Section */

.techSpecsSection {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.techSpecsSection__Items {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 100%;

  @media (min-width: 1024px) {
    padding: 0 var(--Dimensions-Dimension-700);
  }
}

.techSpecsSection__Item {
  border: none;
  max-width: 100%;
  width: 100%;
}

.techSpecsSection__Trigger {
  background: transparent;
  border-bottom: 1px solid var(--Border-Border--Secondary);
  color: inherit;
  cursor: pointer;
  height: var(--Dimensions-Dimension-700);
  justify-content: space-between;
  text-align: left;
}

.techSpecsSection__Trigger:hover {
  opacity: 0.85;
}

.techSpecsSection__TriggerContent {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: row;
  gap: var(--Dimensions-Dimension-700);
  justify-content: flex-start;
  max-width: var(--Containers-Container-400);
}

.techSpecsSection__Title {
  flex: 0 0 auto;
  color: var(--Text-Text-Primary);
  font-size: var(--Body-Body-300);
  font-weight: 700;
  letter-spacing: var(--Typography-LetterSpacing-200);
  line-height: 120%;;
  min-width: var(--Containers-Container-75);
}

.techSpecsSection__Subtitle {
  color: var(--Text-Text-Tertiary);
  font-family: var(--font-family-tertiary);
  font-size: var(--Body-Body-50);
  font-style: italic;
  font-weight: 400;
  letter-spacing: var(--Typography-LetterSpacing-200);
  line-height: 120%;;

  @media (max-width: 1023px) {
    display: none;
  }
}

.techSpecsSection__Icon {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  margin-left: var(--Dimensions-Dimension-400);
  transition: transform 0.3s ease;
}

.techSpecsSection__Icon svg {
  display: block;
  height: var(--Dimensions-Dimension-300);
  width: var(--Dimensions-Dimension-300);
}

.techSpecsSection__Icon svg * {
  stroke: var(--Text-Text-Primary);
}

.accordionItem--is-active .techSpecsSection__Icon {
  transform: rotate(180deg);
}

.techSpecsSection__Item--Shipping .accordionItem__ContentInner {
  display: block;
}

.techSpecsSection__ContentInner {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--Dimensions-Dimension-700);

  @media (min-width: 1024px) {
    align-items: center;
    flex-direction: row;
    gap: 0;
  }
}

.techSpecsSection__Details {
  width: 100%;

  @media (min-width: 1024px) {
    padding-right: var(--Dimensions-Dimension-500);
  }
}

.techSpecsSection__ImageWrapper {
  width: 100%;

  @media (max-width: 1023px) {
    display: none;
  }
}

.techSpecsSection__Image {
  display: block;
  height: auto;
  width: 100%;
}

@media (min-width: 1024px) {
  .techSpecsSection__ContentInner--HasImage .techSpecsSection__Details {
    flex: 0 0 50%;
    order: 1;
    width: 50%;
  }

  .techSpecsSection__ContentInner--HasImage .techSpecsSection__ImageWrapper {
    flex: 0 0 50%;
    order: 2;
    width: 50%;
  }
}

.techSpecsSection__KeyValues {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: var(--Spacing-Spacing-500);
  row-gap: var(--Spacing-Spacing-700);

  @media (max-width: 1023px) {
    flex-direction: column;
  }
}

.techSpecsSection__RichText {
  color: var(--Text-Text-Primary);
  font-size: var(--Body-Body-300);
  line-height: 120%;;
  width: 100%;
}

.techSpecsSection__RichText > *:first-child {
  margin-top: 0;
}

.techSpecsSection__RichText > *:last-child {
  margin-bottom: 0;
}

/* Buying Panel */
.shopify-section section.productMain {
  padding: 0;
}

.productMain {
  position: relative;
  transition: background-color 0.2s ease-in-out;
}

.productMain::before {
  background-color: var(--Brand-Black, #000);
  content: '';
  inset: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.2s ease-in-out;
}

.productMain--DarkMode::before {
  opacity: 1;
}

.productMain > * {
  position: relative;
  z-index: 1;
}

.productMain__Sticky {
  bottom: var(--Dimensions-Dimension-200);
  max-width: 560px;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  right: var(--Dimensions-Dimension-200);
  transform: translateY(calc(100% + var(--Dimensions-Dimension-200)));
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
  width: calc(100% - (var(--Dimensions-Dimension-200) * 2));
  z-index: 20;

  @media (min-width: 1024px) {
    bottom: var(--Dimensions-Dimension-300);
    right: var(--Dimensions-Dimension-300);
    width: 100%;
  }
}

.productMain__Extendo {
  max-width: 560px;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  right: var(--Dimensions-Dimension-200);
  transform: translateY(calc(100% + var(--Dimensions-Dimension-100))) scale(0.98);
  transform-origin: bottom right;
  transition: opacity 0.28s ease, transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
  width: calc(100% - (var(--Dimensions-Dimension-200) * 2));
  z-index: 21;

  @media (min-width: 1024px) {
    right: var(--Dimensions-Dimension-300);
    width: 100%;
  }
}

.productMain__Extendo--Visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.productMain__ExtendoInner {
  background-color: var(--Background-BackgroundPrimary);
  border-radius: var(--Radius-Primary);
  box-shadow: 0 12px 32px rgba(51, 8, 28, .12);
  overflow: hidden;
  padding: var(--Dimensions-Dimension-300);
  width: 100%;

  @media (min-width: 1024px) {
    padding: var(--Dimensions-Dimension-400);
  }
}

.productMain__ExtendoHeader {
  align-items: center;
  display: flex;
  gap: var(--Spacing-Spacing-300);
  justify-content: space-between;
  padding-bottom: var(--Dimensions-Dimension-200);
}

.productMain__ExtendoTitle {
  font-size: var(--Body-Body-200);
  font-weight: 700;
  letter-spacing: var(--Typography-LetterSpacing-200);
  line-height: 120%;;
  margin-bottom: 0;
}

.productMain__ExtendoClose {
  flex-shrink: 0;
}

.productMain__ExtendoBody {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-700);
  justify-content: flex-start;
  padding-top: var(--Dimensions-Dimension-200);
  width: 100%;
}

.productMain__ExtendoProducts {
  max-height: 320px;
  overflow-y: scroll;
  width: 100%;
}

.productMain__ExtendoProduct {
  align-items: center;
  border-top: 1px solid var(--Border-Border--Secondary);
  display: flex;
  gap: var(--Spacing-Spacing-400);
  justify-content: flex-start;
  padding-top: var(--Dimensions-Dimension-400);
  width: 100%;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-600);
  }
}

.productMain__ExtendoProduct + .productMain__ExtendoProduct {
  margin-top: var(--Dimensions-Dimension-400);
}

.productMain__ExtendoProductDetails {
  gap: var(--Spacing-Spacing-400);
}

.productMain__ExtendoProductHeader {
  width: 100%;
}

.productMain__ExtendoProductName {
  font-family: var(--font-family-primary);
  font-size: var(--Body-Body-300);
  font-weight: 700;
}

.productMain__ExtendoProductOptions {
  gap: var(--Spacing-Spacing-200);
}

.productMain__ExtendoProductPricebox {
  height: var(--Dimensions-Dimension-800);
}

.productMain__ExtendoProductPrice {
  text-align: right;
}

.productMain__ExtendoActions {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: stretch;
  gap: var(--Spacing-Spacing-300);
  width: 100%;

  @media (min-width: 640px) {
    flex-direction: row;
    gap: var(--Spacing-Spacing-200);
  }
}

.productMain__ExtendoAction {
  width: 100%;
}

.productMain__ExtendoUpsell {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-400);
  justify-content: flex-start;
  width: 100%;
}

.productMain__ExtendoUpsellTitle {
  font-size: var(--Body-Body-200);
  font-weight: 700;
  letter-spacing: var(--Typography-LetterSpacing-200);
  line-height: 120%;;
  margin-bottom: 0;
}

.productMain__ExtendoUpsell .cartUpsellCard {
  align-items: flex-start;
}

.productMain__ExtendoUpsell .cartUpsellCard_Media {
  background-color: var(--Background-BackgroundSecondary);
  height: var(--Dimensions-Dimension-700);
  min-width: var(--Dimensions-Dimension-700);
  width: var(--Dimensions-Dimension-700);
}

.productMain__ExtendoUpsell .cartUpsellCard__Container {
  gap: var(--Spacing-Spacing-400);
}

.productMain__ExtendoUpsell .cartUpsellCard__Title {
  font-size: var(--Body-Body-200);
}

.productMain__ExtendoUpsell .cartUpsellCard__Price,
.productMain__ExtendoUpsell .cartUpsellCard__Footer {
  font-size: var(--Body-Body-100);
}

.productMain__ExtendoProductMedia {
  background-color: var(--Background-BackgroundSecondary);
}

.productMain__Sticky--Visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.productMain__StickyInner {
  align-items: stretch;
  background-color: var(--Background-BackgroundPrimary);
  border-radius: var(--Radius-Primary);
  box-shadow: 0 12px 32px rgba(51, 8, 28, .12);
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-400);
  margin-left: auto;
  overflow: hidden;
  padding: var(--Dimensions-Dimension-300);
  position: relative;
  width: 100%;

  @media (min-width: 1024px) {
    padding: var(--Dimensions-Dimension-400);
  }
}

.productMain__StickyLoader {
  align-items: center;
  background-color: rgba(51, 8, 28, .16);
  border-radius: var(--Radius-Primary);
  bottom: 0;
  display: none;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

.productMain__StickyLoader--Visible {
  display: flex;
  pointer-events: auto;
}

.productMain__StickyContent {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-300);
  justify-content: flex-start;
  width: 100%;
}

.productMain__StickySeries {
  font-size: var(--Body-Body-50);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);
}

.productMain__StickyTitle {
  font-family: var(--font-family-tertiary);
  font-size: var(--Headings-Heading-100);
  font-weight: 400;
  letter-spacing: var(--Typography-LetterSpacing-200);
  line-height: 120%;;
  margin-bottom: var(--Dimensions-Dimension-200);
}

.productMain__StickyPanel {
  display: none;
  width: 100%;
}

.productMain__Sticky--Open .productMain__StickyPanel {
  display: block;
}

.productMain__Sticky--Open .productMain__StickyAction {
  display: none;
}

.productMain__StickyVariants {
  gap: var(--Spacing-Spacing-300);
}

.productMain__StickyVariants + .productMain__StickyVariants {
  margin-top: var(--Spacing-Spacing-400);
}

.productMain__StickyVariants .buyingPanel__VariantOptions {
  flex-wrap: nowrap;
}

.productMain__StickyVariants .buyingPanel__Variant {
  flex: 1;
}

.productMain__StickyAction {
  width: 100%;
}

.productMain__StickyButton {
  align-items: center;
  display: flex;
  height: var(--Dimensions-Dimension-500);
  justify-content: center;
  padding: 0 var(--Dimensions-Dimension-100);
  width: 100%;
}

.productMain__StickyButtonText {
  align-items: flex-start;
  display: flex;
  height: var(--Dimensions-Dimension-500);
  justify-content: center;
  overflow: hidden;
}

.productMain__StickyButtonTextInner {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
  transform: translateY(-62%);
  transition: transform 200ms cubic-bezier(0.7, 0.01, 0, 1);
}

.productMain__StickyButton:hover .productMain__StickyButtonTextInner {
  transform: translateY(0);
}

.productMain__StickyButtonTextLabel {
  align-items: center;
  display: flex;
  font-weight: 700;
  height: var(--Dimensions-Dimension-500);
  justify-content: center;
  letter-spacing: var(--Typography-LetterSpacing-200);
  text-align: center;

  @media (max-width: 1023px) {
    font-size: var(--Body-Body-100);
  }
}

@media (max-width: 1023px) {
  .productMain__ExtendoProductContent {
    align-items: flex-start;
    flex-direction: column;
  }

  .productMain__ExtendoProductPrice {
    text-align: left;
  }
}

.buyingPanel {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--Spacing-Spacing-700);
  min-height: 100dvh;
  padding: var(--Dimensions-Dimension-800) var(--PaddingX) var(--PaddingY) var(--PaddingX);
  transition: background-color 0.2s ease-in-out;

  @media (max-width: 1023px) {
    overflow: hidden;
  }

  @media (min-width: 1024px) {
    align-items: flex-start;
    flex-direction: row;
    gap: var(--Spacing-Spacing-800);
    justify-content: center;
    padding: var(--Dimensions-Dimension-800) var(--PaddingX) calc(var(--PaddingY) / 2);
    max-width: 1920px;
    margin: 0 auto;
  }

  @media (min-width: 1920px) {
    min-height: var(--Containers-Container-600);
  }
}

.buyingPanel__DarkMode {
  background-color: var(--Darks-Dark-500);

  @media (min-width: 1024px) {
    background-color: transparent;
  }
}

.buyingPanelMedia {
  align-items: center;
  --BuyingPanelMedia-TorchFeather: 34px;
  --BuyingPanelMedia-TorchSize: 83px;
  --BuyingPanelMedia-TorchX: 50%;
  --BuyingPanelMedia-TorchY: 50%;
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  
  @media (min-width: 1024px) {
    --BuyingPanelMedia-TorchFeather: 58px;
    --BuyingPanelMedia-TorchSize: 141px;
    flex: 1 0 0;
    max-width: var(--Containers-Container-600);
  }
}

.buyingPanelMediaInner {
  aspect-ratio: 4/5;
  width: 100%;
  @media (min-width: 1024px) {
    aspect-ratio: 1/1;
    max-width: var(--Containers-Container-500);
  }
}

.buyingPanelMedia__Image,
.buyingPanelMedia__DarkModeImage,
.buyingPanelMedia__ReflectionImage,
.buyingPanelMedia__ShadowImage {
  filter: brightness(1);
  height: 100%;
  left: 50%;
  object-fit: contain;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: filter 0.2s ease-in-out, opacity 0.2s ease-in-out;
  width: 100%;
  z-index: 1;
}

.buyingPanelMedia__Image {
  z-index: 2;
}

.buyingPanel__DarkMode .buyingPanelMedia__Image {
  filter: brightness(0.1);
  opacity: 0.6;
}

.buyingPanelMedia__DarkModeImage {
  opacity: 0;
  z-index: 3;

  @media (min-width: 1024px) {
    .buyingPanel__DarkMode & {
      -webkit-mask-image: radial-gradient(
        circle var(--BuyingPanelMedia-TorchSize) at var(--BuyingPanelMedia-TorchX) var(--BuyingPanelMedia-TorchY),
        rgba(0, 0, 0, 1) 0,
        rgba(0, 0, 0, 1) calc(var(--BuyingPanelMedia-TorchSize) - (var(--BuyingPanelMedia-TorchFeather) * 1.1)),
        rgba(0, 0, 0, 0.4) calc(var(--BuyingPanelMedia-TorchSize) - (var(--BuyingPanelMedia-TorchFeather) * 0.55)),
        rgba(0, 0, 0, 0) var(--BuyingPanelMedia-TorchSize)
      );
      mask-image: radial-gradient(
        circle var(--BuyingPanelMedia-TorchSize) at var(--BuyingPanelMedia-TorchX) var(--BuyingPanelMedia-TorchY),
        rgba(0, 0, 0, 1) 0,
        rgba(0, 0, 0, 1) calc(var(--BuyingPanelMedia-TorchSize) - (var(--BuyingPanelMedia-TorchFeather) * 1.1)),
        rgba(0, 0, 0, 0.4) calc(var(--BuyingPanelMedia-TorchSize) - (var(--BuyingPanelMedia-TorchFeather) * 0.55)),
        rgba(0, 0, 0, 0) var(--BuyingPanelMedia-TorchSize)
      );
    }
  }
}

.buyingPanelMedia__ShadowImage {
  height: 245%;
  pointer-events: none;
  width: 245%;
  z-index: 0;

  @media (min-width: 1024px) {
    height: 200%;
    width: 200%;
  }
}

.buyingPanelMedia__ReflectionImage {
  height: 195%;
  object-fit: cover;
  opacity: 1;
  pointer-events: none;
  width: 195%;
  z-index: 1;

  @media (min-width: 1024px) {
    height: 150%;
    max-width: 980px;
    width: 150%;
  }
}

.buyingPanel__DarkMode .buyingPanelMedia__ReflectionImage,
.buyingPanel__DarkMode .buyingPanelMedia__ShadowImage {
  opacity: 0;
}

.buyingPanel__DarkMode .buyingPanelMedia__DarkModeImage {
  opacity: 1;
}

@media (min-width: 1024px) {
  .buyingPanel__DarkMode .buyingPanelMedia__DarkModeImage {
    opacity: 0;
  }
}

.buyingPanelMedia__DarkModeToggle {
  appearance: none;
  background: transparent;
  border: 0;
  bottom: -24px;
  cursor: pointer;
  height: var(--Dimensions-Dimension-400);
  left: 50%;
  padding: 0;
  position: absolute;
  transform: translateX(-50%);
  width: var(--Dimensions-Dimension-400);
  z-index: 4;

  @media (min-width: 1024px) {
    height: var(--Dimensions-Dimension-500);
    width: var(--Dimensions-Dimension-500);
  }
}

.buyingPanelMedia__DarkModeToggleIcon {
  height: 100%;
  inset: 0;
  object-fit: contain;
  position: absolute;
  transition: opacity 0.2s ease-in-out;
  width: 100%;
}

.buyingPanelMedia__DarkModeToggleIcon--Dark {
  opacity: 0;
}

.buyingPanel__DarkMode .buyingPanelMedia__DarkModeToggleIcon--Light {
  opacity: 0;
}

.buyingPanel__DarkMode .buyingPanelMedia__DarkModeToggleIcon--Dark {
  opacity: 1;
}

.buyingPanelMedia__Torch {
  display: none;
  pointer-events: none;
  position: absolute;
  z-index: 3;

  @media (min-width: 1024px) {
    background: radial-gradient(circle, rgba(255, 255, 255, 0.06) 0, rgba(255, 255, 255, 0.03) 42%, rgba(255, 255, 255, 0.015) 62%, rgba(255, 255, 255, 0) 100%);
    border-radius: 50%;
    display: block;
    height: calc(var(--BuyingPanelMedia-TorchSize) * 2);
    left: var(--BuyingPanelMedia-TorchX);
    opacity: 0;
    top: var(--BuyingPanelMedia-TorchY);
    transform: translate(-50%, -50%);
    transition: opacity 0.2s ease-in-out;
    width: calc(var(--BuyingPanelMedia-TorchSize) * 2);
  }
}

@media (min-width: 1024px) {
  .buyingPanelMedia--TorchVisible {
    cursor: none;
  }

  .buyingPanelMedia--TorchVisible .buyingPanelMedia__Torch {
    opacity: 1;
  }
}

.buyingPanelPrimary {
  align-items: center;
  background-color: var(--Background-BackgroundPrimary);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  max-width: var(--Containers-Container-400);
  overflow: hidden;
  padding: var(--Dimensions-Dimension-400) var(--Dimensions-Dimension-400);
  position: relative;
  width: 100%;
  z-index: 4;

  @media (max-width: 1023px) {
    width: calc(100% + var(--Dimensions-Dimension-400));
  }

  @media (min-width: 1024px) {
    padding: var(--Dimensions-Dimension-400) var(--Dimensions-Dimension-600);
    width: 54%;
  }
}

.buyingPanelPrimary__Container {
  align-items: center;
  background-color: var(--Background-BackgroundPrimary);
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-600);
  justify-content: flex-start;
  width: 100%;

  @media (min-width: 1024px) {
    align-items: flex-start;
    gap: var(--Spacing-Spacing-600);
  }
}

/* Handle separating of blocks within PDP */

.buyingPanelPrimary__Header {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-400);
  justify-content: flex-start;
  width: 100%;

  @media (max-width: 1023px) {
    align-items: center;
  }

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-400);
  }
}

.buyingPanelPrimary__Pretitle {
  font-size: var(--Body-Body-300);
  font-family: var(--font-family-secondary);
  line-height: 120%;;
}

.buyingPanelPrimary__Title {
  font-size: var(--Headings-Heading-300);
  line-height: 120%;;

  @media (max-width: 1023px) {
    text-align: center;
  }

  @media (min-width: 1024px) {
    font-size: var(--Headings-Heading-400);
  }
}

.buyingPanelPrimary__Subtitle {
  color: var(--Text-Text-Tertiary);
  font-size: var(--Body-Body-200);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-300);

  @media (max-width: 1023px) {
    text-align: center;
  }

  @media (min-width: 1024px) {
    font-size: var(--Body-Body-300);
  }
}

.buyingPanelPrimary__Description {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-500);
  justify-content: flex-start;
  margin: 0;
  width: 100%;

  @media (max-width: 1023px) {
    align-items: center;
  }

  @media (min-width: 1024px) {
  }
}

.buyingPanelPrimary__Series {
  color: var(--Text-Text-Quaternary);
  font-family: var(--font-family-quaternary);
  font-size: var(--Body-Body-100);
  font-style: italic;
  letter-spacing: var(--Typography-LetterSpacing-200);

  @media (max-width: 1023px) {
    text-align: center;
  }
}

.buyingPanelPrimary__DescriptionText {
  font-size: var(--Body-Body-100);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);

  @media (max-width: 1023px) {
    text-align: center;
  }

  @media (min-width: 1024px) {
    font-size: var(--Body-Body-200);
  }
}

.buyingPanelPrimary__ColorSwatchesGroup {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-400);
  justify-content: flex-start;
  width: 100%;

  @media (max-width: 1023px) {
    align-items: center;
  }
}

.buyingPanelPrimary__ColorSwatchesTitle {
  font-size: var(--Body-Body-100);
  font-weight: 500;
  letter-spacing: var(--Typography-LetterSpacing-200);
  line-height: 120%;;
}

.buyingPanelPrimary__ColorSwatches {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: var(--Spacing-Spacing-300);
  justify-content: flex-start;
}

.buyingPanelPrimary__ColorSwatch {
  border: 1px solid transparent;
  border-radius: var(--Radius-Full);
  cursor: pointer;
  height: var(--Dimensions-Dimension-400);
  min-width: var(--Dimensions-Dimension-400);
  transition: opacity .3s ease-in-out;
  width var(--Dimensions-Dimension-400);

  @media (min-width: 1024px) {
    @media (hover:hover) {
      &:hover {
        opacity: .6;
      }
    }
  }
}

.buyingPanelPrimary__ColorSwatch--Active {
  border-color: var(--Text-Text--Primary);
}

.buyingPanelPrimary__Price {
  font-size: var(--Body-Body-200);
  font-weight: 700;
  letter-spacing: var(--Typography-LetterSpacing-200);
}

.buyingPanel__Variants {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-500);
  justify-content: flex-start;
  width: 100%;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-400);
  }
}

.buyingPanel__VariantsHeaderGroup {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  gap: var(--Spacing-Spacing-200);
  width: 100%;
}

.buyingPanel__VariantsHeader {
  align-items: flex-start;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: var(--Spacing-Spacing-200);
  width: 100%;
}

.buyingPanel__VariantsHeaderTitle {
  font-size: var(--Body-Body-100);
  font-weight: 500;
  letter-spacing: var(--Typography-LetterSpacing-200);
  line-height: 120%;;
}

.buyingPanel__VariantsHeaderSubtitle {
  font-size: var(--Body-Body-100);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);
}

.buyingPanel__SizingGuideTrigger {
  color: var(--Text-Text-Tertiary);
  cursor: pointer;
  font-size: var(--Body-Body-100);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);
  text-align: right;
  text-decoration: underline;
  transition: opacity .2s ease-in-out;
  white-space: nowrap;

  @media (hover:hover) {
    &:hover {
      opacity: .4;
    }
  }
}

.buyingPanel__VariantOptions {
  align-items: stretch;
  display: flex;
  flex-wrap: nowrap;
  gap: var(--Spacing-Spacing-200);
  justify-content: space-between;
  width: 100%;
}

.buyingPanel__Variant {
  align-items: center;
  border: 1px solid var(--Buttons-Outline-Secondary-OutlineButtonSecondary);
  border-radius: var(--Radius-Primary);
  cursor: pointer;
  display: flex;
  flex: 1;
  gap: var(--Spacing-Spacing-500);
  justify-content: flex-start;
  min-width: 0;
  transition: background-color 0.2s ease-in-out;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-400);
  }
}

.buyingPanel__Variant--unavailable {
  cursor: not-allowed;
  opacity: .4;
}

.buyingPanel__Variant--WithImage {
  height: var(--Dimensions-Dimension-600);
  padding: var(--Dimensions-Dimension-100) var(--Dimensions-Dimension-300) var(--Dimensions-Dimension-100) var(--Dimensions-Dimension-125);

  @media (min-width: 1024px) {
    height: var(--Dimensions-Dimension-700);
  }
}

.buyingPanel__Variant--WithImage:not(.buyingPanel__Variant--Selected):hover {
  border-color: var(--Accents-AccentOrange);
}

.buyingPanel__Variant--NoImage {
  padding: var(--Dimensions-Dimension-100) var(--Dimensions-Dimension-125);
}

.buyingPanel__Variant--NoImage:not(.buyingPanel__Variant--Selected):not(.buyingPanel__Variant--unavailable):hover {
  background-color: var(--Accents-AccentOrange);
}

.buyingPanel__VariantImage {
  aspect-ratio: 1/1;
  height: 50px;
  padding: var(--Dimensions-Dimension-50);
  width: 50px;
}

.buyingPanel__VariantImage img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.buyingPanel__VariantDetails {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-100);
  justify-content: center;
  width: 100%;
}

.buyingPanel__Variant--NoImage .buyingPanel__VariantDetails {
  align-items: center;
}

.buyingPanel__VariantTitle {
  color: var(--Text-Text-Primary);
  font-size: var(--Body-Body-100);
  font-weight: 700;
  letter-spacing: var(--Typography-LetterSpacing-200);
  line-height: 120%;;
}

.buyingPanel__VariantSubtitle {
  color: var(--Buttons-Outline-Secondary-OutlineButtonSecondary-Text);
  font-size: var(--Body-Body-100);
  font-weight: 300;
  line-clamp: 1;
  letter-spacing: var(--Typography-LetterSpacing-200);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.buyingPanel__Variant--NoImage .buyingPanel__VariantTitle,
.buyingPanel__Variant--NoImage .buyingPanel__VariantSubtitle {
  text-align: center;
}

/* Handle selected variant state */

.buyingPanel__Variant--WithImage.buyingPanel__Variant--Selected {
  border-color: var(--Border-Border--Quaternary);
}

.buyingPanel__Variant--WithImage.buyingPanel__Variant--Selected .buyingPanel__VariantTitle,
.buyingPanel__Variant--WithImage.buyingPanel__Variant--Selected .buyingPanel__VariantSubtitle {
  color: var(--Text-Text-Primary);
}

.buyingPanel__Variant--NoImage.buyingPanel__Variant--Selected {
  background-color: var(--Buttons-Solid-Secondary-ButtonSecondary);
  border-color: var(--Border-Border--Quaternary);
}

/* .buyingPanel__Variant--NoImage.buyingPanel__Variant--Selected .buyingPanel__VariantTitle,
.buyingPanel__Variant--NoImage.buyingPanel__Variant--Selected .buyingPanel__VariantSubtitle {
  color: var(--Buttons-Solid-Secondary-ButtonSecondary-Text);
} */

.buyingPanel__Variant--NoImage:not(.buyingPanel__Variant--Selected):not(.buyingPanel__Variant--unavailable):hover .buyingPanel__VariantTitle,
.buyingPanel__Variant--NoImage:not(.buyingPanel__Variant--Selected):not(.buyingPanel__Variant--unavailable):hover .buyingPanel__VariantSubtitle {
  color: var(--Accents-AccentPlum);
}

/* Buying Panel Upsells */
.buyingPanel__Upsells {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-500);
  justify-content: flex-start;
  width: 100%;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-400);
    overflow: hidden;
  }
}

.buyingPanel__UpsellsHeader {
  align-items: flex-end;
  display: flex;
  gap: var(--Spacing-Spacing-300);
  justify-content: space-between;
  width: 100%;
}

.buyingPanel__UpsellsHeaderTitle {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-200);
  justify-content: center;
  width: 100%;
}

.buyingPanel__UpsellsControls {
  align-items: center;
  display: flex;
  gap: var(--Spacing-Spacing-100);
  justify-content: flex-end;
}

.buyingPanel__UpsellsControl {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: var(--Icons-Size-100);
  justify-content: center;
  transition: opacity 0.2s ease-in-out;
  width: var(--Icons-Size-100);
}

.buyingPanel__UpsellsControl.slick-disabled {
  cursor: not-allowed;
  opacity: 0.2;
}

@media (hover:hover) {
  .buyingPanel__UpsellsControl:not(.slick-disabled):hover {
    opacity: .6;
  }
}

.buyingPanel__UpsellsTitle {
  font-size: var(--Body-Body-100);
  font-weight: 500;
  letter-spacing: var(--Typography-LetterSpacing-200);
  line-height: 120%;;
}

.buyingPanel__UpsellsSubtitle {
  font-size: var(--Body-Body-100);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);
}

.buyingPanel__UpsellsList {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: var(--Spacing-Spacing-400);
  justify-content: flex-start;
  width: 100%;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-300);
  }
}

.buyingPanel__UpsellsList .slick-track {
  display: flex;
}

.buyingPanel__UpsellsList .slick-slide {
  padding-right: var(--Dimensions-Dimension-75);
}

.buyingPanel__UpsellsList .slick-slide:last-child {
  padding-right: 0;
}

.buyingPanel__Upsell {
  align-items: center;
  background-color: var(--Whites-White-100);
  border: 1px solid var(--Background-BackgroundCard);
  border-radius: var(--Radius-Primary);
  display: flex !important;
  gap: var(--Spacing-Spacing-500);
  justify-content: flex-start;
  min-width: 100%;
  padding: var(--Dimensions-Dimension-125) var(--Dimensions-Dimension-200) var(--Dimensions-Dimension-125) var(--Dimensions-Dimension-125);
  width: 100%;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-400);
    padding: var(--Dimensions-Dimension-125) var(--Dimensions-Dimension-300) var(--Dimensions-Dimension-125) var(--Dimensions-Dimension-125);
  }
}

.buyingPanel__UpsellImage {
  aspect-ratio: 1/1;
  height: 50px;
  padding: var(--Dimensions-Dimension-50);
  width: 50px;

  @media (min-width: 1024px) {
    height: 60px;
    width: 60px;
  }
}

.buyingPanel__UpsellImage img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.buyingPanel__UpsellDetails {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  gap: var(--Spacing-Spacing-200);
  justify-content: center;
  min-width: 0;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-100);
  }
}

.buyingPanel__UpsellTitle {
  font-size: var(--Body-Body-100);
  font-weight: 700;
  letter-spacing: var(--Typography-LetterSpacing-200);
  line-height: 110%;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.buyingPanel__UpsellPrice {
  font-size: var(--Body-Body-100);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);
}

.buyingPanel__UpsellAction input {
  position: absolute;
  visibility: hidden;
}

.buyingPanel__UpsellAction:has(input:checked) {
  background-color: var(--Accents-AccentPlum);
}

.buyingPanel__UpsellAction:has(input:checked):hover {
  background-color: var(--Accents-AccentOrange);
}

.buyingPanel__UpsellAction:has(input:checked) * {
  fill: var(--Accents-AccentIvory);
}

.buyingPanel__UpsellAction:has(input:checked):hover * {
  fill: var(--Accents-AccentPlum);
}

.buyingPanel__UpsellAction:has(input:checked) .icon--add {
  display: none;
}

.buyingPanel__UpsellAction:not(:has(input:checked)) .icon--check {
  display: none;
}

/* Buying Panel Form */

.buyingPanel__Form {
  align-items: flex-start;
  border-radius: var(--Radius-Primary);
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-400);
  justify-content: flex-start;
  position: relative;
  width: 100%;
}

.buyingPanel__FormHeader {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--Spacing-Spacing-300);
  width: 100%;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-200);
  }
}

.buyingPanel__FormTitle {
  font-size: var(--Body-Body-100);
  font-weight: 500;
  letter-spacing: var(--Typography-LetterSpacing-200);
  line-height: 120%;;
}

.buyingPanel__FormSubtitle {
  font-size: var(--Body-Body-100);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-100);
}

.buyingPanel__FormWrapper {
  width: 100%;
}

.buyingPanel__FormWrapper[hidden],
.buyingPanel__Action[hidden] {
  display: none;
}

.buyingPanelAccordion {
  width: 100%;
}

.buyingPanelAccordion__Item {
  max-width: 100%;
}

.buyingPanelAccordion__Trigger {
  align-items: center;
}

.buyingPanelAccordion__Trigger .accordionTrigger__Title {
  text-align: left;
}

.buyingPanelAccordion__Trigger .iconButton {
  background-color: transparent;
}

.buyingPanelAccordion__Trigger:hover .iconButton {
  background-color: transparent;
  border-color: transparent;
}

.buyingPanelAccordion__Item.accordionItem--is-active .iconButton {
  transform: rotate(180deg);
}

.buyingPanelAccordion__RichText {
  color: var(--Text-Text-Tertiary);
  font-size: var(--Body-Body-100);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);
  line-height: 120%;;
  width: 100%;

  @media (min-width: 1024px) {
    font-size: var(--Body-Body-200);
  }
}

.buyingPanelAccordion__RichText * {
  font-size: var(--Body-Body-50);
  width: 100%;
}

/* Buying Panel Action */
.buyingPanel__Action {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
}

.buyingPanel__ActionButton {
  align-items: center;
  display: flex;
  gap: var(--Spacing-Spacing-300);
  height: var(--Dimensions-Dimension-500);
  justify-content: center;
  padding: 0 var(--Dimensions-Dimension-200);
  width: 100%;
}

.buyingPanel__ActionButton[disabled] {
  opacity: 1;
}

.buyingPanel__ActionText {
  align-items: flex-start;
  display: flex;
  height: var(--Dimensions-Dimension-500);
  justify-content: center;
  overflow: hidden;
}

.buyingPanel__ActionTextInner {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
  transform: translateY(-62%);
  transition: transform 200ms cubic-bezier(0.7, 0.01, 0, 1);
}

.buyingPanel__ActionButton:hover .buyingPanel__ActionTextInner {
  transform: translateY(0);
}

.buyingPanel__ActionTextLabel,
.buyingPanel__ActionTextLabel span,
.buyingPanel__ActionCount {
  align-items: center;
  display: inline-flex;
  font-size: var(--Body-Body-100);
  font-weight: 700;
  height: var(--Dimensions-Dimension-500);
  justify-content: center;
  letter-spacing: var(--Typography-LetterExtending-500);
  text-align: center;
  white-space: nowrap;

  @media (min-width: 1024px) {
    font-size: var(--Body-Body-200);
  }
}

.buyingPanel__ActionLoader {
  align-items: center;
  background-color: rgba(51, 8, 28, .4);
  /* Accent Plum */
  border-radius: var(--Radius-200);
  bottom: 0;
  display: none;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

.buyingPanel__ActionLoader.buyingPanel__ActionLoader--is-visible {
  display: flex;
  pointer-events: none;
}

.buyingPanel__Countdown {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.buyingPanel__CountdownText {
  font-size: var(--Body-Body-200);
  font-weight: 700;
  letter-spacing: var(--Typography-LetterSpacing-200);
}

.buyingPanel__Countdown .countdown {
  align-items: flex-end;
  display: flex;
  gap: var(--Spacing-Spacing-400);
  justify-content: flex-end;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-300);
  }
}

.buyingPanel__Countdown .countdownUnit {
  font-size: var(--Body-Body-100);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);
}

/* Buying Panel Dark Mode */

/* Footer */
.footerGroup {
  align-items: flex-start;
  background-color: var(--BackgroundBrand-BackgroundBrand-Primary);
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-1100);
  justify-content: flex-start;
  padding: var(--Dimensions-Dimension-800) var(--Dimensions-Dimension-200) var(--Dimensions-Dimension-400);
  width: 100%;

  @media (min-width: 1024px) {
    padding: var(--Dimensions-Dimension-800) var(--Dimensions-Dimension-800) var(--Dimensions-Dimension-400);
  }
}

.footerAction {
  align-items: center;
  flex-direction: column;
  gap: var(--Spacing-Spacing-800);
  justify-content: center;
  padding: 0;
}

.footerAction__Content {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--Spacing-Spacing-600);
  max-width: var(--Containers-Container-400);
  width: 100%;
}

.footerAction__Title {
  color: var(--Text-Text-Secondary);
  font-family: var(--font-family-tertiary);
  font-size: var(--Headings-Heading-400);
  letter-spacing: var(--Typography-LetterSpacing-300);
  line-height: 120%;;
  text-align: center;
}

.footerAction__Subtitle {
  color: var(--Text-Text-Quinternary);
  font-size: var(--Body-Body-200);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);
  text-align: center;
}

.footerForm {
  flex-grow: 1;
  max-width: var(--Containers-Container-400);
  width: 100%;

  @media (min-width: 1024px) {
    flex-grow: unset;
  }
}

.footerForm .klaviyo-form {
  border-color: var(--Border-Border--Tertiary);
}

.footerForm .klaviyo-form input {
  color: var(--Text-Text-Secondary) !important;
}

.footerForm .klaviyo-form input::placeholder {
  color: var(--Text-Text-Quinternary) !important;
}

.footer {
  align-items: flex-start;
  background-color: var(--BackgroundBrand-BackgroundBrand-Primary);
  flex-direction: column;
  gap: var(--Spacing-Spacing-800);
  justify-content: flex-start;
  padding: 0;

  @media (min-width: 640px) {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.footer__LinkGroup {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--Spacing-Spacing-700);
  width: 100%;

  @media (min-width: 640px) {
    flex-grow: 1;
    gap: var(--Spacing-Spacing-600);
    width: calc(50% - var(--Spacing-Spacing-800) / 2);
  }

  @media (min-width: 1024px) {
    width: calc((100% / 3) - var(--Spacing-Spacing-800) * 2 / 3);
  }
}

.footer__LinkListTitle {
  color: var(--Text-Text-Secondary);
  font-size: var(--Headings-Heading-100);
  font-weight: 700;
  letter-spacing: var(--Typography-LetterSpacing-200);
  line-height: 120%;;
}

.footer__Links {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
}

.footer__Link {
  color: var(--Text-Text-Quinternary);
  cursor: pointer;
  font-size: var(--Body-Body-100);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);
  padding: var(--Dimensions-Dimension-75) 0;
  transition: color .2s ease-in-out;

  @media (hover: hover) {
    &:hover {
      color: var(--Accents-AccentOrange);
    }
  }
}

.footer__SocialLinks {
  align-items: center;
  display: flex;
  gap: var(--Spacing-Spacing-300);
  justify-content: flex-start;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-200);
  }
}

.footer__SocialLink {
  cursor: pointer;
  display: inline-flex;
  
  @media (hover:hover) {
    &:hover * {
      fill: var(--Accents-AccentOrange);
    }
  }
}

.footer__SocialLink svg {
  height: var(--Icons-Size-300);
  width: var(--Icons-Size-300);
}

.footer__SocialLink * {
  fill: var(--Accents-AccentPeach);
  transition: fill 0.2s ease-in-out; 
}

.footer__PrimaryPanel {
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-700);
  max-width: var(--Containers-Container-300);
  width: 100%;

  @media (min-width: 1024px) {
    min-width: 0;
    width: calc((100% / 3) - var(--Spacing-Spacing-800) * 2 / 3);
  }
}

.footer__Logo * {
  fill: var(--Text-Text-Secondary);
}

.footer__About {
  color: var(--Text-Text-Quinternary);
  font-size: var(--Body-Body-200);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);
}

.footer__CountrySelector {
  align-items: center;
  border: 1px solid var(--Border-Border--Tertiary);
  border-radius: var(--Radius-Primary);
  color: var(--Text-Text-Secondary);
  cursor: pointer;
  display: flex;
  height: var(--Dimensions-Dimension-600);
  justify-content: space-between;
  padding: var(--Dimensions-Dimension-100) var(--Dimensions-Dimension-300);
  text-decoration: underline;
  transition: background-color .2s ease;

  @media (hover: hover) {
    &:hover {
      .iconButton {
        background-color: var(--Buttons-Outline-Primary-OutlineButtonPrimary);
        border-color: var(--Buttons-Outline-Primary-OutlineButtonPrimary);
        color: var(--Buttons-Outline-Primary-OutlineButtonPrimary-HoverText)
      }
    }
  }
}

.footer__CountrySelector span {
  font-size: var(--Body-Body-100);
  font-weight: 700;
}

.footer__CountrySelector svg * {
  fill: var(--Text-Text-Secondary);
}

.footer__Legals {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.footer__Legals p {
  color: var(--Text-Text-Quinternary);
  font-size: var(--Body-Body-100);
  text-align: center;
}

/* cart */
.cartDrawer {
  align-items: stretch;
  bottom: 0;
  display: flex;
  justify-content: flex-end;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  transform: translateX(10%);
  transition: opacity .2s ease-in-out, transform .25s ease-in-out;
  z-index: var(--cart-drawer-z-index);

  @media (max-width: 1023px) {
    max-width: var(--Containers-Container-300);
    width: calc(100% - var(--Dimensions-Dimension-200) * 2);
  }

  @media (min-width: 1024px) {
    padding-left: var(--Dimensions-Dimension-400);
    width: fit-content;
  }
}

.cartDrawer--is-active {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
}

.cartUpsells {
  @media (max-width: 1023px) {
    display: none;
  }

  @media (min-width: 1024px) {
    align-items: flex-start;
    background-color: var(--Whites-White-200);
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    gap: var(--Spacing-Spacing-600);
    padding: var(--Dimensions-Dimension-600) var(--Dimensions-Dimension-400) var(--Dimensions-Dimension-500) var(--Dimensions-Dimension-500);
    width: var(--Containers-Container-300);
  }
}

.cartUpsells__Header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.cartUpsells__HeaderTitle {
  font-family: var(--font-family-tertiary);
  font-size: var(--Headings-Heading-200);
  font-weight: 400;
  letter-spacing: var(--Typography-LetterSpacing-400);
  line-height: 120%;;

  @media (min-width: 1024px) {
    font-size: var(--Headings-Heading-200);
  }
}

.cartUpsells__Body {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: var(--Spacing-Spacing-800);
  justify-content: flex-start;
  overflow-y: scroll;
  padding-right: var(--Dimensions-Dimension-200);
  width: 100%;
}

.cartContents {
  align-items: flex-start;
  background-color: var(--Background-BackgroundPrimary);
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--Spacing-Spacing-700);
  padding: var(--Dimensions-Dimension-400) var(--Dimensions-Dimension-200) var(--Dimensions-Dimension-400);
  width: 100%;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-600);
    max-width: var(--Containers-Container-600);
    padding: var(--Dimensions-Dimension-600) var(--Dimensions-Dimension-400) var(--Dimensions-Dimension-500) var(--Dimensions-Dimension-500);
    width: 66.6%;
  }
}

.cartContents__Header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-right: var(--Dimensions-Dimension-200);
  width: 100%;
}

.cartContents__HeaderTitle {
  font-family: var(--font-family-tertiary);
  font-size: var(--Headings-Heading-200);
  font-weight: 400;
  letter-spacing: var(--Typography-LetterSpacing-400);
  line-height: 120%;;

  @media (min-width: 1024px) {
    font-size: var(--Headings-Heading-200);
  }
}

.cartContents__HeaderClose {
  border: none;
}

.cartContents__HeaderClose svg * {
  fill: var(--Text-Text-Primary);
}

.cartContents__Body {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: var(--Spacing-Spacing-200);
  justify-content: flex-start;
  overflow-y: scroll;
  padding-right: var(--Dimensions-Dimension-200);
  width: 100%;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-100);
  }
}

.cartContents__Empty {
  font-size: var(--Body-Body-200);
  font-weight: 700;
  letter-spacing: var(--Typography-LetterSpacing-200);
  text-align: center;
  width: 100%;
}

.cartCard {
  align-items: center;
  border-top: 1px solid var(--Border-Border--Secondary);
  display: flex;
  gap: var(--Spacing-Spacing-400);
  justify-content: flex-start;
  margin-bottom: var(--Dimensions-Dimension-400);
  padding-top: var(--Dimensions-Dimension-400);
  width: 100%;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-600);
  }
}

.cartCard__Media {
  aspect-ratio: 1/1;
  border-radius: var(--Radius-Primary);
  min-width: var(--Dimensions-Dimension-700);
  overflow: hidden;
  padding: var(--Dimensions-Dimension-75);
  width: var(--Dimensions-Dimension-700);
}

.cartCard__Media img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.cartCard__Details {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-400);
  justify-content: flex-start;
  width: 100%;
}

.cartCard__Header {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-200);
  justify-content: center;
  width: 100%;
}

.cartCard__Title {
  display: -webkit-box;
  font-size: var(--Body-Body-300);
  font-weight: 700;
  letter-spacing: var(--Typography-LetterSpacing-200);
  line-height: 120%;;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.cartCard__Body {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-400);
  justify-content: center;
  width: 100%;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-300);
  }
}

.cartCard__Properties {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-200);
  justify-content: center;
  width: 100%;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-100);
  }
}

.cartCard__Property {
  align-items: center;
  display: flex;
  gap: var(--Spacing-Spacing-200);
  justify-content: flex-start;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-300);
  }
}

.cartCard__PropertyEdit {
  background: transparent;
  border: none;
  color: var(--Text-Text-Quaternary);
  cursor: pointer;
  font-size: var(--Body-Body-50);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);
  margin-left: var(--Dimensions-Dimension-200);
  padding: 0;
  text-decoration: underline;

  @media (hover: hover) {
    &:hover {
      opacity: .6;
    }
  }
}

.cartCard__PropertyKey {
  font-size: var(--Body-Body-100);
  font-weight: 700;
  letter-spacing: var(--Typography-LetterSpacing-200);
}

.cartCard__PropertyValue {
  font-size: var(--Body-Body-100);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);
}

.cartCard__Footer {
  align-items: center;
  display: flex;
  gap: var(--Spacing-Spacing-300);
  justify-content: flex-start;
  width: 100%;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-400);
  }
}

.cartCard__QuantityControls {
  align-items: center;
  background-color: var(--Buttons-Outline-Secondary-OutlineButtonSecondaryBkg);
  border: 1px solid var(--Buttons-Outline-Secondary-OutlineButtonSecondary);
  border-radius: var(--Radius-Primary);
  display: flex;
  gap: var(--Spacing-Spacing-400);
  justify-content: flex-start;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-300);
  }
}

.cartCard__QuantityControls .iconButton {
  background-color: transparent;
  border: none;
}

.cartCard__QuantityControls .iconButton:not(:hover) svg * {
  fill: var(--Buttons-Outline-Secondary-OutlineButtonSecondary-Text);
}

.cartCard__Quantity {
  font-size: var(--Body-Body-200);
  font-weight: 700;
  letter-spacing: var(--Typography-LetterSpacing-200);
}

.cartCard__Pricebox {
  align-items: center;
  display: flex;
  justify-content: center;
  height: var(--Dimensions-Dimension-800);
}

.cartCard__Price {
  font-size: var(--Body-Body-100);
  font-weight: 700;
  letter-spacing: var(--Typography-LetterSpacing-200);
  text-align: right;

  @media (min-width: 1024px) {
    font-size: var(--Body-Body-200);
  }
}

.cartContents__Footer {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-500);
  justify-content: center;
  width: 100%;
}

.cartContents__Actions {
  align-items: center;
  display: flex;
  gap: var(--Spacing-Spacing-300);
  flex-direction: column-reverse;
  justify-content: flex-start;
  width: 100%;

  @media (min-width: 640px) {
    flex-direction: row;
    gap: var(--Spacing-Spacing-500);
  }
}

.cartContents__Button {
  height: var(--Dimensions-Dimension-500);
}

.cartContents__ButtonLabel {
  align-items: flex-start;
  display: flex;
  height: var(--Dimensions-Dimension-500);
  justify-content: center;
  overflow: hidden;
}

.cartContents__ButtonLabelInner {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
  transform: translateY(-62%);
  transition: transform 200ms cubic-bezier(0.7, 0.01, 0, 1);
}

.cartContents__Button:hover .cartContents__ButtonLabelInner {
  transform: translateY(0);
}

.cartContents__ButtonLabelText {
  align-items: center;
  display: flex;
  font-weight: bold;
  height: var(--Dimensions-Dimension-500);
  justify-content: center;
  font-size: var(--Body-Body-100);
  letter-spacing: var(--Typography-LetterSpacing-200);
  text-align: center;
}

.cartContents__ContinueAction {
  width: 100%;

  @media (min-width: 1024px) {
    width: 50%;
  }
}

.cartContents__CheckoutAction {
  width: 100%;
  
  @media (min-width: 1024px) {
    width: 50%;
  }
}

.cartContents__CheckoutAction .button {
  width: 100%;
}

.cartContents__Notices {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-300);
  justify-content: center;
  width: 100%;
}

.cartContents__TaxesNotice {
  font-size: var(--Body-Body-50);
  text-align: center;
}

.modal.cartVariantModal {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-700);
  justify-content: flex-start;
  max-width: var(--Containers-Container-400);
  position: fixed;
  overflow: hidden;
  padding: var(--Dimensions-Dimension-400);
  width: calc(100% - var(--Dimensions-Dimension-400));

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-600);
    max-width: var(--Containers-Container-400);
    padding: var(--Dimensions-Dimension-500);
    width: var(--Containers-Container-400);
  }
}

.modal.cartVariantModal .cartVariantModal__Body {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-600);
  justify-content: flex-start;
  width: 100%;
}

.modal.cartVariantModal .cartVariantModal__Groups {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-600);
  justify-content: flex-start;
  width: 100%;
}

.modal.cartVariantModal .cartVariantModal__Loader {
  align-items: center;
  background-color: rgba(255, 255, 255, .72);
  bottom: 0;
  display: none;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}

.modal.cartVariantModal.cartVariantModal--Loading .cartVariantModal__Loader {
  display: flex;
}

.modal.cartVariantModal .cartVariantModal__Confirm {
  width: 100%;
}

.modal.cartVariantModal .cartVariantModal__Confirm[disabled] {
  opacity: .4;
}

.modal.cartVariantModal .cartVariantModal__Header {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-200);
  justify-content: flex-start;
  width: 100%;
}

.modal.cartVariantModal .cartVariantModal__Group {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-300);
  justify-content: flex-start;
  width: 100%;
}

.modal.cartVariantModal .cartVariantModal__Group .buyingPanel__VariantsHeaderGroup,
.modal.cartVariantModal .cartVariantModal__Group .buyingPanel__VariantsHeader,
.modal.cartVariantModal .cartVariantModal__Group .buyingPanel__VariantOptions {
  width: 100%;
}

.modal.cartVariantModal .cartVariantModal__Group .buyingPanel__Variant {
  flex: 1 1 calc(50% - var(--Spacing-Spacing-200));
}

.modal.cartVariantModal .cartVariantModal__Group .buyingPanel__Variant--unavailable {
  pointer-events: none;
}

.modal__Overlay.cartVariantModal__Overlay {
  background-color: rgba(0, 0, 0, .6);
  z-index: calc(var(--cart-drawer-overlay-z-index) + 10);
}

.modal.cartVariantModal .cartVariantModal__Subtitle {
  font-size: var(--Body-Body-100);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);
}

.modal.cartVariantModal .cartVariantModal__Title {
  font-size: var(--Headings-Heading-100);
  font-weight: 700;
  letter-spacing: var(--Typography-LetterSpacing-300);
}

.cartUpsellCard {
  align-items: center;
  display: flex;
  gap: var(--Spacing-Spacing-600);
  justify-content: flex-start;
  width: 100%;
}

.cartUpsellCard_Media {
  border-radius: var(--Radius-Primary);
  height: var(--Dimensions-Dimension-800);
  min-width: var(--Dimensions-Dimension-800);
  padding: var(--Dimensions-Dimension-75);
  overflow: hidden;
  width: var(--Dimensions-Dimension-800);
}

.cartUpsellCard_Media img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.cartUpsellCard__Wrapper {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: var(--Spacing-Spacing-300);
  justify-content: flex-start;
}

.cartUpsellCard__Container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-500);
  justify-content: flex-start;
  width: 100%;
}

.cartUpsellCard__Header {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--Spacing-Spacing-100);
  width: 100%;
}

.cartUpsellCard__Title {
  display: -webkit-box;
  font-size: var(--Body-Body-200);
  font-weight: 700;
  letter-spacing: var(--Typography-LetterSpacing-200);
  line-height: 120%;;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.cartUpsellCard__Price {
  font-size: var(--Body-Body-100);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);
}

.cartUpsellCard__Footer {
  font-size: var(--Body-Body-100);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);
}

.cartUpsellCard__Footer .iconButton {
  background-color: var(--Whites-White-400);
}

.modal {
  background-color: var(--Background-BackgroundPrimary);
  border-radius: var(--Radius-Primary);
  left: 50%;
  max-height: calc(100vh - var(--Dimensions-Dimension-400));
  height: auto;
  opacity: 0;
  overflow-y: scroll;
  pointer-events: none;
  position: fixed;
  scrollbar-color: #ccc transparent;
  scrollbar-width: thin;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity .2s ease-in-out;
  transition-delay: 0s;
  max-width: var(--Containers-Container-1000);
  width: calc(100% - var(--Dimensions-Dimension-400));
  z-index: var(--modal-drawer-z-index);

  @media (min-width: 1024px) {
    max-width: var(--Containers-Container-1000);
  }

  &::-webkit-scrollbar {
    width: 8px;
  }

  &::-webkit-scrollbar-track {
    background: transparent;
    border: none;
    box-shadow: none;
  }

  &::-webkit-scrollbar-thumb {
    background: #ccc;
    border: none;
    border-radius: 4px;
    box-shadow: none;
  }
}

.modal:has(.modal__Video) {
  background-color: transparent;
  overflow-y: hidden;
}

.modal:not(.modal--Full):has(.modal__Video) {
  width: fit-content;
}

.modal.modal--Full {
  @media (min-width: 1024px) {
    height: calc(100vh - (var(--Dimensions-Dimension-400) * 2));
    max-width: calc(100% - (var(--Dimensions-Dimension-400) * 2));
    width: calc(100% - (var(--Dimensions-Dimension-400) * 2));
  }
}

.modal.modal--is-active {
  opacity: 1;
  pointer-events: auto;
  transition-delay: .3s;
}

.modal__Video {
  max-width: 100%;
  width: fit-content;
}

.modal.modal--Full .modal__Video {
  height: 100%;
  width: 100%;
}

.modal:not(.modal--Full) .modal__Video video {
  max-height: calc(100dvh - var(--Dimensions-Dimension-800));
  max-width: calc(100vw - var(--Dimensions-Dimension-400));
  vertical-align: middle;
  width: fit-content;
}

.modal.modal--Full .modal__Video video {
  display: block;
  height: 100%;
  object-fit: cover;
  vertical-align: middle;
  width: 100%;
}

.modal__CloseButton {
  position: absolute;
  right: var(--Dimensions-Dimension-300);
  top: var(--Dimensions-Dimension-300);
  z-index: 2;
}

/* Special editions modal */
.specialEditionsModal {
  align-items: center;
  background-color: rgba(255, 255, 255, .1);
  backdrop-filter: blur(30px);
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.50);
  border-bottom: 1px solid rgba(255, 255, 255, 0.50);
  box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.10);
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-800);
  justify-content: center;
  padding: var(--Dimensions-Dimension-600) var(--Dimensions-Dimension-300);

  @media (max-width: 1023px) {
    height: calc(85vh - var(--Dimensions-Dimension-400));
  }

  @media (min-width: 1024px) {
    flex-direction: row;
    gap: var(--Spacing-Spacing-700);
    padding: var(--Dimensions-Dimension-600);
  }
}

.specialEditionModal__Content {
  width: 100%;

  @media (min-width: 1024px) {
    width: calc(50% - (var(--Dimensions-Dimension-600) / 2));
  }
}

.specialEditionModal__ContentContainer {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-600);
  justify-content: center;
  width: 100%;
}

.specialEditionModal__Title {
  color: var(--Text-Text-Secondary);
  font-size: var(--Headings-Heading-200);
  font-weight: bold;
  letter-spacing: var(--Typography-LetterSpacing-300);
}

.specialEditionModal__Body {
  color: var(--Text-Text-Secondary);
  font-size: var(--Body-Body-200);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-300);
  max-height: 240px;
  overflow-y: scroll;
}

.specialEditionModal__Media {
  aspect-ratio: 5/4;
  border-radius: var(--Radius-Primary);
  overflow: hidden;
  width: 100%;

  @media (min-width: 1024px) {
    width: calc(50% - (var(--Dimensions-Dimension-600) / 2));
  }
}

.specialEditionModal__Media img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/* Overlay */
.cartDrawer__Overlay,
.modal__Overlay {
  background-color: rgba(0, 0, 0, .8);
  backdrop-filter: blur(30px);
  height: 100%;
  display: inline;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition: opacity .3s ease-in-out;
  width: 100%;
  z-index: var(--cart-drawer-overlay-z-index);
}

.cartDrawer__Overlay--is-active,
.modal__Overlay--is-active {
  opacity: 1;
  pointer-events: auto;
}

/* Localisation modal */
.localisationModal {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  max-height: calc(90vh - var(--Dimensions-Dimension-400)); 
  gap: var(--Spacing-Spacing-600);
  justify-content: flex-start;
  padding: var(--Dimensions-Dimension-400);
  @media (min-width: 1024px) {
    padding: var(--Dimensions-Dimension-500);
    width: var(--Containers-Container-300);
  } 
}

.localisationModal__Header {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-300);
  justify-content: flex-start;
}

.localisationModal__Title {
  font-size: var(--Headings-Heading-100);
  font-weight: 700;
  letter-spacing: var(--Typography-LetterSpacing-300);
}

.localisationModal__Subtitle {
  font-size: var(--Body-Body-200);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);
}

.localisationModal__Body {
  flex-grow: 1;
  overflow-y: scroll;
  width: 100%;
}

.localisationForm {
  width: 100%;
}

.localisationModal__Items {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
}

.localisationModal__Item {
  cursor: pointer;
  font-size: var(--Body-Body-200);
  letter-spacing: var(--Typography-LetterSpacing-200);
  padding: var(--Dimensions-Dimension-75) 0;
  transition: opacity .2s ease;
  text-align: left;
  width: 100%;

  @media (hover: hover) {
    &:hover {
      opacity: .4;
    }
  }
}

/* Sizing Guide Modal */
.sizingGuideModal {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-700);
  justify-content: flex-start;
  overflow: hidden;
  padding: var(--Dimensions-Dimension-400);
  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-600);
    padding: var(--Dimensions-Dimension-500);
    width: var(--Containers-Container-300);
  }
}

.sizingGuideModal__Header {
  width: 100%;
}

.sizingGuideModal__Title {
  font-size: var(--Headings-Heading-100);
  font-weight: 700;
  letter-spacing: var(--Typography-LetterSpacing-300);
}

.sizingGuideModal__Body {
  width: 100%;
}

.sizingGuideModal__Lines {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-600);
  justify-content: flex-start;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-500);
  }
}

.sizingGuideModal__Line {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-200);
  justify-content: flex-start;
  width: 100%;
}

.sizingGuideModal__LineTitle {
  font-size: var(--Body-Body-300);
  font-weight: 700;
  letter-spacing: var(--Typography-LetterSpacing-300);
}

.sizingGuideModal__LineSubtitle {
  font-size: var(--Body-Body-200);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);
}

.orderDetailsSection {
  align-items: center;
  background-color: var(--BackgroundBrand-BackgroundBrand-Quaternary);
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-700);
  justify-content: flex-start;
  opacity: 0;
}

.orderDetailsSection--Visible {
  opacity: 1;
  transition: opacity .5s ease;
  transition-delay: .2s;
}

.orderDetailsSection--Hidden {
  display: none;
}

.orderDetails__Header {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-300);
  justify-content: center;
}

.orderDetails__Title,
.orderDetails__Title span {
  color: var(--Text-Text-Tertiary);
  font-size: var(--Headings-Heading-400);
  font-family: var(--font-family-secondary);
  line-height: 120%;;
  text-align: center;
}

.orderDetails__Subtitle,
.orderDetails__Subtitle span {
  color: var(--Text-Text-Tertiary);
  font-size: var(--Body-Body-300);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);
  text-align: center;
}

.orderDetails__Container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-500);
  justify-content: flex-start;
  width: 100%;

  @media (min-width: 1024px) {
    flex-direction: row;
    max-width: var(--Containers-Container-1000);
  }
}

.orderDetails__Details {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-500);
  justify-content: flex-start;
  width: 100%;
}

.orderStatusCard {
  align-items: flex-start;
  border: 1px solid var(--Accents-AccentPlum);
  border-radius: var(--Radius-Primary);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--Spacing-Spacing-500);
  padding: var(--Dimensions-Dimension-400);
  width: 100%;
}

.orderStatusCard--Returned {}
.orderStatusCard--Cancelled {}
.orderStatusCard--Delivery {}

.orderStatusCard__Header {
  width: 100%;
}

.orderStatusCard__ReturnedItems {
  align-items: flex-start;
  display: flex;
  gap: var(--Spacing-Spacing-300);
  justify-content: flex-start;
}

.orderStatusCard__ReturnedItem {
  aspect-ratio: 1/1;
  background-color: var(--Background-BackgroundSecondary);
  border-radius: var(--Radius-Primary);
  height: var(--Dimensions-Dimension-500);
  overflow: hidden;
  width: var(--Dimensions-Dimension-500);
}

.orderStatusCard__Body {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-200);
  justify-content: flex-start;
}

.orderStatusCard__BodyTitle {
  color: var(--Text-Text-Tertiary);
  font-weight: 700;
  line-height: 120%;;
  letter-spacing: var(--Typography-LetterSpacing-300);
}

.orderStatusCard__BodyContent {
  color: var(--Text-Text-Tertiary);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);
}

.orderStatusCard__Footer {
  width: 100%;
}

.orderStatusCard__FooterContent {
  color: var(--Text-Text-Tertiary);
  font-size: var(--Body-Body-200);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);
}

.contactCard {
  align-items: flex-start;
  border: 1px solid var(--Accents-AccentPlum);
  border-radius: var(--Radius-Primary);
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-500);
  justify-content: flex-start;
  padding: var(--Dimensions-Dimension-400);
  width: 100%;
}

.contactCard__Header {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-200);
  justify-content: flex-start;
}

.contactCard__Title {
  color: var(--Text-Text-Tertiary);
  font-weight: 700;
  line-height: 120%;;
  letter-spacing: var(--Typography-LetterSpacing-300);
}

.contactCard__Subtitle {
  color: var(--Text-Text-Tertiary);
  font-size: var(--Body-Body-200);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);
}

.contactCard__Body {
  color: var(--Text-Text-Tertiary);
  font-size: var(--Body-Body-200);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);
}

.contactCard__Footer {
  color: var(--Text-Text-Tertiary);
  font-size: var(--Body-Body-200);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);
}

.contactCard__Phone {
  color: var(--Text-Text-Tertiary);
  font-size: var(--Body-Body-200);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);
}

.totals {
  align-items: flex-start;
  border: 1px solid var(--Accents-AccentPlum);
  border-radius: var(--Radius-Primary);
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-600);
  justify-content: flex-start;
  padding: var(--Dimensions-Dimension-400);
  width: 100%;

  @media (min-width: 1024px) {
    max-width: var(--Containers-Container-200);
  }
}

.totals__LineItems {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-400);
  justify-content: flex-start;
  width: 100%;
}

.totals__Lines {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-300);
  justify-content: flex-start;
  width: 100%;
}

.totals__Line {
  align-items: center;
  color: var(--Text-Text-Tertiary);
  display: flex;
  font-size: var(--Body-Body-200);
  font-weight: 300;
  justify-content: space-between;
  letter-spacing: var(--Typography-LetterSpacing-200);
  width: 100%;
}

.totals__Line b {
  font-weight: 700;
  letter-spacing: var(--Typography-LetterSpacing-300);
}

.totals__LineTotal {
  border-top: 1px solid var(--Text-Text-Tertiary);
  margin-top: var(--Spacing-Spacing-500);
  padding-top: var(--Spacing-Spacing-500);
}

.lineItemCard {
  align-items: center;
  display: flex;
  gap: var(--Spacing-Spacing-500);
  justify-content: flex-start;
}

.lineItemCard__Image {
  aspect-ratio: 1/1;
  background-color: var(--Background-BackgroundSecondary);
  border-radius: var(--Radius-Primary);
  height: var(--Dimensions-Dimension-700);
  overflow: hidden;
  width: var(--Dimensions-Dimension-700);
}

.lineItemCard__Details {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-300);
  justify-content: center;
}

.lineItemCard__Title {
  color: var(--Text-Text-Tertiary);
  font-weight: 700;
  line-height: 120%;;
  letter-spacing: var(--Typography-LetterSpacing-300);
}

.lineItemCard__Price {
  color: var(--Text-Text-Tertiary);
  font-size: var(--Body-Body-200);
  font-weight: 300;
  letter-spacing: var(--Typography-LetterSpacing-200);
}

/* Collection */
.collectionSection {
  align-items: center;
  flex-direction: column;
  gap: var(--Spacing-Spacing-700);
  justify-content: flex-start;

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-1000);
  }
}

.collectionSection__Header {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-Spacing-500);
  justify-content: flex-start;
  max-width: var(--Containers-Container-600);

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-400);
  }
}

.collectionSection__Title {
  font-family: var(--font-family-secondary);
  font-size: var(--Headings-Heading-500);
  letter-spacing: var(--Typography-LetterSpacing-300);
  text-align: center;

  @media (min-width: 1024px) {
    font-size: var(--Headings-Heading-600);
  }
}

.collectionSection__Body * {
  text-align: center;
}

.collectionSection__Products {
  display: grid;
  gap: var(--Spacing-Spacing-800);
  grid-template-columns: 1fr;
  width: 100%;

  @media (min-width: 640px) {
    column-gap: var(--Spacing-Spacing-500);
    grid-template-columns: repeat(2, 1fr);
  }

  @media (min-width: 1024px) {
    grid-template-columns: repeat(4, 1fr);
  }
}

.collectionSection__Products .watchCard {
  max-width: 100%;
}

/* 404 */
.norouteSection {
  align-items: center;
  justify-content: center;
}

.noroute__Container {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--Spacing-Spacing-700);
  max-width: var(--Containers-Container-600);

  @media (min-width: 1024px) {
    gap: var(--Spacing-Spacing-600);
  }
}

.noroute__Title {
  font-size: var(--Headings-Heading-500);
  font-family: var(--font-family-secondary);
  text-align: center;

  @media (min-width: 1024px) {
    font-size: var(--Headings-Heading-700);
  }
}

.pageMessage {
  border-radius: var(--Radius-Primary);
  background: var(--Accents-AccentOrange); /* red */
  color: var(--Text-Text-Primary);
  font-size: var(--Body-Body-200);
  font-weight: 700;
  left: 50%;
  letter-spacing: var(--Typography-LetterSpacing-200);
  max-width: var(--Containers-Container-300);
  opacity: 0;
  overflow: hidden;
  padding: var(--Dimensions-Dimension-300);
  position: fixed;
  text-align: center;
  top: var(--Dimensions-Dimension-400);
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform: translate(-50%, -120%);
  width: 90%;
  z-index: var(--page-messages-z-index);
}

.pageMessage--Active {
  opacity: 1;
  transform: translate(-50%, 0);
}

.pageMessage__Text {
  position: relative;
  z-index: 2;
}

/* timer bar */
.pageMessage__Timer {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 100%;
  background: var(--Accents-AccentPlum);
  transform-origin: left;
  transform: scaleX(1);
}

.pageMessage--Countdown .pageMessage__Timer {
  animation: pageMessageTimer linear forwards;
}

@keyframes pageMessageTimer {
  from { transform: scaleX(1); }
  to   { transform: scaleX(0); }
}

.template-page-events .formSection {
  background-color: var(--Background-BackgroundSecondary);
  padding-top: var(--Dimensions-Dimension-900);
}

.template-page-events .shopify-section:has(> .formSection) + .shopify-section section {
  padding-top: var(--Dimensions-Dimension-900);
}

.template-page-retailers .formSection {
  background-color: var(--Background-BackgroundSecondary);
  padding-top: var(--Dimensions-Dimension-900);
}

.template-page-retailers .shopify-section:has(> .formSection) + .shopify-section section {
  padding-top: var(--Dimensions-Dimension-900);
}

.template-page-the-d0ghouse .mediaSection {
  padding-bottom: 0 !important;
}