/** Shopify CDN: Minification failed

Line 12284:19 Unexpected "{"
Line 12284:28 Expected ":"
Line 12290:19 Unexpected "{"
Line 12290:28 Expected ":"
Line 12298:22 Unexpected "{"
Line 12298:31 Expected ":"
Line 12304:22 Unexpected "{"
Line 12304:31 Expected ":"
Line 14725:21 Unexpected "{"
Line 14725:30 Expected ":"

**/
/**
 * Swiper 6.8.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 22, 2021
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #000;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-container-pointer-events {
  touch-action: pan-y;
}

.swiper-container-pointer-events.swiper-container-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size: 28px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}

.swiper-button-lock {
  display: none;
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-container-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/*
iframe[class^=gorgias-chat-key-] {
  right: unset !important;
  left: 24px !important;
}
*/
@font-face {
  font-family: HafferXH;
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("./haffer-xh.woff2") format("woff2");
}
@font-face {
  font-family: HafferXH;
  font-style: normal;
  font-weight: 500;
  font-display: auto;
  src: url("./haffer-xh-medium.woff2") format("woff2");
}
@font-face {
  font-family: GTPressuraMono;
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("./gt-pressura-mono.woff2") format("woff2");
}
@font-face {
  font-family: GTPressuraMono;
  font-style: normal;
  font-weight: 700;
  font-display: auto;
  src: url("./gt-pressura-mono-bold.woff2") format("woff2");
}
html {
  height: 100%;
  font-family: HafferXH, system-ui, system-ui;
  font-size: 62.5%;
  /*
    Matches font rendering settings applied
    to text in Figma.
  */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 7.2rem 0 0;
  min-height: 100%;
  line-height: 2.4rem;
  color: #000;
  font-size: 1.6rem;
  letter-spacing: 0.005em;
}
@media (min-width: 768px) {
  body {
    padding: 8rem 0 0;
  }
}

body.is-navigation-static {
  padding: 0;
}

body.is-cart-page {
  padding: 7.2rem 0 17rem;
}
@media (min-width: 768px) {
  body.is-cart-page {
    padding: 8rem 0 0;
  }
}

body.is-scroll-blocked {
  overflow: hidden;
}

body.is-password-page {
  padding: 0;
}
@media (min-width: 768px) {
  body.is-password-page {
    padding: 0;
  }
}

main {
  display: flex;
  flex-direction: column;
  flex: 1 1 100%;
}

main > div {
  display: flex;
  flex-direction: column;
  flex: 1 1 100%;
}

a {
  color: #000;
  -webkit-tap-highlight-color: transparent;
}

button {
  font-family: HafferXH, system-ui, system-ui;
  -webkit-tap-highlight-color: transparent;
}

button:active {
  color: inherit;
}

* {
  font-variant-ligatures: none;
  box-sizing: border-box;
}

#rc_login {
  display: none !important;
}

.content {
  margin: 0 auto;
  width: 100%;
  max-width: 42rem;
  padding: 30px 20px 90px;
}
@media (min-width: 768px) {
  .content {
    max-width: 55rem;
  }
}
@media (min-width: 1024px) {
  .content {
    max-width: 95rem;
  }
}

.content img {
  width: 100%;
}

/* BAHIA DESIGNS ADDED */
/* BLOG */
h1.title--primary {
  text-align: center;
}
h1.science-hero__heading.article-template__title {
  text-align: left;
}
#the-dose .home-split__content {
  padding: 2.4rem 4.8rem;
}
#the-dose .home-split__heading {
  margin: 0;
  max-width: none;
  padding-bottom: 20px;
  text-align: left;
}
#the-dose a.button.shop__cta.button-transparent:hover {
  background: #333;
  color: #fff;
}
#the-dose a.button.shop__cta.button-transparent {
  margin-top: 20px;
}
#the-dose .home-split {
  height: auto !important;
}
#the-dose .home-split__content-wrapper {
  min-height: 0;
  order: 1;
}
#the-dose .home-split__image {
  order: 0;
}
#the-dose header.plain-hero {
  max-width: 50%;
  margin: 0 20px;
}
#the-dose .plain-hero a.shop__cta.button {
  margin: 0 auto;
  margin-top: 30px;
}
#the-dose .plain-hero--with-light-text h1 {
  color: #fff;
}
.media {
  position: relative;
}
.media > img {
  object-fit: cover;
  object-position: center center;
  transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.card__media .media img {
  height: 100%;
  object-fit: cover;
  object-position: center center;
  width: 100%;
}
.media > *:not(.zoom):not(.deferred-media__poster-button), .media model-viewer {
  display: block;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.ratio {
  display: flex;
  position: relative;
  align-items: stretch;
}
.ratio::before {
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 30px;
}
.full-unstyled-link {
  text-decoration: none;
}
h3.card__heading {
  /*font-size: 24px;*/
  font-weight: 400;
}
.article-card__info {
  font-size: 12px;
}
.card__information {
  text-align: left;
}
/*
.card:not(.ratio) {
    border: 0.1rem solid #000;
    border-radius: 1rem;
}
.card img.motion-reduce {
    border-radius: 1rem 1rem 0 0;
}*/

/* SECTION MAIN BLOG */
.blog-title {
  padding-top: 20px;
  text-decoration: none;
}
.blog-title h1 {
  font-size: 44px;
}
.main-blog .title--primary {
  text-align: center;
}
.main-blog aside {
  padding-bottom: 30px;
}
.blog-articles {
  display: grid;
  grid-gap: 1rem;
  column-gap: 10px;
  row-gap: 10px;
}
.blog-articles .card-wrapper {
  width: 100%;
}
.tag-list {
  font-family: GTPressuraMono, system-ui, system-ui;
  list-style: none;
  padding: 0 0 20px 0;
  text-align: center;
}
.tag-list li a {
  text-decoration: none;
  margin: 0 30px
}
.tag-list li a:hover {
  text-decoration: underline;
}
.card__heading a:hover {
  text-decoration: none;
}
.card__information ul a,
.card__information ul a:hover {
  text-decoration: none;
}
.tags {
  font-size: 12px;
  font-family: GTPressuraMono, system-ui, system-ui;
}
.tags ul {
  list-style: none;
  padding-left: 0;
}
.tag-list {
  padding-left: 0;
}
.tag-list a {
  display: block;
}
.tags ul li {
  display: inline-block;
  background: #eee;
  margin: 0 10px 10px 0;
  padding: 0 6px;
}
.article-template ul li a {
  text-decoration: none;
}

@media screen and (min-width: 750px) {
  .tag-list a {
    display: inline;
  }
  .blog-articles {
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
    row-gap: 30px;
  }

  .blog-articles--collage > *:nth-child(3n+1),
.blog-articles--collage > *:nth-child(3n+2):last-child {
    grid-column: span 2;
    text-align: center;
  }

  .blog-articles--collage > *:nth-child(3n+1) .card,
.blog-articles--collage > *:nth-child(3n+2):last-child .card {
    text-align: center;
  }

  .blog-articles--collage > *:nth-child(3n+1) .article-card__image--small .ratio::before,
.blog-articles--collage > *:nth-child(3n+2):last-child .article-card__image--small .ratio::before {
    padding-bottom: 22rem;
  }

  .blog-articles--collage > *:nth-child(3n+1) .article-card__image--medium .ratio::before,
.blog-articles--collage > *:nth-child(3n+2):last-child .article-card__image--medium .ratio::before {
    padding-bottom: 44rem;
  }

  .blog-articles--collage > *:nth-child(3n+1) .article-card__image--large .ratio::before,
.blog-articles--collage > *:nth-child(3n+2):last-child .article-card__image--large .ratio::before {
    padding-bottom: 66rem;
  }
}
@media screen and (min-width: 990px) {
.content.main-blog {
    max-width: 155rem;
}
.blog-articles {
    grid-template-columns: 1fr 1fr 1fr;

}
  .blog-articles--collage > *:nth-child(3n+1) .article-card__image--small .ratio .ratio::before,
.blog-articles--collage > *:nth-child(3n+2):last-child .article-card__image--small .ratio .ratio::before {
    padding-bottom: 27.5rem;
  }

  .blog-articles--collage > *:nth-child(3n+1) .article-card__image--medium .ratio::before,
.blog-articles--collage > *:nth-child(3n+2):last-child .article-card__image--medium .ratio::before {
    padding-bottom: 55rem;
  }

  .blog-articles--collage > *:nth-child(3n+1) .article-card__image--large .ratio::before,
.blog-articles--collage > *:nth-child(3n+2):last-child .article-card__image--large .ratio::before {
    padding-bottom: 82.5rem;
  }
}

/* SECTION BLOG POSTS */
.article-template > *:first-child:not(.article-template__hero-container) {
  margin-top: 5rem;
}

/*
@media screen and (min-width: 750px) {
  .article-template > *:first-child:not(.article-template__hero-container) {
    margin-top: calc(5rem + var(--page-width-margin));
  }
}

*/
.article-template__hero-container {
  /*max-width: 130rem;*/
  margin: 0 auto;
}

.article-template__hero-small {
  height: 11rem;
}

.article-template__hero-medium {
  height: 22rem;
}

.article-template__hero-large {
  height: 33rem;
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .article-template__hero-small {
    height: 22rem;
  }

  .article-template__hero-medium {
    height: 44rem;
  }

  .article-template__hero-large {
    height: 66rem;
  }
}
@media screen and (min-width: 990px) {
  .article-template__hero-small {
    height: 27.5rem;
  }

  .article-template__hero-medium {
    height: 55rem;
  }

  .article-template__hero-large {
    height: 82.5rem;
  }
}
.article-template header {
  margin-top: 4.4rem;
  margin-bottom: 2rem;
  padding-bottom: 0;
  /* line-height: calc(0.8 / var(--font-body-scale));*/
}
.article-template__hero-adapt {
  padding-bottom: 50%;
}
@media screen and (min-width: 750px) {
  .article-template header {
    margin-top: 5rem;
  }
  .article-template__hero-adapt {
    padding-bottom: 20%;
  }
}
.article-template__title {
  margin: 0;
}

.article-template__title:not(:only-child) {
  margin-bottom: 1rem;
}

.article-template__link {
  font-size: 1.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

.article-template__link .icon-wrap {
  display: flex;
  margin-right: 1rem;
  transform: rotate(180deg);
}

.article-template__content {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.article-template__social-sharing {
  margin-top: 3rem;
}

.article-template__social-sharing + header,
.article-template__social-sharing + .article-template__content {
  margin-top: 1.5rem;
}

.article-template__comment-wrapper {
  margin-top: 5rem;
  padding: 2.7rem 0;
}

@media screen and (min-width: 750px) {
  .article-template__comment-wrapper {
    margin-top: 6rem;
    padding: 3.6rem 0;
  }
}
.article-template__comment-wrapper h2 {
  margin-top: 0;
}

.article-template__comments {
  margin-bottom: 5rem;
}

@media screen and (min-width: 750px) {
  .article-template__comments {
    margin-bottom: 7rem;
  }
}
.article-template__comments-fields {
  margin-bottom: 4rem;
}

.article-template__comments-comment {
  /*  color: rgba(var(--color-foreground), 0.75);
    background-color: rgb(var(--color-background));*/
  margin-bottom: 1.5rem;
  padding: 2rem 2rem 1.5rem;
}

@media screen and (min-width: 750px) {
  .article-template__comments-comment {
    padding: 2rem 2.5rem;
  }
}
.article-template__comments-comment p {
  margin: 0 0 1rem;
}

.article-template__comment-fields > * {
  margin-bottom: 3rem;
}

@media screen and (min-width: 750px) {
  .article-template__comment-fields {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 4rem;
  }
}
.article-template__comment-warning {
  margin: 2rem 0 2.5rem;
}

@media screen and (min-width: 990px) {
  .article-template__comments .pagination-wrapper {
    margin: 5rem 0 8rem;
  }
}
.article-template__back:last-child {
  margin-bottom: 3.2rem;
}
.article-template .content img {
  width: auto;
}
h1.article-template__title {
    max-width: 100%;
}
  
/* COMPONENT CARD */
.card-wrapper {
  color: inherit;
  height: 100%;
  position: relative;
  text-decoration: none;
}

.card {
  text-align: center;
  text-decoration: none;
}

.card:not(.ratio) {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.card--card {
  height: 100%;
}

.card--card,
.card--standard .card__inner {
  position: relative;
  box-sizing: border-box;
}

.card--card:after,
.card--standard .card__inner:after {
  content: "";
  position: absolute;
  /*  width: calc(var(--card-border-width) * 2 + 100%);
    height: calc(var(--card-border-width) * 2 + 100%);
    top: calc(var(--card-border-width) * -1);
    left: calc(var(--card-border-width) * -1);
    z-index: -1;
    border-radius: var(--card-corner-radius);
    box-shadow: var(--card-shadow-horizontal-offset) var(--card-shadow-vertical-offset) var(--card-shadow-blur-radius) rgba(var(--color-shadow), var(--card-shadow-opacity));
  */
}

.card .card__inner .card__media {
  overflow: hidden;
  /* Fix for Safari border bug on hover */
  z-index: 0;
}

.card--card .card__inner .card__media {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.card--standard.card--text {
  background-color: transparent;
}

.card-information {
  text-align: center;
}

.card__media,
.card .media {
  bottom: 0;
  position: absolute;
  top: 0;
}

.card .media {
  width: 100%;
}

.card__media {
  margin: 0;
  width: 100%;
}

.card--standard .card__media {
  margin: 0;
}

.card__inner {
  width: 100%;
}

.card--media .card__inner .card__content {
  padding: 1rem;
  position: relative;
}

.card__content {
  display: grid;
  grid-template-rows: minmax(0, 1fr) max-content minmax(0, 1fr);
  padding: 1rem;
  width: 100%;
  flex-grow: 1;
}

.card__content--auto-margins {
  grid-template-rows: minmax(0, auto) max-content minmax(0, auto);
}

.card__information {
  grid-row-start: 2;
  padding: 1.3rem 1rem;
}

.card:not(.ratio) > .card__content {
  grid-template-rows: max-content minmax(0, 1fr) max-content auto;
}

@media screen and (min-width: 750px) {
  .card__information {
    padding-bottom: 1.7rem;
    padding-top: 1.7rem;
  }
}
.card__badge {
  align-self: flex-end;
  grid-row-start: 3;
  justify-self: flex-start;
}

.card__badge.top {
  align-self: flex-start;
  grid-row-start: 1;
}

.card__badge.right {
  justify-self: flex-end;
}

.card > .card__content > .card__badge {
  margin: 1.3rem;
}

.card__media .media img {
  height: 100%;
  object-fit: cover;
  object-position: center center;
  width: 100%;
}

.card__inner:not(.ratio) > .card__content {
  height: 100%;
}

.card__heading {
  margin-top: 0;
  margin-bottom: 0;
}

.card__heading:last-child {
  margin-bottom: 0;
}

.card--card.card--media > .card__content {
  margin-top: 0;
}

.card--standard.card--text a::after,
.card--card .card__heading a::after {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}

.card__heading a::after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.card__heading a:after {
  outline-offset: 0.3rem;
}

/*
.card__heading a:focus:after {
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
}

.card__heading a:focus-visible:after {
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
}
*/
.card__heading a:focus:not(:focus-visible):after {
  box-shadow: none;
  outline: 0;
}

.card__heading a:focus {
  box-shadow: none;
  outline: 0;
}

@media screen and (min-width: 990px) {
  /* 
  .card .media.media--hover-effect > img:only-child,
  .card-wrapper .media.media--hover-effect > img:only-child {
    transition: transform var(--duration-long) ease;
  }


  .card:hover .media.media--hover-effect > img:first-child:only-child,
  .card-wrapper:hover .media.media--hover-effect > img:first-child:only-child {
    transform: scale(1.03);
  }
  */
  .card-wrapper:hover .media.media--hover-effect > img:first-child:not(:only-child) {
    opacity: 0;
  }

  .card-wrapper:hover .media.media--hover-effect > img + img {
    opacity: 1;
    /* transition: transform var(--duration-long) ease;
     transform: scale(1.03);*/
  }

  .underline-links-hover:hover a {
    text-decoration: underline;
    text-underline-offset: 0.3rem;
  }
}
.card--standard.card--media .card__inner .card__information,
.card--standard.card--text > .card__content .card__heading,
.card--standard > .card__content .card__badge,
.card--standard.card--text.article-card > .card__content .card__information,
.card--standard > .card__content .card__caption {
  display: none;
}

.card--standard > .card__content {
  padding: 0;
}

.card--standard > .card__content .card__information {
  padding-left: 0;
  padding-right: 0;
}

.card--card.card--media .card__inner .card__information,
.card--card.card--text .card__inner,
.card--card.card--media > .card__content .card__badge {
  display: none;
}

.card--extend-height {
  height: 100%;
}

.card--extend-height.card--standard.card--text,
.card--extend-height.card--media {
  display: flex;
  flex-direction: column;
}

.card--extend-height.card--standard.card--text .card__inner,
.card--extend-height.card--media .card__inner {
  flex-grow: 1;
}

.card .icon-wrap {
  margin-left: 0.8rem;
  white-space: nowrap;
  /* transition: transform var(--duration-short) ease;*/
  overflow: hidden;
}

.card-information > * + * {
  margin-top: 0.5rem;
}

.card-information {
  width: 100%;
}

/*
.card-information > * {
  line-height: calc(1 + 0.4 / var(--font-body-scale));
  color: rgb(var(--color-foreground));
}

.card-information > .price {
  color: rgb(var(--color-foreground));
}
*/
.card-information > .rating {
  margin-top: 0.4rem;
}

.card-information > *:not(.visually-hidden:first-child) + *:not(.rating) {
  margin-top: 0.7rem;
}

.card-information .caption {
  letter-spacing: 0.07rem;
}

.card-article-info {
  margin-top: 1rem;
}

/* COMPONENT ARTICLE CARD */
@media screen and (max-width: 749px) {
  .articles-wrapper .article {
    width: 100%;
  }
  .plain-hero--with-light-text h1 {
    font-size: 32px;
  }
  #the-dose header.plain-hero {
    max-width:initial;
  }
}
.article {
  display: flex;
  align-items: center;
}

.article.grid__item {
  padding: 0;
}

.grid--peek .article-card {
  box-sizing: border-box;
}

.article-card__image-wrapper > a {
  display: block;
}

.article-card__title {
  text-decoration: none;
  word-break: break-word;
}

.article-card__title a:after {
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}

.article-card__link.link {
  padding: 0;
}

.article-card__link {
  text-underline-offset: 0.3rem;
}

.article-card .card__heading {
  margin-bottom: 1.9rem;
}

.article-card__info {
  padding-top: 0.4rem;
}

.article-card__footer {
  letter-spacing: 0.1rem;
  font-size: 1.4rem;
}

.article-card__footer:not(:last-child) {
  margin-bottom: 1rem;
}

.article-card__footer:last-child {
  margin-top: auto;
}

.article-card__excerpt {
  width: 100%;
  margin-top: 1.2rem;
}

.article-card__link:not(:only-child) {
  margin-right: 3rem;
}

@media screen and (min-width: 990px) {
  .article-card__link:not(:only-child) {
    margin-right: 4rem;
  }
}
.article-card__image--small .ratio::before {
  padding-bottom: 11rem;
}

.article-card__image--medium .ratio::before {
  padding-bottom: 22rem;
}

.article-card__image--large .ratio::before {
  padding-bottom: 33rem;
}

@media screen and (min-width: 750px) {
  .article-card__image--small .ratio::before {
    padding-bottom: 14.3rem;
  }

  .article-card__image--medium .ratio::before {
    padding-bottom: 21.9rem;
  }

  .article-card__image--large .ratio::before {
    padding-bottom: 27.5rem;
  }
}
@media screen and (min-width: 990px) {
  .article-card__image--small .ratio::before {
    padding-bottom: 17.7rem;
  }

  .article-card__image--medium .ratio::before {
    padding-bottom: 30.7rem;
  }

  .article-card__image--large .ratio::before {
    padding-bottom: 40.7rem;
  }
}
/* check for flexbox gap in older Safari versions */
@supports not (inset: 10px) {
  .articles-wrapper.grid {
    margin: 0 0 5rem 0;
  }

  @media screen and (min-width: 750px) {
    .articles-wrapper.grid {
      margin-bottom: 7rem;
    }
  }
}
.plain-hero {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2.4rem;
  height: 45.8rem;
  background-color: #EFEFEF;
}
@media (min-width: 768px) {
  .plain-hero {
    height: 53.2rem;
  }
}

.plain-hero--with-background-image {
  background-position: center;
  background-size: cover;
}

.plain-hero--with-overlay {
  position: relative;
}

.plain-hero--with-overlay::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
}

.plain-hero__heading {
  margin: 0 auto;
  width: 100%;
  line-height: 5.6rem;
  max-width: 28rem;
  font-size: 4.8rem;
  font-weight: 400;
  letter-spacing: -0.048rem;
  text-align: center;
}
@media (min-width: 768px) {
  .plain-hero__heading {
    max-width: 60rem;
    line-height: 7.2rem;
    font-size: 6.4rem;
    letter-spacing: -0.064rem;
  }
}

.plain-hero--with-overlay > .plain-hero__heading {
  position: relative;
}

.plain-hero__description {
  margin: 0 auto;
  width: 100%;
  max-width: 47.2rem;
  text-align: center;
}
@media (min-width: 768px) {
  .plain-hero__description {
    max-width: 58.8rem;
  }
}

.plain-hero--with-overlay > .plain-hero__description {
  position: relative;
}

.plain-hero__heading + .plain-hero__description {
  margin: 2.4rem auto 0;
}

.plain-hero--with-light-text > .plain-hero__heading,
.plain-hero--with-light-text > .plain-hero__description {
  color: #fff;
}

/* FIVE REASONS WHY HERO SECTION */
  
body.five-reasons-why {
  background-color: #A0DBDC;
  padding-top: 0;
}
.five-reasons-why p {
  font-size: 1.7rem;
}
.five-reasons-why p.footer__slogan {
  font-size: 6.4rem;
}
.five-reasons-why .logo {
  padding: 50px 0 10px;
  text-align: center;
}
.five-reasons-why .plain-hero {
  background-position: bottom;
  height: 74rem;
  padding: 4rem 2.4rem 0;
  justify-content: initial;
}
.five-reasons-why .modified-hero {
  padding: 0; 
}
@media (min-width: 445px) {
  .five-reasons-why .plain-hero {
  	height: 72rem;
  }
}
@media (min-width: 768px) {
  .five-reasons-why .plain-hero {
  	height: 70rem;
    padding-top: 2rem;
  }
  .five-reasons-why .logo {
    text-align: left;
  }
}
@media (min-width: 900px) {
  .five-reasons-why .plain-hero {
  	height: 65rem;
    padding-top: 2.4rem;
  }
}
@media (min-width: 1100px) {
  .five-reasons-why .plain-hero {
  	height: 60rem;
  }
}
.five-reasons-why .wrapper {
  max-width: 120rem;
}

.five-reasons-why .plain-hero__heading {
  font-size: 2.8rem;
  line-height: normal;
  text-align: center;
  max-width: none;
  padding: 0 2rem;
}
@media (min-width: 768px) {
  .five-reasons-why .plain-hero__heading {
    text-align: left;
    padding: 0;
  }
  .modified-hero .wrapper {
    padding: 0 6rem;
  }
  .five-reasons-why .home-split__content-wrapper {
    margin: 0;
  }
  .five-reasons-why .home-split__content p {
    text-align: left;
  }
}
@media (min-width: 900px) {
  .five-reasons-why .plain-hero__heading {
    font-size: 3.6rem;	
  }	
  .five-reasons-why .plain-hero__description {	
    font-size: 1.9rem;	
  }
}
@media (min-width: 1200px) {
  .modified-hero .wrapper {
    padding: 0;
  } 
  .five-reasons-why .plain-hero__heading {	
    font-size: 4.2rem;	
  }
}
.five-reasons-why .plain-hero__description {
  max-width: none;
  font-size: 1.8rem;
  text-align: center;
  margin-top: 2rem;
  padding: 0 2rem;
}
@media (min-width: 768px) {
  .five-reasons-why .plain-hero__description {
 	font-size: 2rem;
 	line-height: 3rem;
    text-align: left;
    padding: 0;
  }
}
@media (min-width: 900px) {
  .five-reasons-why .plain-hero__description {
  	font-size: 2.1rem;
    line-height: 3rem;
  }
}
.plain-hero__description + .shop__cta  {
  margin: 3rem auto 0;
}
.mobile-image img {
  max-width: 100%;
  padding-top: 3rem;
}
@media (min-width: 768px) {
  .plain-hero__description + .shop__cta {
  	 margin: 3rem 0 0;
  }
  .mobile-image {
    display: none;
  }
}
.button.button-transparent {
   background: none;
   color: #000;
}
  
/* FIVE REASONS WHY TEXT SECTION */
  
@media (min-width: 1200px) {  
  .five-reasons-why .plain-hero { 
    background-color: #A0DBDC;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
  }
}
.text-and-bg-image {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2.4rem;
  height: 45.8rem;
  background-color: #f1f0ef;
}
@media (min-width: 768px) {
  .text-and-bg-image {
    height: 53.2rem;
  }
}

.text--with-background-image {
  background-position: center;
  background-size: cover;
}

.text-and-bg-image__heading {
  margin: 0 auto;
  width: 100%;
  line-height: 5.6rem;
  max-width: 28rem;
  font-size: 4.2rem;
  font-weight: 400;
  letter-spacing: -0.048rem;
  text-align: center;
}
@media (min-width: 768px) {
  .text-and-bg-image__heading {
    max-width: 60rem;
    line-height: 7.2rem;
    font-size: 6.4rem;
    letter-spacing: -0.064rem;
  }
}

.text-and-bg-image--with-overlay > .text-and-bg-image__heading {
  position: relative;
}

.text-and-bg-image__description {
  margin: 0 auto;
  width: 100%;
  max-width: 27.2rem;
  text-align: center;
}
@media (min-width: 768px) {
  .text-and-bg-image__description {
    max-width: 58.8rem;
  }
}

.text-and-bg-image--with-overlay > .text-and-bg-image__description {
  position: relative;
}

.text-and-bg-image__heading + .text-and-bg-image__description {
  margin: 2.4rem auto 4rem;
}

.text-and-bg-image--with-light-text > .text-and-bg-image__heading,
.text-and-bg-image--with-light-text > .text-and-bg-image__description {
  color: #fff;
}
  
.five-reasons-why .text-and-bg-image {
  background-position: center;
  height: 67rem;
  justify-content: center;
}
/*@media (min-width: 445px) {
  .five-reasons-why .text-and-bg-image {
  	height: 67rem;
  }
}*/
@media (min-width: 768px) {
  .five-reasons-why .text-and-bg-image {
    padding-right: 2rem;
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 7rem;
  }
}
@media (min-width: 1110px) {
  .five-reasons-why .text-and-bg-image {
    height: 48rem;
    padding-right: 5.4rem;
  }
}
.five-reasons-why .text-and-bg-image__small-heading, 
.five-reasons-why .home-split__small-heading {
  padding: 6px 12px;
  font-size: 1.4rem;
  background: #EEEA8C;
  font-weight: normal;
  border-radius: 24px;
  padding: 6px 12px;
  font-family: 'GTPressuraMono';
  letter-spacing: .5px;
  width: 100px;
  margin: 0 auto 2rem;
  z-index: 9;
}
  
@media (min-width: 768px) {
  .five-reasons-why .text-and-bg-image__small-heading,
  .five-reasons-why .home-split__small-heading {
  	margin: 0 0 2rem;
  }
}
.five-reasons-why .text-and-bg-image__heading {
  font-size: 2.8rem;
  line-height: normal;
  text-align: center;
  max-width: none;
}
@media (min-width: 768px) {
  .five-reasons-why .text-and-bg-image__heading {
  	font-size: 3.8rem;
    text-align: left;
    padding-right: 40rem;
  }
}
@media (min-width: 1110px) {
  .five-reasons-why .text-and-bg-image__heading {
  	font-size: 4.2rem;
    padding-right: 30rem;
  }
}
.five-reasons-why .text-and-bg-image__description {
  max-width: none;
  text-align: center;
}
@media (min-width: 768px) {
  .five-reasons-why .text-and-bg-image__description {
    text-align: left;
    padding-right: 40rem;
  }
}
@media (min-width: 1110px) {
  .five-reasons-why .text-and-bg-image__description {
  	font-size: 1.6rem;
    line-height: 2.4rem;
    padding-right: 30rem;
  }
}
.five-reasons-why .button-transparent {
 margin: 2rem auto 0;
}

@media (min-width: 768px) {
  .five-reasons-why .button-transparent {
  	 margin: 2rem 0 0;
  }
} 
  
/* FIVE REASONS WHY SPLIT SECTION */
.five-reasons-why .home-split__image {	
  display: block;	
  order: 1;	
}	
.five-reasons-why a.button.shop__cta.button-transparent {	
  background: #fff;	
}
.five-reasons-why .home-split {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  height: auto;
}
@media (min-width: 768px) {
 .five-reasons-why .home-split {
   flex-direction: row;
   height: 62rem;
  }
}

.five-reasons-why .home-split__heading {
  font-size: 4.2rem;
  margin: 0;
  text-align: center;
  max-width: none;
  z-index: 0;
}
@media (min-width: 768px) { 
  .five-reasons-why .home-split__heading {
    text-align: left;
  }
}
.five-reasons-why .home-split__content-wrapper {
  min-height: auto;
  order: 2;
  padding: 40px 0;
  text-align: center;
  position: relative;
}
.five-reasons-why .home-split__content-wrapper.image-first {
  order: 2;
}
@media (min-width: 768px) {  
  .five-reasons-why .home-split__content-wrapper {
   order: 1;
   text-align: left;
  }
}
  
.five-reasons-why .home-split__content {
  align-items: flex-start;
}
    
@media (min-width: 768px) {
  .five-reasons-why .home-split__content {
      padding: 15%;
      width: 100%;
  }
}

@media (min-width: 768px) {
  .five-reasons-why .home-split__image {
    order: 1;
    max-width: 50%;
    width: 100%;
  }
}
.five-reasons-why p {
  z-index: 0;
}
.five-reasons-why .properties {
  font-family: 'GTPressuraMono';
  font-size: 1.2rem;
  letter-spacing: .5px;
  margin: 5px auto 20px;
  z-index: 0;
}
@media (min-width: 768px) {
  .five-reasons-why .properties {
    margin: 5px 0 20px;
  }
}
  
.five-reasons-why .product-collection {
 background: #F1F0EF;
 padding-bottom: 5rem;
}
  
.cta {
  font-size: 1.4rem;
  margin: 0 auto;
  text-decoration: none;
  z-index: 0;
}
@media (min-width: 768px) {
  .cta {
    margin: 0;
  }
}
  
.cta:hover {
  text-decoration: underline;
}
  
.icon {  
  width: 24px;
  margin: 0 10px -7px;
}
.results-block {
  line-height: 4rem;
  display: table;
  margin: 0 auto;
  text-align: left;
  width: auto;
  flex-direction: column;
  flex-wrap: wrap;
  height: 200px;
  padding-left: 15px;
}

@media (min-width: 1150px) {
  .results-block {
    display: flex;
    margin: auto;
    width: 100%;
  }
}
  
.results-block li {
  font-size: 1.4rem;
  padding-left: 8px;
}
svg.button-alt__icon {
  vertical-align: middle;
}
.result::marker {
  display: list-item;
  content: "⬤";
  color: #B7BEFF;
  font-size: 12px;
} 
.img-top-left {
  width: 100px;
  height: 150px;
  position: absolute;
  top: 0;
  left: 0;
}

.img-bottom-right {
  width: 100px;
  height: 200px;
  position: absolute;
  bottom: -74px;
  right: 0;
}
  
/* SPLIT SPECIAL */

.five-reasons-why .split-special {
  background-color: #F1F0EF;
}

.five-reasons-why .home-science-wrapper {
  background-color: #fff;
  border-radius: 8px;
  padding: 15px 0;
}
  
.five-reasons-why .home-science {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 0 0 20px;
}
@media (min-width: 768px) {
  .five-reasons-why .home-science {  
    padding: 20px 10px 20px 30px;
  }
}
.five-reasons-why .home-science__content {
  justify-content: center;
} 
.five-reasons-why .home-science-products__name {
  max-width: 149px;
  text-align: center;
}
.five-reasons-why .split-special .home-split__content-wrapper {
  order: 0;
}
@media (min-width: 768px) {
  .five-reasons-why .split-special .home-split__content-wrapper {
  order: 2;
  }
}
  
.five-reasons-why .home-science__illustration {
  margin-top: 2rem; 
}
.five-reasons-why .home-science-products__label {
  font-family: 'GTPressuraMono';
  font-size: .9rem;
}
.five-reasons-why .home-science-products {
  max-width: 27.8rem;
}
.five-reasons-why .home-science-products__name {
  font-size: .9rem;
  line-height: normal;
}

@media (min-width: 768px) {
  .five-reasons-why .home-science-products__label,
  .five-reasons-why .home-science-products__name {
    font-size: 1.6rem;
  }
  .five-reasons-why .home-science-products {
    max-width: 50rem;
  }
}
  
@media (min-width: 1024px) {
  .home-science__illustration {
      margin: 2rem 0 0;
  }
}

/* PRODUCTS PURCHASE SECTION */
.five-reasons-why .home-products {
  padding-top: 6rem;
}
.five-reasons-why .home-products-tile__ingredients {
  font-family: GTPressuraMono;
}
.five-reasons-why .home-products-tile__ingredients p {
  font-size: 1.4rem;
}
.five-reasons-why .home-products__heading {
  line-height: 3rem;
  font-size: 2.6rem;
}  
.five-reasons-why .product-collection__cta {
  margin: 2rem auto 2rem;
  max-width: 26rem;
}
.helps-section {
  border-top: 1px solid #F1F0EF;
  border-bottom: 1px solid #F1F0EF;
  margin: 2rem 0;
  padding-bottom: 1rem;
}
.helps-section .results-block {
  height: auto;
}
h4.helps-title {
  font-family: GTPressuraMono;
  margin-bottom: 0.5rem;
}
.Sunbeam .result::marker {
  color: #EEEA8C;
}
.Golden .result::marker {
  color: #FFAB7B;
}
.Moonbeam .result::marker {
  color: #B7BEFF;
}
  
.faq-navigation {
  position: sticky;
  top: 7.2rem;
  z-index: 5;
  background-color: #D3D3D3;
}
@media (min-width: 768px) {
  .faq-navigation {
    top: 8rem;
    margin: 0 4rem 0 0;
    background-color: unset;
  }
}

body.is-announcement-bar-active .faq-navigation {
  top: calc(7.2rem + 2.4rem);
}
@media (min-width: 768px) {
  body.is-announcement-bar-active .faq-navigation {
    top: calc(8rem + 2.4rem);
  }
}

.faq-navigation__list {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  height: 8rem;
  list-style: none;
  overflow-x: auto;
}
@media (min-width: 768px) {
  .faq-navigation__list {
    display: block;
    align-items: unset;
    padding: 2.4rem 0 0;
    height: unset;
    overflow-x: unset;
  }
}

  
.faq-navigation__list > .faq-navigation__item-wrapper {
  display: flex;
}
@media (min-width: 768px) {
  .faq-navigation__list > .faq-navigation__item-wrapper {
    display: block;
  }
}

.faq-navigation__list > .faq-navigation__item-wrapper::before {
  content: "";
  display: block;
  width: 2.4rem;
}
@media (min-width: 768px) {
  .faq-navigation__list > .faq-navigation__item-wrapper::before {
    content: unset;
    display: none;
    width: unset;
  }
}

.faq-navigation__list > .faq-navigation__item-wrapper:last-child::after {
  content: "";
  display: block;
  width: 2.4rem;
}
@media (min-width: 768px) {
  .faq-navigation__list > .faq-navigation__item-wrapper:last-child::after {
    content: unset;
    display: none;
    width: unset;
  }
}

.faq-navigation__item-wrapper + .faq-navigation__item-wrapper {
  margin: 0 0 0 2rem;
}
@media (min-width: 768px) {
  .faq-navigation__item-wrapper + .faq-navigation__item-wrapper {
    margin: 1.6rem 0 0;
  }
}

.faq-navigation__item-wrapper {
  line-height: 1.6rem;
}

.faq-navigation__item {
  position: relative;
  top: 0.2rem;
  color: rgba(0, 0, 0, 0.4);
  line-height: 2rem;
  font-family: GTPressuraMono, system-ui, system-ui;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.05rem;
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.2s ease-in-out;
}
@media (min-width: 768px) {
  .faq-navigation__item {
    position: unset;
    top: unset;
    color: #000;
    transition: unset;
  }
}

.faq-navigation__item::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -0.8rem;
  left: 0;
  display: block;
  height: 0.1rem;
  background-color: transparent;
  transition: background-color 0.2s ease-in-out;
}
@media (min-width: 768px) {
  .faq-navigation__item::after {
    content: unset;
    display: none;
  }
}

.faq-navigation__item.is-active {
  color: #000;
}

.faq-navigation__item.is-active::after {
  background-color: #000;
}

.faq-question {
  padding: 0 0 0.8rem;
  border-bottom: 0.1rem solid #000;
}

.faq-question__heading {
  position: relative;
  margin: 0;
  padding: 1.6rem 0;
}

.faq-question__trigger {
  display: block;
  padding: 0 2rem 0 0;
  width: 100%;
  line-height: 2.8rem;
  font-size: 2rem;
  letter-spacing: 0.05rem;
  text-align: left;
  background: transparent;
  border: none;
  appearance: none;
  cursor: pointer;
}
@media (min-width: 768px) {
  .faq-question__trigger {
    line-height: 3.2rem;
    font-size: 2.4rem;
    letter-spacing: 0;
  }
}

.faq-question__icon {
  display: none;
  position: absolute;
  top: 2.6rem;
  right: 0;
  width: 1.2rem;
  height: 1.2rem;
  pointer-events: none;
  overflow: hidden;
}
@media (min-width: 768px) {
  .faq-question__icon {
    top: 2.6rem;
  }
}

.faq-question__icon::before,
.faq-question__icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 1.2rem;
  height: 0.1rem;
  background-color: #000;
  transition: transform 0.2s ease-in-out;
}

.faq-question__icon::after {
  transform: translate(-50%, -50%) rotate(-90deg);
}

.faq-question.is-active .faq-question__icon::after {
  transform: translate(-50%, -50%);
}

.faq-question__answer {
  height: auto;
  overflow: hidden;
}

@media (min-width: 768px) {
  .faq-question__answer-content::before {
    content: "";
    display: block;
    height: 0.8rem;
  }
}

.faq-question__answer-content::after {
  content: "";
  display: block;
  height: 2.4rem;
}
@media (min-width: 768px) {
  .faq-question__answer-content::after {
    height: 2.8rem;
  }
}

.faq-question__answer-content > p {
  margin: 0;
}

@media (min-width: 768px) {
  .faq {
    padding: 0 2.4rem;
  }
}

.faq__content {
  margin: 0 auto;
  padding: 0 0 8rem;
  width: 100%;
  max-width: 98rem;
}
@media (min-width: 768px) {
  .faq__content {
    padding: 9.6rem 0 18rem;
  }
}

.faq__content--narrow {
  max-width: 73.2rem;
}

@media (min-width: 768px) {
  .faq__content--with-navigation {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}

.faq__list {
  margin: 0;
  padding: 0 2.4rem;
  max-width: 100%;
}
@media (min-width: 768px) {
  .faq__list {
    margin: unset;
    padding: unset;
  }
}

.faq__list--narrow {
  width: 100%;
  max-width: 73.2rem;
}

.faq__list > *:not(:first-child):not(.faq__section-heading) {
  margin: 0.8rem 0 0;
}

.faq__section-heading {
  position: relative;
  margin: 6rem 0 0;
  padding: 0 0 3.2rem;
  line-height: 3.2rem;
  font-size: 2.4rem;
  font-weight: 400;
  border-bottom: 0.1rem solid #000;
}
@media (min-width: 768px) {
  .faq__section-heading {
    margin: 2.4rem 0 0;
    padding: 0 0 3.2rem;
    line-height: 4rem;
    font-size: 3.2rem;
    letter-spacing: 0;
  }
}

.faq-question + .faq__section-heading {
  padding: 0.4rem 0 3.2rem;
}
@media (min-width: 768px) {
  .faq-question + .faq__section-heading {
    margin: 12rem 0 0;
    padding: 0 0 3.2rem;
  }
}

.faq__section-anchor {
  position: absolute;
  top: -10.4rem;
  left: 0;
}
@media (min-width: 768px) {
  .faq__section-anchor {
    top: -1.6rem;
  }
}

.legal-title {
  padding: 8rem 2.4rem 1.6rem;
}
@media (min-width: 768px) {
  .legal-title {
    padding: 12rem 2.4rem 1.6rem;
  }
}

.legal-title__content {
  margin: 0 auto;
  width: 100%;
  max-width: 81.6rem;
}

.legal-title__heading {
  margin: 0;
  line-height: 4.8rem;
  font-size: 4rem;
  font-weight: 300;
  letter-spacing: 0.1rem;
}
@media (min-width: 768px) {
  .legal-title__heading {
    line-height: 6.4rem;
    font-size: 5.6rem;
    letter-spacing: unset;
  }
}

.legal-title__subtitle {
  line-height: 2.4rem;
  font-size: 1.6rem;
  font-weight: 300;
  letter-spacing: 0.05rem;
}

.legal-title__heading + .legal-title__subtitle {
  display: block;
  margin: 1.6rem 0 0;
}

.legal-content {
  padding: 8rem 2.4rem 14rem;
  background-color: #FFFCFB;
}
@media (min-width: 768px) {
  .legal-content {
    padding: 15rem 2.4rem 21rem;
  }
}

.legal-content__section {
  margin: 0 auto;
  width: 100%;
  max-width: 81.6rem;
}
.legal-content__section + .legal-content__section {
  margin: 4rem auto 0;
  padding: 4rem 0 0;
  border-top: 0.1rem solid #000;
}
@media (min-width: 768px) {
  .legal-content__section + .legal-content__section {
    margin: 6rem auto 0;
    padding: 6rem 0 0;
  }
}

.legal-content__heading {
  margin: 0;
  line-height: 2rem;
  font-family: GTPressuraMono, system-ui, system-ui;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.05rem;
}

.legal-content__heading + .legal-content__description {
  margin: 2.4rem 0 0;
}

.legal-content__description > p {
  margin: 0;
  padding-bottom: 10px;
  word-break: break-word;
}

.content + .content {
  margin-top: 0;
}

@media (min-width: 768px) {
  .legal-content {
    padding: 15rem 2.4rem 0rem;
  }
}
.legal-content__section {
  border-top: 1px solid #000;
  padding-top: 6rem;
}

.legal-content {
  padding-top: 6rem;
}

.content img {
  max-width: 100%;
}

.account-form {
  position: relative;
  height: 100%;
  background-color: #E9DBD1;
}

.account-form__image {
  display: none;
}
@media (min-width: 1024px) {
  .account-form__image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    object-position: center;
    object-fit: cover;
    display: block;
    width: 50%;
    height: 100%;
  }
}

.account-form__content {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
  max-width: 144rem;
}
@media (min-width: 1024px) {
  .account-form__content {
    align-items: flex-start;
  }
}

@media (min-width: 1024px) {
  .account-form__content::before {
    content: "";
    display: block;
    width: 50%;
    min-width: 50%;
    height: 100%;
  }
}

.account-form__form-wrapper {
  padding: 8rem 2.4rem;
  width: 100%;
  max-width: 72rem;
}
@media (min-width: 1024px) {
  .account-form__form-wrapper {
    display: flex;
    align-items: center;
    padding: 10rem 2.4rem;
    min-height: 84rem;
  }
}

.account-form__form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 72rem;
}
@media (min-width: 1024px) {
  .account-form__form {
    padding: 8rem 2rem;
  }
}

.account-form__form-wrapper.is-hidden {
  display: none;
}

.account-form__form-content {
  width: 100%;
  max-width: 36.6rem;
}

.account-form__heading {
  margin: 0;
  line-height: 3.2rem;
  font-size: 2.4rem;
  font-weight: 400;
  letter-spacing: 0.005em;
}
@media (min-width: 768px) {
  .account-form__heading {
    line-height: 4rem;
    font-size: 3.2rem;
  }
}

.account-form__heading + .account-form__description {
  margin: 2rem 0 0;
}
@media (min-width: 768px) {
  .account-form__heading + .account-form__description {
    margin: 2.4rem 0 0;
  }
}

.account-form__description > p {
  margin: 0;
  line-height: 1;
}

.account-form__heading + .account-form__fields,
.account-form__description + .account-form__fields {
  margin: 4rem 0 0;
}

.account-form__field + .account-form__field {
  margin: 2.4rem 0 0;
}

.account-form__field-label {
  line-height: 1;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.05rem;
}

.account-form__field-label + .account-form__input {
  margin: 0.8rem 0 0;
}

.account-form__input {
  padding: 0 2.4rem;
  width: 100%;
  height: 6rem;
  line-height: 1;
  font-size: 1.6rem;
  letter-spacing: 0.005em;
  background: transparent;
  border: 0.1rem solid #000;
  border-radius: 1rem;
  transition: border-color 0.2s ease-in-out;
}

.account-form__input::placeholder {
  color: rgba(0, 0, 0, 0.4);
}

.account-form__input.is-error {
  border-color: #FF0000;
}

.account-form__fields + .account-form__submit {
  margin: 4rem 0 0;
  max-width: 24rem;
}

.account-form__field-error {
  margin: 1.6rem 0 0;
  line-height: 2rem;
  color: #FF0000;
  font-size: 1.4rem;
  letter-spacing: 0.005em;
  overflow: hidden;
}

.account-form__errors {
  margin: 0.8rem 0 0;
  overflow: hidden;
}

.account-form__errors > .errors > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.account-form__errors > .errors > ul > li {
  line-height: 2rem;
  color: #FF0000;
  font-size: 1.4rem;
  letter-spacing: 0.005em;
}

.account-form__submit + .account-form__options {
  margin: 2rem 0 0;
}

.account-form__options > p {
  margin: 0;
  line-height: 1;
}

.account-form__guest {
  margin: 0 auto;
  width: 100%;
  max-width: 43rem;
}

.account-form__guest-button {
  padding: 0;
  line-height: 1;
  font-size: 1.6rem;
  text-decoration: underline;
  background-color: transparent;
  border: none;
  appearance: none;
  cursor: pointer;
}

.account-form__guest-button:active {
  color: #000;
}

.account-form__checkbox {
  position: relative;
  display: flex;
  margin: 2.4rem 0 0;
  padding: 0.5rem 0 0 3.6rem;
  cursor: pointer;
}

.account-form__checkbox > p {
  display: inline-block;
  margin: 0;
  line-height: 1;
  font-size: 1.4rem;
  user-select: none;
}

.account-form__checkbox-field {
  display: none;
}

.account-form__checkbox-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.4rem;
  height: 2.4rem;
  background-color: #000;
}

