/** Shopify CDN: Minification failed

Line 3576:0 Unexpected "{"
Line 3576:1 Expected identifier but found "%"
Line 3587:0 Unexpected "{"
Line 3587:1 Expected identifier but found "%"

**/
/* Color custom properties  */

:root,
.color-background-1 {
  --color-foreground: var(--color-base-text);
  --color-background: var(--color-base-background);
  --color-link: var(--color-base-outline-button-labels);
  --alpha-link: 1;
  --color-button: var(--color-base-brand);
  --color-button-text: var(--color-base-solid-button-labels);
  --alpha-button-background: 1;
  --alpha-button-border: 1;
  --color-badge-background: var(--color-background);
  --color-badge-border: var(--color-foreground);
  --alpha-badge-border: 0.1;
  --color-card-hover: var(--color-base-text);
}

.color-accent-1 {
  --color-foreground: var(--color-base-background);
  --color-background: var(--color-base-brand);
  --color-card-hover: var(--color-base-solid-button-labels);
}

.color-inverse {
  --color-foreground: var(--color-base-background);
  --color-background: var(--color-base-text);
  --color-card-hover: var(--color-base-background);
}

.color-foreground-outline-button {
  --color-foreground: var(--color-base-outline-button-labels);
}

.color-foreground-accent-1 {
  --color-foreground: var(--color-base-brand);
}

.color-inverse,
.color-accent-1 {
  --color-link: var(--color-foreground);
  --alpha-link: 1;
  --color-button: var(--color-foreground);
  --color-button-text: var(--color-background);
  --color-badge-background: var(--color-background);
  --color-badge-border: var(--color-background);
  --alpha-badge-border: 1;
}

.button--secondary {
  --color-button-text: var(--color-base-outline-button-labels);
  --color-button: var(--color-base-light);
  --alpha-button-background: 1;
  --buttons-border-opacity: 0;
}

.color-accent-1 .button--secondary,
.color-inverse .button--secondary {
  --color-button: var(--color-background);
  --color-button-text: var(--color-foreground);
}

.button--outline,
.button.button--outline {
  --color-button: transparent;
  --color-button-text: var(--color-base-outline-button-labels);
  --color-button-border-color: var(--color-base-outline-button-labels);
  --alpha-button-background: 1;
  --buttons-border-opacity: 1;
}

.button--outline:not([disabled]):hover,
.button.button--outline:not([disabled]):hover {
  --buttons-border-opacity: 0;
}

.button--tertiary {
  --color-button: var(--color-base-outline-button-labels);
  --color-button-text: var(--color-base-outline-button-labels);
  --alpha-button-background: 0;
  --alpha-button-border: 0.2;
}

.button--secondary.button--outline {
  --color-button-border-color: var(--color-base-dark);
  --color-button-text: var(--color-base-dark);
}

@media (min-width: 750px) {
  .button--desktop-secondary {
    --color-button-text: var(--color-base-outline-button-labels);
    --color-button: var(--color-base-light);
    --alpha-button-background: 1;
    --buttons-border-opacity: 0;
  }

  .button--desktop-outline {
    --color-button: transparent;
    --color-button-text: var(--color-base-outline-button-labels);
    --alpha-button-background: 1;
    --buttons-border-opacity: 1;
  }

  .button--desktop-secondary.button--desktop-outline {
    --color-button-border-color: var(--color-white);
  }
}

.color-inverse .button--tertiary,
.color-accent-1 .button--tertiary {
  --color-button: var(--color-foreground);
  --color-button-text: var(--color-foreground);
}

:root,
.color-icon-text {
  --color-icon: rgb(var(--color-base-text));
}

.color-icon-accent-1 {
  --color-icon: rgb(var(--color-base-brand));
}

.color-icon-outline-button {
  --color-icon: rgb(var(--color-base-outline-button-labels));
}

.product-card-wrapper .card,
.contains-card--product,
.collection-card-wrapper .card,
.contains-card--collection,
.article-card-wrapper .card,
.contains-card--article,
.contains-content-container,
.content-container {
  --border-radius: var(--card-corner-radius);
  --border-width: var(--card-border-width);
  --border-opacity: var(--card-border-opacity);
  --shadow-horizontal-offset: var(--card-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--card-shadow-vertical-offset);
  --shadow-blur-radius: var(--card-shadow-blur-radius);
  --shadow-opacity: var(--card-shadow-opacity);
  --shadow-visible: var(--card-shadow-visible);
  --image-padding: var(--card-image-padding);
  --text-alignment: var(--card-text-alignment);
}

.contains-media,
.global-media-settings {
  --border-radius: var(--media-radius);
  --border-width: var(--media-border-width);
  --border-opacity: var(--media-border-opacity);
  --shadow-horizontal-offset: var(--media-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--media-shadow-vertical-offset);
  --shadow-blur-radius: var(--media-shadow-blur-radius);
  --shadow-opacity: var(--media-shadow-opacity);
  --shadow-visible: var(--media-shadow-visible);
}

/* base */

.no-pointer {
  pointer-events: none;
}

.no-js:not(html) {
  display: none !important;
}

html.no-js .no-js:not(html) {
  display: block !important;
}

.no-js-inline {
  display: none !important;
}

html.no-js .no-js-inline {
  display: inline-block !important;
}

html.no-js .no-js-hidden {
  display: none !important;
}

.page-width,
main .shopify-policy__container {
  margin: 0 auto;
  padding: 0 var(--padding-sections-mobile);
}

.page-width:not(.drawer-menu):not(.page-width--narrow):not(
    .page-width--wide
  ):not(.page-width--desktop),
main .shopify-policy__container {
  max-width: var(--page-width);
}

main .shopify-policy__container {
  padding-top: var(--space-15);
  padding-bottom: var(--space-15);
}

.page-width-desktop {
  padding: 0;
  margin: 0 auto;
}

@media screen and (min-width: 750px) {
  .page-width,
  main .shopify-policy__container {
    margin: 0 auto;
    padding: 0 var(--padding-sections-desktop);
  }

  main .shopify-policy__container {
    padding-top: var(--space-31);
    padding-bottom: var(--space-31);
  }

  .header.page-width {
    padding-left: var(--space-6);
    padding-right: var(--space-6);
  }

  .page-width--narrow {
    padding: 0 var(--padding-sections-desktop);
  }

  .page-width-desktop {
    padding: 0;
  }

  .page-width-tablet {
    padding: 0 var(--padding-sections-desktop);
  }
}

@media screen and (min-width: 990px) {
  .header:not(.drawer-menu).page-width {
    padding-left: var(--padding-sections-desktop);
    padding-right: var(--padding-sections-desktop);
  }

  .page-width--wide {
    max-width: var(--layout-max-width-wide);
    padding: 0 var(--padding-sections-desktop);
  }

  .page-width--narrow {
    max-width: var(--layout-max-width-narrow);
    padding: 0 var(--padding-sections-desktop);
  }

  .page-width-desktop {
    max-width: var(--page-width);
    padding: 0 var(--padding-sections-desktop);
  }
}

.isolate {
  position: relative;
  z-index: 0;
}

.section--full-width {
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 0 var(--padding-sections-desktop);
  position: relative;
  right: 50%;
  width: 100vw;
}

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

@media screen and (min-width: 750px) {
  .section + .section {
    margin-top: 0;
  }
}

.element-margin-top {
  margin-top: var(--space-10);
}

@media screen and (min-width: 750px) {
  .element-margin {
    margin-top: calc(var(--space-10) + var(--page-width-margin));
  }
}

body,
.color-background-1,
.color-inverse,
.color-accent-1 {
  color: rgba(var(--color-foreground), 1);
}

.color-background-1,
.color-inverse,
.color-accent-1 {
  background-color: rgb(var(--color-background));
}

.background-secondary {
  background-color: rgba(var(--color-foreground), 0.04);
}

.grid-auto-flow {
  display: grid;
  grid-auto-flow: column;
}

.page-margin,
.shopify-challenge__container {
  margin: var(--space-14) auto;
}

.rte-width {
  max-width: var(--layout-max-width-narrow);
  margin: 0 auto var(--space-3);
}

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

.hidden {
  display: none !important;
}

.visually-hidden {
  position: absolute !important;
  overflow: hidden !important;
  width: var(--space-pixel) !important;
  height: var(--space-pixel) !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  word-wrap: normal !important;
  max-width: unset !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.visually-hidden--inline {
  margin: 0;
  height: var(--space-2);
}

.overflow-hidden:not(#template-cart) {
  overflow: hidden;
}

.skip-to-content-link:focus {
  z-index: 9999;
  position: inherit;
  overflow: auto;
  width: auto;
  height: auto;
  clip: auto;
}

.full-width-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}

::selection {
  background-color: rgba(var(--color-foreground), 0.2);
}

body {
  overflow-x: hidden;
}

body,
.text-body {
  font-size: var(--text-size-xs);
  line-height: var(--leading-looser);
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  -webkit-font-smoothing: antialiased;
  font-synthesis: none !important;
}

h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  letter-spacing: var(--tracking-normal);
  color: rgb(var(--color-foreground));
  line-height: var(--leading-normal);
  word-break: break-word;
  margin-bottom: var(--space-12);
  margin-top: 0;
}

