/** Shopify CDN: Minification failed

Line 343:58 Unexpected "img"

**/
.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.button-group {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
  gap: 1rem;
}

.button-group.text-start {
  justify-content: flex-start;
}

.button-group.text-end {
  justify-content: flex-end;
}

.section--small {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

/* ===== Scrollbar CSS ===== */
/* Firefox */
.c-scroll {
  --scrollbar-handle-color: var(--button-background-primary) / 0.5;
  --scrollbar-track-color: var(--button-background-primary) / 0.25;

  scrollbar-width: auto;
  scrollbar-color: rgb(var(--scrollbar-handle-color))
    rgb(var(--scrollbar-track-color));
}

/* Chrome, Edge, and Safari */
.c-scroll::-webkit-scrollbar {
  width: 8px;
}

/*Track*/
.c-scroll::-webkit-scrollbar-track {
  background: rgb(var(--scrollbar-track-color));
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

/*Handle*/
.c-scroll::-webkit-scrollbar-thumb {
  background-color: rgb(var(--scrollbar-handle-color));
  border-radius: 10px;
  border: 3px none #ffffff;
}

.aspect-1-1 {
  aspect-ratio: 1;
}

.product-info__price + .shopify-app-block:has(.viabill-pricetag) {
  margin-top: calc(var(--spacing-4) * -1);
}

#Coi-Renew {
  display: none !important;
}

.hidden-elements {
  visibility: hidden;
  height: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}

[type='radio'] {
  border-radius: var(--rounded-full);
}

button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.link-all {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 700px) {
  .text-columns {
    columns: 2;
    column-gap: 40px;
    text-align: left;
  }

  .text-columns > * {
    break-inside: avoid-column;
  }
}

.prose.box_container {
  padding: var(--spacing-6);
  border-radius: 8px;
}

.button__quick-add {
  --button-background: var(--quick-add-button-background) /
    var(--button-background-opacity, 1);

  padding-block-start: var(--spacing-3-5);
  padding-block-end: var(--spacing-3-5);
  padding-inline-start: var(--spacing-3-5);
  padding-inline-end: var(--spacing-3-5);

  background: rgb(var(--button-background));
  color: rgb(var(--quick-add-button-text));
  border-radius: var(--quick-add-rounded-button);
}

.font-body {
  font-family: var(--text-font-family);
}

/**********************************/
/* Header */
/**********************************/
details[is='mega-menu-disclosure'][open] summary {
  position: relative;
}

details[is='mega-menu-disclosure'][open] summary::before {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  width: 275%;
  height: 50px;

  transform: translateX(-50%);
}

/**********************************/
/* Animations */
/**********************************/

.fade-in-up {
  opacity: 0;
  transform: translateY(3rem);

  transition: opacity 0.6s cubic-bezier(0.4, 0, 0.22, 1),
    transform 0.6s cubic-bezier(0.4, 0, 0.22, 1);
}

.animate .fade-in-up {
  opacity: 1;
  transform: translateY(0);
}

/**********************************/
/* Payment types */
/**********************************/

.payment_icons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  list-style: none;
}

.payment_icons > * {
  margin: 0;
  line-height: 0;
}

@media screen and (min-width: 700px) {
  .payment_icons--cart {
    margin-top: 0.5rem;
  }
}

/**********************************/
/* Product Info - Spacing */
/**********************************/

@media only screen and (min-width: 768px) {
  .product-info-spacer {
    /* Grafikr - custom product info spacer*/
    margin-block-start: var(--product-info-block-spacing-top);
    margin-block-end: var(--product-info-block-spacing-bottom);
  }
}

@media only screen and (max-width: 1023px) {
  .product-info-spacer {
    margin-block-start: var(--sm-product-section-margin-top);
    margin-block-end: var(--sm-product-section-margin-bottom);
  }
}

/**********************************/
/* product card  */
/**********************************/

.product-card {
  --product-card-info-padding: var(--spacing-1) var(--spacing-4)
    var(--spacing-4) var(--spacing-4);
}

@media screen and (min-width: 700px) {
  .product-card {
    --product-card-info-padding: var(--spacing-1) var(--spacing-5)
      var(--spacing-5) var(--spacing-5);
  }
}

@media screen and (min-width: 1400px) {
  .product-card__info {
    --product-card-info-padding: var(--spacing-1) var(--spacing-8)
      var(--spacing-8) var(--spacing-8);
  }
}