.account-form__checkbox-icon::before {
  content: "";
  position: absolute;
  top: 1.3rem;
  left: 0.3rem;
  transform: rotate(45deg);
  display: none;
  width: 0.8rem;
  height: 0.2rem;
  background-color: #fff;
}

.account-form__checkbox-icon::after {
  content: "";
  position: absolute;
  top: 1.1rem;
  left: 0.7rem;
  transform: rotate(135deg);
  display: none;
  width: 1.5rem;
  height: 0.2rem;
  background-color: #fff;
}

.account-form__checkbox-field:checked + .account-form__checkbox-icon::before,
.account-form__checkbox-field:checked + .account-form__checkbox-icon::after {
  display: block;
}

.account-side {
  position: relative;
}

.account-side__heading {
  margin: 0;
  line-height: 3.2rem;
  font-size: 2.4rem;
  font-weight: 400;
}
@media (min-width: 768px) {
  .account-side__heading {
    max-width: 30rem;
    min-width: 30rem;
    line-height: 4rem;
    font-size: 3.2rem;
  }
}

.account-side__navigation {
  display: none;
}
@media (min-width: 768px) {
  .account-side__navigation {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 6.4rem 0 0;
  }
}

.account-side__link {
  line-height: 1;
  font-weight: 400;
  text-decoration: none;
  background-color: transparent;
}

.account-side__link + .account-side__link {
  margin: 1.6rem 0 0;
}

.account-side__link.is-active {
  font-weight: 500;
}

.account-side__support {
  display: none;
}
@media (min-width: 768px) {
  .account-side__support {
    display: block;
    margin: 8rem 0 0;
  }
}

.account-side__support > p {
  margin: 0;
}

.account-mobile-navigation {
  position: relative;
  width: 100%;
  height: 7.2rem;
  background-color: white;
}

.account-mobile-navigation__select {
  display: block;
  padding: 0 2rem;
  width: 100%;
  height: 100%;
  line-height: 7.2rem;
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 300;
  background-color: transparent;
  border: none;
  border-radius: 0;
  appearance: none;
  -webkit-appearance: none;
}

.account-mobile-navigation__icon {
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  pointer-events: none;
}

.account-profile__personal-information {
  margin: 3.2rem 0 0;
}
@media (min-width: 768px) {
  .account-profile__personal-information {
    margin: 3.2rem 0 0;
  }
}

.account-profile__personal-information-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.account-profile__personal-information-list > .account-profile__personal-information-item:not(:first-child) {
  margin: 0.8rem 0 0;
}

.account-profile__personal-information-item {
  font-style: normal;
  word-break: break-word;
}

.account-details {
  margin: 4.8rem 0 0;
}
@media (min-width: 768px) {
  .account-details {
    margin: 6.4rem 0 0;
  }
}

.account-details__small {
  margin: 0 0 0.6rem;
  line-height: 2rem;
  font-family: GTPressuraMono, system-ui, system-ui;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.05rem;
}

.account-details__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 3.2rem 0 0;
  padding: 0;
  width: 100%;
  max-width: 44rem;
  list-style: none;
}
@media (min-width: 768px) {
  .account-details__list {
    margin: 2.4rem 0 0;
  }
}

.account-details__item {
  width: 100%;
}
@media (min-width: 1024px) {
  .account-details__item {
    width: calc((100% - 2.4rem) / 2);
  }
}

.account-details__item--margin-top {
  margin: 4.8rem 0 0;
}

.account-details__item--date {
  margin: 4.8rem 0 0;
}
@media (min-width: 768px) {
  .account-details__item--date {
    margin: 0;
  }
}

.account-details__item > p {
  margin: 0;
}

.account-details__subscription {
  margin: 3.2rem 0 0;
}
@media (min-width: 768px) {
  .account-details__subscription {
    margin: 2.4rem 0 0;
  }
}

.account-details__subscription > p {
  margin: 0;
}

.account-orders__heading + .account-orders__list {
  margin: 2rem 0 0;
}
@media (min-width: 480px) {
  .account-orders__heading + .account-orders__list {
    margin: 4rem 0 0;
  }
}

.account-orders__list {
  width: 100%;
}
@media (min-width: 480px) {
  .account-orders__list {
    display: table;
    margin: 4rem 0 0;
  }
}
@media (min-width: 1280px) {
  .account-orders__list {
    padding: 0 10rem 0 0;
  }
}

.account-orders__list > .account-orders__item:nth-child(even) {
  background-color: rgba(242, 239, 236, 0.5);
}

.account-orders__item {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 480px) {
  .account-orders__item {
    display: table-row;
    border-bottom: unset;
  }
}

.account-orders__item--heading {
  display: none;
}
@media (min-width: 480px) {
  .account-orders__item--heading {
    display: table-row;
  }
}

.account-orders__item--first {
  margin: 4.2rem 0 0;
}
@media (min-width: 480px) {
  .account-orders__item--first {
    margin: unset;
    border-top: unset;
  }
}

.account-orders__cell {
  padding: 2.4rem 2.4rem;
  font-weight: 300;
  letter-spacing: 0.1rem;
}
@media (min-width: 480px) {
  .account-orders__cell {
    display: table-cell;
  }
}

.account-orders__cell--heading {
  padding: 1rem 2.4rem;
  line-height: 2rem;
  font-family: GTPressuraMono, system-ui, system-ui;
  font-size: 1.4rem;
  letter-spacing: 0.05rem;
}

.account-orders__cell--id {
  padding: 2.4rem 2.4rem 0 2.4rem;
  width: 13.8rem;
}
@media (min-width: 480px) {
  .account-orders__cell--id {
    padding: 2.4rem;
    width: 20%;
  }
}
@media (min-width: 1024px) {
  .account-orders__cell--id {
    width: 40%;
  }
}

.account-orders__cell--date {
  padding: 2.4rem 2.4rem 0 0;
  width: calc(100% - 13.8rem);
}
@media (min-width: 480px) {
  .account-orders__cell--date {
    width: 55%;
  }
}
@media (min-width: 1024px) {
  .account-orders__cell--date {
    width: 40%;
  }
}

.account-orders__cell--total {
  margin: 0.8rem 0 0;
  padding: 0 2.4rem 2.4rem 13.8rem;
  width: 100%;
}
@media (min-width: 480px) {
  .account-orders__cell--total {
    margin: unset;
    padding: 2.4rem 1rem 2.4rem 0;
    width: 25%;
  }
}
@media (min-width: 1024px) {
  .account-orders__cell--total {
    width: 20%;
  }
}

.account-orders__empty {
  margin: 4rem 0 0;
  font-weight: 300;
}

.account-order {
  margin: 4rem 0 0;
  padding: 0 0 4rem;
  width: 100%;
}
@media (min-width: 1024px) {
  .account-order {
    padding: 0 8rem 0 0;
  }
}
@media (min-width: 1280px) {
  .account-order {
    margin: 1.6rem 0 0;
    display: table;
    border-top: none;
  }
}

.account-order__row {
  display: flex;
}
@media (min-width: 1280px) {
  .account-order__row {
    display: table-row;
  }
}

.account-order__row--heading {
  display: none;
}
@media (min-width: 1280px) {
  .account-order__row--heading {
    display: table-row;
  }
}

.account-order__row--first {
  border-top: 0.1rem solid rgba(0, 0, 0, 0.2);
}

.account-order__cell {
  padding: 3.2rem 0;
  width: 100%;
  font-weight: 300;
  border-bottom: 0.1rem solid rgba(0, 0, 0, 0.2);
}
@media (min-width: 1280px) {
  .account-order__cell {
    display: table-cell;
    vertical-align: top;
    width: unset;
  }
}

.account-order__cell--font-weight-regular {
  font-weight: 400;
}

.account-order__cell--price {
  display: none;
}
@media (min-width: 1280px) {
  .account-order__cell--price {
    display: table-cell;
    width: 10.8rem;
  }
}

.account-order__cell--quantity {
  display: none;
}
@media (min-width: 1280px) {
  .account-order__cell--quantity {
    display: table-cell;
    width: 10.8rem;
    text-align: center;
  }
}

.account-order__cell--total {
  display: none;
}
@media (min-width: 1280px) {
  .account-order__cell--total {
    display: table-cell;
    width: 10.8rem;
    text-align: right;
  }
}

.account-order__item {
  display: flex;
}

.account-order__image-wrapper {
  width: 8.8rem;
  min-width: 8.8rem;
  height: 8.8rem;
  border-radius: 0.8rem;
  overflow: hidden;
}

.account-order__image {
  display: block;
  width: 100%;
  height: 100%;
}

.account-order__item-details {
  margin: 0 0 0 2.4rem;
}

.account-order__item-name {
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}

.account-order__item-options {
  margin: 0.4rem 0 0;
  padding: 0;
  list-style: none;
}

.account-order__item-option {
  line-height: 1.8rem;
  font-size: 1.2rem;
  font-weight: 400;
}

.account-order__item-subscription {
  margin: 1.2rem 0 0;
  line-height: 2rem;
  font-family: GTPressuraMono, system-ui, system-ui;
  font-size: 1.4rem;
  letter-spacing: 0.05rem;
}

.account-order__item-quantity-price {
  margin: 1.2rem 0 0;
  line-height: 2rem;
  font-size: 1.4rem;
}
@media (min-width: 1280px) {
  .account-order__item-quantity-price {
    display: none;
  }
}

.account-order__money-item-filler {
  display: none;
}
@media (min-width: 1280px) {
  .account-order__money-item-filler {
    display: table-cell;
  }
}

.account-order__money-heading {
  padding: 0.4rem 0;
  width: 50%;
  line-height: 2rem;
  font-family: GTPressuraMono, system-ui, system-ui;
  font-size: 1.4rem;
  letter-spacing: 0.05rem;
}
@media (min-width: 1280px) {
  .account-order__money-heading {
    position: relative;
    display: table-cell;
    width: unset;
  }
}

.account-order__money-heading--first {
  padding: 3.8rem 0 0.4rem;
}
@media (min-width: 1280px) {
  .account-order__money-heading--first {
    padding: 3.2rem 0 0.8rem;
  }
}

@media (min-width: 1280px) {
  .account-order__money-heading-content {
    position: absolute;
    top: 0.4rem;
    left: 0;
    width: 22rem;
  }
}

@media (min-width: 1280px) {
  .account-order__money-heading--first > .account-order__money-heading-content {
    position: absolute;
    top: 3.6rem;
  }
}

.account-order__money-value {
  width: 50%;
  padding: 0.4rem 0;
  line-height: 2rem;
  font-family: GTPressuraMono, system-ui, system-ui;
  font-size: 1.4rem;
  letter-spacing: 0.05rem;
  text-align: right;
}
@media (min-width: 1280px) {
  .account-order__money-value {
    display: table-cell;
    padding: 0.4rem 0;
    width: unset;
  }
}

.account-order__money-value--first {
  padding: 3.8rem 0 0.4rem;
}
@media (min-width: 1280px) {
  .account-order__money-value--first {
    padding: 3.2rem 0 0.8rem;
  }
}

.account__content {
  margin: 0 auto;
  width: 100%;
  max-width: 144rem;
  min-height: calc(100vh - 8rem);
}
@media (min-width: 768px) {
  .account__content {
    display: flex;
  }
}

.account__side {
  position: relative;
  padding: 3.2rem 2.4rem;
  background-color: #E9DBD1;
}
@media (min-width: 768px) {
  .account__side {
    padding: 6.4rem 4rem;
  }
}
@media (min-width: 1280px) {
  .account__side {
    padding: 11.2rem 8rem;
  }
}

.account__side::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  display: block;
  width: 1000vw;
  height: 100%;
  background-color: #E9DBD1;
}

.account__mobile-navigation {
  position: sticky;
  top: 7.2rem;
}
@media (min-width: 768px) {
  .account__mobile-navigation {
    display: none;
  }
}

body.is-announcement-bar-active .account__mobile-navigation {
  top: calc(7.2rem + 2.4rem);
}

.account__main {
  display: none;
  padding: 4.8rem 2.4rem;
  width: 100%;
}
@media (min-width: 768px) {
  .account__main {
    padding: 6.4rem 4rem;
    background-color: unset;
  }
}
@media (min-width: 1280px) {
  .account__main {
    padding: 11.2rem 2.4rem 11rem 11.2rem;
  }
}

.account__main.is-active {
  display: block;
}

.account__heading {
  margin: 0;
  line-height: 2.8rem;
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: 0.05rem;
}
@media (min-width: 768px) {
  .account__heading {
    line-height: 3.2rem;
    font-size: 2.4rem;
    letter-spacing: unset;
  }
}

.navigation-trigger {
  position: relative;
  padding: 0;
  width: 2rem;
  height: 1.4rem;
  background: transparent;
  border: none;
  appearance: none;
  outline: none;
  cursor: pointer;
}
@media (min-width: 1000px) {
  .navigation-trigger {
    display: none;
  }
}

.navigation-trigger::before,
.navigation-trigger::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 2rem;
  height: 0.1rem;
  background-color: #000;
  transition: top 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

.navigation-trigger::after {
  top: unset;
  bottom: 0;
  transition: bottom 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

body.is-navigation-active .navigation-trigger::before {
  top: 50%;
  opacity: 0;
}

body.is-navigation-active .navigation-trigger::after {
  bottom: 50%;
  opacity: 0;
}

.navigation-trigger__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 2rem;
  height: 0.1rem;
  background-color: #000;
  transition: transform 0.2s ease-in-out;
}
@media (min-width: 1000px) {
  .navigation-trigger__icon {
    display: none;
  }
}

body.is-navigation-active .navigation-trigger__icon {
  transform: translate(-50%, -50%) rotate(45deg);
}

body.is-navigation-active .navigation-trigger__icon--secondary {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.navigation-cart {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  appearance: none;
  cursor: pointer;
}

.navigation-cart__label {
  display: none;
}
@media (min-width: 768px) {
  .navigation-cart__label {
    display: inline;
    line-height: 2rem;
    color: #000;
    font-size: 1.5rem;
    letter-spacing: 0.05rem;
  }
}

.navigation-cart__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0 0 0.1rem;
  width: 2.4rem;
  height: 2.4rem;
  line-height: 1.5rem;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.14rem;
  border: 0.1rem solid #000;
  border-radius: 50%;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
@media (min-width: 768px) {
  .navigation-cart__icon {
    margin: 0 0 0 1.2rem;
  }
}

body.is-cart-page .navigation-cart__icon {
  color: #fff;
  background-color: #000;
}

body.is-mini-cart-active .navigation-cart__icon {
  color: #fff;
  background-color: #000;
}
@media (min-width: 768px) {
  body.is-mini-cart-active .navigation-cart__icon {
    color: #000;
    background-color: transparent;
  }
}

.navigation-dropdown {
  position: relative;
  outline: none;
}

.navigation-dropdown__list-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 50;
  transform: translateY(100%);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}

.navigation-dropdown__list-wrapper::before {
  content: "";
  display: block;
  width: 100%;
  height: 5.2rem;
}

.navigation-dropdown:focus > .navigation-dropdown__list-wrapper,
.navigation-dropdown:focus-within > .navigation-dropdown__list-wrapper,
.navigation-dropdown:hover > .navigation-dropdown__list-wrapper {
  opacity: 1;
  visibility: visible;
}

.navigation-dropdown__list {
  margin: 0;
  padding: 0;
  min-width: 23.2rem;
  list-style: none;
  box-shadow: 0px 3px 7px 0px #00000040;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.navigation-dropdown__item {
  display: flex;
  align-items: center;
  padding: 0;
  height: unset;
  background-color: #fff;
}

.navigation-dropdown__item + .navigation-dropdown__item {
  border-top: 0.1rem solid rgba(0, 0, 0, 0.2);
}

.navigation__link-pill.first_pill, .navigation__link-pill.second_pill, .navigation__link-pill.third_pill {
  width: 14px;
}