.h1 p,
.h2 p,
.h3 p,
.h4 p,
.h5 p,
.h6 p,
h1 p,
h2 p,
h3 p,
h4 p,
h5 p,
h6 p {
  margin: 0;
}

.p p:last-child {
  margin-bottom: var(--space-16);
}

h1,
.h1,
.xxl-text {
  font-size: var(--text-size-5xl);
}

h1 a,
.h1 a {
  text-decoration: none;
}

h2,
.h2,
.xl-text {
  font-size: var(--text-size-4xl);
}

h2 a,
.h2 a {
  text-decoration: none;
}

h3,
.h3,
.lg-text {
  font-size: var(--text-size-3xl);
}

h3 a,
.h3 a {
  text-decoration: none;
}

h4,
.h4,
.md-text {
  font-size: var(--text-size-2xl);
}

h4 a,
.h4 a {
  text-decoration: none;
}

h5,
.h5,
.sm-text {
  font-size: var(--text-size-xl);
}

h5 a,
.h5 a {
  text-decoration: none;
}

h6,
.h6,
.xs-text {
  font-size: var(--text-size-lg);
}

h6 a,
.h6 a {
  text-decoration: none;
}

@media only screen and (min-width: 750px) {
  .h1--desktop,
  .xxl-text--desktop {
    font-size: var(--text-size-5xl);
  }

  .h2--desktop,
  .xl-text--desktop {
    font-size: var(--text-size-4xl);
  }

  .h3--desktop,
  .lg-text--desktop {
    font-size: var(--text-size-3xl);
  }

  .h4--desktop,
  .md-text--desktop {
    font-size: var(--text-size-2xl);
  }

  .h5--desktop,
  .sm-text--desktop {
    font-size: var(--text-size-xl);
  }

  .h6--desktop,
  .xs-text--desktop {
    font-size: var(--text-size-lg);
  }
}

blockquote {
  font-style: italic;
  color: rgba(var(--color-foreground), 0.75);
  border-left: 0.2rem solid rgba(var(--color-foreground), 0.2);
  padding-left: var(--space-2);
}

@media screen and (min-width: 750px) {
  blockquote {
    padding-left: var(--space-3);
  }
}

.caption {
  font-size: var(--text-size-xs);
  letter-spacing: var(--tracking-wide);
  line-height: var(--leading-looser);
}

@media screen and (min-width: 750px) {
  .caption {
    font-size: var(--text-size-xs);
  }
}

.caption-with-letter-spacing {
  font-size: var(--text-size-xs);
  letter-spacing: var(--tracking-wider);
  line-height: var(--leading-looser);
  text-transform: uppercase;
  margin-top: 0;
}

.caption-with-letter-spacing--medium {
  font-size: var(--text-size-xs);
  letter-spacing: var(--tracking-wide);
}

.caption-with-letter-spacing--large {
  font-size: var(--text-size-s);
  letter-spacing: var(--tracking-wider);
}

.color-foreground {
  color: rgb(var(--color-foreground));
}

table {
  table-layout: fixed;
  border-collapse: collapse;
  font-size: var(--text-size-base);
  border-style: hidden;
  width: auto;
  max-width: 80rem;
  margin: 0 auto;
}

table,
th,
td {
  border-style: solid;
  border-width: var(--space-2);
}

table th {
  font-weight: var(--font-weight-extra-bold);
  text-align: left;
  padding: var(--space-6) var(--space-4);
  background-color: rgb(var(--color-soft-mint));
  color: rgb(var(--color-earth-green));
  font-size: var(--text-size-base);
}

table th:empty {
  background-color: transparent;
}

table td {
  background-color: rgb(var(--color-macha));
  padding: var(--space-6) var(--space-8);
  color: rgb(var(--color-grey-700));
  font-size: var(--text-size-lg);
  font-weight: var(--font-weight-medium);
}

table td[colspan] {
  text-align: center;
}

table td:first-of-type {
  font-size: var(--text-size-base);
  font-weight: var(--font-weight-extra-bold);
  background-color: rgb(var(--color-blush));
}

@media screen and (max-width: 749px) {
  .hide-mobile,
  .small-hide {
    display: none !important;
  }
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .hide-tablet,
  .medium-hide {
    display: none !important;
  }
}

@media screen and (min-width: 990px) {
  .desktop--visible {
    display: initial !important;
  }

  .desktop--hidden {
    display: none !important;
  }

  .hide-desktop,
  .large-up-hide {
    display: none !important;
  }
}

.left,
.text--left {
  text-align: left;
}

.center,
.text--center {
  text-align: center;
}

.right,
.text--right {
  text-align: right;
}

.text--justify {
  text-align: justify;
}

@media screen and (min-width: 750px) {
  .text--desktop-left {
    text-align: left;
  }

  .text--desktop-center {
    text-align: center;
  }

  .text--desktop-right {
    text-align: right;
  }

  .text--desktop-justify {
    text-align: justify;
  }
}

.uppercase {
  text-transform: uppercase;
}

.light {
  opacity: 0.7;
}

a:empty,
ul:empty,
dl:empty,
div:empty,
section:empty,
article:empty,
p:empty,
h1:empty,
h2:empty,
h3:empty,
h4:empty,
h5:empty,
h6:empty {
  display: none;
}

.link,
.customer a {
  cursor: pointer;
  display: inline-block;
  border: none;
  box-shadow: none;
  text-decoration: underline;
  text-underline-offset: 0.3rem;
  color: rgb(var(--color-link));
  background-color: transparent;
  font-size: var(--text-size-xs);
  font-family: inherit;
}

.link--text {
  color: rgb(var(--color-foreground));
}

.link--text:hover {
  color: rgba(var(--color-foreground), 0.75);
}

.link-with-icon {
  display: inline-flex;
  font-size: var(--text-size-xs);
  font-weight: 600;
  letter-spacing: var(--tracking-wide);
  text-decoration: none;
  margin-bottom: var(--space-9);
  white-space: nowrap;
}

.link-with-icon .icon {
  width: var(--space-3);
  margin-left: var(--space-2);
}

a:not([href]) {
  cursor: not-allowed;
}

.circle-divider::after {
  content: "\2022";
  margin: 0 var(--space-3) 0 var(--space-3);
}

.circle-divider:last-of-type::after {
  display: none;
}

hr {
  border: none;
  height: var(--space-pixel);
  background-color: rgb(var(--color-border));
  display: block;
  margin: var(--space-12) 0;
}

.full-unstyled-link {
  text-decoration: none;
  color: currentColor;
  display: block;
}

.placeholder {
  background-color: rgba(var(--color-foreground), 0.04);
  color: rgba(var(--color-foreground), 0.55);
  fill: rgba(var(--color-foreground), 0.55);
}

details > * {
  box-sizing: border-box;
}

.break {
  word-break: break-word;
}

.visibility-hidden {
  visibility: hidden;
}

@media (prefers-reduced-motion) {
  .motion-reduce {
    transition: none !important;
    animation: none !important;
  }
}

.underlined-link,
.customer a,
.inline-richtext a {
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 0.1rem;
  transition: text-decoration-thickness ease 100ms;
}

.underlined-link,
.customer a {
  color: rgba(var(--color-link), var(--alpha-link));
}

.inline-richtext a,
.rte.inline-richtext a {
  color: currentColor;
}

.underlined-link:hover,
.customer a:hover,
.inline-richtext a:hover {
  color: rgb(var(--color-link));
  text-decoration-thickness: 0.2rem;
}

.icon-arrow {
  width: var(--space-3);
}

h3 .icon-arrow,
.h3 .icon-arrow {
  width: var(--space-3);
}

/* arrow animation */
.animate-arrow .icon-arrow path {
  transform: translateX(-0.25rem);
  transition: transform var(--duration-short) ease;
}

.animate-arrow:hover .icon-arrow path {
  transform: translateX(-0.05rem);
}

/* base-focus */
/*
  Focus ring - default (with offset)
*/

*:focus {
  outline: 0;
  box-shadow: none;
}

*:focus-visible {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 0.3rem;
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}

/* Fallback - for browsers that don't support :focus-visible, a fallback is set for :focus */
.focused,
.no-js *:focus {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 0.3rem;
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}

/* Negate the fallback side-effect for browsers that support :focus-visible */
.no-js *:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}

/*
  Focus ring - inset
*/

.focus-inset:focus-visible {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: -0.2rem;
  box-shadow: 0 0 0.2rem 0 rgba(var(--color-foreground), 0.3);
}

.focused.focus-inset,
.no-js .focus-inset:focus {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: -0.2rem;
  box-shadow: 0 0 0.2rem 0 rgba(var(--color-foreground), 0.3);
}

.no-js .focus-inset:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}

/*
  Focus ring - none
*/

/* Dangerous for a11y - Use with care */
.focus-none {
  box-shadow: none !important;
  outline: 0 !important;
}

.focus-offset:focus-visible {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 1rem;
  box-shadow: 0 0 0 1rem rgb(var(--color-background)),
    0 0 0.2rem 1.2rem rgba(var(--color-foreground), 0.3);
}

.focus-offset.focused,
.no-js .focus-offset:focus {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 1rem;
  box-shadow: 0 0 0 1rem rgb(var(--color-background)),
    0 0 0.2rem 1.2rem rgba(var(--color-foreground), 0.3);
}

.no-js .focus-offset:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}

