/** Shopify CDN: Minification failed

Line 3980:2 Unexpected ","

**/
/* Color custom properties */

:root,
.color-background-1 {
  --color-foreground: var(--color-base-accent-2);
  --color-background: var(--color-base-background-1);
  --gradient-background: var(--gradient-base-background-1);
}

.color-background-2 {
  --color-foreground: var(--color-base-text);
  --color-background: var(--color-base-background-2);
  --gradient-background: var(--gradient-base-background-2);
}

.color-inverse {
  --color-foreground: var(--color-base-background-1);
  --color-background: var(--color-base-text);
  --gradient-background: rgb(var(--color-base-text));
}

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

.color-accent-2 {
  --color-foreground: var(--color-base-background-1);
  --color-background: var(--color-base-accent-2);
  --gradient-background: var(--gradient-base-accent-2);
}
.color-accent-3 {
  --color-foreground: var(--color-base-background-2);
  --color-background: var(--color-base-accent-3);
  --gradient-background: var(--color-base-accent-3);
}

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

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

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

:root,
.color-background-1 {
  --color-link: var(--color-base-outline-button-labels);
  --alpha-link: 0.85;
}

.color-background-2,
.color-inverse,
.color-accent-1,
.color-accent-2 {
  --color-link: var(--color-foreground);
  --alpha-link: 0.7;
}

:root,
.color-background-1 {
  --color-button: var(--color-base-accent-1);
  --color-button-text: var(--color-base-solid-button-labels);
  --alpha-button-background: 1;
  --alpha-button-border: 1;
}

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

.button--secondary {
  --color-button: var(--color-base-outline-button-labels);
  --color-button-text: var(--color-base-outline-button-labels);
  --color-button: var(--color-background);
  --alpha-button-background: 1;
}

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

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

.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;
}

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

:root,
.color-background-1 {
  --color-badge-background: var(--color-base-accent-1);
  --color-badge-border: var(--color-foreground);
  --alpha-badge-border: 0.1;
}

.color-background-2,
.color-inverse,
.color-accent-1,
.color-accent-2 {
  --color-badge-background: var(--color-background);
  --color-badge-border: var(--color-background);
  --alpha-badge-border: 1;
}

:root,
.color-background-1,
.color-background-2 {
  --color-card-hover: var(--color-base-text);
}

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

.color-accent-1,
.color-accent-2 {
  --color-card-hover: var(--color-base-solid-button-labels);
}

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

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

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

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

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

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

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

.contains-content-container,
.content-container {
  --border-radius: var(--text-boxes-radius);
  --border-width: var(--text-boxes-border-width);
  --border-opacity: var(--text-boxes-border-opacity);
  --shadow-horizontal-offset: var(--text-boxes-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--text-boxes-shadow-vertical-offset);
  --shadow-blur-radius: var(--text-boxes-shadow-blur-radius);
  --shadow-opacity: var(--text-boxes-shadow-opacity);
  --shadow-visible: var(--text-boxes-shadow-visible);
}

.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-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;
}
.shopify-policy__container,
.page-width {
  max-width: var(--page-width);
  margin: 0 auto;
  padding: 0 1.5rem;
}

.page-width.drawer-menu {
  max-width: 100%;
}

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

@media screen and (min-width: 990px) {
  .shopify-policy__container,
  .page-width {
    padding: 0 3rem;
  }
  .page-width--narrow {
    padding: 0 9rem;
  }

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

  .page-width-tablet {
    padding: 0 5rem;
  }
}

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

  .page-width--narrow {
    max-width: 72.6rem;
    padding: 0;
  }

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

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

.section + .section {
  margin-top: var(--spacing-sections-mobile);
}
.section + .brand-section.section {
  margin-top: 0;
}
@media screen and (min-width: 750px) {
  .section + .section {
    margin-top: var(--spacing-sections-desktop);
  }
}

.element-margin-top {
  margin-top: 5rem;
}

@media screen and (min-width: 750px) {
  .element-margin {
    margin-top: calc(5rem + var(--page-width-margin));
  }
}
@media screen and (max-width: 989px) {
  .brand-section {
    padding-top: 15px;
  }
}

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

.page-margin,
.shopify-challenge__container {
  margin: 7rem auto;
}

.rte-width {
  max-width: 82rem;
  margin: 0 auto 2rem;
}

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

.hidden {
  display: none !important;
}

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

.visually-hidden--inline {
  margin: 0;
  height: 1em;
}

.overflow-hidden {
  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;
}

.text-body {
  font-size: 1.3rem;
  letter-spacing: 0.05rem;
  line-height: calc(1 + 0.8 / var(--font-body-scale));
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
}

h1,
h2,
h3,
h4,
h5,
.h0,
.h1,
.h2,
.h3,
.h4,
.h5 {
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  letter-spacing: calc(var(--font-heading-scale) * 0.05rem);
  color: var(--color-base-accent-2);
  line-height: calc(1 + 0.3 / max(1, var(--font-heading-scale)));
  word-break: break-word;
}
strong {
  font-weight: 600;
}

.hxl {
  font-size: calc(var(--font-heading-scale) * 5rem);
}

@media only screen and (min-width: 750px) {
  .hxl {
    font-size: calc(var(--font-heading-scale) * 6.2rem);
  }
}

.h0 {
  font-size: calc(var(--font-heading-scale) * 4rem);
}

@media only screen and (min-width: 750px) {
  .h0 {
    font-size: calc(var(--font-heading-scale) * 5.2rem);
  }
}

h1,
.h1 {
  font-size: calc(var(--font-heading-scale) * 2.2rem);
}

@media only screen and (min-width: 750px) {
  h1,
  .h1 {
    font-size: calc(var(--font-heading-scale) * 2.4rem);
  }
}

h2,
.h2 {
  font-size: calc(var(--font-heading-scale) * 1.8rem);
}

@media only screen and (min-width: 750px) {
  h2,
  .h2 {
    font-size: calc(var(--font-heading-scale) * 2.4rem);
  }
}

h3,
.h3 {
  font-size: calc(var(--font-heading-scale) * 1.5rem);
}

@media only screen and (min-width: 750px) {
  h3,
  .h3 {
    font-size: calc(var(--font-heading-scale) * 1.6rem);
  }
}

h4,
.h4 {
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-size: calc(var(--font-heading-scale) * 1.5rem);
}

h5,
.h5 {
  font-size: calc(var(--font-heading-scale) * 1.2rem);
}

@media only screen and (min-width: 750px) {
  h5,
  .h5 {
    font-size: calc(var(--font-heading-scale) * 1.3rem);
  }
}

h6,
.h6 {
  color: rgba(var(--color-foreground), 0.75);
  margin-block-start: 1.67em;
  margin-block-end: 1.67em;
}

blockquote {
  font-style: italic;
  color: var(--color-foreground);
  border-left: 0.2rem solid var(--color-base-border);
  padding-left: 1rem;
}

@media screen and (min-width: 750px) {
  blockquote {
    padding-left: 1.5rem;
  }
}

.caption {
  font-size: 1rem;
  letter-spacing: 0.07rem;
  line-height: calc(1 + 0.7 / var(--font-body-scale));
}

@media screen and (min-width: 750px) {
  .caption {
    font-size: 1.2rem;
  }
}

.caption-with-letter-spacing {
  font-size: 1.2rem;
  letter-spacing: 0.05rem;
  line-height: calc(1 + 0.2 / var(--font-body-scale));
  text-transform: initial;
  text-transform: uppercase;
  color: var(--color-base-accent-1);
  font-weight: 500;
}

.caption-with-letter-spacing--medium {
  font-size: 1.2rem;
  letter-spacing: 0.16rem;
}

.caption-with-letter-spacing--large {
  font-size: 1.4rem;
  letter-spacing: 0.18rem;
}

.caption-large,
.customer .field input,
.customer select,
.field__input,
.form__label,
.select__select {
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  letter-spacing: 0.04rem;
}

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

table:not([class]) {
  table-layout: fixed;
  border-collapse: collapse;
  font-size: 1.4rem;
  border-style: hidden;
  box-shadow: 0 0 0 0.1rem rgba(var(--color-foreground), 0.2);
  /* draws the table border  */
}

table:not([class]) td,
table:not([class]) th {
  padding: 1em;
  border: 0.1rem solid rgba(var(--color-foreground), 0.2);
}

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

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

@media screen and (min-width: 990px) {
  .large-up-hide {
    display: none !important;
  }
}

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.uppercase {
  text-transform: uppercase;
}

.light {
  opacity: 1;
}

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: var(--color-foreground);
  background-color: transparent;
  font-family: inherit;
}

.link--text {
  color: var(--color-base-accent-2);
}

.link--text:hover {
  color: var(--color-base-accent-3);
}

.link-with-icon {
  display: inline-flex;
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 0.1rem;
  text-decoration: none;
  margin-bottom: 4.5rem;
  white-space: nowrap;
}

.link-with-icon .icon {
  width: 1.5rem;
  margin-left: 1rem;
}

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

.circle-divider::after {
  content: "\2022";
  margin: 0 1.3rem 0 1.5rem;
}

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

hr {
  border: none;
  height: 0.1rem;
  background-color: rgba(var(--color-foreground), 0.2);
  display: block;
  margin: 5rem 0;
}

@media screen and (min-width: 750px) {
  hr {
    margin: 2rem 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;
  }
}

:root {
  --duration-short: 100ms;
  --duration-default: 200ms;
  --duration-long: 500ms;
}

.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: var(--color-base-accent-1);
  text-decoration: none;
}

.icon-arrow {
  width: 1.5rem;
}

h3 .icon-arrow,
.h3 .icon-arrow {
  width: calc(var(--font-heading-scale) * 1.5rem);
}

/* loader */
.ttloader {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999999;
}
.rotating {
  background-position: center center;
  background-repeat: no-repeat;
  bottom: 0;
  height: auto;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}

/* top-button */
.top_button {
  top: auto;
  bottom: 60px;
  display: none;
  height: 42px;
  width: 42px;
  position: fixed;
  right: 50px;
  text-align: center;
  z-index: 7;
  border: 2px solid var(--color-base-background-2);
  border-radius: 22px;
  background: var(--color-base-accent-3);
}
.top_button .icon {
  height: 14px;
  width: 14px;
  position: relative;
  top: 10px;
  color: var(--color-base-background-1);
  transform: rotate(180deg);
}
@media screen and (max-width: 989px) {
  .top_button {
    bottom: 90px;
    right: 20px;
  }
}

/* 404 */

.template-404 > h1.title {
  float: none;
  text-align: center;
  margin-top: 0;
}

.template-404 > p {
  font-size: 100px;
  margin-bottom: 0;
  line-height: 110px;
  margin-top: 0;
  font-weight: bold;
}