.navigation-dropdown__list > .navigation-dropdown__item:first-child {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.navigation-dropdown__item:hover {
  background-color: #B3DADD;
}

.navigation-dropdown__list > .navigation-dropdown__item:last-child {
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.navigation-mobile {
  position: fixed;
  top: 7.2rem;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 190;
  background-color: #F2EFEC;
  opacity: 0;
  visibility: hidden;
  overflow-y: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, pointer-events 0.2s ease-in-out;
}
@media (min-width: 1000px) {
  .navigation-mobile {
    display: none;
  }
}

body.is-navigation-active .navigation-mobile {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.navigation-mobile__content {
  height: 100%;
}

.navigation-mobile__list {
  margin: 0;
  padding: 0 0 4rem;
  width: 100%;
  height: 100%;
  list-style: none;
  overflow-y: auto;
}

.navigation-mobile__item {
  padding: 0 2.4rem;
}

.navigation-mobile__item--no-side-padding {
  padding: 0;
}

.navigation-mobile__item + .navigation-mobile__item {
  margin: 3.2rem 0 0;
}

.navigation-mobile__link {
  line-height: 3.2rem;
  font-size: 2.4rem;
  font-weight: 400;
  letter-spacing: 0.012rem;
  text-decoration: none;
}

.navigation-mobile-nested {
  padding: 0;
}

.navigation-mobile-nested__title {
  margin: 0 0 0 2.4rem;
  line-height: 1;
  font-size: 2.8rem;
  font-weight: 300;
}

.navigation-mobile-nested__trigger {
  position: relative;
  display: block;
  margin: 0 3.6rem;
  padding: 0;
  width: calc(100% - 7.2rem);
  color: #000;
  line-height: 1;
  font-size: 2.8rem;
  font-weight: 300;
  text-align: left;
  background: transparent;
  border: none;
  appearance: none;
  cursor: pointer;
}

.navigation-mobile-nested__trigger:active {
  color: #000;
}

.navigation-mobile-nested__icon {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: block;
  width: 1.4rem;
  height: auto;
  transition: transform 0.2s ease-in-out;
  pointer-events: none;
}

.navigation-mobile-nested.is-active .navigation-mobile-nested__icon {
  transform: translateY(-50%) rotate(180deg);
}

.navigation-mobile-nested__list {
  margin: 0;
  padding: 0;
  height: 0;
  overflow-y: hidden;
  list-style: none;
}

.navigation-mobile-nested__list--expanded {
  height: auto;
  overflow-y: unset;
}

.navigation-mobile-nested__list::before {
  content: "";
  display: block;
  width: 100%;
  height: 3.2rem;
}

.navigation-mobile-nested__item {
  display: flex;
  align-items: center;
  padding: 0 2.4rem;
  height: 6.5rem;
  border-top: 0.1rem solid rgba(0, 0, 0, 0.2);
}

.navigation-mobile-nested__list > .navigation-mobile-nested__item:last-child {
  border-bottom: 0.1rem solid rgba(0, 0, 0, 0.2);
}

.navigation-mobile-nested__link {
  position: relative;
  line-height: 1;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.05rem;
  text-decoration: none;
}

.navigation-mobile-nested__link--product {
  position: relative;
  padding: 0 0 0 3.2rem;
}

.navigation-mobile-nested__link-pill-wrapper {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) translateY(0.1rem);
  display: block;
  width: 1.2rem;
}

.navigation-mobile-nested__link-pill {
  display: block;
  width: 100%;
  height: auto;
}

.navigation-mobile-nested__link-subtitle {
  display: block;
  margin: 0.4rem 0 0;
  font-size: 1.2rem;
  font-weight: 400;
}

.navigation {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 200;
  display: flex;
  align-items: center;
  padding: 0 60px;
  height: 7.2rem;
  background-color: #ffffff;
  transition: background-color 0.2s ease-in-out;
}
@media (min-width: 768px) {
  .navigation {
    height: 8rem;
  }
}

.navigation:not(.navigation--alternative) > .navigation__brand {
  flex: 1 1 100%;
}

.navigation--alternative {
  justify-content: space-between;
}

body.is-navigation-active .navigation {
  background-color: #F2EFEC;
}
@media (min-width: 768px) {
  body.is-navigation-active .navigation {
    background-color: #B3DADD;
  }
}

body.is-navigation-static .navigation {
  position: unset;
  top: unset;
  right: unset;
  left: unset;
  z-index: unset;
}

.navigation__brand {
  display: flex;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}

body.is-navigation-active .navigation > .navigation__brand {
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 1000px) {
  body.is-navigation-active .navigation > .navigation__brand {
    opacity: 1;
    visibility: visible;
  }
}

.navigation--alternative > .navigation__brand {
  order: 1;
}
@media (min-width: 1000px) {
  .navigation--alternative > .navigation__brand {
    justify-content: center;
    width: calc(100% / 3);
  }
}

.navigation__brand-link {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.navigation__logo {
  display: block;
  width: auto;
  height: 2.8rem;
}

.navigation__logo + .navigation__wordmark {
  margin: 0 0 0 1.6rem;
}

.navigation__wordmark {
  display: block;
  width: auto;
  height: 1.2rem;
}
@media (min-width: 1024px) {
  .navigation__wordmark {
    height: 1.8rem;
  }
}

.navigation__trigger {
  display: flex;
  margin: 0 0 0 1.8rem;
  order: 2;
}
@media (min-width: 1000px) {
  .navigation__trigger {
    display: none;
  }
}

.navigation--alternative > .navigation__trigger {
  order: 0;
  margin: 0;
  width: 5rem;
}
@media (min-width: 1000px) {
  .navigation--alternative > .navigation__trigger {
    display: none;
  }
}

.navigation__link-list {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (min-width: 768px) {
  .navigation:not(.navigation--alternative) > .navigation__link-list + .navigation__link-list {
    margin: 0 0 0 6.4rem;
  }
}

.navigation__link-list-item--hidden-on-mobile {
  display: none;
}
@media (min-width: 1000px) {
  .navigation__link-list-item--hidden-on-mobile {
    display: block;
  }
}

.navigation__link-list-item + .navigation__link-list-item {
  margin: 0 0 0 3rem;
}

.navigation__link-list-item,
.navigation__link {
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.05rem;
  white-space: nowrap;
  text-decoration: none;
}

.navigation__link--product {
  position: relative;
  padding: 0 0 0 3.2rem;
  line-height: 1;
}

.navigation__link-pill-wrapper {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%) translateY(0.1rem);
  display: block;
  width: 5rem;
  text-align: center;
}

.navigation__link-pill {
  display: block;
  width: 100%;
  height: auto;
}

.navigation__link-subtitle {
  display: block;
  margin: 0.4rem 0 0;
  font-size: 1.2rem;
  font-weight: 400;
}

@media (min-width: 1000px) {
  .navigation--alternative > .navigation__custom-links {
    width: calc(100% / 3);
  }
}

.navigation__custom-links {
  display: none;
}
@media (min-width: 1000px) {
  .navigation__custom-links {
    display: flex;
    order: 0;
  }
}

.navigation--alternative > .navigation__default-links {
  display: flex;
  justify-content: flex-end;
  order: 2;
  width: 5rem;
}
@media (min-width: 1000px) {
  .navigation--alternative > .navigation__default-links {
    width: calc(100% / 3);
  }
}

.announcement-bar {
  position: sticky;
  top: 7.2rem;
  right: 0;
  left: 0;
  z-index: 180;
  padding: 0.4rem 2.4rem;
  min-height: 2.4rem;
  background-color: #000;
}
@media (min-width: 768px) {
  .announcement-bar {
    top: 8rem;
  }
}

body.is-navigation-static .announcement-bar {
  position: unset;
  top: unset;
  right: unset;
  left: unset;
  z-index: unset;
}

.announcement-bar__content {
  line-height: 1.6rem;
  color: #fff;
  font-size: 1.2rem;
  letter-spacing: 0.15rem;
  text-align: center;
}

.announcement-bar__content > p {
  margin: 0;
}

.announcement-bar__content > p > a {
  color: #fff;
}

/*
@keyframes marquee {
  0% {
    margin-left: 100%;
    transform: translateX(0%);
  }
  100% {
    margin-left: 0;
    transform: translateX(-100%);
  }
}

.marquee-section {
  height: 29px;
  overflow: hidden;
}
.marquee {
  animation: marquee 50s linear infinite;
  display: inline-block;
  letter-spacing: 0;
  text-transform: none;
  white-space: nowrap;
}
.marquee:hover {
  animation-play-state: paused;
}
.marquee span {
  width: 40px;
  display: inline-block;
}
*/
.announcement-bar__content>p {
  font-weight: 500;
}

.footer-newsletter {
  max-width: 31.4rem;
}

.footer-newsletter__input-wrapper {
  position: relative;
  display: block;
  margin: 3.2rem 0 0;
  font-size: 0;
}
@media (min-width: 768px) {
  .footer-newsletter__input-wrapper {
    margin: 2.6rem 0 0;
  }
}

.footer-newsletter__input {
  margin: 0;
  padding: 0 3.6rem 0 0.6rem;
  width: 100%;
  line-height: 4.2rem;
  font-size: 2.4rem;
  background: transparent;
  border: none;
  border-bottom: 0.1rem solid #000;
  appearance: none;
}

.footer-newsletter__input::placeholder {
  color: #000;
}

.footer-newsletter__trigger {
  position: absolute;
  right: -1.2rem;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  width: 4.2rem;
  height: 4.2rem;
  background: transparent;
  border: none;
  appearance: none;
  cursor: pointer;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}

.footer-newsletter.is-loading .footer-newsletter__trigger {
  opacity: 0;
  visibility: hidden;
}

.footer-newsletter__loader {
  position: absolute;
  top: 3.6rem;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}

.footer-newsletter.is-loading .footer-newsletter__loader {
  opacity: 1;
  visibility: visible;
}

.footer-newsletter__icon {
  display: block;
  width: 1.8rem;
  height: auto;
}

.footer-newsletter__status {
  display: none;
  margin: 0.8rem 0 0;
}

.footer-newsletter__status--error {
  color: #FF0000;
}

.footer-newsletter__status.is-active {
  display: block;
}

.footer-newsletter__description {
  display: none;
  margin: 2.4rem 0 2.4rem;
  letter-spacing: 0.08rem;
}

.footer-newsletter__description.is-active {
  display: block;
}

.footer-social-networks {
  margin: 4rem 0 0;
}
@media (min-width: 768px) {
  .footer-social-networks {
    margin: 4.8rem 0 4.8rem;
  }
}

.footer-social-networks__list {
  display: flex;
  margin: 3.2rem 0 0;
  padding: 0;
  list-style: none;
}

.footer-social-networks__item + .footer-social-networks__item {
  margin: 0 0 0 2.4rem;
}

.footer-social-networks__link {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
}

.footer-social-networks__icon {
  display: block;
  width: 100%;
  height: 100%;
}

.footer {
  padding: 0 2.4rem;
  background-color: #B3DADD;
}

body.is-cart-page .footer {
  display: none;
}
@media (min-width: 768px) {
  body.is-cart-page .footer {
    display: block;
  }
}

.footer__content {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 100%;
  max-width: 124rem;
  padding: 8rem 0 2rem;
}
@media (min-width: 1024px) {
  .footer__content {
    padding: 10rem 0 2rem;
  }
}

.footer__slogan {
  order: 0;
  margin: 0 0 8rem;
  min-width: 100%;
  max-width: 32rem;
  line-height: 5.6rem;
  font-size: 4.8rem;
  letter-spacing: -0.048rem;
}
@media (min-width: 1024px) {
  .footer__slogan {
    order: unset;
    flex: 0 1 35%;
    margin: 0 auto 0 0;
    padding: 0 2rem 0 0;
    min-width: unset;
    line-height: 7.2rem;
    font-size: 6.4rem;
    letter-spacing: -0.064rem;
  }
}

.footer__heading {
  margin: 0;
  line-height: 1;
  font-family: GTPressuraMono, system-ui, system-ui;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.05rem;
}

.footer__links {
  order: 2;
  display: flex;
  flex: 1 1 100%;
  margin: 3.2rem 0 0;
  max-width: 50rem;
}
@media (min-width: 768px) {
  .footer__links {
    order: 1;
    flex: 1 1 calc((100% / 3) * 2);
    margin: unset;
  }
}
@media (min-width: 1024px) {
  .footer__links {
    order: unset;
    flex: 0 1 40%;
  }
}

.footer__link-column {
  flex: 1 1 50%;
}

.footer__link-list {
  margin: 3.2rem 0 0;
  padding: 0;
  list-style: none;
}

.footer__link-item + .footer__link-item {
  margin: 1.2rem 0 0;
}

.footer__link {
  line-height: 1;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.05rem;
  text-decoration: none;
}

.footer__side {
  order: 1;
  min-width: 100%;
}
@media (min-width: 768px) {
  .footer__side {
    order: 2;
    flex: 1 1 calc(100% / 3);
    min-width: unset;
  }
}
@media (min-width: 1024px) {
  .footer__side {
    order: unset;
    flex: 0 1 25%;
    max-width: 31.4rem;
    min-width: unset;
  }
}

.footer__disclaimer {
  order: 4;
  margin: 4.8rem 0 0;
  width: 100%;
  max-width: 32.6rem;
  line-height: 2rem;
  font-size: 1.2rem;
  letter-spacing: 0.05rem;
}
@media (min-width: 1024px) {
  .footer__disclaimer {
    order: unset;
    flex: 0 1 25%;
    margin: 0 0 4rem auto;
    width: unset;
    max-width: unset;
  }
}

.footer__logo-wrapper {
  order: 5;
  margin: 4rem 0 2.2rem;
  width: 100%;
}
@media (min-width: 1024px) {
  .footer__logo-wrapper {
    position: relative;
    order: unset;
    margin: unset;
  }
}

.footer__logo {
  display: block;
  height: 5.9rem;
}
@media (min-width: 1024px) {
  .footer__logo {
    position: absolute;
    top: -9.9rem;
    left: 0;
  }
}

.footer__copyright {
  order: 6;
  padding: 2rem 0 0;
  width: 100%;
  line-height: 2rem;
  font-size: 1.2rem;
  letter-spacing: 0.05rem;
  border-top: 0.1rem solid #000;
}
@media (min-width: 1024px) {
  .footer__copyright {
    order: unset;
  }
}

.cart {
  padding: 2.6rem 0 0;
}
@media (min-width: 768px) {
  .cart {
    padding: 9rem 2.4rem;
  }
}

.cart__content,
.cart__empty-content {
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 768px) {
  .cart__content,
.cart__empty-content {
    max-width: 98.4rem;
  }
}

.cart.is-empty > .cart__content {
  display: none;
}

.cart__empty-content {
  display: none;
}

.cart.is-empty > .cart__empty-content {
  display: block;
}

.cart__heading {
  margin: 0;
  padding: 0 2.4rem 2.2rem;
  line-height: 3.2rem;
  font-size: 2.4rem;
  font-weight: 400;
  letter-spacing: 0.1rem;
  border-bottom: 0.1rem solid #000;
}
@media (min-width: 768px) {
  .cart__heading {
    padding: unset;
    line-height: 4rem;
    font-size: 3.2rem;
    letter-spacing: unset;
    border-bottom: unset;
  }
}

.cart__empty-content .cart__heading {
  margin: 0 auto;
  width: 100%;
  max-width: 42rem;
  text-align: center;
}

@media (min-width: 768px) {
  .cart__heading + .cart__form {
    margin: 4.8rem 0 0;
  }
}

.cart__description {
  margin: 2.4rem auto 0;
  width: 100%;
  max-width: 42rem;
}

.cart__description > p {
  margin: 0;
  text-align: center;
}

.cart__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.cart__list > .cart__item:first-child {
  border-top: 0;
}
@media (min-width: 768px) {
  .cart__list > .cart__item:first-child {
    border-top: 0.1rem solid #000;
  }
}

.cart__item {
  position: relative;
  display: flex;
  margin: 0 2.4rem;
  padding: 3.2rem 0 8.8rem;
  border-top: 0.1rem solid #000;
}
@media (min-width: 768px) {
  .cart__item {
    margin: unset;
    padding: 3.6rem 0;
    border-top: 0.1rem solid #000;
  }
}

.cart__item--with-subscription-description {
  padding: 3.2rem 0 18.8rem;
}
@media (min-width: 768px) {
  .cart__item--with-subscription-description {
    padding: 3.6rem 0;
  }
}

.cart__item--upsell {
  padding: 3.2rem 0;
  border-top: 0.1rem dashed #000;
}

.cart__list > .cart__item:last-child {
  border-bottom: unset;
}
@media (min-width: 768px) {
  .cart__list > .cart__item:last-child {
    border-bottom: 0.1rem solid #000;
  }
}

.cart__image-link {
  flex-shrink: 0;
  margin: 0 2rem 0 0;
  width: 8.8rem;
  height: 8.8rem;
  border-radius: 0.8rem;
  overflow: hidden;
  transition: opacity 0.2s ease-in-out;
}
@media (min-width: 768px) {
  .cart__image-link {
    margin: 0 10.2rem 0 0;
    width: 14.8rem;
    height: 14.8rem;
  }
}

.cart__item.is-loading > .cart__image-link {
  opacity: 0.25;
}

.cart__image {
  display: block;
  width: 100%;
  height: 100%;
}

.cart__title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 1 100%;
  transition: opacity 0.2s ease-in-out;
}
@media (min-width: 768px) {
  .cart__title {
    padding: 0 1.6rem 0 0;
  }
}

.cart__item.is-loading > .cart__title {
  opacity: 0.25;
}

.cart__title-main {
  text-decoration: none;
}
@media (min-width: 768px) {
  .cart__title-main {
    padding: 0 4.4rem 0 0;
    line-height: 3.2rem;
    font-size: 2.4rem;
    letter-spacing: 0;
  }
}

.cart__title-secondary {
  padding: 0 6rem 0 0;
  line-height: 2rem;
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  .cart__title-secondary {
    line-height: 2.4rem;
    font-size: 1.6rem;
  }
}

.cart__title-subscription {
  margin: 1.2rem 0 0;
  line-height: 2rem;
  font-family: GTPressuraMono, system-ui, system-ui;
  font-size: 1.4rem;
  letter-spacing: 0.05rem;
}

.cart__subscription-description {
  position: absolute;
  right: 0;
  bottom: 3.2rem;
  left: 0;
  display: block;
  height: 8rem;
}
@media (min-width: 768px) {
  .cart__subscription-description {
    position: relative;
    right: unset;
    bottom: unset;
    left: unset;
    margin: 3.2rem 0 0;
  }
}

.cart__subscription-description .subscription-description {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .cart__subscription-description .subscription-description {
    min-width: 39.8rem;
  }
}
.at-once-description {
    display: block;
    margin-top: 20px;
    width: 100%;
    border-radius: 1rem;
    padding: 2rem;
    background-color: #f8f1ed;
}
  
.cart__title-main + .cart__title-secondary,
.cart__title-secondary + .cart__title-secondary {
  margin: 0.4rem 0 0;
}
@media (min-width: 768px) {
  .cart__title-main + .cart__title-secondary,
.cart__title-secondary + .cart__title-secondary {
    margin: 0.8rem 0 0;
  }
}

.cart__label {
  margin: 1.2rem 0 2.4rem;
  padding: 0 0.8rem;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #fff;
  font-family: GTPressuraMono, system-ui, system-ui;
  font-size: 1.3rem;
  letter-spacing: 0;
  background-color: #000;
  border-radius: 1.2rem;
}

.cart__quantity {
  position: absolute;
  bottom: 3.2rem;
  left: 10.8rem;
  transition: opacity 0.2s ease-in-out;
}
@media (min-width: 768px) {
  .cart__quantity {
    position: unset;
    right: unset;
    bottom: unset;
  }
}

.cart__item--with-subscription-description .cart__quantity {
  bottom: 13.2rem;
}
@media (min-width: 768px) {
  .cart__item--with-subscription-description .cart__quantity {
    bottom: unset;
  }
}

.cart__item.is-loading > .cart__quantity {
  opacity: 0.25;
}

.cart__remove {
  display: none;
}
@media (min-width: 768px) {
  .cart__remove {
    display: inline-block;
    margin: 2.4rem 0 0;
    line-height: 2rem;
    color: rgba(0, 0, 0, 0.4);
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: 0.05rem;
    text-decoration: none;
  }
}

.cart__remove-mobile {
  position: absolute;
  right: 0;
  bottom: 4.2rem;
  display: block;
  width: 2.4rem;
  height: 2.4rem;
}
@media (min-width: 768px) {
  .cart__remove-mobile {
    display: none;
  }
}

.cart__item--with-subscription-description .cart__remove-mobile {
  bottom: 14.2rem;
}

.cart__remove-icon {
  display: block;
  width: 100%;
  height: 100%;
}

.cart__price {
  position: absolute;
  top: 0;
  right: 0;
  margin: 3.2rem 0 0;
  line-height: 2rem;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.05rem;
  text-align: right;
  transition: opacity 0.2s ease-in-out;
}
@media (min-width: 768px) {
  .cart__price {
    position: unset;
    right: unset;
    bottom: unset;
    margin: unset;
    width: 100%;
    max-width: 17.6rem;
    line-height: 2.4rem;
    font-size: 1.6rem;
    letter-spacing: 0.1rem;
  }
}

.cart__item.is-loading > .cart__price {
  opacity: 0.25;
}

.cart__compare-at-price {
  font-weight: 300;
}

.cart__bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 2rem 2.4rem 0;
  height: 17rem;
  background-color: #F1F0EF;
}
@media (min-width: 768px) {
  .cart__bottom {
    position: unset;
    right: unset;
    bottom: unset;
    left: unset;
    margin: 3.2rem 0 0 auto;
    padding: unset;
    width: 100%;
    max-width: 32.4rem;
    height: unset;
    background-color: unset;
  }
}

.cart__bottom::before {
  content: "";
  position: absolute;
  top: -0.1rem;
  right: 0;
  left: 0;
  display: block;
  height: 0.1rem;
  background-color: rgba(0, 0, 0, 0.2);
}
@media (min-width: 768px) {
  .cart__bottom::before {
    display: none;
  }
}

.cart__subtotal-wrapper {
  display: flex;
  justify-content: space-between;
  margin: 0 0 0 auto;
  width: 100%;
  line-height: 2rem;
  font-family: GTPressuraMono, system-ui, system-ui;
  font-size: 1.4rem;
  letter-spacing: 0.05rem;
}
@media (min-width: 768px) {
  .cart__subtotal-wrapper {
    margin: 0;
  }
}

.cart__subtotal {
  font-family: HafferXH, system-ui, system-ui;
  font-weight: 500;
}

.cart__submit {
  margin: 2rem 0 0;
}
@media (min-width: 768px) {
  .cart__submit {
    margin: 4.8rem 0 0;
  }
}

.cart__disclaimer {
  display: block;
  margin: 1.6rem 0 0;
  line-height: 2rem;
  font-size: 1.2rem;
  text-align: center;
}

.cart__item-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}

.cart__item.is-loading > .cart__item-loader {
  opacity: 1;
  visibility: visible;
}

.cart__price .product-details__small-text {
  text-align: right;
}

.mini-cart {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 300;
  background-color: rgba(255, 255, 255, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}
@media (min-width: 480px) {
  .mini-cart {
    -webkit-backdrop-filter: blur(2rem);
    backdrop-filter: blur(2rem);
  }
}

body.is-mini-cart-active .mini-cart {
  opacity: 1;
  visibility: visible;
}

.mini-cart__wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  background-color: #fff;
}

.mini-cart__content #rcsms-cart-widget {
  padding: 0px 20px;
}

@media (min-width: 480px) {
  .mini-cart__wrapper {
    margin: 0 0 0 auto;
    max-width: 44rem;
    box-shadow: 0 1.2rem 4rem rgba(0, 0, 0, 0.1);
  }
}

.mini-cart__wrapper::after {
  content: "";
  display: block;
  width: 100%;
  min-height: 17rem;
}

.mini-cart__content {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

.mini-cart__top {
  display: flex;
  align-items: center;
  padding: 2.8rem 2.4rem 1.8rem;
  min-height: 7rem;
}
@media (min-width: 768px) {
  .mini-cart__top {
    padding: 4.8rem 4.2rem 1.4rem;
    min-height: 9.6rem;
  }
}

.mini-cart__heading {
  margin: 0;
  line-height: 1;
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: 0.05rem;
}
@media (min-width: 768px) {
  .mini-cart__heading {
    font-size: 2.4rem;
    letter-spacing: 0;
  }
}

.mini-cart.is-empty .mini-cart__heading {
  display: none;
}

.mini-cart__heading--empty {
  display: none;
}

.mini-cart.is-empty .mini-cart__heading--empty {
  display: block;
}

.mini-cart__close {
  display: block;
  margin: 0 1.6rem 0 0;
  padding: 0;
  width: 2.4rem;
  height: 2.4rem;
  background: transparent;
  border: none;
  appearance: none;
  outline: none;
  cursor: pointer;
}

.mini-cart__close-icon {
  display: block;
  width: 100%;
  height: 100%;
}

.mini-cart__empty {
  display: none;
}

.mini-cart__empty > p {
  margin: 0;
}

.mini-cart.is-empty .mini-cart__empty {
  display: block;
  margin: 3.2rem auto 0;
  padding: 0 2.4rem;
  text-align: center;
}

.mini-cart__list {
  margin: 0;
  padding: 0 2.4rem;
  border-bottom: 0.1rem solid #000;
  list-style: none;
}
@media (min-width: 768px) {
  .mini-cart__list {
    padding: 0 4.2rem;
    border-bottom: 0;
  }
}

.mini-cart.is-empty .mini-cart__list {
  display: none;
}

.mini-cart__item {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: 3.2rem 0;
}

.mini-cart__item + .mini-cart__item {
  border-top: 0.1rem solid rgba(0, 0, 0, 0.2);
}

.mini-cart__item.mini-cart__item--upsell {
  padding: 3.2rem 0;
}
@media (min-width: 768px) {
  .mini-cart__item.mini-cart__item--upsell {
    margin: unset;
    width: unset;
  }
}

.mini-cart__image-link {
  flex-shrink: 0;
  margin: 0 2rem 0 0;
  width: 8.8rem;
  height: 8.8rem;
  border-radius: 0.8rem;
  overflow: hidden;
  transition: opacity 0.2s ease-in-out;
}

.mini-cart__item.is-loading > .mini-cart__image-link {
  opacity: 0.25;
}

.mini-cart__image {
  display: block;
  width: 100%;
  height: 100%;
}

.mini-cart__main {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  flex: 1 1 calc(100% - 10.8rem);
}

.mini-cart__title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 1 100%;
  transition: opacity 0.2s ease-in-out;
}

.mini-cart__item.is-loading .mini-cart__title {
  opacity: 0.25;
}

.mini-cart__title-main {
  padding: 0 6.8rem 0 0;
  font-weight: 500;
  text-decoration: none;
}

.mini-cart__title-secondary {
  padding: 0 6.8rem 0 0;
  line-height: 1;
  font-size: 1.4rem;
}

.mini-cart__title-subscription {
  margin: 1.2rem 0 0;
  line-height: 2rem;
  font-family: GTPressuraMono, system-ui, system-ui;
  font-size: 1.4rem;
  letter-spacing: 0.05rem;
}

.mini-cart__label {
  margin: 1.2rem 0 0;
  padding: 0 0.8rem;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #fff;
  font-family: GTPressuraMono, system-ui, system-ui;
  font-size: 1.3rem;
  letter-spacing: 0;
  background-color: #000;
  border-radius: 1.2rem;
}

.mini-cart__quantity {
  margin: 2.4rem auto 0;
  flex: 1 1 50%;
  transition: opacity 0.2s ease-in-out;
}

.mini-cart__item.is-loading .mini-cart__quantity {
  opacity: 0.25;
}

.mini-cart__remove {
  display: block;
  margin: 0 0 1rem;
  width: 2.4rem;
  height: 2.4rem;
  transition: opacity 0.2s ease-in-out;
}

.mini-cart__item.is-loading .mini-cart__remove {
  opacity: 0.25;
}

.mini-cart__price {
  position: absolute;
  right: 2.4rem;
  top: 3.6rem;
  right: 0;
  line-height: 1;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.05rem;
  text-align: right;
  transition: opacity 0.2s ease-in-out;
}

.mini-cart__item.is-loading .mini-cart__price {
  opacity: 0.25;
}

.mini-cart__compare-at-price {
  font-weight: 300;
}

.mini-cart__item-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}

.mini-cart__item.is-loading > .mini-cart__item-loader {
  opacity: 1;
  visibility: visible;
}

.mini-cart__bottom {
  position: fixed;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 2rem 3.2rem;
  height: 17rem;
  background-color: #F1F0EF;
}
@media (min-width: 480px) {
  .mini-cart__bottom {
    left: unset;
    width: 44rem;
  }
}

.mini-cart__bottom::before {
  content: "";
  position: absolute;
  top: -0.1rem;
  right: 0;
  left: 0;
  display: block;
  height: 0.1rem;
  background-color: rgba(0, 0, 0, 0.2);
}

.mini-cart.is-empty .mini-cart__bottom {
  display: none;
}

.mini-cart__subtotal-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  line-height: 1;
  color: #000;
  font-size: 1.4rem;
  letter-spacing: 0;
}

.mini-cart__subtotal {
  font-family: GTPressuraMono, system-ui, system-ui;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0;
}

.mini-cart__submit {
  margin: 1.6rem 0 0;
}

.mini-cart__disclaimer {
  display: block;
  margin: 1.2rem auto 0;
  line-height: 2rem;
  font-size: 1.2rem;
  text-align: center;
}

.mini-cart__subscription-description {
  margin: 2.4rem 0 0;
  transition: opacity 0.2s ease-in-out;
}

.mini-cart__item.is-loading .mini-cart__subscription-description {
  opacity: 0.25;
}

.mini-cart__price .product-details__small-text {
  margin-top: 2px;
  background: #FAF1ED;
  border-radius: 6px;
  padding: 1px 5px;
}

.cart-upsell {
  width: 100%;
}
@media (min-width: 768px) {
  .cart-upsell {
    padding: unset;
  }
}

@media (min-width: 768px) {
  .cart-upsell--alt {
    display: flex;
  }
}

.cart-upsell__heading {
  margin: 0 auto;
  font-weight: 400;
  text-align: center;
}

.cart-upsell--alt .cart-upsell__heading {
  line-height: 2.8rem;
  font-size: 2rem;
  letter-spacing: 0.05rem;
}
@media (min-width: 768px) {
  .cart-upsell--alt .cart-upsell__heading {
    margin: 0 auto 0 0;
    width: 14.8rem;
    line-height: 3.2rem;
    font-size: 2.4rem;
    letter-spacing: 0;
    text-align: left;
  }
}

.cart-upsell__list {
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
}

.cart-upsell--alt .cart-upsell__list {
  max-width: 73.5rem;
}
@media (min-width: 768px) {
  .cart-upsell--alt .cart-upsell__list {
    display: flex;
  }
}

.cart-upsell__heading + .cart-upsell__list {
  margin: 2.4rem auto 0;
}

@media (min-width: 768px) {
  .cart-upsell--alt .cart-upsell__heading + .cart-upsell__list {
    margin: 0;
  }
}

.cart-upsell__item {
  display: flex;
  align-items: center;
  padding: 2.2rem 2.4rem 2.2rem 3.2rem;
  border: 0.1rem solid #000;
  border-radius: 1rem;
}

@media (min-width: 768px) {
  .cart-upsell--alt .cart-upsell__item {
    padding: 2.2rem 2rem;
  }
}

.cart-upsell__item + .cart-upsell__item {
  margin: 1.6rem 0 0;
}

@media (min-width: 768px) {
  .cart-upsell--alt .cart-upsell__item + .cart-upsell__item {
    margin: 0 0 0 2rem;
  }
}

.cart-upsell__image-wrapper {
  flex: 0 0 auto;
  margin: 0 3.2rem 0 0;
  width: 2.4rem;
}

@media (min-width: 768px) {
  .cart-upsell--alt .cart-upsell__image-wrapper {
    margin: 0 2.4rem 0 0;
  }
}

.cart-upsell__image {
  display: block;
  width: 100%;
  height: auto;
}

.cart-upsell__main {
  margin: 0 1.6rem 0 0;
}

.cart-upsell__title {
  font-weight: 500;
  text-decoration: none;
}

.cart-upsell__description {
  margin: 0;
  width: 100%;
  max-width: 12rem;
  line-height: 2rem;
  font-size: 1.4rem;
}

.button.cart-upsell__cta {
  flex: 0 0 auto;
  margin: 0 0 0 auto;
  width: 10rem;
}

.quantity-selector {
  position: relative;
  width: 8.2rem;
  height: 4.4rem;
  border: 0.1rem solid #B3DADD;
  border-radius: 11rem;
  transition: border-color 0.2s ease-in-out;
}
@media (min-width: 768px) {
  .quantity-selector {
    width: 19.8rem;
    height: 6.9rem;
  }
}

.quantity-selector--narrow {
  width: 8.2rem;
}

.quantity-selector.is-loading {
  border-color: rgba(0, 0, 0, 0.25);
}

.quantity-selector__trigger {
  position: absolute;
  top: -0.1rem;
  left: -0.1rem;
  margin: 0;
  padding: 0;
  width: 3.4rem;
  height: 4.4rem;
  background: transparent;
  border: none;
  appearance: none;
  cursor: pointer;
  transition: opacity 0.2s ease-in-out;
}
@media (min-width: 768px) {
  .quantity-selector__trigger {
    width: 4.4rem;
    height: 4.4rem;
  }
}

.quantity-selector.is-loading > .quantity-selector__trigger {
  opacity: 0.25;
  pointer-events: none;
  cursor: none;
}

.quantity-selector__trigger::before {
  content: "";
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 0.6rem;
  height: 0.1rem;
  background-color: #B3DADD;
}
@media (min-width: 768px) {
  .quantity-selector__trigger::before {
    width: 1.2rem;
  }
}

@media (min-width: 768px) {
  .mini-cart .quantity-selector__trigger::before {
    width: 0.6rem;
  }
}

.quantity-selector__trigger--add::after {
  content: "";
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 0.1rem;
  height: 0.6rem;
  background-color: #B3DADD;
}
@media (min-width: 768px) {
  .quantity-selector__trigger--add::after {
    height: 1.2rem;
  }
}

@media (min-width: 768px) {
  .mini-cart .quantity-selector__trigger--add::after {
    height: 0.6rem;
  }
}

.quantity-selector__trigger--add {
  right: -0.1rem;
  left: unset;
}

.quantity-selector__value {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 1.4rem;
  letter-spacing: 0.05rem;
  user-select: none;
  transition: opacity 0.2s ease-in-out;
}

.quantity-selector.is-loading > .quantity-selector__value {
  opacity: 0.25;
}

.quantity-selector__loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}

.quantity-selector.is-loading > .quantity-selector__loader {
  opacity: 1;
  visibility: visible;
}

.button {
  position: relative;
  display: block;
  padding: 0 2rem;
  width: 100%;
  height: 6rem;
  line-height: 6rem;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.05rem;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  background-color: #000;
  border: 0.1rem solid #000;
  border-radius: 3rem;
  appearance: none;
  cursor: pointer;
  overflow: hidden;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

.button:active {
  color: #fff;
}

.button.is-disabled {
  opacity: 0.4;
  pointer-events: none;
}

.button--transparent,
.button--transparent:active {
  color: #000;
  background-color: transparent;
}

.button--dark-text,
.button--dark-text:active {
  color: #000;
}

@media (pointer: fine) {
  .button--transparent:hover {
    color: #fff;
    background-color: #000;
  }
}

.button--short {
  height: 5rem;
  line-height: 5rem;
}

@media (min-width: 768px) {
  .button--with-tooltip {
    padding: 0;
    overflow: unset;
  }
}

.button.is-loading {
  cursor: not-allowed;
  pointer-events: none;
}

@media (min-width: 768px) {
  .button--with-tooltip .button__content {
    position: relative;
    padding: 0 2rem;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
}

.button__label {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 2rem;
  text-align: center;
  white-space: nowrap;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}

.button.is-loading .button__label,
.button.is-disabled .button__label {
  transform: translateY(-100%);
  opacity: 0;
  visibility: hidden;
}

.button__loader {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateY(100%);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}

.button.is-loading .button__loader {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.button__label-separator {
  margin: 0 0.8rem;
  flex: 1 1 100%;
  height: 0.1rem;
  background-color: #fff;
}

.button--dark-text .button__label-separator {
  background-color: #000;
}

.button--transparent .button__label-separator {
  background-color: #000;
}

.button__disabled-label {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateY(100%);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 2rem;
  text-align: center;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}

.button.is-disabled .button__disabled-label {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.button__info {
  display: none;
}
@media (min-width: 768px) {
  .button__info {
    position: absolute;
    top: 1.9rem;
    left: 2rem;
    display: block;
    width: 2rem;
    height: 2rem;
  }
}

.button__info-icon {
  display: none;
}
@media (min-width: 768px) {
  .button__info-icon {
    display: block;
    margin: 0 0.8rem 0 0;
    flex: 0 0 auto;
    min-width: 2rem;
    height: 2rem;
  }
}

.button__info-icon circle {
  transition: stroke 0.2s ease-in-out;
}

.button__info-icon path {
  transition: fill 0.2s ease-in-out;
}

.button--transparent:hover .button__info-icon circle {
  stroke: #fff;
}

.button--transparent:hover .button__info-icon path {
  fill: #fff;
}

.button__tooltip {
  display: none;
}
@media (min-width: 768px) {
  .button__tooltip {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%, -100%) translate(1rem, -2.6rem);
    display: block;
    padding: 2rem;
    width: 23.2rem;
    background-color: #F2EFEC;
    border: 0.1rem solid #CCCCCC;
    border-radius: 1rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  }
}

@media (min-width: 768px) {
  .button--with-tooltip-bottom .button__tooltip {
    transform: translate(-50%, 0) translate(1rem, 4.6rem);
  }
}

.button__info:hover .button__tooltip {
  opacity: 1;
  visibility: visible;
}

.button__tooltip-heading {
  position: relative;
  margin: 0;
  color: #000;
  font-family: GTPressuraMono, system-ui, system-ui;
  line-height: 2rem;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.05rem;
  text-align: center;
  white-space: normal;
}

.button__tooltip-heading::after {
  content: "";
  position: absolute;
  bottom: -1.2rem;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 15.2rem;
  height: 0.1rem;
  background-color: rgba(0, 0, 0, 0.2);
}

.button__tooltip-description {
  margin: 0;
  color: #000;
  font-family: GTPressuraMono, system-ui, system-ui;
  line-height: 2rem;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.05rem;
  text-align: center;
  white-space: normal;
}

.button__tooltip-heading + .button__tooltip-description {
  margin: 2.4rem 0 0;
}

.button__tooltip-icon {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%) rotate(45deg);
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background-color: #CCCCCC;
  border-radius: 0 0 0.4rem 0;
}

@media (min-width: 768px) {
  .button--with-tooltip-bottom .button__tooltip-icon {
    top: 0;
    bottom: unset;
    transform: translate(-50%, -50%) rotate(45deg);
    border-radius: 0.4rem 0 0 0;
  }
}

.button__tooltip-icon::before {
  content: "";
  position: absolute;
  right: 0.1rem;
  bottom: 0.1rem;
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background-color: #F2EFEC;
  border-radius: 0 0 0.3rem 0;
}

@media (min-width: 768px) {
  .button--with-tooltip-bottom .button__tooltip-icon::before {
    right: -0.1rem;
    bottom: -0.1rem;
    border-radius: 0.3rem 0 0 0;
  }
}

.button__tooltip-icon::after {
  content: "";
  position: absolute;
  right: -0.4rem;
  bottom: 1rem;
  transform: rotate(-45deg);
  display: block;
  width: 4rem;
  height: 1rem;
  background-color: #F2EFEC;
}

@media (min-width: 768px) {
  .button--with-tooltip-bottom .button__tooltip-icon::after {
    right: -1.1rem;
    bottom: 0.3rem;
  }
}

.homepage-subscribe {
  margin-bottom: 15px;
}
/*
.Moonlight .homepage-subscribe,
.Sunbeam .homepage-subscribe {
  margin-top: 20px;
}
*/
.loader {
  display: block;
  width: 2rem;
  height: 2rem;
  border-top: 0.3rem solid rgba(0, 0, 0, 0.2);
  border-right: 0.3rem solid rgba(0, 0, 0, 0.2);
  border-bottom: 0.3rem solid rgba(0, 0, 0, 0.2);
  border-left: 0.3rem solid #000;
  border-radius: 50%;
  animation: loader 0.5s infinite linear;
}

@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loader--light {
  border-top: 0.3rem solid rgba(255, 255, 255, 0.2);
  border-right: 0.3rem solid rgba(255, 255, 255, 0.2);
  border-bottom: 0.3rem solid rgba(255, 255, 255, 0.2);
  border-left: 0.3rem solid #fff;
}

.home-travelling-pill {
  position: relative;
}

.home-travelling-pill__content {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 184rem;
  pointer-events: none;
}
@media (min-width: 419px) {
  .home-travelling-pill__content { 
    height: 143rem;
  }
}
@media (min-width: 623px) {
  .home-travelling-pill__content {
    height: 123rem;
  }
}
@media (min-width: 768px) {
  .home-travelling-pill__content {
    height: 125rem;
  }
}
@media (min-width: 1024px) {
  .home-travelling-pill__content {
    height: 137rem;
  }
}
@media (min-width: 1280px) {
  .home-travelling-pill__content {
    height: 140.8rem;
  }
}

.home-travelling-pill__pill {
  position: sticky;
  top: 24.6rem;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 8.4rem;
  height: auto;
  z-index: 99;
}
@media (min-width: 768px) {
  .home-travelling-pill__pill {
    top: 26.6rem;
  }
}
@media (min-width: 1024px) {
  .home-travelling-pill__pill {
    top: 35rem;
  }
}
@media (min-width: 1280px) {
  .home-travelling-pill__pill {
    top: 26rem;
    width: 15rem;
  }
}

.is-announcement-bar-active .home-travelling-pill__pill {
  top: calc(24.6rem + 2.4rem);
}
@media (min-width: 768px) {
  .is-announcement-bar-active .home-travelling-pill__pill {
    top: calc(26.6rem + 2.4rem);
  }
}
@media (min-width: 1024px) {
  .is-announcement-bar-active .home-travelling-pill__pill {
    top: calc(35rem + 2.4rem);
  }
}
@media (min-width: 1280px) {
  .is-announcement-bar-active .home-travelling-pill__pill {
    top: calc(26rem + 2.4rem);
  }
}

.home-travelling-pill__pill-position-reference {
  display: none;
  top: 24.6rem;
}
@media (min-width: 768px) {
  .home-travelling-pill__pill-position-reference {
    top: 26.6rem;
  }
}
@media (min-width: 1024px) {
  .home-travelling-pill__pill-position-reference {
    top: 35rem;
  }
}
@media (min-width: 1280px) {
  .home-travelling-pill__pill-position-reference {
    top: 26rem;
  }
}

.home-top {
  width: 100%;
  height: 64.5rem;
  background-color: #B3DADD;
  background-position: center;
  background-size: cover;
}
@media (min-width: 1024px) {
  .home-top {
    height: 79rem;
  }
}

.home-top__heading {
  margin: 0;
  display: flex;
  flex-direction: column;
  padding: 0 2.4rem;
  height: 100%;
  line-height: 5.6rem;
  color: #000;
  font-size: 4.8rem;
  font-weight: 400;
  letter-spacing: -0.048rem;
}
@media (min-width: 1024px) {
  .home-top__heading {
    flex-direction: row;
    align-items: center;
    padding: 0 0 5.8rem;
    line-height: 7.2rem;
    font-size: 5.4rem;
    letter-spacing: -0.054rem;
  }
}

.home-top__first-part {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: 0 0 15.6rem;
  height: 50%;
  text-align: center;
}
@media (min-width: 1024px) {
  .home-top__first-part {
    display: block;
    justify-content: unset;
    align-items: unset;
    padding: 0 9.5rem 0 0;
    width: 50%;
    height: unset;
    text-align: right;
  }
}
@media (min-width: 1280px) {
  .home-top__first-part {
    padding: 0 13.5rem 0 0;
  }
}

.home-top__second-part {
  display: flex;
  justify-content: center;
  padding: 10rem 0 0;
  height: 50%;
  text-align: center;
}
@media (min-width: 1024px) {
  .home-top__second-part {
    display: block;
    justify-content: unset;
    align-items: unset;
    padding: 0 0 0 9.5rem;
    width: 50%;
    height: unset;
    text-align: left;
  }
}
@media (min-width: 1280px) {
  .home-top__second-part {
    padding: 0 0 0 13.5rem;
  }
}

.home-split {
  display: flex;
  flex-direction: column;
  height: 80.6rem;
  background-color: #E9DBD1;
}
@media (min-width: 480px) {
  .home-split {
    height: 110rem;
  }
}
@media (min-width: 768px) {
  .home-split {
    display: grid;
    height: 80rem;
  }
}

.home-split__image {
  display: none;
  order: 1;
  object-position: center;
  object-fit: cover;
  width: 100%;
  height: 33rem;
}
@media (min-width: 300px) {
  .home-split__image {
    display: block;
    height: 62rem;
  }
}
@media (min-width: 768px) {
  .home-split__image {
    display: block;
    order: unset;
    grid-row-start: 1;
    grid-column-start: 1;
    width: 100%;
    height: 100%;
    max-height: 80rem;
  }
}

.home-split__image--mobile {
  display: block;
}
@media (min-width: 480px) {
  .home-split__image--mobile {
    display: none;
  }
}

.home-split__content-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  order: 0;
  margin: 0 auto;
  width: 100%;
  min-height: 48rem;
  max-width: 144rem;
}
@media (min-width: 768px) {
  .home-split__content-wrapper {
    justify-content: flex-end;
    order: unset;
    grid-row-start: 1;
    grid-column-start: 1;
    height: 100%;
  }
}

.home-split__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 2.4rem;
}
@media (min-width: 768px) {
  .home-split__content {
    padding: 2.4rem;
    width: 50%;
  }
}