/* component-grid */
.grid {
  display: grid;
  list-style: none;
  column-gap: var(--grid-mobile-horizontal-spacing);
  row-gap: var(--grid-mobile-vertical-spacing);
  padding: 0;
}

.grid-border {
  border-top: 1px solid rgb(var(--color-base-dark));
  border-bottom: 1px solid rgb(var(--color-base-dark));
  margin-top: -1px;
}

.grid-border > div:not(.grid-content) {
  border-bottom: 1px solid rgb(var(--color-base-dark));
}

@media screen and (min-width: 750px) {
  .grid {
    column-gap: var(--grid-desktop-horizontal-spacing);
    row-gap: var(--grid-desktop-vertical-spacing);
    grid-template-columns: repeat(12, 1fr);
  }

  .grid-border > div:not(.grid-content) {
    box-shadow: 0 0 0 1px rgb(var(--color-base-dark));
    border-bottom: 0;
  }

  form .grid {
    --grid-mobile-horizontal-spacing: var(--space-20);
  }
}

@media screen and (min-width: 990px) {
  .grid {
    grid-template-columns: repeat(12, 1fr);
  }
}

.grid--gapless.grid {
  column-gap: 0;
  row-gap: 0;
}

.grid--outline-gapless.grid {
  column-gap: 1px;
  row-gap: 1px;
}

@media screen and (max-width: 749px) {
  .grid__item.slider__slide--full-width {
    width: 100%;
    max-width: none;
  }
}

.grid__item {
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
  color: rgb(var(--text-color));
}

.grid-content {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 750px) {
  .grid-content {
    max-width: 60vw;
  }
}

.grid--align-top .grid-content {
  align-items: flex-start;
}

.grid--align-bottom .grid-content {
  align-items: flex-end;
}

.grid--align-right {
  direction: rtl;
}

.grid--align-left {
  direction: ltr;
}

.grid--1-col {
  grid-template-columns: repeat(1, 1fr);
}

.grid--2-col {
  grid-template-columns: repeat(2, 1fr);
}

.grid--3-col {
  grid-template-columns: repeat(3, 1fr);
}

.grid--4-col {
  grid-template-columns: repeat(4, 1fr);
}

.grid--5-col {
  grid-template-columns: repeat(5, 1fr);
}

.grid--6-col {
  grid-template-columns: repeat(6, 1fr);
}

.grid--7-col {
  grid-template-columns: repeat(7, 1fr);
}

.grid--8-col {
  grid-template-columns: repeat(8, 1fr);
}

.grid--9-col {
  grid-template-columns: repeat(9, 1fr);
}

.grid--10-col {
  grid-template-columns: repeat(10, 1fr);
}

.grid--11-col {
  grid-template-columns: repeat(11, 1fr);
}

.grid--12-col {
  grid-template-columns: repeat(12, 1fr);
}

.grid--24-col {
  grid-template-columns: repeat(24, 1fr);
}

/* Tablet: Grid Override */
@media screen and (min-width: 750px) {
  .grid--tablet-1-col {
    grid-template-columns: repeat(1, 1fr);
  }

  .grid--tablet-2-col {
    grid-template-columns: repeat(2, 1fr);
  }

  .grid--tablet-3-col {
    grid-template-columns: repeat(3, 1fr);
  }

  .grid--tablet-4-col {
    grid-template-columns: repeat(4, 1fr);
  }

  .grid--tablet-5-col {
    grid-template-columns: repeat(5, 1fr);
  }

  .grid--tablet-6-col {
    grid-template-columns: repeat(6, 1fr);
  }

  .grid--tablet-7-col {
    grid-template-columns: repeat(7, 1fr);
  }

  .grid--tablet-8-col {
    grid-template-columns: repeat(8, 1fr);
  }

  .grid--tablet-9-col {
    grid-template-columns: repeat(9, 1fr);
  }

  .grid--tablet-10-col {
    grid-template-columns: repeat(10, 1fr);
  }

  .grid--tablet-11-col {
    grid-template-columns: repeat(11, 1fr);
  }

  .grid--tablet-12-col {
    grid-template-columns: repeat(12, 1fr);
  }

  .grid--tablet-24-col {
    grid-template-columns: repeat(24, 1fr);
  }
}

/* Desktop: Grid Override */
@media screen and (min-width: 990px) {
  .grid--desktop-1-col {
    grid-template-columns: repeat(1, 1fr);
  }

  .grid--desktop-2-col {
    grid-template-columns: repeat(2, 1fr);
  }

  .grid--desktop-3-col {
    grid-template-columns: repeat(3, 1fr);
  }

  .grid--desktop-4-col {
    grid-template-columns: repeat(4, 1fr);
  }

  .grid--desktop-5-col {
    grid-template-columns: repeat(5, 1fr);
  }

  .grid--desktop-6-col {
    grid-template-columns: repeat(6, 1fr);
  }

  .grid--desktop-7-col {
    grid-template-columns: repeat(7, 1fr);
  }

  .grid--desktop-8-col {
    grid-template-columns: repeat(8, 1fr);
  }

  .grid--desktop-9-col {
    grid-template-columns: repeat(9, 1fr);
  }

  .grid--desktop-10-col {
    grid-template-columns: repeat(10, 1fr);
  }

  .grid--desktop-11-col {
    grid-template-columns: repeat(11, 1fr);
  }

  .grid--desktop-12-col {
    grid-template-columns: repeat(12, 1fr);
  }

  .grid--desktop-24-col {
    grid-template-columns: repeat(24, 1fr);
  }
}

/* Grid column span */
.grid--column-start-1 {
  grid-column-start: 1;
}

.grid--column-start-2 {
  grid-column-start: 2;
}

.grid--column-start-3 {
  grid-column-start: 3;
}

.grid--column-start-4 {
  grid-column-start: 4;
}

.grid--column-start-5 {
  grid-column-start: 5;
}

.grid--column-start-6 {
  grid-column-start: 6;
}

.grid--column-start-7 {
  grid-column-start: 7;
}

.grid--column-start-8 {
  grid-column-start: 8;
}

.grid--column-start-9 {
  grid-column-start: 9;
}

.grid--column-start-10 {
  grid-column-start: 10;
}

.grid--column-start-11 {
  grid-column-start: 11;
}

.grid--column-start-12 {
  grid-column-start: 12;
}

.grid--column-start-13 {
  grid-column-start: 13;
}

.grid--column-start-14 {
  grid-column-start: 14;
}

.grid--column-start-15 {
  grid-column-start: 15;
}

.grid--column-start-16 {
  grid-column-start: 16;
}

.grid--column-start-17 {
  grid-column-start: 17;
}

.grid--column-start-18 {
  grid-column-start: 18;
}

.grid--column-start-19 {
  grid-column-start: 19;
}

.grid--column-start-20 {
  grid-column-start: 20;
}

.grid--column-start-21 {
  grid-column-start: 21;
}

.grid--column-start-22 {
  grid-column-start: 22;
}

.grid--column-start-23 {
  grid-column-start: 23;
}

.grid--column-start-24 {
  grid-column-start: 24;
}

/* Tablet: Grid Colspan Override */
@media screen and (min-width: 750px) {
  .grid--tablet-column-start-1 {
    grid-column-start: 1;
  }

  .grid--tablet-column-start-2 {
    grid-column-start: 2;
  }

  .grid--tablet-column-start-3 {
    grid-column-start: 3;
  }

  .grid--tablet-column-start-4 {
    grid-column-start: 4;
  }

  .grid--tablet-column-start-5 {
    grid-column-start: 5;
  }

  .grid--tablet-column-start-6 {
    grid-column-start: 6;
  }

  .grid--tablet-column-start-7 {
    grid-column-start: 7;
  }

  .grid--tablet-column-start-8 {
    grid-column-start: 8;
  }

  .grid--tablet-column-start-9 {
    grid-column-start: 9;
  }

  .grid--tablet-column-start-10 {
    grid-column-start: 10;
  }

  .grid--tablet-column-start-11 {
    grid-column-start: 11;
  }

  .grid--tablet-column-start-12 {
    grid-column-start: 12;
  }

  .grid--tablet-column-start-13 {
    grid-column-start: 13;
  }

  .grid--tablet-column-start-14 {
    grid-column-start: 14;
  }

  .grid--tablet-column-start-15 {
    grid-column-start: 15;
  }

  .grid--tablet-column-start-16 {
    grid-column-start: 16;
  }

  .grid--tablet-column-start-17 {
    grid-column-start: 17;
  }

  .grid--tablet-column-start-18 {
    grid-column-start: 18;
  }

  .grid--tablet-column-start-19 {
    grid-column-start: 19;
  }

  .grid--tablet-column-start-20 {
    grid-column-start: 20;
  }

  .grid--tablet-column-start-21 {
    grid-column-start: 21;
  }

  .grid--tablet-column-start-22 {
    grid-column-start: 22;
  }

  .grid--tablet-column-start-23 {
    grid-column-start: 23;
  }

  .grid--tablet-column-start-24 {
    grid-column-start: 24;
  }
}