/**********************************/
/* Cart drawer - Complimantary products */
/**********************************/
cart-drawer:not([open]) .cart-complementary {
  display: none;
}

/*********************/
/* Linked products */
/*********************/

.linked-products {
  margin-block-start: var(--spacing-2);
  margin-block-end: var(--spacing-2);
}

.linked-products.linked-products--contained {
  margin-right: auto;
}

.linked-products.linked-products--contained > .h-stack {
  margin-bottom: 8px;
}

.linked-products.linked-products--contained .linked-products__container {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 3px;
}

.linked-products__button > div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  background-color: rgb(var(--button-background-primary));
  color: var(--button-text-color);
}

.linked-products__button svg,
.linked-products-modal__button svg {
  width: 25%;
}

.linked-product {
  display: flex;
  justify-content: center;
  position: relative;
  flex: auto 0 0;
  border: 1px solid transparent;

  border-radius: var(--rounded-button);
  overflow: hidden;
}

.linked-product img {
  min-width: 100%;
}

.linked-products:not(.linked-products--contained) .linked-product {
  flex: calc(auto - 0.5rem) 0 0;
}

.linked-product.active,
.active > .linked-product {
  border: 1px solid rgb(var(--text-primary));
}

.linked-product.active img,
.active > .linked-product img {
  padding: 3px;
  border-radius: var(--rounded-button);
}

.linked-product > a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/*********************/
/* Linked products - Swatches */
/*********************/

.linked-products__swatches {
  margin-top: 1rem;
}

.linked-products__swatches > .linked-products__container {
  /* justify-content: center; */
  align-items: center;
}

.linked-products__swatches .linked-products__container > * {
  --swatch-size: 30px;
  flex: var(--swatch-size) 0 0;
  height: var(--swatch-size);
  padding: 0;
}

.linked-products__swatches .linked-products__container > *img {
  object-fit: contain;
}

/*********************/
/* Linked products - Modal */
/*********************/

.linked-products-modal {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 50%;
  left: 50%;
  max-width: 900px;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  max-height: 660px;
  padding: 0;
  overflow: hidden;
  background: rgb(var(--dialog-background));
  transform: translateY(5rem) translate(-50%, -50%);
  z-index: 9000000000;
  border: 1px solid rgb(var(--border-color));
  border-radius: 8px;

  box-shadow: 1px 7px 22px 0px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 1px 7px 22px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px 7px 22px 0px rgba(0, 0, 0, 0.75);

  opacity: 0;
  visibility: hidden;

  transition: visibility 0.3s cubic-bezier(0.4, 0, 0.22, 1),
    opacity 0.3s cubic-bezier(0.4, 0, 0.22, 1),
    transform 0.3s cubic-bezier(0.4, 0, 0.22, 1);
}

.linked-products-modal.open {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -50%);
}

.linked-products-modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1rem;
}

.linked-products-modal__button {
  display: flex;
  align-items: center;
  height: 3rem;
  z-index: 10;
}

.linked-products-modal__button svg {
  width: 1rem;

  transform: rotate(45deg);
  transform-origin: center;
  margin-left: 0.5rem;
}

.linked-products-modal__button svg line {
  stroke: rgb(var(--text-primary));
}

.linked-products-modal__container {
  display: grid;
  overflow: hidden;

  grid-template-columns: 3fr 2fr;

  gap: 1.5rem;
  padding: 1rem 1rem 0;

  grid-template-areas:
    'lp-modal-product-image lp-modal-product-info'
    'lp-modal-product-image lp-modal-products';
}

.linked-products-modal__image {
  display: grid;
  /* place-content: center; */
  grid-area: lp-modal-product-image;
  padding-bottom: 1rem;
}

.linked-products-modal__image img {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.linked-products-modal__info {
  grid-area: lp-modal-product-info;
  display: flex;
  flex-direction: column;
  /* gap: 0.5rem; */
}

.linked-products-modal__info .button {
  width: 100%;
  margin-top: 1rem;
}

.linked-products-modal__image > * {
  grid-area: 1/1;
}

.linked-products-modal__products {
  position: relative;
  grid-area: lp-modal-products;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  height: calc(100% - 1rem);
  padding-right: 0.5rem;
  width: 100%;
  overflow: auto;
  overscroll-behavior: contain;
}

.linked-products-modal__products .linked-products-modal__product {
  --columns: 4;
  --gap: 0.5rem;
  flex: calc(
      (100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns))
    )
    0 0;
}