.home-split__heading {
  margin: -3.2rem 0 0;
  width: 100%;
  max-width: 32rem;
  line-height: 4rem;
  font-size: 3.2rem;
  font-weight: 400;
  letter-spacing: 0.032rem;
  text-align: center;
}
@media (min-width: 768px) {
  .home-split__heading {
    margin: 12rem 0 0;
    margin: 13.2rem 0 0;
  }
}
@media (min-width: 1024px) {
  .home-split__heading {
    line-height: 5.2rem;
    font-size: 4.8rem;
    max-width: 46.2rem;
    letter-spacing: 0.024rem;
  }
}

.home-split__badge {
  display: block;
  width: 16rem;
  height: auto;
}

.home-split__heading + .home-split__badge {
  margin: 6rem 0 0;
}
@media (min-width: 1024px) {
  .home-split__heading + .home-split__badge {
    margin: 4.8rem 0 0;
  }
}

.home-newsletter {
  padding: 8rem 2.4rem 6.8rem;
  background-color: #E9DBD1;
}
@media (min-width: 768px) {
  .home-newsletter {
    padding: 9.2rem 2.4rem 8.6rem;
  }
}

.home-newsletter__heading {
  margin: 0 auto;
  width: 100%;
  max-width: 32.8rem;
  line-height: 3.2rem;
  font-size: 2.4rem;
  font-weight: 400;
  letter-spacing: 0.012rem;
  text-align: center;
}
@media (min-width: 768px) {
  .home-newsletter__heading {
    max-width: 81.2rem;
    line-height: 4rem;
    font-size: 3.2rem;
    letter-spacing: unset;
  }
}

.home-newsletter__cta {
  max-width: 28.8rem;
}
@media (min-width: 768px) {
  .home-newsletter__cta {
    max-width: 23.4rem;
  }
}

.home-newsletter__heading + .home-newsletter__cta {
  margin: 4rem auto 0;
}

.home-products {
  padding: 8rem 2.4rem;
  background-color: #F1F0EF;
}
@media (min-width: 768px) {
  .home-products {
    padding: 12rem 2.4rem;
  }
}

.home-products__heading {
  margin: 0 auto;
  width: 100%;
  max-width: 80rem;
  line-height: 4rem;
  font-size: 3.2rem;
  font-weight: 400;
  letter-spacing: 0.024rem;
  text-align: center;
}
@media (min-width: 768px) {
  .home-products__heading {
    line-height: 5.2rem;
    font-size: 4.8rem;
  }
}

.home-products__description {
  margin: 0 auto;
  width: 100%;
  max-width: 48.2rem;
  letter-spacing: 0.008rem;
  text-align: center;
}

.home-products__heading + .home-products__description {
  margin: 2.4rem auto 0;
}

.home-products__list {
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
@media (min-width: 1024px) {
  .home-products__list {
    display: flex;
    justify-content: center;
  }
}

.home-products__heading + .home-products__list,
.home-products__description + .home-products__list {
  margin: 4.8rem auto 0;
}

.home-products__item {
  margin: 0 auto;
  width: 100%;
  max-width: 31.5rem;
}
@media (min-width: 1024px) {
  .home-products__item {
    margin: unset;
  }
}

.home-products__item + .home-products__item {
  margin: 2.4rem auto 0;
}
@media (min-width: 1024px) {
  .home-products__item + .home-products__item {
    margin: 0 0 0 2rem;
  }
}

.home-products__item.home-products-tile {
  overflow: visible;
}

.home-products-tile {
  display: flex;
  flex-direction: column;
  border-radius: 1rem;
  overflow: hidden;
  cursor: pointer;
}

.home-products-tile__decoration {
  position: relative;
  width: 100%;
  height: 22rem;
}

.home-products-tile__background-image {
  display: block;
  object-position: center;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.home-products-tile__pill-image {
  position: absolute;
  left: 50%;
  bottom: -8.6rem;
  transform: translateX(-50%);
  display: block;
  width: 8.4rem;
  height: auto;
}

.home-products-tile__content {
  display: flex;
  flex-direction: column;
  flex: 1 1 100%;
  padding: 9.4rem 2rem 2rem;
  background-color: #fff;
  justify-content: space-between;
}

button#product-ingredients-think-fast-trigger.key-ingredients__button.is-active {
    background: #664c3b;
    border-color: #664c3b;
    color: #ffffff;
}
#product-ingredients-think-fast-cta {
    background-color: #664c3b !important;
    border-color: #664c3b !important;
    color:#ffffff;
}

@media (min-width: 768px) {
  .home-products-tile__content {
    padding: 11rem 2rem 2.4rem;
  }
}

.home-products-tile__title {
  margin: 0;
  line-height: 2.8rem;
  font-size: 2rem;
  font-weight: 500;
}
@media (min-width: 768px) {
  .home-products-tile__title {
    line-height: 3.2rem;
    font-size: 2.4rem;
  }
}

.home-products-tile__description {
  margin: 0;
  letter-spacing: 0.008rem;
}

.home-products-tile__title + .home-products-tile__description {
  margin: 0.4rem 0 0;
}

.home-products-tile__ingredients {
  line-height: 2rem;
  font-size: 1.4rem;
  letter-spacing: 0.007rem;
}

.home-products-tile__title + .home-products-tile__ingredients,
.home-products-tile__description + .home-products-tile__ingredients {
  margin: 2rem 0 0;
}
@media (min-width: 768px) {
  .home-products-tile__title + .home-products-tile__ingredients,
.home-products-tile__description + .home-products-tile__ingredients {
    margin: 2rem 0 0;
  }
}

.home-products-tile__ingredients-heading {
  display: inline;
  margin: 0;
}

.home-products-tile__ingredients-list {
  display: inline;
  margin: 0;
}

.home-products-tile__spacer {
  height: 2.4rem;
}
@media (min-width: 768px) {
  .home-products-tile__spacer {
    height: 4rem;
  }
}

.home-products-tile__cta {
  margin: auto 0 0;
}

.home-collection {
  padding: 14rem 0 8rem;
}
@media (min-width: 1024px) {
  .home-collection {
    padding: 8rem 0 12rem;
    overflow: hidden;
  }
}

.home-collection__content {
  margin: -2rem 0 0;
}

.home-collection__image {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto;
}
@media (min-width: 1024px) {
  .home-collection__image {
    object-position: center;
    object-fit: contain;
    max-width: 144rem;
    height: 66rem;
  }
}

@media (min-width: 1024px) {
  .home-collection__image-description {
    margin: -6rem 0 0;
  }
}

.home-collection__list {
  margin: 0 auto;
  padding: 0 2rem;
  width: 100%;
  max-width: 102.5rem;
  list-style: none;
}
@media (min-width: 1024px) {
  .home-collection__list {
    display: flex;
    justify-content: space-between;
  }
}

.home-collection__item {
  text-align: center;
}
@media (min-width: 1024px) {
  .home-collection__item {
    width: calc((100% - 4rem) / 3);
  }
}

.home-collection__heading {
  margin: 0;
  line-height: 3.2rem;
  font-size: 2.4rem;
  font-weight: 400;
}

.home-collection__description {
  display: none;
}
@media (min-width: 1024px) {
  .home-collection__description {
    display: block;
    margin: 0;
  }
}

.home-collection__heading + .home-collection__description {
  margin: 1.2rem 0 0;
}

.home-collection__cta {
  margin: 4rem auto 0;
  max-width: 23.4rem;
}

.home-highlights {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2.4rem;
  min-height: 90.5rem;
  background-position: center;
  background-size: cover;
}
@media (min-width: 768px) {
  .home-highlights {
    min-height: 74.6rem;
  }
}

.home-highlights__heading {
  margin: 0 auto;
  width: 100%;
  max-width: 26rem;
  line-height: 4rem;
  color: #fff;
  font-size: 3.2rem;
  font-weight: 400;
  letter-spacing: 0.016rem;
  text-align: center;
}
@media (min-width: 768px) {
  .home-highlights__heading {
    max-width: 62.4rem;
    line-height: 5.2rem;
    font-size: 4.8rem;
    letter-spacing: unset;
  }
}

.home-highlights__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 2.4rem;
  width: 100%;
  max-width: 98.5rem;
  min-height: 33.2rem;
  background-color: rgba(255, 255, 255, 0.95);
  border-radius: 1rem;
}

.home-highlights__heading + .home-highlights__content {
  margin: 8rem auto 0;
}

.home-highlights__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 4rem 0 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .home-highlights__list {
    flex-wrap: unset;
    justify-content: unset;
  }
}

.home-highlights__item {
  margin: 0 0 4.8rem;
  width: calc((100% - 2rem) / 2);
}
@media (min-width: 768px) {
  .home-highlights__item {
    flex: 1 1 25%;
    margin: unset;
    width: unset;
  }
}

@media (min-width: 768px) {
  .home-highlights__item + .home-highlights__item {
    margin: 0 0 0 2rem;
  }
}

.home-highlights__icon {
  display: block;
  margin: 0 auto;
  width: 4rem;
  height: 4rem;
}

.home-highlights__description {
  margin: 0 auto;
  width: 100%;
  max-width: 22rem;
  line-height: 2rem;
  font-size: 1.4rem;
  letter-spacing: 0.07rem;
  text-align: center;
}
@media (min-width: 768px) {
  .home-highlights__description {
    line-height: 2.4rem;
    font-size: 1.6rem;
    letter-spacing: 0.08rem;
  }
}

.home-highlights__icon + .home-highlights__description {
  margin: 2.4rem auto 0;
}

.home-highlights__cta {
  max-width: 28.6rem;
}
@media (min-width: 768px) {
  .home-highlights__cta {
    max-width: 23.4rem;
  }
}

.home-highlights__list + .home-highlights__cta {
  margin: 1.2rem auto 0;
}
@media (min-width: 768px) {
  .home-highlights__list + .home-highlights__cta {
    margin: 4rem auto 0;
  }
}

.home-images {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44.2rem;
  overflow: hidden;
}
@media (min-width: 768px) {
  .home-images {
    height: 60.8rem;
  }
}

@keyframes horizontalScroll {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(calc(var(--home-images-count) * 42.8rem));
  }
}
@keyframes horizontalScrollMobile {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(calc(var(--home-images-count) * 31rem));
  }
}
.home-images__list {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  animation: horizontalScrollMobile 48s infinite linear;
}
@media (min-width: 768px) {
  .home-images__list {
    animation: horizontalScroll 48s infinite linear;
  }
}

.home-images__item {
  flex-shrink: 0;
  width: 31rem;
  height: 44.2rem;
}
@media (min-width: 768px) {
  .home-images__item {
    width: 42.8rem;
    height: 60.8rem;
  }
}

.home-images__image {
  object-position: center;
  object-fit: cover;
  display: block;
  width: 100%;
  height: 100%;
}

.home-images__heading {
  position: relative;
  margin: 0 auto;
  padding: 0 2.4rem;
  width: 100%;
  max-width: 32.8rem;
  line-height: 5.6rem;
  color: #fff;
  font-size: 4.8rem;
  font-weight: 400;
  letter-spacing: -0.048rem;
  text-align: center;
  z-index: 5;
}
@media (min-width: 768px) {
  .home-images__heading {
    max-width: unset;
    line-height: 7.2rem;
    font-size: 6.4rem;
    letter-spacing: -0.064rem;
  }
}

.home-science-products {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 32.8rem;
}
@media (min-width: 768px) {
  .home-science-products {
    max-width: 50rem;
  }
}

.home-science-products__item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.home-science-products__image {
  display: block;
  width: 1.6rem;
  height: auto;
}
@media (min-width: 768px) {
  .home-science-products__image {
    width: 3.8rem;
  }
}

.home-science-products__name {
  margin: 1rem auto 0.4rem;
  line-height: 2rem;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.05rem;
}
@media (min-width: 768px) {
  .home-science-products__name {
    margin: 1.6rem auto 0.4rem;
    font-size: 1.4rem;
  }
}

.home-science-products__line-dashed {
  display: flex;
  margin: 0.4rem auto 0;
  width: 0.1rem;
  height: auto;
}
@media (min-width: 768px) {
  .home-science-products__line-dashed {
    width: 0.2rem;
  }
}

.home-science-products__label {
  position: relative;
  display: block;
  margin: -0.4rem auto 0;
  padding: 0 1.2rem;
  height: 3.2rem;
  line-height: 3.2rem;
  font-size: 1.4rem;
  letter-spacing: 0.05rem;
  border-radius: 1.6rem;
}

.home-science-products__line-arrow {
  display: block;
  margin: -0.2rem auto 0;
  width: auto;
  height: 6rem;
}
@media (min-width: 768px) {
  .home-science-products__line-arrow {
    height: 9rem;
  }
}

.home-science {
  padding: 8rem 0;
}
@media (min-width: 1024px) {
  .home-science {
    padding: 16.5rem 0;
  }
}

.home-science__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  padding: 0 2.4rem;
  width: 100%;
  max-width: calc(115.6rem + (2 * 2.4rem));
}
@media (min-width: 1024px) {
  .home-science__content {
    display: flex;
    flex-direction: row;
    align-items: unset;
  }
}

.home-science__main {
  width: 100%;
  max-width: 32.8rem;
}
@media (min-width: 768px) {
  .home-science__main {
    max-width: 40rem;
  }
}

.home-science__heading {
  margin: 0;
  line-height: 4rem;
  font-size: 3.2rem;
  font-weight: 400;
  letter-spacing: 0.016rem;
}
@media (min-width: 768px) {
  .home-science__heading {
    line-height: 5.2rem;
    font-size: 4.8rem;
    letter-spacing: unset;
  }
}

.home-science__description {
  margin: 0;
  letter-spacing: 0.08rem;
}

.home-science__heading + .home-science__description {
  margin: 2.4rem 0 0;
}

.home-science__heading + .home-science__cta,
.home-science__description + .home-science__cta {
  margin: 2.4rem 0 0;
}

.home-science__main + .home-science__products {
  margin: 4.8rem 0 0;
}
@media (min-width: 1024px) {
  .home-science__main + .home-science__products {
    margin: 0 0 0 6.8rem;
  }
}
@media (min-width: 1280px) {
  .home-science__main + .home-science__products {
    margin: 0 0 0 13.4rem;
  }
}

.home-science__illustration {
  position: relative;
  margin: 4rem 0 0;
}
@media (min-width: 1024px) {
  .home-science__illustration {
    margin: 4rem 0 0;
  }
}

.home-science__graph {
  display: none;
  margin: 0 auto;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .home-science__graph {
    display: block;
    max-width: 115rem;
  }
}

.home-science__graph--mobile {
  display: block;
}
@media (min-width: 768px) {
  .home-science__graph--mobile {
    display: none;
  }
}

.home-science__label-wrapper {
  display: flex;
  align-items: center;
  margin: 2.4rem auto 0;
  width: 100%;
  max-width: 126rem;
}
@media (min-width: 768px) {
  .home-science__label-wrapper {
    margin: 1.6rem auto 0;
  }
}

.home-science__label {
  display: inline-flex;
  align-items: center;
  margin: 0 1rem 0 2.4rem;
  line-height: 1;
  font-family: GTPressuraMono, system-ui, system-ui;
  font-size: 1.4rem;
  letter-spacing: 0.05rem;
  white-space: nowrap;
}

.home-science__label--center {
  display: none;
}
@media (min-width: 768px) {
  .home-science__label--center {
    display: block;
    margin: 0 2.4rem;
  }
}

.home-science__label--right {
  margin: 0 2.4rem 0 1rem;
}

.home-science__icon {
  display: block;
  margin: 0 1.2rem 0 0;
  width: 2rem;
  height: 2rem;
}

.home-science__separator {
  flex: 1 1 100%;
  height: 0.1rem;
  background-color: #000;
}

.button-alt {
  display: inline-flex;
  height: 2rem;
  line-height: 2rem;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.05rem;
  text-decoration: none;
  white-space: nowrap;
}

.button-alt__icon {
  display: inline-block;
  margin: 0 0 0 1rem;
  width: 2rem;
  height: 2rem;
}

.button-alt__icon > circle {
  fill: transparent;
  transition: fill 0.2s ease-in-out;
}

.button-alt:hover > .button-alt__icon > path {
  fill: #fff;
}

.button-alt:hover > .button-alt__icon > circle {
  fill: #000;
}

.not-found {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1 1 100%;
  padding: 8rem 2.4rem;
}

.not-found--with-background-image {
  background-position: center;
  background-size: cover;
}

.not-found--with-overlay {
  position: relative;
}

.not-found--with-overlay::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
}

.not-found__heading {
  margin: 0 auto;
  width: 100%;
  max-width: 32.6rem;
  line-height: 5.6rem;
  font-size: 4.8rem;
  font-weight: 400;
  letter-spacing: -0.01em;
  text-align: center;
}
@media (min-width: 768px) {
  .not-found__heading {
    max-width: 39.8rem;
    line-height: 7.2rem;
    font-size: 6.4rem;
  }
}

.not-found--with-overlay > .not-found__heading {
  position: relative;
}

.not-found__description {
  margin: 0 auto;
  width: 100%;
  max-width: 32.6rem;
  text-align: center;
}
@media (min-width: 768px) {
  .not-found__description {
    max-width: 39.8rem;
  }
}

.not-found__description > p {
  margin: 0;
}

.not-found--with-overlay > .not-found__description {
  position: relative;
}

.not-found__heading + .not-found__description {
  margin: 2.4rem auto 0;
}

.not-found--with-light-text > .not-found__heading,
.not-found--with-light-text > .not-found__description,
.not-found--with-light-text > .not-found__description > p > a {
  color: #fff;
}

.product-images {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.product-images::before {
  content: "";
  display: block;
  padding: 125.3% 0 0;
  width: 100%;
}
@media (min-width: 768px) {
  .product-images::before {
    padding: 129.4% 0 0;
  }
}

.product-images__list {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}

.product-images__item {
  flex: 0 0 100%;
  height: 100%;
}

.product-images__image {
  object-position: center;
  object-fit: cover;
  display: block;
  width: 100%;
  height: 100%;
}

.product-images__trigger {
  position: absolute;
  top: 50%;
  right: 2.4rem;
  z-index: 5;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  width: 4rem;
  height: 4rem;
  background-color: #fff;
  border: none;
  border-radius: 50%;
  box-shadow: 0 1.2rem 4rem rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}

.product-images__trigger.is-active {
  opacity: 1;
  visibility: visible;
}

.product-images__trigger--previous {
  right: unset;
  left: 2.4rem;
}

.product-images__trigger-icon--previous {
  transform: scaleX(-1);
}

.product-images__scrollbar.swiper-scrollbar {
  bottom: 3rem;
  left: 2.4rem;
  width: calc(100% - 4.8rem);
  height: 0.1rem;
  background-color: #fff;
}
@media (min-width: 1024px) {
  .product-images__scrollbar.swiper-scrollbar {
    bottom: 6.8rem;
    left: 6.2rem;
    width: calc(100% - 12.4rem);
  }
}

.product-images__scrollbar > .swiper-scrollbar-drag {
  top: -0.1rem;
  height: 0.3rem;
  background-color: #fff;
  border-radius: 0.2rem;
  cursor: pointer;
}

.product-details {
  padding: 6rem 2.4rem 9.6rem;
}
@media (min-width: 768px) {
  .product-details {
    padding: 6rem 2.4rem;
  }
}
@media (min-width: 1024px) {
  .product-details {
    padding: 6.4rem 0 6.4rem 9.4rem;
  }
}

.product-details__content {
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
}
@media (min-width: 768px) {
  .product-details__content {
    margin: unset;
  }
}

.product-details__label {
  display: inline-block;
  margin: 0 0 1.2rem 0;
  padding: 0 1.2rem;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #fff;
  font-family: GTPressuraMono, system-ui, system-ui;
  font-size: 1.3rem;
  letter-spacing: 0;
  background-color: #000;
  border-radius: 1.2rem;
}

.product-details__title {
  display: flex;
  justify-content: space-between;
}

.product-details__heading {
  margin: 0 1.6rem 0 0;
  line-height: 4rem;
  font-size: 3.2rem;
  font-weight: 400;
}

.product-details__heading br{
  display: none;
}

@media (min-width: 1024px) {
  .product-details__heading {
    line-height: 5.2rem;
    font-size: 4.8rem;
    letter-spacing: 0;
  }
}

.product-details__badge {
  display: block;
  width: 14.8rem;
  height: auto;
}

.product-details__content .junip-product-summary {
  float: left;
  margin-right: 10px;
}

.product-details__content .junip-product-summary-clickable {
  color: #000000;
}

body#think-fast-by-first-person-functional-coffee-that-actually-works a.junip-product-summary-clickable {
    color: #ffffff;
}

.product-images__video video {
    width: 100%;
    height: 100%;
    border-radius: 30px;
}

@media (min-width: 1440px) {
  .product-details__badge {
    width: 16.8rem;
  }
}

.product-details__description {
  margin: 4rem 0 0;
}
@media (min-width: 768px) {
  .product-details__description {
    margin: 2.4rem 0 0;
  }
}

.product-details__icons {
  display: grid;
  grid-template-columns: repeat(4, 3.2rem);
  column-gap: 2rem;
  margin: 3.2rem 0 0;
  padding: 0;
  list-style: none;
}

.product-details__icons-item {
  width: 3.2rem;
}

.product-details__icon {
  display: block;
  width: 100%;
  height: auto;
}

.product-details__highlights {
  margin: 0;
}

.product-details__highlights-heading {
  margin: 0;
  line-height: 2rem;
  color: rgba(0, 0, 0, 0.4);
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.05rem;
}

.product-details__highlights-list {
  display: flex;
  flex-flow: column;
  margin: 0;
  padding: 0;
  list-style: none;
}
.product-details__highlights-list li {
  margin: 0;
  font-size: 14px;
  font-family: 'HafferXH' !important;
  line-height: 20px;
}
.product-details__tastingnotes-list li {
  display: flex;
  gap: 6px;
  font-size: 14px;
  font-family: 'HafferXH' !important;
  line-height: 20px;
  letter-spacing: 0.5px;
  color: #ffffff;
}
.product-details__tastingnotes-heading,
.product-details__highlights-heading {
  margin: 15px 0px 6px;
  font-size: 18px;
  line-height: 23px;
  font-weight: 500;
}
.tasting-imgs {
  width: 19px;
}
.product-details__highlights-item {
  margin: 1.6rem 2.4rem 0 0;
  font-family: GTPressuraMono, system-ui, system-ui;
  font-size: 1.4rem;
  letter-spacing: 0.05rem;
}
@media (min-width: 768px) {
  .product-details__highlights-item {
    margin: 1.6rem 2rem 0 0;
  }
}

.product-details__highlights-item::before {
  content: "";
  display: inline-block;
  margin: 0 0.8rem 0 0;
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--product-details-highlights-item-background, #B3DADD);
  border-radius: 50%;
  letter-spacing: 0.5px;
}
@media (min-width: 768px) {
  .product-details__highlights-item::before {
    width: 1.2rem;
    height: 1.2rem;
  }
}

.product-details__dosage {
  display: flex;
  align-items: center;
  margin: 1.6rem 0 0;
}
@media (min-width: 768px) {
  .product-details__dosage {
    margin: 2.8rem 0 0;
  }
}

.product-details__dosage-icons {
  display: flex;
}

.product-details__dosage-icon {
  display: block;
  width: 1.2rem;
  height: auto;
}

.product-details__dosage-icon + .product-details__dosage-icon {
  margin: 0 0 0 0.6rem;
}

.product-details__dosage-description {
  position: relative;
  top: -0.1rem;
  margin: 0 0 0 2rem;
  line-height: 2.5rem;
  font-size: 1.4rem;
  letter-spacing: 0.05rem;
}

.product-details__buttons {
  display: flex;
  flex-wrap: wrap;
  margin: 3.2rem 0 0;
  padding: 3.2rem 0 0;
  border-top: 0.1rem solid #C4C4C4;
}
@media (min-width: 768px) {
  .product-details__buttons {
    margin: 2.8rem 0 0;
  }
}
@media (min-width: 1024px) {
  .product-details__buttons {
    flex-wrap: unset;
    justify-content: space-between;
  }
}

@media (min-width: 1024px) {
  .product-details__buttons--single-option {
    justify-content: center;
  }
}

.product-details__cta {
  width: 100%;
}
@media (min-width: 1024px) {
  .product-details__cta {
    flex: 0 0 calc((100% - 1.4rem) / 2);
  }
}

.product-details__cta + .product-details__cta {
  margin: 1.6rem 0 0;
}
@media (min-width: 1024px) {
  .product-details__cta + .product-details__cta {
    margin: unset;
  }
}

.product-details__small-text {
  margin: 2.4rem 0 0;
  line-height: 2rem;
  font-size: 1.2rem;
  letter-spacing: 0.05rem;
  text-align: center;
}

.product-details__small-text--alt {
  width: 100%;
}
@media (min-width: 1024px) {
  .product-details__small-text--alt {
    margin: 2.4rem 0 0 auto;
    width: calc((100% - 1.4rem) / 2);
  }
}

.metafield.product-details__small-text {
  margin: 2.4rem auto 0;
  text-align: center;
  background: #e9dbd1;
  width: 100%;
  border-radius: 8px;
  width: 140px;
  padding: 6px;
}

.product-settings {
  
}
@media (min-width: 1280px) {
  .product-settings {
    display: flex;
    justify-content: space-between;
    padding: 3.2rem 0 0;
  }
}

.product-settings__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 1280px) {
  .product-settings__item {
    justify-content: unset;
    flex: 0 0 calc((100% - 2.4rem) / 2);
  }
}

.product-settings__item + .product-settings__item {
  margin: 2rem 0 0;
  padding: 2rem 0 0;
  border-top: 0.1rem solid #C4C4C4;
}
@media (min-width: 1280px) {
  .product-settings__item + .product-settings__item {
    margin: unset;
    padding: unset;
    border-top: unset;
  }
}

.product-settings__label {
  position: relative;
  top: 0.1rem;
  margin: 0 1.2rem 0 0;
  line-height: 1;
  color: rgba(0, 0, 0, 0.6);
  font-family: GTPressuraMono, system-ui, system-ui;
  font-size: 1.4rem;
  letter-spacing: 0.05rem;
}
@media (min-width: 768px) {
  .product-settings__label {
    color: rgba(0, 0, 0, 0.4);
  }
}

.product-settings__options-wrapper {
  display: flex;
}

.product-size__input {
  display: none;
}

.product-size__label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 1.2rem;
  height: 4.4rem;
  line-height: 1;
  font-size: 1.4rem;
  letter-spacing: 0.05rem;
  font-weight: 500;
  text-align: center;
  border: 0.1rem solid transparent;
  border-radius: 2.2rem;
  white-space: nowrap;
  cursor: pointer;
  transition: border-color 0.2s ease-in-out;
}

.product-size__input:checked + .product-size__label {
  border-color: #ffffff;
}

.product-size__bundle-label {
  line-height: 1;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.05rem;
}

.product__images .product-images__image {
  border-radius: 50px;
}

.product__content {
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  padding: 50px 50px 70px;
}
@media (min-width: 768px) {
  .product__content {
    display: flex;
    align-items: flex-start;
  }
}

.product__images {
  flex: 0 0 50%;
}
@media (min-width: 768px) {
  .product__images {
    position: sticky;
    top: 0;
  }
}

.product__main {
  flex: 0 0 50%;
}

.product-how-navigation {
  position: sticky;
  top: 7.2rem;
  z-index: 20;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 8rem;
  background-color: #F2EFEC;
  overflow: hidden;
  height: 100px;
    background: #B3DADD;
}
@media (min-width: 768px) {
  .product-how-navigation {
    top: 8rem;
  }
}

body.is-navigation-static .product-how-navigation {
  top: 0;
}
@media (min-width: 768px) {
  body.is-navigation-static .product-how-navigation {
    top: 8rem;
  }
}

.product-how-navigation__list {
  display: flex;
  align-items: center;
  margin: 0 auto;
  padding: 0 2.4rem 0 0;
  width: 100%;
  height: calc( 100% + 2rem);
  max-width: 81.8rem;
  list-style: none;
  overflow-x: auto;
}
@media (min-width: 480px) {
  .product-how-navigation__list {
    justify-content: space-between;
    padding: 0 2.4rem;
  }
}

.product-how-navigation__item {
  display: flex;
}
.product-details__description h3 {
  font-size: 18px;
  line-height: 23px;
  font-weight: 500;
}
.product-details__description p {
  font-size: 14px;
  line-height: 20px;
}
.product-details__description ul li {
    font-size: 14px;
    line-height: 20px;
}
.products-features {
  display: flex;
}
.product-details__tastingnotes {
  padding-right: 6vw;
}
.product-details__tastingnotes-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.product-how-navigation__item::before {
  content: "";
  display: block;
  width: 2.4rem;
}
@media (min-width: 480px) {
  .product-how-navigation__item::before {
    content: unset;
  }
}

.product-how-navigation__item + .product-how-navigation__item {
  margin: 0 0 0 3.2rem;
}
@media (min-width: 480px) {
  .product-how-navigation__item + .product-how-navigation__item {
    margin: unset;
  }
}

.product-how-navigation__link {
  position: relative;
  line-height: 1;
  color: rgba(0, 0, 0, 0.4);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.05rem;
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.2s ease-in-out;
}

.product-how-navigation__link.is-active {
  color: #000;
}

.product-how-navigation__link::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -0.8rem;
  left: 0;
  display: block;
  height: 0.1rem;
  background-color: transparent;
  transition: background-color 0.2s ease-in-out;
  
}

.product-how-navigation__link.is-active::after {
  background-color: #000;
}

.how-it-works {
  padding: 8rem 0;
  background-color: #E9DBD1;
}
@media (min-width: 1024px) {
  .how-it-works {
    padding: 15rem 2.4rem;
  }
}

.how-it-works__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: 100%;
  max-width: 117rem;
}
@media (min-width: 1024px) {
  .how-it-works__content {
    flex-direction: row;
  }
}

.how-it-works__main {
  padding: 0 2.4rem;
}
@media (min-width: 1024px) {
  .how-it-works__main {
    padding: 0 4rem 0 0;
  }
}

.how-it-works__heading {
  margin: 0;
  width: 100%;
  max-width: 48.2rem;
  line-height: 4rem;
  font-size: 3.2rem;
  font-weight: 400;
}
@media (min-width: 768px) {
  .how-it-works__heading {
    line-height: 5.2rem;
    font-size: 4.8rem;
    letter-spacing: 0;
  }
}