/* Desktop: Grid Colspan Override */
@media screen and (min-width: 990px) {
  .grid--desktop-column-start-1 {
    grid-column-start: 1;
  }

  .grid--desktop-column-start-2 {
    grid-column-start: 2;
  }

  .grid--desktop-column-start-3 {
    grid-column-start: 3;
  }

  .grid--desktop-column-start-4 {
    grid-column-start: 4;
  }

  .grid--desktop-column-start-5 {
    grid-column-start: 5;
  }

  .grid--desktop-column-start-6 {
    grid-column-start: 6;
  }

  .grid--desktop-column-start-7 {
    grid-column-start: 7;
  }

  .grid--desktop-column-start-8 {
    grid-column-start: 8;
  }

  .grid--desktop-column-start-9 {
    grid-column-start: 9;
  }

  .grid--desktop-column-start-10 {
    grid-column-start: 10;
  }

  .grid--desktop-column-start-11 {
    grid-column-start: 11;
  }

  .grid--desktop-column-start-12 {
    grid-column-start: 12;
  }

  .grid--desktop-column-start-13 {
    grid-column-start: 13;
  }

  .grid--desktop-column-start-14 {
    grid-column-start: 14;
  }

  .grid--desktop-column-start-15 {
    grid-column-start: 15;
  }

  .grid--desktop-column-start-16 {
    grid-column-start: 16;
  }

  .grid--desktop-column-start-17 {
    grid-column-start: 17;
  }

  .grid--desktop-column-start-18 {
    grid-column-start: 18;
  }

  .grid--desktop-column-start-19 {
    grid-column-start: 19;
  }

  .grid--desktop-column-start-20 {
    grid-column-start: 20;
  }

  .grid--desktop-column-start-21 {
    grid-column-start: 21;
  }

  .grid--desktop-column-start-22 {
    grid-column-start: 22;
  }

  .grid--desktop-column-start-23 {
    grid-column-start: 23;
  }

  .grid--desktop-column-start-24 {
    grid-column-start: 24;
  }
}

.grid--colspan-1 {
  grid-column-end: span 1;
}

.grid--colspan-2 {
  grid-column-end: span 2;
}

.grid--colspan-3 {
  grid-column-end: span 3;
}

.grid--colspan-4 {
  grid-column-end: span 4;
}

.grid--colspan-5 {
  grid-column-end: span 5;
}

.grid--colspan-6 {
  grid-column-end: span 6;
}

.grid--colspan-7 {
  grid-column-end: span 7;
}

.grid--colspan-8 {
  grid-column-end: span 8;
}

.grid--colspan-9 {
  grid-column-end: span 9;
}

.grid--colspan-10 {
  grid-column-end: span 10;
}

.grid--colspan-11 {
  grid-column-end: span 11;
}

.grid--colspan-12 {
  grid-column-end: span 12;
}

.grid--colspan-13 {
  grid-column-end: span 13;
}

.grid--colspan-14 {
  grid-column-end: span 14;
}

.grid--colspan-15 {
  grid-column-end: span 15;
}

.grid--colspan-16 {
  grid-column-end: span 16;
}

.grid--colspan-17 {
  grid-column-end: span 17;
}

.grid--colspan-18 {
  grid-column-end: span 18;
}

.grid--colspan-19 {
  grid-column-end: span 19;
}

.grid--colspan-20 {
  grid-column-end: span 20;
}

.grid--colspan-21 {
  grid-column-end: span 21;
}

.grid--colspan-22 {
  grid-column-end: span 22;
}

.grid--colspan-23 {
  grid-column-end: span 23;
}

.grid--colspan-24 {
  grid-column-end: span 24;
}

/* Tablet: Grid Column Span Override */
@media screen and (min-width: 750px) {
  .grid--tablet-colspan-1 {
    grid-column-end: span 1;
  }

  .grid--tablet-colspan-2 {
    grid-column-end: span 2;
  }

  .grid--tablet-colspan-3 {
    grid-column-end: span 3;
  }

  .grid--tablet-colspan-4 {
    grid-column-end: span 4;
  }

  .grid--tablet-colspan-5 {
    grid-column-end: span 5;
  }

  .grid--tablet-colspan-6 {
    grid-column-end: span 6;
  }

  .grid--tablet-colspan-7 {
    grid-column-end: span 7;
  }

  .grid--tablet-colspan-8 {
    grid-column-end: span 8;
  }

  .grid--tablet-colspan-9 {
    grid-column-end: span 9;
  }

  .grid--tablet-colspan-10 {
    grid-column-end: span 10;
  }

  .grid--tablet-colspan-11 {
    grid-column-end: span 11;
  }

  .grid--tablet-colspan-12 {
    grid-column-end: span 12;
  }

  .grid--tablet-colspan-13 {
    grid-column-end: span 13;
  }

  .grid--tablet-colspan-14 {
    grid-column-end: span 14;
  }

  .grid--tablet-colspan-15 {
    grid-column-end: span 15;
  }

  .grid--tablet-colspan-16 {
    grid-column-end: span 16;
  }

  .grid--tablet-colspan-17 {
    grid-column-end: span 17;
  }

  .grid--tablet-colspan-18 {
    grid-column-end: span 18;
  }

  .grid--tablet-colspan-19 {
    grid-column-end: span 19;
  }

  .grid--tablet-colspan-20 {
    grid-column-end: span 20;
  }

  .grid--tablet-colspan-21 {
    grid-column-end: span 21;
  }

  .grid--tablet-colspan-22 {
    grid-column-end: span 22;
  }

  .grid--tablet-colspan-23 {
    grid-column-end: span 23;
  }

  .grid--tablet-colspan-24 {
    grid-column-end: span 24;
  }
}

/* Desktop: Grid Column Span Override */
@media screen and (min-width: 990px) {
  .grid--desktop-colspan-1 {
    grid-column-end: span 1;
  }

  .grid--desktop-colspan-2 {
    grid-column-end: span 2;
  }

  .grid--desktop-colspan-3 {
    grid-column-end: span 3;
  }

  .grid--desktop-colspan-4 {
    grid-column-end: span 4;
  }

  .grid--desktop-colspan-5 {
    grid-column-end: span 5;
  }

  .grid--desktop-colspan-6 {
    grid-column-end: span 6;
  }

  .grid--desktop-colspan-7 {
    grid-column-end: span 7;
  }

  .grid--desktop-colspan-8 {
    grid-column-end: span 8;
  }

  .grid--desktop-colspan-9 {
    grid-column-end: span 9;
  }

  .grid--desktop-colspan-10 {
    grid-column-end: span 10;
  }

  .grid--desktop-colspan-11 {
    grid-column-end: span 11;
  }

  .grid--desktop-colspan-12 {
    grid-column-end: span 12;
  }

  .grid--desktop-colspan-13 {
    grid-column-end: span 13;
  }

  .grid--desktop-colspan-14 {
    grid-column-end: span 14;
  }

  .grid--desktop-colspan-15 {
    grid-column-end: span 15;
  }

  .grid--desktop-colspan-16 {
    grid-column-end: span 16;
  }

  .grid--desktop-colspan-17 {
    grid-column-end: span 17;
  }

  .grid--desktop-colspan-18 {
    grid-column-end: span 18;
  }

  .grid--desktop-colspan-19 {
    grid-column-end: span 19;
  }

  .grid--desktop-colspan-20 {
    grid-column-end: span 20;
  }

  .grid--desktop-colspan-21 {
    grid-column-end: span 21;
  }

  .grid--desktop-colspan-22 {
    grid-column-end: span 22;
  }

  .grid--desktop-colspan-23 {
    grid-column-end: span 23;
  }

  .grid--desktop-colspan-24 {
    grid-column-end: span 24;
  }
}

/* Grid row span */
.grid--rowspan-1 {
  grid-row: span 0;
}

.grid--rowspan-2 {
  grid-row: span 2;
}

.grid--rowspan-3 {
  grid-row: span 3;
}

.grid--rowspan-4 {
  grid-row: span 4;
}

.grid--rowspan-5 {
  grid-row: span 5;
}

.grid--rowspan-6 {
  grid-row: span 6;
}

.grid--rowspan-7 {
  grid-row: span 7;
}

.grid--rowspan-8 {
  grid-row: span 8;
}

.grid--rowspan-9 {
  grid-row: span 9;
}

.grid--rowspan-10 {
  grid-row: span 10;
}

.grid--rowspan-11 {
  grid-row: span 11;
}

.grid--rowspan-12 {
  grid-row: span 12;
}

.grid--rowspan-13 {
  grid-row: span 13;
}

.grid--rowspan-14 {
  grid-row: span 14;
}

.grid--rowspan-15 {
  grid-row: span 15;
}

.grid--rowspan-16 {
  grid-row: span 16;
}

.grid--rowspan-17 {
  grid-row: span 17;
}

.grid--rowspan-18 {
  grid-row: span 18;
}

.grid--rowspan-19 {
  grid-row: span 19;
}

.grid--rowspan-20 {
  grid-row: span 20;
}

.grid--rowspan-21 {
  grid-row: span 21;
}

.grid--rowspan-22 {
  grid-row: span 22;
}

.grid--rowspan-23 {
  grid-row: span 23;
}

.grid--rowspan-24 {
  grid-row: span 24;
}