/* breadcum */
.title-breadcrumbs-container {
  display: flex;
  justify-content: space-between;
}
.breadcrumb_title {
  margin: 0;
  font-size: calc(var(--font-heading-scale) * 2.4rem);
}
.breadcrumb a,
.breadcrumb span {
  color: var(--color-base-text);
  text-decoration: none;
  font-size: 1.4rem;
}
#TopColumnContent {
  padding-block: 3.2rem;
}
.breadcrumb a::after {
  content: "/";
  padding: 0 3px;
}
.breadcrumb a:last-child::after {
  content: "";
}

/* 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-details-summary */
summary {
  cursor: pointer;
  list-style: none;
  position: relative;
}

summary .icon-caret {
  position: absolute;
  height: 0.6rem;
  right: 0;
  top: calc(50% - 0.2rem);
}
.template-product summary .icon-caret {
  right: 15px;
}
.footer summary .icon-caret {
  height: 0.8rem;
  color: var(--color-foreground);
}
.footer .accordion details[open] > summary .icon-caret {
  transform: rotate(180deg);
}
summary::-webkit-details-marker {
  display: none;
}

.disclosure-has-popup {
  position: relative;
}

.disclosure-has-popup[open] > summary::before {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: block;
  cursor: default;
  content: " ";
  background: transparent;
}

.disclosure-has-popup > summary::before {
  display: none;
}

.disclosure-has-popup[open] > summary + * {
  z-index: 100;
}

@media screen and (min-width: 750px) {
  .disclosure-has-popup[open] > summary + * {
    z-index: 4;
  }

  .facets .disclosure-has-popup[open] > summary + * {
    z-index: 3;
  }
}

/* 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-title */
.title,
.title-wrapper-with-link {
  margin: 5rem 0 2.5rem;
  position: relative;
  text-align: left;
  line-height: 26px;
  letter-spacing: 0;
}
.title {
  padding-bottom: 15px;
  border-bottom: 1px solid var(--color-base-border);
  position: relative;
}
.title::after {
  content: "";
  display: inline-block;
  width: 227px;
  height: 2px;
  background: var(--color-base-accent-1);
  position: absolute;
  bottom: 0;
  left: 0;
}
.title.multicolumn_title {
  border: 0;
}
.template-page .contact .title {
  text-align: left;
  text-transform: capitalize;
}
.title-wrapper-with-link .title {
  margin: 0;
}
.blog .title-wrapper-with-link,
.multicolumn .title-wrapper-with-link {
  border-bottom: 1px solid var(--color-base-border);
}
/* .section.tab_collection .title,
.section.featured-collection .title,
.section.special-product .title,
.multicolumn .multicolumn_title,
.blog .blog__title {
  border-bottom: 1px solid var(--color-base-border);
  padding-bottom: 15px;
  position: relative;
}
.section.tab_collection .title::after,
.section.featured-collection .title::after,
.section.special-product .title::after,
.multicolumn .multicolumn_title::after,
.blog .blog__title::after {
  content: "";
  display: inline-block;
  width: 227px;
  height: 2px;
  background: var(--color-base-accent-1);
  position: absolute;
  bottom: 0;
  left: 0;
} */
.title .link {
  font-size: inherit;
}

.title-wrapper {
  margin-bottom: 2.5rem;
}

.title-wrapper-with-link {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 1rem;
  margin-bottom: 3rem;
  flex-wrap: wrap;
  text-align: center;
}

.title--primary {
  margin: 1.5rem 0;
  font-size: 3rem;
}

.title-wrapper--self-padded-tablet-down,
.title-wrapper--self-padded-mobile {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
/* .collection-list-wrapper .title-wrapper--self-padded-tablet-down .title,
.multicolumn .multicolumn_title,
.blog .blog__title {
  border-bottom: 0;
  padding-bottom: 0;
  padding-bottom: 15px;
} */
@media only screen and (max-width: 989px) {
  .title-breadcrumbs-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
  }
  .title-wrapper,
  .title-wrapper-with-link {
    margin-bottom: 2rem;
  }
  .title,
  .title-wrapper-with-link {
    margin: 5rem 0 2rem;
  }
  .breadcrumb_title {
    font-size: calc(var(--font-heading-scale) * 2.2rem);
  }
}
@media screen and (min-width: 750px) {
  .title-wrapper--self-padded-mobile {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 990px) {
  .title,
  .title-wrapper-with-link {
    margin: 5rem 0 2.5rem;
  }

  .title--primary {
    margin: 2rem 0;
  }
  .title-wrapper-with-link .title {
    margin-bottom: 0;
  }

  .title-wrapper--self-padded-tablet-down {
    padding-left: 0;
    padding-right: 0;
  }
}

.title-wrapper-with-link .link-with-icon {
  margin: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.title-wrapper-with-link .link-with-icon svg {
  width: 1.5rem;
}

.title-wrapper-with-link a {
  margin-top: 0;
  flex-shrink: 0;
}

.title-wrapper--no-top-margin {
  margin-top: 0;
}

.title-wrapper--no-top-margin > .title {
  margin-top: 0;
}

.subtitle {
  font-size: 1.8rem;
  line-height: calc(1 + 0.8 / var(--font-body-scale));
  letter-spacing: 0.06rem;
  color: rgba(var(--color-foreground), 0.7);
}

.subtitle--small {
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
}

.subtitle--medium {
  font-size: 1.6rem;
  letter-spacing: 0.08rem;
}

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

@media screen and (min-width: 990px) {
  .grid {
    column-gap: var(--grid-desktop-horizontal-spacing);
    row-gap: var(--grid-desktop-vertical-spacing);
  }
}

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

.grid__item {
  width: calc(25%);
  max-width: calc(50%);
  flex-grow: 1;
  flex-shrink: 0;
}

@media screen and (min-width: 990px) {
  .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
    max-width: calc(25% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
  }
}

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

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

.grid--1-col .grid__item {
  max-width: 100%;
  width: 100%;
}

.grid--3-col .grid__item {
  width: calc(33.33% - var(--grid-mobile-horizontal-spacing) * 2 / 3);
}

@media screen and (min-width: 750px) {
  .grid--3-col .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
  }
}

.grid--2-col .grid__item {
  width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
}

@media screen and (min-width: 750px) {
  .grid--2-col .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }

  .grid--4-col-tablet .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
  }

  .grid--3-col-tablet .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
  }

  .grid--2-col-tablet .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }
}

@media screen and (max-width: 989px) {
  .grid--1-col-tablet-down .grid__item {
    width: 100%;
    max-width: 100%;
  }

  .slider--tablet.grid--peek {
    margin: 0;
    width: 100%;
  }

  .slider--tablet.grid--peek .grid__item {
    box-sizing: content-box;
    margin: 0;
  }
}

@media screen and (min-width: 1270px) {
  .grid--6-col-desktop .grid__item {
    width: calc(17.25% - var(--grid-desktop-horizontal-spacing) * 5 / 6);
    max-width: calc(17.25% - var(--grid-desktop-horizontal-spacing) * 6 / 5);
  }

  .grid--5-col-desktop .grid__item {
    width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
    max-width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
  }

  .grid--4-col-desktop .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
    max-width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
  }

  .grid--3-col-desktop .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
    max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
  }

  .grid--2-col-desktop .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }
}
@media screen and (max-width: 1450px) and (min-width: 1270px) {
  .grid--5-col-desktop .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
    max-width: calc(25% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
  }
}
@media screen and (max-width: 1100px) and (min-width: 990px) {
  .grid--5-col-desktop .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
    max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
  }
}

@media screen and (min-width: 990px) {
  .grid--1-col-desktop {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .grid--1-col-desktop .grid__item {
    width: 100%;
    max-width: 100%;
  }
  .template-list-collections .collection-list.grid--7-col-desktop .grid__item {
    width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 6 / 7);
    max-width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 6 / 7);
  }
}
@media screen and (min-width: 1329px) {
  .template-list-collections .collection-list.grid--7-col-desktop .grid__item {
    width: calc(14.28% - var(--grid-desktop-horizontal-spacing) * 6 / 7);
    max-width: calc(14.28% - var(--grid-desktop-horizontal-spacing) * 6 / 7);
  }
}
@media screen and (max-width: 1269px) {
  .related-products .grid__item {
    width: calc(20% - var(--grid-desktop-horizontal-spacing) * 5 / 6);
    max-width: calc(20% - var(--grid-desktop-horizontal-spacing) * 5 / 6);
  }
}
@media screen and (max-width: 1100px) {
  .related-products .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
    max-width: calc(25% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
  }
}
@media screen and (max-width: 749px) {
  .grid--peek.slider--mobile {
    margin: 0;
    width: 100%;
  }

  .grid--peek.slider--mobile .grid__item {
    box-sizing: content-box;
    margin: 0;
  }

  .grid--peek .grid__item {
    min-width: 35%;
  }

  /*   .grid--peek.slider .grid__item:first-of-type {
    margin-left: 1.5rem;
  } */

  /* Fix to show some space at the end of our sliders in all browsers */
  .grid--peek.slider:after {
    margin-left: calc(-1 * var(--grid-mobile-horizontal-spacing));
  }

  .grid--2-col-tablet-down .grid__item {
    width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
  }

  .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item,
  .grid--peek .grid__item {
    width: calc(50% - var(--grid-mobile-horizontal-spacing) - 3rem);
  }

  .slider--tablet.grid--peek.grid--1-col-tablet-down .grid__item,
  .slider--mobile.grid--peek.grid--1-col-tablet-down .grid__item {
    width: calc(100% - var(--grid-mobile-horizontal-spacing) - 3rem);
  }
  .template-list-collections .collection-list.grid--7-col-desktop .grid__item {
    width: calc(25% - var(--grid-mobile-horizontal-spacing) * 4 / 5);
    max-width: calc(25% - var(--grid-mobile-horizontal-spacing) * 4 / 5);
  }
}
@media screen and (max-width: 649px) {
  .template-list-collections .collection-list.grid--7-col-desktop .grid__item {
    width: calc(33.33% - var(--grid-mobile-horizontal-spacing) * 3 / 4);
    max-width: calc(33.33% - var(--grid-mobile-horizontal-spacing) * 3 / 4);
  }
}
@media screen and (max-width: 479px) {
  .template-list-collections .collection-list.grid--7-col-desktop .grid__item {
    width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
    max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
  }
}
@media screen and (max-width: 380px) {
  .template-list-collections .collection-list.grid--7-col-desktop .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) * 6 / 7);
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) * 6 / 7);
  }
}
@media screen and (min-width: 990px) and (max-width: 1269px) {
  .template-list-collections .collection-list.grid--7-col-desktop .grid__item {
    width: calc(20% - var(--grid-desktop-horizontal-spacing) * 6 / 7);
    max-width: calc(20% - var(--grid-desktop-horizontal-spacing) * 6 / 7);
  }
}
@media screen and (min-width: 750px) and (max-width: 989px) {
  .slider--tablet.grid--peek .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) - 3rem);
  }

  .slider--tablet.grid--peek.grid--3-col-tablet .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) - 3rem);
  }

  .slider--tablet.grid--peek.grid--2-col-tablet .grid__item,
  .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) - 3rem);
  }

  /*   .slider--tablet.grid--peek .grid__item:first-of-type {
    margin-left: 1.5rem;
  } */

  /*   .grid--2-col-tablet-down .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  } */

  .grid--1-col-tablet-down.grid--peek .grid__item {
    width: calc(100% - var(--grid-desktop-horizontal-spacing) - 3rem);
  }
  .template-list-collections .collection-list.grid--7-col-desktop .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
  }
}
@media screen and (min-width: 767px) and (max-width: 989px) {
  .grid--2-col-tablet-down .grid__item {
    width: calc(25% - var(--grid-mobile-horizontal-spacing) * 4 / 5);
    max-width: calc(25% - var(--grid-mobile-horizontal-spacing) * 4 / 5);
  }
}
@media screen and (min-width: 575px) and (max-width: 767px) {
  .grid--2-col-tablet-down .grid__item {
    width: calc(33.33% - var(--grid-mobile-horizontal-spacing) * 3 / 4);
    max-width: calc(33.33% - var(--grid-mobile-horizontal-spacing) * 3 / 4);
  }
}
@media screen and (max-width: 767px) {
  .related-products .grid__item {
    width: calc(33.33% - var(--grid-mobile-horizontal-spacing) * 3 / 4);
    max-width: calc(33.33% - var(--grid-mobile-horizontal-spacing) * 3 / 4);
  }
}
@media screen and (max-width: 575px) {
  .related-products .grid__item {
    width: calc(50% - var(--grid-mobile-horizontal-spacing) 2);
    max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
  }
}