.linked-products-modal__overlay {
  display: block;
  position: fixed;
  min-height: 100lvh;
  background: #0006;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;

  z-index: 10;

  opacity: 0;
  visibility: hidden;

  transition: visibility 0.3s cubic-bezier(0.4, 0, 0.22, 1),
    opacity 0.3s cubic-bezier(0.4, 0, 0.22, 1);

  pointer-events: none;
  /* cursor: var(--cursor-close-svg-url) 28 28, auto; */
}

.linked-products-modal.open ~ .linked-products-modal__overlay {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

@media screen and (max-width: 699px) {
  .linked-products-modal {
    width: calc(100% - 2rem);
    max-width: 500px;
    max-height: calc(100vh - 2rem);
    /* max-height: calc(100% - 2rem); */
  }

  @supports (max-height: 100svh) {
    .linked-products-modal {
      max-height: calc(100svh - 2rem);
    }
  }

  .linked-products-modal__header {
    padding: 0rem 1rem;
  }

  .linked-products-modal__container {
    /* display: flex;
    flex-direction: column; */
    gap: 0;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    grid-template-areas:
      'lp-modal-product-image'
      'lp-modal-product-info'
      'lp-modal-products';

    /* position: relative;
    overflow: auto; */

    padding: 0;
  }

  .linked-products-modal__container > *:first-child {
    padding-top: 1rem;
  }

  .linked-products-modal__container > * {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .linked-products-modal__image {
    padding-bottom: 0;
  }

  .linked-products-modal__info {
    padding-top: 0.5rem;
  }

  .linked-products-modal__image img {
    position: static;
    /* position: absolute;
    top: 0;
    left: 0; */
  }

  .linked-products-modal__image img + img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  .linked-products-modal__info {
    position: sticky;
    top: 0;
    z-index: 1;
    background: rgb(var(--dialog-background));
    padding: 1rem;
  }

  /* .linked-products-modal__products {
    height: auto;
    overflow: unset;
  } */
}

@media screen and (max-width: 500px) {
  .linked-products-modal {
    width: calc(100% - 2rem);
    max-width: 320px;
    max-height: 100vh;
    /* max-height: calc(100% - 2rem); */
  }

  @supports (max-height: 100svh) {
    .linked-products-modal {
      max-height: 100svh;
    }
  }
}

/*********************/
/* G Modal */
/*********************/
.g-modal {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 50%;
  left: 50%;
  max-width: 900px;
  width: calc(100% - 4rem);
  max-height: 600px;
  padding: 0;
  overflow: hidden;
  background: rgb(var(--dialog-background));
  transform: translateY(5rem) translate(-50%, -50%);
  z-index: 90000;
  border: 1px solid rgb(var(--border-color));
  border-radius: 8px;

  box-shadow: 1px 7px 22px 0px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 1px 7px 22px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px 7px 22px 0px rgba(0, 0, 0, 0.75);

  opacity: 0;
  visibility: hidden;

  transition: visibility 0.3s cubic-bezier(0.4, 0, 0.22, 1),
    opacity 0.3s cubic-bezier(0.4, 0, 0.22, 1),
    transform 0.3s cubic-bezier(0.4, 0, 0.22, 1);
}

.g-modal.open {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -50%);
}

.g-modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-4) var(--spacing-6);
}

.g-modal__button {
  display: flex;
  align-items: center;
  margin-left: auto;
  height: 3rem;
  z-index: 10;
}
.g-modal__button > * {
  pointer-events: none;
}

.g-modal__button svg {
  width: 1rem;

  transform: rotate(45deg);
  transform-origin: center;
  margin-left: 0.5rem;
}

.g-modal__button svg line {
  stroke: rgb(var(--text-primary));
}

.g-modal__container {
  overflow: auto;
  align-content: start;
  gap: var(--spacing-4);
  padding: var(--spacing-6);
  scroll-snap-align: center;
  scroll-snap-stop: always;
  display: grid;
}

@media screen and (max-width: 699px) {
  .g-modal__header {
    padding: 0 1rem;
  }

  .g-modal__container {
    display: flex;
    flex-direction: column;
    gap: 0;

    position: relative;
    overflow: auto;

    padding: 0;
  }

  .g-modal__container > *:first-child {
    padding-top: 1rem;
  }

  .g-modal__container > * {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
  }
}