/* Tablet: Grid Row Span Override */
@media screen and (min-width: 750px) {
  .grid--tablet-rowspan-1 {
    grid-row: span 0;
  }

  .grid--tablet-rowspan-2 {
    grid-row: span 2;
  }

  .grid--tablet-rowspan-3 {
    grid-row: span 3;
  }

  .grid--tablet-rowspan-4 {
    grid-row: span 4;
  }

  .grid--tablet-rowspan-5 {
    grid-row: span 5;
  }

  .grid--tablet-rowspan-6 {
    grid-row: span 6;
  }

  .grid--tablet-rowspan-7 {
    grid-row: span 7;
  }

  .grid--tablet-rowspan-8 {
    grid-row: span 8;
  }

  .grid--tablet-rowspan-9 {
    grid-row: span 9;
  }

  .grid--tablet-rowspan-10 {
    grid-row: span 10;
  }

  .grid--tablet-rowspan-11 {
    grid-row: span 11;
  }

  .grid--tablet-rowspan-12 {
    grid-row: span 12;
  }

  .grid--tablet-rowspan-13 {
    grid-row: span 13;
  }

  .grid--tablet-rowspan-14 {
    grid-row: span 14;
  }

  .grid--tablet-rowspan-15 {
    grid-row: span 15;
  }

  .grid--tablet-rowspan-16 {
    grid-row: span 16;
  }

  .grid--tablet-rowspan-17 {
    grid-row: span 17;
  }

  .grid--tablet-rowspan-18 {
    grid-row: span 18;
  }

  .grid--tablet-rowspan-19 {
    grid-row: span 19;
  }

  .grid--tablet-rowspan-20 {
    grid-row: span 20;
  }

  .grid--tablet-rowspan-21 {
    grid-row: span 21;
  }

  .grid--tablet-rowspan-22 {
    grid-row: span 22;
  }

  .grid--tablet-rowspan-23 {
    grid-row: span 23;
  }

  .grid--tablet-rowspan-24 {
    grid-row: span 24;
  }
}

/* Desktop: Grid Row Span Override */
@media screen and (min-width: 990px) {
  .grid--desktop-rowspan-1 {
    grid-row: span 0;
  }

  .grid--desktop-rowspan-2 {
    grid-row: span 2;
  }

  .grid--desktop-rowspan-3 {
    grid-row: span 3;
  }

  .grid--desktop-rowspan-4 {
    grid-row: span 4;
  }

  .grid--desktop-rowspan-5 {
    grid-row: span 5;
  }

  .grid--desktop-rowspan-6 {
    grid-row: span 6;
  }

  .grid--desktop-rowspan-7 {
    grid-row: span 7;
  }

  .grid--desktop-rowspan-8 {
    grid-row: span 8;
  }

  .grid--desktop-rowspan-9 {
    grid-row: span 9;
  }

  .grid--desktop-rowspan-10 {
    grid-row: span 10;
  }

  .grid--desktop-rowspan-11 {
    grid-row: span 11;
  }

  .grid--desktop-rowspan-12 {
    grid-row: span 12;
  }

  .grid--desktop-rowspan-13 {
    grid-row: span 13;
  }

  .grid--desktop-rowspan-14 {
    grid-row: span 14;
  }

  .grid--desktop-rowspan-15 {
    grid-row: span 15;
  }

  .grid--desktop-rowspan-16 {
    grid-row: span 16;
  }

  .grid--desktop-rowspan-17 {
    grid-row: span 17;
  }

  .grid--desktop-rowspan-18 {
    grid-row: span 18;
  }

  .grid--desktop-rowspan-19 {
    grid-row: span 19;
  }

  .grid--desktop-rowspan-20 {
    grid-row: span 20;
  }

  .grid--desktop-rowspan-21 {
    grid-row: span 21;
  }

  .grid--desktop-rowspan-22 {
    grid-row: span 22;
  }

  .grid--desktop-rowspan-23 {
    grid-row: span 23;
  }

  .grid--desktop-rowspan-24 {
    grid-row: span 24;
  }
}

@media screen and (min-width: 750px) {
  .grid--align-center {
    grid-template-columns: auto;
    justify-content: center;
  }
}

/* component-media */
.media {
  display: block;
  background-color: rgba(var(--color-foreground), 0.1);
  position: relative;
  overflow: hidden;
}

.media--transparent {
  background-color: transparent;
}

.media > *:not(.zoom):not(.deferred-media__poster-button):not(product-group),
.media model-viewer {
  display: block;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.media > img {
  object-fit: cover;
  object-position: center center;
  transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.media--square {
  padding-bottom: 100%;
}

.media--portrait {
  padding-bottom: 125%;
}

.media--landscape {
  padding-bottom: 66.6%;
}

.media--cropped {
  padding-bottom: 56%;
}

.media--16-9 {
  padding-bottom: 56.25%;
}

.media--circle {
  padding-bottom: 100%;
  border-radius: 50%;
}

.media.media--hover-effect > img + img {
  opacity: 0;
}

@media screen and (min-width: 990px) {
  .media--cropped {
    padding-bottom: 63%;
  }
}

deferred-media {
  display: block;
}

/* component-button */
/* Button - default */

.button,
.shopify-challenge__button,
.customer button,
button.shopify-payment-button__button--unbranded,
.shopify-payment-button [role="button"],
.cart__dynamic-checkout-buttons [role="button"],
.cart__dynamic-checkout-buttons iframe {
  --shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--buttons-shadow-vertical-offset);
  --shadow-blur-radius: var(--buttons-shadow-blur-radius);
  --shadow-opacity: var(--buttons-shadow-opacity);
  --shadow-visible: var(--buttons-shadow-visible);
  --border-offset: var(
    --buttons-border-offset
  ); /* reduce radius edge artifacts */
  --border-opacity: calc(1 - var(--buttons-border-opacity));
  border-radius: var(--buttons-radius-outset);
  position: relative;
}

.button,
.shopify-challenge__button,
.customer button,
button.shopify-payment-button__button--unbranded {
  min-width: calc(12rem + var(--buttons-border-width) * 2);
  min-height: calc(5.4rem + var(--buttons-border-width) * 2);
}

.shopify-payment-button__button--branded {
  z-index: auto;
}

.cart__dynamic-checkout-buttons iframe {
  box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset)
    var(--shadow-blur-radius)
    rgba(var(--color-base-text), var(--shadow-opacity));
}

.button,
.shopify-challenge__button,
.customer button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: var(--buttons-border-width) solid
    rgba(var(--color-button-border-color), var(--buttons-border-opacity));
  padding: 0 var(--padding-sections-mobile);
  cursor: pointer;
  font: inherit;
  font-family: var(--font-body-family);
  font-size: var(--text-size-s);
  text-decoration: none;
  color: rgb(var(--color-button-text));
  transition: box-shadow var(--duration-short) ease;
  -webkit-appearance: none;
  appearance: none;
  background-color: rgba(var(--color-button), var(--alpha-button-background));
  text-transform: uppercase;
  max-width: 40rem;
  width: 100%;
  border-radius: 99rem;
  gap: var(--space-5);
}

.button.button--medium {
  font-size: var(--text-size-xs);
  min-width: calc(10rem + var(--buttons-border-width) * 2);
  min-height: calc(4.8rem + var(--buttons-border-width) * 2);
}

.button.button--small {
  font-size: var(--text-size-xxs);
  min-width: calc(8rem + var(--buttons-border-width));
  min-height: calc(4rem + var(--buttons-border-width));
}

@media screen and (max-width: 749px) {
  .button.button--small-mobile {
    font-size: var(--text-size-xxs);
    min-width: calc(8rem + var(--buttons-border-width));
    min-height: calc(4rem + var(--buttons-border-width));
  }
}

.button.button--grey {
  background-color: rgb(var(--color-grey-700));
}

.button.button--config {
  justify-content: flex-start;
}

.button.button--config span {
  border-radius: 99rem;
  font-size: var(--text-size-xs);
  color: rgb(var(--color-base-text));
  background-color: rgb(var(--color-lime));
  padding: var(--space-3) var(--space-4);
  text-transform: none;
  letter-spacing: normal;
}

.button.button--config.button--medium span {
  padding: var(--space-3);
}

.button.button--config.button--small span {
  padding: var(--space-2);
}

.button.button--icon {
  gap: var(--space-8);
}

.button.button--icon .icon-arrow,
.button.button--config .icon-arrow {
  width: auto;
  flex-shrink: 0;
}

.button.button--icon .icon-arrow {
  margin-top: -0.2rem;
}

.button.button--config .icon-arrow {
  margin-left: auto;
}

.shopify-challenge__button svg,
.customer button svg {
  flex-shrink: 0;
  width: auto;
}

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

.button .loader {
  position: absolute;
  top: calc(50% - 1rem);
  left: calc(50% - 1rem);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  border: 0.3rem solid rgb(var(--color-white));
}

.button.loading > .loader {
  visibility: visible;
  opacity: 1;
}

.button:not([disabled]):not(.disabled):hover,
.shopify-challenge__button:hover,
.customer button:hover,
.shopify-payment-button__button--unbranded:hover {
  --color-button-text: var(--color-white);
  --color-button: var(--color-deep-olive);
}

.button:not([disabled]):hover::after,
.shopify-challenge__button:hover::after,
.customer button:hover::after,
.shopify-payment-button__button--unbranded:hover::after {
  --border-offset: 1.3px;
  box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset))
      rgba(var(--color-button-text), var(--border-opacity)),
    0 0 0 calc(var(--buttons-border-width) + 1px)
      rgba(var(--color-button), var(--alpha-button-background));
}

.button--secondary:after {
  --border-opacity: var(--buttons-border-opacity);
}