/* 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),
.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(4.5rem + 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: 0;
  padding: 0 3rem;
  cursor: pointer;
  font: inherit;
  font-size: 1.4rem;
  text-decoration: none;
  color: var(--color-base-solid-button-labels);
  transition: box-shadow var(--duration-short) ease;
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--color-base-accent-1);
  text-transform: uppercase;
  font-weight: 500;
}
.button:hover,
.shopify-challenge__button:hover,
.customer button:hover {
  background-color: var(--color-base-accent-2);
}

.button:before,
.shopify-challenge__button:before,
.customer button:before,
.shopify-payment-button__button--unbranded:before,
.shopify-payment-button [role="button"]:before,
.cart__dynamic-checkout-buttons [role="button"]:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: var(--buttons-radius-outset);
  box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset)
    var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity));
}

.button:after,
.shopify-challenge__button:after,
.customer button:after,
.shopify-payment-button__button--unbranded:after {
  content: "";
  position: absolute;
  top: var(--buttons-border-width);
  right: var(--buttons-border-width);
  bottom: var(--buttons-border-width);
  left: var(--buttons-border-width);
  z-index: 1;
  border-radius: var(--buttons-radius);
  box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset))
      rgba(var(--color-button-text), var(--border-opacity)),
    0 0 0 var(--buttons-border-width)
      rgba(var(--color-button), var(--alpha-button-background));
  transition: box-shadow var(--duration-short) ease;
}

.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;
}

.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: 1.3rem;
  letter-spacing: 0.5px;
  line-height: calc(1 + 0.2 / var(--font-body-scale));
}

.button--tertiary {
  font-size: 1.2rem;
  padding: 1.3rem 1.5rem;
  min-width: calc(9rem + var(--buttons-border-width) * 2);
  min-height: calc(3.5rem + var(--buttons-border-width) * 2);
}

.button--small {
  padding: 1.2rem 2.6rem;
}

/* 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%;
}

.button.loading {
  color: transparent;
  position: relative;
}

@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 - social share */

.share-button {
  display: block;
  position: relative;
  background-color: var(--color-base-background-1);
  margin: 0 !important;
  padding: 0.5rem 0;
}

.share-button details {
  width: fit-content;
}

.share-button__button {
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  color: var(--color-base-accent-2);
  margin-left: 0;
  padding-left: 0;
  min-height: 4.4rem;
  font-weight: 500;
}

details[open] > .share-button__fallback {
  animation: animateMenuOpen var(--duration-default) ease;
}
.share-button__button,
.share-button__fallback button {
  cursor: pointer;
  background-color: transparent;
  border: none;
  text-transform: uppercase;
}

.share-button__button .icon-share {
  height: 1.7rem;
  margin-right: 1rem;
  min-width: 1.7rem;
}

.share-button__fallback {
  display: flex;
  align-items: center;
  position: absolute;
  top: 3rem;
  left: 0.1rem;
  z-index: 3;
  width: 100%;
  min-width: max-content;
  border-radius: var(--inputs-radius);
  border: 0;
}

.share-button__fallback:after {
  pointer-events: none;
  content: "";
  position: absolute;
  top: var(--inputs-border-width);
  right: var(--inputs-border-width);
  bottom: var(--inputs-border-width);
  left: var(--inputs-border-width);
  border: 0.1rem solid transparent;
  border-radius: var(--inputs-radius);
  box-shadow: 0 0 0 var(--inputs-border-width)
    rgba(var(--color-foreground), var(--inputs-border-opacity));
  transition: box-shadow var(--duration-short) ease;
  z-index: 1;
}

.share-button__fallback:before {
  background: rgb(var(--color-background));
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--inputs-radius-outset);
  box-shadow: var(--inputs-shadow-horizontal-offset)
    var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius)
    rgba(var(--color-base-text), var(--inputs-shadow-opacity));
  z-index: -1;
}

.share-button__fallback button {
  width: 4.4rem;
  height: 4.4rem;
  padding: 0;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  right: var(--inputs-border-width);
}

.share-button__fallback button:hover {
  color: rgba(var(--color-foreground), 0.75);
}

.share-button__fallback button:hover svg {
  transform: scale(1.07);
}

.share-button__close:not(.hidden) + .share-button__copy {
  display: none;
}

.share-button__close,
.share-button__copy {
  background-color: transparent;
  color: rgb(var(--color-foreground));
}

.share-button__copy:focus-visible,
.share-button__close:focus-visible {
  background-color: rgb(var(--color-background));
  z-index: 2;
}

.share-button__copy:focus,
.share-button__close:focus {
  background-color: rgb(var(--color-background));
  z-index: 2;
}

.field:not(:focus-visible):not(.focused)
  + .share-button__copy:not(:focus-visible):not(.focused),
.field:not(:focus-visible):not(.focused)
  + .share-button__close:not(:focus-visible):not(.focused) {
  background-color: inherit;
}

.share-button__fallback .field:after,
.share-button__fallback .field:before {
  content: none;
}

.share-button__fallback .field {
  border-radius: 0;
  min-width: auto;
  min-height: auto;
  transition: none;
}

.share-button__fallback .field__input:focus,
.share-button__fallback .field__input:-webkit-autofill {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 0.1rem;
  box-shadow: 0 0 0 0.1rem rgb(var(--color-background)),
    0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}

.share-button__fallback .field__input {
  box-shadow: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  filter: none;
  min-width: auto;
  min-height: auto;
}

.share-button__fallback .field__input:hover {
  box-shadow: none;
}

.share-button__fallback .icon {
  width: 1.5rem;
  height: 1.5rem;
}

.share-button__message:not(:empty) {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding: 0.8rem 0 0.8rem 1.5rem;
  margin: var(--inputs-border-width);
}

.share-button__message:not(:empty):not(.hidden) ~ * {
  display: none;
}
@media screen and (max-width: 479px) {
  .button,
  .button-label,
  .shopify-challenge__button,
  .customer button {
    font-size: 1.2rem;
  }
  .button,
  .shopify-challenge__button,
  .customer button {
    padding: 1.3rem 1rem;
  }
}
/* component-form */
.field__input,
.select__select,
.customer .field input,
.customer select {
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--color-base-background-1);
  color: var(--color-foreground);
  font-size: 1.4rem;
  width: 100%;
  box-sizing: border-box;
  transition: box-shadow var(--duration-short) ease;
  border-radius: var(--inputs-radius);
  height: 4.5rem;
  min-height: calc(var(--inputs-border-width) * 2);
  min-width: calc(7rem + (var(--inputs-border-width) * 2));
  position: relative;
  border-width: var(--inputs-border-width);
  border-color: var(--color-base-border);
  border-style: solid;
}

.field:before,
.select:before,
.customer .field:before,
.customer select:before,
.localization-form__select:before {
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--inputs-radius-outset);
  box-shadow: var(--inputs-shadow-horizontal-offset)
    var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius)
    rgba(var(--color-base-text), var(--inputs-shadow-opacity));
  z-index: -1;
}

.field:after,
.select:after,
.customer .field:after,
.customer select:after,
.localization-form__select:after {
  pointer-events: none;
  content: "";
  position: absolute;
  top: var(--inputs-border-width);
  right: var(--inputs-border-width);
  bottom: var(--inputs-border-width);
  left: var(--inputs-border-width);
  border: 0.1rem solid transparent;
  border-radius: var(--inputs-radius);
  box-shadow: 0 0 0 var(--inputs-border-width)
    rgba(var(--color-foreground), var(--inputs-border-opacity));
  transition: box-shadow var(--duration-short) ease;
  z-index: 1;
}

.select__select {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  font-size: 1.2rem;
  color: rgba(var(--color-foreground), 0.75);
}

.field:hover.field:after,
.select:hover.select:after,
.select__select:hover.select__select:after,
.customer .field:hover.field:after,
.customer select:hover.select:after,
.localization-form__select:hover.localization-form__select:after {
  box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width))
    rgba(var(--color-foreground), var(--inputs-border-opacity));
  outline: 0;
  border-radius: var(--inputs-radius);
}

.field__input:focus-visible,
.select__select:focus-visible,
.customer .field input:focus-visible,
.customer select:focus-visible,
.localization-form__select:focus-visible.localization-form__select:after {
  box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width))
    rgba(var(--color-foreground));
  outline: 0;
  border-radius: var(--inputs-radius);
}

.field__input:focus,
.select__select:focus,
.customer .field input:focus,
.customer select:focus,
.localization-form__select:focus.localization-form__select:after {
  box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width))
    rgba(var(--color-foreground));
  outline: 0;
  border-radius: var(--inputs-radius);
}

.localization-form__select:focus {
  outline: 0;
  box-shadow: none;
}

.text-area,
.select {
  display: flex;
  position: relative;
  width: 100%;
}