.how-it-works__heading + .how-it-works__description {
  margin: 2.4rem 0 0;
}

.how-it-works__description {
  margin: 0;
  width: 100%;
  max-width: 48.2rem;
}

.how-it-works__heading + .how-it-works__cta,
.how-it-works__description + .how-it-works__cta {
  margin: 2.4rem 0 0;
}

.how-it-works__illustration {
  margin: 4.8rem auto 0;
  width: 100%;
}
@media (min-width: 768px) {
  .how-it-works__illustration {
    max-width: 59rem;
  }
}
@media (min-width: 1024px) {
  .how-it-works__illustration {
    margin: unset;
    width: 50.5%;
  }
}

.how-it-works__image {
  display: none;
}
@media (min-width: 768px) {
  .how-it-works__image {
    display: block;
    width: 100%;
    height: auto;
  }
}

.how-it-works__mobile-image {
  display: block;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .how-it-works__mobile-image {
    display: none;
  }
}

@media (min-width: 768px) {
  .how-it-feels {
    position: relative;
    padding: 53.5% 0 0;
  }
}

.how-it-feels__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .how-it-feels__list {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100%;
  }
}

.how-it-feels__item-wrapper {
  position: relative;
  padding: 67% 0 0;
  width: 100%;
}
@media (min-width: 768px) {
  .how-it-feels__item-wrapper {
    position: unset;
    flex: 0 1 calc(100% / 3);
    padding: unset;
    width: unset;
  }
}

.how-it-feels__item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .how-it-feels__item {
    position: relative;
    top: unset;
    right: unset;
    bottom: unset;
    left: unset;
  }
}

.how-it-feels__image {
  object-position: center;
  object-fit: cover;
  display: block;
  width: 100%;
  height: 100%;
}

.how-it-feels__image--hidden-on-mobile {
  display: none;
}
@media (min-width: 768px) {
  .how-it-feels__image--hidden-on-mobile {
    display: block;
  }
}

.how-it-feels__mobile-image {
  object-position: center;
  object-fit: cover;
  display: block;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .how-it-feels__mobile-image {
    display: none;
  }
}

.how-it-feels__title {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2.4rem;
  line-height: 4rem;
  color: #fff;
  font-size: 3.2rem;
  font-weight: 500;
  text-shadow: 0 0.2rem 2rem rgba(0, 0, 0, 0.15);
}
@media (min-width: 1280px) {
  .how-it-feels__title {
    line-height: 5.2rem;
    font-size: 4.8rem;
    text-shadow: 0 0.2rem 1.5rem rgba(0, 0, 0, 0.1);
  }
}

@media (min-width: 768px) {
  .how-to-use {
    display: flex;
    align-items: flex-start;
  }
}

.how-to-use__main {
  display: flex;
  justify-content: flex-end;
  padding: 6rem 2.4rem;
}
@media (min-width: 768px) {
  .how-to-use__main {
    width: calc((100% / 3) * 2);
  }
}
@media (min-width: 1024px) {
  .how-to-use__main {
    padding: 2.4rem 0 2.4rem 2.4rem;
  }
}

.how-to-use__content {
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .how-to-use__content {
    padding: 0 5.8rem 0 0;
    width: 100%;
    max-width: 82rem;
  }
}

.how-to-use__heading {
  margin: 0;
  width: 100%;
  max-width: 32.8rem;
  line-height: 4rem;
  font-size: 3.2rem;
  font-weight: 400;
}
@media (min-width: 1024px) {
  .how-to-use__heading {
    max-width: 39.8rem;
    line-height: 5.2rem;
    font-size: 4.8rem;
    letter-spacing: 0;
  }
}

.how-to-use__copy {
  margin: 2.4rem 0 0;
}
@media (min-width: 1024px) {
  .how-to-use__copy {
    display: flex;
    justify-content: space-between;
  }
}

.how-to-use__copy-primary {
  width: 100%;
  max-width: 32.8rem;
}
@media (min-width: 1024px) {
  .how-to-use__copy-primary {
    margin: 0 4rem 0 0;
    max-width: 31.4rem;
  }
}

.how-to-use__description {
  margin: 0;
}

.how-to-use__copy-secondary {
  margin: 4rem 0 0;
  width: 100%;
  max-width: 32.8rem;
}
@media (min-width: 1024px) {
  .how-to-use__copy-secondary {
    margin: 0;
    max-width: 34.8rem;
  }
}

.how-to-use__secondary-heading {
  margin: 0;
  line-height: 2rem;
  font-family: GTPressuraMono, system-ui, system-ui;
  font-size: 1.4rem;
  letter-spacing: 0.05rem;
}

.how-to-use__list {
  margin: 1.6rem 0 0;
  padding: 0;
  list-style: none;
}

.how-to-use__item {
  position: relative;
  padding: 0 0 0 2rem;
}

.how-to-use__item + .how-to-use__item {
  margin: 2rem 0 0;
}

.how-to-use__icon {
  position: absolute;
  top: calc(50% - 0.6rem);
  left: 0;
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
}

.how-to-use__support-heading {
  margin: 4rem 0 0;
  width: 100%;
  max-width: 23.5rem;
}
@media (min-width: 1024px) {
  .how-to-use__support-heading {
    margin: 9.2rem 0 0;
  }
}

.how-to-use__support-description {
  margin: 1.6rem 0 0;
  width: 100%;
  max-width: 31rem;
}

.how-to-use__support-description > p {
  margin: 0;
}

.how-to-use__decoration {
  position: relative;
  margin: 0 auto;
  padding: 112% 0 0;
  width: 100%;
  max-width: calc(100% - (2 * 2.4rem));
}
@media (min-width: 768px) {
  .how-to-use__decoration {
    padding: 53.5% 0 0;
    width: calc((100% / 3) * 1);
  }
}

.how-to-use__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  object-position: center;
  object-fit: cover;
  display: block;
  width: 100%;
  height: 100%;
}

.triple-how-section {
  position: relative;
}

.triple-how-section__anchor {
  position: absolute;
  top: calc(-1 * (7.2rem + 7.9rem));
}
@media (min-width: 768px) {
  .triple-how-section__anchor {
    top: calc(-1 * (8rem + 7.9rem));
  }
}

body.is-announcement-bar-active .triple-how-section__anchor {
  top: calc(-1 * (7.2rem + 2.4rem + 7.9rem));
}
@media (min-width: 768px) {
  body.is-announcement-bar-active .triple-how-section__anchor {
    top: calc(-1 * (8rem + 2.4rem + 7.9rem));
  }
}

.product-standards {
  padding: 10rem 0 8rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .product-standards {
    padding: 3.8rem 0 15rem;
  }
}

.product-standards__heading {
  margin: 0 auto;
  line-height: 4rem;
  font-size: 3.2rem;
  font-weight: 400;
  text-align: center;
  padding: 0 2.4rem;
}
@media (min-width: 768px) {
  .product-standards__heading {
    line-height: 5.2rem;
    font-size: 4.8rem;
    letter-spacing: 0;
  }
}

.product-standards__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 5.6rem;
  margin: 0 auto;
  padding: 0 2.4rem;
  width: 100%;
  max-width: 32.8rem;
  list-style: none;
}
@media (min-width: 480px) {
  .product-standards__list {
    grid-template-columns: 1fr 1fr 1fr;
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .product-standards__list {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    row-gap: unset;
    max-width: calc(92rem + (2 * 2.4rem));
  }
}

.product-standards__heading + .product-standards__list {
  display: flex;
  margin: 4.8rem auto 0;
}
@media (min-width: 768px) {
  .product-standards__heading + .product-standards__list {
    margin: 6.2rem auto 0;
  }
}
.product-standards__list li {
  flex: 33%;
}
.product-standards__item {
  margin: 0;
}

.product-standards__icon {
  display: block;
  margin: 0 auto;
  width: 4rem;
  height: auto;
}

.product-standards__description {
  margin: 0 auto;
  text-align: center;
}

.product-standards__icon + .product-standards__description {
  margin: 2.4rem auto 0;
}

.product-collection {
  padding: 4rem 0;
}
@media (min-width: 768px) {
  .product-collection {
    padding: 6rem 0 15rem;
  }
}

.product-collection__list-wrapper {
  margin: 0 auto;
  width: 100%;
  max-width: calc(115.2rem + (2 * 2.4rem));
  height: 27rem;
  overflow: hidden;
}
@media (min-width: 768px) {
  .product-collection__list-wrapper {
    height: 37rem;
  }
}

.product-collection__list {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0 0 5rem;
  width: 100%;
  list-style: none;
  overflow-x: auto;
}
@media (min-width: 768px) {
  .product-collection__list {
    padding: 0 0 7rem;
  }
}

.product-collection__list::before {
  content: "";
  display: block;
  min-width: 2.4rem;
}

.product-collection__list::after {
  content: "";
  display: block;
  min-width: 5rem;
}
@media (min-width: 768px) {
  .product-collection__list::after {
    min-width: 7rem;
  }
}

.product-collection__item + .product-collection__item {
  margin: 0 0 0 5rem;
}
@media (min-width: 768px) {
  .product-collection__item + .product-collection__item {
    margin: 0 0 0 7rem;
  }
}

.product-collection__item-trigger {
  position: relative;
  display: block;
  text-decoration: none;
}

.product-collection__item-content {
  padding: 2.4rem;
  width: 26rem;
  height: 23.4rem;
  border-radius: 1rem;
}
@media (min-width: 768px) {
  .product-collection__item-content {
    width: 32rem;
    height: 32rem;
  }
}

.product-collection__item-heading {
  margin: 0;
  line-height: 4rem;
  font-size: 3.2rem;
  font-weight: 400;
}
@media (min-width: 768px) {
  .product-collection__item-heading {
    line-height: 5.2rem;
    font-size: 4.8rem;
    letter-spacing: 0;
  }
}

.product-collection__item-product-title {
  line-height: 2rem;
  font-size: 1.4rem;
  letter-spacing: 0.05rem;
}

.product-collection__item-heading + .product-collection__item-product-title {
  margin: 1.6rem 0 0;
}
@media (min-width: 768px) {
  .product-collection__item-heading + .product-collection__item-product-title {
    margin: 2rem 0 0;
  }
}

.product-collection__item-image {
  position: absolute;
  right: -15%;
  bottom: -15%;
  display: block;
  width: 14rem;
  height: auto;
}
@media (min-width: 768px) {
  .product-collection__item-image {
    width: 19.2rem;
  }
}

.product-collection__heading {
  margin: 0 auto;
  padding: 0 2.4rem;
  width: 100%;
  max-width: calc(53.4rem + (2 * 2.4rem));
  line-height: 3.2rem;
  font-size: 2.4rem;
  font-weight: 400;
  text-align: center;
}
@media (min-width: 768px) {
  .product-collection__heading {
    line-height: 4rem;
    font-size: 3.2rem;
    letter-spacing: 0;
  }
}

.product-collection__list-wrapper + .product-collection__heading {
  margin: 2.4rem auto 0;
}
@media (min-width: 768px) {
  .product-collection__list-wrapper + .product-collection__heading {
    margin: 4rem auto 0;
  }
}

.product-collection__cta {
  margin: 0 auto;
  max-width: 23.4rem;
}

.product-collection__list-wrapper + .product-collection__cta {
  margin: 2.4rem auto 0;
}
@media (min-width: 768px) {
  .product-collection__list-wrapper + .product-collection__cta {
    margin: 4rem auto 0;
  }
}

.product-collection__heading + .product-collection__cta {
  margin: 4rem auto 0;
}

.product-faq {
  padding: 8rem 2.4rem 4rem;
}
@media (min-width: 768px) {
  .product-faq {
    padding: 15rem 2.4rem 6rem;
  }
}

.product-faq__heading {
  margin: 0 auto;
  line-height: 4rem;
  font-size: 3.2rem;
  font-weight: 400;
  text-align: center;
}
@media (min-width: 768px) {
  .product-faq__heading {
    line-height: 5.2rem;
    font-size: 4.8rem;
    letter-spacing: 0;
  }
}

.product-faq__list {
  margin: 0 auto;
  width: 100%;
  max-width: 98.4rem;
  border-top: 0.1rem solid #000;
}

.product-faq__heading + .product-faq__list {
  margin: 4rem auto 0;
}
@media (min-width: 768px) {
  .product-faq__heading + .product-faq__list {
    margin: 6rem auto 0;
  }
}

.product-faq__cta {
  max-width: 28.6rem;
}
@media (min-width: 768px) {
  .product-faq__cta {
    max-width: 23.4rem;
  }
}

.product-faq__heading + .product-faq__cta,
.product-faq__list + .product-faq__cta {
  margin: 5rem auto 0;
}
@media (min-width: 768px) {
  .product-faq__heading + .product-faq__cta,
.product-faq__list + .product-faq__cta {
    margin: 5.4rem auto 0;
  }
}

.ingredients-details {
  display: none;
  margin: 0 auto;
  padding: 0 2.4rem;
  width: 100%;
  max-width: 37.5rem;
}
@media (min-width: 768px) {
  .ingredients-details {
    max-width: calc(100.4rem + (2 * 2.4rem));
  }
}

.ingredients-details.is-active {
  display: flex;
  flex-direction: column-reverse;
}
@media (min-width: 768px) {
  .ingredients-details.is-active {
    flex-direction: unset;
  }
}

.ingredients-details__main {
  margin: 4.8rem auto 0;
  width: 100%;
  max-width: 31.8rem;
}
@media (min-width: 768px) {
  .ingredients-details__main {
    margin: 6rem 2.4rem 6rem 0;
  }
}
@media (min-width: 1024px) {
  .ingredients-details__main {
    margin: 12.6rem 2.4rem 0 0;
  }
}

.ingredients-details__heading {
  margin: 0;
  line-height: 2.8rem;
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: 0.05rem;
}
@media (min-width: 768px) {
  .ingredients-details__heading {
    line-height: 3.2rem;
    font-size: 2.4rem;
    letter-spacing: 0;
  }
}

.ingredients-details__icon-row {
  display: flex;
  align-items: center;
}

.ingredients-details__heading + .ingredients-details__icon-row {
  margin: 2.4rem 0 0;
}

.ingredients-details__icon-row + .ingredients-details__icon-row {
  margin: 0.6rem 0 0;
}

.ingredients-details__icon {
  display: inline-block;
  margin: 0.4rem;
  width: 1.6rem;
  height: auto;
}

.ingredients-details__icon--big {
  margin: 0;
  width: 2.4rem;
}

.ingredients-details__secondary-heading {
  margin: 0;
  line-height: 2rem;
  font-family: GTPressuraMono, system-ui, system-ui;
  font-size: 1.4rem;
  letter-spacing: 0.05rem;
}

.ingredients-details__heading + .ingredients-details__secondary-heading,
.ingredients-details__icon-row + .ingredients-details__secondary-heading {
  margin: 2.4rem 0 0;
}

.ingredients-details__list {
  margin: 0.4rem 0 0;
  padding: 0 0 0 2.8rem;
}

.ingredients-details__illustration {
  position: relative;
  margin: 3.6rem auto 0;
  width: 100%;
}
@media (min-width: 768px) {
  .ingredients-details__illustration {
    flex: 1 0 auto;
    margin: unset;
    width: unset;
  }
}

.ingredients-details__illustration::before {
  content: "";
  display: block;
  padding: 85% 0 0;
}

.ingredients-details__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  object-position: center;
  object-fit: contain;
  display: block;
  width: 100%;
  height: 100%;
}

.ingredients {
  padding: 8rem 0 6rem;
}
@media (min-width: 768px) {
  .ingredients {
    padding: 0 0 9.8rem;
  }
}

.ingredients__heading {
  margin: 0 auto;
  line-height: 5.5rem;
  font-size: 4.4rem;
  font-weight: 400;
  letter-spacing: 0;
  text-align: center;
}

.ingredients__navigation-wrapper {
  height: 4.4rem;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .ingredients__navigation-wrapper {
    height: unset;
    overflow: unset;
  }
}

.ingredients__navigation {
  display: flex;
  margin: 0 auto;
  padding: 0 2.4rem 2rem;
  width: 100%;
  text-align: center;
  list-style: none;
  overflow-x: auto;
}
@media (min-width: 1024px) {
  .ingredients__navigation {
    flex-wrap: wrap;
    justify-content: center;
    max-width: 82rem;
    overflow-x: unset;
  }
}

.ingredients__heading + .ingredients__navigation-wrapper {
  margin: 3rem auto 0;
}

.ingredients__navigation-item {
  display: inline-block;
}
@media (min-width: 1024px) {
  .ingredients__navigation-item {
    padding: 1rem 0.5rem 0 0.5rem;
  }
}

.ingredients__navigation-item + .ingredients__navigation-item {
  margin: 0 0 0 1rem;
}
@media (min-width: 1024px) {
  .ingredients__navigation-item + .ingredients__navigation-item {
    margin: unset;
  }
}

.ingredients__button.is-active {
  background-color: var(--ingredients-button-active-color);
  border-color: var(--ingredients-button-active-color);
}

/* Ingredients simple layout - heading, benefits left, image right */
.ingredients--simple .ingredients__heading--simple {
  margin-bottom: 3rem;
}

.ingredients-simple {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding: 0 2.4rem;
  max-width: 112.3rem;
  gap: 3rem;
}
@media (min-width: 768px) {
  .ingredients-simple {
    flex-direction: row;
    align-items: flex-end;
    gap: 4rem;
  }
}

.ingredients-simple__left {
  order: 2;
  flex: 0 0 auto;
}
@media (min-width: 768px) {
  .ingredients-simple__left {
    order: 1;
    flex: 0 0 30rem;
  }
}

.ingredients-simple__benefits-heading {
  margin: 0 0 1.1rem;
  font-size: 1.6rem;
  font-weight: 600;
}

.ingredients-simple__benefits-list {
  margin: 0;
  padding: 0 0 0 2rem;
  list-style: disc;
}

.ingredients-simple__benefits-item {
  font-size: 1.8rem;
  line-height: 2.8rem;
}

.ingredients-simple__benefits-item:marker{
  width: 1.2rem;
  height: 1.2rem;
  background-color: #B3DADD;
  color: #B3DADD;
}

.ingredients-simple__right {
  order: 1;
  flex: unset;
  width: 100%;
  justify-content: center;
  display: flex;
}
@media (min-width: 768px) {
  .ingredients-simple__right {
    order: 2;
  }
}

.ingredients-simple__image {
  display: block;
  width: 469px;
  max-width: 100%;
  height: 474px;
  object-fit: contain;
}

.ingredients-simple__image img{
  width: 100%;
  height: 100%;
}

.ingredients-simple__media{
  position:relative;
  right: 0px;
  top: 30px;
}

.ingredients-simple__label{
  position:absolute;
  color:#fff;
  max-width:250px;
  text-align: center;
}

.ingredients-simple__label-text{
  font-size:16px;
  line-height:22px;
  color: #000000;
    font-weight: 500;
}

.ingredients-simple__label--bottom{
  bottom: 35px;
  right: -100px;
}

.ingredients-simple__label.ingredients-simple__label--bottom .ingredients-simple__label-text {
  position: relative;
  left: 48px;
  top: 15px;
}

.ingredients-simple__label.ingredients-simple__label--top {
  left: -210px;
  top: 13px;
}

.ingredients-simple__label-svg {
  position: relative;
  left: 50px;
  top: 10px;
}

.ingredients-simple__label.ingredients-simple__label--bottom .ingredients-simple__label-svg {
  left: 0;
}

.product-science-products {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 3rem 0 3.4rem;
  list-style: none;
}

@media (max-width: 1200px){
  .ingredients-simple__media{
    right: 0px;
  }
}

@media (max-width: 1024px){
  .ingredients-simple__media{
    right: 0px;
  }
  .ingredients-simple__image{
    width: 300px;
    height: auto;
  }
  .ingredients-simple__label-svg svg {
    width: 100px;
  }
  .ingredients-simple__label-text {
    font-size: 12px;
    line-height: 16px;
    max-width: 200px;
  }
  .ingredients-simple__label.ingredients-simple__label--top .ingredients-simple__label-text {
      margin-bottom: 10px;
  }
  .ingredients-simple__label.ingredients-simple__label--top{
    left: -150px;
  }
  .ingredients-simple__label-svg {
    position: relative;
    left: 20px;
    top: -10px;
  }
  .ingredients-simple__label.ingredients-simple__label--bottom .ingredients-simple__label-text {
    left: 18px;
    top: -35px;
  }
  .ingredients-simple__label--bottom {
      bottom: 35px;
      right: -130px;
  }

  .ingredients-simple__label--bottom .ingredients-simple__label-text {
      margin-top: 15px;
      max-width: 150px;
  }

  .ingredients-simple__label.ingredients-simple__label--bottom .ingredients-simple__label-svg {
      left: -20px;
  }
  

}

@media (min-width: 768px) {
  .product-science-products {
    padding: 3rem 3rem 3.4rem;
  }
}

.product-science-products__item {
  padding: 0 0.8rem;
  width: calc(100% / 3);
  max-width: 12rem;
}
@media (min-width: 768px) {
  .product-science-products__item {
    width: unset;
    max-width: unset;
  }
}

@media (min-width: 768px) {
  .product-science-products__item + .product-science-products__item {
    margin: 0 0 0 4rem;
  }
}

.product-science-products__image {
  display: block;
  margin: 0 auto;
  width: 3rem;
  height: auto;
}

.product-science-products__name {
  margin: 1rem auto 0.4rem;
  line-height: 2rem;
  font-size: 1.2rem;
  text-align: center;
}
@media (min-width: 1024px) {
  .product-science-products__name {
    margin: 1.2rem auto 0.4rem;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: 0.05rem;
  }
}

.product-science-products__line-dashed {
  display: block;
  margin: 0.4rem auto 0;
  width: 0.1rem;
  height: auto;
}

.product-science-products__label {
  position: relative;
  display: block;
  margin: -3rem auto 0;
  padding: 0 1.2rem;
  height: 3.2rem;
  line-height: 3.2rem;
  font-size: 1.4rem;
  letter-spacing: 0.05rem;
  border-radius: 1.6rem;
  text-align: center;
}
@media (min-width: 768px) {
  .product-science-products__label {
    margin: -0.6rem auto 0;
  }
}

.product-science-products__line-arrow {
  display: block;
  margin: 0 auto;
  width: auto;
  height: 6rem;
}

.product-science-illustration {
  margin: 0;
}

.product-science-illustration__graph-wrapper {
  position: relative;
  width: 100%;
  height: 4.4rem;
  overflow: hidden;
}
@media (min-width: 768px) {
  .product-science-illustration__graph-wrapper {
    height: 5rem;
  }
}
@media (min-width: 1024px) {
  .product-science-illustration__graph-wrapper {
    position: unset;
    overflow: unset;
  }
}

.product-science-illustration__graph {
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  display: block;
  margin: auto 0 0;
  width: auto;
  height: 100%;
}
@media (min-width: 1024px) {
  .product-science-illustration__graph {
    position: unset;
    top: unset;
    left: unset;
    transform: unset;
    width: 100%;
  }
}

.product-science-illustration__description {
  display: flex;
  align-items: center;
  padding: 2rem;
}
@media (min-width: 768px) {
  .product-science-illustration__description {
    padding: 2.4rem;
  }
}

.product-science-illustration__label {
  display: flex;
  align-items: center;
  line-height: 2rem;
  font-family: GTPressuraMono, system-ui, system-ui;
  font-size: 1.4rem;
  letter-spacing: 0.05rem;
}

.product-science-illustration__icon {
  display: block;
  margin: 0 1.2rem 0 0;
  width: 2rem;
  height: 2rem;
}

.product-science-illustration__separator {
  flex: 1 1 100%;
  margin: 0 1.2rem;
  height: 0.1rem;
  background-color: #000;
}
@media (min-width: 768px) {
  .product-science-illustration__separator {
    margin: 0 2.4rem;
  }
}

.product-science {
  padding: 8.4rem 2.4rem 8rem;
  background-color: #E9DBD1;
}
@media (min-width: 1024px) {
  .product-science {
    padding: 14.5rem 2.4rem;
  }
}

.product-science__content {
  margin: 0 auto;
  width: 100%;
  max-width: 48rem;
}
@media (min-width: 1024px) {
  .product-science__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 115.2rem;
  }
}

.product-science__main {
  flex: 0 1 calc((100% - 4rem) / 2);
}

.product-science__heading {
  margin: 0;
  line-height: 4rem;
  font-size: 3.2rem;
  font-weight: 400;
  letter-spacing: 0;
}
@media (min-width: 1024px) {
  .product-science__heading {
    line-height: 5.2rem;
    font-size: 4.8rem;
  }
}

.product-science__description {
  margin: 0;
}

.product-science__heading + .product-science__description {
  margin: 2.4rem 0 0;
}

.product-science__heading + .product-science__cta,
.product-science__description + .product-science__cta {
  margin: 2.4rem 0 0;
}

.product-science__side {
  flex: 0 1 calc((100% - 4rem) / 2);
  background-color: #fff;
  border-radius: 1rem;
  overflow: hidden;
}

.product-science__side {
  margin: 4.8rem auto 0;
}
@media (min-width: 1024px) {
  .product-science__side {
    margin: unset;
  }
}

.product-bar-desktop {
  display: none;
}
@media (min-width: 768px) {
  .product-bar-desktop {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 200;
    transform: translateY(-100%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2.4rem;
    height: 8rem;
    background-color: #F2EFEC;
    transition: transform 0.2s ease-in-out;
  }
}

@media (min-width: 768px) {
  .product-bar-desktop.is-active {
    transform: none;
  }
}

.product-bar-desktop__details {
  display: flex;
  align-items: center;
}

.product-bar-desktop__title {
  padding: 0;
  line-height: 3.2rem;
  font-size: 2.4rem;
  font-weight: 0;
  letter-spacing: 0;
  background: transparent;
  border: none;
  appearance: none;
  cursor: pointer;
}

.product-bar-desktop__effects {
  margin: 0 2.4rem;
}
@media (min-width: 1024px) {
  .product-bar-desktop__effects {
    margin: 0 0 0 4rem;
  }
}

.product-tagline-desktop__effects {
  width: 73rem !important;
}
.product-bar-desktop__actions {
display: flex;
  justify-content: flex-end;
  width: 69.8rem;
  align-items: center;
}

.product-bar-desktop__cta {
  max-width: 21.2rem;
}

.product-bar-desktop__cta + .product-bar-desktop__cta {
  margin: 0 0 0 1.4rem;
}

.product-bar-mobile {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 200;
  transform: translateY(100%);
  background-color: #F2EFEC;
  transition: transform 0.2s ease-in-out;
}
@media (min-width: 768px) {
  .product-bar-mobile {
    display: none;
  }
}

.product-bar-mobile.is-active {
  transform: none;
}

.product-bar-mobile__details {
  display: flex;
  align-items: center;
  padding: 0 2.4rem;
  height: 8rem;
}

.product-bar-mobile__title {
  padding: 0;
  line-height: 2.8rem;
  font-size: 2rem;
  letter-spacing: 0.05rem;
  background: transparent;
  border: none;
  appearance: none;
  text-align: left;
}

.product-bar-mobile__effects {
  margin: 0 0 0 2.4rem;
  line-height: 2rem;
  font-size: 1.4rem;
}

.product-bar-mobile__trigger {
  width: 100%;
  height: 8rem;
  border-radius: 0;
}

.product-bar-form {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 250;
  display: flex;
  align-items: flex-end;
  -webkit-backdrop-filter: blur(2rem);
  backdrop-filter: blur(2rem);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}
@media (min-width: 1024px) {
  .product-bar-form {
    display: none;
  }
}

.product-bar-form.is-active {
  opacity: 1;
  visibility: visible;
}

.product-bar-form__content {
  transform: translateY(4rem);
  padding: 3.2rem 2.4rem 3.4rem;
  width: 100%;
  background-color: #F2EFEC;
  opacity: 0;
  visibility: hidden;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}

.product-bar-form.is-active .product-bar-form__content {
  opacity: 1;
  visibility: visible;
  transform: none;
}

.product-bar-form__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.product-bar-form__heading {
  margin: 0;
  line-height: 2.8rem;
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: 0.05rem;
}

.product-bar-form__close {
  padding: 0;
  background: transparent;
  border: none;
  appearance: none;
}

.product-bar-form__close-icon {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
}

.product-bar-form__small {
  display: block;
  margin: 1.6rem auto 0;
  line-height: 2rem;
  font-size: 1.2rem;
  text-align: center;
}

.product-bar-form__actions {
  margin: 2rem 0 0;
  border-top: 0.1rem solid #C4C4C4;
}

.product-bar-form__action {
  margin: 1.6rem 0 0;
}

.testimonial-card {
  display: flex;
  flex-direction: column;
  max-width: 32.8rem;
  min-height: 65rem;
  border-radius: 1rem;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .testimonial-card {
    display: flex;
    flex-direction: row;
    padding: 4rem;
    width: 100%;
    max-width: unset;
    min-height: unset;
    overflow: unset;
    opacity: 0.5;
    transition: opacity 0.2s ease-in-out;
  }
}

.testimonial-card.is-active {
  opacity: 1;
}

.testimonial-card__image-wrapper {
  position: relative;
  padding: 76% 0 0;
  width: 100%;
  border-radius: 1rem 1rem 0 0;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .testimonial-card__image-wrapper {
    position: unset;
    flex: 0 0 auto;
    padding: unset;
    width: 37.8rem;
    height: 46.6rem;
    border-radius: 1rem;
  }
}

.testimonial-card__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  object-position: center;
  object-fit: cover;
  display: block;
  width: 100%;
  height: 100%;
}
@media (min-width: 1024px) {
  .testimonial-card__image {
    position: unset;
    top: unset;
    right: unset;
    bottom: unset;
    left: unset;
  }
}

.testimonial-card__main {
  display: flex;
  flex: 1 1 100%;
  padding: 2.4rem 2rem;
  height: 100%;
}
@media (min-width: 1024px) {
  .testimonial-card__main {
    flex: unset;
    margin: 0 0 0 2.4rem;
    padding: unset;
    height: unset;
  }
}

.testimonial-card__quote-wrapper {
  display: flex;
  flex-direction: column;
  margin: 0;
  min-height: 100%;
}

.testimonial-card__quote {
  margin: 0 0 1.4rem;
  line-height: 2.4rem;
  font-size: 1.6rem;
}
@media (min-width: 1024px) {
  .testimonial-card__quote {
    margin: 0 0 2.8rem;
    line-height: 4rem;
    font-size: 3.2rem;
    letter-spacing: 0;
  }
  p.testimonial-card__quote {
    font-size: 2rem;
  }
}

.testimonial-card__quote-author {
  margin: auto 0 0;
}

.testimonial-card__author-details {
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 2rem;
  row-gap: 1rem;
  width: 100%;
  max-width: 30rem;
}
@media (min-width: 768px) {
  .testimonial-card__author-details {
    row-gap: 0.8rem;
  }
}

.testimonial-card__details-term {
  grid-row-start: 1;
  line-height: 2rem;
  color: rgba(0, 0, 0, 0.6);
  font-family: GTPressuraMono, system-ui, system-ui;
  font-size: 1.4rem;
  letter-spacing: 0.05rem;
}

.testimonial-card__details-term--full-row {
  grid-row-start: 3;
  grid-column-start: 1;
  grid-column-end: 3;
  margin: 1.4rem 0 0;
  padding: 2.4rem 0 0;
  border-top: 0.1rem solid rgba(51, 51, 51, 0.4);
}
@media (min-width: 768px) {
  .testimonial-card__details-term--full-row {
    margin: 1.6rem 0 0;
  }
}

.testimonial-card__details-definition {
  grid-row-start: 2;
  margin: 0;
  line-height: 2rem;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.05rem;
}

.testimonial-card__details-definition--full-row {
  grid-row-start: 4;
  grid-column-start: 1;
  grid-column-end: 3;
}

.testimonial-card__collection {
  line-height: 0;
  font-size: 0;
}

.testimonial-card__icon {
  display: inline-block;
  width: 1.6rem;
  height: auto;
}

.testimonial-card__icon-separator {
  display: inline-block;
  width: 1.6rem;
}

.testimonial-card__icon + .testimonial-card__icon,
.testimonial-card__icon + .testimonial-card__icon-separator {
  margin: 0 0 0 1.6rem;
}

.testimonials {
  padding: 8rem 2.4rem 6.2rem;
  overflow: hidden;
}
@media (min-width: 768px) {
  .testimonials {
    padding: 8rem 2.4rem 8.6rem;
  }
}

.testimonials__heading {
  margin: 0 auto;
  width: 100%;
  line-height: 4rem;
  font-size: 3.2rem;
  font-weight: 400;
  text-align: center;
}
@media (min-width: 768px) {
  .testimonials__heading {
    max-width: 65rem;
    line-height: 5.2rem;
    font-size: 4.8rem;
    letter-spacing: 0;
  }
}

.testimonials__items-wrapper {
  margin: 0 auto;
  width: 100%;
  max-width: 98.4rem;
  overflow: hidden;
}

.testimonials__heading + .testimonials__items-wrapper {
  margin: 7.6rem auto 0;
}
@media (min-width: 768px) {
  .testimonials__heading + .testimonials__items-wrapper {
    margin: 4.8rem auto 0;
  }
}

.testimonials__items {
  display: flex;
  padding: 0 0 4.8rem;
}
@media (min-width: 768px) {
  .testimonials__items {
    padding: 0 0 6rem;
  }
}

.testimonials__controls {
  position: absolute;
  z-index: 10;
  bottom: 0.1rem;
  left: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .testimonials__controls {
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    width: 66.6rem;
  }
}

.testimonials__button {
  display: none;
  padding: 0;
  background: transparent;
  border: none;
  appearance: none;
  cursor: pointer;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}
@media (min-width: 1024px) {
  .testimonials__button {
    display: block;
  }
}

.testimonials__button.is-hidden {
  opacity: 0;
  visibility: hidden;
}

.testimonials__button-icon {
  display: block;
  width: 2rem;
  height: auto;
}

.testimonials__button-icon--previous {
  transform: scale(-1);
}

.testimonials__scrollbar.swiper-scrollbar {
  position: relative;
  width: 100%;
  height: 0.1rem;
  background-color: #000;
}
@media (min-width: 768px) {
  .testimonials__scrollbar.swiper-scrollbar {
    width: 59.4rem;
  }
}
@media (min-width: 1024px) {
  .testimonials__scrollbar.swiper-scrollbar {
    margin: 0 1.6rem;
  }
}

.testimonials__scrollbar.swiper-scrollbar > .swiper-scrollbar-drag {
  position: relative;
  top: -0.1rem;
  height: 0.3rem;
  background-color: #000;
  border-radius: 0.2rem;
}

.key-ingredients-list {
  display: none;
  margin: 0;
  padding: 0 2.4rem 5rem;
  overflow: hidden;
}
@media (min-width: 768px) {
  .key-ingredients-list {
    padding: 0 2.4rem;
    overflow: unset;
  }
}