.button:focus-visible,
.button:focus,
.button.focused,
.shopify-payment-button__button--unbranded:focus-visible,
.shopify-payment-button [role="button"]:focus-visible,
.shopify-payment-button__button--unbranded:focus,
.shopify-payment-button [role="button"]:focus {
  outline: 0;
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0 0.5rem rgba(var(--color-foreground), 0.5),
    0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}

.button:focus:not(:focus-visible):not(.focused),
.shopify-payment-button__button--unbranded:focus:not(:focus-visible):not(
    .focused
  ),
.shopify-payment-button
  [role="button"]:focus:not(:focus-visible):not(.focused) {
  box-shadow: inherit;
}

.button::selection,
.shopify-challenge__button::selection,
.customer button::selection {
  background-color: rgba(var(--color-button-text), 0.3);
}

.button,
.button-label,
.shopify-challenge__button,
.customer button {
  font-size: var(--text-size-s);
  letter-spacing: var(--tracking-wide);
  line-height: var(--leading-looser);
  font-weight: var(--font-weight-medium);
}

.button--tertiary {
  font-size: var(--text-size-xs);
  padding: 1rem var(--space-3);
  min-width: calc(9rem + var(--buttons-border-width) * 2);
  min-height: calc(3.5rem + var(--buttons-border-width) * 2);
}

.button--small {
  position: relative;
  width: auto;
}

/* Button - other */

.button:disabled,
.button[aria-disabled="true"],
.button.disabled,
.customer button:disabled,
.customer button[aria-disabled="true"],
.customer button.disabled,
.quantity__button.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.button--full-width {
  display: flex;
  width: 100%;
  max-width: none;
}

.button--width-auto {
  width: fit-content;
  padding: 0 var(--padding-sections-desktop);
}

.button.loading {
  color: transparent;
  position: relative;
  pointer-events: none;
}

@media screen and (forced-colors: active) {
  .button.loading {
    color: rgb(var(--color-foreground));
  }
}

.button.loading > .loading-overlay__spinner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  height: 100%;
  display: flex;
  align-items: center;
}

.button.loading > .loading-overlay__spinner .spinner {
  width: fit-content;
}

.button.loading > .loading-overlay__spinner .path {
  stroke: rgb(var(--color-button-text));
}

.button.button--link {
  all: unset;
  border-bottom: 0;
  padding-bottom: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: var(--space-4);
  font-size: var(--text-size-xs);
  width: fit-content;
  font-weight: var(--font-weight-extra-bold);
  color: rgb(var(--color-base-dark));
}

.button.button--link .icon {
  height: 1.7em;
  margin-top: -0.4em;
}

.button.button--link[disabled] {
  all: unset;
  cursor: default;
  opacity: 0.5;
}

.button.button--link:not([disabled]):hover {
  color: rgb(var(--color-deep-olive));
}

.button.button--link:after,
.button.button--link:before {
  display: none;
}

/* component-cart-count-bubble */
.cart-count-bubble:empty {
  display: none;
}

.cart-count-bubble {
  background-color: rgb(var(--color-button));
  color: rgb(var(--color-button-text));
  height: var(--space-offset-3);
  width: var(--space-offset-3);
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.9rem;
  line-height: 1;
  top: -1rem;
  left: 1.8rem;
  position: absolute;
}

.overflow-hidden-mobile,
.overflow-hidden-tablet,
.overflow-hidden-desktop,
.overflow-hidden-all,
.shadow,
.drawer--isActive {
  overflow: hidden;
}

.overflow-hidden-mobile .section-header.shopify-section-group-header-group,
.overflow-hidden-tablet .section-header.shopify-section-group-header-group,
.overflow-hidden-desktop .section-header.shopify-section-group-header-group,
.shadow .section-header.shopify-section-group-header-group,
.drawer--isActive .section-header.shopify-section-group-header-group {
  z-index: 5;
}

.search-active .needsclick,
.shadow .needsclick,
.drawer--isActive .needsclick,
.overflow-hidden-mobile .needsclick,
.overflow-hidden-tablet .needsclick,
.overflow-hidden-desktop .needsclick,
.overflow-hidden-all .needsclick {
  display: none!important;
}

@media screen and (min-width: 750px) {
  .overflow-hidden-mobile {
    overflow: auto;
  }
}

@media screen and (min-width: 990px) {
  .overflow-hidden-tablet {
    overflow: auto;
  }
}

.badge {
  border: var(--space-pixel) solid transparent;
  border-radius: 99rem;
  display: inline-block;
  font-size: var(--text-size-xxs);
  line-height: var(--leading-normal);
  padding: var(--space-3) var(--space-4);
  text-align: center;
  background-color: rgb(var(--color-badge-background));
  color: rgb(var(--color-foreground));
  word-break: break-word;
}

.badge img {
  margin-right: var(--space-2);
}

#template-product {
  padding-bottom: var(--footer-offset);
}

@media screen and (forced-colors: active) {
  .icon {
    color: CanvasText;
    fill: CanvasText !important;
  }

  .icon-close-small path {
    stroke: CanvasText;
  }
}

.ratio {
  display: flex;
  position: relative;
  align-items: stretch;
}

.ratio::before {
  content: "";
  width: 0;
  height: 0;
  padding-bottom: var(--ratio-percent);
}

.content-container {
  border-radius: var(--text-boxes-radius);
  border: var(--text-boxes-border-width) solid
    rgba(var(--color-foreground), var(--text-boxes-border-opacity));
  position: relative;
}

.content-container:after {
  content: "";
  position: absolute;
  top: calc(var(--text-boxes-border-width) * -1);
  right: calc(var(--text-boxes-border-width) * -1);
  bottom: calc(var(--text-boxes-border-width) * -1);
  left: calc(var(--text-boxes-border-width) * -1);
  border-radius: var(--text-boxes-radius);
  box-shadow: var(--text-boxes-shadow-horizontal-offset)
    var(--text-boxes-shadow-vertical-offset)
    var(--text-boxes-shadow-blur-radius)
    rgba(var(--color-shadow), var(--text-boxes-shadow-opacity));
  z-index: -1;
}

.content-container--full-width:after {
  left: 0;
  right: 0;
  border-radius: 0;
}

@media screen and (max-width: 749px) {
  .content-container--full-width-mobile {
    border-left: none;
    border-right: none;
    border-radius: 0;
  }
  .content-container--full-width-mobile:after {
    display: none;
  }
}

.global-media-settings {
  position: relative;
  border-radius: var(--media-radius);
  overflow: visible !important;
  background-color: rgb(var(--color-background));
}

.global-media-settings:after {
  content: "";
  position: absolute;
  top: calc(var(--media-border-width) * -1);
  right: calc(var(--media-border-width) * -1);
  bottom: calc(var(--media-border-width) * -1);
  left: calc(var(--media-border-width) * -1);
  border-radius: var(--media-radius);
  box-shadow: var(--media-shadow-horizontal-offset)
    var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius)
    rgba(var(--color-shadow), var(--media-shadow-opacity));
  z-index: -1;
  pointer-events: none;
}

.global-media-settings--no-shadow {
  overflow: hidden !important;
}

.global-media-settings--no-shadow:after {
  content: none;
}

.global-media-settings img,
.global-media-settings iframe,
.global-media-settings model-viewer,
.global-media-settings video {
  border-radius: calc(var(--media-radius) - var(--media-border-width));
}

.content-container--full-width,
.global-media-settings--full-width,
.global-media-settings--full-width img,
.global-media-settings--full-width video,
.global-media-settings--full-width iframe {
  border-radius: 0;
  border-left: none;
  border-right: none;
  width: 100%;
}

/* check for flexbox gap in older Safari versions */
@supports not (inset: 10px) {
  .grid {
    margin-left: calc(-1 * var(--grid-mobile-horizontal-spacing));
  }

  .grid__item {
    padding-left: var(--grid-mobile-horizontal-spacing);
    padding-bottom: var(--grid-mobile-vertical-spacing);
  }

  @media screen and (min-width: 750px) {
    .grid {
      margin-left: calc(-1 * var(--grid-desktop-horizontal-spacing));
    }

    .grid__item {
      padding-left: var(--grid-desktop-horizontal-spacing);
      padding-bottom: var(--grid-desktop-vertical-spacing);
    }
  }

  .grid--gapless .grid__item {
    padding-left: 0;
    padding-bottom: 0;
  }

  @media screen and (min-width: 750px) {
    .grid--peek .grid__item {
      padding-left: var(--grid-mobile-horizontal-spacing);
    }
  }

  .product-grid .grid__item {
    padding-bottom: var(--grid-mobile-vertical-spacing);
  }

  @media screen and (min-width: 750px) {
    .product-grid .grid__item {
      padding-bottom: var(--grid-desktop-vertical-spacing);
    }
  }
}

b,
strong,
.font-body-bold {
  font-weight: var(--font-weight-bold);
}

/* outline and border styling for Windows High Contrast Mode */
@media (forced-colors: active) {
  .button,
  .shopify-challenge__button,
  .customer button {
    border: transparent solid var(--space-pixel);
  }

  .button:focus-visible,
  .button:focus,
  .button.focused,
  .shopify-payment-button__button--unbranded:focus-visible,
  .shopify-payment-button [role="button"]:focus-visible,
  .shopify-payment-button__button--unbranded:focus,
  .shopify-payment-button [role="button"]:focus {
    outline: solid transparent var(--space-pixel);
  }

  .field__input:focus,
  .select__select:focus,
  .customer .field input:focus,
  .customer select:focus,
  .localization-form__select:focus.localization-form__select:after {
    outline: transparent solid var(--space-pixel);
  }

  .localization-form__select:focus {
    outline: transparent solid var(--space-pixel);
  }
}