/* Select */

.select .icon-caret,
.customer select + svg {
  height: 0.6rem;
  pointer-events: none;
  position: absolute;
  top: calc(50% - 0.2rem);
  right: calc(var(--inputs-border-width) + 1.5rem);
}

.select__select,
.customer select {
  cursor: pointer;
  line-height: calc(1 + 0.6 / var(--font-body-scale));
  padding: 0 calc(var(--inputs-border-width) + 3rem) 0 2rem;
  margin: var(--inputs-border-width);
  min-height: calc(var(--inputs-border-width) * 2);
}

/* Field */

.field {
  position: relative;
  width: 100%;
  display: flex;
  transition: box-shadow var(--duration-short) ease;
}

.customer .field {
  display: flex;
}

.field--with-error {
  flex-wrap: wrap;
}

.field__input,
.customer .field input {
  flex-grow: 1;
  text-align: left;
  padding: 1.5rem;
  margin: var(--inputs-border-width);
  transition: box-shadow var(--duration-short) ease;
}

.field__label,
.customer .field label {
  font-size: 1.3rem;
  left: calc(var(--inputs-border-width) + 2rem);
  top: calc(1.3rem + var(--inputs-border-width));
  margin-bottom: 0;
  pointer-events: none;
  position: absolute;
  transition: top var(--duration-short) ease,
    font-size var(--duration-short) ease;
  color: var(--color-foreground);
  letter-spacing: 0.1rem;
  line-height: 1.5;
}

.field__input:focus ~ .field__label,
.field__input:not(:placeholder-shown) ~ .field__label,
.field__input:-webkit-autofill ~ .field__label,
.customer .field input:focus ~ label,
.customer .field input:not(:placeholder-shown) ~ label,
.customer .field input:-webkit-autofill ~ label {
  font-size: 1rem;
  top: calc(var(--inputs-border-width) + 0.5rem);
  left: calc(var(--inputs-border-width) + 2rem);
  letter-spacing: 0.04rem;
}

.field__input:focus,
.field__input:not(:placeholder-shown),
.field__input:-webkit-autofill,
.customer .field input:focus,
.customer .field input:not(:placeholder-shown),
.customer .field input:-webkit-autofill {
  padding: 2.2rem 1.5rem 0.8rem 2rem;
  margin: var(--inputs-border-width);
}

.field__input::-webkit-search-cancel-button,
.customer .field input::-webkit-search-cancel-button {
  display: none;
}

.field__input::placeholder,
.customer .field input::placeholder {
  opacity: 0;
}

.field__button {
  align-items: center;
  background-color: var(--color-base-accent-1);
  border: 1px solid var(--color-base-accent-1);
  color: currentColor;
  cursor: pointer;
  display: flex;
  height: 4.5rem;
  justify-content: center;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 1px;
  top: 1px;
  width: 5.2rem;
  border-radius: 0 5px 5px 0;
}

.field__button > svg {
  height: 2rem;
  width: 2rem;
  color: var(--color-base-background-1);
}

.field__input:-webkit-autofill ~ .field__button,
.field__input:-webkit-autofill ~ .field__label,
.customer .field input:-webkit-autofill ~ label {
  color: rgb(0, 0, 0);
}

/* Text area */

.text-area {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  min-height: 10rem;
  resize: none;
}

input[type="checkbox"] {
  display: inline-block;
  width: auto;
  margin-right: 0.5rem;
}

/* Form global */

.form__label {
  display: block;
  margin-bottom: 0.6rem;
}

.form__message {
  align-items: center;
  display: flex;
  font-size: 1.4rem;
  line-height: 1;
  margin-top: 1rem;
}

.form__message--large {
  font-size: 1.6rem;
}

.customer .field .form__message {
  font-size: 1.4rem;
  text-align: left;
}

.form__message .icon,
.customer .form__message svg {
  flex-shrink: 0;
  height: 1.3rem;
  margin-right: 0.5rem;
  width: 1.3rem;
}

.form__message--large .icon,
.customer .form__message svg {
  height: 1.5rem;
  width: 1.5rem;
  margin-right: 1rem;
}

.customer .field .form__message svg {
  align-self: start;
}

.form-status {
  margin: 0;
  font-size: 1.6rem;
}

.form-status-list {
  padding: 0;
  margin: 2rem 0 4rem;
}

.form-status-list li {
  list-style-position: inside;
}

.form-status-list .link::first-letter {
  text-transform: capitalize;
}

/* component-quantity */
.quantity {
  color: var(--color-foreground);
  position: relative;
  width: calc(
    12.5rem / var(--font-body-scale) + var(--inputs-border-width) * 2
  );
  display: flex;
  border-radius: var(--inputs-radius);
  min-height: calc((var(--inputs-border-width) * 2) + 4.1rem);
  background-color: var(--color-base-background-1);
  border: 2px solid var(--color-base-border);
}
#CartDrawer .quantity {
  width: calc(9rem / var(--font-body-scale) + var(--inputs-border-width) * 2);
  min-height: calc((var(--inputs-border-width) * 2) + 2.5rem);
}
.quantity:after {
  pointer-events: none;
  content: "";
  position: absolute;
  top: var(--inputs-border-width);
  right: var(--inputs-border-width);
  bottom: var(--inputs-border-width);
  left: var(--inputs-border-width);
  border: 0.1rem solid transparent;
  border-radius: var(--inputs-radius);
  box-shadow: 0 0 0 var(--inputs-border-width)
    rgba(var(--color-foreground), var(--inputs-border-opacity));
  transition: box-shadow var(--duration-short) ease;
  z-index: 1;
}

.quantity:before {
  background: rgb(var(--color-background));
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--inputs-radius-outset);
  box-shadow: var(--inputs-shadow-horizontal-offset)
    var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius)
    rgba(var(--color-base-text), var(--inputs-shadow-opacity));
  z-index: -1;
}

.quantity__input {
  color: currentColor;
  font-size: 1.4rem;
  font-weight: 500;
  opacity: 0.85;
  text-align: center;
  background-color: transparent;
  border: 0;
  padding: 0 0.5rem;
  width: 100%;
  flex-grow: 1;
  -webkit-appearance: none;
  appearance: none;
}

.quantity__button {
  width: calc(3.5rem / var(--font-body-scale));
  flex-shrink: 0;
  font-size: 1.8rem;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(var(--color-foreground));
  padding: 0;
}
#CartDrawer .quantity__button {
  width: calc(2.5rem / var(--font-body-scale));
}
.quantity__button:first-child {
  margin-left: calc(var(--inputs-border-width));
}

.quantity__button:last-child {
  margin-right: calc(var(--inputs-border-width));
}

.quantity__button svg {
  width: 1rem;
  pointer-events: none;
}

.quantity__button:focus-visible,
.quantity__input:focus-visible {
  background-color: rgb(var(--color-background));
  z-index: 2;
}

.quantity__button:focus,
.quantity__input:focus {
  background-color: rgb(var(--color-background));
  z-index: 2;
}

.quantity__button:not(:focus-visible):not(.focused),
.quantity__input:not(:focus-visible):not(.focused) {
  box-shadow: inherit;
  background-color: inherit;
}

.quantity__input:-webkit-autofill,
.quantity__input:-webkit-autofill:hover,
.quantity__input:-webkit-autofill:active {
  box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important;
  -webkit-box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important;
}

.quantity__input::-webkit-outer-spin-button,
.quantity__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.quantity__input[type="number"] {
  -moz-appearance: textfield;
}

.quantity__rules {
  margin-top: 1.2rem;
  position: relative;
  font-size: 1.2rem;
}

.quantity__rules .caption {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
}

.quantity__rules .divider + .divider::before {
  content: "\2022";
  margin: 0 0.5rem;
}

.quantity__rules-cart {
  position: relative;
}

product-info .loading-overlay:not(.hidden) ~ *,
.quantity__rules-cart .loading-overlay:not(.hidden) ~ * {
  visibility: hidden;
}
.spr-form-input-email,
.spr-form-input-text,
.spr-form-input-textarea {
  height: 40px;
  border: 1px solid var(--color-base-border);
  border-radius: var(--inputs-radius);
  padding: 10px;
}
.spr-form-actions .spr-button {
  min-height: calc(4.2rem + var(--buttons-border-width) * 2);
}
/* component-modal */
.modal__toggle {
  list-style-type: none;
}

.no-js details[open] .modal__toggle {
  position: absolute;
  z-index: 5;
}

.modal__toggle-close {
  display: none;
}

.no-js details[open] svg.modal__toggle-close {
  display: flex;
  z-index: 1;
  height: 1.7rem;
  width: 1.7rem;
}

.modal__toggle-open {
  display: flex;
}

.no-js details[open] .modal__toggle-open {
  display: none;
}

.no-js .modal__close-button.link {
  display: none;
}

.modal__close-button.link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0rem;
  height: 4.4rem;
  width: 4.4rem;
  background-color: transparent;
}

.modal__close-button .icon {
  width: 1.7rem;
  height: 1.7rem;
}
.search-modal.modal__content.gradient {
  background-color: var(--color-base-background-1);
}
details[open] > .search-modal {
  opacity: 1;
  animation: animateMenuOpen var(--duration-default) ease;
}
.gradient {
  background: var(--color-background);
  background-attachment: fixed;
}
.search-modal {
  opacity: 0;
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
  min-height: 70px;
  height: 14%;
}
.modal__content {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(var(--color-background));
  z-index: 4;
  display: flex;
  justify-content: center;
  align-items: center;
}

.media-modal {
  cursor: zoom-out;
}

.media-modal .deferred-media {
  cursor: initial;
}

/* component-cart-count-bubble ,wishlist count,compare count */
.cart-count-bubble:empty {
  display: none;
}
.cm-compare-button,
.cm-wishlist-button {
  position: relative;
}
.cart-count-bubble,
.cm-compare-button .count-bubble,
.cm-wishlist-button .count-bubble {
  position: absolute;
  background-color: var(--color-base-price);
  color: var(--color-base-background-1);
  height: 2rem;
  min-width: 2rem;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.3rem;
  top: 0rem;
  right: -0.3rem;
  left: auto;
  line-height: calc(1 + 0.1 / var(--font-body-scale));
  padding: 0 6px;
  font-weight: 500;
  line-height: 2rem;
}
.cart-count-bubble {
  right: auto;
  left: 17px;
}
.cart_count_with_text .header__icon_title {
  font-size: 14px;
  text-align: left;
  font-weight: 500;
  color: var(--color-foreground);
}
.cart_count_with_text span {
  line-height: 20px;
  font-size: 13px;
  justify-content: flex-start;
  color: var(--color-base-text);
}
.cart_count_with_text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
/* section-announcement-bar */
.announcement-bar {
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
  color: rgb(var(--color-foreground));
}