/*********************/
/* Estimated Delivery */
/*********************/

.estimated-delivery__container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}

.cart-drawer .estimated-delivery__container {
  padding: 0.25rem 0.5rem;
}

/*********************/
/* Trust Widget */
/*********************/

.trust-widget-container {
  display: flex;
  justify-content: center;
}

.trust-widget {
  font-size: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1ch;
  justify-content: center;
  align-items: center;
}

.trust-content {
  font-size: 1em;
  display: flex;
  flex-wrap: wrap;
  gap: 1ch;
  justify-content: center;
  align-items: center;
}

.trust-content {
  gap: 0.5ch;
}

.trust-stars {
  display: grid;
  grid-template-columns: repeat(5, 1.5em);
  align-content: center;
  color: rgb(var(--star-color));
  gap: 3px;
}

.trust-review-count {
  opacity: 0.7;
}

[data-trust-reviews-open] {
  cursor: pointer;
}

.trust-widget--large {
  font-size: 1.3rem;
}

.trust-widget--small {
  font-size: 0.8rem;
}

.trust-widget--justify-start,
.trust-widget--justify-start .trust-content {
  justify-content: start;
}

.trust-widget--justify-end,
.trust-widget--justify-end .trust-content {
  justify-content: end;
}

@media screen and (max-width: 699px) {
  .mobile-trust-widget--large {
    font-size: 1.3rem;
  }

  .mobile-trust-widget--small {
    font-size: 0.65rem;
  }

  .mobile-trust-widget--justify-start,
  .mobile-trust-widget--justify-start .trust-content {
    justify-content: start;
  }

  .mobile-trust-widget--justify-end,
  .mobile-trust-widget--justify-end .trust-content {
    justify-content: end;
  }
}

/*********************/
/* G drawer */
/*********************/

.g-drawer {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  /* width: 520px; */
  padding: var(--spacing-4);
  z-index: 90000;

  pointer-events: none;

  /* transform: translateX(100%); */
  /* transition: transform 0.3s cubic-bezier(0.4, 0, 0.22, 1); */
}

.g-drawer__container {
  border-radius: 8px;
  height: 100%;
  overflow: hidden;
  max-width: 648px;
}

.g-drawer__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: auto;
  border-radius: 8px;
  align-items: start;
  height: 100%;

  background: rgb(var(--dialog-background));
  color: rgb(var(--text-color));

  overscroll-behavior-y: contain;
  overflow-y: auto;

  transform: translateX(101%);
  transition: transform 0.3s 0.3s cubic-bezier(0.4, 0, 0.22, 1);
}

.g-drawer__inner > * {
  padding: 0 var(--spacing-8);
}

.g-drawer__inner .g-drawer__header > *,
.g-drawer__inner .g-drawer__header ~ * {
  opacity: 0;
  transition: opacity 0.3s 0s cubic-bezier(0.4, 0, 0.22, 1);
}

.g-drawer__header {
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  margin-bottom: 2rem;

  background: rgb(var(--dialog-background));
  z-index: 2;
}

.g-drawer__header-wrap {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;

  padding-top: var(--spacing-8);
  padding-bottom: 1rem;
  border-bottom: 1px solid;
}

.g-drawer__button {
  /* position: absolute;
  top: var(--spacing-4);
  right: var(--spacing-8); */
  inline-size: 3rem;
  aspect-ratio: 1;
  border-radius: 50%;
  /* border: 1px solid black; */
  display: grid;
  place-content: center;
}

.g-drawer__button > * {
  grid-area: 1/1;
  width: 24px;
  height: 24px;
}

.g-drawer__content {
  position: relative;
  z-index: 1;
}

.trust-reviews {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  /* padding: 0.5rem 0 var(--spacing-8); */
  padding-bottom: var(--spacing-8);
  overflow: auto;
}

.trust-review {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem;
  margin-top: 1rem;
  background-color: rgb(0, 0, 0, 0.04);
  border-radius: 8px;
}

.trust-review .trust-stars {
  font-size: 0.8rem;
}

[data-drawer-close] > * {
  pointer-events: none;
}