.localization-form__select,
.localization-form__select:before,
.localization-form__select:after,
.localization-form__select:hover.localization-form__select:after,
.localization-form__select:focus-visible.localization-form__select:after,
.localization-form__select:focus.localization-form__select:after {
  box-shadow: none;
}

/* Swatch Pill */
.swatch-pill {
  align-items: center;
  border: 1px solid rgb(var(--color-base-dark));
  border-radius: 25rem;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: var(--space-2) var(--space-12) var(--space-2) var(--space-2);
  width: 100%;
}

.swatch-pill + .swatch-pill {
  margin-top: var(--space-4);
}

.swatch-pill__swatch {
  border: 1px solid transparent;
  border-radius: 100%;
  height: var(--space-24);
  margin-right: auto;
  width: var(--space-24);
}

.swatch-pill.active .swatch-pill__swatch {
  border-color: rgb(var(--color-base-dark));
}

.swatch-pill__name {
  font-size: var(--text-size-xs);
}

.swatch-pill.active .swatch-pill__name,
.swatch-pill.active .swatch-pill__quantity {
  font-weight: var(--font-weight-medium);
}

.swatch-pill__quantity {
  font-size: var(--text-size-xxs);
  margin-left: auto;
}

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

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

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

.ratio--34-57 {
  aspect-ratio: 34 / 57;
}

.ratio--59-45 {
  aspect-ratio: 59 / 45;
}

.ratio--80-106 {
  aspect-ratio: 80 / 106;
}

.ratio--33-43 {
  aspect-ratio: 330 / 430;
}

.ratio--28-33 {
  aspect-ratio: 28 / 33;
}

.ratio--232-336 {
  aspect-ratio: 232 / 336;
}

.ratio--16-9 {
  aspect-ratio: 16 / 9;
}

.ratio--viewport-height {
  height: 100vh !important;
  aspect-ratio: initial;
}

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

@media (max-width: 750px) {
  .ratio--mobile-1 {
    aspect-ratio: 1 / 1;
  }

  .ratio--mobile-2-1 {
    aspect-ratio: 2 / 1;
  }

  .ratio--mobile-34-57 {
    aspect-ratio: 34 / 57;
  }

  .ratio--mobile-59-45 {
    aspect-ratio: 59 / 45;
  }

  .ratio--mobile-80-106 {
    aspect-ratio: 80 / 106;
  }

  .ratio--mobile-33-43 {
    aspect-ratio: 330 / 430;
  }

  .ratio--mobile-330-430 {
    aspect-ratio: 330 / 430;
  }

  .ratio--mobile-28-33 {
    aspect-ratio: 28 / 33;
  }

  .ratio--mobile-232-336 {
    aspect-ratio: 232 / 336;
  }

  .ratio--mobile-16-9 {
    aspect-ratio: 16 / 9;
  }

  .ratio--mobile-viewport-height {
    height: calc(100vh) !important;
    aspect-ratio: initial;
    max-height: unset;
  }

  .ratio--mobile-viewport-height img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
}

.ratio--1,
.ratio--mobile-1,
.ratio--2-1,
.ratio--mobile-2-1,
.ratio--34-57,
.ratio--mobile-34-57,
.ratio--59-45,
.ratio--mobile-59-45,
.ratio--80-106,
.ratio--mobile-80-106,
.ratio--332-249,
.ratio--mobile-332-249,
.ratio--33-43,
.ratio--mobile-33-43 {
  overflow: hidden;
  width: 100%;
}

.ratio--1 img,
.ratio--2-1 img,
.ratio--34-57 img,
.ratio--80-106 img,
.ratio--33-43 img,
.ratio--59-45 img,
.ratio--332-249 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.align-content--top,
.align-content--middle,
.align-content--bottom,
.align-content--desktop-top,
.align-content--desktop-middle,
.align-content--desktop-bottom {
  display: grid;
}

.align-content--top {
  align-content: flex-start;
}

.align-content--middle {
  align-content: center;
}

.align-content--bottom {
  align-content: flex-end;
}

@media (min-width: 750px) {
  .ratio--desktop-viewport-height {
    height: 100vh !important;
    aspect-ratio: initial;
  }

  .ratio--desktop-viewport-height img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }

  .align-content--desktop-top {
    align-content: flex-start;
  }

  .align-content--desktop-middle {
    align-content: center;
  }

  .align-content--desktop-bottom {
    align-content: flex-end;
  }
}