.announcement-bar__link {
  display: block;
  width: 100%;
  padding: 1rem 0;
  text-decoration: none;
}
.announcement-bar__link .icon-arrow {
  display: inline-block;
  pointer-events: none;
  margin-left: 0.8rem;
  vertical-align: middle;
  margin-bottom: 0.2rem;
}

.announcement-bar__link .announcement-bar__message {
  padding: 0;
}

.announcement-bar__message {
  margin: 0;
  letter-spacing: 0.05rem;
  color: var(--color-foreground);
}
.announcement-bar__message p {
  margin: 0;
  display: none;
}
.announcement-bar__message a {
  font-weight: 500;
  color: var(--color-base-price);
  text-underline-offset: 0.3rem;
}
/* section-header-top */
.header-top {
  border-top: 4px solid var(--color-base-accent-1);
}
.header-top-inner {
  display: flex;
  justify-content: space-between;
}
.header-top__link {
  display: flex;
  flex-direction: row;
  text-decoration: none;
  gap: 5px;
  position: relative;
  margin-right: 15px;
  padding-right: 15px;
  min-width: fit-content;
}
.header-top__link::after {
  content: "";
  width: 1px;
  height: 15px;
  background-color: var(--color-base-border);
  position: absolute;
  right: 0;
  left: auto;
  top: 3px;
}
.header-top__link:last-child::after {
  display: none;
}
.color-background-1 .header-top__message,
.color-background-1 .header-top-left p {
  margin: 0;
  color: var(--color-base-text);
}
.header-top-left p a {
  color: var(--color-base-accent-1);
}
.header-top-left p a:hover {
  text-decoration: none;
}
.color-background-1 .header-top__message:hover {
  color: var(--color-base-accent-1);
}
.header-top-left .header-top-icon {
  display: flex;
  align-items: center;
}
.header-top-left {
  display: inline-flex;
  gap: 30px;
}
.header-top-center {
  display: inline-flex;
  gap: 0px;
}
.header-top_link {
  position: relative;
  padding-right: 15px;
  margin-right: 15px;
  min-width: max-content;
}
.header-top_link:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 1px;
  height: 20px;
  background-color: var(--color-base-border);
  right: 0;
  top: 2px;
}
.header__localization {
  position: relative;
  min-width: fit-content;
}
/* .header-bottom.header-wrapper > .page-width {
  display: flex;
  justify-content: space-between;
  align-items: center;
} */
/* section-header-bottom */
.menu_service {
  float: right;
  font-weight: 500;
  position: relative;
  font-size: 1.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 1.2rem 0;
}
.menu_service img {
  vertical-align: middle;
  margin-right: 5px;
}
.menu_service p {
  margin: 0;
}
.menu_service a {
  color: var(--color-base-accent-2);
  text-decoration: none;
  display: inline-block;
}
@media screen and (max-width: 989px) {
  #menu-drawer .header-top__link {
    padding: 0.5rem 0;
  }
  .menu-drawer__inner-container span p a {
    color: var(--color-base-accent-1);
  }
  .menu-drawer__inner-container span p a:hover {
    text-decoration: none;
  }
  .header-top-inner {
    justify-content: center;
  }
  .header-top-center {
    gap: 10px;
  }
  .menu_service {
    display: none;
  }
  .header__localization {
    float: none;
    text-align: center;
  }
  .header-top .header-top-left {
    display: none;
  }
  .header-top__link::after {
    display: none;
  }
  .header-top-icon {
    display: none;
  }
  .color-background-1 .header-top__message,
  .color-background-1 .header-top-left p {
    color: var(--color-foreground);
  }
  /* component-form */
  .field__input,
  .select__select,
  .customer .field input,
  .customer select,
  .field__button {
    height: 4rem;
    width: 4.8rem;
  }
  .field__label,
  .customer .field label {
    line-height: 1.5rem;
  }
}
/* section-header-bottom */
.header-bottom .header__localization {
  float: right;
  position: relative;
  padding-block: 1.6rem;
}

@media screen and (max-width: 575px) {
  .header-top-inner {
    justify-content: center;
  }
  .header-top__message {
    color: var(--color-base-accent-2);
  }
  .menu-drawer__navigation span p {
    padding: 0.3rem 3.2rem;
    margin: 0;
  }
  .header-top_link {
    margin-right: 10px;
    color: var(--color-base-accent-2);
  }
  .header-top_link::after {
    display: none;
  }
  .header-top_link:last-child::after {
    display: none;
  }
}
#menu-drawer .icon.icon-close {
  width: 18px;
  height: 18px;
  position: absolute;
  left: auto;
  right: 20px;
  top: 15px;
  cursor: pointer;
}
/* section-header */
/* .section-header.shopify-section-group-header-group {
  z-index: 8;
} */

.shopify-section-header-sticky {
  position: sticky;
  top: 0;
}

.shopify-section-header-hidden {
  top: calc(-1 * var(--header-height));
}

.shopify-section-header-hidden.menu-open {
  top: 0;
}

.section-header.animate {
  transition: top 0.15s ease-out;
}

.shopify-section-group-header-group {
  z-index: initial;
}
.section-header ~ .shopify-section-group-header-group {
  position: relative;
}
.header-bottom-inner {
  display: inline-flex;
  gap: 15px;
  align-items: center;
}
.shopify-section-header-sticky.scrolled-past-header .header-bottom {
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}
/* Main Header Layout */
.header-wrapper {
  display: block;
  position: relative;
  background-color: rgb(var(--color-background));
}

.header-wrapper--border-bottom {
  border-top: 1px solid var(--color-base-border);
}
.section-header.section-header-bottom {
  box-shadow: 0px 1.6px 2px 0px rgba(0, 0, 0, 0.08);
}

.header {
  display: grid;
  grid-template-areas: "heading left-icons icons";
  grid-template-columns: 1fr 2fr 1fr;
  align-items: center;
}
@media screen and (max-width: 1269px) {
  .header-bottom-inner {
    gap: 0;
  }
}
@media screen and (max-width: 749px) {
  .header--has-app {
    grid-template-columns: auto 1fr auto;
  }
}

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

  .header--top-left {
    grid-template-areas:
      "heading icons"
      "navigation navigation";
    grid-template-columns: 1fr auto;
  }

  .header--top-left.drawer-menu,
  .header--middle-left.drawer-menu {
    grid-template-areas: "navigation heading icons";
    grid-template-columns: auto 1fr auto;
    column-gap: 1rem;
  }

  .header--middle-left {
    grid-template-areas: "heading navigation icons";
    grid-template-columns: auto 1fr auto;
    column-gap: 2rem;
  }

  .header--middle-center:not(.drawer-menu) {
    grid-template-areas: "navigation heading icons";
    grid-template-columns: 1fr auto 1fr;
    column-gap: 2rem;
  }

  .header--middle-center a.header__heading-link {
    text-align: center;
  }

  .header--top-center {
    grid-template-areas:
      "left-icons heading icons"
      "navigation navigation navigation";
  }

  .header--top-center.drawer-menu {
    grid-template-areas: "left-icons heading icons";
    grid-template-columns: 1fr auto 1fr;
  }

  .header:not(.header--middle-left, .header--middle-center)
    .header__inline-menu {
    margin-top: 1.05rem;
  }
}

.header *[tabindex="-1"]:focus {
  outline: none;
}

.header__heading {
  margin: 0;
  line-height: 0;
}

.header > .header__heading-link {
  line-height: 0;
}

.header__heading,
.header__heading-link {
  grid-area: heading;
  justify-self: left;
}

.header__heading-link {
  display: inline-block;
  padding: 0rem;
  text-decoration: none;
  word-break: break-word;
}

.header__heading-link:hover .h2 {
  color: rgb(var(--color-foreground));
}

.header__heading-link .h2 {
  line-height: 1;
  color: rgba(var(--color-foreground), 0.75);
}

.header__heading-logo {
  height: auto;
  max-width: 197px;
}

.header__heading-logo-wrapper {
  width: 100%;
  display: inline-block;
  transition: width 0.3s cubic-bezier(0.52, 0, 0.61, 0.99);
}

@media screen and (max-width: 989px) {
  .header__heading,
  .header__heading-link {
    text-align: center;
  }

  .header--mobile-left .header__heading,
  .header--mobile-left .header__heading-link {
    text-align: left;
    justify-self: start;
  }

  /* .header--mobile-left {
    grid-template-columns: auto 2fr 1fr;
  } */
  .header__heading-logo {
    max-width: 160px;
  }
  header-drawer {
    display: flex;
    align-items: center;
  }
  .header-bottom .header__localization {
    display: none;
  }
  .header-bottom #menu-drawer .header__localization {
    float: left;
    padding-block: 1rem;
    padding-left: 2rem;
    display: block;
  }
  .header-bottom-inner {
    display: flex;
    justify-content: space-between;
  }
}

@media screen and (min-width: 990px) {
  .header--middle-left .header__heading-link,
  .header--top-left .header__heading-link {
    margin-left: 0rem;
  }

  .header__heading,
  .header__heading-link {
    justify-self: start;
  }

  .header--middle-center .header__heading-link,
  .header--middle-center .header__heading {
    justify-self: center;
    text-align: center;
  }

  .header--top-center .header__heading-link,
  .header--top-center .header__heading {
    justify-self: center;
    text-align: center;
  }
}
/* Header icons */
.header__icons {
  display: flex;
  grid-area: icons;
  justify-self: end;
  align-items: center;
  gap: 10px;
}

.header__icons .shopify-app-block {
  max-width: 4.4rem;
  max-height: 4.4rem;
  overflow: hidden;
}

.header__icon:not(.header__icon--summary),
.header__icon span {
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.header__icon span {
  height: 100%;
}

.header__icon::after {
  content: none;
}

.modal__close-button:hover .icon {
  transform: scale(1.07);
}

.header__icon .icon {
  height: 2.4rem;
  width: 2.8rem;
  vertical-align: middle;
}
.header__icon--cart #Layer_1 {
  width: 30px;
  height: 30px;
}
.header__icon,
.header__icon--cart .icon {
  height: 4.4rem;
  width: 4.4rem;
  padding: 0;
}
.header__icon .icon-account {
  width: 2.5rem;
}

.header__icon--cart {
  position: relative;
}

.header__icon--menu[aria-expanded="true"]::before {
  content: "";
  top: 100%;
  left: 0;
  height: calc(
    var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%))
  );
  width: 100%;
  display: block;
  position: absolute;
  background: rgba(var(--color-foreground), 0.5);
}
#cart-icon-bubble {
  width: auto;
  text-decoration: none;
  gap: 14px;
}