.key-ingredients-list.is-active {
  display: flex;
}

.key-ingredients-list__content {
  display: flex;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  max-width: 98.5rem;
  height: 33rem;
  list-style: none;
  justify-content: center;
}
@media (min-width: 768px) {
  .key-ingredients-list__content {
    height: 39rem;
  }
}

.key-ingredients-list__item {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 2.4rem 2rem 2rem;
  width: calc((100% - 4rem) / 3);
  min-width: 20.2rem;
  border: 2px solid #000;
  border-radius: 1rem;
  overflow: hidden;
}
@media (min-width: 768px) {
  .key-ingredients-list__item {
    padding: 2.4rem 3rem;
    width: calc((100% - 4rem) / 3);
    min-width: unset;
  }
}

.key-ingredients-list__item + .key-ingredients-list__item {
  margin: 0 0 0 2rem;
}

.key-ingredients-list__kicker {
  line-height: 2rem;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.07rem;
}
@media (min-width: 768px) {
  .key-ingredients-list__kicker {
    font-size: 1.4rem;
  }
}

.key-ingredients-list__heading {
  margin: 1rem 0 0;
  line-height: 2rem;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.07rem;
}

.key-ingredients-list__description {
  margin: 0;
  width: 100%;
  max-width: 19.2rem;
  line-height: 2rem;
  font-size: 1.4rem;
  letter-spacing: 0.07rem;
}

.key-ingredients-list__heading + .key-ingredients-list__description {
  margin: 1rem 0 0;
}

.key-ingredients-list__image {
  display: block;
  margin: auto auto 0;
  width: 100%;
  height: auto;
}

.key-ingredients-list__scrollbar.swiper-scrollbar {
  bottom: 0.1rem;
  left: 2.4rem;
  width: calc(100% - (2 * 2.4rem));
  height: 0.1rem;
  background-color: #000;
}

.key-ingredients-list__scrollbar.swiper-scrollbar > .swiper-scrollbar-drag {
  position: relative;
  top: -0.1rem;
  height: 0.3rem;
  background-color: #000;
  border-radius: 0.2rem;
}

.key-ingredients {
  padding: 8rem 0 4.8rem;
}
@media (min-width: 768px) {
  .key-ingredients {
    padding: 15rem 0;
  }
}

.key-ingredients__heading {
  margin: 0 auto;
  padding: 0 2.4rem;
  width: 100%;
  max-width: calc(56.6rem + (2 * 2.4rem));
  line-height: 5.2rem;
  font-size: 4.8rem;
  font-weight: 400;
  text-align: center;
}
@media (min-width: 768px) {
  .key-ingredients__heading {
    line-height: 4rem;
    font-size: 4rem;
  }
}

.key-ingredients__description {
  margin: 0 auto;
  padding: 0 2.4rem;
  width: 100%;
  max-width: calc(42rem + (2 * 2.4rem));
  letter-spacing: 0.08rem;
  text-align: center;
}

.key-ingredients__heading + .key-ingredients__description {
  margin: 2.4rem auto 0;
}

.key-ingredients__products-wrapper {
  display: flex;
  width: 100%;
  height: 4.4rem;
  overflow: hidden;
}
@media (min-width: 768px) {
  .key-ingredients__products-wrapper {
    display: block;
  }
}

.key-ingredients__heading + .key-ingredients__products-wrapper,
.key-ingredients__description + .key-ingredients__products-wrapper {
  margin: 4.8rem auto 0;
}

.key-ingredients__products {
  display: flex;
  margin: 0 auto;
  padding: 0 2.4rem;
  height: 8rem;
  list-style: none;
  overflow-x: auto;
}
@media (min-width: 768px) {
  .key-ingredients__products {
    justify-content: center;
    height: unset;
    overflow-x: unset;
  }
}

.key-ingredients__product + .key-ingredients__product {
  margin: 0 0 0 1.2rem;
}

.key-ingredients__list {
  margin: 3.2rem auto 30px;
}
@media (min-width: 768px) {
  .key-ingredients__list {
    margin: 4rem auto 0;
  }
}

.contact .contact {
  padding: 8rem 2.4rem;
  background-color: #F1F0EF;
}
@media (min-width: 768px) {
  .contact .contact {
    padding: 15rem 2.4rem;
  }
}

.contact__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  width: 100%;
  max-width: 98.5rem;
}
@media (min-width: 768px) {
  .contact__content {
    display: flex;
    flex-direction: unset;
    justify-content: space-between;
    align-items: flex-start;
  }
}

.contact__heading {
  margin: 0;
  width: 100%;
  max-width: 39.8rem;
  line-height: 4rem;
  font-size: 3.2rem;
  font-weight: 400;
}
@media (min-width: 768px) {
  .contact__heading {
    line-height: 5.2rem;
    font-size: 4.8rem;
    letter-spacing: 0;
  }
}

.contact__description {
  margin: 0;
  width: 100%;
  max-width: 39.8rem;
}

.contact__description > p {
  margin: 0;
}

.contact__heading + .contact__description {
  margin: 2.4rem 0 0;
}

.contact__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.contact__heading + .contact__list,
.contact__description + .contact__list {
  margin: 4rem auto 0;
}
@media (min-width: 768px) {
  .contact__heading + .contact__list,
.contact__description + .contact__list {
    margin: 8rem 0 0;
  }
}

.contact__item + .contact__item {
  margin: 2rem 0 0;
}

.contact__link {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  font-family: GTPressuraMono, system-ui, system-ui;
  font-size: 1.4rem;
  letter-spacing: 0.05rem;
  text-decoration: none;
}

.contact__icon {
  display: block;
  margin: 0 0.8rem 0 0;
  width: 2.4rem;
  height: 2.4rem;
}

.contact__decoration {
  position: relative;
  margin: 4.8rem 0 0;
  width: 100%;
  max-width: 39.8rem;
  border-radius: 1rem;
  overflow: hidden;
}
@media (min-width: 768px) {
  .contact__decoration {
    position: unset;
    margin: 0 0 0 4rem;
    width: 48rem;
  }
}

.contact__decoration::before {
  content: "";
  display: block;
  padding: 109% 0 0;
}
@media (min-width: 768px) {
  .contact__decoration::before {
    content: unset;
    display: unset;
    padding: unset;
  }
}

.contact__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  object-position: center;
  object-fit: cover;
  display: block;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .contact__image {
    position: unset;
    top: unset;
    right: unset;
    bottom: unset;
    left: unset;
    max-width: unset;
    height: auto;
  }
}

.science-hero {
  position: relative;
  padding: 6.2rem 2.4rem;
  height: 46.6rem;
  background-image: var(--science-hero-background);
  background-position: center;
  background-size: cover;
}
@media (min-width: 768px) {
  .science-hero {
    position: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2.4rem;
    height: 50.6rem;
  }
}

.science-hero--with-mobile-background {
  background-image: var(--science-hero-background-mobile);
}
@media (min-width: 768px) {
  .science-hero--with-mobile-background {
    background-image: var(--science-hero-background);
  }
}

.science-hero__content {
  margin: 0 auto;
  width: 100%;
  max-width: 98.4rem;
}
@media (min-width: 768px) {
  .science-hero__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

.science-hero__heading {
  margin: 0 auto;
  width: 100%;
  max-width: 32.8rem;
  line-height: 4rem;
  font-size: 3.2rem;
  font-weight: 400;
  text-align: center;
}
@media (min-width: 768px) {
  .science-hero__heading {
    margin: 0 auto 0 0;
    max-width: 56.6rem;
    line-height: 5.2rem;
    font-size: 4.8rem;
    text-align: left;
  }
}

.science-hero__image {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  display: block;
  width: 8.4rem;
  height: auto;
}
@media (min-width: 768px) {
  .science-hero__image {
    position: unset;
    bottom: unset;
    left: unset;
    transform: unset;
    margin: 0 8rem 0 auto;
    width: 11.5rem;
  }
}

.science-presentation {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 14.8rem 2.4rem 6.6rem;
}
@media (min-width: 768px) {
  .science-presentation {
    padding: 12rem 2.4rem;
  }
}

.science-presentation__video {
  width: 100%;
  max-width: 81.6rem;
  height: auto;
}

.science-presentation__content {
  padding: 0 0 3.2rem;
  width: 100%;
  max-width: 81.6rem;
}
@media (min-width: 768px) {
  .science-presentation__content {
    padding: 0 0 4.8rem;
  }
}

.science-presentation__list {
  display: flex;
  margin: 4.8rem 0 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .science-presentation__list {
    margin: 0;
  }
}

.science-presentation__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.science-presentation__kicker {
  position: relative;
  z-index: 5;
  margin: 0;
  width: 100%;
  max-width: calc(32.8rem + (2 * 2.4rem));
  line-height: 2rem;
  font-family: GTPressuraMono, system-ui, system-ui;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.05rem;
  text-align: center;
}

.science-presentation__description {
  position: relative;
  z-index: 5;
  margin: 0;
  width: 100%;
  max-width: calc(32.8rem + (2 * 2.4rem));
  line-height: 2.8rem;
  font-size: 2rem;
  letter-spacing: 0.05rem;
  text-align: center;
}
@media (min-width: 480px) {
  .science-presentation__description {
    max-width: calc(55.8rem + (2 * 2.4rem));
    line-height: 3.2rem;
    font-size: 2.4rem;
    letter-spacing: 0;
  }
}

.science-presentation__kicker + .science-presentation__description {
  margin: 1.6rem 0 0;
}

.science-presentation__controls {
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .science-presentation__controls {
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    width: 66.6rem;
  }
}

.science-presentation__button {
  display: none;
  padding: 0;
  background: transparent;
  border: none;
  appearance: none;
  cursor: pointer;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}
@media (min-width: 1024px) {
  .science-presentation__button {
    display: block;
  }
}

.science-presentation__button.is-hidden {
  opacity: 0;
  visibility: hidden;
}

.science-presentation__button-icon {
  display: block;
  width: 2rem;
  height: auto;
}

.science-presentation__button-icon--previous {
  transform: scale(-1);
}

.science-presentation__scrollbar.swiper-scrollbar {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 0.1rem;
  background-color: #000;
}
@media (min-width: 768px) {
  .science-presentation__scrollbar.swiper-scrollbar {
    width: 59.4rem;
  }
}
@media (min-width: 1024px) {
  .science-presentation__scrollbar.swiper-scrollbar {
    margin: 0 1.6rem;
  }
}

.science-presentation__scrollbar.swiper-scrollbar > .swiper-scrollbar-drag {
  position: relative;
  top: -0.1rem;
  height: 0.3rem;
  background-color: #000;
  border-radius: 0.2rem;
}

.science-difference-top {
  margin: 0 auto;
  width: 100%;
  max-width: 115.2rem;
}
@media (min-width: 1024px) {
  .science-difference-top {
    display: flex;
  }
}

.science-difference-top__main {
  margin: 0 auto;
  width: 100%;
  max-width: calc(37.2rem + (2 * 2.4rem));
  padding: 0 2.4rem;
}
@media (min-width: 768px) {
  .science-difference-top__main {
    max-width: calc(48.2rem + (2 * 2.4rem));
  }
}
@media (min-width: 1024px) {
  .science-difference-top__main {
    flex: 1 1 auto;
    padding: 2.8rem 0 0;
  }
}

.science-difference-top__kicker {
  line-height: 2rem;
  font-family: GTPressuraMono, system-ui, system-ui;
  font-size: 1.4rem;
  letter-spacing: 0.05rem;
}

.science-difference-top__heading {
  line-height: 4rem;
  font-size: 3.2rem;
  font-weight: 400;
}
@media (min-width: 768px) {
  .science-difference-top__heading {
    line-height: 5.2rem;
    font-size: 4.8rem;
    letter-spacing: 0;
  }
}

.science-difference-top__kicker + .science-difference-top__heading {
  margin: 1.6rem 0 0;
}

.science-difference-top__description {
  margin: 2.4rem 0 0;
}

.science-difference-top__image-wrapper {
  margin: 4.8rem auto 0;
  width: 100%;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .science-difference-top__image-wrapper {
    margin: 0 0 0 9.4rem;
    flex: 1 0 50%;
    max-width: unset;
    border-radius: 1rem;
  }
}

.science-difference-top__image {
  display: block;
  width: 100%;
  height: auto;
}

.science-difference-products {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0 2.4rem;
  width: 100%;
  max-width: calc(32.8rem + (2 * 2.4rem));
}
@media (min-width: 480px) {
  .science-difference-products {
    max-width: calc(50rem + (2 * 2.4rem));
  }
}
@media (min-width: 768px) {
  .science-difference-products {
    position: unset;
  }
}

.science-difference-products__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 9rem;
  transition: opacity 0.2s ease-in-out;
}
@media (min-width: 480px) {
  .science-difference-products__item {
    min-width: 9.2rem;
  }
}
@media (min-width: 768px) {
  .science-difference-products__item {
    position: relative;
  }
}

.science-difference-graph.is-active .science-difference-products__item {
  opacity: 0.2;
}

.science-difference-graph.is-active .science-difference-products__item.is-active {
  opacity: 1;
}

.science-difference-products__trigger {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
  background-color: transparent;
  border: none;
  appearance: none;
  cursor: pointer;
}

.science-difference-products__image {
  display: block;
  width: 1.6rem;
  height: auto;
}
@media (min-width: 480px) {
  .science-difference-products__image {
    width: 3.8rem;
  }
}

.science-difference-products__name {
  margin: 1rem auto 0.4rem;
  line-height: 2rem;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.05rem;
}
@media (min-width: 480px) {
  .science-difference-products__name {
    margin: 1.6rem auto 0.4rem;
    font-size: 1.4rem;
  }
}

.science-difference-products__line-dashed {
  display: flex;
  margin: 0.4rem auto 0;
  width: 0.1rem;
  height: auto;
}
@media (min-width: 480px) {
  .science-difference-products__line-dashed {
    width: 0.2rem;
  }
}

.science-difference-products__label {
  position: relative;
  display: block;
  margin: -0.4rem auto 0;
  padding: 0 1.2rem;
  height: 3.2rem;
  line-height: 3.2rem;
  font-size: 1.4rem;
  letter-spacing: 0.05rem;
  border-radius: 1.6rem;
}

.science-difference-products__line-arrow {
  display: block;
  margin: -0.2rem auto 0;
  width: auto;
  height: 6rem;
}
@media (min-width: 480px) {
  .science-difference-products__line-arrow {
    height: 9rem;
  }
}

.science-difference-products__details {
  position: absolute;
  top: 36.4rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  padding: 4rem;
  width: 32.8rem;
  background-color: #F2EFEC;
  border-radius: 1rem;
  box-shadow: 0 0.2rem 1.5rem 0.4rem rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}
@media (min-width: 480px) {
  .science-difference-products__details {
    top: 52rem;
  }
}
@media (min-width: 768px) {
  .science-difference-products__details {
    top: 2.2rem;
    right: -3.6rem;
    left: unset;
    transform: translateX(100%);
    width: 42.4rem;
  }
}

@media (min-width: 768px) {
  .science-difference-products__details--left {
    right: unset;
    left: -3.6rem;
    transform: translateX(-100%);
  }
}

@media (min-width: 768px) {
  .science-difference-products__details--center {
    right: unset;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (min-width: 1024px) {
  .science-difference-products__details--center {
    right: unset;
    left: -3.6rem;
    transform: translateX(-100%);
  }
}

.science-difference-products__item.is-active .science-difference-products__details {
  opacity: 1;
  visibility: visible;
}

.science-difference-products__heading {
  margin: 0;
  line-height: 2.8rem;
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: 0.05rem;
}
@media (min-width: 768px) {
  .science-difference-products__heading {
    line-height: 3.2rem;
    font-size: 2.4rem;
    letter-spacing: 0;
  }
}

.science-difference-products__description {
  margin: 1.6rem 0 0;
  line-height: 2rem;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
}

.science-difference-products__cta {
  margin: 2.4rem 0 0;
}

.science-difference-graph {
  position: relative;
  padding: 8rem 0 7.8rem;
  background-color: #fff;
}
@media (min-width: 1024px) {
  .science-difference-graph {
    position: unset;
    margin: 8rem auto 0;
    padding: 8rem 0;
    width: 100%;
    max-width: 115.2rem;
    border-radius: 1rem;
  }
}

.science-difference-graph__illustration {
  position: relative;
  margin: 4rem 0 0;
}
@media (min-width: 1024px) {
  .science-difference-graph__illustration {
    margin: 6.8rem 0 0;
  }
}

.science-difference-graph__graph {
  display: none;
  margin: 0 auto;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .science-difference-graph__graph {
    display: block;
    max-width: 144rem;
  }
}

.science-difference-graph__graph--mobile {
  display: block;
}
@media (min-width: 768px) {
  .science-difference-graph__graph--mobile {
    display: none;
  }
}

.science-difference-graph__graph path {
  transform-origin: bottom;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

.science-difference-graph.is-active .science-difference-graph__graph path {
  transform: scaleY(0.075);
  opacity: 0.2;
}

.science-difference-graph.is-active .science-difference-graph__graph path.is-active {
  transform: unset;
  opacity: 0.7;
}

.science-difference-graph__label-wrapper {
  display: flex;
  align-items: center;
  margin: 2.4rem auto 0;
  width: 100%;
  max-width: 126rem;
}
@media (min-width: 768px) {
  .science-difference-graph__label-wrapper {
    margin: 3.2rem auto 0;
  }
}

.science-difference-graph__label {
  display: inline-flex;
  align-items: center;
  margin: 0 1rem 0 2.4rem;
  line-height: 1;
  font-family: GTPressuraMono, system-ui, system-ui;
  font-size: 1.4rem;
  letter-spacing: 0.05rem;
  white-space: nowrap;
  opacity: 0.2;
  transition: opacity 0.2s ease-in-out;
}
@media (min-width: 1024px) {
  .science-difference-graph__label {
    margin: 0 1rem 0 4rem;
  }
}

.science-difference-graph__label.is-active {
  opacity: 1;
}

.science-difference-graph__label--center {
  display: none;
}
@media (min-width: 768px) {
  .science-difference-graph__label--center {
    display: block;
    margin: 0 2.4rem;
  }
}

.science-difference-graph__label--right {
  margin: 0 2.4rem 0 1rem;
}
@media (min-width: 1024px) {
  .science-difference-graph__label--right {
    margin: 0 4rem 0 1rem;
  }
}

.science-difference-graph__icon {
  display: block;
  margin: 0 1.2rem 0 0;
  width: 2rem;
  height: 2rem;
}

.science-difference-graph__separator {
  flex: 1 1 100%;
  height: 0.1rem;
  background-color: #000;
  opacity: 0.2;
  transition: opacity 0.2s ease-in-out;
}

.science-difference-graph__separator.is-active {
  opacity: 1;
}

.science-difference-graph::after {
  content: "";
  position: absolute;
  right: 2.4rem;
  bottom: 0;
  left: 2.4rem;
  display: block;
  height: 0.1rem;
  background-color: rgba(0, 0, 0, 0.2);
}
@media (min-width: 1024px) {
  .science-difference-graph::after {
    display: none;
  }
}

.science-difference-graph__list {
  margin: 7.2rem auto 0;
  padding: 0 2.4rem;
  width: 100%;
  max-width: 48rem;
  list-style: none;
  transition: opacity 0.2s ease-in-out;
}
@media (min-width: 1024px) {
  .science-difference-graph__list {
    padding: 0;
    transition: unset;
  }
}

.science-difference-graph.is-active > .science-difference-graph__list {
  opacity: 0.1;
}
@media (min-width: 768px) {
  .science-difference-graph.is-active > .science-difference-graph__list {
    opacity: unset;
  }
}

.science-difference-graph__item {
  width: 100%;
}

.science-difference-graph__item + .science-difference-graph__item {
  margin: 4.8rem 0 0;
}

.science-difference-graph__heading {
  margin: 0 auto;
  width: 100%;
  max-width: 39.6rem;
  line-height: 2.8rem;
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: 0.05rem;
  text-align: center;
}
@media (min-width: 768px) {
  .science-difference-graph__heading {
    line-height: 3.2rem;
    font-size: 2.4rem;
    letter-spacing: 0;
  }
}

.science-difference-graph__description {
  margin: 2.4rem auto 0;
  width: 100%;
  text-align: center;
}

.science-difference {
  padding: 8rem 0 0;
  background-color: #E9DBD1;
}
@media (min-width: 768px) {
  .science-difference {
    padding: 12rem 0 0;
  }
}
@media (min-width: 1024px) {
  .science-difference {
    padding: 12rem 2.4rem;
  }
}

.science-ingredients {
  padding: 8rem 2.4rem;
}
@media (min-width: 768px) {
  .science-ingredients {
    padding: 15rem 2.4rem;
  }
}

.science-ingredients__content {
  margin: 0 auto;
  width: 100%;
  max-width: 48.2rem;
}
@media (min-width: 768px) {
  .science-ingredients__content {
    max-width: 98.8rem;
  }
}

.science-ingredients__badge {
  display: block;
  width: 16.7rem;
  height: auto;
}

.science-ingredients__top {
  margin: 4.4rem 0 0;
}
@media (min-width: 768px) {
  .science-ingredients__top {
    display: flex;
    justify-content: space-between;
    margin: 4.8rem 0 0;
  }
}

.science-ingredients__heading {
  margin: 0;
  line-height: 4rem;
  font-size: 3.2rem;
  font-weight: 400;
  letter-spacing: 0;
}
@media (min-width: 768px) {
  .science-ingredients__heading {
    flex: 0 1 calc((100% - 2.4rem) / 2);
    line-height: 5.2rem;
    font-size: 4.8rem;
  }
}

.science-ingredients__description {
  margin: 0;
}
@media (min-width: 768px) {
  .science-ingredients__description {
    flex: 0 1 calc((100% - 2.4rem) / 2);
  }
}

.science-ingredients__heading + .science-ingredients__description {
  margin: 2.4rem 0 0;
}
@media (min-width: 768px) {
  .science-ingredients__heading + .science-ingredients__description {
    margin: 0;
  }
}

.science-ingredients__list {
  margin: 4.8rem 0 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .science-ingredients__list {
    display: flex;
    justify-content: space-between;
    margin: 8rem 0 0;
  }
}

@media (min-width: 768px) {
  .science-ingredients__item-wrapper {
    flex: 0 1 calc((100% - 2.4rem) / 2);
  }
}

.science-ingredients__item-wrapper + .science-ingredients__item-wrapper {
  margin: 4.8rem 0 0;
}
@media (min-width: 768px) {
  .science-ingredients__item-wrapper + .science-ingredients__item-wrapper {
    margin: 0;
  }
}

.science-ingredients__item {
  margin: 0;
}

.science-ingredients__image-wrapper {
  position: relative;
  padding: 100% 0 0;
  border-radius: 1rem;
  overflow: hidden;
}
@media (min-width: 768px) {
  .science-ingredients__image-wrapper {
    padding: 78% 0 0;
  }
}

.science-ingredients__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  object-position: center;
  object-fit: cover;
  display: block;
  width: 100%;
  height: 100%;
}

.science-ingredients__item-description-wrapper {
  margin: 2.4rem 0 0;
}
@media (min-width: 768px) {
  .science-ingredients__item-description-wrapper {
    margin: 3.2rem 0 0;
  }
}

.science-ingredients__item-heading {
  margin: 0;
  line-height: 2.8rem;
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: 0.05rem;
}
@media (min-width: 768px) {
  .science-ingredients__item-heading {
    line-height: 3.2rem;
    font-size: 2.4rem;
    letter-spacing: 0;
  }
}

.science-ingredients__item-description {
  margin: 0;
}

.science-ingredients__item-heading + .science-ingredients__item-description {
  margin: 1.6rem 0 0;
}

.science-mushrooms {
  padding: 8rem 2.4rem;
  height: 47.2rem;
  background-image: var(--science-mushrooms-background);
  background-color: #B3DADD;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 200rem 47.2rem;
}

.science-mushrooms--with-mobile-background {
  height: 33.8rem;
  background-image: var(--science-mushrooms-background-mobile);
  background-size: 60rem 33.8rem;
}
@media (min-width: 768px) {
  .science-mushrooms--with-mobile-background {
    height: 47.2rem;
    background-image: var(--science-mushrooms-background);
    background-size: 200rem 47.2rem;
  }
}

.science-mushrooms--with-mobile-background {
  background-image: var(--science-mushrooms-background-mobile);
}
@media (min-width: 768px) {
  .science-mushrooms--with-mobile-background {
    background-image: var(--science-mushrooms-background);
  }
}

.science-mushrooms__heading {
  margin: 0 auto;
  width: 100%;
  max-width: 28.2rem;
  line-height: 4rem;
  font-size: 3.2rem;
  font-weight: 400;
  text-align: center;
}
@media (min-width: 768px) {
  .science-mushrooms__heading {
    max-width: 48.2rem;
    line-height: 5.2rem;
    font-size: 4.8rem;
  }
}

.science-process {
  padding: 8rem 2.4rem 4rem;
}
@media (min-width: 768px) {
  .science-process {
    padding: 12rem 2.4rem 6rem;
  }
}

.science-process__content {
  margin: 0 auto;
  width: 100%;
  max-width: 48.2rem;
}
@media (min-width: 768px) {
  .science-process__content {
    display: flex;
    justify-content: space-between;
    max-width: 115rem;
  }
}

.science-process__main {
  flex: 0 1 calc((100% - 7.5rem) / 2);
}

.science-process__heading {
  margin: 0;
  width: 100%;
  max-width: 45.4rem;
  line-height: 3.2rem;
  font-size: 2.4rem;
  font-weight: 400;
  letter-spacing: 0;
}
@media (min-width: 768px) {
  .science-process__heading {
    line-height: 4rem;
    font-size: 3.2rem;
    letter-spacing: 0;
  }
}

.science-process__image {
  display: block;
  margin: 6rem auto 0;
  width: 100%;
  max-width: 42rem;
  height: auto;
}
@media (min-width: 1024px) {
  .science-process__image {
    margin: 9.5rem auto 0;
  }
}
@media (min-width: 1280px) {
  .science-process__image {
    margin: 9.5rem 0 0 6rem;
  }
}

.science-process__list {
  margin: 8rem 0 0;
  padding: 4.8rem 2rem;
  background-color: #B3DADD;
  border-radius: 1rem;
  list-style: none;
}
@media (min-width: 768px) {
  .science-process__list {
    flex: 0 1 calc((100% - 7.5rem) / 2);
    margin: 0;
  }
}
@media (min-width: 1024px) {
  .science-process__list {
    padding: 8rem 8.5rem;
  }
}

.science-process__item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1024px) {
  .science-process__item {
    display: block;
    flex-direction: unset;
    align-items: unset;
  }
}

.science-process__item + .science-process__item {
  margin: 4.8rem 0 0;
}
@media (min-width: 1024px) {
  .science-process__item + .science-process__item {
    margin: 4rem 0 0;
  }
}

.science-process__index {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.2rem;
  height: 3.2rem;
  color: #333;
  font-family: GTPressuraMono, system-ui, system-ui;
  line-height: 1;
  font-size: 1.4rem;
  letter-spacing: 0.05rem;
  text-align: center;
  background-color: #F2EFEC;
  border-radius: 50%;
}

.science-process__description {
  margin: 1.6rem 0 0;
  text-align: center;
}
@media (min-width: 1024px) {
  .science-process__description {
    text-align: left;
  }
}

.science-experts {
  padding: 4rem 0 0;
}
@media (min-width: 768px) {
  .science-experts {
    padding: 6rem 0 0;
  }
}

.science-experts__heading-wrapper {
  margin: 0 auto;
  padding: 0 2.4rem;
  width: 100%;
  max-width: calc(115.2rem + (2 * 2.4rem));
}

.science-experts__heading {
  margin: 0;
  width: 100%;
  max-width: 32.8rem;
  line-height: 4rem;
  font-size: 3.2rem;
  font-weight: 400;
}
@media (min-width: 768px) {
  .science-experts__heading {
    max-width: 56.2rem;
    line-height: 5.2rem;
    font-size: 4.8rem;
  }
}

.science-experts__list-wrapper {
  position: relative;
  display: flex;
  margin: 4.8rem auto 0;
  padding: 0 2.4rem;
  width: 100%;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .science-experts__list-wrapper {
    position: unset;
    display: block;
    max-width: calc(115.2rem + (2 * 2.4rem));
  }
}

.science-experts__list-wrapper::after {
  content: "";
  position: absolute;
  right: 2.4rem;
  bottom: 0;
  left: 2.4rem;
  display: block;
  height: 0.1rem;
  background-color: rgba(0, 0, 0, 0.2);
}
@media (min-width: 1024px) {
  .science-experts__list-wrapper::after {
    display: none;
  }
}

.science-experts__list {
  display: flex;
  margin: 0;
  padding: 0 0 8rem;
  list-style: none;
}
@media (min-width: 1024px) {
  .science-experts__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 2.4rem;
    row-gap: 8.4rem;
    padding: 0 0 6rem;
    border-bottom: 0.1rem solid rgba(0, 0, 0, 0.3);
  }
}

.science-experts__item {
  width: 24rem;
}
@media (min-width: 1024px) {
  .science-experts__item {
    display: flex;
    width: unset;
  }
}

.science-experts__item + .science-experts__item {
  margin: 0 0 0 1.6rem;
}
@media (min-width: 1024px) {
  .science-experts__item + .science-experts__item {
    margin: unset;
  }
}

.science-experts__image-wrapper {
  position: relative;
  flex: 0 0 auto;
  width: 24.2rem;
  height: 29.4rem;
  border-radius: 1rem;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .science-experts__image-wrapper {
    width: 22.8rem;
    height: 28.2rem;
  }
}

.science-experts__image {
  object-position: center;
  object-fit: cover;
  display: block;
  width: 100%;
  height: 100%;
}

.science-experts__main {
  margin: 2.4rem 0 0;
}
@media (min-width: 1024px) {
  .science-experts__main {
    margin: 4.8rem 0 0 2rem;
  }
}

.science-experts__item-heading {
  margin: 0;
  line-height: 2rem;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.05rem;
}

.science-experts__item-position {
  margin: 0.4rem 0 0;
  line-height: 2rem;
  font-family: GTPressuraMono, system-ui, system-ui;
  font-size: 1.4rem;
  letter-spacing: 0.05rem;
}

.science-experts__item-description {
  margin: 1.6rem 0 0;
}

.science-experts__item-cta {
  margin: 1.4rem 0 0;
}

.science-partnership {
  padding: 8rem 2.4rem;
}
@media (min-width: 1280px) {
  .science-partnership {
    padding: 6rem 2.4rem 12rem;
  }
}

.science-partnership__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  width: 100%;
  max-width: 115.2rem;
}
@media (min-width: 1280px) {
  .science-partnership__content {
    flex-direction: row;
    align-items: unset;
  }
}

.science-partnership__heading {
  margin: 0;
  width: 100%;
  max-width: 44rem;
  line-height: 3.2rem;
  font-size: 2.4rem;
  font-weight: 400;
  letter-spacing: 0;
  text-align: center;
}
@media (min-width: 768px) {
  .science-partnership__heading {
    line-height: 4rem;
    font-size: 3.2rem;
    letter-spacing: 0;
  }
}
@media (min-width: 1280px) {
  .science-partnership__heading {
    display: flex;
    align-items: center;
    padding: 0 2.4rem 0 0;
    height: 9.4rem;
    text-align: left;
  }
}

.science-partnership__list {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 4.8rem;
  flex: 1 1 100%;
  margin: 4.8rem auto 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .science-partnership__list {
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 7rem;
    row-gap: 7rem;
  }
}
@media (min-width: 1280px) {
  .science-partnership__list {
    margin: 0;
  }
}

.science-partnership__item {
  margin: 0;
}

.science-partnership__image-wrapper {
  position: relative;
  margin: 0 auto;
  padding: 52.2% 0 0;
  width: 100%;
  max-width: 15.5rem;
}
@media (min-width: 768px) {
  .science-partnership__image-wrapper {
    max-width: 18rem;
  }
}

.science-partnership__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  object-position: center;
  object-fit: contain;
  display: block;
  width: 100%;
  height: 100%;
}

.science-partnership__name {
  margin: 0.6 auto;
  width: 100%;
  max-width: 14rem;
  line-height: 2rem;
  font-family: GTPressuraMono, system-ui, system-ui;
  font-size: 1.4rem;
  letter-spacing: 0.05rem;
  text-align: center;
}
@media (min-width: 768px) {
  .science-partnership__name {
    margin: 0 auto;
  }
}

.science-shop {
  background-color: #B3DADD;
}
@media (min-width: 1024px) {
  .science-shop {
    height: 59.5rem;
    overflow: hidden;
  }
}

.science-shop__content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 0 4.8rem;
  width: 100%;
}
@media (min-width: 1024px) {
  .science-shop__content {
    align-items: unset;
    margin: 0 auto;
    padding: 4.8rem 2.4rem 0;
    width: 100%;
    max-width: calc(115.2rem + (2 * 2.4rem));
    height: 100%;
  }
}

.science-shop__content::after {
  content: "";
  position: absolute;
  right: 2.4rem;
  bottom: 0;
  left: 2.4rem;
  z-index: 15;
  height: 0.1rem;
  background-color: #000;
}
@media (min-width: 1024px) {
  .science-shop__content::after {
    background-color: rgba(0, 0, 0, 0.4);
  }
}

.science-shop__heading {
  position: relative;
  z-index: 10;
  margin: 0;
  padding: 0 2.4rem;
  width: 100%;
  max-width: calc(31.5rem + (2 * 2.4rem));
  line-height: 3.2rem;
  font-size: 2.4rem;
  font-weight: 400;
  text-align: center;
}
@media (min-width: 768px) {
  .science-shop__heading {
    line-height: 4rem;
    font-size: 3.2rem;
    letter-spacing: 0;
  }
}
@media (min-width: 1024px) {
  .science-shop__heading {
    padding: 0;
    text-align: left;
  }
}

.science-shop__cta {
  max-width: 28.8rem;
}
.shop__cta {
  max-width: 23.4rem;
}
@media (min-width: 1024px) {
  .science-shop__cta {
    max-width: 23.4rem;
  }
}

.science-shop__heading + .science-shop__cta {
  margin: 3.2rem 0 0;
}

.science-shop__image {
  object-position: center;
  object-fit: cover;
  display: block;
  margin: 0 auto 6rem;
  width: 100%;
  height: 30.4rem;
}
@media (min-width: 480px) {
  .science-shop__image {
    object-position: unset;
    object-fit: unset;
    height: auto;
  }
}
@media (min-width: 1024px) {
  .science-shop__image {
    position: absolute;
    top: 0;
    right: unset;
    bottom: 0;
    left: 32rem;
    z-index: 5;
    margin: 0;
    width: auto;
    height: 59.4rem;
  }
}

.subscription-description {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2rem;
  background-color: #F8F1ED;
  border-radius: 1rem;
}