.g-drawer-overlay,
.g-modal-overlay {
  display: block;
  position: fixed;
  min-height: 100lvh;
  background: #0006;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;

  z-index: 10;

  opacity: 0;
  visibility: hidden;

  transition: visibility 0.6s 0.6s cubic-bezier(0.4, 0, 0.22, 1),
    opacity 0.6s 0.6s cubic-bezier(0.4, 0, 0.22, 1);

  pointer-events: none;
  /* cursor: var(--cursor-close-svg-url) 28 28, auto; */
}

.g-modal-overlay {
  transition: visibility 0.6s cubic-bezier(0.4, 0, 0.22, 1),
    opacity 0.6s cubic-bezier(0.4, 0, 0.22, 1);
}

.g-drawer.open .g-drawer__inner {
  transform: translateX(0);
  pointer-events: all;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.22, 1);
}
.g-drawer.open .g-drawer__inner .g-drawer__header > *,
.g-drawer.open .g-drawer__inner .g-drawer__header ~ * {
  opacity: 1;
  transition: opacity 0.3s 0.3s cubic-bezier(0.4, 0, 0.22, 1);
}

body.g-drawer-open .g-drawer-overlay,
body.g-modal-open .g-modal-overlay {
  opacity: 1;
  visibility: visible;
  pointer-events: all;

  transition: visibility 0.3s cubic-bezier(0.4, 0, 0.22, 1),
    opacity 0.3s cubic-bezier(0.4, 0, 0.22, 1);
}

.underline {
  text-decoration: underline;
  text-underline-offset: 2px;
}

/*********************/
/* G modal */
/*********************/

[data-g-modal] {
  cursor: pointer;
}

[data-g-modal] > * {
  pointer-events: none;
}

[data-g-modal] .text-full {
  display: none;
}

.g-modal .text-full {
  display: block;
}

.g-modal .text-truncated {
  display: none;
}

/**********************************/
/* Terms */
/**********************************/

/* Terms - variables */

#Terms {
  --terms-background: rgb(var(--dialog-background));
}

.inline-terms.terms__cart-page {
  display: flex;
}

.terms__cart-page .inline-terms__label {
  margin-left: auto;
}

.inline-terms__label {
  display: flex;
  gap: 0.5rem;
  /* margin: 1rem 0; */
}

.inline-terms__label input[type='checkbox'] {
  align-self: center;
  margin-top: 0;
  line-height: 0;
}

.inline-terms__label a {
  text-decoration: underline; 
}

.terms {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  max-height: 100%;
  overflow: auto;

  display: flex;
  flex-direction: column;

  padding: 20px 0 0;

  z-index: 20;
  background-color: var(--terms-background);

  border-radius: 0.75rem 0.75rem; 

  transform: translateY(110%) translateX(-50%);
  pointer-events: none;
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1),
    height 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.terms.terms__cart-page {
  position: fixed;
  max-width: 700px;
  max-height: calc(100% - 2rem);
}

.terms > * {
  padding-left: 30px;
  padding-right: 30px;
}

.terms.active {
  transform: translateY(0) translateX(-50%);
  pointer-events: all;
}

.expanded-hidden {
  display: grid;
  grid-template-rows: 1fr;
  transition: grid-template-rows 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.expanded-hidden > * {
  overflow: hidden;
}

.terms.expanded .expanded-hidden {
  grid-template-rows: 0fr;
}

.expanded-visible {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.expanded-visible > * {
  overflow: hidden;
}

.terms.expanded .expanded-visible {
  grid-template-rows: 1fr;
}

.expanded-header {
  width: 100%;
  position: sticky;
  display: flex;
  height: 0;
  top: 0;
  right: 0;
}

.expanded-close {
  position: relative;
  margin-left: auto;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  /* border: 1px solid rgba(0, 0, 0, 0.5); */
  background-color: var(--terms-background);
  opacity: 0;
  pointer-events: none;
  cursor: pointer;
}

.expanded-close > * {
  pointer-events: none;
}

.terms.expanded .expanded-close {
  opacity: 1;
  pointer-events: all;
}
.expanded-close svg {
  position: absolute;
  top: 50%;
  left: 50%;
  color: black;
  transform: translate(-50%, -50%);
}

.terms-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1);
  z-index: 10;
}

.terms.active + .terms-overlay {
  opacity: 1;
  pointer-events: all;
}

.terms a {
  text-decoration: underline;
}

.terms__heading {
  text-align: center;
  font-size: 14px;
  color: black;
  margin: 0;
  margin-bottom: 2rem;
}