@media screen and (max-width: 767px) {
  .section-header .header {
    padding-bottom: 73px;
  }
  .header.header--middle-left .search-modal__content,
  .header.header--middle-center .search-modal__content {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 51%;
  }
}
@media screen and (max-width: 749px) {
  .header__icon .icon {
    height: 2.4rem;
    width: 2.4rem;
  }
  .header__icon .icon-account {
    height: 2.2rem;
    width: 2.1rem;
  }
  .header__icon--cart #Layer_1 {
    width: 28px;
    height: 28px;
  }
  .header__icon,
  .header__icon--cart .icon {
    height: 3.4rem;
    width: 3.4rem;
  }
  /* .header__icon .icon-account{
    height: 2.3rem;
    width: 2.3rem;
  } */
}
@media screen and (max-width: 479px) {
  .header__icon .icon {
    height: 2.2rem;
    width: 2.2rem;
  }
  .header__icon--cart #Layer_1 {
    width: 26px;
    height: 26px;
  }
}
@media screen and (max-width: 680px) {
  .header__icon .icon-account {
    height: 2rem;
    width: 2rem;
  }
}
/* account */
.header__icon.header__icon--account {
  width: auto;
}
.header__icon.header__icon--account a {
  color: currentColor;
  text-decoration: none;
}
.tm_header-dropdown.site-header__icon {
  position: relative;
  height: auto;
  width: auto;
  color: var(--color-foreground);
  cursor: pointer;
  font-size: 1.3rem;
  display: none;
}
.tm_header-dropdown.site-header__icon .my-account {
  position: absolute;
  right: 0;
  margin: 0;
  background-color: var(--color-base-background-1);
  left: auto;
  min-width: 120px;
  display: none;
  padding: 10px 15px;
  border: 1px solid var(--color-base-border);
  z-index: 4;
  color: var(--color-base-accent-2);
  animation: animateLocalization var(--duration-default) ease;
  top: 50px;
  transform: translateY(-1rem);
}
.tm_header-dropdown.site-header__icon .my-account li a {
  text-decoration: none;
  color: currentColor;
  display: flex;
  padding: 2px 0;
}
.account_text {
  display: none;
}
@media screen and (max-width: 749px) {
  .cart-count-bubble,
  .cm-compare-button .count-bubble,
  .cm-wishlist-button .count-bubble {
    height: 1.7rem;
    font-size: 1.2rem;
    top: -0.3rem;
    right: -0.2rem;
    padding: 0 5px;
  }
}
@media screen and (max-width: 989px) {
  .header__icon.header__icon--account {
    font-size: 0;
    margin-right: 0px;
    padding-right: 0px;
    border-right: 0;
  }
  .header__icon.header__icon--account .account_text {
    display: none;
  }
  .icon.icon-account {
    display: block;
  }
  .cart_count_with_text {
    display: none;
  }
  .cart-count-bubble {
    top: -0.3rem;
  }
  #cart-icon-bubble {
    width: 3.4rem;
  }
}
@media screen and (max-width: 479px) {
  .tm_header-dropdown.site-header__icon {
    display: flex;
  }
  .header__icon.header__icon--account {
    display: none;
  }
  .header__icons {
    gap: 5px;
  }
}
@media screen and (max-width: 380px) {
  .header__icon .icon {
    height: 2.1rem;
    width: 2.1rem;
  }
  .header__icons {
    gap: 5px;
  }
}

/* sticky scroll */
.stickyscroll > .scroll-item {
  min-height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  gap: 20px;
}
.stickyscroll {
  overflow-x: auto;
  scrollbar-width: thin;
  flex-wrap: nowrap;
  display: flex;
  overflow-y: hidden;
  scroll-behavior: smooth;
}
.stickyscroll::-webkit-scrollbar {
  width: 5px;
  height: 4px;
  background-color: #ced8ce;
}
.stickyscroll::-webkit-scrollbar-thumb {
  background: #a8a8a8;
}

/* Search */
menu-drawer + .header__search {
  display: none;
}

.header > .header__search {
  grid-area: left-icons;
  justify-self: start;
}

.header--top-center.drawer-menu > .header__search {
  margin-left: 3.2rem;
}

.header--top-center header-drawer {
  grid-area: left-icons;
}

.header__search {
  display: inline-flex;
  line-height: 0;
}

.header--top-center > .header__search {
  display: none;
}

.header--top-center * > .header__search {
  display: inline-flex;
}
@media screen and (max-width: 989px) {
  .header.header--middle-left:not(.header--has-menu) .header__search,
  .header.header--middle-center:not(.header--has-menu) .header__search {
    display: none;
  }
  .header.header--middle-left
    .header__icons
    .header__search
    .search-modal__content,
  .header.header--middle-center
    .header__icons
    .header__search
    .search-modal__content {
    display: inline-flex;
  }
}
@media screen and (min-width: 990px) {
  .header:not(.header--top-center) * > .header__search,
  .header--top-center > .header__search {
    display: inline-flex;
  }

  .header:not(.header--top-center) > .header__search,
  .header--top-center * > .header__search,
  .header.header--middle-left:not(.header--has-menu) .header__search,
  .header.header--middle-center:not(.header--has-menu) .header__search {
    display: none;
  }
}

.no-js .predictive-search {
  display: none;
}

details[open] > .search-modal {
  opacity: 1;
  animation: animateMenuOpen var(--duration-default) ease;
}

details[open] .modal-overlay {
  display: block;
}

details[open] .modal-overlay::after {
  position: absolute;
  content: "";
  background-color: rgb(0, 0, 0, 0.5);
  top: 100%;
  left: 0;
  right: 0;
  height: 100vh;
}

.no-js details[open] > .header__icon--search {
  top: 1rem;
  right: 0.5rem;
}

.search-modal__content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: ;
  padding: 0 3rem 0 7.5rem;
  line-height: calc(1 + 0.8 / var(--font-body-scale));
  position: relative;
}

.search-modal__content-bottom {
  bottom: calc((var(--inputs-margin-offset) / 2));
}

.search-modal__content-top {
  top: calc((var(--inputs-margin-offset) / 2));
}

.search-modal__form {
  width: 100%;
}
/* .search-modal__form .search__input.field__input {
  border: 0;
} */
.search-modal__close-button {
  position: absolute;
  right: 0.3rem;
}

@media screen and (min-width: 750px) {
  .search-modal__close-button {
    right: 1rem;
  }
}
@media screen and (max-width: 1269px) {
  .search-modal__content {
    padding: 0 1rem 0 3rem;
  }
}
@media screen and (min-width: 990px) {
  .search-modal__form {
    max-width: 75rem;
  }

  .search-modal__close-button {
    position: initial;
    margin-left: 0.5rem;
  }
}
@media screen and (max-width: 989px) {
  .search-modal__content {
    padding: 0 1rem 0 1rem;
  }
}
/* Header menu drawer */
.header__icon--menu .icon {
  display: block;
  position: absolute;
  opacity: 1;
  transform: scale(1);
  transition: transform 150ms ease, opacity 150ms ease;
  height: 2rem;
  width: 2rem;
}
.verticle-menu-drawer
  header-drawer
  #Details-menu-drawer-container
  .header__icon
  .icon.icon-hamburger {
  color: var(--color-base-accent-2);
  width: 2rem;
}
details:not([open]) > .header__icon--menu .icon-close {
  visibility: hidden;
  opacity: 0;
  transform: scale(0.8);
}

.js details[open]:not(.menu-opening) > .header__icon--menu .icon-close {
  visibility: hidden;
}

.js details[open]:not(.menu-opening) > .header__icon--menu .icon-hamburger {
  visibility: visible;
  opacity: 1;
  transform: scale(1.07);
}

.js details > .header__submenu {
  opacity: 0;
  transform: translateY(-1.5rem);
}

details[open] > .header__submenu {
  animation: animateMenuOpen var(--duration-default) ease;
  animation-fill-mode: forwards;
  z-index: 3;
}