.subscription-description__cell {
  display: flex;
  align-items: center;
  flex: 0 0 calc((100% - 2.4rem) / 2);
  line-height: 2rem;
  font-size: 1.2rem;
  letter-spacing: 0.05rem;
}

.subscription-description__icon {
  display: block;
  flex: 0 0 auto;
  margin: 0 1.2rem 0 0;
  width: 4rem;
  height: 4rem;
}

.password-landing-top {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 8rem 0 0;
  height: 52.8rem;
}
@media (min-width: 768px) {
  .password-landing-top {
    padding: 18rem 0 0;
    height: 75.6rem;
  }
}

.password-landing-top__heading {
  position: relative;
  margin: 0 auto;
  padding: 0 2.4rem;
  width: 100%;
  max-width: calc(22.4rem + (2 * 2.4rem));
  line-height: 5.6rem;
  color: #fff;
  font-size: 4.8rem;
  font-weight: 400;
  letter-spacing: -0.01em;
  text-align: center;
}
@media (min-width: 768px) {
  .password-landing-top__heading {
    max-width: calc(68rem + (2 * 2.4rem));
    line-height: 7.2rem;
    font-size: 6.4rem;
  }
}

.password-landing-top__decoration {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16.4rem;
  overflow: hidden;
}
@media (min-width: 768px) {
  .password-landing-top__decoration {
    height: 36.5rem;
  }
}

.password-landing-top__image {
  object-position: center;
  object-fit: cover;
  display: block;
  width: 100%;
  height: 100%;
}

.password-landing-main {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8rem 2.4rem;
  background-color: #E9DBD1;
}
@media (min-width: 768px) {
  .password-landing-main {
    padding: 11.2rem 2.4rem 12rem;
  }
}

.password-landing-main__logo {
  display: block;
  width: 100%;
  max-width: 21.4rem;
  height: auto;
}
@media (min-width: 768px) {
  .password-landing-main__logo {
    max-width: 44rem;
  }
}

.password-landing-main__pill {
  position: relative;
  top: -0.6rem;
  display: block;
  width: 100%;
  max-width: 8rem;
  height: auto;
}
@media (min-width: 768px) {
  .password-landing-main__pill {
    top: -2.4rem;
    max-width: 12rem;
  }
}

.password-landing-main__heading {
  margin: 3.4rem auto 0;
  width: 100%;
  max-width: 54rem;
  line-height: 4rem;
  font-size: 3.2rem;
  font-weight: 400;
  letter-spacing: -0.005em;
  text-align: center;
}
@media (min-width: 768px) {
  .password-landing-main__heading {
    line-height: 5.2rem;
    font-size: 4.8rem;
    letter-spacing: unset;
  }
}

.password-landing-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 6rem auto 0;
  width: 100%;
  max-width: 48.2rem;
}
@media (min-width: 768px) {
  .password-landing-form {
    margin: 8rem auto 0;
  }
}

.password-landing-form__heading {
  margin: 0 auto;
  line-height: 2rem;
  font-family: GTPressuraMono, system-ui, system-ui;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.05rem;
  text-align: center;
}

.password-landing-form__input-wrapper {
  position: relative;
  margin: 0 auto;
  line-height: 0;
  font-size: 0;
  width: 100%;
}

.password-landing-form__heading + .password-landing-form__input-wrapper {
  margin: 2.2rem auto 0;
}

.password-landing-form__input {
  display: block;
  padding: 0 8.2rem 0 3.8rem;
  width: 100%;
  height: 8.8rem;
  font-size: 2.4rem;
  background-color: #fff;
  border: none;
  border-radius: 4rem;
  box-shadow: 0 0.2rem 1.5rem 0.4rem rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
  .password-landing-form__input {
    height: 8rem;
  }
}

.password-landing-form__input::placeholder {
  color: #000;
}

.password-landing-form__trigger {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  width: 8.7rem;
  height: 8rem;
  background-color: transparent;
  border: none;
  appearance: none;
  cursor: pointer;
}
@media (min-width: 768px) {
  .password-landing-form__trigger {
    width: 8.2rem;
  }
}

.password-landing-form__icon {
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}

.password-landing-form.is-loading .password-landing-form__icon {
  opacity: 0;
  visibility: hidden;
}

.password-landing-form__loader {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}

.password-landing-form.is-loading .password-landing-form__loader {
  opacity: 1;
  visibility: visible;
}

.password-landing-form__status {
  display: none;
  margin: 2.2rem auto 0;
  line-height: 2rem;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.05rem;
  text-align: center;
}

.password-landing-form__status.is-active {
  display: block;
}

.password-landing-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.6rem 2.4rem 6.4rem;
  background-color: #000;
}
@media (min-width: 768px) {
  .password-landing-footer {
    padding: 1.6rem 2.4rem;
  }
}

.password-landing-footer__heading {
  position: relative;
  left: 0.6rem;
  margin: 0;
  line-height: 1;
  color: #fff;
  font-family: GTPressuraMono, system-ui, system-ui;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.05rem;
}

.password-landing-footer__list {
  position: relative;
  left: 0.6rem;
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}

.password-landing-footer__heading + .password-landing-footer__list {
  margin: 0 0 0 2.4rem;
}

.password-landing-footer__link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.8rem;
  height: 4.8rem;
}

.password-landing-footer__icon path {
  fill: #fff;
}

/* BAHIA DESIGNS ADDED */

h1.product-details__h1 {
  font-size: 10px;
  color: #ff0000;
  font-weight: normal;
}
small.mini-cart__disclaimer.left {
  text-align: left;
  color: red;
  line-height: 1.3;
}
.product-details__content .product-details__small-text {
  color: red;
}
#disclaimer {
  color: red;
}
.home-split__content-wrapper {
  min-height: 78rem;
}

.display-on-mobile {
  display: none;
}

.display-on-desktop {
  display: block;
}

@media screen and (max-width: 767px) {
  .home-split {
    height: 108rem;
  }

  .product-details__content {
    display: flex;
    flex-flow: column;
  }

  .product-details__title{
    order: 1;
  }

  .product-details__content .junip-product-summary{
    order: 2;
  }

  .product-details__content .junip-product-summary-clickable{
    order: 3;
  }

  .product-details__description{
    order: 4;
  }

  form.product-settings{
    order: 5;
  }

  .pdp-subscription.display-on-mobile{
    order: 6;
  }

  .products-features{
    order: 7;
    padding-top: 20px;
  }

  .product-details__dosage{
    order: 8;
    margin-top: 30px;
  }

  .product-details__buttons{
    order: 9;
  }

  body.scrolled .product-details button#add-to-cart {
    background: #000000 !important;
    border-color: #000000 !important;
    font-size: 18px;
  }

  body.scrolled .product-details button#add-to-cart .button__label{
    color: #b3dadd !important;
    transform: none !important;
  }

  body.scrolled .loader{
    border-left: .3rem solid #b3dadd;
  }

  .display-on-mobile {
    display: block;
  }

  .display-on-desktop {
    display: none;
  }

  #smile-ui-lite-launcher-frame-container {
    display: none;
  }
   .ingredients-simple__image {
    width: 180px;
    height: auto;
  }
  .ingredients-simple__label.ingredients-simple__label--top {
    left: -90px;
    top: -40px;
  }
  .ingredients-simple__label-svg{
    left: -10px;
  }
  .ingredients-simple__label--bottom {
    bottom: -45px;
    right: -70px;
  }
}

/* REFILLS LANDING PAGE */
#refills h1.plain-hero__heading {
  letter-spacing: -0.01em;
  line-height: 7.2rem;
  max-width: 400px;
}
#refills .plain-hero--with-light-text h1.plain-hero__heading {
  color: #fff;
}
#refills .plain-hero {
  text-align: center;
}
#refills .home-products__heading {
  font-size: 3.2rem;
  line-height: 4.0rem;
  padding-bottom: 6rem;
}
/*
#refills .home-products-tile__ingredients {
  font-family: "GTPressuraMono";
}*/
#refills .key-ingredients__heading {
  font-size: 4.8rem;
}
div#shopify-section-template--15773522854040__1bdfab78-ed74-4ad4-b69d-40fd1b3412a5 {
  background: #B3DADD;
}
#refills .testimonial-card { 
 background: #E8F4F5;
}
#refills img.home-products-tile__pill-image {
  display: none;
}
#refills .home-products-tile__content {
  padding-top: 2rem;
}
#refills .home-products-tile__decoration {
  height: 33rem;
}
#refills .home-products {
  padding: 10rem 2.4rem;
}
#refills .button--secondary {
  margin-top: 20px;
}
#refills .capsules-section {
  padding: 20px 10px;
  position: relative;
}
#refills .capsule {
  display: inline;
  width: 1.2rem;
}
#refills .capsules-text {
  font-size: 12px;
  line-height: 30px;
  vertical-align: top;
}
#refills .capsules-image {
  padding-right: 1.5rem;
}
.button--color,
.button--color .button__label-separator {
  background-color: #000;
  color: #000;
}
.small-text {
  font-size: 1.2rem;
  text-align: left;
  padding-top: 10px;
  font-style: italic;
}
.product-details__small-text {
  text-align: left;
}
button.product-details__cta.button.button--transparent {
  margin-top: 2.5rem;
}

@media screen and (min-width: 768px) {
  #refills .plain-hero {
  align-items: end;
  padding: 2.4rem 9.4rem;
  }
  #refills h1.plain-hero__heading {
    text-align: right;
  }
  #refills .product-standards__icon {
    width: 7rem;
  }
  #refills .product-standards__icon+.product-standards__description {
    font-size: 2.3rem;
    line-height: 1.3;
  }
  #refills .key-ingredients {
    padding: 10rem 0;
  }
  #refills .product-faq {
    padding: 7.5rem 11rem 10rem;
  }
  #refills .home-products-tile__ingredients {
    min-height: 60px;
  }
}
@media screen and (min-width: 1024px) {
  .small-text {
    max-width: 200px;
    overflow-wrap: break-word;
    line-height: 1.2;
    float: right;
  }
  .product-details__buttons {
    position: relative;
  }
  .product .button__info {
    top: 5rem;
  }
  button.product-details__cta.button.button--transparent {
    margin-top: 0;
  }
}
@media screen and (max-width: 1024px) {
  #shopify-section-home-logos .science-presentation {
    padding: 60px 0 !important;
  }
}

/* MODAL */
.modal,
.modal2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.4rem;
 /* width: 450px;*/
  padding: 1.3rem;
/*  min-height: 500px;*/
  position: fixed;
  z-index: 999;
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 15px;
  overflow-y: hidden;
  /*top: 20%;
  left: 36%;*/
  top: 20px;
  left: 50%;
  transform: translate(-50%, 0);
}
@media screen and (max-width: 800px) {
  .modal,
  .modal2 {
    border-radius: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    justify-content: unset;
    transform: none;
  }
}
.modal .flex,
.modal2 .flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.modal input,
.modal2 input {
  padding: 0.7rem 1rem;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-size: 0.9em;
}

.modal p,
.modal2 input {
  font-size: 0.9rem;
  color: #777;
  margin: 0.4rem 0 0.2rem;
}
/* Supplement and Ingredient css */


/* Normal / Sunbeam */
#ThinkFastSunbeam-{{ section.id }} .supplement_and_ingredient_wrapper .supplement_and_ingredient_item button.btn.btn-open {
  color: #000 !important;
  font-size: 16px !important;
  cursor: pointer;
}

#ThinkFastSunbeam-{{ section.id }} .supplement_and_ingredient_wrapper .supplement_and_ingredient_item button.btn.btn-open2 {
  color: #000 !important;
  font-size: 16px !important;
  cursor: pointer;
}


/* Normal / GOLDENHOUR */
#ThinkFastGoldenhour-{{ section.id }} .supplement_and_ingredient_wrapper .supplement_and_ingredient_item button.btn.btn-open {
  color: #503530 !important;
  font-size: 16px !important;
  cursor: pointer;
}

#ThinkFastGoldenhour-{{ section.id }} .supplement_and_ingredient_wrapper .supplement_and_ingredient_item button.btn.btn-open2 {
  color: #503530 !important;
  font-size: 16px !important;
  cursor: pointer;
}


/* Supplement and Ingredient css End */
a.btn.btn-open,
a.btn.btn-open2 {
  display: inherit;
  background: none;
  border: none;
  text-decoration: underline;
  /* padding-top: 20px; */
  padding-left: 0;
  color: #000;
  cursor:pointer;
}

.newproduct-moonlight a.btn.btn-open,
.newproduct-moonlight a.btn.btn-open2 {
  color: #fff;
}

.btn-close,
.btn-close2 {
  background: none;
  border: none;
  height: 30px;
  width: 30px;
}
.btn-close .navigation-trigger__icon,
.btn-close2 .navigation-trigger__icon {
  display: block;
  position: initial;
  transform: translate(-50%,-50%) rotate(45deg);
}
.btn-close .navigation-trigger__icon--secondary,
.btn-close2 .navigation-trigger__icon--secondary {
  transform: translate(-50%,-50%) rotate(-45deg);
}
.overlay,
.overlay2 {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(3px);
  z-index: 99;
}

.hidden {
  display: none;
}
.fixed {
  position: fixed;
  width: 100%;
}
.supplement_facts img {
  width: 100%;
}

.pagination {
  padding-top: 30px;
  text-align: center;
}
span.page {
  padding: 10px;
}
span.next a,
span.prev a {
    text-decoration: none;
}
.modal,
.modal2 {
  max-width: 600px;
}

.product-details .swiper-slide.swiper-slide-next,
.product-details .swiper-slide.swiper-slide-prev {
  visibility: hidden;
}

/* Subscription Landing Page */

/* SPLIT SECTION */
.sunbeam.home-split {
  background: #EEEA8C;
}
.golden-hour.home-split {
  background: #ffab7b;
}
.moonlight.home-split {
  background: #b7beff;
}
.Collection img.home-products-tile__pill-image,
.Rise img.home-products-tile__pill-image,
.Golden.Sun img.home-products-tile__pill-image{
  width: 255px;
}
.subscription .helps-section .results-block {
  font-family: GTPressuraMono;
  margin-left: 0;
  padding-left: 0;
}
.subscription .result::marker {
  content: "";
}
/*
.Collection .result::marker {
  color: #B3DADD;
}
.collection-subscription .result::marker {
  color: #B3DADD;
  content: "";
  display: none;
}
ul.results-block li.result {
  list-style-type: disc;
  padding-left: 10px;
}
*/
.subscription li.result {
  list-style-type: none;
}
.subscription .home-products .result::before {
  content: "";
  display: inline-block;
  margin: 0 0.8rem 0 0;
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--product-details-highlights-item-background, #B3DADD);
  border-radius: 50%;
}
.subscription .home-products .Sunbeam .result::before {
  background: #eeea8c;
}
.subscription .home-products .Golden .result::before {
  background: #ffab7b;
}
.subscription .home-products .Moonlight .result::before {
  background: #b7beff;
}
.subscription .helps-section {
  border: none;
}
.subscription .home-products-tile__spacer {
  display: none;
}
.button__content del {
  font-weight: 400;
  padding-right: 5px;
}
.subscription .home-split {
  display: flex;
  flex-direction: column;
}
.subscription .home-split__content-wrapper {
  justify-content: center;
  min-height: 0;
  padding: 6rem 0;
}
.subscription .home-split {
  height: auto;
}
.home-split.section--template--15842982658200__16534879275fe45907 .home-split__heading {
  font-size: 4.8rem;
  font-weight: 500;
  line-height: 5.2rem;
}
.subscription .home-split__heading {
  line-height: 4rem;
  margin: 0;
  max-width: none;
}
h3.home-split__subheading {
  font-size: 1.8rem;
  font-weight: 400;
  text-align: center;
}
.subscription .home-split__content p {
  text-align: center;
}
.img-center-container {
  text-align: center;
  padding-bottom: 20px;
}
.img-center {
  width: 50%;
  height: 100%;
  margin: 0 auto;
}
.subscription .homepage-subscribe {
  max-width: 350px;
  margin-bottom: 2.4rem;
}
.mobile-show {
  display: block;
}
.mobile-hide {
  display: none;
}
.subscription-split__image {
  border-radius: 12px;
  display: block;
  height: auto;
  object-position: center;
  object-fit: cover;
  width: 100%;
}
.subscription .Moonlight .homepage-subscribe {
  margin-top: 0;
}

/* LOGO SECTION */
.logos {
  background-color: #000;
  padding: 0;
}
.logos .science-presentation__list {
  display: inline;
}
.logos .science-presentation__item {
  display: inline-block;
  margin-bottom: 30px;
  width: 65px !important;
}
.logos .slide {
  margin: 0 auto;
 /* width: 100px;*/
  height: 3.2rem;
  padding: 0;
}
.logos .science-presentation__content {
  height: 49px;
  padding: 1.6rem;
  max-width: none;
  text-align: center;
}
.logos .slide img {
  object-fit: contain;
  height: 16px;
}

/* SPLIT WITH ICONS */
.split-with-icons {
  background: #fff;
}
.split-with-icons .home-split__content-wrapper {
  order: 2;
  width: auto;
}
.subscription .split-with-icons.home-split {
  flex-direction: column;
}
.subscription .split-with-icons .home-split__content {
  max-width: 100%;
  padding: 0;
}
.split-with-icons .home-split__heading {  
  margin: 0 0 2.4rem 0;
}
.subscription h3.result-title {
  font-size: 24px;
  font-weight: 500;
  margin: 0 0 5px 0;
  padding: 0 2.4rem;
}
.subscription .results-block li {
  padding-left: 0;
}
.subscription .split-with-icons .home-split__content p {
  font-size: 1.6rem;
  margin-top: 0;
  line-height: 2.4rem;
  padding: 0 2.4rem;
}
.split-with-icons .results-block {
  line-height: normal;
  width: auto;
  height: auto;
  flex-direction: row;
  flex-wrap: nowrap;
  padding-left: 0;
  border: 1px solid black;
  border-radius: 10px;
  text-align: center;
  padding: 2.4rem 0;
  margin: 0 auto 2.4rem 2.4rem;
  margin-right: auto !important;
}
.subscription h4.helps-title {
  font-family: 'HafferXH';
  font-weight: 400;
  opacity: .4;
  margin-top: 0;
}
.split-with-icons .home-highlights__item {
  flex: auto;
}
.split-with-icons img.home-split__image{
  display: flex;
  order: 1;
  width: auto;
}
.subscription .home-split__image {
  display: none;
  order: 2;
}
.subscription .home-split__content-wrapper {
  order: 0;
}
.subscription .product-details__highlights-item:before {
  margin: 0;
}
.split-with-icons .home-highlights__item {
  margin-bottom: 2.4rem;
  width: 100%;
}
.subscription .split-with-icons .home-split__image {
  max-width: none;
}
.subscription .split-with-icons .home-split__content div.left p {
  text-align: left;
}
.split-with-icons .home-split__heading.left,
.split-with-icons .home-split__content p.left {
  text-align: left;
  padding: 0 2.4rem;
}
.left p {
  text-align: left;
}

/* TESTIMONIALS SECTION */
.simple-testimonials {
  background: #B3DADD;
  padding-top: 6rem;
}
.simple-testimonials .testimonial-card {
  background: #fff;
  opacity: 1;
}
.simple-testimonials .testimonial-card__main {
  margin: 0;
}
.simple-testimonials .testimonials__heading {
  max-width: none;
  padding-bottom: 1.5rem;
}
.simple-testimonials .testimonials__subheading-wrapper {
  padding-bottom: 3.2rem;
  text-align: center;
}
.simple-testimonials__icon {
  vertical-align: top;
}
.simple-testimonials .testimonials__subheading {
  display: inline;
  font-size: 1.6rem;
  font-weight: 400;
}
.simple-testimonials .testimonial-card__details-term {
  background: #2C3E50;
  border-radius: 31px;
  color: #fff;
  font-size: 2.4rem;
  font-family: arial;
  height: 6rem;
  width: 6rem;
  padding: 20px 0;
  text-align: center;
}
.verified {
  font-family: 'HafferXH';
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
}
.simple-testimonials .testimonial-card__details-definition {
  grid-row-start: 1;
}
.simple-testimonials .testimonial-card {
  min-height: 35rem;
}
.simple-testimonials .testimonial-card__image-wrapper {
  padding: 0;
}
.simple-testimonials .testimonial-card__author-details {
  align-items: center;
  border-bottom: 1px solid #C4C4C4;
  display: flex;
  padding-bottom: 2.4rem;
}
.simple-testimonials .testimonial-card__quote {
  margin: 0;
}
.simple-testimonials .testimonial-card__quote .simple-testimonials__icon {
  vertical-align: top;
  display: block;
  margin: 2.4rem 0 1rem;
}
.testimonials__subheading-wrapper svg.simple-testimonials__icon {
  width: 10rem;
}

/* SUBSCRIBE BUTTON SECTION */
.subscription-product .product__main {
  flex: 0 0 100%;
  max-width: 64rem;
}
.subscription-product-details .homepage-subscribe {
  margin: auto 0;
}
.subscription-product-details .product-details__title {
  padding-left: 0;
  font-size: 3.2rem;
}
.subscription-product-details .product-details__badge {
  display: none;
  width: 5.3rem;
  border: 1px solid #000;
  border-radius: 30px;
  padding: 16px 4px;
  position: absolute;
  right: -70px;
  top: -8px;
  left: -4px;
}
.subscription-product-details .product-details__content {
  position: relative;
}
.subscription-product {
  background-size: cover;
  background-position: center bottom;
  background-color: #B4947F;
}
.subscription-product.moonlight {
  background-color: #8D8EE0;
}
.subscription-product-details.product-details {
  padding: 2.4rem;
  background: #fff;
  border-radius: 10px;
  margin: 6rem 2.4rem 40rem 2.4rem;
}
.subscription-product-details .homepage-subscribe {
  max-width: 300px;
}
.subscription-product-details .product-details__highlights {
  margin-top: 2.4rem;
}
.subscription-product-details .product-details__description {
  color: #000;
  line-height: 2.4rem;
  font-size: 1.6rem;
}
.subscription-product-details .product-details__heading {
  font-size: 2.5rem;
}
.subscription-product.golden-sun {
  background-color: #a1dbdd;
  background-size: cover;
}

/* HIDE QUANTITY SELECTOR */
.subscription-product-details .product-settings__item {
  display: none;
}

/* FIX HERO MEDIA SIZE ON SUBSCRIPTION PAGES */	
@media screen and (min-width: 768px) {
  .subscription .home-split img.home-split__image {	
      width: 50%;	
  }
}

/* MEDIA QUERIES */
@media screen and (min-width: 768px) {
  .subscription .product__content {
    max-width: 139rem;
  }
  .subscription-product {
    background-position: right;
    background-size: initial;
  }
  .sunbeam-subscription .product__content {
    padding-right: 35px;
    justify-content: flex-end;
  }
  .subscription .home-split__content-wrapper {
    margin: 0 4rem;
    padding: 0;
  }
  .home-split.section--template--15842982658200__16534879275fe45907 .homepage-subscribe {
    margin-bottom: 0;
  }
  .home-split.section--template--15842982658200__16534879275fe45907 .home-split__content-wrapper {
    padding: 0;
  }
  .home-split.section--template--15842982658200__16534879275fe45907 .home-split__heading {
    font-weight: 400;
  }
  .subscription .home-split {
    align-items: center;
    flex-direction: row;
  }
  .subscription .home-split__content-wrapper.image-first {
   order: 2;
  }
  .subscription .home-split__heading {
    line-height: 5.2rem;
  }
  .subscription .home-split__content {
    font-size: 2.4rem;
    padding: 0;
    width: 100%;
    text-align: center;
  }
  .subscription .home-split__image {
    display: block;
    min-height: 40rem;
  }
  .subscription h3.home-split__subheading {
    font-weight: 500;
    text-transform: uppercase;
  }
  .subscription .home-split__content p {
   font-size: 1.6rem;
  }
  .mobile-show {
    display: none;
  }
  .mobile-hide {
    display: block;
  }
  .subscription-split__image {
    display: none;
  }
  .logos .slide img {
    height: 32px;
  }
  .logos .science-presentation__item {
    width: 200px !important;
  }
  .logos .science-presentation__content {
    height: 63px;
  }
  .subscription .split-with-icons .home-split__image {
    margin: 0px;
    max-width: 100%;
    width: 50%;
    border-radius: 0;
  }
  .split-with-icons .home-split__heading {
    margin: 0 0 4rem;
  }
  .subscription-product-details .product-details__badge {
    display: block;
    width: 12rem;
    border-radius: 83px;
    padding: 36px 4px;
    left: auto;
    top: -83px;
  }
  .subscription-product-details .product-details__title {
    padding-left: 0;
    font-size: 4.8rem;
  }
  .subscription-product-details.product-details {
    margin: 12rem 0 12rem 12rem;
    padding: 4.8rem;
  }
  .subscription-product-details .product-details__heading {
    font-size: 4.8rem;
    line-height: 52px;
  }
  .subscription-product-details .homepage-subscribe {
    margin-top: 1.2rem;
  }
  .split-with-icons .home-split__heading.left,
  .subscription .split-with-icons .home-split__content div.left p {
    padding: 0;
 }
  .subscription-product.sunbeam {
    background-size: cover;
  }
}
@media screen and (min-width: 768px) and (max-width: 1150px) {
  .subscription .split-with-icons {
    padding: 6rem 0;
  }
  .subscription .home-split__content-wrapper.image-first {
    order: 1;
  }
}
@media screen and (min-width: 1024px) {
  .simple-testimonials {
    padding-top: 12rem; 
  }
  .simple-testimonials .testimonial-card__quote {
    line-height: 2.4rem;
    font-size: 1.6rem;
  }
  .simple-testimonials .testimonial-card__image-wrapper {
    width: 24rem;
    height: auto;
  }
  .simple-testimonials .testimonial-card {
    padding: 2.4rem;
    max-width: 34rem;
  }
  .simple-testimonials .testimonials__subheading {
    font-size: 2.5rem;
  }
  .testimonials__subheading-wrapper svg.simple-testimonials__icon {
    width: auto;
  }
  .simple-testimonials .testimonials__subheading-wrapper {
    padding-bottom: 4.8rem;
  }
}
@media screen and (min-width:768px) and (max-width: 1200px) {   
  .subscription .home-split.section--template--15842982658200__16534879275fe45907 .home-split__heading {
    font-size: 3.2rem;
    line-height: normal;
  }
  .subscription .home-split__heading {
	font-size: 3rem;	
    line-height: 3.2rem;
  }
  h3.home-split__subheading {
    font-size: 1.7rem;
  }
  .subscription .home-split__content p {
    font-size: 1.4rem;
    margin-top: 0;
  }
}

@media screen and (min-width: 1150px) {
  .subscription .split-with-icons.home-split {
    flex-direction: row;
    margin: 0 auto;
    width: 100%;
    padding: 0;
  }
  .split-with-icons .results-block {
    text-align: left;
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 0;
  }
  .split-with-icons .home-highlights__item {
    padding-right: 3rem;
    width: auto;
  }
  .subscription .split-with-icons .home-split__heading, 
  .subscription .split-with-icons .home-split__content p {
    text-align: left;
  }
}

@media screen and (min-width: 1500px) {
  .subscription .home-split__content {
      padding: 0 8.4rem;
  }
}

/* MOBILE COLOR FIX */
 .science-difference-products__label {
 color: #000;
 }
 .science-difference-products__name {
 color: #000;
 }
 .navigation-cart__icon {
 color: #000;
 }
 .product-bar-mobile__title {
 color: #000;
 }
 .faq-question__trigger {
 color: #000;
 }

/* PRODUCT BADGE */
.product {
  position: relative;
}
.badge {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 99;
}
section.home-split.golden-hour {
  position: relative;
}
.subscription .home-split__heading {
  z-index:99;
}
.golden-hour .img-top-left {
  background-size: contain;
  height: 125px;
  width: 125px;
  top: 10px;
  left: 10px;
  z-index: 1;
}
@media screen and (min-width: 1150px) {
  .golden-hour .img-top-left {
    height: 150px;
    width: 150px;
  }
}

/* NEW HOMEPAGE HERO */
.home-split {
  height: auto;
}
#shopify-section-split .home-split {
  background-color: #f2efec;
 /* background-color: #b4947f;*/
}
.home-split__content .img-center-container {
  padding-bottom: 10px;
}
.home-split__content .home-split__heading {
  margin-bottom: 20px;
}
.home-split__heading {
  margin: 0;
  max-width: none;
}
.home-split__content p {
  text-align: center;
  max-width: 814px;
}
.home-split__image {
  display: none;
  order: 2;
}
.home-split__content-wrapper {
  justify-content: center;
  min-height: 0;
  padding: 6rem 0;
}
.split-with-icons.home-split {
  flex-direction: column;
}
.split-with-icons .home-split__content {
  max-width: 100%;
  padding: 0;
}
h3.result-title {
  font-size: 24px;
  font-weight: 500;
  margin: 0 0 5px;
  padding: 0 2.4rem;
}
.split-with-icons .home-split__content p {
  font-size: 1.6rem;
  margin-top: 0;
  line-height: 2.4rem;
  padding: 0 2.4rem;
}
.split-with-icons .home-split__content-wrapper {
  display: block;
}
@media screen and (min-width: 768px) {
  .home-split {
    display: flex;
    height: auto;
    flex-direction: row;
    align-items: center;
  }
  .home-split__content .img-center-container,
  .home-split__content .home-split__heading {
    padding-bottom: 20px;
    margin-bottom: 0;
  }
  .home-split__content {
    font-size: 2.4rem;
    padding: 0 2.4rem;
    width: 100%;
    text-align: center;
  }
  .home-split__content p {
    font-size: 1.6rem;
  }
  h3.home-split__subheading {
    font-weight: 500;
    text-transform: uppercase;
  }
  .home-split__image {
    display: block;
    /*min-height: 40rem;*/
    min-height: 68rem;
    width: 50%;
  }
  .split-with-icons .home-split__image {
    margin: 0px;
    max-width: 720px;
    width: 50%;
    border-radius: 0;
    min-height: unset !important;
  }
  .home-split__content-wrapper {
    margin: 0;
    padding: 0;
    width: 100% !important;
    height: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .home-split__heading {
      font-size: 4.8rem;
      line-height: 5.2rem;
  }
}
@media screen and (min-width: 1150px) {
   .split-with-icons.home-split {
    flex-direction: row;
    align-items: stretch;
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }
  .split-with-icons .home-split__heading,
  .split-with-icons .home-split__content p {
    text-align: left;
  }
}

.home-split__content img.img-center {
  max-width: 250px;
}
/*
@media screen and (min-width: 300px) {
  .home-split__image {
    height: 62rem;
  }
}
*/
@media screen and (max-width: 750px) {
  .article-template td {
    display: block;
    margin: 0 auto !important;
  }
  .article-template .content img {
    height: auto;
  }
}

/* INGREDIENTS PAGE */
#ingredients-list button.homepage-subscribe.button {
  display: none;
}
#ingredients-list .key-ingredients-list__item {
  margin: 0 2rem 2rem 0;
  flex-basis: 31%;
  width: auto;
  border-radius: 0;
  background: #b3dadd;
}
#ingredients-list .key-ingredients-list__content {
  flex-wrap:wrap;
  height: auto;
}
#ingredients-list .home-products__item.home-products-tile {
  border: 1px solid #333;
  border-radius: 0;
}
#ingredients-list .home-products__description {
  max-width: 65rem;
  font-size: 2.4rem;
}
#ingredients-list article.key-ingredients-list__item.product-image {
  padding: 0;
}
#ingredients-list .key-ingredients-list__heading {
  font-size: 2rem;
}
#ingredients-list .metafield-rich_text_field {
  font-size: 1.4rem;
}