.terms__heading h4 {
  margin: 0;
}

.terms__heading h3 {
  font-size: 16px;
  color: black;
  margin: 0;
}

.terms__heading h4 + h3 {
  margin-top: 0.5rem;
}

.terms__content {
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
}

.terms__page-content-inner {
  text-align: left;
  margin-bottom: 2rem;
}

.terms__page-content-inner__header {
  max-width: calc(100% - 4rem);
}

.terms__footer {
  position: sticky;
  bottom: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: auto;
  gap: 1rem;
  background: var(--terms-background);
  padding-top: 30px;
  padding-bottom: 30px;
  padding-bottom: max(30px, env(safe-area-inset-bottom, 0px) + 30px);
}

.terms.expanded .terms__footer {
  box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.2);
}

/**********************************/
/* Navigation */
/**********************************/

.mobile-navigation-title {
  letter-spacing: 1px;
  font-size: 16px;
  text-transform: uppercase;
}

.mobile-navigation-title span {
  text-transform: uppercase;
}

.mobile-navigation-title--border {
  border-bottom: 1px solid rgb(var(--border-color));
  padding-bottom: var(--spacing-4);
}

/**********************************/
/* Product - Gallery */
/**********************************/

@media only screen and (max-width: 1023px) {
  /* Your CSS code for medium screens goes here */
  .product-gallery__thumbnail-list-wrapper.full-bleed.md\:unbleed {
    margin-inline-start: calc(-1 * var(--container-outer-width) + 5px);
    margin-inline-end: calc(-1 * var(--container-outer-width) + 5px);
  }
}

/**********************************/
/* Custom - popover */
/**********************************/

.popover.custom-popover::part(title) {
  display: flex;
  justify-content: space-between;
  align-items: center;

  border-block-end: none;

  padding: var(--popover-title-padding) 0;
}

.popover.custom-popover::part(header-close) {
  border: transparent;
  background: transparent;
  cursor: pointer;
}

.popover.custom-popover::part(body) {
  padding-top: 0;
}

.popover.custom-popover::part(content) {
  box-sizing: border-box;
  padding: 0 var(--popover-title-padding) var(--popover-title-padding)
    var(--popover-title-padding);
}

.popover.custom-popover .popover-listbox__option {
  border: 1px solid rgb(var(--text-color) / 0.12);
  border-radius: 5px;
  justify-content: start;
  padding: var(--spacing-3) var(--spacing-6);
}

.popover.custom-popover .popover-listbox__option[aria-selected='true'] {
  border: 1px solid rgb(var(--text-color));
}

.popover.custom-popover .popover-listbox__option + .popover-listbox__option {
  margin-top: var(--popover-title-padding);
}

.popover.custom-popover [data-g-drawer] {
  border: 1px solid rgb(var(--text-color) / 0.12);
  border-radius: 5px;
  padding: var(--spacing-3) var(--spacing-6);
  margin-top: var(--popover-title-padding);
  width: 100%;
}

.popover.custom-popover [data-g-drawer] .underline {
  text-decoration: none;
}

/**********************************/
/* Custom - Mobile filter */
/**********************************/

@media screen and (max-width: 999px) {
  .collection:has(.custom-sticky-filter) {
    gap: var(--spacing-4);
  }
}

.custom-sticky-filter {
  padding-top: var(--spacing-2);
  padding-bottom: var(--spacing-2);
  width: 100%;
  z-index: 6;
  position: sticky;
  top: var(--header-height, 64px);
  background-color: rgb(var(--background));
}

.custom-sticky-filter .removable-facet {
  padding: var(--spacing-1-5) var(--spacing-2);
  font-size: 0.8rem;
}

.custom-sticky-filter > .v-stack:not(:has(.removable-facet)) {
  display: none;
}

.section-full .rich-text__wrapper {
  width: 100%;
}

.rich-text__wrapper .prose > *{
  width: 100%;
}



/**********************************/
/* Video settings */
/**********************************/

.video--desktop {
  display: none;
}

.video--mobile {
  display: block;
}

@media screen and (min-width: 999px) {
  .video--desktop {
    display: block;
  }

  .video--mobile {
    display: none;
  }
}



/**********************************/
/* Announcement Bar */
/**********************************/

.announcement-bar__wrapper:has(splide-carousel) {
  display: block;
  max-width: 100%;
  text-align: center;
}


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