@media (prefers-reduced-motion) {
  details[open] > .header__submenu {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Header menu */
.header__inline-menu {
  grid-area: navigation;
  display: none;
}

.header--top-center .header__inline-menu,
.header--top-center .header__heading-link {
  margin-left: 0;
}

@media screen and (min-width: 990px) {
  .header__inline-menu {
    display: block;
  }

  .header--top-center .header__inline-menu {
    justify-self: center;
  }

  .header--top-center .header__inline-menu > .list-menu--inline {
    justify-content: center;
  }

  .header--middle-left .header__inline-menu {
    margin-left: 0;
  }
}

.header__menu {
  padding: 0 1rem;
}

.header__menu-item,
.header__menu-item:hover {
  padding: 1.6rem 2.5rem;
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.05rem;
  color: var(--color-foreground);
}
.header__menu-item span {
  transition: text-decoration var(--duration-short) ease;
}
details[open]:hover > .header__menu-item {
  text-decoration-thickness: 0.2rem;
}

details[open] > .header__menu-item .icon-caret {
  transform: rotate(180deg);
}
li::marker {
  line-height: 0;
  font-size: 18px;
}
body.template-index li::marker {
  font-size: 0;
}
.template-page li::marker {
  line-height: 0;
  font-size: inherit;
}
.template-page .rte li p {
  display: inline;
}
.my-account li::marker,
.product .my-account li::marker {
  font-size: 0;
}
.shopify-policy__body li::marker {
  line-height: 0;
  font-size: 18px;
}
.header__submenu {
  transition: opacity var(--duration-default) ease,
    transform var(--duration-default) ease;
}

.global-settings-popup,
.header__submenu.global-settings-popup {
  border-radius: var(--popup-corner-radius);
  border-color: var(--color-base-border);
  border-style: solid;
  border-width: var(--popup-border-width);
  box-shadow: var(--popup-shadow-horizontal-offset)
    var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius)
    rgba(var(--color-shadow), var(--popup-shadow-opacity));
  z-index: -1;
}

.header__submenu.list-menu {
  padding: 1.4rem 0;
}

.header__submenu .header__submenu {
  background-color: rgba(var(--color-foreground), 0.03);
  padding: 0.5rem 0;
  margin: 0.5rem 0;
}

.header__submenu .header__menu-item:after {
  right: 2rem;
}

.header__submenu .header__menu-item {
  justify-content: space-between;
  padding: 0.8rem 2.4rem;
}

.header__submenu .header__submenu .header__menu-item {
  padding-left: 3.4rem;
}

.header__menu-item .icon-caret {
  position: absolute;
  height: 0.6rem;
  right: 1rem;
  top: calc(50% - 0.2rem);
}

.header__submenu .icon-caret {
  flex-shrink: 0;
  margin-left: 1rem;
  position: static;
}

header-menu > details,
details-disclosure > details {
  position: relative;
}
.header__menu-item a {
  text-decoration: none;
  color: currentColor;
}

/* megamenu */
.mega-menu .mega-menu__content,
#Details-HeaderMenu-moremenu ul.mega-menu__list li .mega-menu__content {
  position: absolute;
  z-index: 3;
  transform-origin: 20% 20% 0;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  top: 70px;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.07);
  display: none;
  border: 0;
  opacity: 0;
  background-color: var(--color-base-background-1);
}
.header__inline-menu ul.list-menu--inline > li:hover .mega-menu__content,
#Details-HeaderMenu-moremenu ul.mega-menu__list li:hover .mega-menu__content {
  visibility: visible;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  top: 50px;
  display: block;
  opacity: 1;
}
#Details-HeaderMenu-moremenu .mega-menu__content {
  position: absolute;
  right: 0;
  left: auto;
}
.list-menu--inline li {
  position: relative;
}
header-menu {
  display: block;
  width: 100%;
}
.mega-menu .header__menu-item {
  position: relative;
}
.header__active-menu-item {
  color: var(--color-base-accent-1);
}
.mega-menu__link:hover,
#Details-HeaderMenu-moremenu .mega-menu__list .header__menu-item:hover {
  color: var(--color-base-accent-1);
}
.mega-menu__list {
  display: flex;
  width: max-content;
  flex-direction: row;
  padding: 15px 35px;
  gap: 50px;
}
.mega-menu__list.mega-menu__list--condensed {
  flex-direction: column;
  gap: 0;
  padding: 2rem;
}
.mega-menu__list li {
  min-width: 145px;
  display: flex;
  flex-direction: column;
  padding: 4px 0;
}
#Details-HeaderMenu-1 .mega-menu__list,
#Details-HeaderMenu-moremenu .mega-menu__list {
  flex-direction: column;
}
ul.mega-menu__list > li > a.mega-menu__link {
  font-weight: 500;
  color: var(--color-base-accent-2);
  margin-bottom: 5px;
  font-size: 1.4rem;
}
.mega-menu__link,
#Details-HeaderMenu-moremenu .mega-menu__list .header__menu-item,
.mega-menu__list.mega-menu__list--condensed > li > a.mega-menu__link {
  text-decoration: none;
  color: var(--color-base-accent-2);
  padding: 0px;
  font-weight: 400;
  line-height: 22px;
  margin: 0;
  font-size: 1.4rem;
}
.mega-menu__link:hover,
#Details-HeaderMenu-moremenu .mega-menu__list .header__menu-item:hover,
.mega-menu__list.mega-menu__list--condensed > li > a.mega-menu__link:hover,
.header__menu-item:hover {
  color: var(--color-base-accent-1);
}
@media screen and (max-width: 1269px) {
  .mega-menu__list li {
    min-width: 160px;
  }
  .header__menu-item,
  .header__menu-item:hover {
    padding: 1.89rem 1.7rem;
  }
  .header__menu-item .icon-caret {
    right: 0.3rem;
  }
}
@keyframes animateMenuOpen {
  0% {
    opacity: 0;
    transform: translateY(-1.5rem);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.overflow-hidden-mobile,
.overflow-hidden-tablet,
.overflow-hidden-desktop {
  overflow: hidden;
}

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

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

.badge {
  border: 0px solid transparent;
  border-radius: var(--badge-corner-radius);
  display: inline-block;
  font-size: 1.1rem;
  letter-spacing: 0.1rem;
  line-height: 1;
  padding: 0.3rem 0.7rem 0.3rem;
  text-align: center;
  background-color: var(--badge-sale-background);
  color: var(--color-base-background-2);
  word-break: break-word;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.5rem;
  position: absolute;
  left: 15px;
  top: 15px;
  transition: all 0.3s ease-in-out;
}
.product .product__info-container .badge {
  position: relative;
  top: 4px;
  left: 5px;
}
.badge.soldout {
  background-color: var(--badge-soldout-background);
  transition: all 0.3s ease-in-out;
}
.card-wrapper:hover .badge {
  opacity: 0;
}
.gradient {
  background: var(--color-background);
  background: var(--gradient-background);
  background-attachment: fixed;
}

@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: var(--media-border-width) solid
    rgba(var(--color-foreground), var(--media-border-opacity));
  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;
}

/* 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: 749px) {
    .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);
    }
  }
}

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

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

  .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 1px;
  }
  .field__input:focus,
  .select__select:focus,
  .customer .field input:focus,
  .customer select:focus,
  .localization-form__select:focus.localization-form__select:after {
    outline: transparent solid 1px;
  }

  .localization-form__select:focus {
    outline: transparent solid 1px;
  }
}

.rte:after {
  clear: both;
  content: "";
  display: block;
}

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

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

.rte table {
  table-layout: fixed;
}

@media screen and (min-width: 750px) {
  .rte table td {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }
}

.rte img {
  height: auto;
  max-width: 100%;
  border: var(--media-border-width) solid
    rgba(var(--color-foreground), var(--media-border-opacity));
  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));
  margin-bottom: var(--media-shadow-vertical-offset);
}

.rte ul,
.rte ol {
  list-style-position: inside;
  padding-left: 2rem;
}

.rte li {
  list-style: inherit;
}

.rte li:last-child {
  margin-bottom: 0;
}

.rte a {
  color: rgba(var(--color-link), var(--alpha-link));
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 0.1rem;
  transition: text-decoration-thickness var(--duration-short) ease;
}

.rte a:hover {
  color: rgb(var(--color-link));
  text-decoration-thickness: 0.2rem;
}

.rte blockquote {
  display: inline-flex;
}

.rte blockquote > * {
  margin: -0.5rem 0 -0.5rem 0;
}

/* Ambient animation */

@media (prefers-reduced-motion: no-preference) {
  .animate--ambient > img,
  .animate--ambient > svg {
    animation: animateAmbient 30s linear infinite;
  }

  @keyframes animateAmbient {
    0% {
      transform: rotate(0deg) translateX(1em) rotate(0deg) scale(1.2);
    }
    100% {
      transform: rotate(360deg) translateX(1em) rotate(-360deg) scale(1.2);
    }
  }
}
/* tabel */
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  background-color: var(--color-base-background-1);
}
.rte table {
  table-layout: fixed;
  text-align: center;
  width: 100%;
  min-width: 500px;
}
.rte table > :not(caption) > * > * {
  padding: 0.5rem;
  border-bottom-width: 1px;
}
.rte table > thead > tr > th {
  background-color: #f2f2f2;
  color: #000;
  font-weight: 500;
}
.rte table > tbody > tr:nth-of-type(even) > * {
  background-color: #f7f7f7;
}
/* wishlist-compare */
.compare__grid.grid {
  column-gap: 0;
  margin: 0;
}
.compare__grid .product-card-compare {
  width: 20%;
  list-style: none;
  padding: 0;
  margin: 0;
  border: 1px solid var(--color-base-border);
  margin-inline-end: -1px;
  background-color: var(--color-base-background-1);
}
.compare__grid .card-wrapper .card--card.card--text .card__inner {
  flex-direction: column;
}
.compare__grid .product-card-compare li {
  display: flex;
  border-bottom: 1px solid var(--color-base-border);
  padding: 15px;
  position: relative;
}
.compare__grid .product-card-compare li:last-child {
  border-bottom: none;
  min-height: 110px;
}
.compare__grid .product-card-compare li span.visually-hidden {
  display: none;
}
.compare__grid .product-card-compare li .price .price-item,
.compare__grid .product-card-compare li .price__container {
  text-align: left;
}
.compare__grid .product-card-compare li .price__container {
  width: 100%;
}
.compare__grid .product-card-compare li span {
  width: 50%;
  text-align: right;
  margin-bottom: 6px;
}
.compare__grid .product-card-compare li span.card-information__text {
  text-align: left;
  font-weight: 500;
}
.compare__grid .product-card-compare li .form__label {
  text-align: left;
  color: #000;
  font-weight: 500;
  margin-bottom: 0;
}
.compare__grid {
  column-gap: 0;
  row-gap: 20px;
  margin: 0 -10px;
}
.wishlist__grid.grid.flex.container.loaded {
  column-gap: 0px;
  row-gap: 0px;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  border: var(--product-card-border-width) solid var(--color-base-border);
}
.wishlist__grid .product {
  background-color: transparent;
  padding: 1.5rem;
  border-radius: var(--product-card-corner-radius);
  border-right: var(--product-card-border-width) solid var(--color-base-border);
  border-bottom: var(--product-card-border-width) solid var(--color-base-border);
  margin-right: -1px;
  margin-bottom: -1px;
}
.compare__grid .product-card-compare li span.color > option {
  border: 1px solid #aaa !important;
  height: 16px;
}
.wishlist__grid .products {
  float: left;
  width: 100%;
  border-radius: var(--product-card-corner-radius);
  -webkit-border-radius: var(--product-card-corner-radius);
  -moz-border-radius: var(--product-card-corner-radius);
  -khtml-border-radius: var(--product-card-corner-radius);
  padding: var(--product-card-corner-radius);
  overflow: hidden;
  background-color: var(--color-base-button-text-hover);
  border: 1px solid var(--color-base-border);
}