/* LOYALTY PROGRAM REFER-A-FRIEND LANDING PAGE */
#loyalty-program .text__wrapper {
  margin: 0 auto;
  max-width: 860px;
  padding: 6rem 0;
  text-align: center;
}
/*
#refer-a-friend .plain-hero {
  height: 76rem;
}*/
a.shop__cta.button {
  margin-top: 20px;
}
#loyalty-program h1.plain-hero__heading {
  display: none;
}
#loyalty-program .shop__cta {
  background-color: #eeea8c;
  border: none;
  bottom: -170%;
  color: #000;
  height: unset;
  font-size: 24px;
  font-weight: 500;
  padding: 16px 40px;
  line-height: normal;
  text-transform: uppercase;
} 
#loyalty-program .text__heading {
  background: transparent;
  border-radius: 10px;
  box-shadow: 0 52px 0 0 #B3DBDD;
  font-size: 48px;
  font-weight: 400;
  height: 7px;
  line-height: 52px;
  margin: 0 auto 12rem;
  width: 310px;
}
#refer-a-friend .text__content {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}
#loyalty-program .shopify-section {
  background: #F1F0EF;
}
#loyalty-program .columns__wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 100%;
  max-width: 860px;
}
#loyalty-program .column_item {
  width: 43%;
  display: flex;
  vertical-align: middle;
  align-items: center;
}
#loyalty-program .column_description {
  width: 56%;
}
#loyalty-program .two-images {
  background: #B3DBDD;
  margin-top: 120px;
  padding-bottom: 12px;
}
#loyalty-program .two-images__heading {
  font-size: 48px;
  font-weight: 400;
  padding: 0;
  text-align: center;
}
#loyalty-program .two-images .column_item {
  display: block;
  text-align: center;
}
#loyalty-program .two-images .column_description {
  width: auto;
}
#loyalty-program .column_description p {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.5;
  margin-top: 0;
  text-transform: uppercase;
}
#loyalty-program .title-image {
  text-align: center;
  margin: 0 auto;
}
#loyalty-program .title-image__wrapper {
  max-width: 800px;
}
#loyalty-program .title-image__heading {
  font-size: 48px;
  font-weight: 400;
  line-height: 52px;
  padding-top: 20px;
}
h3.title-image__subheading {
  size: 24px;
  font-weight: 400;
  padding: 20px 0 40px;
}
#loyalty-program .title-image .shop__cta {
  margin: 40px auto 60px;
}
a.junip-product-summary-clickable {
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  #loyalty-program .text__wrapper,
  #loyalty-program .title-image__wrapper {
    padding: 3rem 2.4rem;
  }
  #loyalty-program .text__heading {
    line-height: 4rem;
    font-size: 3.2rem;
    width: 213px;
  }
  #loyalty-program .text__content,
  #loyalty-program .title-image__subheading {
    font-size: 1.8rem;
  }
  #loyalty-program .text__heading {
    margin: 0 auto 8rem;
  }
  #loyalty-program .column_item {
    width: 100%;
  }
  #loyalty-program .columns__wrapper {
    display: block;
    width: auto;
  }
  #loyalty-program .two-images {
    margin-top: 80px;
  }
  #loyalty-program .two-images__heading,
  #loyalty-program .title-image__heading {
    font-size: 3.2rem;
    line-height: normal;
  }
  .icon__image,
  .title-image img {
    width: 50%;
    height: 50%;
  }
  #loyalty-program .two-images .column_item {
    padding-bottom: 30px;
  }
  #loyalty-program .column_description p {
    font-size: 18px;
  }
  .text-columns .column_icon {
    text-align: right;
    width: 34%;
  }
  h3.title-image__subheading {
    padding-bottom: 0;
  }
}
/* NEW LION'S MANE PRODUCT */
.our-difference {
  background: #b2d4eb;
  padding: 15rem 2.4rem 6rem;
}
.our-ingredients-top__heading,
.our-difference-top__heading {
  line-height: 5.2rem;
  font-size: 4.8rem;
  font-weight: 400;
  letter-spacing: 0;
  text-align: center;
}
.our-difference-top__heading {
  text-align: left;
}
.our-difference-top__main {
  flex: 1 1 auto;
  padding: 2.8rem 0 0;
  margin: 0 0 0 9.4rem;
}
.our-difference-top__main li {
  padding-bottom: 15px;
}
.our-difference-top__image-wrapper {
  margin: 0;
  flex: 1 0 30%;
  max-width: unset;
  border-radius: 1rem;
  width: 100%;
  overflow: hidden
}
.lions-mane-p .product-details__dosage-description {
  margin-left: 0;
}
.lions-mane-p .product-details__dosage-icon {
  display: none;
}
header.plain-hero.plain-hero--with-background-image.plain-hero--with-light-text {
  color: #fff;
}
.lions-mane-p .plain-hero__heading {
  max-width: none;
}
.lions-mane-p .plain-hero__description {
  font-size: 2.4rem;
  max-width: 47.2rem;
}
.lions-mane-p .science-difference-top {
  max-width: 115.2rem;
  margin: 0 auto;
}
.lions-mane-p .science-difference-top__kicker,
.lions-mane-p .our-difference-top__heading {
  text-align: left;
  max-width: 115.2rem;
  margin-left: auto;
  margin-right: auto;
}
.lions-mane-p .small-text {
  float: none;
  max-width: none;
}
.lions-mane-p .small-text p {
  text-align: center;
}
button#subscribe {
  margin-right: 10px;
}
.our-ingredients {
  margin: 6rem 2.4rem;
}
.our-ingredients__description {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}
.our-ingredients .columns {
  display: flex;
  gap: 30px;
  max-width: 115.2rem;
  margin: 6rem auto;
}
.our-ingredients .science-difference-top {
  flex-direction: column;
  margin: 0 auto;
}
.columns .image-wrapper {
  border-radius: 1rem;
  overflow: hidden;
}
.klaviyo-form-WA3L53.klaviyo-form.form-version-cid-1 {
  padding-top: 24px;
}
.needsclick.kl-private-reset-css-Xuajs1 input[type=email] {
  padding: 0 2.4rem !important;
  width: 100% !important;
  height: 6rem !important;
  line-height: 1 !important;
  font-size: 1.6rem !important;
  letter-spacing: 0.005em !important;
  background: transparent !important;
  border: 0.1rem solid #000 !important;
  border-radius: 1rem !important;
  transition: border-color 0.2s ease-in-out !important;
}
li.navigation-dropdown__item:last-child {
  border-top: 0.1rem solid #333;
}
@media screen and (max-width: 767px) { 
  #smile-ui-lite-launcher-frame-container {
    bottom: 55px !important;
    right: 0 !important;
    left: initial !important;
    z-index: 999 !important;
  }
  #chat-button {
    bottom: 100px !important;
  }
}
@media screen and (max-width: 1024px) { 
  .our-difference-top__image-wrapper {
    margin: 0;
  }
  .our-difference-top__main {
    margin: 0;
    padding: 0;
  }
}

/* Free shipping bar */

.shipping-bar {
  display: block;
  margin-top: 16px;
  margin-bottom: 4px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 100%;
  padding: 0 4.2rem 1.4rem;
}

.shipping-bar__text {
  display: block;
}

.shipping-bar__progress {
  position: relative;
  display: block;
  margin-top: 6px;
  height: 7px;
  border: 1px solid #000;
  border-radius: 4px;
}

.shipping-bar__progress::after {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000;
  transition: transform 0.2s ease;
  transform: scaleX(var(--progress));
  transform-origin: left;
}

.shipping-bar--large {
  max-width: 392px;
}

@media screen and (min-width: 741px) {
  .shipping-bar {
    margin-bottom: 8px;
  }

  .shipping-bar__progress {
    margin-top: 8px;
    height: 8px;
  }

  .shipping-bar--large .shipping-bar__progress {
    margin-top: 16px;
  }
}

@media (min-width: 768px) {
  .key-ingredients-list {
    overflow: hidden;
    padding-bottom: 4rem;
  }
}
.the-collection span.button__label {
    font-size: 12px;
}

/* ABOUT US PAGE */

#our-story .home-split__image {
  display: block;
  order: 1;
  overflow: hidden;
}
#our-story .home-split__content-wrapper.image-first {
    order: 2;
}
#our-story .legal-content__section {
  border-top: none;
  padding-top: 0;
}

/* COLLECTION PAGE */

.collection-grid {
  max-width: 115.2rem;
}

.product-item-meta {
  text-align: left;
}

.product-item-meta {
  display: block;
}

.product-item-meta__vendor {
  display: block;
  margin-bottom: 6px;
}

.product-item-meta__title {
  display: block;
  line-height: 1.6;
  margin-bottom: 4px;
}

.product-item-meta__reviews-badge {
  display: block;
  margin-top: 2px;
}

.product-item-meta__color-count {
  margin-top: 4px;
}

.product-item-meta__reviews-badge + .product-item-meta__color-count {
  margin-top: 4px; /* When preceded by reviews badge we have a smaller gap */
}

.product-item-meta__reviews-badge .spr-icon {
  width: 12px;
  height: 12px;
}

.product-item-meta__swatch-list {
  margin-top: 10px;
  margin-bottom: 2px; /* The extra 2px at the bottom is to avoid the border to be clipped on iOS */
  justify-content: center;
  gap: 6px;
  overflow-wrap: anywhere;
}

.product-item-meta__property-list {
  display: grid;
  margin-top: 6px;
  margin-bottom: 4px;
  grid-auto-flow: row;
}
.collection-filters__item.sorting {
  text-align: right;
}
.collection-filters__field select {
  display: inline;
}
.collection-filters__field {
  padding-bottom: 20px;
}

@media screen and (min-width: 741px) {
  .product-item-meta__property-list {
    margin-top: 6px;
    margin-bottom: 6px;
  }

  .product-item-meta__color-count {
    margin-top: 8px;
  }

  .product-item-meta__title {
    line-height: 1.5; /* We slightly reduce the line height on larger screen */
  }
}

/* ASPECT RATIO */

.aspect-ratio {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.aspect-ratio img,
.aspect-ratio video,
.aspect-ratio svg {
  position: absolute;
  height: 100%;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
}
.aspect-ratio--square img,
.aspect-ratio--short img,
.aspect-ratio--tall img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
  top: 50%;
  left: 50%; /* We must use this and not logical property here */
  transform: translate(-50%, -50%) !important;
}
.aspect-ratio--square {
  padding-bottom: 100% !important;
}
.aspect-ratio--short {
  padding-bottom: 75% !important;
}
.aspect-ratio--tall {
  padding-bottom: 150% !important;
}

@supports (aspect-ratio: 1 / 1) {
  .aspect-ratio {
    padding-bottom: 0 !important;
    aspect-ratio: var(--aspect-ratio);
  }

  .aspect-ratio--natural img,
  .aspect-ratio--natural video,
  .aspect-ratio--natural svg {
    position: relative;
    width: auto;
  }

  .aspect-ratio--square {
    aspect-ratio: 1;
  }

  .aspect-ratio--short {
    aspect-ratio: 4 / 3;
  }

  .aspect-ratio--tall {
    aspect-ratio: 2 / 3;
  }
}

/* PRODUCT ITEM */

.product-item {
  position: relative;
  display: flex;
  flex-direction: column;
}
.product-item__image-wrapper {
  position: relative;
  display: block;
  margin-bottom: 16px;
  overflow: hidden;
}
.product-item__image-wrapper--placeholder {
  fill: currentColor;
}
[dir="ltr"] .product-item__label-list {
  left: 10px;
}
[dir="rtl"] .product-item__label-list {
  right: 10px;
}
.product-item__label-list {
  position: absolute;
  z-index: 1;
  top: 10px;
}
.product-item__image-wrapper--multiple .product-item__primary-image,
.product-item__image-wrapper--multiple .product-item__secondary-image {
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.product-item__aspect-ratio {
  isolation: isolate;
}
.product-item__primary-image,
.product-item__secondary-image {
  border-radius: 12px;
}
.product-item__secondary-image {
  position: absolute;
  display: none;
  visibility: hidden;
  opacity: 0;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  object-fit: contain;
  object-position: center;
}
.product-item__info {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-grow: 1;
  text-align: center;
}
.product-item__info--with-button {
  justify-content: space-between;
}
.product-item__cta {
  margin-top: 16px;
}
[dir="ltr"] .product-item__quick-form {
  left: 0;
}
[dir="rtl"] .product-item__quick-form {
  right: 0;
}
.product-item__quick-form {
  position: absolute;
  padding: 10px;
  bottom: 0;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
[dir="ltr"] .product-item__quick-buy-button {
  right: 12px;
}
[dir="rtl"] .product-item__quick-buy-button {
  left: 12px;
}
.product-item__quick-buy-button {
  position: absolute;
  bottom: 12px;
  padding: 5px;
  background: rgb(var(--root-background));
  color: rgb(var(--root-text-color));
  border: 1px solid rgb(var(--root-border-color));
}
.product-item__link {
  display: inline-block;
  margin: 6px auto 0;
}
@media screen and (pointer: fine) {
  .product-item__secondary-image {
    display: block;
  }
  .product-item__image-wrapper--multiple:hover .product-item__primary-image {
    visibility: hidden;
    opacity: 0;
  }
  .product-item__image-wrapper--multiple:hover .product-item__secondary-image {
    visibility: visible;
    opacity: 1;
  }
  .product-item__image-wrapper:hover .product-item__quick-form {
    visibility: visible;
    opacity: 1;
  }
}
@media screen and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .product-item__quick-form {
    transform: translateY(16px);
    transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
  }
  .product-item__image-wrapper:hover .product-item__quick-form {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
  }
}
@media not screen and (pointer: fine) {
  .product-item__quick-form {
    visibility: visible;
    opacity: 1;
  }
}
@media screen and (min-width: 1000px) {
  .product-item__image-wrapper {
    margin-bottom: 24px;
  }
}
/* PRODUCT LIST */
:root {
   --container-max-width: 1600px;
    --container-gutter: 24px;
    --container-max-width-minus-gutters: calc(var(--container-max-width) - (var(--container-gutter)) * 2);
    --container-outer-width: max(calc((100vw - var(--container-max-width-minus-gutters)) / 2), var(--container-gutter));
    --container-outer-margin: var(--container-outer-width);
    --container-inner-width: calc(100vw - var(--container-outer-width) * 2);
    --product-list-block-spacing: 1rem;

    --grid-column-count: 10;
    --grid-gap: 24px;
    --grid-column-width: calc((100vw - var(--container-outer-width) * 2 - var(--grid-gap) * (var(--grid-column-count) - 1)) / var(--grid-column-count));
}
.product-list {
  --product-list-column-gap: var(--grid-gap);
}
.product-list:not([hidden]) {
  position: relative;
  display: block;
}
.product-list__inner {
  display: grid;
  grid-template-columns: repeat(auto-fit, calc(100% / var(--section-products-per-row) - var(--product-list-column-gap) * (var(--section-products-per-row) - 1) / var(--section-products-per-row)));
  grid-gap: var(--product-list-block-spacing) var(--product-list-column-gap);
  gap: var(--product-list-block-spacing) var(--product-list-column-gap);
  overflow: hidden;
}
.product-list__inner--scroller {
  overflow-x: auto;
}
.product-list--center .product-list__inner {
  justify-content: safe center; /* For some reason it does not work in RTL on Chrome */
}
@media screen and (max-width: 740px) {
  /* On mobile when the products are shown in grid we reduce spacing */
  .product-list {
    --product-list-column-gap: 12px;
  }
  .product-list__inner:not(.product-list__inner--scroller) {
    margin-left: calc(-1 * var(--container-gutter) / 2);
    margin-right: calc(-1 * var(--container-gutter) / 2);
  }
}
@media screen and (max-width: 999px) {
  .product-list__inner--scroller {
    padding-left: var(--container-gutter);
    padding-right: var(--container-gutter);
    grid-auto-flow: column;
    grid-auto-columns: 52vw;
    grid-template-columns: none;
    min-width: min-content;
  }
}
@media screen and (min-width: 741px) and (max-width: 999px) {
  .product-list__inner--scroller {
    grid-auto-columns: 35vw;
  }
}
@media screen and (min-width: 1000px) {
  .product-list {
    /* We calculate the width of one product item cell thanks to power of CSS variables */
    --item-width: calc((var(--container-max-width-minus-gutters) - 56px) / var(--section-products-per-row) - (var(--grid-gap) / var(--section-products-per-row) * (var(--section-products-per-row) - 1)));
  }
  @supports (width: max(1px, 2px)) {
    .product-list {
      --item-width: calc((min(100vw - var(--container-gutter) * 2, var(--container-max-width-minus-gutters)) - 56px) / var(--section-products-per-row) - (var(--grid-gap) / var(--section-products-per-row) * (var(--section-products-per-row) - 1)));
    }
  }
  .product-list__prev-next {
    position: absolute;
    pointer-events: none;
    display: flex;
    justify-content: space-between;
    width: 100%;
    top: calc(var(--item-width) / var(--smallest-image-aspect-ratio) / 2 - 28px); /* 28px is half the height of the button */
  }
  .product-list__arrow {
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.5);
    transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out, transform 0.15s ease-in-out;
  }
  .product-list:hover .product-list__arrow:not([disabled]) {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }
  .product-list__inner--scroller {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: calc(100% / var(--section-products-per-row, 4) - (var(--grid-gap) / var(--section-products-per-row, 4) * (var(--section-products-per-row, 4) - 1)));
    margin-left: 28px;
    margin-right: 28px; /* We add a bit of space for the arrow */
    overflow: hidden;
  }
  .product-list__inner--desktop-no-scroller {
    margin-left: 0;
    margin-right: 0;
  }
}
@media not screen and (pointer: fine) {
  .product-list__arrow:not([disabled]) {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }
}
/*
.swiper-container-free-mode>.swiper-wrapper {
  justify-content: center;
}*/
.mini-cart__title-main {
  line-height: 1.1;
}
.mini-cart__title-secondary {
  padding-top: 6px;
}
select#sort-by {
  padding: 0 1.2rem;
  height: 4.4rem;
  line-height: 1;
  font-size: 1.4rem;
  letter-spacing: .05rem;
  font-weight: 500;
  text-align: center;
  border: 0.1rem solid transparent;
  border-radius: 2.2rem;
  white-space: nowrap;
  cursor: pointer;
  transition: border-color .2s ease-in-out;
  border-color: #000;
  margin-top: 10px;
}
.discount {
  color: #ff0000;
  font-weight: 500;
  font-size: 14px;
}
.navigation__link--collection,
.navigation-mobile-nested__link--collection {
  position: relative;
  padding: 0 0 0 3.2rem;
  line-height: 1;
}
.navigation__link--collection .navigation__link-pill-wrapper{
  left: -4px;
}
.navigation__link--collection .navigation__link-pill-wrapper,
.navigation-mobile-nested__link--collection .navigation__link-pill-wrapper {
  width: 5rem;
  text-align: center;
}

.navigation-dropdown__list > .navigation-dropdown__item:last-child {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.navigation-mobile__content .navigation__link-pill-wrapper {
  left: -20px;
}

.navigation-mobile-nested__link--collection .navigation__link-pill-wrapper{
  left: -15px;
}

.navigation__link--product,
.navigation__link--collection {
  padding: 0 0 0 6rem;
  align-items: center;
    padding: 0px 3rem 0 7rem;
    height: 6rem;
    background-color: #fff;
    width: 100%;
    display: flex;
}

.navigation-dropdown__list>.navigation-dropdown__item:last-child a.navigation__link.navigation__link--product {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.navigation__link--product:hover, .navigation__link--collection:hover {
    background: #b3dadd !important;
}
@media screen and (max-width: 768px) {
  .complete .first_pill {
    margin-left: -47px !important;
  }
}
#the-complete-stack .our-difference-top__heading {
  text-align: center;
}
#the-complete-stack .our-difference {
  padding: 5rem 2.4rem 6rem;
}
.sunbeam-and-clm .product-science-products,
.sunbeam-and-clm-3-month .product-science-products {
  justify-content: left;
}
/*#gift-sets .plain-hero {
  align-items: start;
}
#gift-sets .plain-hero__heading,
#gift-sets .plain-hero__description {
  margin-left: 0;
  text-align: left;
}
#gift-sets .plain-hero__description {
  font-size: 2rem;
}
#gift-sets .plain-hero__embed {
  font-family:  GTPressuraMono;
}
*/
span.price.price--compare {
  padding-left: 10px;
}
/*
#bundles .product-item-meta {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#bundles .product-description {
  flex-grow: 1;
}
#bundles .select {
  display: inline;
  margin-left: 10px;
}*/
#bundles .visually-hidden {
  display: none;
}
.announcement-bar__content h1 a, 
.announcement-bar__content h2 a,
.announcement-bar__content h3 a, 
.announcement-bar__content h4 a,
.announcement-bar__content h5 a {
  color: #fff;
}
.mini-cart__price span {
  display: block;
}
.mini-cart__compare-at-price {
  font-size: 13px;
  margin-bottom: 5px;
  display: block;
}
/* ALTERNATE HOMEPAGE 2 */

#shopify-section-home-logos {
  display: none;
}
#shopify-section-home-logos-alt {
  padding: 10px 0;
  border-bottom: 1px solid #000;
}
#shopify-section-home-logos-alt .home-images { 
  height: 18rem;
}
#shopify-section-home-logos-alt .home-images__item { 
/*  width: 16rem; */
  height: 18rem;
}
#shopify-section-home-logos-alt .home-images__image { 
  object-fit: contain;
/*  height: 100px; */
}
#shopify-section-home-logos-alt .home-images__list {
  animation: horizontalScrollMobile 57s infinite linear;
}
#alternate-index-2 .split-with-icons img.home-split__image {
  display: none;
}
@media screen and (min-width: 760px) {
  #shopify-section-home-logos-alt { display:none; }
  #shopify-section-home-logos { display: block; }
  #alternate-index-2 .split-with-icons img.home-split__image {
  display: block;
}
}

#shopify-section-science-curate .science-difference {
  padding-top: 0;
}
@media screen and (max-width: 767px) {
  .ingredients-details__illustration {
      display: none;
  }
}

/* NEW RECHARGE SUBSCRIPTION WIDGET */

.buy-types-wrapper {
  display: flex;
  flex-direction: column;
  margin: 25px 0px;
  border: 1px solid #B3DADD;
  border-radius: 30px;
}

.buy-types-wrapper .buy-type-item ul li::before {
  color: #B3DADD;
}

.buy-types-wrapper .buy-type-item{
  font-size: 14px;
  line-height: 25px;
}

.buy-types-wrapper .buy-type-item {
  padding: 20px 25px 20px 10px;
  cursor: pointer;
}
.buy-types-wrapper .buy-type-item.type-subscribe {
  border-bottom: 1px solid grey;
}

.buy-types-wrapper .buy-type-item ul {
  list-style: none;
}
.buy-types-wrapper .buy-type-item ul li:before {
  content: '✓ ';
}

.buy-types-wrapper .buy-type-item--info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.buy-types-wrapper input[type="radio"] {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
  position: relative;
  top: 2px;
  border-radius: 100%;
  background-color: transparent;
  border: 2px solid #fff;
}

.buy-types-wrapper input[type="radio"]:checked {
  background-color: #b3dadd;
  border-color: #3c2f27;
  padding: 2px;
  box-shadow: 0px 0px 0px 2px #b3dadd;
  border-width: 2px;
}

.text-line-through {
  text-decoration: line-through;
}

.key-ingredients-cta-wrapper {
  width: max-content;
  margin: 0 auto;
}
.text-line-through {
  color: #FFAB7B;
}
.buy-type {
  accent-color: #000;
}

/* NEW HEADER */
.navigation {
  top: 0 /*5rem*/;
}
.announcement-bar {
  top: 0;
  position: fixed;
  padding-top: 0;
  padding-bottom: 0;
}
.announcement-bar__content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
}
.announcement-bar__content>p {
  font-family: GTPressuraMono;
  font-size: 1em;
  letter-spacing: .05rem;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .announcement-bar {
    padding: 0;
  }
  .announcement-bar h3 {
    font-size: 11px;
  }
  .navigation-mobile {
    top: 7.5rem /*12.2rem*/;
  }
  .key-ingredients-list__content {
      justify-content: flex-start;
  }
}

/* REFILLS PAGE */

#refills .home-products-tile {
  cursor: auto;
}
#refills .product-details__small-text,
.home-products-tile__content .product-details__small-text {
  color: red;
  margin-top: -5px;
  margin-bottom: 20px;
}


/* AFFILIATE PAGE */
  
body.affiliate {
  background-color: #A0DBDC;
  padding-top: 0;
}
.affiliate p.footer__slogan {
  font-size: 6.4rem;
}
.affiliate .plain-hero {
  background-position: bottom;
  height: 60rem;
  padding: 4rem 2.4rem 0;
  justify-content: initial;
}
.affiliate .modified-hero {
  padding: 0; 
}
@media (min-width: 445px) {
  .affiliate .plain-hero {
  	height: 72rem;
  }
}
@media (min-width: 768px) {
  .affiliate .plain-hero {
  	height: 52rem;
    padding-top: 2rem;
  }
  .affiliate .logo {
    text-align: left;
  }
}
@media (min-width: 900px) {
  .affiliate .plain-hero {
  	height: 56rem;
    padding-top: 2.4rem;
  }
}
@media (min-width: 1100px) {
  .affiliate .plain-hero {
  	height: 65rem;
  }
}
.affiliate .wrapper {
  max-width: 68rem;
}
@media screen and (min-width: 550px) and (max-width: 768px) {
  .affiliate .wrapper {
    padding-top: 8rem;
  }
}
.affiliate .plain-hero__heading {
  font-size: 3.8rem;
  line-height: normal;
  text-align: center;
  max-width: none;
  padding: 0 2rem;
  margin-top: 22rem;
}
@media (min-width: 768px) {
  .affiliate .plain-hero__heading { 
    padding: 0;
  }
  .affiliate .modified-hero .wrapper {
    padding: 0 6rem;
  }
  .affiliate .home-split__content-wrapper {
    margin: 0;
  }
  .affiliate .home-split__content p {
  }
}
@media (min-width: 1200px) {
  .affiliate .modified-hero .wrapper {
    padding: 0 3rem;
  } 
  .affiliate .plain-hero__heading {	
    font-size: 4.2rem;	
  }
}
.affiliate .plain-hero__description {
  max-width: none;
  font-size: 1.5rem;
  text-align: center;
  margin-top: 2rem;
  padding: 0 2rem;
}
@media (min-width: 900px) {
  .affiliate .plain-hero__heading {
    font-size: 4.8rem;	
  }	
}

@media (min-width: 768px) {
  .affiliate .plain-hero__description {
 	font-size: 1.6rem;
    line-height: 2.6rem;
    padding: 0;
  }
}
.affiliate .plain-hero__description + .shop__cta  {
  margin: 3rem auto 0;
}
.affiliate .mobile-image img {
  max-width: 100%;
  padding-top: 3rem;
}
@media (min-width: 768px) {
/*  .affiliate .plain-hero__description + .shop__cta {
  	 margin: 3rem 0 0;
  }*/
 .affiliate .mobile-image {
    display: none;
  }
}
.affiliate .button.button-transparent {
   background: none;
   color: #000;
}
.affiliate .plain-hero--with-background-image {
  align-items: start;
  justify-content: center;
}
.affiliate .img-top-left {
  display: none;
}
.affiliate .modified-hero {
  background-color: #b3dbdd !important;
}
.affiliate .results-block {
  display: block;
  margin-bottom: 30px;
}


/* AFFILIATE WHY SPLIT SECTION */
.affiliate .home-split__image {	
  display: block;
  min-height: 0;
  order: 1;	
}	
.affiliate a.button.shop__cta.button-transparent {	
  background: #fff;	
  margin: 20px auto 0;
}
.affiliate .home-split {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  height: auto;
}
@media (min-width: 768px) {
 .affiliate .home-split {
   flex-direction: row;
   height: 62rem;
  }
}

.affiliate .home-split__heading {
  font-size: 4.2rem;
  margin: 0;
  text-align: center;
  max-width: none;
  z-index: 0;
}
.affiliate .home-split__content-wrapper {
  min-height: auto;
  order: 2;
  padding: 40px 0;
  text-align: center;
  position: relative;
}
.affiliate .home-split__content-wrapper.image-first {
  order: 2;
}
@media (min-width: 768px) {  
  .affiliate .home-split__content-wrapper {
   order: 1;
   text-align: left;
  }
}
  
.affiliate .home-split__content {
  align-items: flex-start;
}
    
@media (min-width: 768px) {
  .affiliate .home-split__content {
      padding: 10%;
      width: 100%;
  }
}

@media (min-width: 768px) {
  .affiliate .home-split__image {
    order: 1;
    max-width: 50%;
    width: 100%;
  }
}
.affiliate p {
  z-index: 0;
}
.affiliate .properties {
  font-family: 'GTPressuraMono';
  font-size: 1.2rem;
  letter-spacing: .5px;
  margin: 5px auto 20px;
  z-index: 0;
}
@media (min-width: 768px) {
  .affiliate .properties {
    margin: 5px 0 20px;
  }
}
  
.affiliate .product-collection {
 background: #F1F0EF;
 padding-bottom: 5rem;
}
  
.affiliate .cta {
  font-size: 1.4rem;
  margin: 0 auto;
  text-decoration: none;
  z-index: 0;
}
@media (min-width: 768px) {
  .affiliate .cta {
    margin: 0;
  }
}
  
.affiliate .cta:hover {
  text-decoration: underline;
}
  
.affiliate .icon {  
  width: 24px;
  margin: 0 10px -7px;
}
.affiliate .results-block {
  line-height: 4rem;
  display: table;
  margin: 0 auto;
  text-align: left;
  width: auto;
  flex-direction: column;
  flex-wrap: wrap;
  height: 200px;
  padding-left: 15px;
}

@media (min-width: 1150px) {
  .affiliate .results-block {
    margin: auto;
    width: 100%;
  }
}
  
.affiliate .results-block li {
  font-size: 1.4rem;
  padding-left: 8px;
  line-height: 3rem;
}
.affiliate svg.button-alt__icon {
  vertical-align: middle;
}
.affiliate .result::marker {
  display: list-item;
  content: "⬤";
  color: #B7BEFF;
  font-size: 12px;
} 
.affiliate .img-top-left {
  width: 100px;
  height: 150px;
  position: absolute;
  top: 0;
  left: 0;
}

.affiliate .img-bottom-right {
  width: 100px;
  height: 200px;
  position: absolute;
  bottom: -74px;
  right: 0;
}
  
/* SPLIT SPECIAL */

.affiliate .split-special {
  background-color: #F1F0EF;
}

.affiliate .home-science-wrapper {
  background-color: #fff;
  border-radius: 8px;
  padding: 15px 0;
}
  
.affiliate .home-science {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 0 0 20px;
}
@media (min-width: 768px) {
  .affiliate .home-science {  
    padding: 20px 10px 20px 30px;
  }
}
.affiliate .home-science__content {
  justify-content: center;
} 
.affiliate .home-science-products__name {
  max-width: 149px;
  text-align: center;
}
.affiliate .split-special .home-split__content-wrapper {
  order: 0;
}
@media (min-width: 768px) {
  .affiliate .split-special .home-split__content-wrapper {
  order: 2;
  }
}
@media screen and (min-width: 768px) and (max-width: 900px) {
  h2.home-split__heading {
      font-size: 3.5rem !important;
      line-height: normal;
  }
}

/* PRE-ORDER EDIT TO DESKTOP ADD TO CART BUTTONS */
/* .product-bar-desktop__actions {
  width: 54.8rem;
} */
.product-bar-desktop__cta {
  max-width: 27.2rem;
}

/* EDIT HOMEPAGE PRODUCTS BUTTON TO LINE UP */
.homepage-subscribe {
  margin: auto 0 0;
}
.home-products-tile__cta {
  margin-top: 20px;
}
#refills .home-products-tile__cta {
  margin: auto 0 0;
}
#refills .button--secondary {
  margin-top: 20px;
}

.product-details__title {
    align-items: center;
    margin-bottom: 30px;
}

.product__content {
  margin: 0 auto;
  width: 100%;
  max-width: 1440px;
  padding: 50px 50px 70px;
}
span.different-text {
  font-size: 18px;
  font-weight: 500;
}
.product-details__buttons {
    border: none !important;
}
button#add-to-cart {
    background: #B3DADD !important;
    border-color: #B3DADD !important;
    font-size: 18px;
}

button#add-to-cart:hover{
    background: #000000 !important;
    border-color: #000000 !important;
    color:#B3DADD !important;
}
.quantity-selector__value {
    font-size: 18px;
    color: #B3DADD;
}
.product-details {
    padding-bottom: 0;
}

.product-details__buttons {
    margin: 0;
    padding: 0;
}


.product-details__title {
    flex-wrap: wrap;
    gap: 20px;
}

@media screen and (max-width:1400px){
  .key-ingredients__products {
        justify-content: flex-start;
        height: unset;
        overflow-x: auto;
    }
}

@media screen and (max-width:1150px){
  .split-with-icons .results-block {
      margin-left: 0;
      width: 100%;
  }

  .home-split__content p {
      width: 100%;
      max-width: 100%;
  }
}

@media screen and (max-width:1024px){
  .hero-top-container.page-width {
      background: #f1edec;
  }

  .hero-container.page-width.custom-hero-mind {
      background: #f1edec;
      border-radius: 0;
  }
}

@media screen and (max-width: 767px) {
  .product__content {
    padding: 50px 20px;
  }
  .product-details {
    padding: 30px 10px;
  }
  #ThinkFastSunbeam-{{ section.id }} .products-features {
    flex-direction: column;
    display:none;
  }
  form.product-settings {
    margin-top: 20px;
  }
  .quantity-selector {
    width: 130px;
    height: 50px;
  }
  .quantity-selector__trigger {
    top: -10px;
  }
  .klaviyo-form.klaviyo-form.klaviyo-form {
    padding-bottom: 0 !important;
  }
  .product__content {
      padding-bottom: 0;
  }

  .ingredients {
      padding-top: 0;
  }

  .home-products-tile__title {
    text-align: center !important;
  }

  .three-button {
      padding: 0 20px !important;
  }

  .co-crystal-wrapper h2 {
    font-size: 36px !important;
    line-height: 42px !important;
}

.co-crystal-wrapper img {
    max-width: 90% !important;
}

.right-col {
    padding: 40px 30px !important;
}

section.our-science-banner .banner-text h1 {
      line-height: 42px !important;
  }

.key-ingredients__products-wrapper {
    height: auto;
}

.key-ingredients__products {
    height: auto;
    padding-bottom: 20px;
}

.navigation--alternative {
    padding: 0 20px;
}

.ingredients-wrapper{
    gap: 50px;
}

.ingredients-simple__label-svg svg {
    width: 50px;
}

.ingredients-simple__label.ingredients-simple__label--top .ingredients-simple__label-text {
    margin: 0;
    max-width: 100px;
}

.ingredients-simple__label.ingredients-simple__label--top {
    left: -80px;
    top: -10px;
}

.ingredients-simple__label-svg {
    left: 20px;
    top: -20px;
}

.ingredients-simple__label.ingredients-simple__label--bottom .ingredients-simple__label-text {
    margin: 0;
    max-width: 100px;
}

section.ingredients.ingredients--simple.triple-how-section {
    padding: 0px 0 100px;
}

section.co-crystal-section {
    padding: 0 10px;
}



}

@media screen and (max-width:450px){
   .product-details__title {
      flex-direction: column;
      align-items: flex-start;
      gap: 10px 0;
      margin-bottom: 0;
  }

  .product-details__heading {
    margin: 0;
  }

  .product-details__heading img {
      max-width: 100%;
  }
}

@media screen and (max-width:350px){
  .navigation--alternative {
    padding: 0 10px;
  }

  .ingredients-simple__label.ingredients-simple__label--top {
    left: -65px;
}

.ingredients-simple__label--bottom {
    right: -50px;
}
}

.lions-mane-p .product-details__tastingnotes {
    display: none;
}

.the-collection .product-details__tastingnotes {
    padding: 0;
}

.golden-hour .product-details__tastingnotes {
    padding: 0;
}

.n-moonlight .product-details__tastingnotes {
    padding: 0;
}

.sunbeam .product-details__tastingnotes {
    padding: 0;
}

li.menu-item.menu-item--sunbeam a.navigation__link {
    padding: 0 3rem 0 12rem;
}

li.menu-item.menu-item--moonlight a.navigation__link {
    padding: 0 3rem 0 12rem;
}

li.menu-item.menu-item--golden-hour a.navigation__link {
    padding: 0 3rem 0 12rem;
}

li.menu-item.menu-item--the-collection a.navigation__link {
    padding: 0 3rem 0 12rem;
}

li.menu-item.menu-item--the-collection a.navigation__link span.navigation__link-pill-wrapper {
    left: 60px;
}

li.menu-item.menu-item--sunbeam a.navigation__link span.navigation__link-pill-wrapper {
    left: 70px;
}

li.menu-item.menu-item--moonlight a.navigation__link span.navigation__link-pill-wrapper {
    left: 70px;
}

li.menu-item.menu-item--golden-hour a.navigation__link span.navigation__link-pill-wrapper {
    left: 70px;
}

@media screen and (max-width:999px){
  li.navigation-mobile-nested__item.menu-item--the-collection {
      padding: 0 4.9rem 0 11rem !important;
  }

  li.navigation-mobile-nested__item.menu-item--moonlight {
      padding: 0 4.9rem 0 11rem !important;
  }

  li.navigation-mobile-nested__item.menu-item--golden-hour {
      padding: 0 4.9rem 0 11rem !important;
  }

  li.navigation-mobile-nested__item.menu-item--sunbeam {
      padding: 0 4.9rem 0 11rem !important;
  }

  li.navigation-mobile-nested__item.menu-item--moonlight span.navigation__link-pill-wrapper, li.navigation-mobile-nested__item.menu-item--golden-hour span.navigation__link-pill-wrapper, li.navigation-mobile-nested__item.menu-item--sunbeam span.navigation__link-pill-wrapper {
    left: -25px;
}


}