@keyframes loadInImage {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

collapsible-content .collapsible__trigger {
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

collapsible-content .collapsible__trigger:not([hidden]) {
  display: flex;
}

collapsible-content .collapsible__content {
  grid-template-rows: 0fr;
}

collapsible-content .collapsible__content > div {
  overflow: hidden;
}

collapsible-content .collapsible__content:not([hidden]) {
  display: grid;
}

collapsible-content .collapsible__content {
  transition-duration: 0.3s;
  transition-property: grid-template-rows;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

collapsible-content [aria-expanded="true"] ~ .collapsible__content {
  grid-template-rows: 1fr;
}

/* Custom styling */
collapsible-content.style-1 button {
  background: transparent;
  width: 100%;
  border: 0;
  appearance: none;
  font-size: var(--text-size-xs);
  font-weight: var(--font-weight-normal);
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgb(var(--color-border));
  padding: var(--space-8) 0;
  cursor: pointer;
  text-align: left;
  align-items: center;
  min-height: var(--space-3);
  margin: 0;
  word-break: initial;
  font-family: var(--font-body-family);
}

product-info collapsible-content:last-of-type.style-1 button {
  border-bottom: 0;
}
/* end of custom styling */

/* Start: Animated icon */
.animated-icon-plus {
  width: var(--space-8);
  height: var(--space-8);
  position: relative;
}

.animated-icon-plus span {
  content: "";
  width: var(--space-8);
  height: 1px;
  background-color: rgba(var(--color-base-dark), 1);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transition: transform 0.25s ease-in-out;
  -webkit-transition: transform 0.25s ease-in-out;
  -moz-transition: transform 0.25s ease-in-out;
  -o-transition: transform 0.25s ease-in-out;
}

.animated-icon-plus span:last-child {
  transform: rotate(90deg);
}

[aria-expanded="true"] .animated-icon-plus span:last-child {
  transform: rotate(180deg);
}

[aria-expanded="true"] .animated-icon-plus span:first-child {
  transform: rotate(180deg);
}

/* End: Animated icon */

.scroll-snap {
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -ms-overflow-style: none;
  display: flex;
  grid-gap: var(--space-8);
  list-style: none;
  padding: 0;
  scroll-padding-left: var(--space-16);
}

.scroll-snap::-webkit-scrollbar {
  display: none;
}

.scroll-snap__item {
  min-width: 320px;
  max-width: 320px;
  scroll-snap-align: start;
}

.scroll-snap li.scroll-snap__item {
  min-width: unset;
  max-width: calc(100vw - var(--space-32));
  padding: 0;
  margin: 0;
}

.scroll-snap li.scroll-snap__item::before {
  display: none;
}

.scroll-snap li.scroll-snap__item:first-child {
  margin-left: var(--space-16);
}

.scroll-snap li.scroll-snap__item:last-child {
  margin-right: var(--space-16);
}

.scroll-snap li > a:not(.button) {
  background: none;
  display: flex;
  padding: 0;
  margin-bottom: 0;
}

.margin-top-none {
  margin-top: 0;
}

.margin-top-small {
  margin-top: var(--space-8);
}

.margin-top-large {
  margin-top: var(--space-16);
}

.margin-bottom-none {
  margin-bottom: 0;
}

.margin-bottom-small {
  margin-bottom: var(--space-8);
}

.margin-bottom-large {
  margin-bottom: var(--space-16);
}

@media (max-width: 749px) {
  .margin-bottom-large {
    margin-bottom: var(--space-8);
  }

  .margin-top-large {
    margin-top: var(--space-8);
  }
}

.reset-z-index {
  z-index: 0 !important;
}

.read-more {
  display: block;
}

.read-more__toggle-label {
  display: flex;
  gap: var(--space-4);
  align-items: center;
}

.read-more__excerpt,
.read-more__toggle-label--more {
  display: none;
}

.read-more--clipped .read-more__excerpt {
  display: block;
}

.read-more--clipped .read-more__toggle-label--more {
  display: flex;
}

.read-more--clipped .read-more__full,
.read-more--clipped .read-more__toggle-label--less {
  display: none;
}

.read-more__toggle {
  appearance: none;
  padding: 0;
  background-color: transparent;
  color: inherit;
  border: 0;
  outline: 0;
  box-shadow: none;
  cursor: pointer;
  font-family: inherit;
  width: fit-content;
  text-transform: uppercase;
  font-size: var(--text-size-xs);
  color: rgb(var(--color-base-dark));
  line-height: 1;
  font-weight: var(--font-weight-bold);
}

.read-more__toggle-label-icon {
  flex-shrink: 0;
  margin-top: -0.3rem;
}

.read-more__toggle-label--less .read-more__toggle-label-icon {
  transform: rotate(180deg);
}

.loader {
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  border: 0.3rem solid rgb(var(--color-earth-green));
  border-bottom-color: transparent !important;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.product-zoom.product__modal-opener button {
  padding: 0;
  outline: none;
  border: none;
  display: flex;
  background-color: transparent;
  position: relative;
  cursor: pointer;
  appearance: none;
}

.product-zoom.product__modal-opener button svg {
  position: absolute;
  bottom: var(--space-2);
  right: var(--space-2);
  width: var(--space-12);
  height: var(--space-12);
  color: rgb(var(--color-white));
  background-color: rgba(var(--color-base-dark), 0.8);
  padding: var(--space-2);
}

.product-media-modal__toggle:hover {
  color: rgba(var(--color-foreground), 0.75);
}

.product-media-modal__toggle .icon {
  height: auto;
  margin: 0;
  width: var(--space-12);
}

.product-media-modal {
  background-color: rgba(var(--color-background), 0.8);
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  backdrop-filter: blur(var(--space-2));
}

.product-media-modal[open] {
  visibility: visible;
  opacity: 1;
  z-index: 100001;
}

.product-media-modal__dialog {
  display: flex;
  align-items: center;
  height: 100vh;
}

.product-media-modal__content {
  max-height: 100vh;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: auto;
}

.product-media-modal__content > * {
  display: block;
  height: auto;
  margin: auto;
}

.product-media-modal__content .media {
  background: none;
}

.product-media-modal__content picture {
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-media-modal__content img {
  max-width: 80%;
  max-height: 80%;
  object-fit: contain;
  width: 100%;
  height: auto;
}

.product-media-modal__model {
  width: 100%;
}

.product-media-modal__toggle {
  background-color: transparent;
  border: none;
  color: rgb(var(--color-black));
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  right: var(--space-10);
  padding: 0;
  position: fixed;
  z-index: 2;
  top: var(--space-10);
  width: var(--space-offset-6);
}

.product-media-modal__content .deferred-media {
  width: 100%;
}

@media screen and (min-width: 750px) {

  .product-media-modal__content
  > .product__media-item--variant.product__media-item--variant {
    display: none;
  }

  .product-media-modal__content > .product__media-item--variant:first-child {
    display: block;
  }

  .product-media-modal__content {
    padding-bottom: var(--space-4);
  }

  .product__modal-opener:not(.product__modal-opener--image) {
    display: none;
  }

  .product-media-modal__content {
    padding: var(--space-4) var(--space-22);
  }

  .product-media-modal__content > * {
    width: 100%;
  }

  .product-media-modal__content > * + * {
    margin-top: var(--space-4);
  }

  .product-media-modal__toggle {
    right: var(--space-10);
    top: var(--space-10);
  }

  .product-media-modal__dialog .global-media-settings--no-shadow {
    overflow: visible !important;
  }
}

@media screen and (min-width: 990px) {
  .product-media-modal__content {
    padding: var(--space-4) var(--space-22);
  }

  .product-media-modal__content > * + * {
    margin-top: var(--space-3);
  }

  .product-media-modal__content {
    padding-bottom: var(--space-3);
  }

  .product-media-modal__toggle {
    right: var(--space-10);
  }
}

@media screen and (max-width: 749px) {
  .product-popup-modal__content table {
    display: block;
    max-width: fit-content;
    overflow-x: auto;
    white-space: nowrap;
    margin: 0;
  }

  .product-media-modal__dialog .global-media-settings,
  .product-media-modal__dialog .global-media-settings video,
  .product-media-modal__dialog .global-media-settings model-viewer,
  .product-media-modal__dialog .global-media-settings iframe,
  .product-media-modal__dialog .global-media-settings img {
    border: none;
    border-radius: 0;
  }
}

/* Cookie Banner  */

.shopify-pc__banner__dialog button.shopify-pc__banner__btn-accept {
  font-weight: bold!important;
  background-color: white!important;
  color: black!important;
}

.shopify-pc__banner__dialog button.shopify-pc__banner__btn-decline {
  display: none!important;
}

/* Hide discount roundel on Bundle builder product */
#template-product-bundle-builder .needsclick {
    display: none;
}
/* Header Call to support css code updates as per new requirement 28-10-2 */
.header__top { display:flex!important; align-items:center!important;}
.header__icons { width:auto!important;}
span.callToSupport { margin-right:20px;}
span.callToSupport > span {display:block; text-align:left}
span.callToSupport>span { margin-left:10px; margin-right:10px;}
span.callToSupport a {color:#3B3F2E; text-decoration:none;}
@media (max-width:1116px) {
.header__search {
line-height: var(--leading-none);
margin: 0 auto;
width: 100%;
max-width:32rem!important;
align-items:center;
}
}
@media (max-width:989px) {
span.callToSupport { margin-left:auto;}
}
@media (max-width:559px) {
.header__top {flex-wrap:wrap;}
span.callToSupport {order:10;width:100%; text-align:center}
span.callToSupport > span { display:inline-block}
.header__icons {margin-left:auto}
.header__top, .scrolled-past-header .header__top {
height: 110px!important;
gap:5px!important;
}
}



/* Custom CSS Start 

#template-product-bundle-builder .needsclick {
    display: none;
}
    */
.product-options-available {
  text-decoration: none;
}

.product-options-available:hover {
  text-decoration: underline;
}

cart-drawer.drawer.animate.active .cart-drawer.grid--align-right .drawer__inner.grid--align-left.slide-left modal-opener.product__modal-opener.product__modal-opener--image.product-zoom.no-js-hidden{pointer-events: none;}
cart-drawer.drawer.animate.active .cart-drawer.grid--align-right .drawer__inner.grid--align-left.slide-left modal-opener.product__modal-opener.product__modal-opener--image.product-zoom.no-js-hidden svg.icon.icon-zoom {display:none}

/* Mobile product grid control */

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

  .product-grid.grid--2-col {
    grid-template-columns: repeat(2, 1fr);
  }
}


/* Hide mobile version on desktop */
@media (min-width: 768px) {
  .mobile-only {
    display: none;
  }
    .tabs__content-description p:not(:first-child) {
    font-size: var(--text-size-lg)!important;
}
}

/* Hide desktop version on mobile */
@media (max-width: 767px) {
  .desktop-only {
    display: none;
  }


}
.carousel .planting-card {background-color: #F6F6EB;}
.product__info-wrapper.grid__item .line-above {
    border-top: 1px solid #aaa !important;
    width: 100% !important;
    margin-bottom: 12px !important;
    margin-top:12px !important;
    display: block !important;
}


.key-features__item img{height:35px !important; width:auto !important; min-width:auto !important;}
.key-features__item-content { display:flex; gap:10px; align-items:baseline;}
.key-features__item-content span { font-size: 18px !important; color:#354a27;}
.key-features__item-content span:last-child{ font-weight:400;font-size: var(--text-size-base) !important;}
.product__info-container-inner > p.tabs__content-subtitle {font-size:26px !important; padding-top:10px}
.product__info-container-inner > p { color:#354a27; font-size: var(--text-size-lg) !important; margin-bottom: 10px; margin-top: 10px;}
.product__info-container-inner  a {color:#354a27; font-size: var(--text-size-lg) !important; text-decoration:none; font-weight:600}
.key-features__item { gap:7px; margin-top:3px;}
/* .key-features {margin-top: var(--space-1) !important;} */
 .key-features { margin-top: 0px !important;}
 .product__info-top .price {border:none !important;}
@media(max-width:600px) {
.key-features__item-content { display:block;} 
}
.read-more__full p{font-size: var(--text-size-base) !important;}
/*             Custome Css                 */

{% if product.handle == 'pleached-hornbeam-trees' %}

.field:not(:first-of-type,.grid__item) {
    margin: var(--space-3) 0 0 0 !important;
}
#shopify-section-template--26307716907304__contact_form_HcfkBb{
	padding: 40px;
    margin: 20px;
}
.color-background-1 {    background-color: rgb(255 255 255);}

{% endif %}
@media screen and (min-width: 750px) {
.facets-vertical-form {
margin-bottom: var(--space-3) !important;
}
.custom-select.style-pill {
padding: 9px 14px 4px 14px !important;
height: 35px !important;
}
.product-grid-main-wrapper { padding-top:0}
.itq-product-grid-main-wrapper {padding-top:0px !important;}
}
.card__add-buttons {
min-height: auto !important;
}

/* Yoko volume discount custom css 02-04-2026 */
span.yuko-deal__tier-row__subtitle{color: #354a27 !important;}
.yuko-deal__tier-row__badge { background-color: rgb(53, 74, 39) !important; color: rgb(255, 255, 255) !important; }
.yuko-deal__tier-row__badge {padding: 5px 15px !important;border-radius: 4px !important;}
div.yuko-deal>div>div>table td:first-of-type {background-color: rgb(246, 246, 235) !important;}
.yuko-deal__content {margin-bottom: 0px !important;}

#yuko-order-limit-product-msg {color:rgb(255, 36, 0) !important; margin-bottom:10px !important;}
.yuko-order-limit-line-msg{color:rgb(255, 36, 0) !important;} 
#yuko-order-limit-product-msg {margin-bottom:15px !important;}
/* end */