.wishlist__grid .card__information,
.compare__grid .card-information {
  min-height: auto;
}
.wishlist__grid .card__information {
  padding: 0;
}
.wishlist__grid .card__content {
  grid-template-rows: auto;
  padding: 0;
}
.wishlist .card-information__wrapper {
  padding: 10px 0 0 0;
}
.wishlist__grid .card-information__text.h5 {
  padding: 5px 0;
  display: block;
}
.wishlist img {
  border-radius: var(--product-card-corner-radius);
  -webkit-border-radius: var(--product-card-corner-radius);
  -moz-border-radius: var(--product-card-corner-radius);
  -khtml-border-radius: var(--product-card-corner-radius);
  max-width: 100%;
}
.compare__grid .card-information {
  padding: 0;
}
.wishlist__grid .product-hover {
  opacity: 1;
  top: 10px;
}
.compare__grid .product-hover {
  right: 0px;
  top: 0px;
  opacity: 1;
}
.wishlist__grid .caption-with-letter-spacing.light {
  opacity: 1;
}
.wishlist__grid .product-form {
  display: inline-block;
}
.wishlist__grid .card-information__text.card__heading {
  padding-block: 10px 12px;
}
.wish-info,
.comp-info {
  text-align: center;
  padding: 15rem 0 20rem;
  margin: 0;
}
.no_products_data {
  font-size: 20px;
  font-weight: 400;
}
.wish-info a.link,
.comp-info a.link {
  text-decoration: underline !important;
  font-size: 16px;
  text-transform: capitalize;
  color: var(--color-base-accent-2);
  font-weight: 500;
}
.wish-info a.link:hover,
.comp-info a.link:hover {
  text-decoration: none !important;
}
/* .wishlist__grid .product-form__submit.button {
  background-color: transparent;
  color: var(--color-base-accent-2);
  padding: 0;
  min-width: 0;
  min-height: 0;
  font-size: 1.3rem;
  text-decoration: underline;
}
.wishlist__grid .product-form__submit.button:hover {
  text-decoration: none;
} */
.wishlist__grid img,
.compare__grid img {
  max-width: 100%;
}
.compare__grid.grid,
.wishlist__grid.grid,
.wishlist__grid.grid.flex.container.loaded {
  margin-top: 3rem;
}
.compare__grid .card--card.card--text .card__inner,
.wishlist__grid .card--card.card--text .card__inner {
  display: block;
}
@media (max-width: 1269px) {
  .wishlist__grid.grid.flex.container.loaded {
    grid-template-columns: repeat(5, 1fr);
  }
  .compare__grid .product-card-compare {
    width: 25%;
  }
}
@media (max-width: 989px) {
  .compare__grid .product-card-compare {
    width: 33.33%;
  }
  .wishlist__grid.grid.flex.container.loaded {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 749px) {
  .wishlist__grid.grid.flex.container.loaded {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 650px) {
  .compare__grid .product-card-compare {
    width: 50%;
  }
  .wishlist__grid.grid.flex.container.loaded {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 479px) {
  .compare__grid .product-card-compare {
    width: 100%;
    max-width: 280px;
  }
  .header__icon.cm-compare-button {
    display: none;
  }
}

/********* end wishlist & compare **********/

/* Direction C — heading treatment. Not expressible as a theme setting. */
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  text-transform: uppercase;
  letter-spacing: 0.012em;
}

h1,
.h1 {
  line-height: 0.94;
}

h2,
.h2,
h3,
.h3 {
  line-height: 1.06;
}

/* Direction C — global reduced-motion guard. The .motion-reduce block above is opt-in and
   depends on markup carrying that class; this one does not. */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Direction C — scroll reveal. Both classes are applied from assets/scroll-reveal.js, never
   from markup. Nothing is hidden until that script runs, so a load failure leaves the page
   complete rather than blank. */
.sr {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 250ms ease-out, transform 250ms ease-out;
}

.sr-in {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .sr,
  .sr-in {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
   Direction C — the section spacing standard (2026-08-20)

   One token, three tiers, used for every gap between sections on the site:

     mobile   < 750px   48px
     tablet   750–989   60px
     desktop  >= 990    72px

   72px on desktop is not a new number — it is the `spacing_sections` value Phase 0
   already chose (down from the vendor's 80). This only adds the missing tablet step
   and pins mobile to the scale instead of leaving it derived (the vendor computed it
   as `spacing_sections * 0.7`, which gave 50px — close, but not a value anyone picked).

   Why redefining the vendor tokens is safe and total: `--spacing-sections-mobile` and
   `--spacing-sections-desktop` are read in exactly two places in this theme, both of
   them the `.section + .section` rule at base.css:307/314. Nothing else consumes them.
   And `{% style %}` in layout/theme.liquid sits at line 52 while base.css is linked at
   line 231, so this block is later in document order and wins at equal specificity.

   Both tokens now alias `--dc-section-gap`, which makes the vendor's own switch at
   750px a no-op — the tiers come from the media queries below, so there is one source
   of truth rather than two values that have to be kept in agreement.

   `.section + .brand-section.section` (base.css:309) still forces 0 at higher
   specificity, which is deliberate: the brand bar is meant to sit flush against the
   hero above it.
   ═══════════════════════════════════════════════════════════════════════════ */
:root {
  --dc-section-gap: 48px;
  --spacing-sections-mobile: var(--dc-section-gap);
  --spacing-sections-desktop: var(--dc-section-gap);

  /* The site's rule, as a token. It was written inline in the heading rule below and
     then needed a second time on the collection toolbar; a gradient copied by hand into
     two files is a gradient that will drift. Consumers either use it as a
     `background-image` with `background-size: 100% 2px` (any element, no pseudo-element
     needed) or as the `background` of an existing `::after`.

     The end stop is `rgb(229 229 229 / 0%)`, never `transparent`: `transparent` is
     defined as `rgba(0, 0, 0, 0)` — transparent BLACK — so a gradient interpolating to
     it travels through darkening greys as the alpha drops and the fade picks up a dirty
     shadow instead of thinning cleanly. Fade the alpha of the end colour. */
  --dc-rule-gradient: linear-gradient(
    90deg,
    #f40009 0%,
    #f40009 16%,
    #0f0f10 45%,
    #e5e5e5 75%,
    rgb(229 229 229 / 0%) 100%
  );
}

@media screen and (min-width: 750px) {
  :root {
    --dc-section-gap: 60px;
  }
}

@media screen and (min-width: 990px) {
  :root {
    --dc-section-gap: 72px;
  }
}

/* The two seams the vendor never spaced, because `.section + .section` cannot reach
   across them: section groups are body-level wrappers, not sections. `.slidershow-group`
   is a <div> holding the hero group, and <main> holds the template's own sections — they
   are siblings of each other, not of the sections inside them, so the hero group ended
   flush against the first content section with no gap at all. */
.slidershow-group {
  margin-bottom: var(--dc-section-gap);
}

main.content-for-layout + .section {
  margin-top: var(--dc-section-gap);
}

/* ═══════════════════════════════════════════════════════════════════════════
   Direction C — the section heading rule (site-wide)

   Every section title in the restructure carries the same 2px band: red bite,
   resolving into structural black, dissolving to nothing over the last quarter.
   It lives here rather than in a per-section sheet for the same reason
   `--dc-section-gap` above does — it is one element repeated across every
   section, so it needs one source of truth. It started life scoped to
   `.collection .title` inside assets/featured-collection-cards.css, and
   `collection-list` never received it: that section's wrapper is
   `.collection-list-wrapper`, not `.collection`, so it kept the vendor's
   original pair and the two sections' headings did not match.

   What it replaces: a `border-bottom: 1px solid #e5e5e5` running the full width
   PLUS a `::after` of red 2px stopping dead at 227px — two decisions meeting at a
   visible seam, reading as a short red stub with a grey line continuing out of it.

   The end stop is `rgb(229 229 229 / 0%)`, never `transparent`. `transparent` is
   defined as `rgba(0, 0, 0, 0)` — transparent BLACK — so a gradient interpolating
   to it travels through darkening greys as the alpha drops and the fade picks up a
   dirty shadow instead of thinning cleanly. Fade the alpha of the end colour.

   ── Why this targets `.title` and not a list of wrappers ───────────────────
   It used to enumerate the ancestors — `.title-wrapper`, `.collection`,
   `.collection-list-wrapper`, `.title-wrapper-with-link` — and a section whose
   wrapper was not on the list silently kept the OLD pattern instead: a solid red
   `::after` stub of 227px plus a grey `border-bottom`. That happened FOUR times,
   each found only by looking at the page — `collection-list` (2026-08-21),
   `multicolumn` and then both headings on the contact page (2026-08-24), whose
   wrappers are `.contact-us-form` and `.site-footer__address`.

   Audited before collapsing it: `.title` appears in 12 section files —
   contact-form, main-404, logo-bar, tab_collection, main-list-collections,
   special-product, related-products, featured-blog, product_tab, main-search,
   main-collection-product-grid, multicolumn — and in every one it is the section
   heading. No card, drawer or modal uses the class. So the element itself is the
   right target and the wrapper list was always an accident of how the first two
   sections happened to be nested.
   ═══════════════════════════════════════════════════════════════════════════ */
.title,
.collection-list-wrapper .collection-list-title,
.title-breadcrumbs .breadcrumb_title {
  position: relative;
  border-bottom: 0;
  color: #0f0f10;
}

/* The rule has to span the section, not the words. `collection-list` puts its title
   in `.title-wrapper-with-link`, a flex row built to hold a "view all" link beside the
   heading, so the `h2` is a flex item at `flex: 0 1 auto` and shrink-wraps to its text
   — measured 371px against the 1365px `featured-collection` title, whose wrapper is a
   plain block. Same gradient, visibly different line.

   `:only-child` is the guard: it stretches the title only when nothing shares the row.
   If a merchant switches `show_view_all` on, the link returns, the title stops being an
   only child, and it goes back to sharing the row — at which point a rule spanning only
   the heading is the correct result rather than a bug. */
.title-wrapper-with-link .title:only-child {
  flex: 1 1 100%;
}

.title::after,
.collection-list-wrapper .collection-list-title::after,
.title-breadcrumbs .breadcrumb_title::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: 2px;
  background: var(--dc-rule-gradient);
}

/* ═══════════════════════════════════════════════════════════════════════════
   Direction C — back to top

   `.top_button` is written in layout/theme.liquid:378, not in any section, so its
   override belongs here with the other site-wide rules rather than in the footer
   sheet — it appears as soon as the visitor scrolls, over whatever section happens
   to be under it, and it is only near the footer at the end of that journey.

   What it was: a 42px circle, `border-radius: 22px`, filled `var(--color-base-accent-3)`
   which resolves to the accent red, with a 2px light border (base.css:796). Two
   contract breaches in one element — every radius in this theme is 0, and red is an
   accent for rules, badges and the primary CTA, not a fill for floating furniture.

   Now: a square, `#0f0f10` at rest, `#f40009` on hover — the same one-directional
   button gesture as the hero CTA, the card CTA and the newsletter. The hairline is
   what keeps it visible once it is sitting on the black footer, where a black square
   would otherwise disappear; it is the dark-ground hairline, 12%, not the vendor's
   light border.
   ═══════════════════════════════════════════════════════════════════════════ */
.top_button {
  border-radius: 0;
  border: 1px solid rgb(255 255 255 / 12%);
  background: #0f0f10;
  transition: background-color var(--duration-short) ease;
}

.top_button:hover,
.top_button:focus-visible {
  background: #f40009;
  border-color: #f40009;
}

.top_button .icon {
  color: #ffffff;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Direction C — the drawer close ×

   Global furniture, so it lives here with the back-to-top rule rather than in a section
   sheet: `button.drawer__close` is the cart drawer's dismiss control, and the same class
   is used by any other Dawn drawer the theme opens.

   It measured `rgb(0, 0, 0)` — the vendor's default — which is invisible-ish on the cart
   drawer's white ground and inconsistent with the menu drawer's × now that that one is
   red. The path is `fill="currentColor"`, so `color` is all that is needed.

   The cart drawer itself is still unstyled (Phase 5 in docs/REDESIGN-PROGRESS.md). This is
   only the close control; the panel around it will change when that phase lands. */
button.drawer__close .icon-close,
button.drawer__close svg,
.drawer__close .icon-close {
  color: #f40009;
}