/** Shopify CDN: Minification failed

Line 6000:0 Unexpected "}"
Line 6888:21 Expected identifier but found "."
Line 7626:0 Unexpected "}"
Line 9394:45 Expected ":"
Line 10686:19 Expected identifier but found whitespace

**/
/* ============================================================================
   theme.css — consolidated core theme styles
   Single hand-authored stylesheet (vendor libs + country-flag.css stay separate).
   Cascade order preserved: foundation -> components -> sections -> page-level.

   TABLE OF CONTENTS
     1. FOUNDATION  (reset, tokens, base elements)
     2. COMPONENTS  (reusable UI: cards, price, cart, search, menus…)
     3. SECTIONS    (section-specific styles)
     4. PAGE-LEVEL  (account, login, collection/search/giftcard templates)
   ============================================================================ */

/* ############################################################################
   1. FOUNDATION  (reset, tokens, base elements)
   ############################################################################ */

/* ===== base.css ===================================================== */

@charset "UTF-8";
/* Color custom properties */
:root {
  --color-error: 187, 0, 0;
  --duration-short: 100ms;
  --duration-default: 250ms;
  --duration-long: 500ms;
  --color-price: #bb0000;
}

:root,
.color-background-1 {
  --color-foreground: var(--color-base-text);
  --color-foreground-secondary: var(--color-secondary-text);
  --color-foreground-title: var(--color-title-text);
  --color-background: var(--color-base-background-1);
  --color-background-section-border: var(--color-section-border);
  --color-background-input: var(--color-base-background-input);
  --color-border-input: var(--color-base-border-input);
  --color-border-input-hover: var(--color-hover-border-input);
  --color-announcement-bar: var(--color-announcement-bar-background);
  --color-link: var(--color-base-text);
  --alpha-link: 0.5;
  --color-button: var(--color-base-button-background);
  --color-button-text: var(--color-base-solid-button-labels);
  --color-button-secondary: var(--color-base-outline-button-labels);
  --color-button-secondary-text: var(--color-secondary-button-labels);
  --color-button-tertiary: var(--color-tertiary-button-background);
  --color-button-tertiary-text: var(--color-tertiary-button-labels);
  --alpha-button-background: 1;
  --alpha-button-border: 1;
  --color-overlay: var(--color-overlay-background);
  --color-social: 0, 0, 0;
  --color-placeholder-input: 0, 0, 0;
  --alpha-placeholder-input: 0.5;
}

.color-background-2 {
  --color-foreground: var(--color-base-text);
  --color-foreground-title: var(--color-title-text);
  --color-background: var(--color-base-background-2);
  --color-background-input: var(--color-base-background-1);
  --color-social: 0, 0, 0;
  --color-button-secondary: 255, 255, 255;
}

.color-background-3 {
  --color-background: var(--color-base-background-3);
  --color-foreground: 255, 255, 255;
  --color-link: 255, 255, 255;
  --color-foreground-title: 255, 255, 255;
  --color-foreground-secondary: 255, 255, 255;
  --color-button: 0, 0, 0;
  --color-button-text: 255, 255, 255;
  --color-button-secondary: 255, 255, 255;
  --color-card-hover: var(--color-base-background-1);
  --color-social: 255, 255, 255;
  --color-accent: 255, 255, 255;
}

.color-background-4 {
  --color-background: var(--color-base-background-4);
  --color-foreground: 255, 255, 255;
  --color-foreground-secondary: 255, 255, 255;
  --color-link: 255, 255, 255;
  --color-foreground-title: 255, 255, 255;
  --color-button: var(--color-base-solid-button-labels);
  --color-button-text: var(--color-base-button-background);
  --color-button-secondary: 255, 255, 255;
  --color-card-hover: var(--color-base-background-1);
  --alpha-button-border: 0.3;
  --color-social: 255, 255, 255;
}

.color-background-5 {
  --color-background: var(--color-base-background-5);
  --color-social: 0, 0, 0;
}

.color-inverse {
  --color-foreground: 255, 255, 255;
  --color-foreground-secondary: 255, 255, 255;
  --color-link: 255, 255, 255;
  --color-foreground-title: 255, 255, 255;
  --color-background: var(--color-base-text);
  --color-background-input: var(--color-base-text);
  --color-button: var(--color-base-solid-button-labels);
  --color-button-text: var(--color-base-button-background);
  --color-button-secondary: 255, 255, 255;
  --color-card-hover: var(--color-base-background-1);
  --alpha-button-border: 0.3;
  --color-social: 255, 255, 255;
  --color-border-input: 255, 255, 255;
  --color-border: 150, 150, 150;
  --color-border-input-hover: 232, 232, 232;
  --alpha-link: 0.5;
  --color-button-secondary-text: 255, 255, 255;
  --color-button-tertiary-text: 255, 255, 255;
  --alpha-button-background: 1;
  --color-overlay: 31, 31, 31;
  --color-background-card: 31, 31, 31;
  --color-accent: 255, 255, 255;
  --color-base-border-input: 255, 255, 255;
  --color-placeholder-input: 255, 255, 255;
  --color-base-text-default: 255, 255, 255;
  --alpha-placeholder-input: 1;
}

.color-background-w {
  background-color: #ffffff;
}

.color-background-2,
.color-inverse {
  --color-link: var(--color-background));
  --alpha-link: 0.5;
}

.color-background-2,
.color-inverse {
  --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);
}
.container {
  width: 100%;
  padding-right: 2rem;
  padding-left: 2rem;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 990px) {
  .container {
    padding-right: 4rem;
    padding-left: 4rem;
  }
}
@media screen and (min-width: 1760px) {
  .container {
    max-width: 1840px;
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 2rem;
  padding-left: 2rem;
  margin-right: auto;
  margin-left: auto;
}

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

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

html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

.no-js .testimonials--carousel .swiper-wrapper {
  gap: 0.8rem;
}
.no-js .about .swiper-wrapper {
  gap: 0.8rem;
}
.no-js .product-carousel .swiper-wrapper {
  gap: 0.8rem;
}
.no-js .sorting .button {
  margin: 0;
  padding-top: 0;
  min-height: 4rem;
}
.no-js .product .product-form__input .icon-caret {
  position: absolute;
  content: "";
  height: 1.3rem;
  right: 2rem;
  top: calc(50% - 0.5rem);
}
.no-js .product .product-form__input select {
  background-color: rgb(var(--color-background-input));
  border-radius: 3px;
  border: 0.1rem solid rgb(var(--color-border-input));
  padding: 2rem 5rem 2rem 2rem;
}
.no-js .product .product-form__checkout {
  display: none;
}
.no-js .product .product__outer {
  margin-left: 0;
}
.no-js .product .product__media-wrapper {
  max-width: unset;
}
.no-js .product .product__media-subitem {
  opacity: 1;
  width: 48% !important;
  height: 100%;
  cursor: default;
}
.no-js .product .product__media img {
  display: block;
}
.no-js .product .product__media-sublist {
  padding: 0;
  display: flex !important;
  gap: 0.8rem;
  flex-wrap: wrap;
}
.no-js .product .product__media-sublist.js-media-sublist {
  display: none !important;
}
.no-js .image-slider .swiper-wrapper {
  flex-wrap: wrap;
}
.no-js .image-parallax .image-parallax-item img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  object-fit: cover;
}

.page-width {
  max-width: 139.6rem;
  margin: 0 auto;
  padding: 0 2.5rem;
}

@media screen and (min-width: 750px) {
  .page-width {
    padding: 0 5rem;
  }
  .page-width--narrow {
    padding: 0 9rem;
  }
}
@media screen and (min-width: 990px) {
  .page-width--narrow {
    max-width: 72.6rem;
    padding: 0;
  }
}
.section-border-top {
  padding-top: 5rem;
}
.section-border-top__inner {
  position: relative;
}
.section-border-top__inner:before {
  content: "";
  position: absolute;
  width: calc(100% - 4rem);
  height: 1px;
  left: 50%;
  transform: translateX(-50%);
  top: -5rem;
  background-color: rgba(var(--color-foreground), 0.2);
}

body,
.color-background-1,
.color-background-2,
.color-background-3,
.color-background-4,
.color-background-5,
.color-inverse {
  color: rgb(var(--color-foreground));
  background-color:#ffffff;
}

.background-secondary {
  background-color: rgba(var(--color-foreground), 0.04);
  padding: 4rem 0 5rem;
}

@media screen and (min-width: 750px) {
  .background-secondary {
    padding: 6rem 0 5rem;
  }
}
.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;
}

.visibility-hidden {
  visibility: hidden;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow--hidden {
  overflow: hidden;
}

/* base-details-summary */
summary {
  cursor: pointer;
  list-style: none;
  position: relative;
}

summary .icon-caret {
  position: absolute;
  height: 2rem;
  right: 0;
  top: calc(50% - 1rem);
  color: rgb(var(--color-accent));
}

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

/* Swiper styles */
.swiper-btn {
  display: none;
  align-items: center;
  justify-content: center;
  width: 6.4rem;
  height: 6.4rem;
  border-radius: 50%;
  opacity: 0.5;
  background-color: rgb(var(--color-button-secondary));
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  cursor: pointer;
  transition: var(--duration-default);
}
@media (min-width: 990px) {
  .swiper-btn {
    display: flex;
  }
}
.swiper-btn:hover {
  opacity: 1;
  box-shadow: 0 4rem 6rem rgba(0, 0, 0, 0.05);
}
.swiper-btn svg {
  transition: var(--duration-default);
}
.swiper-btn--prev {
  left: 4rem;
}
.swiper-btn--prev:hover svg {
  transform: translateX(-0.5rem);
}
.swiper-btn--next {
  right: 4rem;
}
.swiper-btn--next:hover svg {
  transform: translateX(0.5rem);
}
.swiper-btn.swiper-button-disabled {
  cursor: default;
  opacity: 0.3;
}
.swiper-btn.swiper-button-disabled:hover svg {
  transform: none;
}

/* Animation */
@keyframes translate {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-40rem, 0, 0);
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Light header on dark bg */
.header-wrapper--overlay .header__menu-item {
  transition: none;
}

body:not(.body--hidden) .shopify-section-header:not(.shopify-section-header-sticky.animate) .header-wrapper--overlay .header__offcanvas-toggle .header__offcanvas-toggle-link {
  color: #fff;
}
body:not(.body--hidden) .shopify-section-header:not(.shopify-section-header-sticky.animate) .header-wrapper--overlay .header__heading-link > * {
  color: #fff;
}

@media (prefers-color-scheme: light) {
  .shopify-section-header:not(.shopify-section-header-sticky.animate) .header-wrapper--overlay .header__heading .header__heading-logo--overlay,
  .shopify-section-header:not(.shopify-section-header-sticky.animate) .header-wrapper--overlay .header__heading-link .header__heading-logo--overlay {
    display: block;
  }
  .shopify-section-header:not(.shopify-section-header-sticky.animate) .header-wrapper--overlay .header__heading .header__heading-logo:not(.header__heading-logo--overlay),
  .shopify-section-header:not(.shopify-section-header-sticky.animate) .header-wrapper--overlay .header__heading-link .header__heading-logo:not(.header__heading-logo--overlay) {
    display: none;
  }
  .shopify-section-header:not(.shopify-section-header-sticky.animate) .header-wrapper--overlay .header__heading .header__heading-logo:only-child,
  .shopify-section-header:not(.shopify-section-header-sticky.animate) .header-wrapper--overlay .header__heading-link .header__heading-logo:only-child {
    display: block !important;
  }
  .shopify-section-header:not(.shopify-section-header-sticky.animate) .header-wrapper--overlay .header__offcanvas .header__heading-logo--overlay {
    display: none;
  }
  .shopify-section-header:not(.shopify-section-header-sticky.animate) .header-wrapper--overlay .header__offcanvas .header__heading-logo:not(.header__heading-logo--overlay) {
    display: block;
  }
}
@media (prefers-color-scheme: dark) {
  .header__heading-logo:first-child:nth-last-child(2) {
    display: none;
  }
  .header__heading-logo:first-child:nth-last-child(2) ~ .header__heading-logo {
    display: block;
  }
  .header__heading-logo:first-child:nth-last-child(1) {
    display: none;
  }
  .header__heading-logo:only-child {
    display: block !important;
  }
}
.shopify-section-header:not(.shopify-section-header-sticky.animate) .header-wrapper--overlay {
  background-color: transparent;
  /*.header__heading-logo:not(.header__heading-logo--overlay).hide {
  	display: none;
  }

  .header__heading-logo--overlay.show {
  	display: block;
  }*/
}
.shopify-section-header:not(.shopify-section-header-sticky.animate) .header-wrapper--overlay > *,
.shopify-section-header:not(.shopify-section-header-sticky.animate) .header-wrapper--overlay .disclosure__button {
  background-color: transparent;
  transition: none;
}
.shopify-section-header:not(.shopify-section-header-sticky.animate) .header-wrapper--overlay .header__menu-item:not(.header__submenu .header__menu-item),
.shopify-section-header:not(.shopify-section-header-sticky.animate) .header-wrapper--overlay .header__icon .header__icon-name,
.shopify-section-header:not(.shopify-section-header-sticky.animate) .header-wrapper--overlay .currency-country,
.shopify-section-header:not(.shopify-section-header-sticky.animate) .header-wrapper--overlay .header__icon .icon-hamburger {
  color: #fff;
}
.shopify-section-header:not(.shopify-section-header-sticky.animate) .header-wrapper--overlay .header__menu-item .header__active-menu-item {
  color: #fff;
}
.shopify-section-header:not(.shopify-section-header-sticky.animate) .header-wrapper--overlay .header__menu-item > span:not(.header__active-menu-item)::after,
.shopify-section-header:not(.shopify-section-header-sticky.animate) .header-wrapper--overlay .header__icon .header__icon-name::before,
.shopify-section-header:not(.shopify-section-header-sticky.animate) .header-wrapper--overlay .currency-country::after {
  background-color: rgb(var(--color-accent));
}
.shopify-section-header:not(.shopify-section-header-sticky.animate) .header-wrapper--overlay .header__menu-item span:not(.header__active-menu-item) > span:after,
.shopify-section-header:not(.shopify-section-header-sticky.animate) .header-wrapper--overlay .header__icon-name span:after,
.shopify-section-header:not(.shopify-section-header-sticky.animate) .header-wrapper--overlay .header__localization .localization-selector.link:hover .icon-caret,
.shopify-section-header:not(.shopify-section-header-sticky.animate) .header-wrapper--overlay .link--text.header__icon:hover .icon,
.shopify-section-header:not(.shopify-section-header-sticky.animate) .header-wrapper--overlay .header__search:hover .modal__toggle-open {
  color: #fff;
}
.shopify-section-header:not(.shopify-section-header-sticky.animate) .header-wrapper--overlay .icon-light-mode,
.shopify-section-header:not(.shopify-section-header-sticky.animate) .header-wrapper--overlay .icon-dark-mode,
.shopify-section-header:not(.shopify-section-header-sticky.animate) .header-wrapper--overlay .icon-search,
.shopify-section-header:not(.shopify-section-header-sticky.animate) .header-wrapper--overlay .header__icon--account > .icon-account,
.shopify-section-header:not(.shopify-section-header-sticky.animate) .header-wrapper--overlay .icon-cart {
  color: white;
  transition: none;
}
.shopify-section-header:not(.shopify-section-header-sticky.animate) .header-wrapper--overlay .icon.icon-close {
  color: rgb(var(--color-button));
}
.shopify-section-header:not(.shopify-section-header-sticky.animate) .header-wrapper--overlay .icon.icon-caret:not(.header__menu-item .icon-caret) {
  color: white;
  transition: none;
}
.shopify-section-header:not(.shopify-section-header-sticky.animate) .header-wrapper--overlay .header__submenu .icon.icon-caret {
  color: rgb(var(--color-accent));
}

/* Typography */
h1,
h2,
h3,
h4,
h5,
h6,
.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-letter-spacing) * 0.1);
  color: rgb(var(--color-foreground-title));
  line-height: var(--font-heading-line-height);
  word-wrap: break-word;
  max-width: 100%;
}

.h0 {
  font-size: 50px;
}

@media only screen and (min-width: 750px) {
  .h0 {
    font-size: 100px;
  }
}

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

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

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

@media only screen and (min-width: 750px) {
  h4,
  .h4 {
    font-size: var(--font-heading-h4-size);
  }
}
h5,
.h5 {
  font-size: var(--font-heading-h5-size);
}

h6,
.h6 {
  font-size: var(--font-heading-h6-size);
}

a {
  color: rgba(var(--color-foreground));
  text-decoration-color: rgb(var(--color-accent));
  text-underline-offset: 0.6rem;
}

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

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

hr {
  display: block;
  margin-block: 5rem;
  width: 100%;
  height: 0.1rem;
  background-color: rgb(var(--color-border));
  border: none;
}

.caption {
  font-size: 1rem;
  letter-spacing: 0.07rem;
  line-height: 1.7;
}

@media screen and (min-width: 750px) {
  .caption {
    font-size: 1.2rem;
  }
}
.caption-with-letter-spacing {
  margin-top: 1rem;
  font-size: 1.2rem;
}

.caption-large,
.form__label {
  text-transform: uppercase;
  font-weight: 600;
  color: rgba(var(--color-foreground));
}

@media screen and (max-width: 749px) {
  .small-hide {
    display: none;
  }
}
@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;
  }
}
.center {
  text-align: center;
}

.right {
  text-align: right;
}

.uppercase {
  text-transform: uppercase;
}

.light {
  opacity: 0.7;
}

.link {
  cursor: pointer;
  display: inline-block;
  border: none;
  box-shadow: none;
  text-decoration: underline;
  text-underline-offset: 0.3rem;
  color: rgb(var(--color-link));
  background-color: transparent;
  font-size: 1.5rem;
  transition: var(--duration-default);
}

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

.circle-divider::after {
  content: "•";
  margin: 0 8px 0 8px;
}

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

.line-divider {
  align-items: center;
  justify-content: center;
}

.line-divider::after {
  content: "";
  display: inline-flex;
  width: 15px;
  height: 1px;
  margin: 0 8px 0 8px;
  background: rgba(var(--color-foreground), 0.6);
}

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

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

@media (prefers-reduced-motion) {
  .motion-reduce {
    transition: none !important;
  }
}
.underlined-link {
  color: rgba(var(--color-link), var(--alpha-link));
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 0.1rem;
  transition: text-decoration-thickness ease 100ms;
}

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

.link-hover-line {
  position: relative;
}
.link-hover-line::after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  width: 0;
  height: 0.1rem;
  background-color: currentColor;
  transition: width var(--duration-default);
}
.link-hover-line:hover::after {
  width: 100%;
}

.link-hover-line-outer span {
  position: relative;
}
.link-hover-line-outer span::after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  width: 0;
  height: 0.1rem;
  background-color: rgb(var(--color-accent));
  transition: width var(--duration-default);
}
.link-hover-line-outer:hover span::after {
  width: 100%;
}

.link-hover-arrow svg {
  opacity: 0;
  transition: opacity var(--duration-default);
}
.link-hover-arrow:hover svg {
  opacity: 1;
}

.link-hover-line-long {
  background: no-repeat 0 calc(100% - 4px);
  background-image: linear-gradient(rgb(var(--color-accent)), rgb(var(--color-accent)));
  background-size: 0% 0.1rem;
  transition-property: background-size;
  transition-duration: var(--duration-default);
  transition-timing-function: ease;
}
.link-hover-line-long:hover {
  background-size: 100% 0.1rem;
}

/* Component-title */
.title {
  margin: 3rem 0 2rem;
}

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

.title--primary {
  margin: 4rem 0;
}

.title--page {
  text-align: center;
}

.title--section > * {
  margin: 0;
}

.title--section-mt-none {
  margin: 0 0 3rem 0;
}

.title--section-m-none {
  margin: 0;
}

@media screen and (min-width: 990px) {
  .title {
    margin: 5rem 0 3rem;
  }
  .title--primary {
    margin: 2rem 0;
  }
}
.page-header {
  margin-bottom: 1.5rem;
  padding-top: 1.5rem;
  padding-bottom: 2rem;
  text-align: center;
}

.page-header .title--page {
  margin-bottom: 0;
  margin-top: 0;
}

.page-header .title--page:not(:first-child) {
  margin-bottom: 1.5rem;
}

@media screen and (min-width: 750px) {
  .page-header {
    margin-bottom: 2rem;
    padding-top: 2.6rem;
  }
}
.subtitle {
  font-family: var(--font-subtitle-family);
  font-weight: var(--font-subtitle-weight);
  font-style: var(--font-subtitle-style);
  letter-spacing: var(--font-subtitle-letter-spacing);
  text-transform: var(--font-subtitle-text-transform);
  font-size: var(--font-subtitle-size);
  color: rgb(var(--color-subheading));
}
.subtitle:not(:only-child) {
  margin-bottom: 0.8rem;
}

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

.subtitle--wrapper {
  font-family: var(--font-subtitle-family);
  font-weight: var(--font-subtitle-weight);
  font-style: var(--font-subtitle-style);
  letter-spacing: var(--font-subtitle-letter-spacing);
  text-transform: var(--font-subtitle-text-transform);
  font-size: var(--font-subtitle-size);
  color: rgb(var(--color-subheading));
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.8rem 0;
}
.subtitle--wrapper:not(:only-child) {
  margin-bottom: 0.8rem;
}
.subtitle--wrapper span {
  display: flex;
  align-items: center;
}
.subtitle--wrapper span:last-child::after {
  display: none;
}
.subtitle--wrapper span::after {
  content: "";
  width: 1.5rem;
  height: 0.1rem;
  margin: 0 0.8rem;
  background-color: rgb(var(--color-subheading));
}
@media screen and (min-width: 576px) {
  .subtitle--wrapper span::after {
    width: 3rem;
  }
}
@media screen and (min-width: 990px) {
  .subtitle--wrapper span::after {
    width: 6rem;
  }
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .slider--tablet.grid--peek .grid__item {
    width: calc(25% - 3rem);
  }
  .slider--tablet.grid--peek.grid--3-col-tablet .grid__item {
    width: calc(33.33% - 2.6666666667rem);
  }
  .slider--tablet.grid--peek.grid--2-col-tablet .grid__item {
    width: calc(50% - 2rem);
  }
  .slider--tablet.grid--peek .grid__item:first-of-type {
    padding-left: 1.5rem;
  }
  .slider--tablet.grid--peek .grid__item:last-of-type {
    padding-right: 1.5rem;
  }
}
@media screen and (max-width: 989px) {
  .slider--tablet.grid--peek {
    margin: 0;
    width: 100%;
  }
  .slider--tablet.grid--peek .grid__item {
    box-sizing: content-box;
    margin: 0;
  }
}
.slider-btns {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 3rem;
}

.slider-btn {
  flex: none;
  padding: 0;
  width: 6.2rem;
  height: 3rem;
  color: rgba(var(--color-foreground-title), 1);
  background: none;
  border: none;
  border-radius: none;
  transition: var(--duration-default);
  transform: scale(1);
  cursor: pointer;
}

@media screen and (min-width: 1330px) {
  .slider-btn--next:hover {
    transform: translateX(0.5rem);
  }
  .slider-btn--prev:hover {
    transform: translateX(-0.5rem);
  }
}
@media screen and (max-width: 768px) {
  .slider-btn {
    width: 3rem;
  }
}
/* Media */
.media {
  display: block;
  /* background-color: rgba(var(--color-foreground), 0.3); */
  position: relative;
  overflow: hidden;
}

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

.media > *:not(.zoom, .deferred-media__poster-button, .card__link),
.media model-viewer,
.card-wrapper__link--overlay:empty {
  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 var(--duration-long), transform var(--duration-long);
}

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

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

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

/* Button */
/* Button - default */
.button,
.customer .button {
  font-family: var(--font-button-family);
  font-weight: var(--font-button-weight);
  font-style: var(--font-button-style);
  text-transform: var(--font-button-text-transform);
  letter-spacing: var(--font-button-letter-spacing);
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  text-decoration: none;
  border: 1px solid;
  border-radius: 4px;
  transition: var(--duration-default);
  font-size: 1.2rem;
  line-height: 1;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  z-index: 1;
}
.button svg,
.customer .button svg {
  flex: none;
  width: 1rem;
  height: 1rem;
}
.button--primary, .button--secondary, .button--tertiary, .button--link,
.customer .button--primary,
.customer .button--secondary,
.customer .button--tertiary,
.customer .button--link {
  min-width: 10rem;
  min-height: 5.9rem;
  padding: 0 4.5rem;
}
.button--primary svg, .button--secondary svg, .button--tertiary svg, .button--link svg,
.customer .button--primary svg,
.customer .button--secondary svg,
.customer .button--tertiary svg,
.customer .button--link svg {
  opacity: 0;
  transform: translateX(-5px);
  transition: var(--duration-default);
}
.button--primary span, .button--secondary span, .button--tertiary span, .button--link span,
.customer .button--primary span,
.customer .button--secondary span,
.customer .button--tertiary span,
.customer .button--link span {
  transition: var(--duration-default);
  transform: translateX(5px);
}
.button--primary:hover svg, .button--secondary:hover svg, .button--tertiary:hover svg, .button--link:hover svg,
.customer .button--primary:hover svg,
.customer .button--secondary:hover svg,
.customer .button--tertiary:hover svg,
.customer .button--link:hover svg {
  opacity: 1;
  transform: translateX(0);
}
.button--primary:hover span, .button--secondary:hover span, .button--tertiary:hover span, .button--link:hover span,
.customer .button--primary:hover span,
.customer .button--secondary:hover span,
.customer .button--tertiary:hover span,
.customer .button--link:hover span {
  transform: translateX(-7px);
}
.button--primary,
.customer .button--primary {
  background-color: rgba(var(--color-button));
  color: rgb(var(--color-button-text));
  border-color: rgba(var(--color-button));
}
.button--primary svg,
.customer .button--primary svg {
  color: rgb(var(--color-button-text));
}
.button--secondary,
.customer .button--secondary {
  background-color: rgba(var(--color-button-secondary));
  color: rgb(var(--color-button-secondary-text));
  border-color: rgba(var(--color-button-secondary));
}
.button--secondary svg,
.customer .button--secondary svg {
  color: rgb(var(--color-button-secondary-text));
}
.button--tertiary,
.customer .button--tertiary {
  background-color: rgb(var(--color-button-tertiary-text));
  color: #FFF;
  border-color: rgba(var(--color-button-tertiary-text));
}
.button--tertiary svg,
.customer .button--tertiary svg {
  color: rgba(var(--color-button-tertiary-text));
}
.button--simple,
.customer .button--simple {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background-color: transparent;
  color: rgb(var(--color-button-tertiary-text));
  border-color: rgba(var(--color-button-tertiary-text));
}
.button--simple svg,
.customer .button--simple svg {
  width: 0.8rem;
  height: 0.8rem;
}
.button--simple:hover,
.customer .button--simple:hover {
  background-color: rgba(var(--color-button-tertiary-text));
  color: #ffffff;
}
.button--arrow,
.customer .button--arrow {
  gap: 0.8rem;
}
.button--arrow svg,
.customer .button--arrow svg {
  opacity: 1;
  transform: translateX(0);
}
.button--arrow:hover span,
.customer .button--arrow:hover span {
  transform: translateX(0);
}
.button--arrow:hover svg,
.customer .button--arrow:hover svg {
  transform: translate(3px, -3px);
}
.button--full-width,
.customer .button--full-width {
  display: flex;
  width: 100%;
}
.button--link,
.customer .button--link {
  font-size: var(--font-text-card-size);
  height: 3.1rem;
  text-decoration: underline;
  border: none;
}
/* .button.loading,
.customer .button.loading {
  color: transparent;
}
.button.loading:after,
.customer .button.loading:after {
  animation: loading var(--duration-long) infinite linear;
  border: 0.5rem solid rgba(var(--color-button-text), 0.4);
  border-left: 0.5rem solid rgb(var(--color-button-text));
  border-radius: 100%;
  box-sizing: content-box;
  content: "";
  display: block;
  height: 2rem;
  position: absolute;
  width: 2rem;
  margin: auto;
} */
.customer .button.loading {
  color: transparent;
}
.customer .button.loading:after
{
  animation: loading var(--duration-long) infinite linear;
  border: 0.5rem solid rgba(var(--color-button-text), 0.4);
  border-left: 0.5rem solid rgb(var(--color-button-text));
  border-radius: 100%;
  box-sizing: content-box;
  content: "";
  display: block;
  height: 2rem;
  position: absolute;
  width: 2rem;
  margin: auto;
}

/* Button - other */
.button:disabled,
.button[aria-disabled=true],
.button.disabled,
.customer button:disabled,
.customer button[aria-disabled=true],
.customer button.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Button - social share */
.share-button {
  display: block;
  position: relative;
  margin-top: 1rem;
}

.share-button__button {
  padding: 0;
  box-shadow: none;
  background: none;
  text-transform: none;
  font-weight: 500;
  justify-content: flex-start;
}

.share-button .share-button__button:hover {
  box-shadow: none;
}

.share-button .share-button__button:focus {
  box-shadow: none;
  border: none;
}

.share-button__button .icon-share {
  margin-right: 1rem;
}

.share-button__fallback {
  border: 0.1rem solid rgba(var(--color-foreground), 0.1);
  background: rgb(var(--color-background));
  padding: 2rem;
  position: absolute;
  top: 4rem;
  left: -0.1rem;
  z-index: 3;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.share-button__fallback .button {
  margin-top: 1rem;
}

.share-button__fallback .icon-clipboard {
  height: 1.4rem;
  width: 1.8rem;
}

.share-button__message:not(:empty) {
  font-size: 1.2rem;
  text-align: right;
  display: block;
  margin-top: 0.5rem;
}

/* Button - social share new */
.share-buttons {
  display: inline-flex;
  position: relative;
  margin-top: 0;
}

.share-buttons:hover .share-buttons__list {
  opacity: 1;
  visibility: visible;
  top: 100%;
}

.share-buttons__label {
  display: inline-flex;
  align-items: center;
  padding: 1rem 0;
  cursor: pointer;
}

.share-buttons__label-name {
  font-size: 1.2rem;
}

.share-buttons__label .icon-share {
  width: 1.2rem;
  margin-right: 1rem;
}

.share-buttons__label .icon-share path {
  fill: rgba(var(--color-foreground));
}

.share-buttons__list {
  position: absolute;
  width: 17rem;
  top: 50%;
  display: flex;
  flex-direction: column;
  padding: 1.3rem 2.2rem;
  margin: 0;
  list-style: none;
  opacity: 0;
  visibility: hidden;
  transition: var(--duration-default);
  background-color: rgba(var(--color-base-background-2));
  border: 0.1rem solid rgba(var(--color-foreground), 0.2);
  z-index: 10;
}

.share-buttons__list:before {
  content: "";
  position: absolute;
  width: 1rem;
  height: 1rem;
  background-color: rgba(var(--color-base-background-2));
  border: 0.1rem solid rgba(var(--color-foreground), 0.2);
  top: -0.5rem;
  left: 2rem;
  transform: rotate(53deg) skew(15deg);
}

.share-buttons__list:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.7rem;
  background-color: rgba(var(--color-base-background-2));
}

.share-buttons__item a {
  color: rgba(var(--color-foreground), 0.75);
  transition: var(--duration-default);
}

.share-buttons__item a:hover {
  color: rgba(var(--color-foreground));
}

.share-buttons__item .icon {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 1.5rem;
}

.share-buttons__item .icon-copy {
  transform: rotate(-45deg);
}

.share-buttons__button {
  display: flex;
  align-items: center;
  width: 100%;
  text-decoration: none;
  padding: 0.5rem 0;
}

.share-button__name {
  font-size: 1.2rem;
  transition: var(--duration-default);
}

.share-button__icon {
  display: flex;
  align-items: center;
  color: rgb(var(--color-foreground));
  padding: 0.8rem;
  background-color: rgb(var(--color-scondary-element-background));
  border-radius: 100%;
  transition: var(--duration-default);
}

.share-buttons__button:hover .share-button__icon {
  background-color: rgb(var(--color-scondary-element-background), 0.5);
}

.share-buttons-simple {
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: center;
  margin: 0;
}

.share-buttons-simple .icon {
  width: 1.5rem;
  height: 1.5rem;
  color: rgb(var(--color-button));
}

.share-buttons-simple .icon-copy {
  transform: rotate(-45deg);
}

.share-buttons-simple__button {
  display: block;
  padding: 0.8rem;
  transition: var(--duration-default);
}

.share-buttons-simple__button:hover {
  color: rgba(var(--color-foreground), 0.2);
}

.modal-close-button {
  color: rgb(var(--color-foreground));
  cursor: pointer;
  text-decoration: none;
  font-weight: 700;
  font-size: 1rem;
  background: transparent;
  border: none;
}
.modal-close-button span {
  margin-left: 0.4rem;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 10px;
  letter-spacing: 0.06em;
}
.modal-close-button .icon-close {
  width: 0.85rem;
  height: 0.85rem;
  transition: var(--duration-default) ease;
}
.modal-close-button:hover .icon-close {
  transform: rotate(90deg);
}

.fancybox-close-button {
  position: absolute;
  top: 2rem;
  right: 2rem;
}

.swiper-buttons {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 5.4rem;
  padding: 1rem;
  width: 14rem;
  height: 6.4rem;
  font-family: var(--font-button-family);
  font-weight: var(--font-button-weight);
  font-style: var(--font-button-style);
  text-transform: var(--font-button-text-transform);
  letter-spacing: var(--font-button-letter-spacing);
  color: rgb(var(--color-button-text));
  text-decoration: none;
  border: 0;
  font-size: 1.2rem;
  line-height: 1;
  z-index: 1;
  cursor: pointer;
}
.swiper-buttons::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(var(--color-button));
  border-radius: 6rem;
  transition: transform var(--duration-short);
}
@media screen and (min-width: 1200px) {
  .swiper-buttons:hover::before {
    transform: scale(1.05);
  }
}
.swiper-buttons.swiper-buttons--secondary::before {
  background-color: rgb(var(--color-base-outline-button-labels));
}
.swiper-buttons.swiper-buttons--secondary .swiper-button-next,
.swiper-buttons.swiper-buttons--secondary .swiper-button-prev,
.swiper-buttons.swiper-buttons--secondary .swiper-pagination {
  color: rgb(var(--color-button-secondary-text));
}
.swiper-buttons.swiper-buttons--secondary .icon {
  color: rgb(var(--color-button));
}
.swiper-button-next,
.swiper-button-prev,
.swiper-pagination {
  position: static;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  color: rgb(var(--color-button-text));
}

.swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.1rem;
}

.swiper-button-next,
.swiper-button-prev {
  position: static;
  flex: none;
  width: 4.4rem;
  height: 4.4rem;
}
.swiper-button-next .icon,
.swiper-button-prev .icon {
  flex: none;
  width: 1.6rem;
  height: 1.6rem;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  display: none;
}

.button-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 6.4rem;
}
.button-wrapper .button {
  min-width: 17.6rem;
}
.button-wrapper .button svg {
  width: 2rem;
  height: 2rem;
}

.infinite-scroll__loading {
  display: flex;
  justify-content: center;
  margin-top: 6.4rem;
  color: rgba(var(--color-button-tertiary-text), var(--alpha-button-background));
}
.infinite-scroll__loading .spinner {
  display: none;
  width: 2rem;
  height: 2rem;
}
.infinite-scroll__loading.loading .spinner {
  display: block;
}

.scroll-top {
  cursor: pointer;
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  width: 3.2rem;
  height: 3.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(var(--color-button), 0.5);
  border: none;
  border-radius: 50%;
  opacity: 0;
  z-index: 9999999;
  transition: var(--duration-default);
}
.scroll-top svg {
  width: 1.6rem;
  height: 1.6rem;
  fill: rgb(var(--color-button-text));
}
.scroll-top.show {
  opacity: 1;
}
.scroll-top:hover {
  background-color: rgba(var(--color-button), 1);
}

/* Form */
.field {
  position: relative;
  width: 100%;
  min-height: 5.5rem;
  display: flex;
}
.field label {
  position: relative;
  transition: var(--duration-short);
}
.field input[type=text],
.field input[type=email],
.field input[type=tel],
.field input[type=search],
.field input[type=password],
.field select,
.field .field__input {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  -webkit-appearance: none;
  appearance: none;
  background-color: rgb(var(--color-background-input));
  border-radius: 0.4rem;
  color: rgb(var(--color-base-text));
  font-size: 1.4rem;
  width: 100%;
  border: 0.1rem solid rgb(var(--color-border-input));
  height: 5.5rem;
  box-sizing: border-box;
  transition: border var(--duration-default);
}
@media screen and (max-width: 750px) {
  .field input[type=text],
  .field input[type=email],
  .field input[type=tel],
  .field input[type=search],
  .field input[type=password],
  .field select,
  .field .field__input {
    font-size: 1.6rem;
  }
}
.field input[type=text]:hover, .field input[type=text]:focus,
.field input[type=email]:hover,
.field input[type=email]:focus,
.field input[type=tel]:hover,
.field input[type=tel]:focus,
.field input[type=search]:hover,
.field input[type=search]:focus,
.field input[type=password]:hover,
.field input[type=password]:focus,
.field select:hover,
.field select:focus,
.field .field__input:hover,
.field .field__input:focus {
  border-color: rgb(var(--color-border-input-hover));
}
.field input[type=text]:focus-visible, .field input[type=text]:focus,
.field input[type=email]:focus-visible,
.field input[type=email]:focus,
.field input[type=tel]:focus-visible,
.field input[type=tel]:focus,
.field input[type=search]:focus-visible,
.field input[type=search]:focus,
.field input[type=password]:focus-visible,
.field input[type=password]:focus,
.field select:focus-visible,
.field select:focus,
.field .field__input:focus-visible,
.field .field__input:focus {
  outline: none;
}
.field input[type=search] {
  border: 2px solid rgb(var(--color-accent));
}
.field input[type=search]::-webkit-search-cancel-button {
  display: none;
}
.field input[type=search]::placeholder {
  color: rgb(var(--color-foreground));
}
.field input[type=text],
.field input[type=email],
.field input[type=tel],
.field input[type=password],
.field .field__input {
  flex-grow: 1;
  padding: 2.5rem 1.8rem 0.7rem;
  text-align: left;
}
.field input[type=text]::-webkit-search-cancel-button,
.field input[type=email]::-webkit-search-cancel-button,
.field input[type=tel]::-webkit-search-cancel-button,
.field input[type=password]::-webkit-search-cancel-button,
.field .field__input::-webkit-search-cancel-button {
  display: none;
}
.field input[type=text]::placeholder,
.field input[type=email]::placeholder,
.field input[type=tel]::placeholder,
.field input[type=password]::placeholder,
.field .field__input::placeholder {
  opacity: 0;
}
.field input[type=text][required] + label:after,
.field input[type=email][required] + label:after,
.field input[type=tel][required] + label:after,
.field input[type=password][required] + label:after,
.field .field__input[required] + label:after {
  content: "*";
  display: inline-block;
  position: relative;
  top: -1.3rem;
  font-size: 1rem;
  color: #bb0000;
  padding-left: 0.3rem;
  transition: 0.3s;
}
.field input[type=text][aria-invalid],
.field input[type=email][aria-invalid],
.field input[type=tel][aria-invalid],
.field input[type=password][aria-invalid],
.field .field__input[aria-invalid] {
  border: 1px solid #bb0000 !important;
}
.field input[type=text] + label,
.field input[type=email] + label,
.field input[type=tel] + label,
.field input[type=password] + label,
.field .field__input + label {
  position: absolute;
  left: 1.8rem;
  top: 50%;
  transform: translateY(-50%);
  visibility: visible;
  opacity: 1;
  pointer-events: none;
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: none;
  color: rgba(var(--color-placeholder-input), var(--alpha-placeholder-input));
}
.field input[type=text] + label:before,
.field input[type=email] + label:before,
.field input[type=tel] + label:before,
.field input[type=password] + label:before,
.field .field__input + label:before {
  content: attr(placeholder);
  display: inline-block;
  position: relative;
  top: -1.3rem;
  font-size: 1rem;
  transition: 0.3s;
  color: rgba(var(--color-secondary-text));
}
.field input[type=text]:placeholder-shown + label::before, .field input[type=text]:placeholder-shown + label::after,
.field input[type=email]:placeholder-shown + label::before,
.field input[type=email]:placeholder-shown + label::after,
.field input[type=tel]:placeholder-shown + label::before,
.field input[type=tel]:placeholder-shown + label::after,
.field input[type=password]:placeholder-shown + label::before,
.field input[type=password]:placeholder-shown + label::after,
.field .field__input:placeholder-shown + label::before,
.field .field__input:placeholder-shown + label::after {
  font-size: 1.4rem;
  top: -1px;
}
@media screen and (max-width: 750px) {
  .field input[type=text]:placeholder-shown + label::before, .field input[type=text]:placeholder-shown + label::after,
  .field input[type=email]:placeholder-shown + label::before,
  .field input[type=email]:placeholder-shown + label::after,
  .field input[type=tel]:placeholder-shown + label::before,
  .field input[type=tel]:placeholder-shown + label::after,
  .field input[type=password]:placeholder-shown + label::before,
  .field input[type=password]:placeholder-shown + label::after,
  .field .field__input:placeholder-shown + label::before,
  .field .field__input:placeholder-shown + label::after {
    font-size: 1.6rem;
  }
}
.field input[type=text]:placeholder-shown + label::before,
.field input[type=email]:placeholder-shown + label::before,
.field input[type=tel]:placeholder-shown + label::before,
.field input[type=password]:placeholder-shown + label::before,
.field .field__input:placeholder-shown + label::before {
  color: rgb(var(--color-base-text));
}
.field input[type=text]:focus + label::before, .field input[type=text]:focus + label::after,
.field input[type=email]:focus + label::before,
.field input[type=email]:focus + label::after,
.field input[type=tel]:focus + label::before,
.field input[type=tel]:focus + label::after,
.field input[type=password]:focus + label::before,
.field input[type=password]:focus + label::after,
.field .field__input:focus + label::before,
.field .field__input:focus + label::after {
  font-size: 1rem;
  top: -1.3rem;
}
.field input[type=text]:focus + label::before,
.field input[type=email]:focus + label::before,
.field input[type=tel]:focus + label::before,
.field input[type=password]:focus + label::before,
.field .field__input:focus + label::before {
  color: rgba(var(--color-secondary-text));
}
.field .select {
  width: 100%;
}
.field .select .placeholder-select {
  color: rgba(var(--color-base-text), 0.5);
  position: absolute;
  top: 50%;
  left: 1.8rem;
  transform: translateY(-50%);
}
.field .select .placeholder-select span {
  color: var(--color-badge-icon);
}
.field select {
  cursor: pointer;
  padding: 0 4rem 0 1.8rem;
}
.field select + svg {
  width: 1.2rem;
  height: 1.5rem;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 2rem;
  color: rgb(var(--color-button));
}
.field select option {
  background-color: rgb(var(--color-background-input));
}
.field input[type=checkbox] {
  display: none;
}
.field input[type=checkbox]:checked + label b {
  background: rgba(var(--color-base-text)) url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.66649 6.61451L10.7945 0.48584L11.7378 1.42851L4.66649 8.49984L0.423828 4.25717L1.36649 3.31451L4.66649 6.61451Z' fill='white'/%3e%3c/svg%3e ") no-repeat center center;
  border-color: rgba(var(--color-base-text));
  background-color: rgb(var(--color-button));
}
.field input[type=checkbox]:checked + label b svg {
  opacity: 1;
}
.field input[type=checkbox]:focus + label b {
  outline: 0.1rem solid rgba(var(--color-border-input)) !important;
  outline-offset: 0;
}
.field input[type=checkbox] + label {
  display: inline-flex;
  align-items: center;
  font-size: 1.5rem;
  color: rgb(var(--color-base-text));
  cursor: pointer;
}
.field input[type=checkbox] + label:hover b {
  border-color: rgba(var(--color-accent));
}
.field input[type=checkbox] + label b {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  margin: 0 1.1rem 0 0;
  border: 0.1rem solid rgba(var(--color-border));
  background-color: rgb(var(--color-background-input));
  appearance: none;
  transition: var(--duration-default);
}
.field input[type=checkbox] + label b svg {
  opacity: 0;
  color: rgb(var(--color-button-text));
}
.field--dark input[type=text],
.field--dark input[type=email],
.field--dark input[type=tel],
.field--dark input[type=password],
.field--dark input[type=search] {
  border-color: rgba(255, 255, 255, 0.4);
  color: rgb(255, 255, 255);
  background-color: transparent;
}
.field--dark input[type=text]:hover, .field--dark input[type=text]:focus,
.field--dark input[type=email]:hover,
.field--dark input[type=email]:focus,
.field--dark input[type=tel]:hover,
.field--dark input[type=tel]:focus,
.field--dark input[type=password]:hover,
.field--dark input[type=password]:focus,
.field--dark input[type=search]:hover,
.field--dark input[type=search]:focus {
  border-color: rgb(255, 255, 255);
}
.field--dark input[type=text] + label::before,
.field--dark input[type=email] + label::before,
.field--dark input[type=tel] + label::before,
.field--dark input[type=password] + label::before,
.field--dark input[type=search] + label::before {
  color: rgba(255, 255, 255, 0.5);
}

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

.text-area--resize-vertical {
  resize: vertical;
}

.field .text-area + label {
  top: 3rem;
}

/* 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;
}
@media screen and (max-width: 750px) {
  .form__message {
    font-size: 1.6rem;
  }
}

.form__message--large {
  font-size: 1.4rem;
}
@media screen and (max-width: 750px) {
  .form__message--large {
    font-size: 1.6rem;
  }
}

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

.form-status {
  margin: 0;
  font-size: 1.4rem;
}
@media screen and (max-width: 750px) {
  .form-status {
    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;
}

/* Quantity */
.quantity {
  position: relative;
  width: 14rem;
  display: flex;
  border: 0.1rem solid rgb(var(--color-border));
  border-radius: 4px;
}

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

.quantity__button {
  width: 5rem;
  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));
  transition: border-color var(--duration-default);
}
.quantity__button svg {
  transition: opacity var(--duration-default);
}
.quantity__button:hover svg {
  opacity: 0.5;
}
.quantity__button.disabled {
  pointer-events: none;
}

html.no-js .quantity__input {
  border: 0.1rem solid rgba(var(--color-border-input));
}
html.no-js .quantity__input:hover {
  border: 0.1rem solid rgba(var(--color-border-input-hover));
}

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

.quantity__button svg path {
  transition: var(--duration-default);
}

.quantity__button:hover svg path {
  color: rgba(var(--color-foreground));
}

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

/* Negate the fallback side-effect for browsers that support :focus-visible */
*:focus:not(:focus-visible):not(.button--secondary):not(.localization-selector.link) {
  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);
}

/* Fallback */
.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);
}

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

/* Modal */
.modal__toggle {
  list-style-type: none;
}

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

.modal__toggle-close {
  display: none;
}

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

.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;
  background-color: transparent;
}

.modal__content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(var(--color-background));
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fancybox-skin {
  padding: 0 !important;
}

/* Announcement-bar */
#shopify-section-announcement-bar {
  z-index: 4;
}

.section-announcement {
  transition: transform var(--duration-default);
}

.body--hidden .section-announcement {
  opacity: 0;
}

.announcement-bar {
  color: rgb(var(--color-foreground));
  font-size: 1.2rem;
}

.announcement-bar-1 {
  background: rgb(var(--color-announcement-bar-background-1));
  color: #fff;
}

.announcement-bar-2 {
  background: rgb(var(--color-announcement-bar-background-2));
  color: #000;
}

.announcement-bar__link {
  font-size: 1.2rem;
}

.announcement-bar__message {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.8rem;
  text-align: center;
  padding: 1rem 2rem;
  min-height: 4.5rem;
}

.announcement-bar__image {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.5rem;
  margin: 0;
}

.announcement-bar__image img {
  display: block;
  object-fit: contain;
  object-position: center;
  width: auto;
  height: 100%;
}

.announcement-bar__text {
  font-weight: 400;
  line-height: 145%;
}
.announcement-bar__text p {
  margin: 0;
}
.announcement-bar__text a {
  position: relative;
  color: inherit;
  text-underline-offset: 0.4rem;
  text-decoration-color: inherit;
  z-index: 2;
}
.announcement-bar__text a:hover {
  opacity: 0.8;
}

.announcement-bar__link {
  display: block;
  width: 100%;
  text-decoration: none;
}

.announcement-bar__link:hover {
  color: rgb(var(--color-foreground));
  background-color: rgba(var(--color-card-hover), 0.06);
}

/* Header */
body.body--hidden {
  overflow-y: hidden;
}
body.body--hidden .header-wrapper {
  padding-right: 2rem;
  padding-left: 2rem;
}
@media screen and (min-width: 990px) {
  body.body--hidden .header-wrapper {
    padding-right: 4rem;
    padding-left: 4rem;
  }
}
@media screen and (min-width: 1760px) {
  body.body--hidden .header-wrapper {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

.shopify-section-header {
  z-index: 11;
  will-change: transform;
}

.shopify-section-header-sticky {
  position: sticky;
  /* top: -1px; */
  top: -10px;
}
.shopify-section-header-sticky .header-wrapper--under-menu {
  width: 100%;
}

.overflow--hidden .shopify-section-header-hidden {
  transform: translateY(0%);
}
.overflow--hidden .shopify-section-header-fixed-hidden {
  transform: translateY(0%);
}

.shopify-section-header-hidden {
  transform: translateY(-101%);
}

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

/* Main Header Layout */
.header-wrapper {
  display: block;
  /* position: relative; */
  background-color: rgb(var(--color-header-background));
}

.header-wrapper--under-menu {
  position: absolute;
  margin: 20px auto;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 4px;
  transition: max-width 0.15s, margin 0.15s, border-radius 0.15s;
  width: 95%;
}
@media screen and (max-width: 990px) {
  .header-wrapper--under-menu {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
.header-wrapper--under-menu .header--top,
.header-wrapper--under-menu .header--left,
.header-wrapper--under-menu .header--center {
  padding-left: 0;
  padding-right: 0;
}

.header-wrapper--under-menu-full {
  max-width: 100%;
  border-radius: 0px;
  transition: max-width 0.15s, margin 0.15s, border-radius 0.15s;
  margin: 0 auto;
}

.header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: var(--font-header-menu-family);
  font-style: var(--font-header-menu-style);
  font-weight: var(--font-header-menu-weight);
  text-transform: var(--font-header-menu-text-transform);
}
@media screen and (max-width: 1200px) {
  .header .header__heading,
  .header .header__heading-link {
    grid-column: 2/3;
  }
}
.header .cart-count-bubble {
  position: static;
  width: calc(var(--font-header-menu-link-size) * 2);
  height: calc(var(--font-header-menu-link-size) * 2);
  border: 1px solid rgba(var(--color-border));
  color: rgb(var(--color-foreground-secondary));
  background: transparent;
  transition: background-color var(--duration-default) ease-in-out;
}

.header .link {
  font-size: var(--font-header-menu-link-size);
}

.header__column {
  margin-left: auto;
}
.header__column details[open] > .header__icon span {
  color: rgb(var(--color-foreground)) !important;
}
.header__column .header__localization-button[aria-expanded=true] .currency-country {
  color: rgb(var(--color-foreground)) !important;
}
.header__column:hover .header__search:not(:hover),
.header__column:hover .header__toggle-scheme:not(:hover),
.header__column:hover .header__localization:not(:hover),
.header__column:hover .header__localization--language:not(:hover),
.header__column:hover .header__account:not(:hover),
.header__column:hover .header__cart:not(:hover) {
  color: rgb(var(--color-foreground-secondary));
}
.header__column:hover .header__search:not(:hover) .disclosure .value,
.header__column:hover .header__toggle-scheme:not(:hover) .disclosure .value,
.header__column:hover .header__localization:not(:hover) .disclosure .value,
.header__column:hover .header__localization--language:not(:hover) .disclosure .value,
.header__column:hover .header__account:not(:hover) .disclosure .value,
.header__column:hover .header__cart:not(:hover) .disclosure .value {
  color: rgb(var(--color-foreground-secondary));
}
.header__column:hover .header__search:not(:hover) .header__icon-name,
.header__column:hover .header__search:not(:hover) .currency-country,
.header__column:hover .header__search:not(:hover) .icon-search,
.header__column:hover .header__toggle-scheme:not(:hover) .header__icon-name,
.header__column:hover .header__toggle-scheme:not(:hover) .currency-country,
.header__column:hover .header__toggle-scheme:not(:hover) .icon-search,
.header__column:hover .header__localization:not(:hover) .header__icon-name,
.header__column:hover .header__localization:not(:hover) .currency-country,
.header__column:hover .header__localization:not(:hover) .icon-search,
.header__column:hover .header__localization--language:not(:hover) .header__icon-name,
.header__column:hover .header__localization--language:not(:hover) .currency-country,
.header__column:hover .header__localization--language:not(:hover) .icon-search,
.header__column:hover .header__account:not(:hover) .header__icon-name,
.header__column:hover .header__account:not(:hover) .currency-country,
.header__column:hover .header__account:not(:hover) .icon-search,
.header__column:hover .header__cart:not(:hover) .header__icon-name,
.header__column:hover .header__cart:not(:hover) .currency-country,
.header__column:hover .header__cart:not(:hover) .icon-search {
  color: rgb(var(--color-foreground-secondary));
}

.header__heading,
.header__heading-link {
  margin-right: auto;
}
@media screen and (min-width: 750px) {
  .header__heading,
  .header__heading-link {
    flex: none;
  }
}

@media screen and (max-width: 400px) {
  .header__heading .h4 {
    font-size: 1.5rem;
  }
}

.header > .header__heading, .header > .header__heading-link {
  display: flex;
}
.header .theme {
  display: flex;
  align-items: center;
  -webkit-tap-highlight-color: transparent;
}
.header .theme .theme__toggle-wrap {
  position: relative;
}
.header .theme .theme__toggle-wrap .theme__toggle {
  display: block;
  position: relative;
  z-index: 1;
  background-color: rgb(var(--color-base-background-2));
  border-radius: 25%/50%;
  padding: 0.3em;
  width: 5.1rem;
  height: 2.8rem;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  transition: background-color var(--duration-default) ease-in-out !important;
  margin-right: 0;
  margin-left: 0;
}
@media screen and (max-width: 400px) {
  .header .theme .theme__toggle-wrap .theme__toggle {
    width: 3.8rem;
    height: 2.2rem;
  }
}
.header .theme .theme__toggle-wrap .theme__toggle::before {
  display: block;
  background-color: rgb(var(--color-header-background));
  border-radius: 50%;
  content: "";
  width: 2.2rem;
  height: 2.2rem;
  transition: transform var(--duration-default) ease-in-out !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 400px) {
  .header .theme .theme__toggle-wrap .theme__toggle::before {
    width: 1.7rem;
    height: 1.7rem;
  }
}
.header .theme .theme__toggle-wrap .theme__toggle:focus {
  outline: transparent;
}
.header .theme .theme__toggle-wrap .theme__icon {
  position: absolute;
  display: block;
  top: 50%;
  left: 4px;
  width: 1.1rem;
  height: 1.1rem;
  pointer-events: none;
  transition: transform var(--duration-default) ease-in-out !important;
  z-index: 1;
  transform: translateY(-50%);
}
@media screen and (max-width: 400px) {
  .header .theme .theme__toggle-wrap .theme__icon {
    left: 2px;
    width: 1rem;
    height: 1rem;
  }
}
.header .theme .theme__toggle-wrap .theme__icon svg {
  position: absolute;
  width: 100%;
  height: 100%;
}
.header .theme .theme__toggle-wrap .theme__icon svg:nth-child(1) {
  opacity: 1;
}
.header .theme .theme__toggle-wrap .theme__icon svg:nth-child(2) {
  opacity: 0;
  color: rgb(var(--color-foreground));
}

.header__shop-name {
  display: flex;
  align-items: center;
  font-size: calc(var(--font-header-menu-link-size) - 0.4rem);
  font-weight: var(--font-subtitle-weight);
}

.header__icon-shop-name {
  display: none;
  margin-right: 3.2rem;
  color: rgb(var(--color-foreground));
  text-transform: uppercase;
  font-size: calc(var(--font-header-menu-link-size) - 0.4rem);
}
@media screen and (min-width: 1200px) {
  .header__icon-shop-name {
    display: block;
  }
}

.header__icon-shop-name {
  margin-right: 0;
  margin-left: 1rem;
  font-weight: var(--font-subtitle-weight);
}

@media screen and (min-width: 1200px) {
  .header {
    /* position: static; */
    display: grid;
  }
  .header > .header__heading, .header > .header__heading-link {
    grid-area: heading;
  }
  .header__inline-menu {
    grid-area: navigation;
    align-items: center;
    height: 100%;
  }
  .header__inline-menu .list-menu--inline {
    height: 100%;
  }
  .header__inline-menu .list-menu--inline > li > .list-menu__item {
    height: 100%;
  }
  .header__inline-menu .list-menu--inline > li > .list-menu__item > span {
    height: 100%;
    min-height: var(--header-height);
  }
  .header__inline-menu .list-menu--inline > li > a {
    height: 100%;
  }
  .header__inline-menu .list-menu--inline > li > a > span {
    height: 100%;
  }
  .header__inline-menu li {
    flex: none;
  }
  .header__column {
    grid-area: column;
  }
  .header__cart,
  .header__icon--cart {
    grid-area: cart;
  }
  .header__offcanvas {
    grid-area: offcanvas;
  }
  .header--left {
    grid-template-columns: auto auto auto;
    /* grid-template-columns: auto auto 1fr auto; */
    grid-template-areas: "offcanvas heading navigation column";
  }
  .header--left .header__inline-menu {
    display: flex;
    justify-content: flex-start;
    margin-right: auto;
    margin-left: 2rem;
  }
  .header--left > .header__heading, .header--left > .header__heading-link {
    margin-right: 0;
  }
  .header--left .header__offcanvas {
    margin-right: 1.6rem;
  }
  .header--left .header__column {
    margin-left: 0;
  }
  .header--center {
    grid-template-columns: auto 1fr auto 1fr;
    grid-template-areas: "offcanvas navigation heading column";
  }
  .header--center .header__inline-menu {
    justify-content: flex-start;
  }
  .header--center .header__inline-menu > ul {
    margin-left: -1.2rem;
  }
  .header--center .header__offcanvas {
    margin-right: 2rem;
  }
  .header--center > .header__heading, .header--center > .header__heading-link {
    margin-right: 0;
    align-items: center;
    text-align: center;
  }
  .header--center .header__column {
    margin-left: auto;
  }
  .header--top {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "offcanvas heading column" "navigation navigation navigation";
    justify-items: start;
    align-items: center;
    position: relative;
    padding-top: 1.8rem;
  }
  .header--top .header__heading,
  .header--top .header__inline-menu,
  .header--top .header__heading-link {
    margin: auto;
  }
  .header--top .header__offcanvas-toggle {
    z-index: 2;
  }
}
.header *[tabindex="-1"]:focus {
  outline: none;
}

.header__heading {
  display: inline-flex;
  align-items: center;
  margin: 0;
  line-height: 0;
}

.header__heading span {
  line-height: 1;
  text-transform: var(--font-header-menu-text-transform);
}

.header > .header__heading-link span {
  display: flex;
  align-items: center;
  line-height: 1;
  text-transform: var(--font-header-menu-text-transform);
}

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

.header__heading-link {
  display: inline-block;
  text-decoration: none;
  word-break: break-word;
  max-width: 100%;
}
@media screen and (max-width: 1199px) {
  .header__heading-link {
    max-width: 350px;
  }
}

.header__heading .header__heading-link {
  display: flex;
  padding: 0;
}

.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 {
  display: block;
  height: auto;
  max-height: calc(var(--header-height) - 0.8rem);
  object-fit: contain;
}
@media screen and (max-width: 576px) {
  .header__heading-logo {
    max-width: 85px;
  }
}

.header__heading-logo--overlay {
  display: none;
}

@media screen and (min-width: 990px) {
  .header__heading,
  .header__heading-link {
    justify-self: start;
    align-items: center;
  }
  .header--center .header__heading-link,
  .header--center .header__heading {
    justify-self: center;
  }
}
/* Header column */
.header__column {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: none;
}

/* Header icons */
.header__icons {
  display: flex;
  grid-area: icons;
  justify-self: end;
  font-size: calc(var(--font-header-menu-link-size) - 0.4rem);
  font-weight: var(--font-subtitle-weight);
}

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

.header__icon span {
  height: 100%;
}

.header__icon .icon {
  width: 1.4rem;
  height: 1.4rem;
  transition: var(--duration-default);
  color: rgba(var(--color-foreground));
}

.header__icon--account .icon {
  width: 1.8rem;
  height: 1.8rem;
  display: block;
}
@media screen and (min-width: 1360px) {
  .header__icon--account .icon {
    display: none;
  }
}

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

.header__icon--menu {
  width: 4.4rem;
  height: 4.4rem;
  margin-left: -1rem;
  margin-top: 0.4rem;
}
@media screen and (min-width: 1200px) {
  .header__icon--menu {
    margin: 0;
  }
}
.header__icon--menu span {
  width: 100%;
}

.header__icon::after {
  content: none;
}

.header__icon .icon {
  fill: none;
  vertical-align: middle;
}

.header__icon--cart {
  position: relative;
  gap: 0.4rem;
  min-width: 4.4rem;
  width: auto;
  height: 4.4rem;
  font-size: calc(var(--font-header-menu-link-size) - 0.4rem) !important;
  font-weight: var(--font-subtitle-weight);
  text-transform: uppercase;
}
@media screen and (min-width: 1200px) {
  .header__icon--cart {
    margin: 0;
  }
}
.header__icon--cart:hover .cart-count-bubble {
  background-color: rgba(var(--color-button));
  color: rgb(var(--color-button-text));
  border-color: rgba(var(--color-button));
}
.header__icon--cart .icon {
  width: 1.8rem;
  height: 1.8rem;
  display: block;
}
@media screen and (min-width: 1360px) {
  /* .header__icon--cart .icon {
    display: none;
  } */
}
.header__icon--cart .icon path {
  fill: rgba(var(--color-foreground));
}
.header__icon--cart > span {
  position: static !important;
  width: 100%;
  margin: 0;
  display: none;
}
@media screen and (min-width: 1360px) {
  .header__icon--cart > span {
    display: flex;
  }
}

.header__icon--search {
  gap: 0.8rem;
  min-height: 4.4rem;
}
.header__icon--search .icon {
  width: 1.5rem;
  height: 1.5rem;
}

.header__icon--search,
.header__icon--cart {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.header__icon .header__icon-name {
  display: none;
}

.header__icon--search .header__icon-name {
  position: relative;
  text-transform: uppercase;
}

/* Header account */
.header__account {
  display: none;
  align-items: center;
  position: relative;
  transition: var(--duration-default);
  cursor: pointer;
}
@media screen and (min-width: 1200px) {
  .header__account {
    display: inline-flex;
  }
}
.header__account details {
  height: 100%;
}
.header__account details summary {
  height: 100%;
}
.header__account details summary .header__icon-name {
  height: 100%;
}

.no-js .header__account details {
  min-width: 50px;
}

.header__account-modal {
  position: absolute;
  top: 100%;
  right: -3rem;
  display: flex;
  flex-direction: column;
  padding: 2.4rem;
  width: 20rem;
  height: auto;
  margin: 0;
  font-weight: var(--font-body-weight);
  text-transform: none;
  background-color: rgb(var(--color-header-background));
  border-radius: 0.4rem;
  transform: translateY(0rem);
  transition: opacity var(--duration-default);
  animation: animateMenuOpen var(--duration-default) ease;
  z-index: 10;
  opacity: 0;
  box-shadow: 0px 40px 60px rgba(0, 0, 0, 0.05);
  cursor: auto;
}

details[open] > .header__account-modal {
  transform: translateY(0rem);
  opacity: 1;
}

.header__account__login {
  width: 100%;
  min-height: 4.5rem;
  font-size: 1.2rem !important;
}

.header__account__login .icon {
  width: 1.5rem;
  height: 1.5rem;
  color: rgb(var(--color-button-text)) !important;
}

.header__account__logout .icon {
  color: rgb(var(--color-button-text)) !important;
}

.header__account__register {
  display: inline;
  margin-top: 1rem;
  font-size: 1.5rem;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
}
.header__account__register span {
  position: relative;
}
.header__account__register span::after {
  content: "";
  position: absolute;
  bottom: -0.2rem;
  left: 0;
  right: 0;
  width: 0;
  height: 0.1rem;
  background-color: rgb(var(--color-accent));
  transition: width var(--duration-default);
}
.header__account__register:hover span::after {
  width: 100%;
}

.header__account__link span,
.header__account__address span {
  position: relative;
}
.header__account__link span::after,
.header__account__address span::after {
  content: "";
  position: absolute;
  bottom: -0.2rem;
  left: 0;
  right: 0;
  width: 0;
  height: 0.1rem;
  background-color: rgb(var(--color-accent));
  transition: width var(--duration-default);
}
.header__account__link:hover span::after,
.header__account__address:hover span::after {
  width: 100%;
}

.header__account__name {
  margin-bottom: 0.8rem;
  padding-bottom: 1.6rem;
  color: rgba(var(--color-foreground));
  border-bottom: 0.1rem solid rgb(var(--color-accent));
  font-size: var(--font-header-menu-link-size);
  font-weight: 500;
}

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

.header__account__body a {
  display: block;
  font-size: 1.2rem;
  padding: 0.8rem 0;
  text-decoration: none;
  transition: var(--duration-default);
}

.header__account__logout {
  margin-top: 1.6rem;
  width: 100%;
  min-height: 4.5rem;
}

@keyframes animateSearchOpen {
  0% {
    opacity: 0;
    transform: translateY(-1.5rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.header__icons > * {
  padding: 0 1.6rem;
}

.header__icon--cart {
  padding-left: 0;
  transition: var(--duration-default);
}
@media screen and (min-width: 990px) {
  .header__icon--cart {
    padding-left: 1.6rem;
  }
}
@media screen and (min-width: 1360px) {
  .header__icon--cart {
    padding-left: 0;
  }
}

@media screen and (min-width: 1360px) {
  /* .header__icon .header__icon-name {
    display: flex;
  } */
  .header__account summary {
    gap: 0.8rem;
  }
}
@media screen and (max-width: 989px) {
  menu-drawer ~ .header__icons .header__icon--account {
    display: none;
  }
}
/*Header social*/
.header .header__social {
  display: none;
}

@media screen and (min-width: 990px) {
  .header .header__social {
    flex: 1;
    display: flex;
    justify-content: flex-start;
  }
  .header .header__social:not(:last-child) {
    margin-right: 2rem;
  }
}
/* Search */
menu-drawer + .header__search {
  display: none;
}

.header:not(.header--has-menu) * > .header__search {
  display: none;
}

.header__search {
  display: inline-flex;
  align-items: center;
  align-self: center;
  justify-content: center;
  cursor: pointer;
}

noscript .header__search {
  height: 100%;
}

.search-modal__heading {
  max-width: 80%;
}

.icon-close {
  transition: var(--duration-default);
  color: rgb(var(--color-button));
}

.icon-close path {
  stroke-width: 0.3;
}

/* Header menu drawer */
.header__icon--menu .icon {
  display: block;
  position: absolute;
  opacity: 1;
  transform: scale(1);
  transition: transform 150ms ease, opacity 150ms ease;
}

details:not([open]) > .header__icon--menu .icon-close {
  visibility: hidden;
  opacity: 0;
  transform: scale(0.8) rotate(-90deg);
}

details[open] > .header__icon--menu .icon-hamburger {
  visibility: hidden;
  opacity: 0;
  transform: scale(0.8) rotate(90deg);
}

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

.header__inline-menu details[open] > .header__submenu {
  opacity: 1;
  transform: translateY(0rem);
  animation: animateMenuOpen var(--duration-default) ease;
}

/* Header menu */
.header__offcanvas-left {
  display: none;
}
.header__offcanvas-left:hover .header__offcanvas:not(:hover),
.header__offcanvas-left:hover .header__shop-name:not(:hover) {
  color: rgb(var(--color-foreground-secondary));
  transition: var(--duration-default);
}
.header__offcanvas-left:hover .header__offcanvas:not(:hover) .header__icon-name,
.header__offcanvas-left:hover .header__offcanvas:not(:hover) .currency-country,
.header__offcanvas-left:hover .header__offcanvas:not(:hover) .header__icon-shop-name,
.header__offcanvas-left:hover .header__offcanvas:not(:hover) .icon-hamburger,
.header__offcanvas-left:hover .header__offcanvas:not(:hover) .icon-search,
.header__offcanvas-left:hover .header__shop-name:not(:hover) .header__icon-name,
.header__offcanvas-left:hover .header__shop-name:not(:hover) .currency-country,
.header__offcanvas-left:hover .header__shop-name:not(:hover) .header__icon-shop-name,
.header__offcanvas-left:hover .header__shop-name:not(:hover) .icon-hamburger,
.header__offcanvas-left:hover .header__shop-name:not(:hover) .icon-search {
  color: rgb(var(--color-foreground-secondary));
  transition: var(--duration-default);
}

.header__offcanvas {
  display: none;
}
.header__offcanvas .newsletter__button {
  padding: 1rem 1rem;
  min-width: 17.5rem;
  width: 17.5rem;
}
.header__offcanvas .header__offcanvas-submenu {
  padding-left: 1.6rem;
}
.header__offcanvas .header__offcanvas-submenu .header__offcanvas-submenu {
  margin-top: 8px;
  padding-bottom: 8px;
}
.header__offcanvas .header__offcanvas-submenu .link {
  text-decoration: none;
  text-transform: capitalize;
  font-size: 18px;
}
.header__offcanvas .fullscreen-menu2 .link {
  font-size: 16px;
}
.header__offcanvas .header__offcanvas-categories {
  display: flex;
  gap: 0.8rem;
  justify-content: center;
  flex-wrap: wrap;
  align-self: flex-start;
}
@media screen and (min-width: 1360px) {
  .header__offcanvas .header__offcanvas-categories {
    flex-wrap: nowrap;
    justify-content: flex-end;
  }
}
.header__offcanvas .header__offcanvas-categories .header__offcanvas-categories-block {
  position: relative;
  height: 30rem;
  width: calc(50% - 0.8rem);
}
.header__offcanvas .header__offcanvas-categories .header__offcanvas-categories-block:first-child {
  width: 100%;
}
@media screen and (min-width: 1360px) {
  .header__offcanvas .header__offcanvas-categories .header__offcanvas-categories-block {
    width: calc(33.3333333333% - 0.8rem);
    height: 39rem;
  }
  .header__offcanvas .header__offcanvas-categories .header__offcanvas-categories-block:first-child {
    width: calc(33.3333333333% - 0.8rem);
  }
}
@media screen and (min-width: 1560px) {
  .header__offcanvas .header__offcanvas-categories .header__offcanvas-categories-block {
    height: 49rem;
  }
}
.header__offcanvas .header__offcanvas-categories .header__offcanvas-categories-block:hover img {
  transform: scale(1.05);
}
.header__offcanvas .header__offcanvas-categories .header__offcanvas-categories-block.header__offcanvas-categories-block-2 {
  width: 100%;
}
@media screen and (min-width: 1360px) {
  .header__offcanvas .header__offcanvas-categories .header__offcanvas-categories-block.header__offcanvas-categories-block-2 {
    width: calc(50% - 0.8rem);
    height: 39rem;
  }
}
.header__offcanvas .header__offcanvas-categories .header__offcanvas-categories-block.header__offcanvas-categories-block-1 {
  width: 100%;
}
.header__offcanvas .header__offcanvas-categories .header__offcanvas-categories_img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 6px;
  background-color: rgba(var(--color-foreground), 0.3);
}
.header__offcanvas .header__offcanvas-categories .header__offcanvas-categories_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px;
  transition: var(--duration-default);
}
.header__offcanvas .header__offcanvas-categories h3 {
  position: absolute;
  bottom: 6rem;
  left: 3.6rem;
  color: #ffffff;
  max-width: 90%;
  margin: 0;
  padding-right: 3.6rem;
}
.header__offcanvas .header__offcanvas-categories .header__offcanvas-categories-link {
  position: absolute;
  left: 3.6rem;
  bottom: 3rem;
  color: #ffffff;
  text-decoration: none;
  font-weight: 500;
  font-size: var(--font-header-menu-link-size);
}
.header__offcanvas .header__offcanvas-categories .header__offcanvas-categories-link:after {
  width: 100%;
}
.header__offcanvas .header__offcanvas-categories .header__offcanvas-categories-link:hover:after {
  width: 0;
}

.header__offcanvas-menu {
  position: fixed;
  display: none;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  z-index: 12;
  background-color: rgb(var(--color-base-background-1));
}

.header__offcanvas_menu-reveal {
  padding: 2.5rem 0 2rem;
}

@keyframes animateOffcanvasMenuOpen {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes animateOffcanvasMenuOpacity {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.header__search-top {
  display: block;
}

@media screen and (min-width: 1200px) {
  .header__offcanvas {
    display: block;
  }
  .header__offcanvas-left {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .header--top .header__offcanvas-left {
    gap: 1.6rem;
  }
  .header__search-top {
    display: none;
  }
  .header__offcanvas-menu--open {
    display: flex;
    justify-content: center;
    animation: animateOffcanvasMenuOpen 0.3s ease;
    padding-top: calc(var(--header-height) + var(--header-height));
    padding-bottom: 5%;
  }
  .header__offcanvas-menu--open .header__offcanvas-menu-wrapper {
    animation: animateOffcanvasMenuOpacity 0.5s ease;
    width: 100%;
    overflow: auto;
  }
  .header__offcanvas-menu--open .header__offcanvas-menu-wrapper::-webkit-scrollbar {
    width: 3px;
    height: 3px;
  }
  .header__offcanvas-menu--open .header__offcanvas-menu-wrapper::-webkit-scrollbar-thumb {
    background-color: rgba(var(--color-foreground), 0.7);
    border-radius: 100px;
  }
}
.menu-drawer-container.menu-opening .header__modal-close-button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  height: 4.4rem;
  width: 4.4rem;
  color: rgba(var(--color-foreground), 0.55);
  background-color: transparent;
  border-radius: 50%;
  cursor: pointer;
}
.menu-drawer-container.menu-opening .header__modal-close-button .icon-close {
  width: 1.4rem;
  height: 1.4rem;
  transition: var(--duration-default) ease;
}
.menu-drawer-container.menu-opening .header__modal-close-button:hover .icon-close {
  transform: rotate(90deg);
}

.header__offcanvas-toggle {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.6rem 0;
  height: 4.4rem;
}
.header__offcanvas-toggle .header__offcanvas-toggle-link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  color: rgba(var(--color-foreground));
  margin-left: 2px;
  text-decoration: none;
  padding: 1.6rem 1.6rem 1.6rem 0;
  transition: var(--duration-default);
}
.header__offcanvas-toggle .header__offcanvas-toggle-link:hover .icon-hamburger rect:nth-child(2) {
  width: 1.8rem;
}
.header__offcanvas-toggle .header__offcanvas-toggle-link .icon {
  width: 1.4rem;
  height: 1.4rem;
  transition: transform var(--duration-default), opacity var(--duration-default);
}
.header__offcanvas-toggle .header__offcanvas-toggle-link .icon-hamburger {
  width: 16px;
  height: 16px;
  margin-top: 4px;
}
.header__offcanvas-toggle .header__offcanvas-toggle-link .icon-hamburger rect:nth-child(2) {
  transition: width var(--duration-default);
}
.header__offcanvas-toggle .header__offcanvas-toggle-link .icon-close {
  opacity: 0;
}
.header__offcanvas-toggle.active .icon-hamburger {
  opacity: 0;
  transform: rotate(90deg);
}
.header__offcanvas-toggle.active .icon-close {
  opacity: 1;
}
.header__offcanvas-toggle.active .header__shop-name {
  display: none;
}
.header__offcanvas-toggle:hover.active .icon-close {
  transform: rotate(90deg);
}
.header__offcanvas-toggle:hover .header__search:not(:hover) .header__icon-name {
  color: rgb(var(--color-foreground-secondary));
  transition: var(--duration-default);
}
.header__offcanvas-toggle:hover .header__search:not(:hover) .icon-search {
  color: rgb(var(--color-foreground-secondary));
  transition: var(--duration-default);
}
.header__offcanvas-toggle:hover .header__offcanvas-toggle-link:not(:hover) {
  color: rgb(var(--color-foreground-secondary));
  transition: var(--duration-default);
}
.header__offcanvas-toggle:hover .header__offcanvas-toggle-link:not(:hover) .header__icon-shop-name {
  color: rgb(var(--color-foreground-secondary));
  transition: var(--duration-default);
}

.header__offcanvas-toggle-link--close {
  display: none;
}

.header__offcanvas-toggle.active {
  z-index: 99;
}
.header__offcanvas-toggle.active .header__offcanvas-toggle-link--close {
  display: block;
  padding: 1.6rem 2.6rem 1.6rem 0;
}
.header__offcanvas-toggle.active .header__offcanvas-toggle-link {
  display: none;
}
.header__offcanvas-toggle.active .header__icon-shop-name {
  display: none;
}

.header__offcanvas-toggle:hover:before,
.header__offcanvas-toggle:hover:after {
  background: rgba(var(--color-foreground), 1);
}

.header__offcanvas-wrapper {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  justify-content: space-between;
  gap: 2rem 25rem;
  padding-bottom: 5rem;
}
@media screen and (min-width: 1360px) {
  .header__offcanvas-wrapper {
    gap: 2rem 16rem;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1560px) {
  .header__offcanvas-wrapper {
    gap: 2rem 26rem;
  }
}

.header__offcanvas-fullscreen-menu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  height: 100%;
}

.header__offcanvas-menu-top {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.header__offcanvas-menu-full {
  width: 100%;
  margin: 0;
}

.header__offcanvas-subscribe {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  height: 100%;
}

.header__offcanvas-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: none;
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 3;
}

.header__offcanvas-item {
  position: relative;
  width: 100%;
}
.header__offcanvas-item span {
  font-weight: var(--font-body-weight);
}

.header__offcanvas-link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  padding-block: 1.6rem;
  font-family: var(--font-header-menu-family);
  font-style: var(--font-header-menu-style);
  font-weight: var(--font-header-menu-weight);
  text-transform: var(--font-header-menu-text-transform);
  text-decoration: none;
}

.fullscreen-menu2 a {
  color: rgb(var(--color-foreground-secondary));
  font-size: 1.8rem;
}

.header__offcanvas-description {
  max-width: 54rem;
  font-size: 1.2rem;
  font-weight: var(--font-body-weight);
  color: rgba(var(--color-foreground), 0.35);
  text-transform: none;
}
.header__offcanvas-description p {
  margin: 0;
}
@media screen and (max-width: 1200px) {
  .header__offcanvas-description {
    max-width: 60rem;
  }
}

.header__offcanvas-aside {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  grid-row-start: 1;
  grid-row-end: 3;
  grid-column-start: 2;
  grid-column-end: 3;
  gap: 4vw;
}
@media screen and (min-width: 1600px) {
  .header__offcanvas-aside {
    gap: 7vw;
  }
}
.header__offcanvas-aside .header__promo {
  position: relative;
  padding: 2.4rem;
  width: 80%;
  height: 49rem;
  max-width: 100%;
  max-height: 100%;
}
@media screen and (min-width: 1360px) {
  .header__offcanvas-aside .header__promo {
    padding: 4.8rem;
    width: 85.6rem;
    height: 51.2rem;
  }
}
@media screen and (max-height: 725px) {
  .header__offcanvas-aside .header__promo {
    height: 60vh;
  }
}
.header__offcanvas-aside .header__promo-info {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  gap: 3.2rem;
  height: 100%;
  z-index: 2;
}
.header__offcanvas-aside .header__promo-info * {
  z-index: inherit;
}
.header__offcanvas-aside .header__promo-image {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(var(--color-overlay), 0.6);
  border-radius: 0.5rem;
  overflow: hidden;
}
.header__offcanvas-aside .header__promo-text {
  max-width: 39.2rem;
}
.header__offcanvas-aside .header__promo-heading {
  font-size: var(--font-heading-h2-size);
  color: #fff;
}
@media screen and (min-width: 1360px) {
  .header__offcanvas-aside .header__promo-heading {
    font-size: var(--font-heading-h1-size);
  }
}
.header__offcanvas-aside .header__promo-description {
  margin-top: 1.6rem;
  font-size: 1.8rem;
  color: #fff;
}
.header__offcanvas-aside .header__promo-button {
  padding-inline: 4rem;
  min-width: 18.6rem;
  min-height: 6rem;
  height: 6rem;
}
.header__offcanvas-aside .header__promo--articles {
  width: 37rem;
  max-width: 100%;
}
@media screen and (min-width: 1360px) {
  .header__offcanvas-aside .header__promo--articles {
    width: 41.6rem;
  }
}
@media screen and (max-height: 680px) {
  .header__offcanvas-aside .header__promo--articles {
    height: 70vh;
  }
}
.header__offcanvas-aside .header__promo--articles .header__promo-info {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
}
.header__offcanvas-aside .header__promo--articles .header__promo-text {
  max-width: auto;
}
.header__offcanvas-aside .header__promo--articles .header__promo-description {
  margin-top: 0.8rem;
}
.header__offcanvas-aside .header__promo img {
  z-index: -1;
}
@media screen and (max-height: 680px) {
  .header__offcanvas-aside .header__articles {
    height: 65vh;
  }
}
.header__offcanvas-aside .header__articles .header__article:not(:first-child) {
  margin-top: -0.1rem;
}
@media screen and (max-height: 680px) {
  .header__offcanvas-aside .header__articles .article-card-small {
    padding-block: 0.8rem;
  }
}
.header__offcanvas-aside .header__articles .header__subtitle {
  margin-bottom: 2.4rem;
}
.header__offcanvas-aside .header__articles .header__article-button {
  margin-top: 2.4rem;
}

.header__offcanvas-bottom {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  margin-top: 7.7rem;
}

.header .header__social {
  margin-top: auto;
  max-width: 16.5rem;
}
.header .header__social li:first-child a {
  padding-left: 0;
}

.header__inline-menu {
  display: none;
}

.header__inline-menu .header__menu-item {
  font-family: var(--font-header-menu-family);
  font-style: var(--font-header-menu-style);
  font-weight: var(--font-header-menu-weight);
  text-transform: var(--font-header-menu-text-transform);
}

.header--center .header__heading-link {
  margin-left: 0;
}

@media screen and (min-width: 1200px) {
  .header__inline-menu {
    display: block;
  }
  .header--center .header__inline-menu {
    display: flex;
  }
}
.header__menu {
}

.header__menu-item {
  overflow: hidden;
  padding: 1.6rem;
  text-decoration: none;
  color: rgb(var(--color-foreground));
}
.header__menu-item .icon-caret {
  transition: var(--duration-default);
  color: rgb(var(--color-accent));
}
.list-menu--inline .header__menu-item {
  padding: 0 1.2rem;
}
.list-menu--inline .header__menu-item span {
  display: flex;
  align-items: center;
  padding: 0;
  border-width: 0.1rem;
  border-color: transparent;
  border-style: solid;
  transition: color var(--duration-default);
}
.list-menu--inline .header__menu-item span::after {
  height: 0.2rem;
  bottom: -1px;
}
.list-menu--inline .header__menu-item span .icon-caret {
  position: static;
  margin-left: 0.4rem;
}
.list-menu--inline .header__menu-item.header__menu-item--active {
  text-decoration: none;
}
.list-menu--inline .header__menu-item.header__menu-item--active span {
  color: rgb(var(--color-foreground));
}
.list-menu--inline .header__menu-item.header__menu-item--active span::after {
  width: 100%;
}
.list-menu--inline .header__menu-childitem ul {
  position: absolute;
  left: 97%;
  width: max-content;
  height: calc(100% + 3px);
  top: -2px;
}
.list-menu--inline .header__menu-childitem ul::before {
  content: "";
  width: 25px;
  background: rgb(var(--color-header-background));
  height: 100%;
  position: absolute;
  left: -15px;
  border-left: 1px solid rgb(var(--color-border));
}
.list-menu--inline span.header__active-menu-item {
  color: rgb(var(--color-foreground));
}
.list-menu--inline span.header__active-menu-item::after {
  width: 100%;
}
.list-menu--inline details[open] > .header__menu-item span {
  color: rgb(var(--color-foreground)) !important;
}
.list-menu--inline details[open] > .header__menu-item span::after {
  width: 100%;
}
.list-menu--inline:hover .list-menu--megamenu:not(:hover) .header__menu-item {
  color: rgb(var(--color-foreground-secondary));
}
.list-menu--inline:hover .list-menu--megamenu:not(:hover) .header__menu-item span {
  color: rgb(var(--color-foreground-secondary));
}
.list-menu--inline:hover .list-menu--megamenu:not(:hover) .header__menu-item span::after {
  width: 0;
}
.list-menu--inline:hover .header__menu-item:not(:hover) {
  color: rgb(var(--color-foreground-secondary));
}
.list-menu--inline:hover .header__menu-item:not(:hover) span {
  color: rgb(var(--color-foreground-secondary));
}
.list-menu--inline:hover .header__menu-item:not(:hover) span::after {
  width: 0;
}
.list-menu--inline:hover .header__menu-item .header__active-menu-item {
  color: rgb(var(--color-foreground));
}

.header__inline-menu .header__menu-item {
  align-items: flex-start;
}

.header__menu-item > span {
  position: relative;
}

.header__icon .header__icon-name {
  text-decoration: none;
  line-height: 1.9rem;
  color: rgb(var(--color-foreground));
  transition: var(--duration-default);
  text-transform: uppercase;
}

.header__submenu {
  text-transform: none;
  border-radius: 0 0 0.4rem 0.4rem;
  transition: opacity var(--duration-default) ease;
  z-index: 15;
  border: 1px solid rgb(var(--color-border));
  border-top: 2px solid rgb(var(--color-accent));
  background-color: rgb(var(--color-header-background));
}
.header__submenu .header__menu-item {
  height: auto;
  padding: 0.4rem 0;
  font-size: 1.5rem;
  font-weight: var(--font-body-weight);
  text-transform: none;
  transition: background var(--duration-default);
  border-radius: 0.3rem;
  line-height: 140%;
}
.header__submenu .header__menu-item.header__menu-item--active {
  text-decoration: none;
}
.header__submenu .header__menu-item.header__menu-item--active span {
  color: rgb(var(--color-foreground));
}
.header__submenu .header__menu-item.header__menu-item--active span::after {
  width: 100%;
}
.header__submenu .header__menu-item span {
  position: relative;
  padding: 0;
  border: none;
}
.header__submenu .header__menu-item:hover .icon-caret {
  transform: rotate(-90deg) translateY(0.5rem);
  color: rgb(var(--color-accent));
}

.header__menu-item .icon-caret {
  right: 0.8rem;
  z-index: 0;
}

details-disclosure > details {
  position: relative;
}

@keyframes animateMenuOpen {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes animateLocalOpen {
  0% {
    opacity: 0;
    transform: translateY(-1.5rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0rem);
  }
}
.overflow-hidden-mobile,
.overflow-hidden-tablet {
  overflow: hidden;
}

@media screen and (min-width: 750px) {
  .overflow-hidden-mobile {
    overflow: auto;
  }
}
@media screen and (min-width: 990px) {
  .overflow-hidden-tablet {
    overflow: auto;
  }
}
/* component-cart-count-bubble */
.cart-count-bubble:empty {
  display: none;
}

.cart-count-bubble {
  position: absolute;
  top: 0.6rem;
  right: 0.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: none;
  height: 1.6rem;
  width: 1.6rem;
  font-size: calc(var(--font-header-menu-link-size) - 0.4rem);
  line-height: 1;
  color: rgb(var(--color-base-solid-button-labels));
  background-color: rgb(var(--color-base-button-background));
  border-radius: 100%;
}
@media screen and (max-width: 1200px) {
  .cart-count-bubble {
    margin-right: 0;
  }
}

.header__localization {
  position: relative;
  display: none;
  cursor: pointer;
}
.header__localization .localization-selector.link {
  background-color: unset;
}

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

.header__localization localization-form .localization-form__select {
  box-shadow: none;
}

.header__localization .localization-selector.link {
  align-items: center;
  gap: 0;
  padding: 0;
  height: 4.4rem;
  color: rgb(var(--color-foreground));
  border: none;
  font-family: var(--font-header-menu-family);
  font-style: var(--font-header-menu-style);
  font-weight: var(--font-subtitle-weight);
  text-transform: uppercase;
  font-size: calc(var(--font-header-menu-link-size) - 0.4rem);
}

.currency-country {
  position: relative;
  font-family: var(--font-header-menu-family);
  font-style: var(--font-header-menu-style);
  font-weight: var(--font-subtitle-weight);
  text-transform: uppercase;
  font-size: calc(var(--font-header-menu-link-size) - 0.4rem);
  transition: var(--duration-default);
}
.currency-country::after {
  content: "";
  position: absolute;
  bottom: -0.2rem;
  left: 0;
  right: 0;
  width: 0;
  height: 0.1rem;
  background-color: rgb(var(--color-accent));
  transition: width var(--duration-default);
}

.header__localization localization-form .localization-form__select .icon-caret {
  position: static;
  color: rgba(var(--color-foreground), 0.6);
  transition: var(--duration-default);
}

.header__localization .localization-form__select .icon-caret {
  position: absolute;
  content: "";
  height: 2rem;
  right: 2rem;
  top: calc(50% - 0.5rem);
}

.header__localization .localization-selector + .disclosure__list {
  top: 100%;
  right: 0;
  bottom: auto;
  margin-top: 0;
  padding: 0.8rem;
  min-width: auto;
  max-width: 30rem;
  max-height: 30rem;
  background-color: rgb(var(--color-header-background));
  border-radius: 0.3rem;
  box-shadow: 0 40px 60px rgba(var(--color-foreground), 0.05);
  transition: opacity var(--duration-default) ease, transform var(--duration-default) ease;
}
.header__localization .localization-select {
  position: relative;
  background-color: rgb(var(--color-background-input));
  border-radius: 3px;
  border: 0.1rem solid rgb(var(--color-border-input));
  margin: 0.8rem 0;
}
.header__localization .localization-select select {
  padding: 0 2rem !important;
}
.header__localization .button--tertiary {
  min-height: 4.5rem;
}

.menu-drawer__localization-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1.6rem;
}
.menu-drawer__localization-wrapper .localization-selector + .disclosure__list {
  top: unset;
  right: unset;
  bottom: 100%;
  left: 0;
}

.header__localization .disclosure__list li a {
  padding: 1rem 1.6rem;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 0.3rem;
  transition: background var(--duration-default);
}

.disclosure__link--flag:before {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 20px;
  height: 20px;
  flex: none;
  overflow: hidden;
  margin-right: 1rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  border: 1px solid #c4c4c4;
}

.header__localization .disclosure {
  position: static;
}

.header__localization .localization-selector + .disclosure__list {
  animation: animateLocalOpen var(--duration-default) ease;
  transform: translateY(0rem);
}

.header__localization .localization-form__currency {
  margin-left: auto;
}

@media screen and (min-width: 990px) {
  .header__localization {
    display: block;
  }
}
.header__localization-modal.asctive {
  display: block;
}

.currency-flag {
  position: relative;
  width: 20px;
  height: 20px;
  flex: none;
  overflow: hidden;
  margin-right: 0.8rem;
}

.currency-flag:before,
.currency-flag:after {
  content: "";
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.currency-flag:before {
  content: attr(data-value);
  font-size: 9px;
  text-align: center;
}

.currency-flag[data-value]:after {
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 50%;
  border: 1px solid #c4c4c4;
}

.page-header-top {
  margin-top: 11.2rem;
  margin-bottom: 4.8rem;
  padding: 0;
}
@media screen and (max-width: 1200px) {
  .page-header-top {
    margin-top: 1rem;
  }
}
@media screen and (max-width: 750px) {
  .page-header-top {
    margin-bottom: 3rem;
  }
}
.page-header-top .title--page {
  margin: 0;
}

.list-menu--inline {
  max-height: 100%;
  align-items: center;
}
.list-menu--inline li:hover > .header__submenu,
.list-menu--inline li:focus-within > .header__submenu,
.list-menu--inline li:focus > .header__submenu,
.list-menu--inline li:active > .header__submenu {
  opacity: 1;
  pointer-events: all;
}
.list-menu--inline .header__menu-item .header__active-menu-item span {
  color: rgb(var(--color-foreground));
}
.list-menu--inline .header__menu-item .header__active-menu-item span::after {
  width: 50%;
}
.list-menu--inline .header__menu-item + .header__submenu {
  opacity: 0;
  pointer-events: none;
}
.list-menu--inline .header__menu-item + .header__submenu:hover {
  opacity: 1;
  pointer-events: all;
}
.list-menu--inline .header__menu-item:hover + .header__submenu {
  opacity: 1;
  pointer-events: all;
}

.header__submenu {
  box-shadow: 0 40px 30px rgba(var(--color-foreground), 5%);
}
.header__submenu.list-menu {
  padding-block: 2rem;
}
.header__submenu.list-menu span::after {
  height: 0.1rem;
}
.header__submenu li {
  padding: 0.2rem 2rem;
}
.header__submenu .header__menu-item {
  display: inline;
}
.header__submenu .header__menu-item span {
  display: inline;
}

.header__inline-menu .list-menu--disclosure {
  min-width: auto;
  left: auto;
}
.header__inline-menu li:hover > .header__submenu {
  opacity: 1;
  pointer-events: all;
}
.header__inline-menu .list-menu:not(.header__submenu) > li > .header__submenu {
  transform: translate(1.1rem, -2px);
}

.list-menu--megamenu::before {
  position: absolute;
  left: 0;
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  background-color: rgb(var(--color-header-background));
  margin-top: -5px;
  top: 100%;
  opacity: 0;
  transition: opacity var(--duration-default) 0.1s;
}
.list-menu--megamenu::after {
  position: absolute;
  right: 0;
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  background-color: rgb(var(--color-header-background));
  margin-top: -5px;
  top: 100%;
  opacity: 0;
  transition: opacity var(--duration-default) 0.1s;
}
.list-menu--megamenu:hover::before {
  opacity: 1;
}
.list-menu--megamenu:hover::after {
  opacity: 1;
}

.header__menu-item--active {
  text-decoration: none;
  background-size: 100% 0.1rem;
}
.header__menu-item--active span {
  color: rgb(var(--color-foreground));
}
.header__menu-item--active span::after {
  width: 100%;
}

/* Info-bar */
.information-bar__container {
  position: relative;
  overflow: hidden;
  padding: 2rem 0;
  justify-content: flex-start;
}

.information-bar__wrapper {
  list-style: none;
  margin-bottom: 0;
  padding: 0;
}

.information-bar slider-component {
  position: static;
}

.information-bar slider-component .information-bar__wrapper {
  padding-bottom: 0 !important;
}

.information-bar slider-component .slider-buttons {
  position: static;
  margin-top: 0;
}

.information-bar slider-component .slider-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.information-bar slider-component .slider-button--prev {
  left: 0;
}

.information-bar slider-component .slider-button--next {
  right: 0;
}

.information-bar--m-b {
  margin-bottom: 3.5rem;
}

.information-bar__container--border-bottom {
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.3);
}

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

.information-bar__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 5.5rem;
}

.information-bar__image {
  height: 2.5rem;
  margin: 0 0.5rem 0 0;
}

.information-bar__image svg {
  width: 100%;
  height: 100%;
}

.information-bar__image img {
  display: block;
  object-fit: contain;
  object-position: center;
  width: auto;
  height: 100%;
}

.information-bar__message {
  margin: 0;
  font-size: 1.2rem;
}

@media screen and (min-width: 990px) {
  .information-bar__container {
    padding: 1.5rem 0;
    justify-content: center;
  }
  .information-bar__inner {
    padding: 0;
  }
}
/* Breadcrumb  */
.breadcrumb-border {
  border-top: solid 0.1rem rgb(var(--color-border));
}
.breadcrumb-border .container {
  padding-bottom: 2rem;
}

.breadcrumb {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 1rem;
  margin: 2.4rem 0 0 0;
  font-size: 1.2rem;
  line-height: 150%;
  color: rgba(var(--color-secondary-text));
}
.breadcrumb__delimiter {
  width: 1.6rem;
  height: 0.1rem;
  background-color: rgb(var(--color-border));
  margin: 0.8rem;
}
.breadcrumb--center {
  justify-content: center;
}
.breadcrumb a {
  color: rgba(var(--color-secondary-text));
  text-decoration: none;
}
.breadcrumb .link-hover-line::after {
  background-color: rgb(var(--color-border));
}
.breadcrumb .link-hover-line:after {
  width: 100%;
}
.breadcrumb .link-hover-line:hover::after {
  width: 0%;
}

/* Popup */
.popup-scroll-hidden {
  overflow: hidden;
  width: 100%;
}

.popup-animated {
  animation-duration: 0.5s;
  animation-fill-mode: both;
  overflow: hidden !important;
}

@keyframes popupOpenFade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes popupExitFade {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes popupOpenSlide {
  from {
    transform: translate3d(0, 100vh, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes popupExitSlide {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100vh, 0);
  }
}
@keyframes popupOpenZoom {
  from {
    opacity: 0;
    transform: scale(1.1);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes popupExitZoom {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(1.1);
  }
}
@keyframes popupOpenSlideFade {
  from {
    opacity: 0;
    transform: translate3d(0, 4rem, 0);
    visibility: visible;
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes popupExitSlideFade {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 4rem, 0);
  }
}
.popupOpenFade {
  animation-name: popupOpenFade;
}

.popupExitFade {
  animation-name: popupExitFade;
}

.popupOpenSlide {
  animation-name: popupOpenSlide;
}

.popupExitSlide {
  animation-name: popupExitSlide;
}

.popupOpenZoom {
  animation-name: popupOpenZoom;
}

.popupExitZoom {
  animation-name: popupExitZoom;
}

.popupOpenSlideFade {
  animation-name: popupOpenSlideFade;
}

.popupExitSlideFade {
  animation-name: popupExitSlideFade;
}

.popup {
  display: none;
  position: fixed;
  z-index: 999999;
  max-width: calc(100vw - 4rem);
  max-height: calc(100vh - 4rem);
  -webkit-backface-visibility: hidden;
}
.popup--top {
  top: 30px;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}
.popup--top-left {
  top: 30px;
  left: 30px;
}
.popup--top-right {
  top: 30px;
  right: 30px;
}
.popup--bottom {
  bottom: 30px;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}
.popup--bottom-left {
  left: 30px;
  bottom: 30px;
}
.popup--bottom-right {
  right: 30px;
  bottom: 30px;
}
.popup--left {
  top: 50%;
  left: 30px;
  transform: translate3d(0, -50%, 0);
}
.popup--right {
  top: 50%;
  right: 30px;
  transform: translate3d(0, -50%, 0);
}
.popup--center {
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.popup-wrap {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  box-shadow: 0 0 4rem 0 rgba(0, 0, 0, 0.075);
}
.popup-wrap::-webkit-scrollbar {
  width: 1rem;
}
.popup-wrap::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.popup-wrap::-webkit-scrollbar-thumb {
  background: rgb(var(--color-accent));
}
.popup-container {
  width: 100%;
  background: #fff;
  border-radius: 0.6rem;
  overflow: hidden;
}
.popup-outer {
  position: relative;
  display: flex;
  flex-direction: column;
}
.popup-text {
  color: rgb(var(--color-foreground-secondary));
}
.popup-text a {
  text-decoration: underline;
  transition: color var(--duration-default);
}
.popup-text p {
  margin: 0;
}
.popup .popup-close {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 2;
  padding: 1px 6px 2rem 2rem;
}
.popup-open {
  display: flex;
}
@media (max-width: 750px) {
  .popup-open[data-mobile-disable=true] {
    display: none;
  }
}
.popup-open + .popup-overlay {
  display: block;
}
.popup-overlay {
  background-color: rgba(var(--color-overlay), 0.4);
  backdrop-filter: blur(4px);
  position: fixed;
  display: none;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999998;
}
.popup-overlay .popup-wrap {
  box-shadow: none;
}
.popup-thumbnail img {
  width: 100%;
}
.popup .field .field__input {
  background-color: rgb(var(--color-base-background-input));
  border-color: rgb(var(--color-base-border-input));
}
.popup .field .field__input:hover {
  border-color: rgb(var(--color-hover-border-input));
}
.popup-trigger {
  cursor: pointer;
}

@media (max-width: 750px) {
  .popup-main {
    max-width: calc(100vw - 4rem);
    max-height: calc(100vh - 4rem);
  }
}
.popup-main .popup-heading {
  margin-top: 0;
  margin-bottom: 1.6rem;
  font-size: var(--font-popup-heading-size);
  max-width: 40rem;
  margin-top: 0.8rem;
}
.popup-main .popup-heading:first-child {
  margin-top: 0;
}
.popup-main .popup-text {
  margin-top: 1.6rem;
  margin-bottom: 2rem;
  font-size: var(--font-popup-text-size);
  line-height: 140%;
  max-width: 40rem;
  letter-spacing: 0.02em;
}
.popup-main .popup-text:first-child {
  margin-top: 0;
  margin-bottom: 1.6rem;
}
@media screen and (min-width: 576px) {
  .popup-main .popup-text {
    margin-bottom: 5rem;
  }
}
@media screen and (min-width: 750px) {
  .popup-main .popup-text {
    margin-bottom: 11.1rem;
  }
}
.popup-main .popup-text a:hover {
  opacity: 0.8;
}
@media (min-width: 576px) {
  .popup-main .popup-outer {
    flex-direction: row;
  }
}
.popup-main .popup-thumbnail {
  flex: 1 0 30%;
  display: flex;
}
.popup-main .popup-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 576px) {
  .popup-main .popup-thumbnail img {
    max-height: 35vh;
  }
}
.popup-main .popup-content {
  padding: 40px;
  flex: 1 0 60%;
  order: 2;
}
@media screen and (min-width: 750px) {
  .popup-main .popup-content {
    padding: 80px 70px;
  }
}
@media (max-width: 576px) {
  .popup-main .popup-content {
    padding: 20px;
  }
}
.popup-main .popup-content:first-child:last-child {
  flex: 1 0 100%;
}
@media (min-width: 576px) {
  .popup-main-image--right .popup-outer {
    flex-direction: row-reverse;
  }
}
.popup-main-image--top .popup-outer {
  flex-direction: column;
}
.popup-main-image--top .popup-thumbnail {
  position: relative;
  padding-bottom: 55%;
}
.popup-main-image--top .popup-thumbnail img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.popup-main-image--bottom .popup-outer {
  flex-direction: column-reverse;
}
.popup-main-image--bottom .popup-thumbnail {
  position: relative;
  padding-bottom: 55%;
}
.popup-main-image--bottom .popup-thumbnail img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.popup-main .newsletter-form .field,
.popup-main .newsletter-form .button {
  min-height: 6rem;
}
.popup-main .newsletter-form .button {
  padding: 0 3.95rem;
}
.popup-main .newsletter-form__inner {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
@media screen and (min-width: 750px) {
  .popup-main .newsletter-form__inner:not(.newsletter-form__inner_column) {
    flex-direction: row;
  }
}
.popup-main .newsletter-form__inner .newsletter-form__field-wrapper {
  width: 100%;
}
.popup-main .newsletter-form__inner .newsletter-form__field-wrapper label::after {
  display: none !important;
}
.popup-main .list-social {
  margin-left: -1.2rem;
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
}
.popup-main .list-social:nth-child(2) {
  margin-top: 0;
}
.popup-main .list-social:last-child {
  margin-bottom: 0;
}
@media (max-width: 576px) {
  .popup-main .popup-close {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 0.6rem;
    padding: 1rem;
    top: 1rem;
    right: 1rem;
  }
}

.notification-banner .popup-outer {
  padding: 20px 30px;
}
.notification-banner .popup-close {
  opacity: 0.5;
}
.notification-banner .popup-heading {
  margin: 0;
  font-family: var(--font-popups-heading-family);
  font-style: var(--font-popups-heading-style);
  font-weight: var(--font-popups-heading-weight);
  font-size: 2rem;
}
@media only screen and (min-width: 750px) {
  .notification-banner .popup-heading {
    font-size: var(--font-notification-heading-size);
  }
}
.notification-banner .popup-heading + .popup-text {
  margin-top: 0.8rem;
}
.notification-banner .popup-text {
  padding-right: 1rem;
  font-family: var(--font-popups-text-family);
  font-style: var(--font-popups-text-style);
  font-weight: var(--font-popups-text-weight);
  font-size: var(--font-notification-text-size);
}
.notification-banner .popup-text a:hover {
  opacity: 0.8;
}
.notification-banner .popup-button {
  width: 100%;
  margin-top: 1.6rem;
}
.notification-banner--box .popup-close {
  top: 12px;
  right: 10px;
}
.notification-banner--box .popup-wraper-text {
  padding-right: 5rem;
}
.notification-banner--bar.popup--top {
  width: 100%;
  max-width: 100%;
  top: 0;
  left: 0;
  bottom: auto;
  transform: none;
}
.notification-banner--bar.popup--top .popup-outer {
  padding-left: 90px;
  padding-right: 90px;
}
.notification-banner--bar.popup--bottom {
  width: 100%;
  max-width: 100%;
  top: auto;
  left: 0;
  bottom: 0;
  transform: none;
}
.notification-banner--bar.popup--bottom .popup-outer {
  padding-left: 90px;
  padding-right: 90px;
}
.notification-banner--bar .popup-wraper-text {
  padding-right: 5rem;
}
.notification-banner--bar .popup-container {
  border-radius: 0;
}
@media (min-width: 750px) {
  .notification-banner--bar .popup-outer {
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.6rem 2.4rem;
    margin: 0 auto;
  }
  .notification-banner--bar .button {
    margin-top: 0;
    width: auto;
  }
}
.notification-banner--banner .popup-outer {
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  padding: 0.2rem;
}
.notification-banner--banner .popup-outer-image--right {
  flex-direction: row-reverse;
}
.notification-banner--banner .popup-outer-image--top {
  flex-direction: column;
}
.notification-banner--banner .popup-outer-image--bottom {
  flex-direction: column-reverse;
}
.notification-banner--banner .popup-outer-image--top .notification-banner__image, .notification-banner--banner .popup-outer-image--bottom .notification-banner__image {
  position: relative;
  padding-bottom: 55%;
}
.notification-banner--banner .popup-outer-image--top .notification-banner__image img, .notification-banner--banner .popup-outer-image--bottom .notification-banner__image img {
  position: absolute;
  inset: 0;
}
.notification-banner--banner .notification-banner__image {
  flex: 1 35%;
  min-width: 7.6rem;
  align-self: stretch;
  display: flex;
  border-radius: 0.3rem;
  overflow: hidden;
}
.notification-banner--banner .notification-banner__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.notification-banner--banner .notification-banner__content {
  flex: 1 65%;
  padding: 2.4rem 2rem;
}
.notification-banner--banner .popup-close {
  top: 12px;
  right: 10px;
}

.age-verification {
  position: fixed;
  inset: 0;
  -webkit-backface-visibility: hidden;
  width: 100vw;
  height: 100vh;
  max-width: unset;
  max-height: unset;
  padding: 2.4rem;
  background-color: rgb(var(--color-background));
}
@media screen and (min-width: 750px) {
  .age-verification {
    padding: 6.4rem;
  }
}
.age-verification .popup-text p {
  text-align: center;
}
.age-verification__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  box-shadow: none;
}
.age-verification__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.age-verification__question {
  display: none;
}
.age-verification__question.show {
  display: block;
}
.age-verification__heading {
  margin-top: 0;
  margin-bottom: 1.6rem;
  text-align: center;
}
.age-verification__buttons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.8rem;
  margin-top: 2.4rem;
}
@media screen and (min-width: 576px) {
  .age-verification__buttons {
    flex-direction: row;
  }
}
.age-verification__buttons .button {
  min-width: 12rem;
}
.age-verification__declined {
  display: none;
}
.age-verification__declined.show {
  display: block;
}

.product .custom-liquid {
    font-size: 0.8em;
}

p.hulk-powered-wrapper.text-right {
    display: none;
}

.product__info-wrapper .accordion summary {
    padding: 1.2rem 0!important;
}

.product__title__wrapper {
    margin-bottom: 1.2rem!important;
}

.product .custom-liquid {
    margin-bottom: 1rem!important;
}

#shopify-section-template--16442065682582__main .product__info-wrapper .accordion {
    margin-top: 1em!important;
}

.product-popup-modal__content {
  height: max-content;
  max-height: none!important;
}

.product__description {
    margin-top: 0!important;
}

.product-parameters .color-background-2 {
    padding: .5rem .5rem;
    border: 1px solid #b2b3b2;
}

.product-form__input.product-form__input--dropdown {
    width: 48%!important;
}

.product-parameters__item.product-parameters__quantity {
    width: 48%!important;
}

body.template-page-subscriber main#MainContent {
  padding: 10px 70px 600px;
  background-image: url("/cdn/shop/files/DALL_E_2023-12-14_13_0a71da06-b0bb-44b0-bd88-8c3abc21060e.jpg?v=1705855883");
  background-size: 100%;
}

body.template-page-subscriber .shopify-section-group-footer-group {
  padding-top:0px!important;
}

ul#badge_list {
    padding-left: 0;
}

#shopify-section-template--16529572331670__image_banner_EaMMiU {
  padding-top: 0!important;
}

@media screen and (max-width: 1200px) {
  .header {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .header .header__heading {
    width: 100%;
  }
  .header .header__heading .header__heading-link {
    margin: 0;
    justify-content: center;
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 576px) {
  .template-index .group.swiper-slide__content-width {
    position: relative;
    top: -55px;
  }
  .template-index .shopify-app-block .ps-quiz-button-container .ps-quiz-button {
    font-size: 13px;
    line-height: 18px;
    white-space: normal;
    padding: 14px 18px;
  }
}

/* @media screen and (max-width: 1200px) {
.header__column {
    margin-left: 0!important;
}
}
*/

div#\37 b87179c-7807-4b9e-8223-6dd379f4a609 {
    min-height: 30px !important;
}

/* Temple post page */
section#shopify-section-template--17694568841366__image_banner_mtC9EK {
  background: #d4d0d0 !important;
}

div#shopify-section-template--17694568841366__instagram_slider_FgBhE9 {
  background: #d4d0d0 !important;
}

div#shopify-section-template--17694568841366__testimonials_hLJLnA {
  background: #d4d0d0 !important;
}

section#shopify-section-template--17694568841366__image_banner_mtC9EK {
  background: #d4d0d0 !important;
}

div#shopify-section-template--17694568841366__testimonials_PrfxPM {
  background: #d4d0d0 !important;
}

section#shopify-section-template--17694568841366__image_banner_GDKQBh {
  background: #d4d0d0 !important;
}

div#Banner-template--17694568841366__image_banner_mtC9EK {
  background: #d4d0d0 !important;
}

div#Banner-template--17694568841366__image_banner_GDKQBh {
  background: #d4d0d0 !important;
}

section#shopify-section-template--17694568841366__video_PGWqki {
  background: #d4d0d0 !important;
}

@media screen and (max-width: 750px) {
   .image-banner__column.image-banner__column--column h1 {
     color: #262626;
   }
   .image-banner__column.image-banner__column--column p {
     color: #262626;
   }
}

/* Trust element */
.trust-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #f5f5f5;
    padding-top: 30px;
    padding-bottom: 30px;
    gap: 20px; /* Adjust spacing as needed */
}

.trust-grid .grid-item {
    flex: 1 1 calc(16% - 20px); /* Each takes 1/3 of the row with spacing */
    text-align: center;
    box-sizing: border-box;
    border-right: 1px solid #747474;
}

.trust-grid .grid-item:nth-child(6) {
  border-right: 0;
}

.trust-grid .grid-item img {
    width: 85px; /* Adjust size as needed */
    height: auto;
}

.trust-grid .grid-item h3 {
    font-size: 1.5rem;
    margin-bottom: 5px;
  font-weight: 600;
}

.trust-grid .grid-item p {
    font-size: 1.1rem;
    color: #666;
}

.trust-grid .grid-item a {
    text-decoration: none;
    color: inherit;
}

.trust-grid .grid-item a:hover {
    color: #333; /* Highlight effect */
}

@media (max-width: 768px) {
    .trust-grid .grid-item {
        flex: 2 2 29%; /* Full width on mobile */
    }
  .trust-grid .grid-item {
  border-right: 0;
}
}
@media screen and (min-width: 990px) {
  .template-product .product__media-sublist{
    display:none;
  }
  .product__info-wrapper.active{
position: -webkit-sticky !important;
    position: sticky !important;
      height: 100%;
    overflow: auto;
}
  .product__media-wrapper{
 position: -webkit-sticky !important;
    position: sticky !important;
  }
}

/*Symbols css*/
    .container-s {
        text-align: center;
        margin-bottom: 40px;
        padding-bottom: 20px;
        border-bottom: 1px solid #ccc;
    }
    .symbol-image {
        margin-bottom: 15px;
    }
    .symbol-image img {
        width: 50%; /* Adjust image size as needed */
        height: auto;
        border-radius: 5px;
    }
    .symbol-text {
        padding: 10px;
    }
    .symbol-text h3 {
        margin-top: 10px;
    }
    .symbol-text p {
        text-align: left!important;
      font-size: 1em!important;
      font-weight: 400;
    }

/* Hide notice*/
p#notice {
    display: none;
}

/* story text line*/
li.metafield-single_line_text_field {
    line-height: 1.2em;
}

/*banner slider contain*/
.slideshow__item-img {
    object-fit: contain!important;
}

/* ===== MOBILE CUSTOM REVIEW BUTTON ===== */
.mobile-custom-review-button {
  display: none;
}

@media screen and (max-width: 749px) {
  .product__media-icon {
    left: 95%!important;
    right: unset;
    top: 5%!important;
    transform: translate(-50%, -50%);
  }
/* ===== MOBILE CUSTOM REVIEW BUTTON ===== */
  div#yotpo-reviews-tab {
    display: none;
  }
  .mobile-custom-review-button {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    z-index: 1300;
    direction: ltr;
    align-items: flex-start;
    padding: 20px 0;
    pointer-events: none;
  }
  .mobile-custom-review-button .fixed-reviews-btn {
    text-decoration: none;
    display: flex;
    flex-direction: row;
    align-items: baseline;
    padding: 16px;
    border: 0 solid #000;
    width: auto;
    position: fixed;
    cursor: pointer;
    left: 0;
    background: #2E4F7C;
    opacity: 1;
    align-self: center;
    transform-origin: 0 0;
    transform: rotate(270deg) translate(-50%);
    border-radius: 0 0 6px 6px;
    line-height: 19px;
    pointer-events: auto;
  }
  .mobile-custom-review-button .fixed-reviews-btn .reviews-star-icon {
    margin-right: 5px;
  }
  .mobile-custom-review-button .fixed-reviews-btn span {
    font-family: var(--font-heading-family);
    color: #ffffff;
    font-size: 16px;
    line-height: 17px;
  }
}

/* sets on mobile */
@media (max-width: 420px) {
  .template-product .related-products {
    justify-content: flex-start!important;
  }
}

/* subscription form */
section#shopify-section-template--18007171235990__1742891878c2f367dc {
    /* background: #2e4f7c; */
    padding: 60px 0px;
      background: url(/cdn/shop/files/backhground-subscription.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: 10%;
    background-position-y: 90%;
}

/* ===== style.css ===================================================== */

/* ===== merged from app.css (global overrides) ===== */
.product__info-wrapper {
    padding-right: 20px;
}

p.notice {
    font-size: 1.3em;
}

@media screen and (min-width: 1200px) {
.blog-articles-first .article:first-child {
    min-height: 53.2rem;
    width: calc(30% - .8rem)!important;
}
  }

.card-grid__block {
  justify-content: center !important;
}

.formBuilder.formElementsModule.js-form-container.blockLabels.enter_ani_fadein.none {
    padding: 0%;
}

@media screen and (min-width: 990px) {
    #shopify-section-template--17059045965974__image_banner_EaMMiU {
        padding-top: 0px!important;
        padding-bottom: 0px;
    }
}

@media screen and (max-width: 500px) {
#shopify-section-template--17059045965974__image_banner_EaMMiU .image-banner__subheading.subtitle {
    font-size: 35px!important;
}
}

/* Reviews */
.reviews-section {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 0.6em;
  margin-right: 0.6em;
  padding: 20px;
  background-color: #fff;
}

.reviews-logo img {
  max-width: 8em; /* Adjust as needed */
  height: auto;
}

.reviews-text {
  flex: 0.5;
  margin-left: 20px;
  margin-right: 20px;
  text-align: center;
}

.reviews-text h2 {
    font-size: 16px;
    margin-bottom: 10px;
    font-family: var(--font-heading-h2-size);
    font-style: var(--font-heading-style);
    font-weight: var(--font-heading-weight);

}

.review-text p {
    font-size: 16px;
    margin-bottom: 10px;
    font-family: var(--font-heading-h2-size);
    font-style: var(--font-heading-style);
    font-weight: var(--font-heading-weight);
}

.reviews-badge {
  text-align: center;
}

/* Responsive layout: stacks into 3 rows on mobile */
@media (max-width: 768px) {
  .reviews-section {
    flex-direction: column-reverse;
    align-items: center;
  }

  .reviews-text {
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .reviews-badge {
    margin-top: 10px;
  }
}

/* full length upsell coin name */

.ewck-cu-info-wrap {
white-space: normal!important;
}

/*2-side*/
.legend.play {
  font-size: 0.6em !important;
}

.caption-with-letter-spacing.subtitle.subtitle--secondary {
    display: none;
}

.collectors-must-have-section .card__title h5 {
        min-height: 2em;
    }

.card-wrapper .add-tocart-price-wrapper, .card-wrapper .card-info {
    min-height: 5em;
}

.product-icon-visual.country.signage img {
    width: 40px;
    height: 40px;
}
/* ===== end app.css ===== */

/* Base Reset */

/* Self-hosted fonts (Shopify Files) — no external dependency */

/* DM Sans — variable 300–700, latin + latin-ext */
@font-face {
  font-family: 'DM Sans';
  src: url('/cdn/shop/files/dm-sans-latin.woff2?v=1782322483') format('woff2');
  font-weight: 300 700; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Sans';
  src: url('/cdn/shop/files/dm-sans-latin-ext.woff2?v=1782322483') format('woff2');
  font-weight: 300 700; font-style: normal; font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Libre Baskerville — 400 (card headings) */
@font-face {
  font-family: 'Libre Baskerville';
  src: url('/cdn/shop/files/libre-baskerville-latin.woff2?v=1782322483') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Libre Baskerville';
  src: url('/cdn/shop/files/libre-baskerville-latin-ext.woff2?v=1782322483') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Lithos — Shopify Files (display headings) */
@font-face {
  font-family: 'Lithos';
  src: url('/cdn/shop/files/lithos.woff2?v=1757232111') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'DM Sans', sans-serif !important;
  color: #222;
  background: #fff;
}

/* ──────────────────────────────────────────────────────────────
   Section spacing scale — designed vertical rhythm (8pt grid).
   Tokens are mobile-first; desktop (>=990px) steps up. Apply via
   .section-pt-* / .section-pb-* on a section wrapper or inner block.
   ────────────────────────────────────────────────────────────── */
:root {
  --section-space-none: 0px;
  --section-space-sm: 24px;
  --section-space-md: 32px;
  --section-space-lg: 48px;
  --section-space-xl: 80px;
}
@media screen and (min-width: 990px) {
  :root {
    --section-space-sm: 40px;
    --section-space-md: 64px;
    --section-space-lg: 96px;
    --section-space-xl: 160px;
  }
}
.section-pt-none { padding-top: var(--section-space-none); }
.section-pt-sm   { padding-top: var(--section-space-sm); }
.section-pt-md   { padding-top: var(--section-space-md); }
.section-pt-lg   { padding-top: var(--section-space-lg); }
.section-pt-xl   { padding-top: var(--section-space-xl); }
.section-pb-none { padding-bottom: var(--section-space-none); }
.section-pb-sm   { padding-bottom: var(--section-space-sm); }
.section-pb-md   { padding-bottom: var(--section-space-md); }
.section-pb-lg   { padding-bottom: var(--section-space-lg); }
.section-pb-xl   { padding-bottom: var(--section-space-xl); }

h1, h2, h3, h4, h5, h6 {
  font-family: 'lithos', sans-serif;
  font-weight: 400;
}
.section-container{
    max-width:1440px;
    margin: 0 auto;
    padding: 0 64px;
    width: 100%;
      margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.home__header .top__header .section-container, .header__menu .section-container{
    max-width: 1440px;
}
.menu__top{
 display: flex;
    justify-content: space-between;
    align-items: center;
}
.top__header {
    display: block;
    padding: 34px 0;
    border-bottom: 1px solid #0000001A;
}
.nav-right ul {
    display: flex;
    list-style: none;
    gap: 34px;
    justify-content: flex-end;
    align-items: center;
    line-height: 0;
}
header.main-header {
  background: white;
  border-bottom: 1px solid #ddd;
}
.currency-country{
  display: none;
}
.nav-center {
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
   width: 20%;
   line-height: 0;
}

.main-nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  list-style: none;
  gap: 28px;
  font-size: 0.95rem;
}
.main-nav ul li a {
    font-size: 17px;
    font-weight: 400;
    color: #000;
    text-decoration: none;
    line-height: 24px;
}
.nav-right ul li img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}
.nav-left, .nav-right {
    width: 40%;
}
.header__menu {
    position: relative;
}
.header__menu ul {
    list-style: none;
    margin: 0;
    display: flex;
    gap: 24px;
}
.header__menu ul li a {
    display: flex;
    align-items: center;
        color: #000;
    text-decoration: none;
    gap: 10px;
    font-family: "Lithos", sans-serif;
    font-size: 15px;
    font-weight: 400;
}
.home__video_sec{
    position: relative;
    width: 100%;
    margin-top: -147px;
    z-index: -1;
}
.home__video_sec video{
    width: 100%;
    height: 650px;
    object-fit: cover;
}
header.main-header.home__header {
    background: transparent;
}
header.main-header.home__header a {
    color: #fff;
}
/* .home__header img {
    filter: brightness(0) invert(1);
  width: 100%;
} */
.home__header .nav-right ul li:first-child img{
  filter:none;
}
.home__header .top__header {
    border-bottom: 1px solid #FFFFFF1A;
}
header.main-header.home__header{
  border-bottom: 1px solid #FFFFFF1A;
}
.top__header .nav-left .main-nav ul li .sub-menu{
  display: none;
}
.top__header .nav-left .main-nav ul li img {
    transform: rotate(180deg);
    filter: brightness(1) invert(1);
}
.home__header .top__header .nav-left .main-nav ul li img {
    transform: rotate(180deg);
    filter: none;
}
.header__menu ul li a img:last-child{
  filter: brightness(1) invert(1);
}
.home__header .header__menu ul li a img{
  filter: none;
}
.home__header .header__menu ul li a img:first-child {
    filter: brightness(0) invert(1);
}
header.main-header .top__header .section-container {
    max-width: 1440px;
}
.header__menu ul li a img:last-child {
    transform: rotate(180deg);
    position:relative;
    top: 2px;
}
.header-wrapper{
    background-color: inherit!important;
}
.header__inline-menu .list-menu--inline>li>.list-menu__item>span{
    color: #fff!important;
}
.header__heading-logo{
    filter: brightness(0) invert(1);
}
.header__icon--search .icon,
.currency-country,
.header__icon span,
.header__column .header__localization-button[aria-expanded=true] .currency-country,
.header__icon--menu .icon{
    color: #fff!important;
}
.header__icon--cart .icon{
    filter: brightness(0) invert(1);
}
.header__icon .header__icon-name{
    color: #fff!important;
}

.boxed__circle {
    position: relative;
    margin-top: -102.5px;
    width: 100%;
    text-align: center;
    display: block;
}
.boxed__circle img {
    border-radius: 100px;
    background: transparent;
}
.boxed__circle img:last-child{
     position: absolute;
    left: 50%;
    transform: translate(-50%);
    /* bottom: -15px; */
    bottom: -9px;
    animation: rotateAnim 10s linear infinite;
}
@keyframes rotateAnim {
  0% {
    transform: translate(-50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%) rotate(360deg);
  }
}
.section-cta a{
      background: #1D1D1B;
    font-family: 'DM Sans', sans-serif;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    width: 213px;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    margin: 0 auto;
    border-radius: 100px;
    padding: 5px;
    gap:8px;
}
.section-cta img {
    width: auto !important;
}
.carousel-nav__prev, .carousel-nav__next {
  font-size: 2rem;
  background: none;
  border: none;
  cursor: pointer;
}
/*slider2*/
/* Make the section fill full width */
.collections-slider {
  width: 100%;
  position: relative;
}
.collections-slider .section-container{
  max-width: 100%;
  margin: 0;
  padding: 0;
}
.story {
    padding: 96px 0;
}
.story h2 {
    font-size: 50px;
    font-weight: 400;
    color: #1D1D1B;
}
.story__desktop>p{
  font-size: 17px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.story .story__cards {
    margin-top: 48px;
    display: flex;
    justify-content: center;
    gap: 16px;
}
.story__card {
    height: 598px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
        padding: 72px 46px;
            border-radius: 8px;
    background-repeat: no-repeat;
    background-size: cover;
}
}
.box__essence{
  background: url(../images/coins/essence.jpg) no-repeat;
    background-size: cover;
}
.box__legacy{
  background: url(../images/coins/legacy.jpg) no-repeat;
    background-size: cover;
    background-position: 20%;
}
.box__roots{
  background: url(../images/coins/roots.jpg) no-repeat;
    background-size: cover;
    background-position: 50%;
}
.box__spirit{
  background: url(../images/coins/spirit.jpg) no-repeat;
    background-size: cover;
    background-position: 50%;
}
.story__cards .story__card--active .story__toggle {
    display: none;
}
.story__details--open p {
    font-size: 17px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 24px;
}
.story__cards .story__card--active {
    padding: 72px 66px 60px 65px;
}
.story__card.story__card--active {
    width: 67.4%;
}
.story__card {
    width: 32.6%;
    transition: background-color 0.4s ease, transform 0.4s ease;
    transition: 0.5s ease-in-out;
}
.story__card .story__details--closed{
  display: none;
}
.story__card-top h3 {
    font-size: 40px;
    font-weight: 400;
    letter-spacing: -2px;
    color: #1D1D1B;
    text-transform: uppercase;
}
.story__card-bottom img {
    cursor: pointer;
}

.bundle-pricing__carousel {
  color: white;
  text-align: center;
  position: relative;
}
.coin-carousel {
    /* width: 400px; */
    margin: 0 auto;
}
.coin-carousel .coin-carousel__slide {
    position: relative;

    padding: 80px 0;
}

.coin-carousel .coin-carousel__slide img {
  width: 100%;
  max-width: 180px;
  margin: 0 auto;
}

.coin-carousel__details h3 {
  margin: 10px 0 5px;
  font-size: 18px;
}

.coin-carousel__details .price {
  color: red;
  font-weight: bold;
  font-size: 16px;
}

.coin-carousel__details .old-price {
  color: #aaa;
  margin-left: 10px;
  font-size: 14px;
}
.bundle-pricing {
    background: #1D1D1B;
    padding: 105px 72px;
    overflow: hidden;
}
.bundle-pricing__layout {
    display: flex;
}
.bundle-pricing__intro h2 {
    color: #D9BE71;
    font-size: 60px;
    width: 355px;
    letter-spacing: -3px;
    line-height: 57px;
    margin-bottom: 34px;
    text-transform: uppercase;
    letter-spacing: -2px;
}
.bundle-pricing__intro>p {
    color: #fff;
    font-size: 28px;
    font-weight: 400;
    width: 400px;
}
.coin-carousel .swiper-slide-prev .coin-carousel__details, .coin-carousel .swiper-slide-next .coin-carousel__details {
    display: none;
}
.coin-carousel .swiper-slide-prev {
    transform: scale(0.88);
}
.coin-carousel .swiper-slide-next {
    z-index: -1;
    transform: scale(0.88);
}
.coin-carousel .coin-carousel__details {
    margin-top: 30px;
    opacity: 0;
}
.swiper-slide-active .coin-carousel__details{
  opacity: 1;
}
.coin-carousel .carousel-nav {
  text-align: center;
  margin-bottom: 20px;
}

.coin-carousel .coin-carousel.carousel-nav button {
  background: #000;
  color: #fff;
  border: none;
  padding: 8px 16px;
  margin: 0 10px;
  font-size: 18px;
  cursor: pointer;
  border-radius: 5px;
  transition: background 0.3s;
}

.coin-carousel .carousel-nav button:hover {
  background: #444;
}
.bundle-pricing__carousel .carousel-nav {
    display: flex;
    justify-content: space-between;
    width: 659px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.bundle-pricing__carousel .carousel-nav__prev img{
    transform: rotate(180deg);
}
.bundle-pricing__carousel .carousel-nav img {
    width: 56px;
    height: 28px;
}
.bundle-pricing__intro {
    width: 45%;
    padding-left: 120px;
}
.bundle-pricing__main {
    width: 55%;
}
.trust-badges{
  padding:96px 0;
}
.trust-badges ul {
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.trust-badges ul li img {
    display: block;
    margin-bottom: 24px;
  min-height: 79px;
}
.trust-badges ul li {
    border-right: 1px solid #EBE9E4;
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
        width: 16.67%;
        font-size: 15px;
    font-family: 'Lithos', sans-serif;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
}
.trust-badges ul li:last-child {
    border: none;
    padding-right: 0;
}
.trust-badges ul li:first-child {
    padding-left: 0;
}
.magazine__intro {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 4px solid #D9BE71;
    padding-bottom:48px;
}
.magazine__intro h2 {
    font-size: 40px;
    font-weight: 400;
}
.magazine__intro .magazine__btn a {
    color: #000;
    text-decoration: none;
        font-size: 17px;
    font-weight: 400;
}
.magazine__intro .magazine__btn a img {
    filter: brightness(1) invert(1);
}
.magazine__blog{
  margin-top:16px;
}
.magazine__gallery {
  column-count: 3;
}

.pin {
  background: #fff;
  display: inline-block;
  margin: 0 0 20px;
  width: 100%;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  border-radius: 8px;
  overflow: hidden;
  break-inside: avoid;
}

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

.pin p {
  padding: 10px;
  font-size: 14px;
  color: #333;
}
.product-grid {
    padding: 96px 0;
    background: #F5F4F0;
}
.product-grid .hero-bg {
    height: 597px;
    object-fit: cover;
}
/* Unified product-card grid: one responsive layout shared by every surface
   (collection grid, search results, predictive search) — see the matching
   grid-template on .collection-results--products and
   .predictive-search__results-list_products. The card item is frame-only;
   the grid sizes it. */
.product-grid .section-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 48px 17px;
}
.product-card {
  background: #fff;
  padding: 0 16px 16px 16px;
  border-radius: 8px;
  text-align: center;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
/* The card fills its grid cell on every surface. This high-specificity
   override neutralizes the legacy responsive .product-card width/margin
   rules (32% / 48% / 100% …) left over from the old flex layout. */
.product-grid .section-container > .product-card-cell,
.collection-results--products > .product-card-cell,
.predictive-search__results-list_products > .product-card-cell {
  width: auto;
  max-width: none;
  min-width: 0;
  margin: 0;
  flex: initial;
}
.product-grid .product-card h3 {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -1px;
    /* max-width: 284px; */
    margin: 0 auto;
}
.product-card img {
  max-width: 50%;
  height: auto;
}
.product-grid .product-card .price {
    margin: 24px 0 34px 0;
    font-size: 16px;
      justify-content: center;
}
.product-grid .product-card .old-price {
    text-decoration: line-through;
    color: #1D1D1B;
    margin-left: 17px;
  font-weight: normal;
}
.custom-badge {
    padding: 5px 10px;
    background: #905635;
    color: white;
    font-size: 0.8rem;
    display: inline-flex;
    border-radius: 20px;
    gap: 6.26px;
    height: 28px;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Lithos', sans-serif;
    display: flex;
    align-items: center;
}

.color-options {
  margin: 10px 0;
  display: flex;
  justify-content: center;
  gap: 10px;
}

.color-options .color {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #ccc;
}

.color.silver { background: silver; }
.color.gold { background: goldenrod; }
.color.bronze { background: #cd7f32; }

.price {
  margin: 10px 0;
  font-size: 1rem;
}

.current-price {
  color: #D80000;
  font-size: 17px;
    font-weight: 600;
}

.old-price {
  text-decoration: line-through;
  color: #999;
  margin-left: 10px;
}

.btn {
  display: block;
  width: 100%;
  margin: 5px 0;
  padding: 10px;
  font-size: 0.9rem;
  cursor: pointer;
  border: none;
  border-radius: 5px;
}

.buy-now {
  background: #111;
  color: white;
}

.add-to-bag {
  background: #f2f2f2;
  color: #333;
  font-family: 'DM Sans';
}

.trust-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  padding: 40px 20px;
  background: #fff;
}

.trust-item {
  font-size: 0.9rem;
  text-align: center;
  padding: 10px;
  flex: 1 1 120px;
  border-right: 1px solid #ccc;
}

.trust-item:last-child {
  border-right: none;
}
footer {
  background: #fff;
  font-size: 0.85rem;
}
.footer__top {
    position: relative;
}

.footer__top:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #EBE9E4;
}
.footer-cols {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: auto;
  padding: 47px 0 64px 0;
}
.footer__section:nth-child(1) {
    width: 34%;
}
.footer__section:nth-child(4) {
    width: 18%;
}
.footer__section {
    width: 24%;
}
footer h4 {
  font-size: 1rem;
  margin-bottom: 34px;
  font-size: 22px;
  font-weight: 400;
  color: #1D1D1B;
  text-transform: uppercase;
}

footer ul {
  list-style: none;
  padding: 0;
}

footer ul li {
    margin-bottom: 8px;
}

footer .copyright {
    text-align: center;
    color: #1D1D1B;
    border-top: 1.4px solid #EBE9E4;
    padding-top: 24px;
    padding-bottom: 21px;
    display: flex;
    justify-content: space-between;
    font-size: 13px;
}
/* Add this to your stylesheet */

@keyframes slideImageUp {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes fadeInContent {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/*Magazine gallery css start*/
.magazine__gallery .magazine__row{
  display: inline;
  /* flex-wrap: wrap; */
}
.magazine__gallery .magazine__col{
  flex:100%;
  max-width:100%;
  position: relative;
  overflow: hidden;
  margin-bottom: 16px;
}
.magazine__gallery .magazine__col img {
    width: 100%;
    margin: 0px auto;
    vertical-align: middle
}
.magazine__overlay {
    position: absolute;
    bottom: 0;
    background: linear-gradient(360deg, #0000008a, #00000000);
    width: 100%;
    height: 100%;
    padding: 24px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    color: #fff;
}
.magazine__content {
    display: flex;
    align-items: center;
    gap: 10px;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.magazine__content span {
    width: 8px;
    height: 8px;
    background: #D9BE71;
    border-radius: 50px;
}
.magazine__overlay h3 a{
    font-family: 'DM Sans', sans-serif;
    font-size: 32px;
    font-weight: 400;
    line-height: 36px;
    color:#fff;
    text-decoration: none;
}
.magazine {
    padding-bottom: 100px;
        position: relative;
}
.footer__top ul {
    display: flex;
    gap: 34px;
    justify-content: center;
    align-items: center;
    background: #fff;
    width: 278px;
    position: relative;
    top: -17px;
    z-index: 1;
    left: 50%;
    transform: translate(-50%);
}
.footer-cols li a {
    color: #1D1D1B;
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
}
.toggle__icon{
  display: none;
}
  .story__carousel_mob{
  display:none;
}
.footer__accordion img{
  display: none;
}
.footer__links {
    display: flex;
    gap: 44px;
}
.product-card .best-sellers__colors {
    margin: 34px 0 24px 0;
}
.product-form__controls-group{
  justify-content: center;
}
.product-card__variant-name {
    font-size: 13px;
    font-weight: 600;
    color: #666562;
    margin-bottom: 24px;
}
.product-card .best-sellers__colors h3 {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -1px;
}
.banner__collection {
    position: relative;
    height: 450px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner__cont_overlay {
    position: relative;
    z-index: 1;
    width: 100%;
}
.banner__cont_overlay h1 {
    font-size: 50px;
    color: #fff;
    font-weight: 400;
    font-family: 'Lithos', sans-serif;
    text-wrap-style: balance;
}
.banner__cont_overlay p {
    color: #fff;
}
.banner__cont_overlay p {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
}
.banner__collection .banner__cont_overlay .section-container {
    display: flex;
    gap: 96px;
    align-items: center;
    max-width: 1312px;
    padding: 0;
}
.banner__collection .banner__cont_overlay h1 {
    width: 55%;
}
.banner__collection .banner__cont_overlay p {
    width: 47%;
}
.product-grid .buy-now {
    background: #111;
    height: 56px;
    font-size: 15px;
    font-weight: 500;
}
.product-grid .add-to-bag {
    background: #fff;
    color: #1D1D1B;
    height: 56px;
    font-size: 15px;
    font-weight: 500;
    border: 1.4px solid #EBE9E4;
    height: 56px;
}
.varient__sec ul {
    list-style: none;
    display: flex;
    gap: 8px;
}
.varient__sec ul li {
    width: 112px;
    height: 88px;
    border: 1.4px solid #EBE9E4;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.varient__sec ul li span {
    font-size: 13px;
    font-weight: 600;
}
.varient__sec p {
    display: block;
    font-size: 0;
    width: 20px;
    height: 20px;
    border-radius: 50px;
}
.varient__sec p.color_grey {
    background: linear-gradient(to bottom, #F5F5F5, #D9D9D9);
    border:0;
}
.varient__sec ul li:hover {
    border-color: #D9BE71;
}
.product-layout {
    display: flex;
    gap:64px;
    padding: 64px 0 24px 0;
}
.prd__left_sec {
    width: 100%;
    padding: 0 30px 0 0
}
.product-info__body {
    width: 100%;
    gap: 24px 0;
    display: flex;
    flex-direction: column;
}
.varient__sec .color_lightgrey {
    border: 1.4px solid #000000D9;
    background: linear-gradient(to bottom, #D9D9D9, #737373);
}
.varient__sec .color_brown {
    border: 1.4px solid #000000D9;
    background: linear-gradient(to bottom, #D9D9D9, #737373);
}
.varient__sec .color_brown {
    background: linear-gradient(to bottom, #E2AF91, #905635);
    border:none;
}
.product-info__intro h1 {
    font-size: 30px;
    font-weight: 400;
}
.product-info__intro .custom-badge{
  margin: 24px 0;
}
.product-info__body span.old-price {
    color: #1D1D1B;
    font-weight: 500;
    font-size: 17px;
}
.product-info__body .price {
    padding: 16px 0 0 0;
    font-size: 1rem;
    border-top: 1.4px solid #EBE9E4;
    margin: -8px 0 0 0;
}
.product-info__body .price-item, .product-info__body .price .price__sale .price-item--regular{
  font-size: 17px;
}
.shipping__calculate {
    display: block;
    margin-top: 16px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    color: #666562;
}
.add__to_cart_btn, .buy-now-btn{
    font-size: 17px;
    font-weight: 500;
    background: #1D1D1B;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 20px;
    border-radius: 4px;
    font-family: 'DM Sans', sans-serif;
    width: 50%;
    /* height: 56px; */
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    border: 1.4px solid #EBE9E4;
}
.template-product .buy-now-btn{
  width: 100%;
  background: #1D1D1B !important;
}
.add__to_cart_btn {
    background: #fff;
    color: #1D1D1B;
}
.add__to_cart {
    display: flex;
    gap: 8px;
}
.add__to_cart_btn:hover {
    background: #D9BE71;
}
.buy-now-btn:hover {
    background: #4e4e4e;
}
.product-story {
    position: relative;
    height: 640px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* legibility scrim: darken the two text columns (left h2, right content) while
   letting the middle of the image breathe, so the white copy stays readable
   over any background image. absolute, so it stays out of the flex flow. */
.product-story::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(0,0,0,.55), rgba(0,0,0,.32) 50%, rgba(0,0,0,.5));
}
/* background blur-up: a blurred tiny preview (::after, fed by --bg-lqip) sits
   above the full background image but below the scrim/content, and crossfades
   out once the full image has loaded (main.js adds .bg-loaded). isolation
   keeps the z-index:-1 layer inside the section. */
.product-story,
section.banner__collection { isolation: isolate; }
.product-story::after,
section.banner__collection::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-image: var(--bg-lqip);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    filter: blur(24px);
    transform: scale(1.06);
    opacity: 1;
    transition: opacity .6s ease;
}
.product-story.bg-loaded::after,
section.banner__collection.bg-loaded::after { opacity: 0; }
.product-story .product-story__overlay {
    position: relative;
    z-index: 1;
    width: 100%;
}
.product-story .product-story__overlay h2 {
    width: 40%;
    font-size: clamp(34px, 4.5vw, 60px);
    color: #fff;
    font-weight: 400;
    font-family: 'Lithos', sans-serif;
    text-align: center;
}
/* .product-story .product-story__overlay .product-story__content {
    width: 60%;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    overflow-y: scroll;
    scroll-behavior: smooth;
    scrollbar-width: none;
    max-height: 239px;
    max-width: 624px;
    position: relative;
} */
.product-story .product-story__overlay .product-story__content {
    position: relative;
    width: 60%;
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    overflow-y: scroll;
    scroll-behavior: smooth;
    scrollbar-width: none;
    max-height: 480px;
    max-width: 624px;

    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0));
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0));
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
.product-story .product-story__overlay .section-container {
    display: flex;
    gap: 64px;
    align-items: center;
    max-width: 1312px;
    /* keep the columns off the section edges below ~1408px (e.g. a 980px
       viewport) where max-width isn't reached and the content used to touch
       the right edge */
    padding: 0 48px;
}
.product-story .product-story__overlay .product-story__content p{
  margin-bottom: 24px;
}
.product-story .product-story__overlay .product-story__content p:last-child {
    margin-bottom: 0;
}
.vertical-nav {
  text-align: center;.coin-carousel .coin-carousel__details
  margin-top: 10px;
}
.vertical-nav button {
  margin: 0 5px;
  padding: 8px 20px;
  font-size: 16px;
  cursor: pointer;
}
.product-carousel {
  position: relative;
    margin: 40px 0 0
}
@media (max-width: 1440px) {
.banner__collection .banner__cont_overlay .section-container {
    padding: 0 20px;
    gap:20px;
}
}
@media (max-width: 1280px) {
.main-nav ul {
    gap: 15px;
}
.banner__collection .banner__cont_overlay h1{
    font-size: 38px;
    width: 100%;
}
.main-nav ul li a {
    font-size: 15px;
}
.nav-right ul li img {
    width: 20px;
    height: 20px;
}
.section-container {
    padding: 0 40px;
}
 .story__card {
    padding: 72px 20px;
}
.story__cards .story__card--active {
    padding: 72px 30px 60px 30px;
}
}
@media (max-width: 1024px) {
  .magazine__gallery {
    column-count: 2;
  }
  .top__header .nav-left, .header__menu {
      display: none;
  }
  .home__header .top__header .section-container, .header__menu .section-container {
      max-width: 100%;
  }
  .section-container {
        padding: 0 24px;
    }
    .story__cards .story__card--active {
      padding: 72px 20px 60px 20px;
  }
  .story__card-top h3 {
    font-size: 28px;
}
  .home__header .top__header, header.main-header.home__header {
    border-bottom: none;
}
.toggle__icon{
  display: block;
}
  .banner__collection {
    height: 450px;
}
.home__header img{
    width: 100%;
}
.home__header .menu-panel img{
  width: auto;
}
.nav-center{
    width: 150px;
}
  .banner__collection .banner__cont_overlay .section-container {
        flex-direction: column;
        justify-content: space-between;
        text-align: center;
        align-items: center;
        gap: 186px;
    }
    .toggle__icon a img {
    filter: brightness(1) invert(1);
}
    .home__header .toggle__icon a img {
    filter: none;
}
    .footer__top ul li a {
        background: #fff;
        box-shadow: 0 0 15px #00000026;
        border-radius: 50px;
        width: 44px;
        height: 44px;
        padding: 10px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .footer__top ul li a img{
        width: 100%;
        height: 100%;
    }
}
@media (max-width: 768px) {
    .banner__collection {
    height: 450px;
}
    .banner__collection .banner__cont_overlay .section-container {
        gap: 40px;
    }
  .banner__collection .banner__cont_overlay p {
    width: 100%;
}
.banner__collection .banner__cont_overlay{
    padding: 44px 0;
}
  .hero h2 {
    font-size: 2rem;
  }
.language__icon, .search__icon{
    display: none;
  }
  .main-nav ul {
    flex-direction: column;
    gap: 10px;
  }

  .trust-item {
    border: none;
    flex: 1 1 100%;
  }
  .home__video_sec video {
      height: 400px;
  }
  .boxed__circle {
    margin-top: -60.5px;
  }

.boxed__circle img {
    width: 115px;
    height: 115px;
}
.boxed__circle img:last-child {
    bottom: -2px;
    width: 142px;
    height: 142px;
  }
  .story .story__cards{
    display: none;
  }
  .story__carousel_mob{
  display:block;
    touch-action: pan-y;
  overscroll-behavior: contain;
}
 .story__carousel_mob.swiper {
  max-width: 700px;
  aspect-ratio: 4 / 3;
}
.story__carousel_mob.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
    height: 440px;
}
.story__carousel_mob .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    border-radius: 4px;
    box-shadow: 0 0 25px #00000026;
    transition: all 1s ease-in-out;
    padding: 56px 34px;
}

.story__carousel_mob .swiper-button-prev {
  left: -5rem;
  color: black;
}

.story__carousel_mob .swiper-button-next {
  right: -5rem;
  color: black;
}
.story {
    padding: 34px 10px 55px 10px;
}
.story h2 {
    font-size: 32px;
    margin-bottom: 34px;
    text-align: center;
}
.story__desktop>p {
    margin-bottom: 16px;
    text-align: center;
}
.story__carousel_mob  .swiper-pagination {
        position: relative;
        bottom: -20px !important;
    }
.trust-badges ul {
    flex-wrap: wrap;
}
.trust-badges ul li{
  width: 33.33%;
  height: 104px;
  font-size: 13px;
  margin-bottom: 18px;
  border-right: 1.4px solid #EBE9E4;
  position: relative;
      justify-content: flex-start;
}
.trust-badges ul li img {
    height: 56px;
    width: 56px;
    object-fit: contain;
}
.trust-badges ul li:after {
    content: '';
    position: absolute;
    bottom: -18px;
    left: 0;
    width: 100%;
    height: 1.4px;
    background: #EBE9E4;
}
.trust-badges ul li:nth-child(4), .trust-badges ul li:nth-child(5), .trust-badges ul li:nth-child(6) {
    margin-top: 18px;
}
.trust-badges ul li:nth-child(4)::after, .trust-badges ul li:nth-child(5)::after, .trust-badges ul li:nth-child(6)::after {
    height: 0;
}
.trust-badges ul li:nth-child(3) {
    border-right: none;
}
.trust-badges ul li span {
    margin-top: 0;
}
.magazine__btn {
    position: absolute;
    bottom: 100px;
    left: 50%;
    transform: translate(-50%);
}
.magazine__content{display: none;}
.magazine__overlay h3 a {
    font-size: 15px;
    font-weight: 400;
    line-height: 16px;
}
.magazine__overlay{
  padding: 12px;
}
.magazine__gallery .magazine__col:nth-child(4) {
    order: 6;
}
.magazine__overlay-inner h3 {
    text-align: center;
}
.magazine {
    padding-bottom: 170px;
    position: relative;
}
.footer-cols {
    display: flex;
    flex-direction: column;
    padding-bottom: 0;
}
.footer__section {
    width: 100% !important;
    margin-bottom: 46px;
}
.footer__links {
    display: none;
    margin-top: 34px;
}
.footer__accordion{
  margin-bottom: 0;
}
footer h4 img {
    cursor: pointer;
    height: 20px;
    width: 20px;
}
.footer__accordion img{
  display: block;
}
.footer__accordion {
    display: flex;
    justify-content: space-between;
}
footer .section-container {
    padding: 0 16px;
}
.product-grid {
    padding: 24px 0 44px 0;
}
footer .copyright{
      font-size: 13px;
    flex-direction: column;
    text-align: left;
            gap: 44px;
}
}
@media only screen and (min-width: 768px){
  .footer__accordion {
    pointer-events: none;
    }
}

.megamenu__drop {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    width: 100%;
    border-bottom: 1px solid #0000001A;
    /* laid out at all times (absolute, so no layout cost) and revealed with a
       transform-only transition — no opacity. Fading would cross-dissolve two
       panels through each other when hopping quickly between menu items; a
       solid panel sliding in never shows that see-through overlap. */
    visibility: hidden;
    transform: translateY(-10px);
    pointer-events: none;
    transition: transform .24s ease, visibility .24s;
}
.megamenu__drop-wrap{
    background-color: #F5F3F0;
    padding: 48px 0;
}
.megamenu__item:hover .megamenu__drop,
.megamenu__item:focus-within .megamenu__drop{
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
    /* the panel being revealed always sits above one that is still closing, so
       the opaque incoming panel fully covers the outgoing one */
    z-index: 100;
}
.megamenu__grid {
    display: flex;
    flex-wrap: wrap;
}
.megamenu__col{
    flex: 1;
}
.megamenu__box {
    border-right: 1px solid #0000001A;
    text-align: left;
    height: 100%;
    padding: 0 40px;
}

.megamenu__box > * + * {
    margin-top: 28px;
}

.custom-menu-drop .megamenu__box{
  padding: 0 88px;
}
.custom-menu-drop .megamenu__grid{
  justify-content: center;
}
.custom-menu-drop .megamenu__col{
  flex: none;
}
.megamenu__grid .megamenu__col:last-child .megamenu__box{
    border: none;
}
.megamenu__icon {
    width: 96px;
    height: 96px;
    border-radius: 100%;
    overflow: hidden;
    background-color: #ffffff;
    padding: 2rem;
}

.megamenu__icon > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.megamenu__title {
    display: block;
    font-family: "Lithos", sans-serif;
    font-size: 24px !important;
    text-transform: uppercase;
}
.megamenu__sublist ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.megamenu__sublist ul label{
    pointer-events: none;
}

.megamenu__grid.megamenu__grid--cols-2{
    justify-content: center;
}
.megamenu__grid--cols-2 .megamenu__col {
    flex: none;
}
.megamenu__grid--cols-2 .megamenu__col .megamenu__box{
    padding: 0 88px;
}
.megamenu__grid--cols-2 .megamenu__col .megamenu__box ul{
    gap: 16px;
}

.megamenu__items{
    display: flex;
    align-items: center;
    gap: 10px;
}
.megamenu__items .megamenu__items-clear{
    width: 24px;
    height: 24px;
    border-radius: 100%;
}
.main-nav > ul > li > a {
    padding: 2rem 0;
    display: inline-block;
}
/**sidebar menu on mobile**/
.menu-toggle {
    cursor: pointer;
}
.mobile-menu {
    position: fixed;
    top: 0;
    right: -300px; /* Hidden initially */
    width: 300px;
    height: 100%;
    background-color: #FFFFFF;
    box-shadow: -2px 0 5px rgba(0,0,0,0.2);
    z-index: 999;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-bottom: 40px;
    width: 0px;
    transition: right 0.3s ease;
    -webkit-transition: right 0.3s ease;
    -moz-transition: right 0.3s ease;
    -ms-transition: right 0.3s ease;

}
.mobile-menu.active {
    right: 0;
    width: 300px
}
.mobile-menu__close {
    border: none;
    cursor: pointer;
    background-color: inherit;
        flex: 1;
    text-align: right;
}
.mobile-menu__overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    z-index: 998;
}
.mobile-menu__overlay.active {
    opacity: 1;
    visibility: visible;
}
.mobile-menu__wrap{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
    /* height: 100vh; */
    height: 90%;
}
.mobile-menu__bottom {
    padding: 20px;
}
.mobile-menu__bottom ul:not(#HeaderCountryList) {
    list-style-type: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.mobile-menu .menu-panel {
    width: 100%;
    position: absolute;
    top: 0;
    left: 100%;
    transition: left 0.3s ease;
    -webkit-transition: left 0.3s ease;
    -moz-transition: left 0.3s ease;
    -ms-transition: left 0.3s ease;
    padding: 38px 20px 20px;
}
.mobile-menu .menu-panel.active {
    left: 0;
    background-color: #fff;
    z-index: 999;
/*        height: 100%;*/
}
.mobile-menu .menu-panel.back {
    left: -100%;
}
.mobile-menu .menu-header {
    display: flex;
    align-items: center;
    justify-content: end;
   margin-bottom: 46px;
       gap: 8px;
       font-family: 'DM Sans';
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    color: #1D1D1B;
}
.mobile-menu .menu-item {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    font-family: 'DM Sans';
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    color: #1D1D1B;
}
.mobile-menu .menu-dropdown-arrow {
    position: relative;
    top: 0px;
}
.mobile-menu .menu-dropdown-arrow img{
    width: 16px;
    height: auto;
}
.mobile-menu .mobile-menu__back img {
    transform: rotate(180deg);
}
.mobile-menu .mobile-menu__back {
    padding: 0;
    background-color: inherit;
    height: auto;
    border: none;
    display: flex;
    cursor: pointer;
}

.custom-accordion {
    margin-bottom: 20px;
}
.custom-accordion:last-child{
    margin-bottom: 0px;
}
.custom-header {
    cursor: pointer;
    display: flex;
    padding-right: 30px;
    align-items: center;
    font-family: "Lithos";
    font-weight: 400;
    font-size: 17px;
    line-height: 100%;
    text-transform: uppercase;
    color: #1D1D1B;
    gap: 16px;
    position: relative;
}
.custom-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
    -webkit-transition: max-height 0.3s ease, padding 0.3s ease;
    -moz-transition: max-height 0.3s ease, padding 0.3s ease;
    -ms-transition: max-height 0.3s ease, padding 0.3s ease;
}
.custom-content.open {

}
.custom-arrow {
  transition: transform 0.3s ease;
  -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
  position: absolute;
  right: 0px;
  top: 4px;
}
.custom-arrow.down {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
}
.custom-arrow img {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}
.custom-arrow.up {
   transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}
.custom-content ul {
    display: flex;
    flex-direction: column;
    gap: 17px;
    list-style-type: none;
    padding: 20px 20px 20px 48px;
}
.custom-content ul li a{
    font-family: 'DM Sans';
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
   color: #1D1D1B;
   text-decoration: none;
}

.custom-stylePrice-icon {
    margin: 0 0 20px;
    display: flex;
}
.custom-price-bx{
    margin-bottom: 24px;
}
.custom-price-bx ul,
.custom-clr-bx ul {
    display: flex;
    flex-direction: column;
    list-style-type: none;
    padding: 0;
    gap: 16px;
    margin: 0 0;
}
.custom-price-bx ul li a,
.custom-clr-bx ul li a{
    font-family: 'DM Sans';
    font-weight: 400;
    font-size: 13px;
    line-height: 100%;
    color: #1D1D1B;
    text-decoration: none;
}
.custom-clr-bx ul li a label{
    pointer-events: none;
}

.mobile-menu__bottom ul{
   padding-top: 20px;
   border-top: 1.5px solid #EBE9E4;
}

.mobile-menu__bottom ul li {
    display: flex;
    gap: 18px;
    align-items: center;
    position: relative;
}
.mobile-menu__bottom ul li a{
    font-family: "Lithos";
    font-weight: 400;
    font-size: 17px;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #1D1D1B;
}
.mini-menu__icon {
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    position: relative;
}
.mini-menu__counter {
    position: absolute;
    top: -6px;
    right: -4px;
    width: 18px;
    height: 18px;
    background-color: #1D1D1B;
    border-radius: 100%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
}
.collections-slider {
    margin-top: 40px;
}
.magazine__intro h2{
    font-size: 32px;
    margin: 0 0 16px;
    text-align: center;
}
.magazine__btn{
    left: 0;
        transform: inherit;
        /* width: 100%; */
        right: 0;
}
.magazine__intro {
    padding-bottom: 0;
}
.magazine__intro .magazine__btn a {
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

}
@media (max-width: 480px) {
    .swiper-pagination-info {

        display: flex !important;

        width: 100%;

        justify-content: center;

        position: relative;

        z-index: 99999;

        font-family: 'DM Sans';

        font-weight: 400;

        font-size: 13px;

        line-height: 100%;

        text-align: center;

        color: #666562;

        top: 45px;

    }


}
@media only screen and (min-width: 768px){
  .footer__accordion {
    pointer-events: none;
    }
}

ye css aap add kr do header ke liye hai

.header .header__column {

    gap: 34px;

}

.header .header__column .header__icons {

    gap: 34px;

}

.header .header__column .header__icons .header__localization {

    padding: 0;

}

.header .header__column .header__icons .header__search {

    padding: 0;

}

.header .header__column .header__icon--cart{

    padding: 0px;

    position: relative;

    min-width: auto;

}

.header .header__column .header__icon--cart svg {

    width: 24px;

    height: 24px;

}

.header .header__column .header__icon--cart svg path{

    fill: #fff;

}

.header .header__column .header__icon--cart .cart-count-bubble {

    position: absolute !important;

    width: 16px !important;

    height: 16px !important;

    background-color: #fff !important;

    right: -6px;

        top: 12px;

}

.header .header__column .header__icon--cart .cart-count-bubble span{

     color: #1D1D1B !important;

}

.header .header__column .header__icons .header__search .icon-search{

    width: 24px;

    height: 24px;

}

.header .header__column .header__icons .currency-flag{

    /* width: 24px;

    height: 24px; */

    margin: 0px;

}

.header__heading-logo{

    width: 181px;

}

li.megamenu__item > a img {

    width: 8px;

    height: 8px;

    transform: rotate(180deg);

}

.header__menu ul.menu-2-submenu {
    /* laid out at all times (absolute, so no layout cost) and toggled via
       opacity/visibility/transform so it can transition in/out — display:none
       can't animate. */
    display: flex;
    position: absolute;
    flex-wrap: wrap;
    padding-top: 3rem;
    padding-bottom: 3rem;
    background-color: #F5F3F0;
    width: 100%;
    top: 100%;
    left: 0;
    right: 0;
    gap: 30px;
    justify-content: flex-start;
    z-index: 50;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    pointer-events: none;
    transition: opacity .24s ease, transform .24s ease, visibility .24s;
}

.header__menu {

    position: relative;

    border-style: solid;

    border-width: 1px 0;

    border-color: #FFFFFF1A;

}

.header__menu ul li a{

    font-family: "Lithos", sans-serif;

    font-weight: 400;

    font-size: 15px;

    line-height: 100%;

    text-align: center;

    text-transform: uppercase;

    color: #fff;

}

.header__menu ul li a img {

    filter: brightness(0) invert(1);

    width: 30px;

    height: 30px;

    object-fit: contain;

}

.header__menu ul li a img.menu2-angle-down {

    width: 8px;

    height: 8px;

    filter: brightness(0) invert(1);

    position: relative;

    left: -4px;

    top: 0px;

}

.header__menu ul > li:hover > a img.menu2-angle-down{

    transform: rotate(360deg);

}

.header__menu ul > li:hover ul.menu-2-submenu,
.header__menu ul > li:focus-within ul.menu-2-submenu{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

.header__menu .section-container{

    max-width: 100%;

    padding: 0;

}

.header__menu .section-container > ul > li > a {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.header__menu ul > li:hover ul.menu-2-submenu a {

    color: #000;

    text-transform: capitalize;

    letter-spacing: 0px;

    font-size: 17px;

    font-family: 'DM Sans', sans-serif;

}

.header__menu ul ul.menu-2-submenu li {

    position: relative;

    padding-left: 13px;

}

.header__menu ul ul.menu-2-submenu li:before {

    content: "";

    position: absolute;

    width: 0;

    height: 0;

    border-top: 6px solid transparent;

    border-bottom: 6px solid transparent;

    border-left: 6px solid #2b2b2b;

    left: 0;

    top: 4px;

}
.header__column{
    gap: 34px!important;
}
.home__header .main-nav > ul > li > a{
    color: #fff;
}
.shopify-section-group-header-group.shopify-section-header {
    background-color: #fff;
}
.template-index .shopify-section-group-header-group.shopify-section-header {
    background-color: #00000000;
}
.inner-pages .main-nav ul li a{
    color: #1D1D1B;
}
.inner-pages li.megamenu__item > a img{
    filter: brightness(1) invert(1);
}
.inner-pages .header__heading-logo {
    filter: brightness(1) invert(0);
}
.inner-pages .header__menu{
    border-color: #0000001a;
    border-width: 1px 0 0;
}
.inner-pages .header__menu ul li a{
    color: #1D1D1B;
}
.inner-pages .header__menu ul li a img {
    filter: brightness(1) invert(0);
}
.inner-pages .header__menu ul li a img.menu2-angle-down{
    filter: brightness(1) invert(1);
}
.inner-pages .header__icon--search .icon{
    color: #1D1D1B!important;
}
.inner-pages .header .header__column .header__icon--cart svg path {
    fill: #1D1D1B;
}
.inner-pages .header .header__column .header__icon--cart .cart-count-bubble {
    background-color: #1D1D1B !important;
    border-color: #1D1D1B !important;
}
.inner-pages .header .header__column .header__icon--cart .cart-count-bubble span{
    color: #fff!important;
}

.hidden-variants{
  display: none;
}

.product-parameters .product-form__controls-group {

    justify-content: inherit;

    gap: 8px;

}

.product-parameters label.color-swatch {

    width: 112px;

    height: 88px;

    display: flex;

    flex: none;

    max-width: inherit;

    border-radius: 4px !important;

    border: 1.4px solid #EBE9E4;

    background-color: inherit;

    justify-content: center;

    align-items: center;

    text-align: center;

    gap: 0px !important;

    position: relative;

    flex-direction: column;

    gap: 10px !important;

}

.product-parameters label.color-swatch input{

    position: absolute;

    width: 1px;

    height: 1px;

    background-color: inherit;

}

.product-parameters label.color-swatch .switches{

    font-weight: 600;

    font-size: 13px;

    line-height: 100%;

    text-align: center;

  color: #252523!important;

  position: static;

    margin: 0;

    padding: 0;

    transform: inherit;

    font-family: 'DM Sans', sans-serif;

}

.product-parameters label.color-swatch:after{

    display: none;

}

.product-parameters label.color-swatch .visually-hidden {

    position: static !important;

    width: 20px;

    height: 20px;

    display: flex;

    background: var(--swatch-color);

    border-radius: 100%;

    flex: none;

    font-size: 0px;

}

.product-parameters label.color-swatch.active{

    border: 1.4px solid #D9BE71;

}

.product-parameters label.color-swatch.active .visually-hidden{

     border: 1.4px solid #000000D9;

}

.product-parameters variant-radios {

    padding: 0;

}

.product-parameters variant-radios legend{

    font-weight: 400;

    font-size: 15px;

    line-height: 100%;

    text-transform: uppercase;

  color: #666562;

  font-family: 'DM Sans', sans-serif;

}

.product-parameters fieldset.Variant .product-form__controls-group label{

      display: inline-flex;

    border: 1.4px solid #EBE9E4 !important;

    padding: 20px 34px !important;

    background-color: #fff !important;

    border-radius: 100px;

    flex: none;

    min-height: 44px;

    max-width: inherit;

    width: auto;

    min-width: 100px;

   color: #1D1D1B;

    font-weight: 500;

    font-size: 13px;

    line-height: 100%;

    text-align: center;

    font-family: 'DM Sans', sans-serif;

}
.product-parameters fieldset.Variant .product-form__controls-group input[type="radio"]:checked + label {
    background: #000000 !important;
    color: #fff !important;
}
.fade-in {
    opacity: 0;
    transform: translateY(30px);
    animation: fadeInUp 0.6s ease-out forwards;
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(30px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
/* Optional: background animation for img */
.animate-bg {
    animation: bgZoom 3s ease-in-out forwards;
}
@keyframes bgZoom {
from {
transform: scale(1);
}
to {
transform: scale(1.05);
}
}
.slider-container {
    width: 340px;
    position: relative;
    perspective: 1200px;
    overflow: hidden;
    user-select: none;
}
.story__flipper {
    position: relative;
    height: 440px;
}
.story__flip-card {
    background: url('tt.png') no-repeat center/cover;
    color: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 56px 30px;
    border-radius: 20px;
    text-align: center;
    backdrop-filter: grayscale(100%);
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15);
    transition: all 0.6s ease;
    opacity: 0;
    transform: scale(0.9) translateY(50px) rotateZ(0deg);
    z-index: 0;
    cursor: grab;
    background: #FFF url("assets/images/bgf.png") no-repeat center top;
    background-size: cover;
    height: 100%;
}
.story__flip-card.prev {
    transform: scale(0.92) translateY(-23px) rotateZ(2deg);
    opacity: 1;
    z-index: 1;
    background: #FFF;
}
.story__flip-card.next {
    transform: scale(0.92) translateY(-50px) rotateZ(-3deg);
    opacity: 0.5;
    z-index: 1;
    background: #FFF;
}
.story__flip-card.active {
    transform: scale(1) translateY(18px) rotateZ(0deg);
    opacity: 1;
    z-index: 3;
}
.story__flip-content {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 100%;
    width: 100%;
}
.story__flip-card h2 {
    font-size: 40px;
    margin-bottom: 0;
    letter-spacing: -2px;
    color: rgba(29, 29, 27, 1);
}
.story__flip-card p {
    font-size: 15px;
    color: rgba(29, 29, 27, 1);
}
.story__flip-card button {
    margin-top: 30px;
    background: #111;
    color: #fff;
    padding: 10px 20px;
    border-radius: 30px;
    border: none;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
    transition: background 0.3s ease;
}
.story__flip-card button:hover {
    background: #333;
}
.slider-controls {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}
.story__flip-card button {
    margin-top: 0;
    background: #111;
    color: #fff;
    padding: 0;
    border-radius: 30px;
    border: none;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
    transition: background 0.3s ease;
    width: 100%;
    height: 48px;
    line-height: 48px;
    font-size: 17px;
    font-weight: 400;
    margin: 24px 0 0;
    display: flex;
    justify-content: center;
    align-content: center;
    gap: 6px;
}
.story__flip-card button span {
    font-size: 24px;
    margin: -2px 0 0;
}
.story__dots {
    display: flex;
    justify-content: center;
    margin-top: 50px;
    gap: 8px;
}
.story__dots .dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: rgba(235, 233, 228, 1);
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.story__dots .dot.active {
    background-color: rgba(217, 190, 113, 1)
}
.story__flip-content {
    opacity: 0;
}
.story__flip-card.active .story__flip-content {
    opacity: 1;
}
.story__mobile {
    margin: 80px 0 0;
    display: none;
}
.coin-carousel__wrapper {
    width: 368px;
    margin: 0 auto;
    position: relative;
}
.coin-carousel__arrow {
    /* font-size: 2rem; */
    color: white;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-70px);
    z-index: 10;
    background: none;
    padding: 10px;
    border-radius: 50%;
    transition: 0.3s;
    padding: 0;
    width: 56px;
    height: 28px;
}
.coin-carousel__arrow img {
    width: 100%;
    height: auto;
}
.coin-carousel__arrow--prev {
    left: -120px;
}
.coin-carousel__arrow--next {
    right: -120px;
}
.coin-carousel .coin-carousel__slide {
    transition: transform 0.3s;
    /* padding: 35px 0 80px; */
    padding: 45px 0 80px;
}
.coin-carousel .swiper-slide-active {
    z-index: 699;
    margin: 20px 0 0
}
.coin-carousel__details {
    opacity: 0;
    width: 171px;
    margin: 0 0 0 -22px;
}
.coin-carousel .swiper-slide-active .coin-carousel__details {
    opacity: 1
}
.coin-carousel .coin-carousel__slide h3 {
    padding: 0;
    margin: 20px 0 0;
    font-size: 17px;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
}
.coin-carousel__arrow--prev img {
    transform: rotate(180deg);
}
.coin-carousel__details .old-price {
    color: #FFF;
}

@media (max-width:1200px) {
.bundle-pricing__intro {
    padding: 0;
}
.bundle-pricing__layout {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.bundle-pricing__intro, .bundle-pricing__intro h2, .bundle-pricing__intro > p {
    width: 100%;
    text-align: center;
    max-width: 232px;
}
.coin-carousel__wrapper {
    width: 230px;
    margin: 30px auto 0
}
.bundle-pricing {
    padding: 40px 0 0;
}
.bundle-pricing__main {
    width: 80%;
}
.coin-carousel__details {
    width: 171px;
    margin: 0 0 0 -49px;
}
.coin-carousel__arrow {
    width: 34px;
    height: 17px;
}
.coin-carousel__arrow--prev {
    left: -43px;
}
.coin-carousel__arrow--next {
    right: -43px;
}
}

@media (max-width:768px) {
.story__mobile {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.coin-carousel .coin-carousel__slide h3 {
    margin: 14px 0 0;
    font-size: 12px;
}
.coin-carousel__details .price, .coin-carousel__details .old-price {
    font-weight: 600;
    font-size: 12px;
}
.bundle-pricing__intro h2 {
    color: #D9BE71;
    font-size: 32px;
    letter-spacing: -1px;
    line-height: 32px;
    margin-bottom: 17px;
}
.bundle-pricing__intro p {
    font-size: 17px;
}
  .product-card h3{
    height: auto;
    display: block;
}
.product-card .best-sellers__colors{
        min-height: auto;
}
}

.predictive-search__results-list{
          gap: 17px;
          margin: 0 -10px;
          padding: 0 10px;
}
.template-search__item {
    padding: 10px;
    border: 1px solid #ccc;
    text-align: center;
}
.template-search__item {
    padding: 10px !important;
}
.template-search__item .product-card p.price span.price, .predictive-search__list-item .product-card p.price span.price {
    font-size: 17px;
}
.bundle-pricing .bundle-pricing__carousel img {
    border-radius: 100%;
}
.bundle-pricing .coin-carousel__details a{
    text-decoration: none;
}
.bundle-pricing .coin-carousel__details h3{
    color: #fff;
}
.bundle-pricing .coin-carousel .coin-carousel__details > p {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
    justify-content: center;
}
.bundle-pricing .coin-carousel .coin-carousel__details > p span{
    margin: 0px!important;
}
/* header custom css*/
.inner-pages header-drawer .header__icon span, .inner-pages header-drawer .header__icon .icon{
    color: #000 !important;
  }
@media screen and (max-width: 1200px) {
    .header .header__heading {
        width: auto;
    }
  .header {
    display: flex;
  }
  .hide-mobile{
    display: none;
  }
  .header .header__column .header__icon--cart{
    padding: 15px;
  }
  .header .header__column .header__icon--cart .cart-count-bubble{
    right: 10px;
  }
  .menu-drawer__utility-links{
    display: none;
  }
  #menu-drawer .header__icon--search .icon, .mobile-menu .header__icon--search .icon{
    color: #000 !important;
  }
  #menu-drawer .header__search{
    justify-content: start;
  }
  .coin-carousel__frame{
    min-height: 350px;
  }
}

.product-form__submit{
    justify-content: center!important;
}
.story h2,
.magazine__intro h2{
    text-transform: uppercase;
}
@media only screen and (max-width: 580px){
    .home__header img{
        width: 146px;
    height: auto;
    max-width: 146px;
    }
    .swiper-slide.swiper-slide-visible.swiper-slide-next, .swiper-slide.swiper-slide-visible.swiper-slide-prev {

    }
    .bundle-pricing{
        padding: 34px 0 5px;
    }
    .bundle-pricing__intro p{
        line-height: 22px;
    }
    .coin-carousel__details .old-price{
        margin: 0px;
    }
    .coin-carousel .swiper-slide-next, .coin-carousel .swiper-slide-prev
    {
        transform: scale(0.96);
    }
    .trust-badges ul li:after{
        margin: auto;
    right: 0;
    height: 1px;
    width: 82%;
    }
    .trust-badges ul li img{
        object-fit: scale-down;
    }
    .trust-badges {
        padding: 34px 0 50px;
    }
        .section-container {
            padding: 0 16px;
        }
    .magazine__intro{
        justify-content: center;
    }
    .magazine__gallery{
        gap: 8px;
    }
    .magazine__gallery .magazine__col{
        margin-bottom: 8px;
    }
    .magazine__overlay-inner h3{
        line-height: 15px;
    }
    .magazine__gallery .magazine__col {
        height: 220px;
        /* object-fit: cover; */
    }
    .magazine__gallery .magazine__col:nth-child(3){
        height: 313px;
        margin: 0px;
    }
    .magazine__gallery .magazine__col:nth-child(4){
        height: 133px;
    }
    .magazine__gallery .magazine__col:nth-child(5){
        height: 314px;
    }
    .magazine__gallery .magazine__col:nth-child(4) {
        order: inherit;
    }
    .magazine__gallery .magazine__col > img {
        height: 100%!important;
        width: 100%!important;
        object-fit: cover!important;
    }
    .magazine__gallery .magazine__row{
        display: inline !important;
    }
    .magazine {
        padding-bottom: 160px;
    }
    .footer__top ul{
        top: -22px;
        gap: 16px;
    }
    footer .copyright{
        padding-top: 16px;
    }
    .product-recommendations__slider .custom-product-slider .custom-slide .product-recommendations__info h4{
        height: 36px !important;
    }
}
@media only screen and (max-width: 1200px){
    .header__icon--menu span
    {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        cursor: pointer;
    }
    .header__icon--menu .header__modal-close-button{
        display: none;
    }
    .menu-drawer-container.menu-opening .header__modal-close-button{
        justify-content: inherit;
        cursor: pointer;
    }
    .menu-opening .menu-opening .header__icon--menu span.header__modal-close-button > svg{
        display: flex!important;
        width: 24px;
        height: 24px;
    }
}

section.banner__collection:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #0000006b;
}
section.product-grid{
    padding: 96px 0 32px;
}
.product-card .product-card__image.product-card__image--pair {
    width: 100%;
    font-size: 0;
}
.product-card .product-card__image img{
    width: 50%;        /* explicit (was width:100% capped to 50% by .product-card img{max-width:50%}); the
                          width/max-width conflict left the box height unresolved until the image loaded */
    height: auto;      /* aspect-ratio governs the height (no letterbox band) */
    object-fit: scale-down;
    display: block;    /* block + aspect-ratio reserves the square box up-front, so no load-time jump */
    margin: 20px auto 10px;
    aspect-ratio: 1 / 1;
    transition: opacity 0.15s ease;   /* cross-fade on variant swatch swap (main.js crossfadeSwap) */
}
/* blur-up: a blurred preview of the real cut-out sits behind the image until it
   loads (single-image cards). top/bottom match the image margin; contain keeps
   the silhouette; scale(.82) keeps the soft blur inside the box. */
.product-card .product-card__image.lazy-host{position:relative}
.product-card .product-card__image.lazy-host:not(.product-card__image--pair)::before{content:"";position:absolute;top:20px;left:0;right:0;bottom:10px;
    background-image:var(--lqip);background-size:contain;background-position:center;background-repeat:no-repeat;
    filter:blur(10px);transform:scale(.82);opacity:1;transition:opacity .5s ease;pointer-events:none;z-index:0}
.product-card .product-card__image.lazy-host:not(.product-card__image--pair).is-loaded::before{opacity:0}
.product-card .product-card__image.lazy-host img{position:relative;z-index:1}
.product-card .product-card__image.product-card__image--pair img {
    position: relative;
    display: inline-block;
    width: 50%;
    border-radius: 100%;
}
.product-card .product-card__image.product-card__image--pair img:nth-child(1) {
    z-index: 2;
    transform: translateX(25px);
}
.product-card .product-card__image.product-card__image--pair img:nth-child(2) {
    z-index: 1;
    transform: translateX(-25px);
}
/* blur-up for paired obverse/reverse cards: a blurred preview behind each coin
   at its overlapping position. ::before = left/front coin, ::after = right/back
   coin; both sit below the images (z-index:0) and fade out once they load. */
.product-card .product-card__image--pair.lazy-host::before,
.product-card .product-card__image--pair.lazy-host::after{
    content:"";position:absolute;top:20px;bottom:10px;width:50%;z-index:0;pointer-events:none;
    background-size:contain;background-position:center;background-repeat:no-repeat;
    filter:blur(9px);opacity:1;transition:opacity .5s ease}
.product-card .product-card__image--pair.lazy-host::before{left:0;transform:translateX(25px) scale(.8);background-image:var(--lqip)}
.product-card .product-card__image--pair.lazy-host::after{right:0;transform:translateX(-25px) scale(.8);background-image:var(--lqip-2)}
.product-card .product-card__image--pair.lazy-host.is-loaded::before,
.product-card .product-card__image--pair.lazy-host.is-loaded::after{opacity:0}
.product-card .custom-badge{
    margin: auto;
    justify-content: center;
    align-items: center;
    width: auto;
}
.product-card .custom-badge img{
    width: 15px;
    height: 15px;
    object-fit: scale-down;
}
.product-card .best-sellers__colors{
    margin: 34px 0 0;
}
.product-card--thumbs label.color-swatch span.switches{
    display: none;
}
.product-card h3{
    font-weight: 400;
    font-style: Regular;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    text-transform: uppercase;
    color: #1D1D1B;
}
.product-card p.price{
    margin: 24px 0;
    display: flex;
    justify-content: center;
    font-size: 17px;
    font-weight: 600;
}
.product-card .btn.buy-now{
    height: 56px !important;
    background-color: #1D1D1B;
    width: 100%;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
}
.product-card .add-to-bag{
    height: 56px !important;
    background-color: #fff;
    width: 100%;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    border: 1.4px solid #EBE9E4;
    color: #1D1D1B;
}
.product-card .product-card__variant-name{
    margin-bottom: 24px;
    margin-top: 24px;
}
.product-card-cell .product-card.js-color-swatches-wrapper{
    min-height: auto;
}
.product-grid .product-card span.price{
    margin: 0px!important;
}

@media only screen and (max-width: 580px){
section.product-grid {
    padding: 24px 0 44px;
}
}
@media only screen and (max-width: 1200px){
.menu-toggle {
    display: flex !important;
}
.mobile-menu{
    min-height: 100vh;
}
span.custom-menu-icon img {
    width: 34px;
    height: 34px;
    display: inline-block;
}
.custom-content ul li {
    line-height: normal;
}
.mobile-menu__close img{
    width: auto;
}
.menu-open .shopify-section-header{
    will-change: inherit;
}
  .header details[open]>.search-modal{
    z-index: 9999;
}
.header .header__column {
    gap: 10px !important;
}
  button.mobile-menu__back img {
    width: auto;
}
span.custom-arrow.down img {
    width: auto;
}
  .custom-arrow img {
     width: auto;
}
  .mobile-menu .header__icon .header__icon-name{
    color: #000 !important;
    display: block;
  }
  .mobile-menu .header__icon--cart{
    font-size: 22px !important;
  }
  .mobile-menu .header__localization{
    display: block;
  }
}
.product-card .quick-add{
  width: 100%;
}
@media only screen and (max-width: 1200px){
.mobile-menu .header__icon--search,
.mobile-menu .header__icon--cart{
    min-height: auto!important;
            gap: 21px;
}
#shopify-section-sections--18505446654102__header {
    padding-top: 0px;
    padding-bottom: 0px;
}
.header__heading-logo {
    width: 150px;
    max-width: inherit;
}
body.menu-open {
    overflow: hidden;
    touch-action: none;
}
body.menu-open .mobile-menu{
-webkit-overflow-scrolling: touch;
}
.mobile-menu__bottom ul{
    padding-top: 20px!important;
}
.mobile-menu__bottom ul li a,
.mobile-menu__bottom ul li span{
    font-size: 17px!important;
        font-family: Lithos !important;
}
    .mobile-menu .header__icon--cart,
    .mobile-menu .header__icon .header__icon-name{
        font-size: 17px !important;
    }
.mobile-menu__bottom ul:not(#HeaderCountryList){
        gap: 15px;
}
.mobile-menu__bottom ul li .currency-country{
    display: block!important;
            color: #000 !important;
            font-weight: 400!important;
}
.mobile-menu__bottom .header__localization .localization-selector.link{
      gap: 21px;
}
}
@media only screen and (min-width: 620px) and (max-width: 1400px){
    .bundle-pricing .bundle-pricing__intro {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.bundle-pricing .bundle-pricing__intro h2,
.bundle-pricing .bundle-pricing__intro p{
    max-width: 100%;
}
.bundle-pricing .bundle-pricing__intro h2{
    font-size: 45px;
}
}
@media only screen and (min-width: 1201px){
.magazine__blog .magazine__gallery .magazine__col img {
    height: 506px;
    object-fit: cover;
}
.magazine__blog .magazine__gallery .magazine__col:nth-child(3) img, .magazine__blog .magazine__gallery .magazine__col:nth-child(6) img {
    height: 720px;
}
.magazine__blog .magazine__gallery .magazine__col:nth-child(5) img {
    height: 304px;
}
.mobile-menu{
    display: none;
}

}

.product-card h3{
        display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap-style: balance;
    height: 52px;
}
.product-card .best-sellers__colors {
    margin: 34px 0 0;
    min-height: 24px;
}

.product-recommendations__slider .custom-product-slider .custom-slide .product-recommendations__info h4{
    display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
    height: 40px;
}
.product-recommendations__slider .custom-product-slider .custom-slide .product-recommendations__info .price dl{
    line-height: 0px;
}

.product-symbols .product-symbols__layout{
        min-height: auto;
}
.product__tax.caption.shipping__calculate a {
    text-decoration: none;
    color: inherit;
}

@media only screen and (max-width: 768px){
.trust-badges ul li{
    height: auto;
}
}
.mobile-menu__wrap a {
   text-decoration: none;
}
.menu-toggle,
.mobile-menu__close,
.menu-item,
.mobile-menu__back,
.custom-header {
  cursor: pointer;
}

.product-form__input.product-form__input--dropdown, .product-parameters__item.product-parameters__quantity{
    width: auto !important;
}
.drawer .cart-item__details{
    width: 100%;
}
.inner-pages footer{
    margin-top: 100px;
}

.mobile-menu__bottom .search-modal{
    top: 0;
}

@media only screen and (max-width: 520px){
    .magazine__intro .magazine__btn{
        display: none;
    }
    .magazine {
        padding-bottom: 80px;
    }
    .magazine__btn.mobile-only-btn {
    display: flex !important;
    position: static;
    justify-content: center;
            margin: 30px 0;
}
.magazine__btn.mobile-only-btn a{
      font-weight: 400;
      color: #000;
    text-decoration: none;
    font-size: 17px;
}
.magazine__btn.mobile-only-btn a img {
    filter: brightness(1) invert(1);
}
}
@media only screen and (max-width: 580px) {

    .trust-badges ul li{
        height: 157px;
    }
}
div#coinCarousel:before, div#coinCarousel:after {
    content: "";
    position: absolute;
    left: -5px;
    top: 0px;
    bottom: 0px;
    width: 10px;
    background: #1d1d1b;
    z-index: 9;
}
div#coinCarousel:after{
    left: unset;
    right: -5px;
}
div#coinCarousel{
    position: relative;
}
@media only screen and (max-width: 580px){
    div#coinCarousel:after{
        right: -9px;
    }
    div#coinCarousel:before{
        left: -9px;
    }
}

.product-parameters variant-selects.color-background-2{
    flex-direction: column;
    align-items: start;
    border: none !important;
}
.color-background-2{
    border: none !important;
}
variant-selects .product-form__input--dropdown{
    border: 1px solid #000;
}
.product-form__input quantity-input.quantity{
    border: 1px solid #000;
}
.product-form__quantity .quantity {
    width: 200px;
    border: 1px solid #000!important;
}
.product-form__quantity .quantity input{
    border: none;
}
.section-cta{
    margin-bottom: 15px;
}

@media (max-width: 767px) {
  .your-section-class {
    display: none !important;
  }
}
.arrow{
    width: 20px;
    height: 40px;
    top: -2px;
    background: #fff !important;
}
.arrow.disabled{
    opacity: 0;
}
.header__cart span.visually-hidden{
    display: none;
} .custom-product-slider a{
    text-decoration: none;
}

/* .product-story .product-story__overlay .product-story__content:hover {
    scrollbar-width: thin;
} */
.product-story__content:hover {
    scrollbar-width: inherit !important;
    padding-bottom: 45px;
}
.product-story__content:hover::-webkit-scrollbar {
  width: 6px;
}
.product-story__content:hover::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #ffd093;
  border-radius: 5px;
}
.product-story__content:hover::-webkit-scrollbar-thumb {
  background: #692800;
  border-radius: 10px;
}
.product-story__content:hover::-webkit-scrollbar-thumb:hover {
  background: #692800;
}
.product-story__content:hover{
    scrollbar-width: inherit!important;
}

.product-form__submit[disabled]{
    background: rgb(var(--color-button-tertiary-text),.2) !important;
    color: rgb(var(--color-button-tertiary-text));
}
.product-form__submit[disabled]:hover{
    background: rgb(var(--color-button-tertiary-text),.2) !important;
    color: rgb(var(--color-button-tertiary-text));
}
span.badge.badge--bottom-left.color-background-1.badge-sold-out{
    display: inline-block;
}

.swiper-creative .swiper-slide{
transform-style: inherit!important;
}
.swiper-3d .swiper-wrapper {
    transform-style: inherit !important;
}
div#predictive-search-results {
    max-height: 100%;
    overflow: auto;
    padding-bottom: 200px;
}
.predictive-search__results-list .product-card.js-color-swatches-wrapper{
        min-height: auto;
}
.predictive-search__results-list .product-card p.price span.price,
.template-search__item .product-card p.price span.price {
    margin: 0px;
}
details[open]>.search-modal__without-items{
    z-index: 9999;
}

.custom-product-slider .product-recommendations__price{
    gap: 20px;
    justify-content: space-between;
}
.product-recommendations__swiper{
max-width: 100%;
margin: auto;
direction: ltr;
}
.custom-product-slider .swiper-button-prev:after,
.custom-product-slider .swiper-button-next:after{
display: none;
}
.custom-product-slider {
    position: relative;
}

.swiper-button-wrap {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    z-index: 10;
    display: flex;
    justify-content: space-between;
    pointer-events: none; /* allow inner buttons to receive clicks */
}

.swiper-button-wrap .swiper-button-next,
.swiper-button-wrap .swiper-button-prev {
    pointer-events: all; /* allow buttons to be clickable */
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 11;
}

.swiper-button-wrap .swiper-button-next {
    right: -30px;
}

.swiper-button-wrap .swiper-button-prev {
    left: -30px;
}
@media only screen and (max-width: 1200px){
.custom-product-slider .swiper-button-wrap{
        display: none;
    }
}
@media only screen and (max-width: 1400px){
    .swiper-button-wrap img {
        width: 32px;
    }
    .swiper-button-wrap .swiper-button-next {
    right: -10px;
}

.swiper-button-wrap .swiper-button-prev {
    left: -10px;
}
}
@media only screen and (max-width: 580px){
    .product-recommendations__swiper:before{
        content: "";
        position: absolute;
        top: 0px;
        right: 0px;
        z-index: 99;
        bottom: 0px;
        height: 100%;
        width: 140px;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
    }
}

.template-product .trust-badges{
    padding:192px 0 0px!important;
}
.product-recommendations__slider .section-container {
    max-width: 1312px;
}
@media only screen and (max-width: 1200px){
.template-product .trust-badges{
    padding:86px 0 0px!important;
}
}
@media only screen and (min-width: 1200px){
.magazine__gallery .magazine__col:nth-child(4) {
    margin: 0px;
}
}

@media only screen and (max-width: 580px){
.arrow.left {
    left: -22px;
    background: #ffffff !important;
}
.arrow.right {
               right: -14px;
        background: #ffffff !important;
    }
}
.product-gallery__nav img {
    width: 38px !important;
    height: auto !important;
}
.product-gallery__nav .swiper-button-prev {
    /* left: -4px; */
        left: 0px;
        top: 40%;
}
.product-gallery__nav .swiper-button-next {
    /* right: -4px; */
    right: 0px;
        top: 40%;
}
footer .copyright a, .product-card a, .coin-carousel a{
    text-decoration: none;
}
.product-recommendations__swiper .price--on-sale .price__sale{
    flex-wrap: nowrap;
}

.tabs__btn {
    flex: 0 0 auto;
    border: none;
    cursor: pointer;
    border-radius: 0px;
    white-space: nowrap;
    background: inherit;
    white-space: nowrap;
    text-decoration: none;
    flex-shrink: 0;
    font-family: 'lithos', sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    color: rgba(29, 29, 27, 1);
    border-bottom: 1.4px solid #FFF;
    padding: 0 0 10px;
    text-align: center;
    letter-spacing: -1px;
}

.tabs__btn.active{
    border-color: rgba(29, 29, 27, 1);
}

.tabs__btn:hover,  .tabs__btn.active {
    border-bottom: 2px solid rgba(29, 29, 27, 1) !important;
}
.product-card.js-color-swatches-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    min-height: auto;
    height: 100%;   /* fill the stretched grid/flex cell so neighbouring cards
                       are equal height — required for the bottom-anchored
                       title/price/actions group to align across cards */
}
/* Bottom-anchor the title → price → actions group with an auto spacer above
   it, so it aligns across neighbouring cards whether or not a variant strip
   is present (the empty space is absorbed dynamically rather than reserved
   with a hard-coded placeholder height). */
.product-card.js-color-swatches-wrapper .product-link--title {
    margin-top: auto;
}
.quick-add.no-js-hidden.collectors-must-have-section {
    width: 100%;
}
.product-form__controls-group label {
    border-radius: 50px;
    height: 20px;
    width: 20px;
    max-width: 20px;
    padding: unset;
    font-size: 0;
}
.product-form__controls-group label.color-swatch:after {
    height: 20px;
    width: 20px;
    max-width: 20px;
}
label.color-swatch.active {
    border: 1.4px solid #000 !important;
}

/* ===== custom-product.css ===================================================== */

.product-gallery {
      display: flex;
      flex-direction: column;
    }

    .product-gallery__stage {
      display: flex;
      min-height: 100vh;
	  gap: 4rem;
    }

    .product-info {
      flex: 1;
      position: sticky;
      top: 40px;
      align-self: flex-start;
		width: 50%;
    }

    .product-gallery__media {
      width: 50%;
		position: relative;

    }

   .product-gallery__media:after {
       content: "";
       background: url("white-shadow.png") no-repeat center bottom;
       width: 100%;
       height: 290px;
       position: absolute;
       left: 0;
       bottom: 92px;
   }

    .scene-exposition {
      background-color: #fff3cd;
      padding: 80px 60px;
    }

    .dialogue-box {
      max-width: 900px;
      margin: 0 auto;
      background-color: #fffef6;
      padding: 50px;
      border-radius: 14px;
      font-size: 18px;
      line-height: 1.8;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    }

		 /**********************************/
		  .product-symbols__inner {
      display: flex;
      flex-direction: column;
    }

    .product-symbols__layout {
      display: flex;
      min-height: 100vh;
		justify-content: space-between;
		gap: 56px;
    }

    .product-symbols__media {
      position: sticky;
      top: 0;
      align-self: flex-start;
		width: 100%;
		max-width: 538px;
    }

.product-symbols__content {
	padding: 0 50px 0 0;
	width: 100%;
	max-width: 760px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

		 .product-symbols {product-symbols__content
			 width: 100%;
			 display: flex;
			 flex-wrap: wrap;
			 padding: 200px 0 0
		 }

		 .product-symbols .section-container{
			 padding: 0;
		 }

		 .product-symbols__content h3{
			 font-size: 40px;
			 color: rgba(29, 29, 27, 1);
			 text-transform: uppercase;
			 letter-spacing: -2px;
			 margin:40px 0 0
		 }

		   .product-symbols__variants {
		  width: 100%;
		  display: flex;
		  flex-direction: column;
		  /* min-height: 500px; */
	  }
			.product-symbols__variants img {
				width: 100%;
				max-width: 382px;
				margin: 0 auto;
				height: auto;
				object-fit: contain;
				display: block; /* ensures margin auto works */
			}

    .arrow {
      border: none;
      cursor: pointer;
      user-select: none;
      transition: 0.3s;
		background: none!important

    }
		 .arrow img {
			 width: 9px;
			 height: 16px;
			 object-fit: contain;
		 }
		 .arrow.left {
			 position: absolute;
			 left: 0;
			 z-index: 9;
		 }
		 .arrow.right {
			 position: absolute;
			 right: 0;
			 z-index: 9;
		 }

    .arrow.disabled {
      opacity: 0.4;
      pointer-events: none;

    }

		 .space {
			 width: 100%;
			 height: 100px
		 }

		 /***********************************/
		 .product-recommendations__slider {
			 display: flex;
			 flex-direction: column;
			 flex-wrap: wrap;
			 padding: 100px 0 0
		 }
		 .product-recommendations__slider h3 {
			 font-size: 40px;
			 font-weight: 400;
			 color: rgba(29, 29, 27, 1);
			 letter-spacing: -2px;
			 text-transform: uppercase;
			 text-align: center;
			 margin-bottom: 48px;
		 }

		.custom-product-slider {
      max-width: 100%;
      margin: 0px auto;
      position: relative;

    }

    .custom-track {
      display: flex;
      transition: transform 0.4s ease;
    }

    .custom-slide {
      flex: 0 0 100%;
      padding: 10px;
      transition: transform 0.4s ease;
		text-align: center;
    }

		 .custom-slide .product-recommendations__image {
			 width: 100%;
			 display: flex;
			 flex-direction: column;
			 justify-content: center;
			 align-items: center;
		 }

		 .custom-slide .product-recommendations__image img {
			 width: 150px;
			 height: 150px;
			 object-fit: contain;
		 }

		 .custom-slide h4 {
			 font-size: 17px;
			 font-weight: 500;
			 font-family: 'DM Sans', sans-serif;
			 margin: 15px 0 0
		 }
		 .product-recommendations__price {
	display: flex;
	justify-content: space-between;
	padding: 16px 30px 0;
			 font-weight: 500;
			 color: rgba(29, 29, 27, 1);
}
		 .product-recommendations__price span {
			 font-weight: 600;
			 color: rgba(216, 0, 0, 1);
		 }

/*
    .custom-slide > div {
      background: #eee;
      border-radius: 10px;
      padding: 60px;
      text-align: center;
      font-size: 24px;
    }
*/

    .custom-prev-arrow,
    .custom-next-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      color: #fff;
      border: none;
      cursor: pointer;
      z-index: 2;
		background: none;
		padding: 0;
		margin: 0 -100px;
    }

    .custom-prev-arrow { left: 10px; }
    .custom-next-arrow { right: 10px; }

		 .custom-product-slider.custom-product-slider--product-page {
			 display: none;
		 }

    @media (min-width: 600px) {
      .custom-slide { flex: 0 0 50%; }
    }

    @media (min-width: 1000px) {
      .custom-slide { flex: 0 0 20%; }
    }

	@media (max-width:880px){

		.product-gallery__stage {
			display: flex;
			min-height: auto;
			flex-direction: column;
			flex-wrap: wrap;
		}
		.product-gallery__media {
			width: 100%;
		}
		.product-info {
			width: 100%;
		}
		.custom-product-slider.custom-product-slider--product-page {
			 display: block;
		 }

.custom-product-slider.custom-product-slider--product-page .custom-slide img {
	width: 250px;
	height: 250px;
	margin: 0 auto;
	object-fit: contain;
}

		.custom-prev-arrow, .custom-next-arrow{
			margin: 0 -17px;
	}

		.custom-prev-arrow img, .custom-next-arrow img {
			width: auto;
			height: 17px;
		}

		 .product-layout {
			 display: block;
		 }

		 .product-gallery__media::after {
			 display: none;
		 }

		.prd__left_sec {
			padding: 0;
		}

		.custom-dots {
	text-align: center;
	margin:30px 0 ;
			display: flex;
			gap:12px;
			justify-content: center;

}

		.custom-dots button{
			background: rgba(235, 233, 228, 1);
			width: 12px;
			height: 12px;
			border-radius: 100%;
			border: 0;
			cursor: pointer;
		}

		.custom-dots button.active {
			background: rgba(217, 190, 113, 1);
		}
		.varient__sec ul li {

	text-align: center;
}

		 .add__to_cart {
			 flex-direction: column;
		 }

		 .add__to_cart a{
			 width: 100%;
		 }

		 .product-story {
			 background-size: cover; background-position: center;
			 width: 100%;
			 height: 640px;
			 flex-direction: column;
		 }

		 .product-story img {
			 /* display: none; */
		 }
		 .product-story .product-story__overlay .section-container {
	display: flex;
	gap: 0;
	align-items: center;
	max-width: 100%;
			 flex-wrap: wrap;
			 flex-direction: column;
			 padding: 44px 24px;
}

		 .product-story .product-story__overlay .product-story__content {
			 width: 100%;

		 }
		 .product-story .product-story__overlay h2 {
	width: 100%;
}
		 .product-story .product-story__overlay .product-story__content {
	width: 100%;
	overflow: auto;
	max-height: 360px;
	margin: 28px 0 0;
}
		.product-symbols__layout {
	display: flex;
	min-height: 100vh;
	justify-content: space-between;
	flex-direction: column;
			flex-wrap: wrap;
}

		.product-symbols {
			padding-top: 80px;
		}
		.product-symbols__variants {
			min-height: auto;
		}
		.product-symbols__variants img {
	width: 100%;
	max-width: 232px;
	margin: 0 auto;
	height: auto;
	object-fit: contain;
	display: block;
}
		.product-symbols__media {
	position: relative;

	max-width: 100%;
}
		.product-symbols__content {
	padding: 0 24px;
	width: 100%;
	max-width: 760px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	text-align: center;
}

		.product-symbols__content h3 {
			font-size: 32px;
		}
		.space {
	width: 100%;
	height: auto;
	margin: 0 0 -50px 0;
}
		.product-recommendations__slider {

	padding: 30px 0 0;
}
		.product-recommendations__slider h3 {
	font-size: 32px;

	margin-bottom: 10px;
}

		.product-recommendations__slider .custom-slide {
	flex: 0 0 50%;

}

		.product-recommendations__slider .section-container {
			padding: 0;
		}

		.product-recommendations__slider .custom-prev-arrow,
		 .product-recommendations__slider  .custom-next-arrow{
			display: none
		}

	}

.product-info__intro h1{
	text-transform: uppercase;
}
.product-info__intro .custom-badge {
    justify-content: center;
    font-size: 12px;
}
.product-info__intro p{
	font-size: 14px!important;
}
.product-parameters .product-form__controls-group{
	justify-content: inherit !important;
}
.product-story .product-story__overlay h2{
	align-items: inherit;
	text-transform: uppercase;
}
li.metafield-single_line_text_field {
    line-height: 24px!important;
}
#yotpo-headline-reviews{
	display: none;
}
.product-recommendations__slider .custom-product-slider .custom-slide .product-recommendations__price {
    justify-content: center;
}
.product-recommendations__slider .custom-product-slider .custom-slide .product-recommendations__price .price{
	margin: 0px!important;
}
.custom-liquid {
    font-size: 15px;
}
@media only screen and (max-width: 1500px){
.product-recommendations__slider .custom-prev-arrow,
.product-recommendations__slider .custom-next-arrow{
	margin: 0px!important;
}
.product-recommendations__slider .custom-prev-arrow {
    left: -22px!important;
}
.product-recommendations__slider .custom-next-arrow {
    right: -22px!important;
}
.product-recommendations__slider .custom-prev-arrow img,
.product-recommendations__slider .custom-next-arrow img{
	width: 35px;
}
}
@media only screen and (max-width: 580px){
.product-layout{
	  padding: 24px 0 24px 0;
}
.product-info__intro h1 {
    font-size: 22px;
}
.product-parameters label.color-swatch{
	width: 80px;
}
.product-parameters label.color-swatch .switches{
	  max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-size: 11px;
}
.product-story .product-story__overlay .section-container{
	padding-top: 0px;
	padding-bottom: 0px;
}
.product-story .product-story__overlay .product-story__content{
	text-align: center;
}
.yotpo-bold-layout .yotpo-head{
	min-height: auto;
}
.yotpo-review-card {
    position: static !important;
    width: 100% !important;
}
.price--on-sale .price__sale{
	justify-content: center;
}
}

/* ############################################################################
   2. COMPONENTS  (reusable UI: cards, price, cart, search, menus…)
   ############################################################################ */

/* ===== component-accordion.css ===================================================== */

.accordion summary {
  display: flex;
  position: relative;
  line-height: 1;
  padding: 1.5rem 0;
}

.accordion .summary__title {
  display: flex;
  flex: 1;
}

.accordion + .accordion {
  margin-top: 0;
  border-top: none;
}

.accordion {
  margin-top: 0.5rem;
  margin-bottom: 0;
  border-top: 0.1rem solid rgb(var(--color-border));
  border-bottom: 0.1rem solid rgb(var(--color-border));
}

.accordion__title {
  display: inline-block;
  max-width: calc(100% - 6rem);
  min-height: 1.6rem;
  margin: 0;
  word-break: break-word;
}

.accordion .icon-accordion {
  align-self: center;
  min-width: 1.6rem;
  margin-right: 1rem;
  fill: rgb(var(--color-foreground));
}

.accordion details[open] > summary .icon-caret {
  transform: rotate(180deg);
}

.accordion__content {
  margin-bottom: 1.5rem;
  word-break: break-word;
}

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

.footer .accordion__title {
  text-transform: var(--font-header-menu-text-transform);
}

/* ===== component-article-card-small.css ===================================================== */

.article-card-small {
  position: relative;
  padding-block: 1rem;
  border-bottom: 0.1rem solid rgb(var(--color-border));
}
@media screen and (min-width: 450px) {
  .article-card-small {
    padding-block: 3.3rem;
  }
}
.article-card-small__image {
  width: 10rem;
  height: 5rem;
  border-radius: 0.2rem;
  transition: transform var(--duration-default) ease;
}
.article-card-small__title {
  margin: 0;
  text-transform: none;
  text-decoration: none;
  word-break: break-word;
  font-size: 1.4rem;
}
.article-card-small__title a {
  position: relative;
  text-decoration: none;
  background: no-repeat 0 100%;
  background-image: linear-gradient(rgb(var(--color-accent)), rgb(var(--color-accent)));
  background-size: 0% 0.1rem;
  line-height: 22px;
  color: rgb(var(--color-foreground-title));
  transition: background-size var(--duration-long) ease;
  z-index: 5;
  font-weight: 500;
}
.article-card-small__title a .icon-button-arrow {
  flex: none;
  margin-left: 0.8rem;
  color: rgb(var(--color-button));
  transition: opacity var(--duration-long);
  opacity: 0;
}
.article-card-small__title a:hover {
  background-size: 100% 0.1rem;
}
.article-card-small__title a:hover .icon-button-arrow {
  opacity: 1;
}
.article-card-small-link {
  display: block !important;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
}
.article-card-small__meta {
  display: flex;
  color: rgba(var(--color-foreground), 0.8);
}
.article-card-small__header {
  line-height: 1;
  text-transform: none;
}
.article-card-small__header:not(:last-child) {
  margin-bottom: 1.6rem;
}
.article-card-small__header h5 {
  margin: 0 0 0.2rem;
  --font-heading-weight: 500;
}
.article-card-small__header h5:only-child {
  margin: 0;
}
.article-card-small__header h5:not(:first-child) {
  margin-top: 0.8rem;
}
.article-card-small__header span {
  display: inline-flex;
  font-size: 1.2rem;
  font-weight: 400;
  margin-top: 0.8rem;
}
.article-card-small__author span {
  margin-left: 3px;
  margin-top: 0;
}
.article-card-small .line-divider::after {
  background: rgba(var(--color-foreground), 0.6);
}

.article-small-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  transition: padding var(--duration-default) ease;
}
@media screen and (min-width: 450px) {
  .article-small-content {
    flex-direction: row;
  }
}
.article-small-content:hover .article-card-small__image {
  transform: translateX(0.4rem);
}

/* ===== component-article-card.css ===================================================== */

.blog__articles {
  flex-wrap: wrap;
  gap: 4rem 0.8rem;
  margin-right: 0;
}
@media screen and (min-width: 990px) {
  .blog__articles {
    margin-right: -0.8rem;
    gap: 6rem 0.8rem;
  }
}

.blog__articles--row {
  display: flex;
}

.article {
  width: calc(33.333333% - 0.8rem);
}
@media screen and (max-width: 1200px) {
  .article {
    width: calc(50% - 0.8rem);
  }
}
@media screen and (max-width: 990px) {
  .article {
    width: 100%;
  }
}
.article:hover .article__img img {
  transform: scale(1.1);
  transition: transform var(--duration-long) ease;
}
.article a {
  text-decoration: none;
}
.article__content {
  padding: 1rem 1rem 0;
}
@media screen and (min-width: 576px) {
  .article__content {
    padding: 2rem 2rem 0;
  }
}
@media screen and (min-width: 990px) {
  .article__content {
    padding: 2.4rem 3rem 0;
  }
}
.article__img {
  border-radius: 0.6rem;
  overflow: hidden;
  height: 20rem;
  display: flex;
  position: relative;
}
@media only screen and (min-width: 576px) {
  .article__img {
    height: 29.8rem;
  }
}
.article__img img {
  object-fit: cover;
  width: 100%;
  height: auto;
  transition: transform 0.3s;
}
.article__img svg {
  object-fit: cover;
  max-width: 100%;
  width: 100%;
  background: rgba(var(--color-base-background-2));
}
.article__tags {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 0 1rem 0;
  padding: 0;
}
@media screen and (min-width: 576px) {
  .article__tags {
    margin: 0 0 2rem 0;
  }
}
@media screen and (min-width: 1200px) {
  .article__tags {
    margin: 0 0 3.2rem 0;
  }
}
.article__tags .article__tag {
  margin-right: 1.5rem;
  line-height: 10px;
}
.article__title {
  max-width: 80rem;
  margin: 0 0 1rem;
  transition: var(--duration-default);
}
.article__title:hover {
  transition: var(--duration-default);
  opacity: 0.7;
}
@media screen and (min-width: 576px) {
  .article__title {
    margin: 0 0 1.6rem;
  }
}
@media screen and (min-width: 990px) {
  .article__title {
    max-width: 41.1rem;
  }
}
.article__excerpt {
  max-width: 80rem;
  margin: 0 0 1.6rem;
  font-size: var(--font-secondary-text);
  color: rgb(var(--color-foreground-secondary));
}
@media screen and (min-width: 990px) {
  .article__excerpt {
    max-width: 41.1rem;
  }
}
.article__info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.article__date {
  font-size: 1.4rem;
}
.article__auther {
  font-size: 1.4rem;
}
.article__line {
  background-color: rgba(var(--color-accent), 0.36);
  width: 1.2rem;
  height: 0.1rem;
  margin: 0 1.6rem;
}
@media screen and (min-width: 576px) {
  .article__line {
    width: 3.2rem;
  }
}
@media screen and (min-width: 990px) {
  .article__line {
    width: 6.2rem;
  }
}
.article .subtitle--wrapper {
  color: rgb(var(--color-foreground));
  font-weight: var(--font-body-weight);
  text-transform: capitalize;
  letter-spacing: normal;
  gap: 0;
}
.article .subtitle--wrapper span::after {
  margin: 0 1.8rem;
  background-color: rgb(var(--color-border));
}

.blog__articles--column {
  flex-direction: column;
  flex: 1 1 70%;
}
@media screen and (min-width: 1560px) {
  .blog__articles--column {
    flex: 1 1 66.666%;
  }
}
@media screen and (max-width: 1360px) {
  .blog__articles--column {
    width: 100%;
  }
}
.blog__articles--column .article {
  width: 100%;
  border-bottom: solid 0.1rem rgba(var(--color-border));
  margin-bottom: 4rem;
  padding-bottom: 4rem;
}
.blog__articles--column .article:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.blog__articles--column .article__item {
  display: flex;
}
@media screen and (max-width: 990px) {
  .blog__articles--column .article__item {
    flex-direction: column;
    align-items: flex-start;
  }
}
.blog__articles--column .article__item-end {
  display: flex;
  align-items: flex-end;
}
@media screen and (max-width: 990px) {
  .blog__articles--column .article__item-end {
    flex-direction: column;
    align-items: flex-start;
  }
}
.blog__articles--column .article__img {
  width: 100%;
}
@media screen and (min-width: 990px) {
  .blog__articles--column .article__img {
    max-width: 50rem;
  }
}
@media screen and (min-width: 1100px) {
  .blog__articles--column .article__img {
    max-width: 60rem;
  }
}
@media screen and (min-width: 1360px) {
  .blog__articles--column .article__img {
    max-width: 50rem;
  }
}
@media screen and (min-width: 1560px) {
  .blog__articles--column .article__img {
    max-width: 55rem;
  }
}
@media screen and (min-width: 1760px) {
  .blog__articles--column .article__img {
    max-width: 60rem;
  }
}
.blog__articles--column .article__content {
  padding: 2rem 2rem 0 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 990px) {
  .blog__articles--column .article__content {
    padding: 0 3rem 0;
  }
}

/* ===== component-badge.css ===================================================== */

.badge {
  display: inline-block;
  padding: 0.4rem 1rem;
  font-size: 1.2rem;
  line-height: 1.9rem;
  font-family: var(--font-button-family);
  font-style: var(--font-button-style);
  font-weight: 700;
  word-break: break-word;
  color: rgb(var(--color-badge-icon));
  background-color: rgb(var(--color-background-badge-icon));
  border-radius: 0.2rem;
}

/* ===== component-card-extended.css ===================================================== */

.collection-hero__product-card {
  position: relative;
  margin: 0;
  transition: var(--duration-default);
  overflow: hidden;
}
.collection-hero__product-card .price__compare .price-item--regular {
  text-decoration-color: #eb5757;
  color: #eb5757;
}
.collection-hero__product-card .badge {
  position: relative;
  padding-left: 2rem;
}
.collection-hero__product-card .badge::before {
  content: "";
  position: absolute;
  width: 0.4rem;
  height: 0.4rem;
  left: 1rem;
  background-color: var(--color-badge-icon);
  border-radius: 50%;
}
.collection-hero__product-card .caption-with-letter-spacing {
  margin: 0;
}
.collection-hero__product-card .price dd:not(:last-child) {
  margin: 0;
}
.collection-hero__product-card .price--on-sale .price__sale {
  justify-content: end;
}
.collection-hero__product-card .price__sale dd {
  margin-left: 0.8rem;
}

.card-wrapper__link--overlay {
  display: block;
  text-decoration: none;
  color: rgb(var(--color-link));
  background-color: transparent;
  z-index: 2;
}

.card-extended-wrapper {
  position: relative;
  display: flex;
  height: 100%;
  text-decoration: none;
  overflow: hidden;
  background-color: rgb(var(--color-background-card));
  border-radius: 0.3rem;
}
.card-extended-wrapper::before {
  content: "";
  display: block;
  width: 0;
}
.card-extended-wrapper--portrait::before {
  padding-bottom: 130%;
}
.card-extended-wrapper--square::before {
  padding-bottom: 100%;
}
.card-extended-wrapper--landscape::before {
  padding-bottom: 70%;
}
.card-extended-wrapper .media {
  padding: 0;
  height: 100%;
  background-color: #fff;
}
.card-extended-wrapper .media > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card-extended__inner {
  height: 100%;
}
.card-extended .quick-add {
  position: unset;
}
.card-extended__link {
  position: absolute;
  top: 3rem;
  left: 3rem;
  margin: 0;
  padding: 0.5rem 1rem;
  width: auto;
  height: auto;
  min-width: unset;
  min-height: unset;
  background: none;
  font-size: 1rem;
  line-height: var(--font-body-line-height);
  text-transform: uppercase;
  text-decoration: none;
  color: rgba(var(--color-foreground), 1);
  border: none;
  box-shadow: none;
  z-index: 111;
  overflow: visible;
  pointer-events: all;
  cursor: pointer;
}
.card-extended__link::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(var(--color-base-background-1));
  border-radius: 29px;
  z-index: -1;
  transition: transform var(--duration-default) ease;
}
.card-extended__link:hover::after {
  transform: scale(1.1);
}
.card-extended-information {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 3rem;
  width: 100%;
}
.card-extended-information__wrapper {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 1.6rem 3.2rem;
}
.card-extended-information__wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  pointer-events: none;
  background-color: rgb(var(--color-background-card));
  border-radius: 10rem;
  transition: transform var(--duration-default) ease;
}
.card-extended-information__wrapper:hover::before {
  transform: scale(1.03);
}
.card-extended-information__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.6rem;
}
.card-extended-information__left {
  max-width: 70%;
}
.card-extended-information .price-item,
.card-extended-information .price .price__sale .price-item--regular {
  font-size: 1.5rem;
}
.card-extended__title {
  display: block;
  margin: 0;
  max-width: 34.1rem;
  color: rgb(var(--color-foreground-title));
  z-index: 2;
  pointer-events: all;
}
.card-extended__title a {
  line-height: var(--font-body-line-height);
  font-family: var(--font-heading-card-family);
  font-style: var(--font-heading-card-style);
  font-weight: var(--font-heading-card-weight);
  font-size: 1.8rem;
  word-break: break-word;
  text-decoration: underline;
  text-decoration-color: rgb(var(--color-accent));
  text-underline-offset: 0.6rem;
  text-decoration-thickness: 0.1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 2;
}
.card-extended__title a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.card-extended__description {
  margin-top: 1.6rem;
  font-family: var(--font-text-card-family);
  font-style: var(--font-text-card-style);
  font-weight: var(--font-text-card-weight);
  font-size: var(--font-text-card-size);
  line-height: 1.45;
}
.card-extended__badge {
  position: absolute;
  top: 3rem;
  right: 3rem;
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  opacity: 1;
  z-index: 3;
}
.card-extended__badge > * {
  margin-left: 1rem;
  margin-bottom: 0.5rem;
}
.card-extended__badge .badge {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.2rem;
}

.card-extended--product {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media screen and (min-width: 990px) {
  .card-extended .media.media--hover-effect > img,
  .card-extended-wrapper .media.media--hover-effect > img {
    transition: transform var(--duration-long) ease, opacity var(--duration-long) ease;
  }
  .card-extended__inner .media.media--hover-effect {
    transition: transform var(--duration-long) ease, opacity var(--duration-long) ease;
  }
}
.collection-hero__product-card:hover .card-extended-wrapper__image {
  opacity: 1;
  transform: scale(1.05);
}
.collection-hero__product-card:hover .placeholder-svg {
  transform: scale(1.05);
}
@media screen and (min-width: 990px) {
  .collection-hero__product-card:hover .media.media--hover-effect > img:first-child:not(:only-of-type) {
    opacity: 0;
    transform: scale(1.12);
    transition: transform var(--duration-long) ease, opacity var(--duration-long) ease;
  }
  .collection-hero__product-card:hover .media.media--hover-effect > img + img {
    opacity: 1;
    transform: scale(1.1);
    transition: transform var(--duration-long) ease, opacity var(--duration-long) ease;
  }
  .collection-hero__product-card:hover .media.media--hover-effect > img {
    transform: scale(1.12);
    transition: transform var(--duration-long) ease, opacity var(--duration-long) ease;
  }
}

/* ===== component-card-horizontal.css ===================================================== */

.card-horizontal-wrapper {
  position: relative;
  display: flex;
  gap: 1.6rem;
  padding: 1rem;
  text-decoration: none;
  overflow: hidden;
  border-radius: 0.6rem;
  background-color: rgb(var(--color-background-card));
  flex-direction: row;
  align-items: center;
}
@media screen and (min-width: 450px) {
  .card-horizontal-wrapper {
    padding: 2.4rem 2.8rem;
  }
}
.card-horizontal-wrapper .price {
  margin-top: 0.8rem;
  margin-bottom: 0;
}
.card-horizontal-wrapper .media {
  padding-bottom: 130%;
}
.card-horizontal-wrapper .media > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card-horizontal-wrapper:hover .card-horizontal__title h5 a {
  transition: var(--duration-default);
  opacity: 0.7;
}
.card-horizontal-wrapper:hover .button--simple {
  background-color: rgba(var(--color-button-tertiary-text));
  color: #ffffff;
}

.card-horizontal__image {
  position: relative;
  display: block;
  overflow: hidden;
  text-decoration: none;
  width: 8.1rem;
  border-radius: 0.2rem;
}
@media screen and (min-width: 450px) {
  .card-horizontal__image {
    width: 9.8rem;
  }
}
.card-horizontal__inner {
  position: relative;
  display: block;
}
.card-horizontal__information {
  width: 100%;
}
@media screen and (min-width: 550px) {
  .card-horizontal__information {
    width: calc(100% - 9.1rem + 0.8rem);
  }
}
.card-horizontal__information .caption-with-letter-spacing {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.card-horizontal__button {
  display: none;
}
@media screen and (min-width: 550px) {
  .card-horizontal__button {
    display: inline-flex;
  }
}
.card-horizontal__title {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 0;
  pointer-events: all;
}
@media screen and (min-width: 550px) {
  .card-horizontal__title {
    z-index: 2;
  }
}
.card-horizontal__title h5 {
  max-width: 100%;
  word-break: break-word;
  margin: 0;
  padding-right: 0.8rem;
  z-index: 2;
  font-size: 18px;
  font-family: var(--font-heading-card-family);
  font-style: var(--font-heading-card-style);
  font-weight: var(--font-heading-card-weight);
}
@media screen and (min-width: 450px) {
  .card-horizontal__title h5 {
    font-size: var(--font-heading-card-size);
  }
}
@media screen and (min-width: 550px) {
  .card-horizontal__title h5 {
    max-width: 78%;
  }
}
.card-horizontal__title h5 a {
  text-decoration: none;
  transition: var(--duration-default);
}
.card-horizontal__title h5:hover a {
  transition: var(--duration-default);
  opacity: 0.7;
}
.card-horizontal__description {
  margin-top: 0.8rem;
  color: rgb(var(--color-foreground-secondary));
  font-size: var(--font-text-card-size);
  font-family: var(--font-text-card-family);
  font-style: var(--font-text-card-style);
  font-weight: var(--font-text-card-weight);
}

/* ===== component-card.css ===================================================== */

/********---------custom css-------------*********/
.collectors-must-have-section .media-wrapper.image-1 .right-block,
.media-wrapper.image-1 .right-block {
  display: none;
}

.collectors-must-have-section .media-wrapper.image-1 .left-block,
.media-wrapper.image-1 .left-block {
  width: 100%;
  max-width: 211px;
  margin: 0 auto;
}
.collectors-must-have-section .media-wrapper.image-1,
.popular-products . media-wrapper {
  justify-content: center;
}
.collectors-must-have-section .media-wrapper,
.media-wrapper {
  display: flex;
  padding-bottom: 0 !important;
  padding: 10px;
}
.media-wrapper .left-block,
.media-wrapper .right-block {
  width: 100%;
  max-width: 50%;
  text-align: center;
}
.media-wrapper .left-block img,
.media-wrapper .right-block img,
.media.image-1 .right-block img,
.media-wrapper.image-1 .left-block img {
  height: 100%;
  width: 100%;
  max-width: 211px;
  min-height: 222px;
  object-fit: contain !important;
}
.product-icons {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  margin: 0;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  /* padding: 2.8rem 3.6rem;
     */
}
.popular-products {
  background: #f5f5f5;
  padding-top: 48px;
  margin-bottom: 50px;
  position: relative;
}
.collectors-must-have-section .product-icons.grid {
  display: flex;
  align-items: center;
  justify-content: center;
}
.collectors-must-have-section .product-form__controls-group label {
  overflow: unset !important;
}
.collectors-must-have-section .grid-item.product-icon-item {
  text-align: center;
  width: 50%;
  /* border-right:1px solid #f5f5f5; */
  /* padding: 13px 30px; */
  position: relative;
  margin-bottom: 0;
}
.grid-item.product-icon-item:first-child{
  padding: 13px 30px;
}
.collectors-must-have-section .grid-item.product-icon-item.product-parameters {
  /* padding: 0 30px; */
}

.collectors-must-have-section .grid-item.product-icon-item.swatches-block {
  width: 100%;
  border-right: none;
  height: 100%;
}
/* .collectors-must-have-section .grid-item.product-icon-item .signage {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.7em;
  background: #717171;
  display: inline-block;
  vertical-align: top;
  border-radius: 90%;
  padding: 1.5px 0;
  position: relative;
}
.collectors-must-have-section .grid-item.product-icon-item .signage span {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 11px;
  line-height: 0.5;
  transform: translate(-50%, -50%);
} */
.collectors-must-have-section .grid-item.product-icon-item .legend.play {
  font-weight: 400;
  /* font-size: 11px;
  line-height: 1.5;
  margin-top: -11px; */
}
.collectors-must-have-section .product-form__controls-group {
  justify-content: center;
}

.quick-add.collectors-must-have-section .card__link {
  position: relative !important;
  opacity: 1 !important;
  width: 100%;
  position: absolute;
  right: 0;
  bottom: 2rem;
  border-radius: 0.2rem;
  transform: translate(45%) translateY(50%);
  background: transparent;
  left: 0;
}
.quick-add .card__link {
  position: relative !important;
  opacity: 1 !important;
  width: 100%;
  position: absolute;
  right: 0;
  bottom: 2rem;
  border-radius: 0.2rem;
  transform: translate(45%) translateY(50%);
  background: transparent;
  left: 0;
}
.collectors-must-have-section .add-tocart-price-wrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.card-wrapper .add-tocart-price-wrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.collectors-must-have-section .main-price {
  display: none;
}
.collectors-must-have-section .button--secondary svg {
  opacity: 1 !important;
  height: 20px;
  width: 20px;
  margin-left: 10px;
}
.collectors-must-have-section .button--secondary:hover svg {
  transform: none !important;
}
.collectors-must-have-section .product-description {
  margin: 13px 0 0 0;
  font-size: 13.5px;
  line-height: 13.25px;
  min-height: 13px;
}

.collectors-must-have-section.card-wrapper
  .product-form__controls-group
  label.color-swatch {
  background: transparent;
  position: relative;
  height: 83px;
  margin-top: -23px;
}

.switches {
  position: absolute;
  bottom: 2px;
  left: 50%;
  height: auto;
  width: 100%;
  transform: translateX(-50%);
  font-size: 11px;
  line-height: 11px;
}
.collectors-must-have-section.card-wrapper
  .product-form__controls-group
  label.color-swatch:after {
  width: 2rem;
  height: 2rem;
}
.collectors-must-have-section
  .grid-item.product-icon-item.product-parameters.no-js-hidden:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 1px;
  background: #f5f5f5;
}
.collectors-must-have-section .set-title-heading {
  font-size: 20px;
  margin: 0 0 15px 0;
}
.collectors-must-have-section .card-information__wrapper {
  align-items: center;
}
.collectors-must-have-section .card-information__wrapper .card__title {
  justify-content: start;
}
.collectors-must-have-section .card__title h5 {
  padding-right: 0;
  text-align: center;
}
/* .card-wrapper.collectors-must-have-section {
  border: none;
} */

/* ** new css  ****/

.card-wrapper .card-information {
  background: #f5f5f5;
}
.card-wrapper .card-information__wrapper {
  padding: 0;
}
.card-wrapper .add-tocart-price-wrapper {
  background: #fff;
}
.card-wrapper .add-tocart-price-wrapper,
.card-wrapper .card-info {
  padding: 15px 25px;
  width: 100%;
  width: -webkit-fill-available;
}
.card-wrapper .card__title h5 a {
  font-size: 18px;
  line-height: 23px;
  font-weight: 600;
}
.card-wrapper .card__title h5 {
  text-align: left;
}
.card-wrapper .subtitle--secondary {
  padding: 0px 25px;
  padding-top: 5px;
  width: 100%;
  max-width: 100%;
}
.card-wrapper .subtitle--secondary {
  width: -webkit-fill-available;
}
quick-add-modal {
  display: none;
}
.card-wrapper .hidden-variants {
  display: none;
}
.card-wrapper {
  border: 1px solid #747474;
}

@media screen and (min-width: 750px) {
  .collectors-must-have-section .card__title h5 {
    max-width: 100%;
  }
}

@media screen and (max-width: 1639px) {
  .collectors-must-have-section.card-wrapper
    .product-form__controls-group
    label.color-swatch {
    height: 85px;
  }
  .switches {
    font-size: 10px;
    bottom: 0px;
  }
}

/********---------custom css-------------*********/
.collection-product-card {
  position: relative;
  margin: 0;
  transition: var(--duration-default);
  overflow: hidden;
}
.collection-product-card .caption-with-letter-spacing {
  margin-top: 0;
}
.card-wrapper {
  position: relative;
  display: block;
  height: 99%;
  text-decoration: none;
  overflow: hidden;
  border-radius: 0.6rem;
  background-color: rgb(var(--color-background-card));
}
.card-wrapper .media {
  padding-bottom: 52% !important;
}
.card-wrapper .media > img {
  object-fit: contain !important;
}
.card-wrapper .card-product__link {
  display: block;
  z-index: 2;
}

@media screen and (min-width: 420px) {
  .card-wrapper .card-product__link {
    display: none;
  }
}

.card-wrapper .placeholder-svg {
  background-color: rgb(var(--color-base-background-2));
}

.card-wrapper input[type="radio"].disabled + label {
  display: none;
}

.card-wrapper .product-form__controls-group input:only-of-type {
  display: none;
}

.card-wrapper .product-form__controls-group label:only-of-type {
  display: none;
}

.color-background-2 .card-horizontal-wrapper {
  background-color: rgb(var(--color-base-background-1));
}

.color-background-2 .card-wrapper {
  background-color: rgb(var(--color-base-background-1));
}

.card-wrapper__image {
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  transition: var(--duration-default);
}

.full-unstyled-link,
.placeholder-svg {
  transition: var(--duration-default);
}

.card-wrapper__link--overlay {
  display: block;
  text-decoration: none;
  color: rgb(var(--color-link));
  background-color: transparent;
  z-index: 1;
}

.card {
  display: block;
  text-decoration: none;
}

.card-information {
  position: relative;
  z-index: 2;
  pointer-events: none;
}

.card__inner {
  position: relative;
  display: block;
}

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

.card__vendor {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-button-weight);
  font-size: 1.1rem;
  line-height: 176.8%;
  letter-spacing: var(--font-subtitle-letter-spacing);
  text-transform: uppercase;
  color: rgba(var(--color-foreground), 0.6);
  transition: var(--duration-default);
}

.card__title {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 0;
  pointer-events: all;
}

@media screen and (min-width: 420px) {
  .card__title {
    z-index: 2;
  }
}

.card__title h5 {
  max-width: 100%;
  word-break: break-word;
  margin: 0;
  padding-right: 0.8rem;
  z-index: 2;
  font-size: var(--font-heading-card-size);
  font-family: var(--font-heading-card-family);
  font-style: var(--font-heading-card-style);
  font-weight: var(--font-heading-card-weight);
  line-height: 120%;
}

@media screen and (min-width: 420px) {
  .card__title h5 {
    max-width: 75%;
  }
}

.card__title h5 a {
  text-decoration: none;
  transition: var(--duration-default);
}

.card__title h5:hover a {
  transition: var(--duration-default);
  opacity: 0.7;
}

.card__title .button {
  display: none;
}

@media screen and (min-width: 420px) {
  .card__title .button {
    display: inline-flex;
  }
}

.caption-with-letter-spacing {
  max-width: 25.5rem;
}

.card__description {
  margin-top: 1.5rem;
  margin-bottom: 0.8rem;
  color: rgb(var(--color-foreground-secondary));
  font-size: var(--font-text-card-size);
  font-family: var(--font-text-card-family);
  font-style: var(--font-text-card-style);
  font-weight: var(--font-text-card-weight);
}

.card-information__bottom {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 1.25rem;
  margin-top: 2.4rem;
}

.card__link {
  width: calc(100% - 4rem);
  min-height: 4.2rem;
  position: absolute;
  left: 50%;
  bottom: 2rem;
  border-radius: 0.2rem;
  transform: translateX(-50%) translateY(50%);
  opacity: 0;
  z-index: 3;
  pointer-events: all;
  transition: transform var(--duration-short), opacity var(--duration-short);
  color: var(--color-foreground);
}

.card__link.loading {
  opacity: 0.5;
  transform: translateX(-50%) translateY(0);
  pointer-events: none;
}

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

.card .h1 .icon-arrow,
.card .h2 .icon-arrow {
  padding-bottom: 0.3rem;
  padding-top: 0.3rem;
}

.card--media {
  display: block;
  text-decoration: none;
}

.card--text-only {
  display: flex;
  justify-content: center;
}

.card--text-only::before {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.card--product {
  position: relative;
  overflow: hidden;
}

.card--product .spinner {
  opacity: 1;
}

@media screen and (min-width: 990px) {
  .card--product:hover .card__link {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
  .popular-products .add-tocart-price-wrapper,
  .popular-products .card-info {
    padding: 20px 30px;
  }
  .card-wrapper .card-info{
    display: grid;
    grid-template-columns: 3fr 1fr;
    justify-content: space-around;
    column-gap: 20px;
  }
}

.card__inner {
  background-color: rgba(var(--color-background));
}

.card__inner .media {
  border-radius: 0.3rem;
}

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

.card--light-border {
  border: 0.1rem solid rgba(var(--color-foreground), 0.04);
  transition: var(--duration-short);
}

.card--light-border:hover {
  border: 0.1rem solid rgba(var(--color-foreground), 0.3);
  box-shadow: none;
}

.card__text-spacing {
  padding: 2rem;
}

.card-colored.color-background-1 {
  background-color: rgba(var(--color-foreground), 0.04);
}

.card--media .card__text-spacing {
  padding: 2rem;
  text-align: center;
}

.card--text-only .card__inner {
  display: grid;
  grid-template-rows: 1fr auto 1fr;
  width: 100%;
}

.card__content {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.card__content > * {
  margin: 0;
}

.card--text-only .card__content {
  grid-row: 2;
  justify-self: center;
  margin-bottom: 6rem;
  margin-top: 5rem;
}

.card--text-only .card__badge {
  align-self: flex-end;
  grid-row: 3;
}

.card--search .card__badge > *,
.card--text-only .card__badge > * {
  margin: 0 1rem 1rem;
}

.card--search .card__badge,
.card--text-only .card__badge {
  position: initial;
}

.card--text-only .card__content + .card__badge {
  margin-top: -5rem;
}

.card--search .card__content {
  justify-self: flex-start;
  text-align: left;
}

.media + .card__content {
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}

.card-wrapper .media {
  padding: 0;
}

.card-wrapper .media > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (min-width: 750px) {
  .card--text-only .card__content {
    margin-top: 7rem;
    margin-bottom: 7rem;
  }

  .card--text-only .card__content + .card__badge {
    margin-top: -7rem;
  }
}

.card__text-spacing > * {
  margin: 0;
}

.card__text-spacing > *:not(.overlay-card) + * {
  margin-top: 0.5rem;
}

.card__text {
  margin: 0;
  word-break: break-word;
}

.card--text-only .card__text {
  text-align: center;
}

.card-information__text {
  display: block;
  padding-right: 1.2rem;
}

.card-information__wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 2.8rem 3.6rem;
}

.price-item {
  font-size: 1.2rem;
  letter-spacing: -0.01em;
  transition: var(--duration-short);
}

.card-information__wrapper > *:not(.visually-hidden:first-child) + .price {
  margin-top: 0.8rem;
}

.collection-product-card {
  padding: 0;
}

.cart__footer-wrapper
  + .collection-products-section
  .collection-product-card:hover
  .card__link {
  opacity: 0;
}

.card-wrapper:focus-within .card {
  box-shadow: none;
}

.card__media-spacer {
  padding: 2rem;
}

@media screen and (min-width: 750px) {
  .card__media-spacer {
    padding: 3rem;
  }
}

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

.card__badge {
  position: absolute;
  top: 2rem;
  left: 2rem;
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  opacity: 1;
  z-index: 3;
}

.card__badge {
  transition: opacity var(--duration-default);
}

.card__badge .badge {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

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

  .card__inner .media.media--hover-effect {
    transition: transform var(--duration-long) ease,
      opacity var(--duration-long) ease;
  }

  .card--search img {
    transition: transform var(--duration-long) ease,
      opacity var(--duration-long) ease;
  }

  .card-wrapper:hover .card__heading {
    text-decoration: underline;
    text-underline-offset: 0.3rem;
  }

  .card-wrapper:hover .card.card--search {
    background-color: rgba(var(--color-card-hover), 0.06);
    transition: background-color var(--duration-long) ease;
  }
}

@media screen and (min-width: 990px) {
  .collection-product-card.quickview--hover:hover .card-wrapper__image {
    opacity: 1;
    transform: scale(1.05);
  }

  .collection-product-card.quickview--hover:hover .placeholder-svg {
    transform: scale(1.05);
  }

  .collection-product-card.quickview--hover:hover
    .media.media--hover-effect
    > img:first-child:not(:only-of-type) {
    opacity: 0;
    transform: scale(1.12);
    transition: transform var(--duration-long) ease,
      opacity var(--duration-long) ease;
  }

  .collection-product-card.quickview--hover:hover
    .media.media--hover-effect
    > img
    + img {
    opacity: 1;
    transform: scale(1.1);
    transition: transform var(--duration-long) ease,
      opacity var(--duration-long) ease;
  }

  .collection-product-card.quickview--hover:hover
    .media.media--hover-effect
    > img {
    transform: scale(1.12);
    transition: transform var(--duration-long) ease,
      opacity var(--duration-long) ease;
  }

  .collection-product-card.quickview--hover:hover .card__badge {
    opacity: 0;
    pointer-events: none;
  }
}

.card__sku {
  color: rgb(var(--color-foreground-secondary));
  margin: 0 0 0.8rem;
}

.card-information {
  pointer-events: visible;
}

.product-form__controls-group label {
  background: var(--swatch-color);
  height: 15px;
  width: 15px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  border: 1px solid;
  overflow: hidden;
}

.product-form__controls-group {
  display: flex;
  gap: 5px;
  padding-top: 5px;
}

.product-form__controls-group label input {
  position: absolute;
  appearance: none;
}
@media screen and (max-width: 749px) {
  .card-wrapper .card__title h5 {
    text-align: center;
}
  .collectors-must-have-section .product-description , .product-description {
    text-align: center;
}
  .collectors-must-have-section .card-information__wrapper .card__title , .card-information__wrapper .card__title  {
    justify-content: center;
}
  .yotpo-reviews-star-ratings-widget{
    justify-content: center !important;
  }
  .yotpo-sr-bottom-line-right-panel{
    justify-content: center;
    width: 100%;
  }
}

/* ===== component-cart-drawer.css ===================================================== */

.drawer__inner-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 4rem;
  padding-bottom: 3rem;
  border-radius: 0.6rem;
}
.drawer__inner-empty .button {
  width: 100%;
  margin-bottom: 3.5rem;
}

#CartDrawer-CartErrors {
  font-size: 1.4rem;
  color: rgb(var(--color-error));
  padding-top: 1rem;
}

.drawer__top {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.drawer__top .drawer__inner-empty {
  margin-right: 3rem;
}
@media screen and (min-width: 750px) {
  .drawer__top .drawer__inner-empty {
    margin-right: 6rem;
  }
}

.drawer__inner-empty-footer {
  padding-right: 3rem;
}
@media screen and (min-width: 750px) {
  .drawer__inner-empty-footer {
    padding-right: 6rem;
  }
}

.cart__empty-text {
  margin-top: 0.8rem;
  margin-bottom: 1rem;
  font-size: 1.4rem;
  font-weight: 500;
}

.drawer.active .drawer__inner {
  transform: translateX(0);
}

.drawer {
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  background-color: rgba(var(--color-overlay), 0.4);
  backdrop-filter: blur(4px);
  transition: visibility var(--duration-default) ease;
  visibility: hidden;   /* default-hidden until .active (was an inline <style> in cart-drawer.liquid) */
}
.drawer.active {
  visibility: visible;
}
.drawer__contents {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  padding-right: 3rem;
}
@media screen and (min-width: 750px) {
  .drawer__contents {
    padding-right: 6rem;
  }
}
.drawer__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 45rem;
  max-width: 100vw;
  padding: 6.3rem 3rem 0;
  background-color: rgb(var(--color-background));
  overflow: hidden;
  transform: translateX(100%);
  transition: transform var(--duration-default) ease;
  padding-right: 0;
}
@media screen and (min-width: 750px) {
  .drawer__inner {
    padding: 6.2rem 6rem 0;
    padding-right: 0;
  }
}
.drawer__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 1rem;
  padding-right: 3rem;
}
@media screen and (min-width: 750px) {
  .drawer__header {
    padding-bottom: 2.4rem;
    padding-right: 6rem;
  }
}
.drawer__heading {
  margin-bottom: 0;
  margin-top: 0;
}
.drawer__count {
  color: rgba(var(--color-secondary-text));
  font-size: 1.2rem;
}
.drawer__close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  padding: 2rem !important;
}
@media screen and (min-width: 750px) {
  .drawer__close {
    top: 1rem;
    right: 4rem;
  }
}
.drawer__footer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 2.4rem;
  padding-right: 3rem;
}
@media screen and (min-width: 750px) {
  .drawer__footer {
    padding-bottom: 3rem;
    padding-right: 6rem;
  }
}
.drawer .cart-item {
  padding: 2.4rem 0 0.4rem;
  border-bottom: 0.1rem solid rgb(var(--color-border));
}
.drawer .cart-item:first-child {
  border-top: 0.1rem solid rgb(var(--color-border));
}
.drawer .cart-item__inner-top {
  display: flex;
  column-gap: 1.6rem;
}
.drawer .cart-item__details {
  margin-top: -0.4rem;
}
.drawer .cart-item__image {
  width: 7rem;
  height: 7rem;
  border-radius: 0.4rem;
  object-fit: cover;
}
.drawer .cart-item__name {
  display: block;
  margin-bottom: 0.8rem;
  font-size: 1.4rem;
  font-weight: 500;
  text-decoration: none;
  transition: color var(--duration-default);
}
.drawer .cart-item__name svg {
  width: 1rem;
  height: auto;
}
.drawer .cart-item__final-price, .drawer .cart-item__old-price {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: var(--font-body-line-height);
  letter-spacing: 0.06em;
  color: rgb(var(--color-foreground));
}
.drawer .cart-item__old-price {
  font-weight: 400;
  color: #eb5757;
}
.drawer .cart-item dl {
  margin-top: 0.8rem;
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem 1.6rem;
}
.drawer .cart-item .product-option {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  font-size: 1.2rem;
  color: rgba(var(--color-secondary-text));
}
.drawer .cart-item .product-option dd {
  margin: 0;
}
.drawer .cart-item__totals {
  position: relative;
}
.drawer .cart-item__totals .loading-overlay {
  position: absolute;
  z-index: 1;
  width: 1.8rem;
  left: 50%;
  top: 0;
  bottom: 0;
  transform: translateX(-50%);
}
.drawer .cart-item__totals .loading-overlay:not(.hidden) + .cart-item__price-wrapper {
  opacity: 0.5;
}
.drawer .cart-item__totals .loading-overlay__spinner {
  position: absolute;
  top: 50%;
  left: 0;
  width: 1.8rem;
  height: 100%;
  transform: translateY(-50%);
}
.drawer .cart-item__price-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}
.drawer .cart-item__discounted-prices {
  display: flex;
  column-gap: 0.6rem;
}
.drawer .cart-item__quantity-wrapper {
  margin-top: 1.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.6rem;
}
.drawer .cart-item__quantity-wrapper .quantity {
  width: 10rem;
}
.drawer .cart-item__quantity-wrapper .quantity:hover {
  border-color: rgb(var(--color-accent));
}
.drawer .cart-item__quantity-wrapper .quantity__button {
  width: 3rem;
  color: rgb(var(--color-accent));
}
.drawer .cart-item__quantity-wrapper .quantity__input {
  height: 3.5rem;
  font-size: 14px;
  font-weight: 400;
}
.drawer .cart-item cart-remove-button button {
  display: inline-flex;
  align-items: center;
  margin-top: 1.6rem;
  font-family: var(--font-body-family);
  font-size: 1rem;
  color: rgb(var(--color-secondary-text));
  transition: var(--duration-default);
  text-decoration: none;
  text-transform: uppercase;
  padding: 0 1.5rem 1.5rem 0;
}
.drawer .cart-item cart-remove-button button .icon {
  height: 1rem;
  width: 1rem;
  margin-right: 0.4rem;
  transition: transform var(--duration-default);
  color: rgb(var(--color-secondary-text));
}
.drawer .cart-item cart-remove-button button:hover .icon {
  transform: rotate(90deg);
}
.drawer .cart-item__error {
  display: flex;
  align-items: flex-start;
  margin-top: 0;
}
.drawer .cart-item__error-text {
  font-size: 1.2rem;
  line-height: var(--font-body-line-height);
  order: 1;
}
.drawer .cart-item__error-text:empty + svg {
  display: none;
}
.drawer .cart-item__error-text + svg {
  flex-shrink: 0;
  width: 1.2rem;
  margin-right: 0.7rem;
  margin-top: 0.4rem;
}
.drawer .totals {
  margin-top: 2.4rem;
}
.drawer .totals__subtotal {
  font-family: var(--font-body-family);
  color: rgba(var(--color-foreground));
}
.drawer .totals > * {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: var(--font-body-line-height);
  letter-spacing: 0.06em;
}
.drawer .cart__ctas {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  margin-top: 1.6rem;
}

.cart-drawer__overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.cart-drawer__overlay:empty {
  display: block;
}
.cart-drawer__footer .totals {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.cart-drawer .tax-note {
  display: block;
  margin-top: 1.6rem;
  font-size: 1.2rem;
  line-height: var(--font-body-line-height);
  color: rgba(var(--color-secondary-text));
}
.cart-drawer .cart-drawer__bottom .button {
  padding-left: 0;
  padding-right: 0;
  min-height: 6rem;
  justify-content: space-between;
  padding: 0 3rem;
}
.cart-drawer .cart-drawer__bottom .button:hover {
  opacity: 0.9;
}
.cart-drawer .cart-drawer__bottom .button svg {
  width: 18px;
  height: 18px;
  color: currentColor;
  opacity: 1;
  transform: translateX(0);
}
.cart-drawer .cart-drawer__bottom .button .icon-buy path {
  fill: rgb(var(--color-button-text));
}
.cart-drawer .view-my-cart {
  transition: var(--duration-default);
}
.cart-drawer .view-my-cart path {
  transition: var(--duration-default);
}
.cart-drawer .view-my-cart:hover {
  background-color: rgb(var(--color-button-tertiary-text));
  color: rgb(var(--color-button-text));
}
.cart-drawer .view-my-cart:hover path {
  fill: rgb(var(--color-button-text));
}
.cart-drawer .view-my-cart .product-form__input .select .icon-button-arrow path {
  fill: rgb(var(--color-border-input-hover));
}
.cart-drawer__continue {
  display: block;
  margin-top: 1.9rem;
  margin-left: 1.4rem;
  font-size: 1.2rem;
  line-height: var(--font-body-line-height);
  text-align: center;
  text-transform: capitalize;
  text-decoration: underline;
  text-decoration-color: #bfbfbf;
}
.cart-drawer__continue svg {
  width: 1rem;
  height: 1rem;
  transform: translateY(0.3rem);
  margin-left: 0.4rem;
}

cart-drawer-items.is-empty + .drawer__footer {
  display: none;
}

cart-drawer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
}

.cart-drawer__form {
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
}

cart-drawer-items {
  overflow-y: auto;
}

@media screen and (max-height: 650px) {
  cart-drawer-items {
    overflow: visible;
  }
  .drawer__inner {
    overflow: scroll;
  }
}
cart-drawer-items::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}

cart-drawer-items::-webkit-scrollbar-thumb {
  background-color: rgba(var(--color-foreground), 0.7);
  border-radius: 100px;
}

/* ===== component-cart-items.css ===================================================== */

.cart-item__totals {
  position: relative;
}
.cart-item__totals .loading-overlay__spinner {
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
}

.cart-item .loading-overlay {
  top: auto;
  left: auto;
  right: 0;
  bottom: 0;
  padding: 0;
}

@media screen and (min-width: 750px) {
  .cart-item .loading-overlay {
    top: 50%;
    left: 5%;
    transform: translate(0, -50%);
  }
}
.loading-overlay:not(.hidden) ~ * {
  visibility: hidden;
}

.cart-item__error {
  display: flex;
  align-items: flex-start;
  margin-top: 1rem;
  max-width: 300px;
}

.cart-item__error-text {
  font-size: 1.2rem;
  line-height: var(--font-body-line-height);
  order: 1;
}

.cart-item__error-text + svg {
  flex-shrink: 0;
  width: 1.2rem;
  margin-right: 0.7rem;
  margin-top: 0.4rem;
}

.cart-item__error-text:empty + svg {
  display: none;
}

/* ===== component-cart.css ===================================================== */

.is-empty .page-header {
  padding: 0;
  margin: 11.2rem 0 4.8rem 0;
}
@media screen and (max-width: 750px) {
  .is-empty .page-header {
    margin: 3rem 0 2rem 0;
  }
}
.is-empty .button--simple-move {
  font-size: 1.2rem;
  text-decoration-color: rgba(var(--color-secondary-text));
  color: rgba(var(--color-secondary-text));
  text-decoration-thickness: from-font;
}
.is-empty .button--simple-move:hover {
  transition: var(--duration-default);
  opacity: 0.7;
}
.is-empty .page-header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;
}
.is-empty .cart__warnings {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(var(--color-base-background-2));
  border-radius: 6px;
  padding: 6.4rem;
}
.is-empty .cart__empty-text {
  font-weight: 500;
  margin-bottom: 2.5rem;
}
.is-empty .cart__footer {
  display: none;
}
.is-empty .cart__footer.cart__footer-block {
  display: none;
}

.is-full .js-contents {
  overflow: auto;
}
.is-full .cart__warnings {
  display: none;
}
.is-full .page-header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;
}
.is-full .page-header {
  padding: 0;
  margin: 8.8rem 0 4.8rem 0;
}
@media screen and (max-width: 750px) {
  .is-full .page-header {
    margin: 3rem 0 2rem 0;
  }
}
.is-full .button--simple-move {
  font-size: 1.2rem;
  text-decoration-color: rgba(var(--color-secondary-text));
  color: rgba(var(--color-secondary-text));
  text-decoration-thickness: from-font;
}
.is-full .button--simple-move:hover {
  transition: var(--duration-default);
  opacity: 0.7;
}
.is-full .cart-items {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  box-shadow: none;
  display: table;
}
.is-full .cart-items thead {
  background-color: rgba(var(--color-base-background-2));
  border-radius: 3px 3px 0px 0px;
  padding: 1.4rem 2rem;
}
.is-full .cart-items thead tr {
  text-align: left;
}
.is-full .cart-items thead tr th {
  font-size: 1.4rem;
  font-weight: 500;
  border-bottom: solid 0.1rem rgb(var(--color-border));
}
.is-full .cart-items thead tr th:first-child {
  padding: 1.4rem 2rem;
}
.is-full .cart-items tbody .caption-with-letter-spacing {
  max-width: unset;
  color: rgba(var(--color-secondary-text));
  font-size: 1rem;
  margin: 0;
}
.is-full dl {
  padding: 0;
  margin: 0;
}
.is-full .product-option {
  display: flex;
  font-size: 1.2rem;
  color: rgba(var(--color-secondary-text));
  margin-top: 0.4rem;
}
.is-full .product-option dd {
  margin: 0 0.4rem;
  padding: 0;
}
.is-full .cart-item__media {
  padding: 2.8rem 0rem 2.8rem 2rem;
  border-bottom: solid 0.1rem rgb(var(--color-border));
  width: 5%;
}
.is-full .cart-item__media img {
  width: 8rem;
  height: 8rem;
}
.is-full .cart-item__details {
  padding: 2.8rem 5rem 2.8rem 1.5rem;
  border-bottom: solid 0.1rem rgb(var(--color-border));
  text-decoration: none;
  width: 28%;
}
.is-full .cart-item__details .cart-item__name {
  font-size: 1.4rem;
  font-weight: 500;
  text-decoration: unset;
}
.is-full .cart-item__prices {
  padding: 2.8rem 5rem 2.8rem 0rem;
  border-bottom: solid 0.1rem rgb(var(--color-border));
  width: 17%;
}
.is-full .cart-item__prices .cart-item__discounted-prices {
  display: flex;
  gap: 1.6rem;
}
.is-full .cart-item__prices .cart-item__discounted-prices dd {
  margin: 0;
}
.is-full .cart-item__prices .price {
  font-size: 1.4rem;
  color: var(--color-price);
  font-weight: 500;
}
.is-full .cart-item__prices .cart-item__old-price {
  font-size: 1.2rem;
  font-weight: 700;
  color: rgb(var(--color-foreground));
  text-decoration: line-through;
}
.is-full .cart-item__prices .original-price {
  color: rgb(var(--color-foreground));
}
.is-full .cart-item__quantity {
  padding: 2.8rem 5rem 2.8rem 0rem;
  border-bottom: solid 0.1rem rgb(var(--color-border));
  width: 15%;
}
.is-full .cart-item__quantity .quantity {
  width: 14.3rem;
}
.is-full .cart-item__quantity .quantity:hover {
  border: 1px solid rgb(var(--color-accent));
}
.is-full .cart-item__quantity .quantity .quantity__button {
  color: rgb(var(--color-accent));
}
.is-full .cart-item__quantity .quantity .quantity__input {
  font-size: 1.4rem;
}
.is-full .cart-item__totals {
  padding: 2.8rem 5rem 2.8rem 0rem;
  border-bottom: solid 0.1rem rgb(var(--color-border));
  width: 17%;
}
.is-full .cart-item__totals .price {
  font-size: 1.4rem;
  font-weight: 500;
}
.is-full .cart-item__remove {
  padding: 2.8rem 5rem 2.8rem 0rem;
  border-bottom: solid 0.1rem rgb(var(--color-border));
  width: 18%;
}
.is-full .cart-item__remove a {
  display: flex;
  text-decoration: none;
  padding: 2rem 0;
}
.is-full .cart-item__remove a:hover .icon {
  transform: rotate(90deg);
}
.is-full .cart-item__remove a svg {
  width: 0.9rem;
  margin-right: 0.75rem;
}
.is-full .cart-item__remove a span {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1rem;
}
@media screen and (max-width: 1023px) {
  .is-full .cart-item {
    display: grid;
    grid-template-columns: 250px auto;
    gap: 1rem;
    padding-bottom: 2.4rem;
  }
  .is-full .cart-item:not(:last-child) {
    margin-bottom: 2.4rem;
    border-bottom: 0.1rem solid rgb(var(--color-border));
  }
  .is-full .cart-item__media-wrapper {
    height: 100%;
  }
  .is-full .cart-items tbody {
    display: block;
  }
  .is-full .cart-item__details {
    grid-column: 2/3;
  }
  .is-full .cart-item__prices {
    grid-row: 2/3;
    grid-column: 1/2;
  }
  .is-full .cart-item__quantity {
    grid-row: 3/4;
    grid-column: 1/3;
    display: flex;
    justify-content: center;
  }
  .is-full .cart-item__remove {
    grid-row: 4/4;
    grid-column: 1/3;
  }
  .is-full .cart-item__remove a {
    justify-content: flex-end;
    padding: 0;
  }
  .is-full .cart-item__totals {
    grid-row: 2/3;
    grid-column: 2/3;
  }
  .is-full .cart-item__totals .price {
    justify-content: flex-end;
  }
  .is-full .cart-item__media-wrapper img {
    width: 100%;
    height: 100%;
  }
  .is-full .cart-items {
    display: block;
  }
  .is-full .cart-items thead {
    display: none;
  }
  .is-full .cart-item td {
    width: 100%;
    border: 0;
    padding: 0;
  }
}
@media screen and (max-width: 560px) {
  .is-full .cart-item {
    grid-template-columns: 100px auto;
  }
}

.cart__footer {
  background: rgba(var(--color-base-background-2));
  border-radius: 0px 0px 3px 3px;
  padding: 3rem;
}
.cart__footer.cart__footer-block {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  padding: 3rem;
  gap: 2rem 0;
}
@media screen and (min-width: 1200px) {
  .cart__footer.cart__footer-block {
    flex-direction: row;
    align-items: center;
    padding: 3rem 5rem;
  }
}
@media screen and (min-width: 1560px) {
  .cart__footer.cart__footer-block {
    padding: 3rem 10rem;
  }
}
.cart__footer.cart__footer-block .cart__blocks .cart__blocks_item {
  margin: 0;
}
.cart__footer .cart__blocks .cart__blocks_item {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 1.5rem;
}
@media screen and (min-width: 500px) {
  .cart__footer .cart__blocks .cart__blocks_item {
    align-items: flex-end;
  }
}
@media screen and (min-width: 750px) {
  .cart__footer .cart__blocks .cart__blocks_item {
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    margin: 0 1.5rem;
    flex-wrap: nowrap;
    gap: 0;
  }
}
@media screen and (min-width: 1360px) {
  .cart__footer .cart__blocks .cart__blocks_item {
    margin-right: 35.8rem;
  }
}
.cart__footer .totals {
  display: flex;
  align-items: center;
}
.cart__footer .totals__subtotal {
  text-transform: capitalize;
  padding: 0;
  margin: 0;
  font-size: 1.4rem;
  font-weight: 700;
  margin-right: 0.4rem;
}
.cart__footer .totals__subtotal-value {
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  font-weight: 700;
  font-size: 1.4rem;
}
.cart__footer .tax-note {
  color: rgba(var(--color-secondary-text));
  font-size: 1.2rem;
}
.cart__footer .cart__ctas,
.cart__footer .cart__blocks-content {
  margin-left: 0;
}
@media screen and (min-width: 750px) {
  .cart__footer .cart__ctas,
  .cart__footer .cart__blocks-content {
    margin-left: 4rem;
  }
}
.cart__footer .cart__checkout-button,
.dynamic-checkout__content {
  width: 20rem;
  justify-content: space-between;
}
@media screen and (min-width: 350px) {
  .cart__footer .cart__checkout-button,
  .dynamic-checkout__content {
    width: 23.5rem;
  }
}
.cart__footer .cart__checkout-button:hover {
  opacity: 0.9;
}
.cart__footer .cart__checkout-button svg {
  width: 18px;
  height: 18px;
  color: currentColor;
  opacity: 1;
  transform: translateX(0);
}
.cart__footer .cart__checkout-button svg path {
  fill: currentColor;
}
.cart__footer .field {
  width: 100%;
  display: block;
}
@media screen and (min-width: 1200px) {
  .cart__footer .field {
    width: 40%;
  }
}
@media screen and (min-width: 1360px) {
  .cart__footer .field {
    width: 50%;
  }
}
.cart__footer .field label {
  font-size: 1.4rem;
}
.cart__footer .field textarea {
  margin-top: 1rem;
}

.cart-errors {
  color: rgb(var(--color-error));
  line-height: 200%;
}

.cart__footer-dynamic-checkout {
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem;
}

@media screen and (min-width: 500px) {
  [data-shopify-buttoncontainer] {
    justify-content: flex-end;
  }
}
[data-shopify-buttoncontainer] {
  gap: 1.5rem 0;
}

/* ===== component-collection-hero.css ===================================================== */

.shopify-section:first-child.collection-banner-section .collection-hero--overlay {
  margin-top: calc(-1 * var(--header-height));
}

.collection-hero .breadcrumb {
  margin: 0;
}
.collection-hero--row .collection-hero__row-block {
  border-radius: 0.6rem;
  padding: 3rem;
  padding-bottom: 0;
}
@media screen and (min-width: 750px) {
  .collection-hero--row .collection-hero__row-block {
    padding: 6rem;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1200px) {
  .collection-hero--row .collection-hero__row-block {
    padding: 0;
  }
}
.collection-hero--row .collection-hero__text-wrapper {
  width: 100%;
  padding: 0rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 3rem;
}
@media screen and (min-width: 750px) {
  .collection-hero--row .collection-hero__text-wrapper {
    padding-bottom: 2rem;
  }
}
@media screen and (min-width: 1200px) {
  .collection-hero--row .collection-hero__text-wrapper {
    width: 50%;
    padding: 6rem;
    padding-bottom: 6rem;
  }
}
@media screen and (min-width: 1560px) {
  .collection-hero--row .collection-hero__text-wrapper {
    width: 40%;
    gap: 4rem;
  }
}
.collection-hero--row .collection-hero__inner {
  min-height: 350px;
  padding-right: 0;
  flex-wrap: wrap;
  flex-direction: column;
}
@media screen and (min-width: 1200px) {
  .collection-hero--row .collection-hero__inner {
    padding-right: 6rem;
    flex-direction: row;
  }
}
@media screen and (min-width: 1760px) {
  .collection-hero--row .collection-hero__inner {
    padding-right: 15rem;
  }
}
.collection-hero--row .collection-hero__image-wrapper {
  width: 100%;
  height: 350px;
  overflow: hidden;
}
@media screen and (min-width: 1200px) {
  .collection-hero--row .collection-hero__image-wrapper {
    width: 50%;
    height: auto;
  }
}
@media screen and (min-width: 1560px) {
  .collection-hero--row .collection-hero__image-wrapper {
    width: 60%;
  }
}
.collection-hero--row .collection-hero__image-wrapper .collection-hero__image-block {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
}
.collection-hero--row .collection-hero__image-wrapper .collection-hero__image-container {
  width: 100%;
  height: 247px;
  min-height: auto;
}
@media screen and (min-width: 750px) {
  .collection-hero--row .collection-hero__image-wrapper .collection-hero__image-container {
    width: 348px;
  }
}
.collection-hero--row .collection-hero__small-image {
  position: absolute;
  background-color: rgba(var(--color-foreground), 0.5);
  opacity: 0;
}
@media screen and (min-width: 750px) {
  .collection-hero--row .collection-hero__small-image {
    opacity: 1;
  }
}
.collection-hero--row .collection-hero__small-image:nth-child(2) {
  width: 80px;
  height: 90px;
}
.collection-hero--row .collection-hero__small-image:nth-child(3) {
  width: 133px;
  height: 133px;
  bottom: 0;
  left: 5%;
}
.collection-hero--row .collection-hero__small-image:nth-child(4) {
  width: 80px;
  height: 90px;
  top: 55%;
  left: 65%;
}
@media screen and (min-width: 1200px) {
  .collection-hero--row .collection-hero__small-image:nth-child(4) {
    left: 75%;
  }
}
@media screen and (min-width: 1560px) {
  .collection-hero--row .collection-hero__small-image:nth-child(4) {
    left: 65%;
  }
}
.collection-hero--row .collection-hero__small-image:nth-child(5) {
  width: 118px;
  height: 138px;
  top: 5%;
  right: 0;
}
.collection-hero--row .collection-hero__small-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.collection-hero--row .collection-hero__small-image svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.collection-hero--overlay {
  position: relative;
  padding-top: calc(var(--header-height) + 2.7rem);
  padding-bottom: 8rem;
}
.collection-hero--overlay .collection-hero__product-card {
  max-height: 52.5rem;
}
.collection-hero--overlay .collection-hero__small-image {
  display: none;
}
.collection-hero--overlay .collection-hero__text-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.6rem;
}
.collection-hero--overlay .card-extended-information {
  padding: 1.6rem;
}
@media screen and (min-width: 990px) {
  .collection-hero--overlay .card-extended-information {
    padding: 3rem;
  }
}
.collection-hero--overlay .collection-hero__inner {
  flex-direction: column;
}
.collection-hero--overlay .collection-hero__image-container {
  align-self: stretch;
  min-height: 38.4rem;
  margin-top: 2rem;
}
@media screen and (min-width: 990px) {
  .collection-hero--overlay .collection-hero__image-container {
    margin-top: 4.4rem;
  }
}
.collection-hero--overlay .card-extended__link {
  top: 1.6rem;
  left: 1.6rem;
}
@media screen and (min-width: 990px) {
  .collection-hero--overlay .card-extended__link {
    top: 3rem;
    left: 3rem;
  }
}
.collection-hero--overlay .card-extended__badge {
  top: 1.6rem;
  right: 1.6rem;
}
@media screen and (min-width: 990px) {
  .collection-hero--overlay .card-extended__badge {
    top: 3rem;
    right: 3rem;
  }
}
.collection-hero--overlay .card-extended-information__wrapper {
  padding: 0.8rem 2.4rem;
}
@media screen and (min-width: 990px) {
  .collection-hero--overlay .card-extended-information__wrapper {
    padding: 1.6rem 3.2rem;
  }
}
.collection-hero--overlay.collection-hero--has-products {
  padding-bottom: 0;
}
@media screen and (min-width: 750px) {
  .collection-hero--overlay {
    padding-bottom: 15rem;
  }
}
@media screen and (min-width: 990px) {
  .collection-hero--overlay {
    padding-top: calc(var(--header-height) + 6.8rem);
    padding-bottom: 19.1rem;
    min-height: 48rem;
  }
}
.collection-hero--overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(var(--color-overlay), 0.65);
}
.collection-hero--overlay .collection-hero__text-wrapper {
  z-index: 1;
}
.collection-hero--overlay .collection-hero__image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.collection-hero--overlay .collection-hero__image-container {
  min-height: 100%;
  height: 100%;
  width: 100%;
  margin-top: 0;
}
.collection-hero--overlay .breadcrumb a,
.collection-hero--overlay .breadcrumb span {
  color: #fff;
}
.collection-hero--overlay .breadcrumb .breadcrumb__delimiter {
  background-color: rgba(255, 255, 255, 0.5);
}
.collection-hero--overlay .breadcrumb a {
  text-decoration-color: rgba(255, 255, 255, 0.5);
}
.collection-hero--overlay .collection-hero__title,
.collection-hero--overlay .collection-hero__description {
  color: #fff;
}
.collection-hero--has-products .collection-hero__inner {
  padding-bottom: 8rem;
}
@media screen and (min-width: 750px) {
  .collection-hero--has-products .collection-hero__inner {
    margin-bottom: 6rem;
    padding-bottom: 0;
  }
}
.collection-hero--has-products.collection-hero--overlay {
  margin-top: calc(-1 * var(--header-height));
}
@media screen and (min-width: 750px) {
  .collection-hero--has-products.collection-hero--overlay {
    margin-bottom: 28rem;
  }
}
.collection-hero__inner {
  display: flex;
}
.collection-hero__title {
  margin-top: 8px;
  margin-bottom: 0;
}
.collection-hero__description p {
  margin: 0;
}
@media screen and (min-width: 1200px) {
  .collection-hero__description {
    max-width: 49.5rem;
  }
}
.collection-hero__image-wrapper {
  position: relative;
  overflow: visible;
}
@media screen and (min-width: 750px) {
  .collection-hero__image-wrapper_bottom {
    padding-bottom: 6.1rem;
  }
}
.collection-hero__featured-products {
  display: none;
  position: absolute;
  margin: 0;
  padding: 0;
  bottom: 0;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.4rem;
  width: 100%;
  transform: translateY(50%);
}
@media screen and (min-width: 750px) {
  .collection-hero__featured-products {
    display: grid;
  }
  .collection-hero__featured-products .collection-hero__product-card:nth-child(3) {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .collection-hero__featured-products {
    grid-template-columns: repeat(3, 1fr);
  }
  .collection-hero__featured-products .collection-hero__product-card:nth-child(3) {
    display: block;
  }
}
@media screen and (min-width: 750px) {
  .collection-hero__featured-products {
    max-width: calc(640px - 4rem);
  }
}
@media screen and (min-width: 990px) {
  .collection-hero__featured-products {
    max-width: calc(960px - 4rem);
  }
}
@media screen and (min-width: 1200px) {
  .collection-hero__featured-products {
    max-width: calc(1140px - 4rem);
  }
}
@media screen and (min-width: 1360px) {
  .collection-hero__featured-products {
    max-width: calc(1340px - 4rem);
  }
}

/* ===== component-deferred-media.css ===================================================== */

.deferred-media__poster {
  background-color: transparent;
  border: none;
  cursor: pointer;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  border-radius: calc(var(--border-radius) - var(--border-width));
}

.media > .deferred-media__poster {
  display: flex;
  align-items: center;
  justify-content: center;
}

.deferred-media__poster img {
  width: auto;
  max-width: 100%;
  height: 100%;
}

.deferred-media {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.deferred-media:not([loaded]) template {
  z-index: -1;
}

.deferred-media[loaded] > .deferred-media__poster {
  display: none;
}

.deferred-media__poster:focus-visible {
  outline: none;
  box-shadow: 0 0 0 var(--media-border-width) rgba(var(--color-foreground), var(--media-border-opacity)), 0 0 0 calc(var(--media-border-width) + 0.3rem) rgb(var(--color-background)), 0 0 0 calc(var(--media-border-width) + 0.5rem) rgba(var(--color-foreground), 0.5);
  border-radius: calc(var(--media-radius) - var(--media-border-width));
}

.deferred-media__poster:focus {
  outline: none;
  box-shadow: 0 0 0 var(--media-border-width) rgba(var(--color-foreground), var(--media-border-opacity)), 0 0 0 calc(var(--media-border-width) + 0.3rem) rgb(var(--color-background)), 0 0 0 calc(var(--media-border-width) + 0.5rem) rgba(var(--color-foreground), 0.5);
  border-radius: calc(var(--media-radius) - var(--media-border-width));
}

.global-media-settings--full-width .deferred-media__poster,
.global-media-settings--full-width .deferred-media__poster:is(:focus, :focus-visible) {
  border-radius: 0;
}

/* outline styling for Windows High Contrast Mode */
@media (forced-colors: active) {
  .deferred-media__poster:focus {
    outline: transparent solid 1px;
  }
}
.deferred-media__poster:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}

.deferred-media__poster-button {
  background-color: rgb(var(--color-background));
  border: 0.1rem solid rgba(var(--color-foreground), 0.1);
  border-radius: 50%;
  color: rgb(var(--color-foreground));
  display: flex;
  align-items: center;
  justify-content: center;
  height: 6.2rem;
  width: 6.2rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
  transition: transform var(--duration-short) ease, color var(--duration-short) ease;
  z-index: 1;
}

.deferred-media__poster-button:hover {
  transform: translate(-50%, -50%) scale(1.1);
}

.deferred-media__poster-button .icon {
  width: 2rem;
  height: 2rem;
}

.deferred-media__poster-button .icon-play {
  margin-left: 0.2rem;
}

/* ===== component-discounts.css ===================================================== */

.discounts {
  font-size: 1.2rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.discounts__wrapper {
  margin-top: 1rem;
}

.discounts__discount {
  display: flex;
  align-items: center;
  line-height: 1.5;
}

.discounts__discount--end {
  justify-content: flex-end;
}

.discounts__discount--center {
  justify-content: center;
}

.discounts__discount > .icon {
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.7rem;
}

/* ===== component-facets.css ===================================================== */

.facets-container {
  border-bottom: 0.1rem solid rgb(var(--color-border));
  margin-top: 1.7rem;
}

.columns {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.columns__right {
  display: flex;
  align-items: center;
  gap: 1rem;
  min-width: 35rem;
}
.columns__right_no-filter {
  flex-direction: row;
}
.columns__right_no-filter .facets-sorting__field .select::after {
  display: block;
}
.columns__right_column .facets-sorting__field .select {
  position: relative;
}
.columns__right_column .facets-sorting__field .select::after {
  display: block;
}
.columns__right noscript {
  display: flex;
  justify-content: flex-end;
}

.facets__container {
  display: flex;
  flex-wrap: wrap;
}
.facets__wrapper {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  gap: 0 4rem;
}
.facets__wrapper:hover details:not(:hover) .facets__underline {
  color: rgb(var(--color-foreground-secondary));
}
.facets__wrapper_size .facets__disclosure::before,
.facets__wrapper_size .facets__product-count::before {
  display: block;
}
.facets__wrapper_size .facets__product-count::after {
  display: block;
}
.facets__product-count {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 1.4rem;
  height: 5rem;
}
.facets__product-count-text {
  font-family: var(--font-body-family);
  font-size: 1.4rem;
  font-weight: 400;
  color: rgb(var(--color-foreground-secondary));
  margin-top: 0;
  margin-bottom: 0;
}
.facets__product-count-text.loading {
  visibility: hidden;
}
.facets-sorting__field .select {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.facets-sorting__field .select select {
  min-height: 5rem;
  height: 5rem;
  padding: 0 3rem;
  border: transparent;
  transition: none;
  font-weight: 500;
}
.facets-sorting__field .select select + svg {
  position: absolute;
  width: 1.6rem;
  height: 1.6rem;
  right: 0;
}
.facets-sorting__field .select select + svg path {
  fill: rgb(var(--color-border-input-hover));
}
.facets-sorting__field .select select option {
  background-color: rgba(var(--color-background));
}
.facets-sorting__field .select__select {
  font-size: 1.4rem;
  font-weight: var(--font-body-weight);
  background: transparent;
  border-radius: 0;
}
.facets-sorting__field .select__select:hover, .facets-sorting__field .select__select:focus {
  border-left-color: rgb(var(--color-border-input-hover));
  border-right-color: rgb(var(--color-border-input-hover));
  z-index: 1;
}
.facets-sorting__field .select__select:focus {
  box-shadow: none;
  outline: none;
}
.facets-sorting__field .field {
  min-height: 5rem;
}
.facets__disclosure {
  position: relative;
  min-height: 5rem;
}
.facets__disclosure:hover {
  z-index: 101;
}
.facets__disclosure:hover > .facets__summary::after {
  z-index: 101;
}
.facets__summary {
  position: relative;
  height: 100%;
  font-size: 1.4rem;
  font-weight: var(--font-body-weight);
  color: rgb(var(--color-foreground-title));
}
.facets__summary .icon-caret {
  position: static;
  height: 1.6rem;
}
.facets__summary .icon-caret path {
  fill: rgb(var(--color-border-input-hover));
}
.facets__summary > div {
  display: flex;
  align-items: center;
  height: 100%;
  gap: 1rem;
}
.facets__summary > span {
  line-height: 1.3;
}
.facets__summary-inner {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.facets__summary-inner .count-bubble {
  font-weight: 400;
}
.facets__summary .facets__underline {
  display: inline;
  position: relative;
  overflow: hidden;
  font-weight: 500;
}
.facets__summary .facets__underline:after {
  content: "";
  position: absolute;
  z-index: -1;
  right: 0;
  width: 0;
  bottom: -5px;
  background: rgb(var(--color-border-input-hover));
  height: 6px;
  transition-property: all;
  transition-duration: var(--duration-default);
  transition-timing-function: ease-out;
}
.facets__summary:hover .facets__underline:after {
  left: 0;
  right: auto;
  width: 100%;
}
.facets__summary:hover .facets__underline {
  transition: var(--duration-default);
}
.facets__display {
  position: absolute;
  top: calc(100% + 0.1rem);
  left: -0.1rem;
  width: calc(100% + 0.2rem);
  max-height: 55rem;
  background-color: rgba(var(--color-background));
  border-radius: 0.3rem;
  box-shadow: 0px 4rem 6rem rgba(var(--color-foreground-title), 0.05);
  overflow-y: auto;
  min-width: 26rem;
}
.facets__header {
  position: sticky;
  top: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2rem 1.6rem;
  font-size: 1.2rem;
  color: rgb(var(--color-overlay-background), 0.6);
  background-color: rgb(var(--color-base-background-2));
  border-radius: 4px 4px 0px 0px;
  z-index: 1;
}
.facets__reset {
  margin-left: auto;
  font-size: 1.2rem;
  color: rgb(var(--color-overlay-background));
  text-decoration: none;
  transition: none;
}
.facets__item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 2.4rem 2rem 0;
}
.facets__item:first-child {
  padding-top: 2.4rem;
}
.facets__item:last-child {
  padding-bottom: 2.4rem;
}
.facets__item > input[type=checkbox] {
  position: absolute;
  opacity: 1;
  width: 2rem;
  height: 2rem;
  top: 2.2rem;
  left: 2.6rem;
  z-index: -1;
  appearance: none;
}
.facets__item > input[type=checkbox]:checked + .facet-checkbox {
  color: rgb(var(--color-foreground-title));
}
.facets__item > input[type=checkbox]:checked + .facet-checkbox:before {
  border-color: rgb(var(--color-button-text));
  background-color: rgb(var(--color-button));
}
.facets__item > input[type=checkbox]:checked + .facet-checkbox > .icon-checkmark {
  visibility: visible;
}
.facets__price {
  display: flex;
  flex-direction: column-reverse;
  gap: 0.8rem;
  padding: 2.4rem 2rem;
}
.facets__price .field {
  align-items: center;
  min-height: unset;
}
.facets__price .field__input {
  height: 5.8rem;
  width: 100%;
  padding-left: 3.2rem;
  font-size: 1.4rem;
  border: 0.1rem solid rgb(var(--color-border-input));
}
.facets__price .field__label {
  position: absolute;
  top: 0.95rem;
  left: 2rem;
  font-size: 1rem;
  color: rgb(var(--color-foreground-secondary));
}
.facets__price .field__currency {
  position: absolute;
  bottom: 0.95rem;
  left: 2rem;
  font-size: 1.4rem;
  color: rgb(var(--color-foreground-title));
}

.disclosure-has-popup[open] .facets__underline:after {
  left: 0;
  right: auto;
  width: 100%;
}

.facets__product-count .loading-overlay__spinner {
  display: none;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.8rem;
}

.facets__product-count-text.loading .loading-overlay__spinner {
  display: block;
}

.facet-checkbox {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
  color: rgb(var(--color-foreground-title));
  flex-grow: 1;
  word-break: break-word;
}
.facet-checkbox__count {
  margin-left: auto;
  color: rgb(var(--color-foreground-secondary));
  font-size: 1.4rem;
}
.facet-checkbox__label {
  font-size: 1.4rem;
  color: rgb(var(--color-overlay-background));
}
.facet-checkbox--disabled > * {
  color: rgba(var(--color-foreground), 0.4);
}
.facet-checkbox::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  border-radius: 0.2rem;
  border: 0.1rem solid rgb(var(--color-border-input));
}
.facet-checkbox .icon-checkmark {
  position: absolute;
  left: 0.4rem;
  top: calc(50% - 0.45rem);
  z-index: 5;
  visibility: hidden;
  fill: rgb(var(--color-background-input));
}

.facets__price-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.field__range {
  pointer-events: none;
  height: 0.2rem;
  margin-bottom: 2.4rem;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  background: transparent;
  /* Chrome and Safari */
  /* Firefox */
}
.field__range::-webkit-slider-thumb {
  -webkit-appearance: none;
}
.field__range::-webkit-slider-thumb {
  -webkit-appearance: none;
  position: relative;
  height: 1.8rem;
  width: 1.8rem;
  border-radius: 100%;
  border: none;
  background: rgb(var(--color-base-background-2));
  cursor: pointer;
  margin-top: -1rem;
  margin-left: -0.2rem;
  z-index: 1;
  box-shadow: inset 0 0 0 0.7rem rgb(var(--color-accent));
}
.field__range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.2rem;
  cursor: pointer;
  background: rgba(var(--color-accent), 0.5);
  border-radius: 0.2rem;
  border: none;
}
.field__range::-moz-range-thumb {
  height: 1.8rem;
  width: 1.8rem;
  border-radius: 100%;
  border: none;
  background: rgb(var(--color-base-background-2));
  cursor: pointer;
  /*margin-top: -1rem;*/
  margin-left: -0.2rem;
  z-index: 1;
  box-shadow: inset 0 0 0 0.7rem rgb(var(--color-accent));
}
.field__range::-moz-range-progress, .field__range::-moz-range-track {
  width: 100%;
  height: 0.2rem;
  cursor: pointer;
  border-radius: 0.2rem;
  border: none;
}
.field__range::-moz-range-progress {
  background-color: rgb(var(--color-accent));
}
.field__range::-moz-range-track {
  background-color: rgba(var(--color-accent), 0.5);
}
.field__range:last-child {
  position: absolute;
  top: 0;
  left: 0;
}

.facets__range {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 0.2rem;
  background: linear-gradient(to right, rgba(var(--color-accent), 0.5) var(--range-min), rgb(var(--color-accent)) var(--range-min), rgb(var(--color-accent)) var(--range-max), rgba(var(--color-accent), 0.5) var(--range-max));
  margin: 0;
  margin-bottom: 0.8rem;
}
.facets__range .field__range {
  pointer-events: none;
  height: 0.2rem;
  vertical-align: top;
}
.facets__range .field__range::-webkit-slider-runnable-track {
  background: none;
}
.facets__range .field__range::-webkit-slider-thumb {
  pointer-events: auto;
}
.facets__range .field__range::-moz-range-progress,
.facets__range .field__range::-moz-range-track {
  background: none;
}
.facets__range .field__range::-moz-range-thumb {
  pointer-events: auto;
}
.facets__range .field__range:last-child {
  position: absolute;
  top: 0;
  left: 0;
}

.active-facets {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.8rem;
  width: 100%;
}
.active-facets__button {
  display: block;
  text-decoration: none;
  border-radius: 0.2rem;
  background-color: rgb(var(--color-base-background-2));
  border: 0.1rem solid transparent;
  transition: border-color var(--duration-default) ease;
  margin: 1rem 0;
}
.active-facets__button:hover, .active-facets__button:focus {
  border-color: rgb(var(--color-border-input-hover));
}
.active-facets__button.disabled {
  pointer-events: none;
}
.active-facets__button-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.8rem 1rem;
  min-height: 3.3rem;
  font-size: 1.2rem;
  font-weight: var(--font-body-weight);
  text-transform: none;
  color: rgb(var(--color-foreground-title));
}
.active-facets__button-inner::after {
  top: 0.1rem;
}
.active-facets__button svg {
  width: 1.4rem;
  margin-left: 1rem;
  pointer-events: none;
}
.active-facets__button svg path {
  stroke: rgb(var(--color-border-input-hover));
  transition: stroke var(--duration-default);
}
.active-facets__button-remove {
  display: block;
  margin-left: 0.8rem;
  font-size: 1.2rem;
  text-transform: capitalize;
  color: rgba(var(--color-foreground-title), 0.7);
  text-decoration-color: rgba(var(--color-foreground-title), 0.7);
  text-underline-offset: 0.3rem;
  transition-property: color, text-decoration-color;
  transition-duration: var(--duration-default);
  transition-timing-function: ease;
}
.active-facets__button-remove:hover {
  color: rgba(var(--color-foreground-title));
  text-decoration-color: rgba(var(--color-foreground-title));
}
.active-facets facet-remove:only-child {
  display: none;
}
.active-facets-mobile {
  margin-bottom: 0.5rem;
}
@media all and (min-width: 750px) {
  .active-facets-mobile {
    display: none;
  }
}

.mobile-facets {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background-color: rgba(var(--color-foreground), 0.5);
  pointer-events: none;
}
@media screen and (min-width: 750px) {
  .mobile-facets {
    display: none;
  }
}
.mobile-facets__wrapper {
  display: block;
  margin-bottom: 1.7rem;
  width: 100%;
}
.mobile-facets__open {
  display: flex;
  align-items: center;
  text-align: center;
  width: 100%;
}
.mobile-facets__open > * + * {
  margin-left: 1rem;
}
.mobile-facets__open svg {
  width: 2rem;
  height: 2rem;
  opacity: 1;
  transform: translate(5px);
}
.mobile-facets__open path {
  fill: rgb(var(--color-background));
}
.mobile-facets__open .count-bubble {
  color: rgb(var(--color-button));
  background-color: rgb(var(--color-button-text));
}
.mobile-facets__inner {
  display: flex;
  flex-direction: column;
  margin-left: auto;
  width: calc(100% - 5rem);
  height: 100%;
  overflow-y: auto;
  pointer-events: all;
  background-color: rgb(var(--color-background));
  transition: transform var(--duration-short) ease;
}
.mobile-facets__header {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  padding: 5rem 2.5rem 2rem;
  text-align: center;
  background-color: rgb(var(--color-background));
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
}
.mobile-facets__header-inner {
  position: relative;
  flex-grow: 1;
}
.mobile-facets__heading {
  font-size: 2.2rem;
  margin: 0;
}
.mobile-facets__count {
  margin: 0;
  flex-grow: 1;
  font-size: 1.3rem;
  color: rgba(var(--color-foreground), 0.7);
}
.mobile-facets__main {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 2.7rem 0 0;
}
.mobile-facets__summary {
  padding: 1.3rem 2.5rem;
}
.mobile-facets__summary > div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.mobile-facets__summary .icon-caret {
  display: block;
  margin-left: auto;
}
.mobile-facets__arrow {
  display: block;
  margin-left: auto;
  transform: rotate(-90deg);
}
.mobile-facets__arrow .icon {
  position: static;
  width: 1.5rem;
  height: auto;
}
.mobile-facets__close-button {
  display: flex;
  align-items: center;
  margin-top: 1.5rem;
  padding: 1.2rem 2.6rem;
  width: calc(100% - 5.2rem);
  font: inherit;
  font-size: 1.4rem;
  letter-spacing: inherit;
  text-decoration: none;
  background-color: transparent;
}
.mobile-facets__close-button .icon {
  margin-right: 1rem;
  width: 1.3rem;
  transform: rotate(90deg);
}
.mobile-facets__item {
  position: relative;
}
.mobile-facets__item input[type=checkbox].mobile-facets__checkbox {
  display: none;
}
.mobile-facets__label {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 1.5rem 0 1.5rem 4.5rem;
  width: 100%;
  background-color: rgb(var(--color-background));
  transition: background-color 0.2s ease;
  word-break: break-word;
  display: flex;
}
.mobile-facets__label::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  border-radius: 0.2rem;
  border: 0.1rem solid rgb(var(--color-border-input));
}
.mobile-facets__label .icon-checkmark {
  position: absolute;
  top: calc(50% - 0.4rem);
  left: 5rem;
  visibility: hidden;
  z-index: 5;
}
.mobile-facets__label--disabled {
  opacity: 0.5;
}
.mobile-facets__checkbox:checked + label {
  color: rgb(var(--color-foreground-title));
}
.mobile-facets__checkbox:checked + label > .mobile-facets__highlight {
  visibility: visible;
  opacity: 1;
}
.mobile-facets__checkbox:checked + label::before {
  border-color: rgb(var(--color-button-text));
  background-color: rgb(var(--color-button));
}
.mobile-facets__checkbox:checked + label > .icon-checkmark {
  visibility: visible;
}
.mobile-facets__info {
  padding: 0 2.6rem;
  margin: 0;
}
.mobile-facets__sort {
  display: flex;
  justify-content: space-between;
}
.mobile-facets__sort label {
  flex-shrink: 0;
}
.mobile-facets__sort .select {
  max-width: 21.9rem;
  max-height: none;
}
.mobile-facets__sort .select .icon {
  top: calc(50% - 0.4rem);
  width: 1.4rem;
  height: 0.8rem;
  right: 3rem;
}
.mobile-facets__sort .select__select {
  min-height: 7rem;
  box-shadow: none;
  padding: 0 3rem;
  font-weight: var(--font-body-weight);
  background: transparent;
  border-radius: 0;
  border: 0.1rem solid rgba(var(--color-button), 0.2);
}
.mobile-facets__sort .select__select:focus-visible {
  outline: 0;
  box-shadow: none;
}
.mobile-facets__highlight {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(var(--color-foreground), 0.04);
}
.mobile-facets__footer {
  position: sticky;
  bottom: 0;
  z-index: 2;
  display: flex;
  gap: 1rem;
  margin-top: auto;
  padding: 2rem;
  background-color: rgb(var(--color-background));
  border-top: 0.1rem solid rgba(var(--color-foreground), 0.08);
}
.mobile-facets__footer > * {
  width: 50%;
}
.mobile-facets__footer noscript .button {
  width: 100%;
}
.mobile-facets__clear {
  width: 100%;
}
.mobile-facets__close {
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 1rem;
  right: 2.5rem;
  z-index: 101;
  opacity: 0;
  transition: opacity var(--duration-short) ease;
}
.mobile-facets__close svg {
  width: 2.2rem;
}

.count-bubble {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.7rem;
  height: 1.7rem;
  font-size: 0.9rem !important;
  line-height: 1;
  color: rgb(var(--color-button-text));
  border-radius: 50%;
  background-color: rgb(var(--color-button));
  z-index: 1;
}
.count-bubble:empty {
  display: none;
}
.count-bubble--dot:empty {
  visibility: visible;
}
.count-bubble--dot::before {
  content: "";
  display: block;
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background-color: rgb(var(--color-button-text));
}

.menu-opening .mobile-facets__inner {
  transform: translateX(0);
}

details.menu-opening .mobile-facets__close {
  display: flex;
  opacity: 1;
}
details.menu-opening .mobile-facets__close svg {
  margin: 0;
}

.disclosure-has-popup:not(.menu-opening) .mobile-facets__inner {
  transform: translateX(105vw);
}

.disclosure-has-popup[open]:not(.menu-opening) .mobile-facets__inner {
  transform: translateX(0);
}
.disclosure-has-popup[open]:not(.menu-opening) .mobile-facets__close--no-js {
  display: none;
}

.disclosure-has-popup[open] > .facets__summary::before {
  z-index: 3;
}

.mobile-facets__wrapper .disclosure-has-popup[open] > summary::before {
  height: 100vh;
  z-index: 3;
}

.js .mobile-facets__submenu {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  display: flex;
  flex-direction: column;
  width: 100%;
  visibility: hidden;
  background-color: rgb(var(--color-background));
  transform: translateX(100%);
}
.js details[open] > .mobile-facets__submenu {
  transition: transform 0.4s cubic-bezier(0.29, 0.63, 0.44, 1), visibility 0.4s cubic-bezier(0.29, 0.63, 0.44, 1);
}
.js details[open].menu-opening > .mobile-facets__submenu {
  transform: translateX(0);
  visibility: visible;
}
.js .menu-drawer__submenu .mobile-facets__submenu {
  overflow-y: auto;
}
.js .disclosure-has-popup:not(.menu-opening) .mobile-facets__inner {
  transform: translateX(105vw);
}

.no-js .mobile-facets__close {
  display: none;
}
.no-js .mobile-facets__sort .select {
  position: relative;
  right: -1rem;
}
.no-js .mobile-facets__details {
  border-bottom: 1px solid rgba(var(--color-foreground), 0.04);
}

.icon-filter-two {
  position: absolute;
  width: 1.4rem;
  height: 0.8rem;
  right: 3rem;
  z-index: 0;
  color: rgb(var(--color-border-input-hover));
}

button.facets__button {
  min-height: 0;
  min-width: 13rem;
  box-shadow: none;
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
}

.sorting .button {
  margin: 0;
  padding-top: 1.3rem;
}

.active-facets__button.disabled,
.mobile-facets__clear.disabled {
  pointer-events: none;
}

#ProductCount {
  display: none;
}

/* ===== component-list-menu.css ===================================================== */

.list-menu--right {
  right: 0;
}

.list-menu--disclosure {
  position: absolute;
  left: 1.5rem;
  min-width: 100%;
  width: 20rem;
  background-color: rgb(var(--color-header-background));
}

.list-menu--disclosure .list-menu--disclosure {
  left: 100%;
  top: 0;
  margin-top: -0.2rem;
  min-height: -webkit-fill-available;
}

.list-menu--disclosure .list-menu--disclosure:before {
  content: none;
}

.list-menu--disclosure:focus {
  outline: none;
}

.list-menu__item--active {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}
.footer .list-menu__item--active {
  text-decoration: none;
  color: rgba(var(--color-title-foreground), 1);
}

.list-menu--disclosure.localization-selector {
  max-height: 18rem;
  overflow: auto;
  width: 10rem;
  padding: 0.5rem;
}

/* ===== component-list-payment.css ===================================================== */

.list-payment {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
}

.list-payment__item {
  align-items: center;
  display: flex;
  padding: 0.1rem;
}

/* ===== component-list-social.css ===================================================== */

.list-social {
  display: grid;
  grid-template-columns: repeat(auto-fit, 4.4rem);
  justify-content: flex-start;
  width: auto;
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 990px) {
  .list-social {
    justify-content: flex-start;
  }
}
.list-social__item .icon {
  height: 2rem;
  width: 2rem;
  color: rgba(var(--color-social));
  transition: var(--duration-default);
}

.list-social__item:hover .icon {
  opacity: 0.5;
}

.list-social__link {
  align-items: center;
  display: flex;
  padding: 1.2rem;
}

/* ===== component-loading-overlay.css ===================================================== */

.loading-overlay {
  position: absolute;
  z-index: 1;
  width: 3rem;
}

@media screen and (max-width: 749px) {
  .loading-overlay {
    top: 0;
    right: 0;
  }
}
@media screen and (min-width: 750px) {
  .loading-overlay {
    left: 0;
  }
}
.loading-overlay__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translate(-50%, -50%);
}
.loading-overlay__spinner svg {
  width: 2rem;
  height: 2rem;
}

.spinner {
  animation: rotator 1.4s linear infinite;
}

@keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}
.path {
  stroke-dasharray: 280;
  stroke-dashoffset: 0;
  transform-origin: center;
  stroke: rgb(var(--color-button));
  animation: dash 1.4s ease-in-out infinite;
}

@keyframes dash {
  0% {
    stroke-dashoffset: 280;
  }
  50% {
    stroke-dashoffset: 75;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 280;
    transform: rotate(450deg);
  }
}
.loading-overlay:not(.hidden) + .cart-item__price-wrapper,
.loading-overlay:not(.hidden) ~ cart-remove-button {
  opacity: 50%;
}

.loading-overlay:not(.hidden) ~ cart-remove-button {
  pointer-events: none;
  cursor: default;
}

/* ===== component-menu-drawer.css ===================================================== */

.header__icon--menu {
  position: initial;
}

.js menu-drawer > details > summary::before,
.js menu-drawer > details[open]:not(.menu-opening) > summary::before {
  content: "";
  position: absolute;
  cursor: default;
  width: 100%;
  height: calc(100vh - 100%);
  height: calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));
  top: 100%;
  left: 0;
  background: rgba(var(--color-foreground), 0.5);
  opacity: 0;
  visibility: hidden;
  z-index: 2;
  transition: opacity var(--duration-default) ease, visibility var(--duration-default) ease;
}

menu-drawer > details[open] > summary::before {
  visibility: visible;
  opacity: 1;
}

.menu-drawer__menu .menu-opening[open] > summary > .icon-caret {
  transform: rotate(180deg);
}

.menu-drawer {
  position: fixed;
  transform: translateX(-100%);
  opacity: 0;
  visibility: hidden;
  z-index: 3;
  left: 0;
  top: 100%;
  width: 100%;
  padding: 0;
  border-left: 0;
  background-color: rgb(var(--color-background));
  overflow-x: hidden;
}

.js .menu-drawer {
  height: calc(100vh - 100%);
  height: calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));
}

.js details[open] > .menu-drawer,
.js details[open] > .menu-drawer__submenu {
  transition: transform var(--duration-default) ease, visibility var(--duration-default) ease, opacity var(--duration-default) ease;
}

.no-js details[open] > .menu-drawer,
.js details[open].menu-opening > .menu-drawer {
  transform: translateX(0);
  visibility: visible;
  opacity: 1;
}

details[open] > .menu-drawer__submenu {
  visibility: visible;
}

@media screen and (min-width: 750px) {
  .no-js .menu-drawer {
    height: auto;
  }
}
.menu-drawer__inner-container {
  position: relative;
  height: 100%;
}

.menu-drawer__navigation-container {
  display: grid;
  grid-template-rows: 1fr auto;
  align-content: space-between;
  height: 100%;
}

.menu-drawer__inner-submenu {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.menu-drawer__inner-submenu * {
  text-transform: none;
}

.menu-drawer__menu .menu-drawer__menu-item {
  font-family: var(--font-button-family);
  font-style: var(--font-button-style);
  font-weight: var(--font-button-weight);
  font-size: 1.2rem;
  text-transform: uppercase;
}
.menu-drawer__menu .menu-drawer__menu-item:hover {
  background-color: transparent;
}

.menu-drawer__inner-submenu .link {
  font-size: 1.3rem;
  color: rgb(var(--color-foreground));
  font-weight: var(--font-body-weight);
  text-transform: none;
}

.menu-drawer__menu li {
  border-top: 0.1rem solid rgb(var(--color-border));
}
.menu-drawer__menu li:last-child:not(.menu-drawer__inner-submenu li:last-child) {
  border-bottom: 0.1rem solid rgb(var(--color-border));
}

.menu-drawer__menu-item {
  padding: 1.5rem 0;
  text-decoration: none;
}

.menu-drawer__submenu .menu-drawer__submenu .menu-drawer__menu-item {
  padding-left: 2rem;
}

.menu-drawer summary.menu-drawer__menu-item {
  padding-right: 5.2rem;
}

.menu-drawer__menu-item--active,
.menu-drawer__menu-item:focus,
.menu-drawer__close-button:focus,
.menu-drawer__menu-item:hover,
.menu-drawer__close-button:hover {
  color: rgb(var(--color-foreground));
}

.menu-drawer__menu-item--active:hover {
  background-color: rgba(var(--color-foreground), 0.08);
}

.menu-drawer__menu-item--active {
  text-decoration: underline;
  text-decoration-color: rgb(var(--color-accent));
  text-underline-offset: 0.6rem;
}

.menu-drawer .icon-arrow {
  width: 1.3rem;
}

.menu-drawer__menu-item > .icon-caret {
  right: 0;
}

.js .menu-drawer__submenu {
  width: 100%;
  background-color: rgb(var(--color-background));
  z-index: 1;
  visibility: hidden;
}

.menu-drawer__close-button {
  margin-top: 1.5rem;
  padding: 1.2rem 2.6rem;
  text-decoration: none;
  display: flex;
  display: none;
  align-items: center;
  font-size: 1.4rem;
  width: 100%;
  background-color: transparent;
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
}

.no-js .menu-drawer__close-button {
  display: none;
}

.menu-drawer__close-button .icon-arrow {
  transform: rotate(180deg);
  margin-right: 1rem;
}

.menu-drawer__utility-links {
  padding: 4rem 0;
}

.menu-drawer__account {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  width: 100%;
  height: 60px;
}

.menu-drawer__account .icon-account {
  height: 1.5rem;
  width: 1.5rem;
  margin-right: 1rem;
}

.menu-drawer__account-register {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.6rem;
  text-transform: none;
  font-weight: var(--font-body-weight);
}

.menu-drawer__account-register a {
  font-weight: var(--font-header-menu-weight);
  margin-left: 0.8rem;
}

.menu-drawer .menu-drawer__utility-account {
  text-transform: none;
  font-weight: var(--font-body-weight);
}

.menu-drawer__utility-account-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.6rem;
}

.menu-drawer__utility-account-body {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0 2rem;
  background-color: rgba(var(--color-scondary-element-background));
}

.menu-drawer__utility-account-body li {
  width: 100%;
}

.menu-drawer__utility-account-body li a {
  display: block;
  padding: 0.8rem 0;
  text-decoration: none;
}

.menu-drawer__utility-account-cart {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.menu-drawer__utility-account-cart a {
  flex: 1;
}

.menu-drawer__utility-account a {
  color: rgba(var(--color-foreground), 0.75);
  font-size: 1.2rem;
  transition: var(--duration-short);
}

.menu-drawer__utility-account a:hover {
  color: rgba(var(--color-foreground));
}

.menu-drawer__utility-name {
  color: rgba(var(--color-foreground));
}

.menu-drawer .cart-count-bubble {
  position: static;
  top: auto;
  right: auto;
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1.2rem;
}

.menu-drawer .list-social {
  margin-top: 4rem;
  justify-content: center;
  gap: 2rem;
}

.menu-drawer .list-social__link {
  padding: 0;
  background-color: transparent;
  border-radius: 0;
  color: rgba(var(--color-foreground), 0.6);
  font-size: 1.6rem;
}

.menu-drawer .list-social__link .icon {
  height: 2rem;
  width: 2rem;
}

.menu-drawer .list-social__link:hover {
  color: rgba(var(--color-foreground));
}

.menu-drawer .list-social__item {
  display: flex;
  align-items: center;
  justify-content: center;
}

.menu-drawer .list-social:empty {
  display: none;
}

.menu-drawer__utility-links .list-social__link:hover {
  color: rgba(var(--color-foreground), 0.75);
}

/* ===== component-model-viewer-ui.css ===================================================== */

.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
  background: rgb(var(--color-background));
  border-color: rgba(var(--color-foreground), 0.04);
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button {
  color: rgba(var(--color-foreground), 0.75);
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover {
  color: rgba(var(--color-foreground), 0.55);
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus {
  color: rgba(var(--color-foreground), 0.55);
  background: rgba(var(--color-foreground), 0.04);
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after {
  border-color: rgba(var(--color-foreground), 0.04);
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster {
  border-radius: 50%;
  color: rgb(var(--color-foreground));
  background: rgb(var(--color-background));
  border-color: rgba(var(--color-foreground), 0.1);
  transform: translate(-50%, -50%) scale(1);
  transition: transform var(--duration-short) ease, color var(--duration-short) ease;
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__poster-control-icon {
  width: 4.8rem;
  height: 4.8rem;
  margin-top: 0.3rem;
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus {
  transform: translate(-50%, -50%) scale(1.1);
}

/* ===== component-newsletter.css ===================================================== */

.newsletter {
  position: relative;
  z-index: 1;
  text-align: center;
}
.newsletter .countdown-block-font {
  line-height: normal;
}
.newsletter .word {
  line-height: normal;
}
.newsletter.countdown--overlay {
  display: flex;
  min-height: 72.6rem;
}
.newsletter.countdown--overlay .overlay-container {
  padding-left: 15rem;
  padding-right: 15rem;
  width: 100%;
}
.newsletter.countdown--overlay .bg__overlay--container {
  position: relative;
  width: 100%;
  display: flex;
}
.newsletter.countdown--overlay .countdown {
  flex: 1 !important;
}
@media screen and (max-width: 1360px) {
  .newsletter.countdown--overlay .countdown {
    margin: 0 !important;
  }
}
.newsletter.countdown--overlay .newsletter__wrapper {
  align-items: flex-end;
  width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media (min-width: 576px) {
  .newsletter.countdown--overlay .newsletter__wrapper {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 1200px) {
  .newsletter.countdown--overlay .newsletter__wrapper {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media screen and (max-width: 1100px) {
  .newsletter.countdown--overlay .newsletter__wrapper {
    align-items: center;
  }
}
.newsletter.countdown--overlay .newsletter__heading {
  max-width: none;
  width: 100%;
  max-width: 38rem;
  text-align: left;
}
@media screen and (max-width: 1100px) {
  .newsletter.countdown--overlay .newsletter__heading {
    text-align: center;
  }
}
.newsletter.countdown--overlay .newsletter__heading .button--primary {
  margin-top: 3.2rem;
}
.newsletter.countdown--overlay .newsletter__heading--container {
  max-width: none;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .newsletter.countdown--overlay .newsletter__heading--container {
    max-width: 38rem;
  }
}
.newsletter.countdown--overlay .newsletter-form__inner {
  align-items: end;
  justify-content: center !important;
}
@media screen and (min-width: 1200px) {
  .newsletter.countdown--overlay .newsletter-form__inner {
    justify-content: flex-end !important;
    align-self: flex-end;
    text-align: end;
  }
}
@media (max-width: 576px) {
  .newsletter.countdown--overlay .newsletter-form__inner {
    flex-direction: column;
    gap: 1rem;
  }
  .newsletter.countdown--overlay .newsletter-form__inner .newsletter-form__field-wrapper {
    max-width: 100%;
    width: 100%;
  }
  .newsletter.countdown--overlay .newsletter-form__inner .newsletter__button {
    max-width: 100%;
    width: 100%;
  }
  .newsletter.countdown--overlay .newsletter-form__inner .newsletter-form__field-wrapper {
    margin: 0;
  }
}
.newsletter.countdown--overlay .newsletter__form {
  flex: 1;
  width: 100%;
  max-width: 100% !important;
  padding: 3.5rem;
  border-top: solid 0.1rem rgba(var(--color-white-card), 0.4) !important;
  border-bottom: solid 0.1rem rgba(var(--color-white-card), 0.4) !important;
  border-right: solid 0.1rem rgba(var(--color-white-card), 0.4) !important;
  min-width: 20.8rem;
}
@media (min-width: 576px) {
  .newsletter.countdown--overlay .newsletter__form {
    min-width: 48.8rem;
  }
}
@media (max-width: 380px) {
  .newsletter.countdown--overlay .newsletter__form {
    padding: 1.5rem;
  }
}
@media (max-width: 1360px) {
  .newsletter.countdown--overlay .newsletter__form {
    border-top: none !important;
    border-left: solid 0.1rem rgba(var(--color-white-card), 0.4) !important;
  }
}
.newsletter.countdown--overlay .newsletter__timer .countdown .countdown__item {
  flex: 1;
  border-top: solid 0.1rem rgba(var(--color-white-card), 0.4) !important;
  border-bottom: solid 0.1rem rgba(var(--color-white-card), 0.4) !important;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  padding: 5rem 6rem;
  gap: 0.8rem;
  border-left: solid 0.1rem rgba(var(--color-white-card), 0.4) !important;
  text-align: center;
}
@media screen and (max-width: 1760px) {
  .newsletter.countdown--overlay .newsletter__timer .countdown .countdown__item {
    padding: 2.8rem 4.4rem;
  }
}
@media screen and (max-width: 1560px) {
  .newsletter.countdown--overlay .newsletter__timer .countdown .countdown__item {
    padding: 2.8rem 3rem;
  }
}
@media screen and (max-width: 1440px) {
  .newsletter.countdown--overlay .newsletter__timer .countdown .countdown__item {
    padding: 2.8rem 2rem;
  }
}
@media screen and (max-width: 1360px) {
  .newsletter.countdown--overlay .newsletter__timer .countdown .countdown__item {
    padding: 2.8rem 2rem;
  }
}
@media screen and (max-width: 1200px) {
  .newsletter.countdown--overlay .newsletter__timer .countdown .countdown__item {
    padding: 2.8rem 4.4rem;
  }
}
@media screen and (max-width: 990px) {
  .newsletter.countdown--overlay .newsletter__timer .countdown .countdown__item {
    padding: 2.8rem 4.4rem;
  }
}
@media screen and (max-width: 750px) {
  .newsletter.countdown--overlay .newsletter__timer .countdown .countdown__item {
    padding: 2rem 3rem;
  }
}
@media screen and (max-width: 576px) {
  .newsletter.countdown--overlay .newsletter__timer .countdown .countdown__item {
    padding: 2rem 3rem;
    max-width: 100%;
    width: 100%;
  }
}
@media screen and (max-width: 500px) {
  .newsletter.countdown--overlay .newsletter__timer .countdown .countdown__item {
    padding: 1.5rem;
  }
}
@media screen and (max-width: 380px) {
  .newsletter.countdown--overlay .newsletter__timer .countdown .countdown__item {
    padding: 0.6rem;
  }
}
.newsletter.countdown--overlay .newsletter__timer .countdown .countdown__item:last-child {
  border-right: solid 0.1rem rgba(var(--color-white-card), 0.4) !important;
}
@media screen and (min-width: 1200px) {
  .newsletter.countdown--overlay .newsletter__title {
    max-width: 55.4rem !important;
  }
}
@media screen and (min-width: 1100px) {
  .newsletter.countdown--overlay .newsletter__title {
    align-self: flex-end;
    width: 100%;
    max-width: 55.4rem;
    text-align: inherit;
  }
}
@media screen and (min-width: 1560px) {
  .newsletter.countdown--overlay .newsletter__title {
    max-width: 33.4rem !important;
    align-self: flex-start;
  }
}
.newsletter.countdown--overlay .dark-color {
  --color-white-card: var(--color-base-text-default);
}
.newsletter.countdown--overlay .dark-color .newsletter__heading,
.newsletter.countdown--overlay .dark-color .newsletter__text,
.newsletter.countdown--overlay .dark-color .newsletter__title,
.newsletter.countdown--overlay .dark-color .num,
.newsletter.countdown--overlay .dark-color .word,
.newsletter.countdown--overlay .dark-color .richtext__content {
  color: rgb(var(--color-base-text-default)) !important;
}
.newsletter.countdown--overlay .dark-color .countdown__item,
.newsletter.countdown--overlay .dark-color .newsletter__form,
.newsletter.countdown--overlay .dark-color .countdown__item:last-child {
  border-color: rgb(var(--color-base-text-default));
}
.newsletter.countdown--overlay .light-color .newsletter__heading,
.newsletter.countdown--overlay .light-color .newsletter__text,
.newsletter.countdown--overlay .light-color .newsletter__title,
.newsletter.countdown--overlay .light-color .num,
.newsletter.countdown--overlay .light-color .word,
.newsletter.countdown--overlay .light-color .richtext__content {
  color: rgb(var(--color-white-card)) !important;
}
.newsletter .countdown__bg,
.newsletter .countdown__placeholder {
  position: absolute;
  inset: 0;
}
.newsletter .countdown__bg img,
.newsletter .countdown__bg svg,
.newsletter .countdown__placeholder img,
.newsletter .countdown__placeholder svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.newsletter .countdown__placeholder {
  background-color: rgb(var(--color-overlay), 0.7);
}
.newsletter .countdown__placeholder svg {
  fill: rgb(255, 255, 255);
}
.newsletter .countdown__bg-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.newsletter .countdown__heading {
  display: none;
  max-width: unset;
  margin: 5rem 0;
}
@media screen and (min-width: 1200px) {
  .newsletter .countdown__heading {
    max-width: 35rem;
    margin: 0;
  }
}
@media screen and (min-width: 1560px) {
  .newsletter .countdown__heading {
    max-width: 60rem;
    margin: 0;
  }
}
.newsletter .countdown__heading h3 {
  margin: 0;
}
@media screen and (min-width: 1200px) {
  .newsletter .countdown__heading h3 {
    border-left: solid 0.1rem rgba(var(--color-border));
    border-right: solid 0.1rem rgba(var(--color-border));
    padding: 0 6.4rem;
  }
}
.newsletter .countdown__heading h3 p {
  margin: 0;
}
.newsletter .newsletter__border--bottom {
  border-bottom: solid 0.1rem rgba(var(--color-border));
}
.newsletter .newsletter__border--top {
  border-top: solid 0.1rem rgba(var(--color-border));
}
.newsletter .newsletter__form {
  max-width: none;
  width: 100%;
  text-align: center;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  justify-content: end;
  max-width: 55.4rem;
}
@media screen and (min-width: 1100px) {
  .newsletter .newsletter__form {
    text-align: left;
  }
}
@media screen and (min-width: 1360px) {
  .newsletter .newsletter__form {
    padding-left: 4.8rem;
  }
}
@media screen and (min-width: 1760px) {
  .newsletter .newsletter__form {
    max-width: 55.4rem;
  }
}
.newsletter .newsletter__form .newsletter__title {
  max-width: none;
  font-weight: 400;
  font-size: 1.8rem;
  margin: 0 0 1.4rem 0;
}
@media screen and (min-width: 1200px) {
  .newsletter .newsletter__form .newsletter__title {
    max-width: 33.4rem;
  }
}
.newsletter .newsletter__form .newsletter-form__inner {
  display: flex;
  align-items: end;
  justify-content: center;
}
@media screen and (min-width: 1200px) {
  .newsletter .newsletter__form .newsletter-form__inner {
    justify-content: flex-start;
  }
}
@media (max-width: 576px) {
  .newsletter .newsletter__form .newsletter-form__inner {
    flex-direction: column;
    gap: 1rem;
  }
  .newsletter .newsletter__form .newsletter-form__inner .newsletter-form__field-wrapper {
    max-width: 100%;
    width: 100%;
  }
  .newsletter .newsletter__form .newsletter-form__inner .newsletter__button {
    max-width: 100%;
    width: 100%;
  }
  .newsletter .newsletter__form .newsletter-form__inner .newsletter-form__field-wrapper {
    margin: 0;
  }
}
.newsletter .newsletter__form .newsletter-form__field-wrapper {
  max-width: 38.1rem;
  width: 100%;
  margin-right: 0.85rem;
  height: 6rem;
  border-radius: 0.4rem;
}
.newsletter .newsletter__form .newsletter-form__field-wrapper input {
  height: 6rem;
}
.newsletter .newsletter__wrapper {
  display: flex;
  align-items: end;
  justify-content: center;
  flex-wrap: nowrap;
  position: relative;
  z-index: 2;
  gap: 2rem;
}
@media screen and (min-width: 1200px) {
  .newsletter .newsletter__wrapper {
    justify-content: space-between;
  }
}
@media screen and (max-width: 1100px) {
  .newsletter .newsletter__wrapper {
    flex-direction: column;
    align-items: center;
  }
}
.newsletter .newsletter__heading {
  max-width: none;
  width: 100%;
}
@media screen and (max-width: 1100px) {
  .newsletter .newsletter__heading {
    text-align: center;
  }
}
@media screen and (min-width: 1100px) {
  .newsletter .newsletter__heading {
    max-width: 38rem;
    text-align: left;
  }
}
@media screen and (min-width: 1360px) {
  .newsletter .newsletter__heading {
    max-width: 34rem;
    text-align: left;
  }
}
@media screen and (min-width: 1560px) {
  .newsletter .newsletter__heading {
    max-width: 38.1rem;
    text-align: left;
  }
}
.newsletter .newsletter__heading .newsletter__heading {
  margin: 0;
}
.newsletter .newsletter__heading .newsletter__text {
  margin: 0.4rem 0 0;
}
.newsletter .newsletter__heading .button--primary {
  margin-top: 3.2rem;
}
.newsletter .newsletter__timer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: -webkit-fill-available;
}
@media screen and (max-width: 576px) {
  .newsletter .newsletter__timer {
    width: 100%;
  }
}
@media screen and (min-width: 1360px) {
  .newsletter .newsletter__timer {
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 1100px) {
  .newsletter .newsletter__timer {
    justify-content: flex-end;
  }
}
.newsletter .newsletter__timer p {
  margin: 0;
}
.newsletter .newsletter__timer .countdown {
  display: flex;
}
@media screen and (max-width: 1360px) {
  .newsletter .newsletter__timer .countdown {
    margin: 3.2rem 0;
  }
}
.newsletter .newsletter__timer .countdown .countdown__item {
  display: flex;
  flex-direction: column;
  padding: 5.8rem 6.4rem;
  gap: 0.8rem;
  border-left: solid 0.1rem rgba(var(--color-border));
  text-align: center;
}
@media screen and (max-width: 1760px) {
  .newsletter .newsletter__timer .countdown .countdown__item {
    padding: 2.8rem 5.4rem;
  }
}
@media screen and (max-width: 1560px) {
  .newsletter .newsletter__timer .countdown .countdown__item {
    padding: 2.8rem 4.4rem;
  }
}
@media screen and (max-width: 1440px) {
  .newsletter .newsletter__timer .countdown .countdown__item {
    padding: 2.8rem 3.4rem;
  }
}
@media screen and (max-width: 1360px) {
  .newsletter .newsletter__timer .countdown .countdown__item {
    padding: 2.8rem 5.4rem;
  }
}
@media screen and (max-width: 1200px) {
  .newsletter .newsletter__timer .countdown .countdown__item {
    padding: 2.8rem 5.4rem;
  }
}
@media screen and (max-width: 990px) {
  .newsletter .newsletter__timer .countdown .countdown__item {
    padding: 2.8rem 4.4rem;
  }
}
@media screen and (max-width: 750px) {
  .newsletter .newsletter__timer .countdown .countdown__item {
    padding: 2rem 3rem;
  }
}
@media screen and (max-width: 576px) {
  .newsletter .newsletter__timer .countdown .countdown__item {
    padding: 2rem 3rem;
    max-width: 100%;
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .newsletter .newsletter__timer .countdown .countdown__item {
    padding: 2rem;
  }
}
@media screen and (max-width: 380px) {
  .newsletter .newsletter__timer .countdown .countdown__item {
    padding: 1.5rem;
  }
}
.newsletter .newsletter__timer .countdown .countdown__item:last-child {
  border-right: solid 0.1rem rgba(var(--color-border));
}
.newsletter .newsletter__timer .countdown .num {
  max-width: 7rem;
  max-height: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 990px) {
  .newsletter .newsletter__timer .countdown .num {
    max-height: 5rem;
  }
}
@media screen and (max-width: 576px) {
  .newsletter .newsletter__timer .countdown .num {
    margin: 0 auto;
  }
}
.newsletter .newsletter__timer .countdown .word {
  color: rgb(var(--color-foreground-secondary));
  text-transform: capitalize;
}
@media screen and (max-width: 576px) {
  .newsletter .newsletter__timer .countdown .word {
    font-size: 1.4rem;
  }
}

/* ===== component-pagination.css ===================================================== */

.pagination-wrapper {
  margin-top: 4rem;
}
@media screen and (min-width: 990px) {
  .pagination-wrapper {
    margin-top: 5rem;
  }
}
.pagination__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
}
.pagination__list > li {
  flex: 0 0 4rem;
  max-width: 4rem;
}
.pagination__item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.2rem;
  height: 4.2rem;
  padding: 0;
  font-size: 1.8rem;
  color: rgb(var(--color-foreground));
  text-decoration: none;
  border-radius: 50%;
  transition: background-color var(--duration-default);
}
.pagination__item:not(.pagination__item--current):hover, .pagination__item:focus {
  border: 0.1rem solid rgb(var(--color-border));
}
.pagination__item--current {
  background-color: rgb(var(--color-base-background-2));
  color: rgb(var(--color-border-input-hover));
}
.pagination__item-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2.4rem;
  color: rgb(var(--color-foreground));
}
.pagination__item-arrow span {
  display: flex;
  align-items: center;
}
.pagination__item-arrow .icon {
  flex: 0 0 auto;
  width: 4rem;
  color: rgb(var(--color-accent));
  transition: transform var(--duration-default);
}
.pagination__item-arrow .icon path {
  fill: rgb(var(--color-accent));
}
.pagination__item-arrow:hover .icon {
  transform: translateX(0.5rem);
}
.pagination__item--prev .icon {
  transform: rotate(180deg);
}
.pagination__item--prev:hover .icon {
  transform: rotate(180deg) translateX(0.5rem);
}

/* ===== component-predictive-search.css ===================================================== */

.predictive-search * {
  text-transform: none;
}
.predictive-search .article-card__tag a span,
.predictive-search .card__link span {
  text-transform: uppercase;
}

.search-modal__content .field,
.search__form-inner .field {
  display: block;
}

.predictive-search {
  display: none;
  position: relative;
  margin-top: 1.4rem;
  left: 0;
  right: 0;
  width: 100%;
  background-color: rgb(var(--color-background-input));
  border-top: none;
  overflow-y: auto;
  z-index: 20;
}
.predictive-search::-webkit-scrollbar {
  width: 0.4rem;
}
.predictive-search::-webkit-scrollbar-thumb {
  background-color: rgb(var(--color-border));
  border-radius: 2rem;
}
.predictive-search .article {
  width: 100%;
}
.predictive-search .article-card {
  min-height: 34rem;
  padding: 3rem;
}
@media screen and (min-width: 576px) {
  .predictive-search .article__tags {
    margin: 0 0 2rem;
  }
}
.predictive-search .card-wrapper .media {
  padding-bottom: 100% !important;
}
.predictive-search .image-ratio--landscape {
  padding-bottom: 67%;
  border-radius: 6px;
}
.predictive-search .image-ratio--landscape img {
  opacity: 1;
}
.predictive-search .collections-grid__card:hover img.img-scale {
  transform: scale(1.05);
}

.predictive-search--search-template {
  width: 100%;
}

@media screen and (max-width: 989px) {
  .predictive-search {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media screen and (min-width: 750px) {
  .header predictive-search {
    position: relative;
  }
}
predictive-search[open] .predictive-search,
predictive-search[loading] .predictive-search {
  display: block;
}

.predictive-search__heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 4rem);
  margin: 0 auto;
  padding: 1.5rem 0 0.75rem;
  color: rgba(var(--color-foreground), 0.7);
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
}

predictive-search .spinner {
  width: 1.5rem;
  height: 1.5rem;
  line-height: 0;
}

.predictive-search__heading .spinner {
  margin: 0 0.2rem 0 2rem;
}

predictive-search:not([loading]) .predictive-search__heading .spinner,
predictive-search:not([loading]) .predictive-search__loading-state,
predictive-search:not([loading]) .predictive-search-status__loading {
  display: none;
}

predictive-search[loading] .predictive-search__loading-state {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.3rem 2rem;
}

predictive-search[loading] .predictive-search__heading ~ .predictive-search__loading-state,
predictive-search[loading] .predictive-search__results-list:first-child {
  display: none;
}

.predictive-search__list-item:hover .predictive-search__item-heading,
.predictive-search__list-item[aria-selected=true] .predictive-search__item-heading {
  opacity: 0.7;
  text-decoration: none;
}

.predictive-search__result-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 2.4rem;
  margin-bottom: 2.4rem;
  border-bottom: 1px solid rgb(var(--color-border));
  font-family: var(--font-header-menu-family);
  font-style: var(--font-header-menu-style);
  font-weight: var(--font-header-menu-weight);
}
.predictive-search__result-tabs:empty {
  margin-bottom: 0;
}
.predictive-search__result-tab {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0 !important;
  text-align: center;
  transition: border var(--duration-default);
}
.predictive-search__result-tab span {
  position: relative;
  font-size: 1.4rem;
  text-transform: none;
  text-decoration: none;
  letter-spacing: normal;
  z-index: 1;
  line-height: 3;
  color: rgb(var(--color-foreground-secondary));
}
.predictive-search__result-tab span::after {
  bottom: -1px;
  height: 0.2rem;
}
.predictive-search__result-tab.active span {
  color: rgb(var(--color-foreground-title));
}
.predictive-search__result-tab.active span::after {
  width: 100%;
}

.predictive-search__results-list_products {
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 48px 17px;
}

.predictive-search__results-list_collections {
  grid-template-columns: 1fr;
  gap: 1.5rem 0.8rem;
}
@media screen and (min-width: 576px) {
  .predictive-search__results-list_collections {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 990px) {
  .predictive-search__results-list_collections {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 1200px) {
  .predictive-search__results-list_collections {
    grid-template-columns: repeat(4, 1fr);
  }
}

.predictive-search__results-list_pages {
  grid-template-columns: 1fr;
  gap: 1.5rem 0.8rem;
}
@media screen and (min-width: 576px) {
  .predictive-search__results-list_pages {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 990px) {
  .predictive-search__results-list_pages {
    grid-template-columns: repeat(4, 1fr);
  }
}

.predictive-search__results-list_articles {
  grid-template-columns: 1fr;
  gap: 1.5rem 0.8rem;
}
@media screen and (min-width: 750px) {
  .predictive-search__results-list_articles {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 990px) {
  .predictive-search__results-list_articles {
    grid-template-columns: repeat(3, 1fr);
  }
}

.predictive-search__item {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  width: 100%;
  padding: 0.8rem;
  text-align: left;
  text-decoration: none;
  transition: background var(--duration-default);
}
@media screen and (min-width: 1200px) {
  .predictive-search__item {
    padding: 0.8rem 2rem;
  }
}
.predictive-search__item--link {
  display: grid;
  grid-template-columns: 5rem 1fr;
  grid-column-gap: 0.8rem;
  grid-template-areas: "product-image product-content";
}
.predictive-search__item-content {
  grid-area: product-content;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.predictive-search__item-content .price__regular,
.predictive-search__item-content .price-item--sale {
  font-size: 1.3rem;
}
.predictive-search__item-content .price-item--regular {
  color: rgb(var(--color-foreground-secondary));
}
.predictive-search__item-content--centered {
  justify-content: center;
}
.predictive-search__item-vendor {
  margin-top: 0;
}
.predictive-search__item-heading {
  display: inline;
  margin: 0;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  background: no-repeat 0 calc(100% - 0.3rem);
  background-image: linear-gradient(rgb(var(--color-accent)), rgb(var(--color-accent)));
  background-size: 0% 0.1rem;
  transition-property: color, background-size, opacity;
  transition-duration: var(--duration-default);
  transition-timing-function: ease;
  font-size: var(--font-heading-card-size);
}
.predictive-search__item--term {
  justify-content: space-between;
  align-items: center;
  padding: 1.3rem 0.8rem;
  word-break: break-all;
  color: rgb(var(--color-button));
  transition: opacity var(--duration-default);
}
.predictive-search__item--term:hover {
  opacity: 0.7;
}
@media screen and (min-width: 1200px) {
  .predictive-search__item--term {
    padding: 1.3rem 2rem;
  }
}

.predictive-search__item-vendor + .predictive-search__item-heading,
.predictive-search .price {
  margin-bottom: 0.2rem;
}

.predictive-search__image {
  display: block;
  grid-area: product-image;
  flex: none;
  width: 3.6rem;
  height: 3.6rem;
  object-fit: cover;
  font-family: "object-fit: contain";
}
@media screen and (min-width: 1200px) {
  .predictive-search__image {
    width: 5rem;
    height: 5rem;
  }
}

.predictive-search .template-search__page {
  position: relative;
}
.predictive-search .template-search__page .card-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 34rem;
  background-color: rgb(var(--color-base-background-2));
  border-radius: 0.6rem;
}
.predictive-search .template-search__page svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5rem;
  height: auto;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 750px) {
  .predictive-search .template-search__page svg {
    width: 7.5rem;
  }
}

.predictive-search .card-page {
  display: flex;
  align-items: flex-end;
  height: 100%;
  padding: 3rem;
}
@media screen and (min-width: 576px) {
  .predictive-search .card-page {
    padding: 4rem;
  }
}
.predictive-search .card-page__content {
  position: relative;
  z-index: 1;
}

.predictive-search__results-list {
  display: none;
}
.predictive-search__results-list.active {
  display: grid;
}

.search-modal--has-results {
  align-items: flex-start;
}
@media screen and (min-width: 1360px) {
  .search-modal--has-results {
    height: 825px !important;
  }
}

.template-search .predictive-search,
.template-404 .predictive-search {
  background: transparent;
  max-height: 650px;
}
.template-search .predictive-search .card-page,
.template-404 .predictive-search .card-page {
  background: rgb(var(--color-base-background-1));
}

/* ===== component-price.css ===================================================== */

.price-wrapper {
  margin-top: 1.6rem;
}

.price {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-size: 1.2rem;
  line-height: 1.5;
  color: rgb(var(--color-foreground));
  font-weight: 700;
}

.price .price__sale .price-item--regular {
  font-size: 1.2rem;
}

.price.price--unavailable {
  visibility: hidden;
}

.price--end {
  justify-content: flex-end;
}

.price dl {
  margin: 0;
  display: flex;
  flex-direction: column;
}

.price dd {
  margin: 0;
}

.price dd:not(:last-child) {
  margin: 0 0.8rem 0 0;
}

.product .price dd {
  margin: 0 0.8rem 0 0;
}

.price .price__last:last-of-type {
  margin: 0;
}

@media screen and (min-width: 750px) {
  .price {
    margin-bottom: 0;
  }
}
.price--large {
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0.13rem;
}

.price--product {
  font-size: 1.8rem;
}

@media screen and (min-width: 750px) {
  .price--large {
    font-size: 1.8rem;
  }
  .price--product {
    font-size: 2.5rem;
  }
}
.price--sold-out .price__availability,
.price__regular {
  display: block;
}

.price__sale,
.price__availability,
.price--on-sale .price__regular,
.price--on-sale .price__availability,
.price--no-compare .price__compare {
  display: none;
}

.price--on-sale .price__sale {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}

.price__sale dd {
  display: flex;
  align-items: baseline;
}

.price--center {
  display: flex;
  justify-content: center;
}

.price--on-sale .price-item--regular {
  text-decoration: line-through;
  color: rgba(var(--color-foreground));
  text-decoration-color: rgb(var(--color-foreground));
}

.product .price--on-sale .price-item--regular {
  font-size: 1.2rem;
  color: rgba(var(--color-foreground));
  text-decoration-color: rgb(var(--color-foreground));
}

.price--on-sale .price-item--sale {
  color: var(--color-price);
}

.unit-price {
  font-size: 1.1rem;
  letter-spacing: 0.04rem;
  line-height: 1.2;
  margin-top: 0.2rem;
  text-transform: uppercase;
  color: rgba(var(--color-foreground), 0.7);
}
span.price-item.price-item--sale.price-item--last {
  margin-left: 0 !important;
}

span.price-item.price-item--sale.price-item--last.appstle_subscription_final_price {
  margin-left: 1rem !important;
}

/* ===== component-product-model.css ===================================================== */

.button.product__xr-button {
  background: rgba(var(--color-foreground), 0.08);
  color: rgb(var(--color-foreground));
  margin: 1rem auto;
  box-shadow: none;
}

.button.product__xr-button:hover {
  box-shadow: none;
}

.product__xr-button[data-shopify-xr-hidden] {
  visibility: hidden;
}

@media screen and (max-width: 749px) {
  slider-component .product__xr-button:not([data-shopify-xr-hidden]) {
    display: none;
  }
  .active .product__xr-button:not([data-shopify-xr-hidden]) {
    display: block;
  }
}
@media screen and (min-width: 750px) {
  .product__media-wrapper > .button.product__xr-button {
    display: none;
  }
  .product__xr-button[data-shopify-xr-hidden] {
    display: none;
  }
}
.product__xr-button .icon {
  width: 1.4rem;
  margin-right: 1rem;
}

/* ===== component-rte.css ===================================================== */

.rte:after {
  clear: both;
  content: "";
  display: block;
}
.rte * {
  line-height: var(--font-body-line-height);
}
.rte h1,
.rte h2,
.rte h3,
.rte h4 {
  margin-top: 3.2rem;
  line-height: var(--font-heading-line-height);
}
.rte div {
  margin: 0;
}
.rte div img {
  width: 100%;
}
@media screen and (min-width: 990px) {
  .rte div img {
    width: calc(50% - 0.8rem);
  }
}
.rte p {
  font-size: 1.4rem;
  letter-spacing: normal;
}
@media only screen and (min-width: 750px) {
  .rte p {
    font-size: 1.8rem;
  }
}
.rte p:first-child {
  margin-top: 0;
}
.rte p:last-child {
  margin-bottom: 0;
}
.rte ol,
.rte ul {
  padding-left: 2rem;
  margin: 0 0 1.6rem 2.4rem;
}
.rte li {
  list-style: inherit;
  padding-left: 0.8rem;
  margin: 1.6rem 0rem;
  font-size: 1.4rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 750px) {
  .rte li {
    font-size: 1.8rem;
  }
}
.rte li:last-child {
  margin-bottom: 0;
}
.rte a {
  color: rgb(var(--color-link));
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 0.1rem;
  text-decoration-color: rgb(var(--color-link));
  transition: color var(--duration-short) ease;
}
.rte a:hover {
  color: rgb(var(--color-link), 0.6);
}
.rte img,
.rte figure {
  height: auto;
  max-width: 100%;
  margin-top: 2.4rem;
  margin-bottom: 2.4rem;
  border-radius: 0.3rem;
  width: 100%;
}
@media screen and (min-width: 990px) {
  .rte img,
  .rte figure {
    margin-top: 4.8rem;
    margin-bottom: 4.8rem;
  }
}
.rte figure > img {
  margin: 0;
}
.rte figcaption {
  font-size: 1rem;
  color: rgba(var(--color-foreground), 0.6);
  text-align: center;
}
.rte img + img {
  margin-top: 0;
}
@media screen and (min-width: 990px) {
  .rte img + img {
    margin-left: 0.8rem;
  }
}
.rte table {
  table-layout: fixed;
  overflow: auto;
}
@media screen and (min-width: 750px) {
  .rte table td {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }
}
.rte iframe {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
.rte blockquote {
  margin: 3.2rem 0;
  padding: 6rem 20rem;
  background: rgba(var(--color-base-background-2));
  border-radius: 0.6rem;
}
@media screen and (max-width: 990px) {
  .rte blockquote {
    padding: 6rem 10rem;
  }
}
@media screen and (max-width: 576px) {
  .rte blockquote {
    padding: 3rem;
  }
}
.rte blockquote h3 {
  font-weight: 400;
  font-size: 2.2rem;
  margin: 0;
}
.rte blockquote p {
  font-weight: 400;
  font-size: 14px;
  color: var(--text-color, #747474);
  margin: 1.6rem 0 0 0;
}

/* ===== component-search.css ===================================================== */

details > .search-modal {
  display: flex;
  align-items: flex-start;
  height: max-content;
  opacity: 0;
}
details > .search-modal::-webkit-scrollbar {
  width: 0.4rem;
}
details > .search-modal::-webkit-scrollbar-thumb {
  background-color: rgb(var(--color-border));
  border-radius: 2rem;
}
details > .search-modal hr {
  margin-block: 4rem;
}

details[open] > .search-modal {
  opacity: 1;
  animation: animateSearchOpen 0.3s ease;
  border-top: 0.1rem solid rgb(var(--color-border));
  border-bottom: 0.1rem solid rgb(var(--color-border));
  box-shadow: 0px 40px 30px rgba(0, 0, 0, 0.05);
  overflow-y: unset;
  height: 75vh;
  cursor: auto;
  overflow-y: auto;
}
@media screen and (min-width: 1360px) {
  details[open] > .search-modal {
    height: 700px;
  }
}

details[open] > .search-modal__without-items {
  padding-block: 2.4rem;
}
@media screen and (min-width: 1200px) {
  details[open] > .search-modal__without-items {
    padding-block: 4rem 6.6rem;
  }
}
@media screen and (min-width: 1360px) {
  details[open] > .search-modal__without-items {
    overflow-y: auto;
    height: auto;
  }
}
@media screen and (min-width: 1200px) {
  details[open] > .search-modal__without-items {
    padding-block: 4rem 0;
  }
}
details[open] > .search-modal__without-items .search__form-inner {
  align-items: flex-start;
}
details[open] > .search-modal__without-items .field__without-items {
  width: 100%;
}
details[open] > .search-modal__without-items .field__without-items:hover input {
  border: 2px solid rgba(var(--color-accent), 0.5);
}
details[open] > .search-modal__without-items .field__without-items:hover .predictive-search {
  border: 2px solid rgba(var(--color-accent), 0.5);
  border-top: none;
}
details[open] > .search-modal__without-items .predictive-search {
  position: relative;
}

details:not([open]) .search-modal__close-button .icon {
  transform: rotate(0deg) scale(1);
}

.overflow--hidden .shopify-section-header {
  border-bottom: 0.1rem solid rgb(var(--color-border));
  box-shadow: 0 40px 30px rgba(0, 0, 0, 0.0509803922);
}
.overflow--hidden .section-header--under-menu {
  border-bottom: none;
  box-shadow: none;
}
.overflow--hidden .header-wrapper--under-menu {
  border-radius: 4px 4px 0 0;
}

.search-modal--overflow {
  overflow-y: auto;
}

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

.search-modal {
  opacity: 1;
  top: 100%;
  bottom: unset;
  width: 100%;
  height: 0;
  z-index: 13;
  background-color: rgb(var(--color-header-background));
  top: var(--header-height);
}
.search-modal .field:hover input {
  border: 2px solid rgba(var(--color-accent), 0.5);
}
.search-modal .field:hover .predictive-search {
  border: 2px solid rgba(var(--color-accent), 0.5);
  border-top: none;
}
.search-modal__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  width: 100%;
}
.search-modal .search__popular-items {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4rem;
  margin-top: 7.2rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 750px) {
  .search-modal .search__popular-items {
    width: 550px;
  }
}
@media screen and (min-width: 1360px) {
  .search-modal .search__popular-items {
    gap: 4rem;
    flex-direction: row;
    width: 100%;
  }
}
.search-modal .search__popular-items .header__article-button {
  font-size: 1.4rem;
  text-decoration: none;
  font-weight: 500;
}
.search-modal .search__popular-items .header__article-button:after {
  width: 100%;
}
.search-modal .search__popular-items .header__article-button:hover:after {
  width: 0;
}
.search-modal .search__popular-items .search__items {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 1360px) {
  .search-modal .search__popular-items .search__items {
    width: calc(33.3333333333% - 4rem);
  }
  .search-modal .search__popular-items .search__items .card-horizontal-wrapper {
    padding: 2.2rem 2.8rem;
  }
}
.search-modal .search__popular-items .search__items .card-horizontal-wrapper {
  background-color: rgb(var(--color-base-background-2));
}
.search-modal .search__popular-items .search__items-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.search-modal .search__popular-items .search__items .search__products {
  margin-bottom: 1rem;
}
@media screen and (min-width: 1360px) {
  .search-modal .search__popular-items .search__items .search__products {
    margin-bottom: 4.5rem;
  }
}
.search-modal .search__popular-items .search__items .search__subtitle {
  margin-bottom: 2.3rem;
}
.search-modal .search__popular-items .header__articles {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 1360px) {
  .search-modal .search__popular-items .header__articles {
    width: calc(33.3333333333% - 4rem);
  }
}
.search-modal .search__popular-items .header__articles .header__article:first-child .article-card-small {
  padding-top: 0;
}
.search-modal .search__popular-items .header__articles .header__article:last-child .article-card-small {
  border-color: transparent;
  padding-bottom: 0;
}
.search-modal .search__popular-items .header__articles .header__articles-list {
  margin-bottom: 1rem;
}
@media screen and (min-width: 1360px) {
  .search-modal .search__popular-items .header__articles .header__articles-list {
    margin-bottom: 4.5rem;
  }
}
.search-modal .search__popular-items .header__articles .subtitle {
  margin-bottom: 2.3rem;
}
.search-modal .search__popular-items .header__articles .article-card-small__title a {
  font-family: var(--font-header-menu-family);
}
.search-modal .search__popular-items .search__categories {
  width: calc(33.3333333333% + 4rem);
  position: relative;
  height: 12rem;
  width: 100%;
}
@media screen and (min-width: 576px) {
  .search-modal .search__popular-items .search__categories {
    height: 28rem;
  }
}
@media screen and (min-width: 1360px) {
  .search-modal .search__popular-items .search__categories {
    width: calc(33.3333333333% + 4rem);
    height: auto;
    min-height: 29rem;
    margin-top: 3.7rem;
    margin-bottom: 6.5rem;
  }
}
.search-modal .search__popular-items .search__categories .search__categories_img {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 6px;
  background-color: rgba(var(--color-foreground), 0.3);
}
.search-modal .search__popular-items .search__categories .search__categories_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px;
  transition: var(--duration-default);
}
.search-modal .search__popular-items .search__categories h3 {
  position: absolute;
  bottom: 6rem;
  left: 3.6rem;
  color: #ffffff;
  margin: 0;
}
.search-modal .search__popular-items .search__categories .search__categories-link {
  position: absolute;
  left: 3.6rem;
  bottom: 3rem;
  color: #ffffff;
  text-decoration: none;
  font-weight: 500;
  font-size: 1.4rem;
}
.search-modal .search__popular-items .search__categories .search__categories-link:after {
  width: 100%;
}
.search-modal .search__popular-items .search__categories .search__categories-link:hover:after {
  width: 0;
}
.search-modal .search__popular-items .search__categories:hover img {
  transform: scale(1.05);
}

details[open] .search-modal__item {
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  height: max-content;
  animation: animateSearchOpacity 0.5s ease;
}
@media screen and (min-width: 1540px) {
  details[open] .search-modal__item {
    max-width: 1540px;
  }
}
details[open] .search-modal__item .header__heading,
details[open] .search-modal__item .header__heading-link {
  order: 0;
  margin-bottom: 4.8rem;
}
details[open] .search-modal__item .header__heading .header__heading-link {
  margin-bottom: 0;
}
details[open] .search-modal__item .search-modal__close-button {
  display: inline-flex;
}

.search-modal {
  padding-block: 2.4rem;
}
@media screen and (min-width: 1200px) {
  .search-modal {
    padding-block: 4rem 6.6rem;
  }
}
.search-modal.modal__content {
  position: fixed;
}
.search-modal .card-horizontal__link {
  min-width: 8rem;
}

.search-modal__content {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
}

.search-modal__form {
  position: relative;
  margin-top: 1.6rem;
  width: 100%;
}

.predictive-search__form {
  margin-top: 0;
}

.search__form-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
@media screen and (min-width: 750px) {
  .search__form-inner {
    flex-direction: row;
  }
}

.search__input.field__input {
  min-height: 6rem;
}
@media screen and (min-width: 750px) {
  .search__input.field__input {
    padding-right: 15rem;
  }
}

.search-modal__content .field {
  flex-grow: 1;
  width: auto;
}

.search-modal__heading {
  text-transform: none;
}
.search-modal__heading p {
  margin: 0;
}

.search-modal__content .field__label {
  left: 6.1rem;
}

.search__button span {
  height: 5rem;
  line-height: 5rem;
}
@media screen and (min-width: 750px) {
  .search__button {
    min-width: 18.2rem;
    min-height: 6rem;
  }
}

.search-modal__collections {
  margin-top: 3.5rem;
  margin-bottom: -2.5rem;
  width: 100%;
}

.search-modal__collections h2 {
  width: 100%;
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  letter-spacing: 0.06rem;
  color: rgb(var(--color-foreground));
  line-height: 1.3;
  word-wrap: break-word;
  max-width: 100%;
  text-transform: none;
  margin: 0 0 1rem 0;
}

@keyframes animateSearchOpen {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes animateSearchOpacity {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
input::-webkit-search-decoration {
  -webkit-appearance: none;
}

.search__subtitle {
  margin-bottom: 0.8rem;
}

@media screen and (max-width: 381px) {
  .line-divider::after {
    margin-left: 3px;
    margin-right: 3px;
  }
  .search__articles {
    margin-top: 3.2rem;
  }
  .search-modal__form {
    margin-top: 2.4rem;
  }
}
.search__line.hide {
  opacity: 0;
  display: none;
}

/* ===== component-slider.css ===================================================== */

slider-component {
  position: relative;
  display: block;
}

@media screen and (max-width: 989px) {
  slider-component .slider {
    padding-bottom: 6rem;
  }
  .no-js slider-component .slider:not(.collection-product-list) {
    padding-bottom: 3rem;
  }
}
.slider__slide {
  scroll-snap-align: start;
  flex-shrink: 0;
}

@media screen and (max-width: 749px) {
  .slider.slider--mobile {
    position: relative;
    flex-wrap: inherit;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scroll-padding-left: 1rem;
    -webkit-overflow-scrolling: touch;
  }
  .slider.slider--mobile .slider__slide {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 989px) {
  .slider.slider--tablet {
    position: relative;
    flex-wrap: inherit;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    /*scroll-padding-left: 1rem;*/
    -webkit-overflow-scrolling: touch;
  }
  .slider.slider--tablet .slider__slide {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
/* Scrollbar */
.slider {
  scrollbar-color: rgb(var(--color-foreground)) rgba(var(--color-foreground), 0.04);
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.slider::-webkit-scrollbar {
  height: 0.4rem;
  width: 0.4rem;
  display: none;
}

.no-js .slider {
  -ms-overflow-style: auto;
  scrollbar-width: auto;
}

.no-js .slider::-webkit-scrollbar {
  display: initial;
}

.slider::-webkit-scrollbar-thumb {
  background-color: rgb(var(--color-foreground));
  border-radius: 0.4rem;
  border: 0;
}

.slider::-webkit-scrollbar-track {
  background: rgba(var(--color-foreground), 0.04);
  border-radius: 0.4rem;
}

slider-component .slider-buttons {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
}

.slider-buttons.slider-buttons--overlay {
  border: 0.1rem solid rgba(var(--color-foreground), 0.08);
  background-color: rgb(var(--color-background));
}

.slider-counter {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
}

.slider-buttons--overlay .slider-counter {
  margin-right: 0;
  padding: 0 1.4rem;
}

.slider-buttons {
  display: flex;
  margin-top: 4rem;
  width: 15rem;
  justify-content: space-between;
  align-items: center;
}

@media screen and (min-width: 990px) {
  .slider-buttons {
    display: none;
  }
}
@media screen and (min-width: 750px) {
  .slider--mobile + .slider-buttons {
    display: none;
  }
}
.slider-button {
  display: flex;
  padding: 0;
  color: rgba(var(--color-foreground), 0.75);
  background-color: rgb(var(--color-background));
  cursor: pointer;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  transition: var(--duration-default);
  border: 0.2rem solid transparent;
  border-radius: 50%;
}

.slider-button:not([disabled]):hover {
  border: 0.2rem solid rgba(var(--color-foreground), 0.5);
  color: rgba(var(--color-foreground));
  z-index: 1;
}

.slider-button:first-of-type {
  margin-right: -1px;
}

.slider-buttons--overlay .slider-button {
  margin-top: -1px;
  margin-bottom: -1px;
}

.slider-buttons--overlay .slider-button + .slider-button {
  margin-right: -1px;
}

.slider-button .icon {
  height: 1.4rem;
}

.slider-button[disabled] .icon {
  color: rgba(var(--color-foreground), 0.3);
}

.slider-button:focus-visible {
  z-index: 1;
}

/* ############################################################################
   3. SECTIONS    (section-specific styles)
   ############################################################################ */

/* ===== section-blog-post.css ===================================================== */

.shopify-section:first-child.section-main-article .article-template--overlay {
  margin-top: calc(-1 * var(--header-height) - 5rem);
}

.breadcrumb--column {
  justify-content: center;
}

.breadcrumb--overlay {
  color: var(--color-text, #fff);
}
.breadcrumb--overlay a {
  color: var(--color-text, #fff);
}

.article-template__hero {
  overflow: hidden;
}
.article-template__hero-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 20rem;
}
.article-template__hero-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: calc(100% + 100px);
  object-fit: cover;
}
.article-template__info {
  position: relative;
  max-width: 99.1rem;
  z-index: 1;
}
.article-template__info-wrapper {
  padding-bottom: 4rem;
}
@media screen and (min-width: 750px) {
  .article-template__info-wrapper {
    padding-bottom: 8rem;
  }
}
.article-template__info:not(:last-child) {
  margin-bottom: 2rem;
}
@media screen and (min-width: 990px) {
  .article-template__info:not(:last-child) {
    margin-bottom: 8rem;
  }
}
.article-template__text:not(:last-child) {
  margin-bottom: 2rem;
}
@media screen and (min-width: 750px) {
  .article-template__text:not(:last-child) {
    margin-bottom: 4rem;
  }
}
.article-template__title {
  margin: 0;
}
.article-template__title:not(:only-child) {
  margin-bottom: 2.4rem;
}
@media screen and (min-width: 750px) {
  .article-template__title:not(:only-child) {
    margin-bottom: 4rem;
  }
}
.article-template__excerpt {
  max-width: 74.3rem;
  margin: 0;
  font-size: 1.4rem;
  line-height: var(--font-body-line-height);
  letter-spacing: -0.02rem;
}
@media screen and (min-width: 750px) {
  .article-template__excerpt {
    font-size: 1.8rem;
  }
}
.article-template__tags {
  display: flex;
  align-items: center;
  flex: 1;
  max-width: 74.3rem;
  margin-bottom: 1rem;
  margin-top: 0;
  padding-left: 0;
  list-style: none;
}
.article-template__tag:not(:last-child) {
  position: relative;
  padding-right: 0.8rem;
}
.article-template__tag:not(:last-child):before {
  content: ",";
  position: absolute;
  right: 0.3rem;
  top: 40%;
  transform: translateY(-50%);
}
.article-template__tag a {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-decoration: none;
  text-transform: uppercase;
  color: rgb(var(--color-foreground));
  transition: color var(--duration-short);
}
.article-template__tag a svg {
  width: 1rem;
  height: auto;
}
.article-template__tag a span {
  display: flex;
  flex-direction: column;
  backface-visibility: hidden;
  transition: var(--duration-default);
}
.article-template__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  line-height: var(--font-body-line-height);
  gap: 0.8rem 0;
}
.article-template__meta > span {
  max-width: 100%;
  display: flex;
  align-items: center;
  margin: 0;
  font-size: 1.2rem;
}
@media screen and (min-width: 990px) {
  .article-template__meta > span {
    font-size: 1.4rem;
  }
}
.article-template__meta > span:last-child::after {
  display: none;
}
.article-template__meta > span::after {
  content: "";
  width: 1.2rem;
  height: 0.1rem;
  margin: 0 1.6rem;
  background-color: rgba(var(--color-accent), 0.36);
}
@media screen and (min-width: 576px) {
  .article-template__meta > span::after {
    width: 3.2rem;
  }
}
@media screen and (min-width: 990px) {
  .article-template__meta > span::after {
    width: 6.2rem;
  }
}
.article-template__meta-image {
  width: 3rem;
  height: 3rem;
  margin-right: 0.8rem;
  margin-left: 0.5rem;
  padding: 0;
  border-radius: 50%;
  overflow: hidden;
}
.article-template__meta-image_author {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.article-template .share-buttons-simple__item a {
  display: flex;
  align-items: center;
}
.article-template .share-buttons-simple__item .icon {
  transition: opacity var(--duration-default);
}
.article-template .share-buttons-simple__item:hover .icon {
  opacity: 0.8;
}
.article-template .article-template__header--row-border div {
  border-bottom: 1px solid rgba(var(--color-accent), 0.36);
}
.article-template__header {
  margin-bottom: 3rem;
}
@media screen and (min-width: 750px) {
  .article-template__header {
    margin-top: 5rem;
  }
}
.article-template__header .breadcrumb {
  margin: 0 0 1.6rem 0;
}
.article-template__header .breadcrumb span {
  letter-spacing: -0.02rem;
}
.article-template__header .icon-breadcrumb-arrow {
  margin: 0 1.8rem;
}
.article-template__header--column {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media screen and (min-width: 990px) {
  .article-template__header--column {
    margin-top: 11.2rem;
    margin-bottom: 4.8rem;
  }
}
.article-template__header--column .article-template__excerpt {
  max-width: 100%;
  text-align: center;
}
.article-template__header--column .article-template__tags {
  max-width: 100%;
  display: flex;
  margin: 0;
  flex: 0;
}
.article-template__header--column .article-template__tags:last-child::after {
  display: none;
}
.article-template__header--column .article-template__tags::after {
  content: "";
  width: 1.2rem;
  height: 0.1rem;
  margin: 0 1.6rem;
  background-color: rgba(var(--color-accent), 0.36);
}
@media screen and (min-width: 576px) {
  .article-template__header--column .article-template__tags::after {
    width: 3.2rem;
  }
}
@media screen and (min-width: 990px) {
  .article-template__header--column .article-template__tags::after {
    width: 6.2rem;
  }
}
.article-template__header--column .article-template__text {
  margin-bottom: 2rem;
}
@media screen and (min-width: 750px) {
  .article-template__header--column .article-template__text {
    margin-bottom: 4rem;
  }
}
.article-template__header--column .article-template__info-wrapper {
  padding-bottom: 2rem;
}
@media screen and (min-width: 990px) {
  .article-template__header--column .article-template__info-wrapper {
    padding-bottom: 5rem;
  }
}
.article-template__header--column .article-template__hero-large {
  min-height: 45rem;
}
@media screen and (min-width: 750px) {
  .article-template__header--column .article-template__hero-large {
    min-height: 60rem;
  }
}
@media screen and (min-width: 1200px) {
  .article-template__header--column .article-template__hero-large {
    min-height: 75rem;
  }
}
.article-template__header--column .article-template__hero-wrapper img {
  width: 100%;
  height: 100%;
  border-radius: 0.6rem;
}
.article-template__header--column .title--page {
  text-align: center;
}
.article-template__header--column .article-template__info {
  margin: 0 auto;
}
.article-template__header--column .article-template__meta {
  justify-content: center;
}
@media screen and (min-width: 990px) {
  .article-template__header--column .article-template__meta {
    justify-content: center;
  }
}
.article-template__header--column .article-template__hero-medium {
  min-height: 20rem;
}
@media screen and (min-width: 576px) {
  .article-template__header--column .article-template__hero-medium {
    min-height: 30rem;
  }
}
@media screen and (min-width: 750px) {
  .article-template__header--column .article-template__hero-medium {
    min-height: 45rem;
  }
}
@media screen and (min-width: 1200px) {
  .article-template__header--column .article-template__hero-medium {
    min-height: 53rem;
  }
}
.article-template__header--row {
  display: flex;
  flex-direction: row-reverse;
  margin-top: 0;
  margin-bottom: 3rem;
}
@media screen and (min-width: 576px) {
  .article-template__header--row {
    margin-bottom: 6.4rem;
  }
}
@media screen and (max-width: 990px) {
  .article-template__header--row {
    flex-direction: column;
  }
}
@media screen and (min-width: 1200px) {
  .article-template__header--row {
    flex-direction: row-reverse;
  }
}
.article-template__header--row .article-template__hero-wrapper img {
  height: 100%;
  border-radius: 0.6rem;
}
.article-template__header--row .article-template__info-wrapper {
  padding-bottom: 0;
  display: flex;
  align-items: end;
  width: 50%;
}
@media screen and (max-width: 1200px) {
  .article-template__header--row .article-template__info-wrapper {
    width: 100%;
  }
}
.article-template__header--row .article-template__info-wrapper .container {
  padding: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 0 0 3rem;
}
@media screen and (min-width: 990px) {
  .article-template__header--row .article-template__info-wrapper .container {
    padding: 0 0 0 4rem;
  }
}
@media screen and (min-width: 1360px) {
  .article-template__header--row .article-template__info-wrapper .container {
    padding: 0 0 0 8rem;
  }
}
@media screen and (min-width: 1560px) {
  .article-template__header--row .article-template__info-wrapper .container {
    padding: 0 8rem;
  }
}
.article-template__header--row .article-template__info-wrapper .container-article {
  padding: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
  padding: 0 0 3rem;
}
@media screen and (min-width: 990px) {
  .article-template__header--row .article-template__info-wrapper .container-article {
    padding: 0 8rem;
  }
}
.article-template__header--row .article-template__tags {
  justify-content: flex-start;
  align-items: flex-start;
}
.article-template__header--row .article-template__info {
  max-width: 100%;
  text-align: left;
  margin: 0;
}
.article-template__header--row .article-template__info:not(:last-child) {
  margin-bottom: 0;
}
.article-template__header--row .article-template__hero {
  width: 50%;
}
@media screen and (max-width: 1200px) {
  .article-template__header--row .article-template__hero {
    width: 100%;
  }
}
.article-template__header--row .article-template__hero-large {
  min-height: 20rem;
}
@media screen and (min-width: 576px) {
  .article-template__header--row .article-template__hero-large {
    min-height: 30rem;
  }
}
@media screen and (min-width: 750px) {
  .article-template__header--row .article-template__hero-large {
    min-height: 45rem;
  }
}
@media screen and (min-width: 1200px) {
  .article-template__header--row .article-template__hero-large {
    min-height: 53rem;
  }
}
@media screen and (min-width: 990px) {
  .article-template__header-large {
    min-height: 75rem;
  }
}
.article-template__content {
  margin-bottom: 3rem;
  color: rgba(var(--color-foreground));
}
@media screen and (min-width: 576px) {
  .article-template__content {
    margin-bottom: 7rem;
  }
}
@media screen and (min-width: 1200px) {
  .article-template__content {
    margin-top: 3.5rem;
    max-width: 107.8rem;
  }
}
.article-template__content > * {
  margin: 1.6rem 0;
}
.article-template__footer {
  border-top: solid 0.1rem rgb(var(--color-base-background-2));
  border-bottom: solid 0.1rem rgb(var(--color-base-background-2));
}
.article-template__footer .article-template__footer-content {
  max-width: 103.8rem;
  padding: 2rem 0;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
@media screen and (min-width: 1200px) {
  .article-template__footer .article-template__footer-content {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 0;
    padding: 4rem 0;
  }
}
.article-template__footer .list-social__link {
  text-decoration: none;
  padding: 0;
}
.article-template__footer .list-social__item .icon {
  width: 1.6rem;
  height: 1.6rem;
}
.article-template__footer .list-social__text {
  font-size: 1.2rem;
}
@media screen and (min-width: 990px) {
  .article-template__footer .list-social__text {
    font-size: 1.4rem;
  }
}
.article-template__footer .list-social__text::after {
  background-color: rgba(var(--color-accent), 0.36) !important;
}
.article-template__comment-wrapper {
  margin-top: 5rem;
}
@media screen and (min-width: 990px) {
  .article-template__comment-wrapper {
    margin-top: 6rem;
  }
}
.article-template__comment-wrapper h2 {
  margin-top: 0;
}
.article-template__comments {
  margin-bottom: 5rem;
}
@media screen and (min-width: 990px) {
  .article-template__comments {
    margin-bottom: 7rem;
  }
}
.article-template__comments-fields {
  margin-bottom: 4rem;
}
.article-template__comments-fields .text-area {
  width: 100%;
}
.article-template__comments-comment {
  color: rgba(var(--color-foreground), 0.75);
  background-color: rgb(var(--color-background));
  margin-bottom: 1.5rem;
  padding: 2rem 2rem 1.5rem;
  border-radius: 0.6rem;
}
@media screen and (min-width: 990px) {
  .article-template__comments-comment {
    padding: 2rem 2.5rem;
  }
}
.article-template__comments-comment p {
  margin: 0 0 1rem;
}
@media screen and (min-width: 990px) {
  .article-template__comments .pagination-wrapper {
    margin: 5rem 0 8rem;
  }
}
@media screen and (min-width: 1200px) {
  .article-template .comment-page-width {
    max-width: 107.8rem;
  }
}
.article-template__comment-fields > * {
  margin-bottom: 3rem;
}
@media screen and (min-width: 990px) {
  .article-template__comment-fields {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 4rem;
  }
}
.article-template__comment-warning {
  margin: 2rem 0 2.5rem;
}

html.js .article-template--overlay .article-template__info-wrapper {
  height: 100%;
  padding-bottom: 4rem;
  z-index: 2;
}
@media screen and (min-width: 990px) {
  html.js .article-template--overlay .article-template__info-wrapper {
    padding-bottom: 8rem;
    width: 89.5rem;
    max-width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  html.js .article-template--overlay .article-template__info-wrapper {
    padding-bottom: 12rem;
  }
}
html.js .article-template--overlay .article-template__info {
  margin-top: calc(var(--header-height) + 2rem);
}
html.js .article-template__header--large {
  min-height: 45rem;
}
@media screen and (min-width: 750px) {
  html.js .article-template__header--large {
    min-height: 60rem;
  }
}
@media screen and (min-width: 1200px) {
  html.js .article-template__header--large {
    min-height: 75rem;
  }
}
html.js .article-template__header--medium {
  min-height: 20rem;
}
@media screen and (min-width: 576px) {
  html.js .article-template__header--medium {
    min-height: 30rem;
  }
}
@media screen and (min-width: 750px) {
  html.js .article-template__header--medium {
    min-height: 45rem;
  }
}
@media screen and (min-width: 1200px) {
  html.js .article-template__header--medium {
    min-height: 60rem;
  }
}
html.js .article-template__header--overlay {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  /*height: 100%;*/
}
html.js .article-template__header--overlay.article-template__header--adapt {
  flex-direction: row;
  justify-content: center;
}
html.js .article-template__header--overlay .article-template__excerpt {
  font-weight: 300;
}
html.js .article-template__header--overlay .article-template__hero {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 100%;
}
html.js .article-template__header--overlay .article-template__hero:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(var(--color-overlay), 0.65);
  z-index: 1;
}
html.js .article-template__header--overlay .icon-breadcrumb-arrow path {
  fill: rgb(255, 255, 255);
}
html.js .article-template__header--overlay .breadcrumb a,
html.js .article-template__header--overlay .breadcrumb span,
html.js .article-template__header--overlay .article-template__title,
html.js .article-template__header--overlay .share-buttons-simple .icon,
html.js .article-template__header--overlay .article-template__tag a:hover,
html.js .article-template__header--overlay .article-template__excerpt,
html.js .article-template__header--overlay .article-template__tag a,
html.js .article-template__header--overlay .article-template__tag:not(:last-child):before,
html.js .article-template__header--overlay .article-template__meta span {
  color: white;
}
html.js .article-template__header--overlay .breadcrumb__delimiter,
html.js .article-template__header--overlay .breadcrumb a.link-hover-line::after,
html.js .article-template__header--overlay .article-template__meta > span:before {
  background-color: rgba(255, 255, 255, 0.3);
}

/* ===== section-brand.css ===================================================== */

.brands .brand__border--top {
  border-top: 0.1rem solid rgb(var(--color-border));
}
.brands .brand__border--bottom {
  border-bottom: 0.1rem solid rgb(var(--color-border));
}
.brands__items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3.2rem;
  overflow-x: auto;
}
.brands__items::-webkit-scrollbar {
  height: 0.4rem;
}
.brands__items::-webkit-scrollbar-thumb {
  background-color: rgb(var(--color-border));
  border-radius: 2rem;
}
.brands__item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 100%;
}
@media screen and (min-width: 576px) {
  .brands__item {
    display: block;
    flex-basis: auto;
  }
}
.brands__item .brands__image {
  transition: opacity var(--duration-default);
}
.brands__item:hover .brands__image {
  opacity: 0.7;
}
.brands__image {
  display: block;
  height: auto;
}
.brands__image--dark {
  display: none;
}
.brands__placeholder {
  font-size: 3.2rem;
  line-height: 1;
}

/* ===== section-card-grid.css ===================================================== */

:root {
  --color-white-card: 255, 255, 255;
}
.card-grid.color-background-2 .card-grid-card {
  background-color: rgb(var(--color-base-background-1));
}
.card-grid.color-background-5 .card-grid-card {
  background-color: rgb(var(--color-base-background-1));
}
.card-grid .card-grid-card--noimg .card-grid-card__title {
  color: rgb(var(--color-foreground-title)) !important;
}
.card-grid .card-grid-card--noimg .card-grid-card__description {
  color: rgb(var(--color-foreground-secondary)) !important;
}
.card-grid .card-grid-card--noimg .card-grid-card__number {
  border: 0.2rem solid rgb(var(--color-foreground-secondary)) !important;
}
.card-grid .card-grid-card--noimg .card-grid-card__number span {
  color: rgb(var(--color-foreground-secondary)) !important;
}
.card-grid__text {
  max-width: 89rem;
  margin-bottom: 2rem;
}
@media screen and (min-width: 750px) {
  .card-grid__text {
    margin-bottom: 4rem;
  }
}
.card-grid__text .card-grid__title {
  margin: 0;
}
.card-grid .card-grid__block {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-right: 0;
}
@media screen and (min-width: 750px) {
  .card-grid .card-grid__block {
    margin-right: -0.8rem;
  }
}
.card-grid .card-grid__block .card-grid-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  min-height: auto;
  border-radius: 0.6rem;
  padding: 3rem;
}
@media screen and (min-width: 750px) {
  .card-grid .card-grid__block .card-grid-card {
    padding: 6rem;
    min-height: 55.4rem;
  }
}
@media screen and (min-width: 1200px) {
  .card-grid .card-grid__block .card-grid-card {
    padding: 3rem;
  }
}
@media screen and (min-width: 1560px) {
  .card-grid .card-grid__block .card-grid-card {
    padding: 6rem;
  }
}
.card-grid .card-grid__block .card-grid-card .card-grid-card__picture {
  display: flex;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.card-grid .card-grid__block .card-grid-card .card-grid-card__picture::after {
  content: "";
  position: absolute;
  /* background-color: var(--opacity_overlay); */
  background-color: #00000080;
  transition: all var(--duration-default);
  width: 100%;
  height: 100%;
  opacity: 0;
}
.card-grid .card-grid__block .card-grid-card .card-grid-card__picture img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 0.6rem;
  opacity: 0;
  transition: opacity var(--duration-default);
}
.card-grid .card-grid__block .card-grid-card .card-grid-card__picture .card-grid-card__placeholder-img {
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity var(--duration-default);
}
.card-grid .card-grid__block .card-grid-card .card-grid-card__picture .card-grid-card__placeholder-img svg {
  width: 100%;
  height: 100%;
}
.card-grid .card-grid__block .card-grid-card .card-grid-card__picture .card-grid-card__img-show {
  opacity: 1;
}
.card-grid .card-grid__block .card-grid-card .card-grid-card__number {
  width: 5rem;
  height: 5rem;
  border: 0.2rem solid rgb(var(--color-white-card));
  border-radius: 10rem;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
@media screen and (min-width: 750px) {
  .card-grid .card-grid__block .card-grid-card .card-grid-card__number {
    width: 10rem;
    height: 10rem;
  }
}
.card-grid .card-grid__block .card-grid-card .card-grid-card__number span {
  font-size: 2.4rem;
  color: rgb(var(--color-white-card));
  position: absolute;
  z-index: 2;
}
@media screen and (min-width: 750px) {
  .card-grid .card-grid__block .card-grid-card .card-grid-card__number span {
    font-size: var(--font-heading-h3-size);
  }
}
.card-grid .card-grid__block .card-grid-card .card-grid-card__number figure {
  width: 5rem;
  height: 5rem;
  margin: 0;
  position: relative;
}
@media screen and (min-width: 750px) {
  .card-grid .card-grid__block .card-grid-card .card-grid-card__number figure {
    width: 10rem;
    height: 10rem;
  }
}
.card-grid .card-grid__block .card-grid-card .card-grid-card__number figure::after {
  content: "";
  position: absolute;
  background-color: var(--opacity_overlay);
  transition: all var(--duration-default);
  width: 100%;
  height: 100%;
  opacity: 1;
  border-radius: 10rem;
  left: 0;
}
.card-grid .card-grid__block .card-grid-card .card-grid-card__number .card-grid-card__small-img {
  width: 5rem;
  height: 5rem;
  border-radius: 10rem;
  object-fit: cover;
  transition: opacity var(--duration-default);
}
@media screen and (min-width: 750px) {
  .card-grid .card-grid__block .card-grid-card .card-grid-card__number .card-grid-card__small-img {
    width: 10rem;
    height: 10rem;
  }
}
.card-grid .card-grid__block .card-grid-card .card-grid-card__number .card-grid-card__small-img svg {
  width: 100%;
  height: 100%;
  transform: scale(2);
  transition: opacity var(--duration-default);
}
.card-grid .card-grid__block .card-grid-card .card-grid-card__number .card-grid-card__small-img--hide {
  opacity: 0;
  transition: opacity var(--duration-default);
}
.card-grid .card-grid__block .card-grid-card .card-grid-card__text {
  margin-top: 2rem;
  max-width: 32.5rem;
  z-index: 2;
}
.card-grid .card-grid__block .card-grid-card .card-grid-card__text .card-grid-card__title {
  margin-top: 0;
  margin-bottom: 0.8rem;
  transition: color var(--duration-default);
}
.card-grid .card-grid__block .card-grid-card .card-grid-card__text .card-grid-card__description {
  color: rgb(var(--color-foreground-secondary));
  font-size: var(--font-secondary-text);
  margin: 0;
  transition: color var(--duration-default);
}
.card-grid .card-grid__block .card-grid-card .card-grid-card__link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.card-grid .card-grid__block .card-grid-card:hover .card-grid-card__picture::after {
  opacity: 1;
  transition: all var(--duration-default);
}
.card-grid .card-grid__block .card-grid-card:hover .card-grid-card__picture img {
  transition: opacity var(--duration-default);
  opacity: 1;
}
.card-grid .card-grid__block .card-grid-card:hover .card-grid-card__picture .card-grid-card__placeholder-img {
  transition: opacity var(--duration-default);
  opacity: 1;
}
.card-grid .card-grid__block .card-grid-card:hover figure::after {
  transition: opacity var(--duration-default);
  opacity: 0;
}
.card-grid .card-grid__block .card-grid-card:hover .card-grid-card__small-img {
  transition: opacity var(--duration-default);
  opacity: 0;
}
.card-grid .card-grid__block .card-grid-card:hover .card-grid-card__title {
  color: rgb(var(--color-white-card));
  transition: color var(--duration-default);
}
.card-grid .card-grid__block .card-grid-card:hover .card-grid-card__description {
  color: rgb(var(--color-white-card));
  transition: color var(--duration-default);
}
.card-grid .card-grid__block .card-grid-card.card-grid-card--active .card-grid-card__text .card-grid-card__title {
  font-size: 2rem;
  color: rgb(var(--color-white-card));
}
@media only screen and (min-width: 750px) {
  .card-grid .card-grid__block .card-grid-card.card-grid-card--active .card-grid-card__text .card-grid-card__title {
    font-size: var(--font-heading-h3-size);
  }
}
.card-grid .card-grid__block .card-grid-card.card-grid-card--active .card-grid-card__text .card-grid-card__description {
  color: rgb(var(--color-white-card));
}
.card-grid .card-grid__block .card-grid-card.card-grid-card--active .card-grid-card__picture::after {
  opacity: 1;
}
.card-grid .card-grid__block .card-grid-card.card-grid-card--active figure::after {
  transition: opacity var(--duration-default);
  opacity: 0;
}
.card-grid .card-grid__block .card-grid-card.card-grid-card--width-variant-1 {
  width: 100%;
}
@media screen and (min-width: 990px) {
  .card-grid .card-grid__block .card-grid-card.card-grid-card--width-variant-1 {
    width: calc(50% - 0.8rem);
  }
}
@media screen and (min-width: 1200px) {
  .card-grid .card-grid__block .card-grid-card.card-grid-card--width-variant-1 {
    width: calc(25% - 0.8rem);
  }
}
.card-grid .card-grid__block .card-grid-card.card-grid-card--width-variant-2 {
  width: 100%;
}
@media screen and (min-width: 990px) {
  .card-grid .card-grid__block .card-grid-card.card-grid-card--width-variant-2 {
    width: calc(50% - 0.8rem);
  }
}
.card-grid .card-grid__block .card-grid-card.card-grid-card--width-variant-3 {
  width: 100%;
}
@media screen and (min-width: 990px) {
  .card-grid .card-grid__block .card-grid-card.card-grid-card--width-variant-3 {
    width: calc(50% - 0.8rem);
  }
}
@media screen and (min-width: 1200px) {
  .card-grid .card-grid__block .card-grid-card.card-grid-card--width-variant-3 {
    width: calc(75% - 0.8rem);
  }
}
.card-grid .card-grid__block .card-grid-card.card-grid-card--width-variant-4 {
  width: 100%;
}
@media screen and (min-width: 990px) {
  .card-grid .card-grid__block .card-grid-card.card-grid-card--width-variant-4 {
    width: calc(50% - 0.8rem);
  }
}
@media screen and (min-width: 1200px) {
  .card-grid .card-grid__block .card-grid-card.card-grid-card--width-variant-4 {
    width: calc(100% - 0.8rem);
  }
}

/* ===== section-carousel.css ===================================================== */

/**
* Converts SVG into data url so that this SVG could be used as a
* background image
*
* @example
*	background-image: svgtodataurl("<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">...</svg>");
*/
[data-slider-hover-autoplay-stop=true] .about__carousel:hover + .swiper-pagination .swiper-pagination-bullet-active svg circle:last-child {
  display: none;
}

.empty-image-about-carcass {
  width: 100%;
  height: auto !important;
}
.about {
  border-radius: 6px;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 4rem;
  padding-bottom: 8rem;
}
.about *,
.about *:after,
.about *:before {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 990px) {
  .about {
    padding-top: 5rem;
    padding-bottom: 5rem;
    padding-left: 5rem;
    padding-right: 0;
  }
}
@media screen and (min-width: 990px) {
  .about {
    padding-top: 10rem;
    padding-bottom: 10rem;
    padding-left: 10rem;
  }
}
@media screen and (min-width: 1560px) {
  .about {
    padding-top: 14.8rem;
    padding-bottom: 14.8rem;
    padding-left: 15rem;
  }
}
.about .text-carousel {
  width: 80%;
  display: block;
}
@media screen and (max-width: 990px) {
  .about .text-carousel {
    width: 100%;
  }
}
.about .swiper-pagination {
  display: flex;
  justify-content: flex-start;
  gap: unset;
  position: absolute;
  left: 0.1rem;
  bottom: -60px;
  height: max-content;
}
@media screen and (min-width: 1200px) {
  .about .swiper-pagination {
    bottom: -70px;
  }
}
@media screen and (min-width: 1560px) {
  .about .swiper-pagination {
    bottom: -90px;
  }
}
.about .swiper-pagination .swiper-pagination-bullet {
  margin: 0 0.1rem !important;
}
@media screen and (max-width: 1200px) {
  .about .about__left {
    padding-top: 0;
  }
}
@media screen and (max-width: 990px) {
  .about {
    display: block;
  }
  .about .about__left,
  .about .about__right {
    width: 100%;
  }
  .about .about__section-title {
    min-width: 100%;
    line-height: 120%;
  }
  .about .about__left {
    padding-right: 0;
  }
  .about .about__right {
    padding-top: clamp(2.5rem, 5.2083333333vw, 5rem);
  }
}
.about__left {
  width: 45.7%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.about__right {
  width: 54.3%;
}
.about__cat-tag {
  margin: 0;
}
.about__section-title {
  line-height: 100%;
  letter-spacing: -0.18rem;
  margin-top: 0.8rem;
  max-width: 64rem;
}
.about__section-caption {
  letter-spacing: -0.03rem;
  max-width: 45rem;
  margin-top: 4rem;
}
.about__carousel-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: 6px;
}
.about__carousel-cell {
  position: relative;
  top: 0;
  left: 0;
  --cb--track-bg-color: #fff;
  --cb--rotator-stroke-color: rgb(var(--color-accent));
  --cb--text-color: rgb(var(--color-accent-default));
  --cb--stroke-width: 0.3rem;
  --cb--track-bg-opacity: 0.6;
  --cb--between-stroke-and-fill: 0.9rem;
  --cb--width: 4.4rem;
  --cb--height: 4.4rem;
  --cb--svg-circle--diameter: 6.2rem;
  --cb--font-size: 1.8rem;
  --cb--fill-color: var(--cb--track-bg-color, #fff);
  --cb--circle-length: 195px;
  --cb--font-size: 1.3rem;
}
.about__carousel-cell .about__item-empty-img {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: auto !important;
  display: block;
  object-fit: cover;
  border-radius: 6px;
  z-index: 1;
}
.about__carousel-cell .about__carousel {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}
.about__carousel-cell .circle-button {
  position: relative;
  top: 0;
  left: 0;
  width: var(--cb--width, 6.2rem);
  height: var(--cb--height, 6.2rem);
  display: block;
  margin: 0 !important;
  border-radius: 50%;
  overflow: hidden;
  opacity: 1;
  background: none;
  flex-shrink: 0;
  transition: linear transform 0.16s;
  will-change: transform;
}
.about__carousel-cell .circle-button .circle-button__thumbnail, .about__carousel-cell .circle-button .circle-button__thumbnail-empty-svg, .about__carousel-cell .circle-button:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - var(--cb--between-stroke-and-fill, 1.5rem));
  height: calc(100% - var(--cb--between-stroke-and-fill, 1.5rem));
  border-radius: 50%;
  overflow: hidden;
}
.about__carousel-cell .circle-button:after {
  display: flex;
  justify-content: center;
  align-items: center;
  content: attr(data-content);
  background-color: var(--cb--fill-color);
  font-size: var(--cb--font-size, 1.8rem);
  color: var(--cb--text-color, rgb(var(--color-accent)));
  opacity: 0;
  transition: linear 0.16s opacity;
  will-change: opacity;
}
.about__carousel-cell .circle-button__svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.about__carousel-cell .circle-button__svg circle {
  fill: none;
  stroke-width: var(--cb--stroke-width, 0.3rem);
}
.about__carousel-cell .circle-button__svg circle:first-child {
  stroke: var(--cb--track-bg-color, #fff);
  stroke-opacity: var(--cb--track-bg-opacity, 0.3);
  opacity: 0;
  transition: linear 0.16s opacity;
  will-change: opacity;
}
.about__carousel-cell .circle-button__svg circle:last-child {
  stroke: var(--cb--rotator-stroke-color, #fff);
  stroke-dasharray: var(--cb--circle-length);
  stroke-dashoffset: var(--cb--circle-length);
  opacity: 0;
  transition: linear 0.16s all;
}
.about__carousel-cell .circle-button__thumbnail {
  opacity: 1;
  transition: linear 0.16s opacity;
  will-change: opacity;
}
.about__carousel-cell .circle-button__thumbnail, .about__carousel-cell .circle-button__thumbnail-empty-svg {
  z-index: 10;
}
.about__carousel-cell .circle-button svg circle:last-child {
  opacity: 1;
}
.about__carousel-cell .circle-button:after {
  opacity: 0.8;
}
.about__carousel-cell .circle-button.swiper-pagination-bullet-active {
  transform: scale(1) !important;
}
.about__carousel-cell .circle-button:hover {
  transform: scale(1.15);
}
@keyframes circle-progress {
  0% {
    stroke-dashoffset: var(--cb--circle-length);
  }
  100% {
    stroke-dashoffset: 0;
  }
}
.about__carousel-cell .circle-animate-carousel {
  animation-duration: var(--cb--delay-slideing);
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-name: circle-progress;
}
.about__carousel-cell .swiper-pagination-bullet-active:after {
  opacity: 1;
}
.about__carousel-cell .swiper-pagination-bullet-active .circle-button__svg circle {
  opacity: 1;
}
.about__carousel {
  position: relative;
  top: 0;
  left: 0;
  border-radius: 6px;
}
.about__carousel .swiper-slide {
  width: calc(100% - 150px);
  background-color: rgba(var(--color-base-background-1), 0.2);
  border-radius: 6px;
  height: 100% !important;
  position: relative;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1760px) {
  .about__carousel .swiper-slide {
    width: calc(100% - 100px);
  }
}
@media screen and (max-width: 1560px) {
  .about__carousel .swiper-slide {
    width: calc(100% - 80px);
  }
}
@media screen and (max-width: 1360px) {
  .about__carousel .swiper-slide {
    width: calc(100% - 60px);
  }
}
@media screen and (max-width: 990px) {
  .about__carousel .swiper-slide {
    width: 100%;
  }
}
.about__carousel .swiper-slide:last-child {
  padding-right: 60px;
  width: 100%;
}
@media screen and (max-width: 990px) {
  .about__carousel .swiper-slide:last-child {
    padding-right: 0;
  }
}
.about__carousel .swiper-slide img {
  position: relative;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  display: block;
  object-fit: cover !important;
  border-radius: 6px;
  z-index: 2;
  margin: 0;
  padding: 0;
}
.about__carousel .about__item-empty-svg {
  position: absolute;
  width: 75%;
  height: 75%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.contact-form {
  flex: 1;
}
@media screen and (min-width: 1200px) {
  .contact-form {
    max-width: 74.6rem;
  }
}
.contact__field {
  display: flex;
  gap: 1.6rem;
  flex-direction: column;
}
@media screen and (min-width: 576px) {
  .contact__field {
    flex-direction: row;
  }
}
.contact__bottom {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.6rem;
  margin-top: 1.6rem;
}
@media screen and (min-width: 576px) {
  .contact__bottom {
    margin-top: 4rem;
  }
}
@media screen and (min-width: 1200px) {
  .contact__bottom {
    flex-direction: row;
    align-items: center;
    gap: 3.3rem;
  }
}
.contact__bottom .button {
  width: 100%;
}
@media screen and (min-width: 576px) {
  .contact__bottom .button {
    width: 16.8rem;
  }
}

.grecaptcha-badge {
  visibility: hidden;
}

/* ===== section-featured-blog.css ===================================================== */

.blog .blog__border--top {
  border-top: 0.1rem solid rgb(var(--color-border));
  padding-top: 4rem;
}
.blog .blog__border--bottom {
  border-bottom: 0.1rem solid rgb(var(--color-border));
  padding-bottom: 4rem;
}
.blog__wrap--column {
  display: flex;
  position: relative;
}
@media screen and (max-width: 1360px) {
  .blog__wrap--column {
    flex-direction: column;
  }
}
@media screen and (min-width: 1360px) {
  .blog__wrap--column {
    gap: 2rem;
  }
}
@media screen and (min-width: 1560px) {
  .blog__wrap--column {
    gap: 5rem;
  }
}
@media screen and (min-width: 1760px) {
  .blog__wrap--column {
    gap: 10rem;
  }
}
.blog__header {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 3.2rem;
  gap: 2.4rem;
}
.blog__header--column {
  flex: 1 1 30%;
  padding: 0;
  flex-direction: column;
  justify-content: start;
  align-items: start;
}
@media screen and (min-width: 1560px) {
  .blog__header--column {
    flex: 1 1 33.333%;
  }
}
@media screen and (max-width: 1360px) {
  .blog__header--column {
    width: 100%;
    margin-bottom: 3rem;
    margin-right: 0;
  }
}
.blog__header--column .blog__right {
  position: sticky;
  top: 8rem;
}
.blog__articles--column {
  width: 60%;
  flex-direction: column;
  justify-content: start;
}
@media screen and (max-width: 1360px) {
  .blog__articles--column {
    width: 100%;
  }
}
.blog__title {
  max-width: 74.2rem;
  margin: 0;
}
.blog .blog__left .title-wrapper {
  margin: 0;
}

/* ===== section-footer.css ===================================================== */

.footer {
  position: relative;
  z-index: 10;
}
.template-product .footer {
  margin-bottom: 120px;
}
.footer .list-social__item .icon {
  width: 1.6rem;
  height: 1.6rem;
}
.footer .link {
  text-decoration: none;
  padding: 0;
  font-family: var(--font-footer-menu-family);
  font-style: var(--font-footer-menu-style);
  font-weight: var(--font-footer-menu-weight);
  font-size: var(--font-footer-link-size);
}

.footer--border {
  border-top: 1px solid rgba(var(--color-border-input));
}

.footer__content-top {
  padding-bottom: 1rem;
  padding-top: 3rem;
  display: block;
}

.footer__blocks-wrapper {
  display: flex;
  flex-direction: column;
}

.footer-block--menu {
  display: none;
}

.footer__text {
  font-size: 1.2rem;
}

.footer__copyright .copyright__content-text {
  color: rgb(var(--color-secondary-text));
}

.footer__copyright > * {
  font-size: 1.2rem;
}

.footer__bottom-menu .link {
  font-size: var(--font-footer-bottom-link-size);
}

@media screen and (min-width: 990px) {
  .footer__blocks-wrapper {
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    gap: 2rem;
  }
  .footer-block--menu {
    flex: none;
    display: block;
  }
  .footer-block--logo,
  .footer__copyright {
    width: 18rem;
    max-width: 100%;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 990px) and (min-width: 1760px) {
  .footer-block--logo,
  .footer__copyright {
    margin-right: 4rem;
  }
}
@media screen and (min-width: 990px) {
  .footer__copyright {
    line-height: 1.9rem;
    margin-top: 1rem;
  }
}
@media screen and (min-width: 990px) {
  .footer-block--logo:last-child {
    margin-left: auto;
  }
}
@media screen and (min-width: 1200px) {
  .footer-block--logo:first-child {
    flex: none;
  }
}
.footer__logo-link {
  text-decoration: none;
  word-wrap: break-word;
  max-width: 100%;
}

.footer__logo {
  display: block;
  max-width: 100%;
  height: auto;
}

.footer__logo-link span {
  text-transform: var(--font-header-menu-text-transform);
}

.footer__content-middle {
  position: relative;
}
.footer__content-middle .container {
  position: relative;
}
.footer__content-middle .container::before {
  content: none;
  position: absolute;
  top: 0;
  left: 2rem;
  right: 2rem;
  margin: 0 auto;
  height: 0.1rem;
  background-color: rgba(var(--color-border));
}
@media screen and (min-width: 990px) {
  .footer__content-middle .container::before {
    content: "";
  }
}

.footer__content-middle-container {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  padding-top: 2rem;
  padding-bottom: 4rem;
}

.footer__content-middle-main {
  flex: 1;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2rem;
}
@media screen and (min-width: 1200px) {
  .footer__content-middle-main {
    gap: 15rem;
  }
}
@media screen and (min-width: 1360px) {
  .footer__content-middle-main {
    gap: 2rem;
  }
}
.footer__content-middle-main .footer-block__left {
  display: flex;
  row-gap: 2rem;
  flex-wrap: wrap;
}
@media screen and (min-width: 1360px) {
  .footer__content-middle-main .footer-block__left {
    flex-wrap: nowrap;
  }
}
.footer__content-middle-main .footer-block__right {
  display: flex;
  width: 100%;
}
@media (min-width: 990px) {
  .footer__content-middle-main .footer-block__right {
    width: auto;
  }
}
@media screen and (min-width: 990px) {
  .footer__content-middle-main {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}
.footer__content-middle-main .footer-block--logo .h5 {
  font-size: 2.4rem;
  font-weight: 600;
}

.footer__bottom-menu .list-menu__item {
  padding: 0;
}

.list-menu__item--active span {
  text-decoration-color: rgb(var(--color-foreground));
}

.footer__bottom-menu {
  display: flex;
  flex-wrap: wrap;
  column-gap: 2.4rem;
  row-gap: 1.8rem;
  margin-top: 0;
}

.footer__column--localization {
  width: 100%;
  max-width: 100%;
  flex: none;
}

.footer.color-background-2 .list-social__item:not(:last-child) .list-social__text::after {
  content: "";
  width: 1.2rem;
  height: 0.1rem;
  background-color: #ded2c7;
}
@media screen and (min-width: 576px) {
  .footer.color-background-2 .list-social__item:not(:last-child) .list-social__text::after {
    width: 3.2rem;
  }
}
.footer.color-inverse .localization-selector + .disclosure__list {
  box-shadow: 0 -1rem 6rem rgba(var(--color-foreground), 0.2);
}
.footer.color-inverse .disclosure__button {
  color: #fff;
  box-shadow: 0 0 0 0.1rem #bfbfbf;
}
.footer.color-inverse .newsletter__button {
  color: #000;
  background-color: #fff;
}
.footer.color-inverse .disclosure__link,
.footer.color-inverse .field__input {
  color: #ffffff;
}
.footer.color-inverse .field__input::placeholder {
  color: white;
}
.footer.color-background-2 .field, .footer.color-background-3 .field, .footer.color-background-4 .field, .footer.color-background-5 .field, .footer.color-inverse .field {
  border-color: rgb(var(--color-border));
}

.localization-form__select {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
}

@media screen and (min-width: 340px) {
  .footer__column--payment {
    margin-right: 3rem;
  }
}
@media screen and (min-width: 340px) and (min-width: 1760px) {
  .footer__column--payment {
    margin-right: 6.5rem;
  }
}
@media screen and (min-width: 990px) {
  .footer__column--localization {
    width: 24.1rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 990px) and (min-width: 1760px) {
  .footer__column--localization {
    margin-right: 2.4rem;
  }
}
@media screen and (min-width: 990px) {
  .footer__column--localization + .footer__column--localization {
    margin-left: 3rem;
  }
}
@media screen and (min-width: 990px) {
  .footer__column--localization:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 990px) {
  .footer__content-middle-container {
    padding: 6rem 0;
  }
}
@media screen and (min-width: 990px) {
  .footer__content-top {
    padding-bottom: 6.4rem;
    padding-top: 6rem;
  }
}
@media screen and (min-width: 1200px) {
  .footer__column--localization:last-child {
    margin-left: auto;
  }
}
@media screen and (min-width: 1360px) {
  .footer__column--localization + .footer__column--localization {
    margin-left: 11.5rem;
  }
}
.accordion:empty + .footer-block {
  margin-top: 0;
}

.footer .accordion {
  margin-top: 0;
}
.footer .accordion .footer-block__heading {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  margin-bottom: 0;
}
.footer .accordion .footer-block__text {
  margin-bottom: 2rem;
}
.footer .accordion summary {
  padding: 1rem 0;
}
.footer .accordion .icon-caret {
  color: rgb(var(--color-accent));
}

.footer .newsletter-form__inner {
  flex-direction: column;
  gap: 1rem;
}
@media screen and (min-width: 576px) {
  .footer .newsletter-form__inner {
    flex-direction: row;
    display: flex;
    gap: 0.8rem;
  }
}
.footer .newsletter__form {
  width: 100%;
  max-width: inherit;
  text-align: left;
}
@media screen and (min-width: 990px) {
  .footer .newsletter__form {
    width: max-content;
  }
}
@media screen and (min-width: 1360px) {
  .footer .newsletter__form {
    max-width: 69rem;
    display: flex;
    column-gap: 2rem;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: center;
    flex-direction: column;
  }
}
@media screen and (min-width: 1560px) {
  .footer .newsletter__form {
    max-width: 69rem;
    align-content: center;
    flex-direction: row;
  }
}
.footer .newsletter__form .rte {
  color: rgba(var(--color-foreground), 0.6);
}
.footer .newsletter__form .rte a {
  color: rgb(var(--color-link), 1);
  transition: color var(--duration-default);
}
.footer .newsletter__form .rte a:hover {
  color: rgba(var(--color-foreground), 0.8);
}
.footer .newsletter__form .field {
  height: 6rem;
  background-color: rgb(var(--color-background-input));
  border-radius: 0.4rem;
  width: auto;
}
@media (min-width: 990px) {
  .footer .newsletter__form .field {
    width: 25.7rem;
  }
}
.footer .newsletter__form .field input {
  height: 6rem;
}
.footer .newsletter__form .footer-newsletter__title {
  margin: 0rem 0 1rem;
  letter-spacing: -0.04em;
  font-family: var(--font-footer-menu-family);
  font-style: var(--font-footer-menu-style);
  font-weight: var(--font-footer-menu-weight);
}
@media screen and (min-width: 1560px) {
  .footer .newsletter__form .footer-newsletter__title {
    max-width: 20rem;
  }
}
@media screen and (min-width: 1760px) {
  .footer .newsletter__form .footer-newsletter__title {
    max-width: 24.5rem;
  }
}
.footer .newsletter__form .newsletter__text {
  margin-top: 2.4rem;
}
.footer .newsletter__form .newsletter__text p {
  font-size: 1.2rem;
}
.footer .newsletter__form .newsletter-form__field-wrapper {
  position: relative;
  border: none;
  border-radius: inherit;
  max-width: none;
  width: 100%;
}
@media (min-width: 990px) {
  .footer .newsletter__form .newsletter-form__field-wrapper {
    width: auto;
  }
}
.footer .newsletter__form .newsletter-form__field-wrapper .field::before {
  content: none;
}
.footer .newsletter__form .newsletter__button {
  width: 15.5rem;
  min-height: 5.8rem;
  height: 5.8rem;
}
.footer .newsletter__form .footer__column--payment .list-payment {
  row-gap: 0.5rem;
}
.footer .newsletter__form .newsletter__footer-button {
  padding: 0px 4rem;
}
@media screen and (max-width: 576px) {
  .footer .newsletter__form .newsletter__footer-button {
    width: 100%;
    margin-top: 0.8rem;
  }
}
.footer .accordion:not(.footer-block--logo + .accordion) {
  border-top: none;
}
.footer .footer-block--logo + .accordion {
  margin-top: 2.4rem;
}
@media screen and (min-width: 990px) {
  .footer .footer-block--logo + .accordion {
    margin-top: 0;
  }
}
.footer .footer__payment {
  display: flex;
  flex-direction: column;
}
.footer .footer__payment .footer__payment-heading {
  font-size: 12px;
  margin-bottom: 0.6rem;
}

@media screen and (min-width: 990px) {
  .footer-block {
    display: block;
    margin-top: 0;
    max-width: 28rem;
  }
}
.footer-block:empty {
  display: none;
}

.footer-block__heading {
  margin-top: 0;
  margin-bottom: 2.4rem;
  color: rgb(var(--color-foreground-title));
  font-family: var(--font-footer-menu-family);
  font-style: var(--font-footer-menu-style);
  font-weight: var(--font-footer-menu-weight);
}

.footer-block__text {
  font-size: var(--font-footer-link-size);
  color: rgb(var(--color-secondary-text));
}
.footer-block__text p {
  margin: 0;
}
.footer-block__text a {
  position: relative;
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 0.4rem;
  text-decoration-color: inherit;
  z-index: 2;
}
.footer-block__text a:hover {
  opacity: 0.8;
}

.footer__list-social:empty {
  display: none;
}

.footer__column--social {
  max-width: unset;
  display: flex;
  align-items: flex-end;
}
@media screen and (min-width: 1360px) {
  .footer__column--social {
    max-width: 20rem;
    min-width: 20rem;
    align-items: center;
  }
}

.footer__list-social {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 0.8rem;
}
.footer__list-social .list-social__item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 50px;
}
.footer__list-social .list-social__item .list-social__text {
  display: flex;
  align-items: center;
  column-gap: 0.8rem;
  transition: color 1s;
}
.footer__list-social .list-social__item .list-social__text:hover {
  color: rgb(var(--color-accent));
}
.footer__list-social .list-social__item:not(:last-child) .list-social__text::after {
  content: "";
  width: 1.2rem;
  height: 0.1rem;
  background-color: #c1c1c1;
}
@media screen and (min-width: 576px) {
  .footer__list-social .list-social__item:not(:last-child) .list-social__text::after {
    width: 3.2rem;
  }
}
@media screen and (min-width: 1360px) {
  .footer__list-social .list-social__item:nth-child(3n+0) .list-social__text::after {
    width: 0 !important;
  }
}
.footer__list-social .list-social__item--placeholder:not(:only-child) {
  display: none;
}

@media screen and (min-width: 990px) {
  .footer__content-middle-container {
    flex-direction: row;
  }
}
.footer__localization {
  display: grid;
  gap: 1.2rem;
}
.footer__localization .field {
  border: 0.1rem solid var(--border-color, #c1c1c1);
  border-radius: 0.4rem;
}
.footer__localization .disclosure__value .disclosure__text {
  color: rgb(var(--color-secondary-text));
  font-size: 1rem;
  margin-bottom: 0.3rem;
  font-weight: 500;
}
.footer__localization .localization-select {
  position: relative;
  background-color: rgb(var(--color-background-input));
  border-radius: 3px;
  border: 0.1rem solid rgb(var(--color-border-input));
  margin: 0.8rem 0;
}
.footer__localization .localization-select select {
  padding: 0 2rem !important;
}
.footer__localization .localization-select .icon-caret {
  position: absolute;
  content: "";
  height: 1.3rem;
  right: 2rem;
  top: calc(50% - 0.5rem);
}
.footer__localization .button--tertiary {
  min-height: 4.5rem;
}

localization-form {
  display: block;
}

.localization-form {
  width: 100%;
}

.footer__localization:empty {
  display: none;
}

.localization-form {
  display: flex;
  flex-direction: column;
  flex: auto 1 0;
  margin: 0 auto;
}

.localization-form:only-child {
  display: inline-flex;
  flex-wrap: wrap;
  flex: initial;
}

.footer__localization h2,
.footer__payment h2 {
  margin: 0 0 1.5rem 0;
  color: rgba(var(--color-foreground));
}

@media screen and (max-width: 989px) {
  noscript .localization-form:only-child,
  .footer__localization noscript {
    width: 100%;
  }
}
.localization-form .button {
  padding: 1rem;
}

.localization-form__currency {
  display: inline-block;
}

@media screen and (max-width: 989px) {
  .localization-form .button {
    word-break: break-all;
  }
}
noscript .localization-form__select {
  padding-left: 0rem;
}

@media screen and (min-width: 990px) {
  noscript .localization-form__select {
    min-width: 20rem;
  }
}
.localization-form__select .icon-caret {
  margin-left: auto;
  height: 2rem;
}
.localization-form__select .icon-caret path {
  color: rgb(var(--color-accent));
}

.localization-selector.link {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 2rem;
  width: 100%;
  height: 6rem;
  background-color: rgb(var(--color-background-input));
  text-decoration: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 3px;
  position: relative;
  text-align: left;
  border: 0.1rem solid rgb(var(--color-border-input));
}
.localization-selector.link:hover {
  border-color: rgb(var(--color-border-input-hover));
}
.localization-selector.link .value {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.localization-selector.link .label {
  color: rgba(var(--color-foreground-title), 0.6);
}

noscript .localization-selector.link {
  padding-top: 1.5rem;
  padding-left: 1.5rem;
}

.localization-selector option {
  color: #000000;
}

.localization-selector + .disclosure__list {
  position: absolute;
  bottom: 100%;
  padding: 0.8rem;
  max-width: 22rem;
  min-width: 100%;
  width: max-content;
  min-height: 8.2rem;
  max-height: 19rem;
  background-color: rgb(var(--color-background-input));
  border: none;
  box-shadow: 0 40px 60px rgba(var(--color-foreground), 0.05);
  transform: translateY(-1rem);
  animation: animateLocalization var(--duration-default) ease;
  opacity: 1;
  z-index: 2;
  overflow-y: auto;
}

.localization-form__select:focus {
  box-shadow: 0 0 0 0.1rem transparent;
}

@media screen and (min-width: 990px) {
  footer .accordion {
    display: none;
  }
}
@keyframes appear-down {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
footer details[open] summary ~ * {
  animation: appear-down var(--duration-default) ease;
}

.footer-block__details-content {
  margin-bottom: 2rem;
}
.footer-block__details-content li {
  line-height: 20px;
}

.footer-block__details-content li:first-child .link {
  padding-top: 3rem;
}

@media screen and (min-width: 990px) {
  .footer-block__details-content {
    margin-bottom: 0;
  }
  .footer-block__details-content li:first-child .link {
    padding-top: 0;
  }
  .footer-block__details-content li:last-child .link {
    padding-bottom: 0;
  }
  .footer-block__details-content > p,
  .footer-block__details-content > li {
    padding: 0;
  }
  .accordion:first-child + .footer-block:last-child li,
  .footer-block:only-child li {
    display: inline;
  }
}
.footer-block__details-content .list-menu__item--link {
  font-size: var(--font-footer-link-size);
  color: rgb(var(--color-secondary-text));
}

@media screen and (min-width: 990px) {
  .footer-block__details-content .list-menu__item--link,
  .copyright__content a,
  .footer__bottom-menu .list-menu__item {
    position: relative;
    display: inline-flex;
  }
  .footer__column--menu,
  .footer__column--payment {
    width: auto;
  }
  .footer-block__details-content .list-menu__item--link {
    padding-top: 0.8rem;
    padding-bottom: 0;
  }
  .footer-block__details-content .list-menu__item--link:hover,
  .footer__bottom-menu .list-menu__item:hover,
  .copyright__content a:hover {
    color: rgba(var(--color-foreground-title));
  }
  .footer-block__details-content .list-menu__item--active:hover {
    text-decoration: none;
  }
}
.footer-block__details-content .list-menu__item--active {
  transition: text-decoration-thickness var(--duration-short) ease;
  color: rgba(var(--color-foreground-title), 1);
}

@media screen and (min-width: 990px) {
  .footer-block__details-content .list-menu__item--link {
    display: inline-flex;
  }
  .footer-block__details-content > :first-child .list-menu__item--link {
    padding-top: 0;
    margin-top: 0;
  }
}
.footer-block__details-content .placeholder-svg {
  max-width: 20rem;
}

.copyright__content a {
  line-height: 1.5;
  color: rgb(var(--color-foreground-title));
  text-decoration: none;
}
.copyright__content a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  width: 0;
  height: 0.1rem;
  background-color: rgb(var(--color-accent));
  transition: width var(--duration-default);
}
.copyright__content a:hover::after {
  width: 100%;
}

@keyframes animateLocalization {
  0% {
    opacity: 0;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(-1rem);
  }
}
.policies {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.8rem;
  width: 100%;
  padding: 3.2rem 0;
  border-top: 1px solid rgba(var(--color-border));
}

@media screen and (max-width: 989px) {
  .template-product .footer {
    margin-bottom: 220px;
  }
}

/* ===== section-gift-card-header.css ===================================================== */

.gift-card-header {
  padding: 2.4rem 0;
  text-align: center;
}

.header__heading-link {
  margin: 0 auto;
}

.header__heading-logo {
  height: auto;
}
@media screen and (max-width: 576px) {
  .header__heading-logo {
    max-width: 90px;
  }
}

/* ===== section-image-banner.css ===================================================== */

.image-banner__wrapper {
  width: 1080px;
  max-width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .image-banner__wrapper {
    padding: 0 3rem;
  }
}

.image-banner__column {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.image-banner__column--column {
  gap: 0.8rem;
}

.image-banner__column--center {
  text-align: center;
}

.image-banner__column--center .image-banner__column {
  margin: 0 auto;
}

@media screen and (min-width: 990px) {
  .image-banner__column {
    flex-direction: row;
  }
  .image-banner__column--column {
    flex-direction: column;
    max-width: 450px;
  }
}
.image-banner__heading {
  flex: 1;
  margin-bottom: 0;
}
.image-banner__heading p {
  margin-top: 0;
}
.image-banner__heading p:last-child {
  margin-bottom: 0;
}

.image-banner__information {
  flex: 1;
  line-height: 1.5;
}

.image-banner__button {
  margin-top: 3.2rem;
}

.image-banner__text {
  margin: 0;
}

.image-banner .banner--landscape .banner__media:before {
  padding-bottom: 40%;
  content: "";
  display: block;
}

.image-banner .banner--portrait .banner__media:before {
  padding-bottom: 150%;
  content: "";
  display: block;
}

.image-banner .banner--square .banner__media:before {
  padding-bottom: 100%;
  content: "";
  display: block;
}

.banner {
  display: flex;
  position: relative;
  flex-direction: column;
  min-height: initial;
  padding-top: 0;
  padding-bottom: 2.4rem;
}
.banner--container {
  padding-inline: 0;
}
.banner--padding {
  padding: 2.4rem;
}

.banner:not(:last-child) {
  margin-bottom: 2.4rem;
}

@media screen and (max-width: 750px) {
  .banner:not(.banner--stacked) {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 750px) {
  .banner {
    min-height: 28rem;
    flex-direction: row;
    align-items: center;
    padding: 4rem 4.5rem;
  }
  .banner--container {
    padding-inline: 0;
  }
}
@media screen and (max-width: 750px) {
  .banner--stacked {
    height: auto;
  }
  .banner--stacked .banner__media {
    flex-direction: column;
  }
}
.banner__media {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  position: relative;
}

.banner__media-half {
  width: 50%;
}

.banner__media-half + .banner__media-half {
  right: 0;
  left: auto;
}

@media screen and (max-width: 750px) {
  .banner--stacked .banner__media-half {
    width: 100%;
  }
  .banner--stacked .banner__media-half + .banner__media-half {
    order: 1;
  }
  .banner > .banner__media {
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 750px) {
  .banner__media {
    position: absolute;
    height: 100%;
  }
}
.banner--adapt {
  height: auto;
}

@media screen and (max-width: 750px) {
  .banner--stacked:not(.banner--adapt) .banner__media {
    height: 39rem;
  }
  .banner::before {
    display: none !important;
  }
  .banner--stacked .banner__media-image-half {
    width: 100%;
  }
}
.banner__overlay {
  display: none !important;
}
@media screen and (min-width: 750px) {
  .banner__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block !important;
    z-index: 1;
  }
}

.banner__content {
  padding: 0;
  display: flex;
  position: relative;
  width: 100%;
  justify-content: center;
}

@media screen and (min-width: 750px) {
  .banner__content {
    padding-bottom: 5rem;
    padding-top: 5rem;
  }
}
.banner__box {
  border: 0;
  padding: 4rem 3.5rem;
  position: relative;
  height: fit-content;
  align-items: center;
  text-align: center;
  width: 100%;
}

.banner__box > * + .banner__buttons {
  margin: 0 auto;
  margin-top: 2.3rem;
  transform: translateX(1rem);
}

.banner__box > * + .banner__buttons--multiple {
  display: flex;
  max-width: 45rem;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
}

@media screen and (min-width: 750px) {
  .banner__box > * + .banner__buttons {
    margin-top: 2rem;
  }
}
.banner__content .button + .button {
  margin-top: 1.5rem;
}

.banner__content .button {
  height: auto;
  margin-right: 2rem;
}

.banner__box > * + .banner__text {
  margin-top: 1.5rem;
}

@media screen and (min-width: 750px) {
  .banner__box > * + .banner__text {
    margin-top: 2rem;
  }
}
.banner__box > * + * {
  margin-top: 1rem;
}

.banner__box > *:first-child {
  margin-top: 0;
}

@media screen and (max-width: 750px) {
  .banner__content .button {
    flex-grow: 1;
  }
  .banner--stacked .banner__box {
    width: 100%;
  }
}
@media screen and (min-width: 750px) {
  .banner__box {
    padding: 4rem;
    width: 54.8rem;
  }
  .banner__box > .banner__buttons:only-child .button {
    margin-top: 0;
  }
}
.banner__heading > *,
.banner__text > * {
  word-wrap: break-word;
}

.banner__heading {
  margin-bottom: 0;
}

.image-banner .banner__media {
  overflow: visible;
}

.image--top {
  flex-direction: column;
  padding: 0;
}

.image--top .banner__media {
  position: relative;
  height: auto;
}

.image--top .image-banner__wrapper {
  margin-top: 3.5rem;
}

.image--overlay .image-banner__wrapper {
  z-index: 2;
}

.image-banner .banner--landscape .banner__media:before,
.image-banner .image--overlay.banner--landscape:before {
  padding-bottom: 50%;
  content: "";
  display: block;
}

.image-banner .banner--portrait .banner__media:before,
.image-banner .image--overlay.banner--portrait:before {
  padding-bottom: 150%;
  content: "";
  display: block;
}

.image-banner .banner--square .banner__media:before,
.image-banner .image--overlay.banner--square:before {
  padding-bottom: 100%;
  content: "";
  display: block;
}

.image-banner.banner-image-mobile .banner-img-mobile {
  display: block;
}
@media screen and (min-width: 750px) {
  .image-banner.banner-image-mobile .banner-img-mobile {
    display: none;
  }
}
.image-banner.banner-image-mobile .banner-img-desktop {
  display: none;
}
@media screen and (min-width: 750px) {
  .image-banner.banner-image-mobile .banner-img-desktop {
    display: block;
  }
}

/* ===== section-image-parallax.css ===================================================== */

:root {
  --image-parallax-light: #ffffff;
}
.image-parallax__items .image-parallax-item {
  min-height: 32rem;
  display: flex;
  align-items: center;
  padding-left: 2rem;
  padding-right: 2rem;
  position: relative;
}
.image-parallax__items .image-parallax-item:not(:first-child) {
  margin-top: 0.8rem;
}
@media (min-width: 576px) {
  .image-parallax__items .image-parallax-item {
    padding-left: 3rem;
    padding-right: 3rem;
    min-height: 39.6rem;
  }
}
@media (min-width: 1200px) {
  .image-parallax__items .image-parallax-item {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
.image-parallax__items .image-parallax-item .subtitle--wrapper {
  color: var(--image-parallax-light);
}
.image-parallax__items .image-parallax-item .subtitle--wrapper span::after {
  background-color: var(--image-parallax-light);
}
.image-parallax__items .image-parallax-item__container {
  max-width: 68.5rem;
  margin-top: 5rem;
}
@media (min-width: 750px) {
  .image-parallax__items .image-parallax-item__container {
    margin-top: 12.5rem;
  }
}
.image-parallax__items .image-parallax-item__container .image-parallax-item__heading {
  color: var(--image-parallax-light);
}
.image-parallax__items .image-parallax-item__container .image-parallax-item__heading {
  margin: 0;
}
.image-parallax__items .image-parallax-item__container .image-parallax-item__description {
  max-width: 44.4rem;
  color: var(--image-parallax-light);
  opacity: 0.7;
}
.image-parallax__items .image-parallax-item__container .image-parallax-item__description p {
  margin: 0.8rem 0 0;
}
.image-parallax__items .image-parallax-item img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  object-fit: cover;
}
.image-parallax__items .image-parallax-item .placeholder-svg {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.image-parallax__items .image-parallax-item div:not(.image-parallax-item__description):last-child {
  border-radius: 6px;
}
.image-parallax__items .image-parallax-item__image-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-radius: 6px;
  z-index: 5;
}
.image-parallax__items .image-parallax-item__content {
  position: relative;
  z-index: 20;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  pointer-events: none;
}
.image-parallax__items .image-parallax-item--theme-dark .image-parallax-item__image-overlay {
  background-color: rgb(var(--color-overlay));
}
.image-parallax__items .image-parallax-item--theme-light .image-parallax-item__image-overlay {
  background-color: var(--image-parallax-light);
}
.image-parallax__items .image-parallax-item--theme-light .image-parallax-item__heading {
  color: rgb(var(--color-foreground-title));
}
.image-parallax__items .image-parallax-item--theme-light .image-parallax-item__description {
  color: rgb(var(--color-foreground-title));
}
.image-parallax__items .image-parallax-item--theme-light .subtitle--wrapper {
  color: rgb(var(--color-foreground-title));
}
.image-parallax__items .image-parallax-item--theme-light .subtitle--wrapper span::after {
  background-color: rgb(var(--color-foreground-title));
}
.image-parallax .image-parallax__link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 8;
}

/* ===== section-image-tabs.css ===================================================== */

/**
* Converts SVG into data url so that this SVG could be used as a
* background image
*
* @example
*	background-image: svgtodataurl("<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">...</svg>");
*/
:root {
  --color-white-tabs: 255, 255, 255;
}
.image-tabs {
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  border-radius: 6px;
  overflow: hidden;
}
@media (min-width: 990px) {
  .image-tabs {
    flex-direction: row-reverse;
  }
}
.image-tabs,
.image-tabs *,
.image-tabs *::before,
.image-tabs *::after {
  box-sizing: border-box;
}
@media screen and (max-width: 1200px) {
  .image-tabs {
    min-height: unset;
  }
}
.image-tabs .image-tabs__heading,
.image-tabs .image-tabs__subheading {
  color: rgba(var(--color-white-tabs));
}
.image-tabs .section-theme-mode-light .image-tabs__heading,
.image-tabs .section-theme-mode-light .image-tabs__subheading {
  color: rgb(var(--color-foreground-title));
}
.image-tabs .section-theme-mode-dark .image-tabs__heading,
.image-tabs .section-theme-mode-dark .image-tabs__subheading {
  color: rgba(var(--color-white-tabs));
}
.image-tabs .swiper-pagination {
  visibility: hidden;
}
.image-tabs .image-tabs__body {
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media (min-width: 990px) {
  .image-tabs .image-tabs__body {
    width: 50%;
  }
}
.image-tabs .image-tabs__body-left,
.image-tabs .image-tabs__body-right {
  width: 100%;
}
.image-tabs__header {
  position: relative;
  top: 0;
  left: 0;
  min-height: 39.6rem;
  overflow: hidden;
  width: 100%;
}
.image-tabs__header svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 990px) {
  .image-tabs__header {
    width: 50%;
  }
}
@media screen and (max-width: 1760px) {
  .image-tabs__header {
    min-height: 33rem;
  }
}
@media screen and (max-width: 750px) {
  .image-tabs__header {
    min-height: 20rem;
  }
}
.image-tabs__typography {
  position: relative;
  top: 0;
  left: 0;
  z-index: 2;
  max-width: 89rem;
  margin-bottom: 2rem;
}
@media (min-width: 990px) {
  .image-tabs__typography {
    padding-bottom: 4rem;
  }
}
.image-tabs__heading {
  padding: 0;
  margin: 0;
  letter-spacing: calc(var(--font-heading-letter-spacing) * 0.1 - 0.03rem);
}
.image-tabs .subtitle--wrapper {
  margin-bottom: 3rem;
}
@media (min-width: 990px) {
  .image-tabs .subtitle--wrapper {
    margin-bottom: 6.7rem;
  }
}
.image-tabs__empty {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgb(var(--color-background));
}
.image-tabs__empty-svg {
  width: 94%;
  height: 94%;
  max-width: 40rem;
}
.image-tabs__body {
  display: flex;
  padding: 6rem 15rem;
}
@media screen and (max-width: 1760px) {
  .image-tabs__body {
    padding-left: 13rem;
    padding-right: 13rem;
  }
}
@media screen and (max-width: 1560px) {
  .image-tabs__body {
    padding-left: 11rem;
    padding-right: 11rem;
  }
}
@media screen and (max-width: 1360px) {
  .image-tabs__body {
    padding-left: 9rem;
    padding-right: 9rem;
  }
}
@media screen and (max-width: 1200px) {
  .image-tabs__body {
    padding-left: 7rem;
    padding-right: 7rem;
    flex-direction: column;
  }
  .image-tabs__body .image-tabs__description-slide {
    display: none;
  }
  .image-tabs__body .image-tabs__body-left,
  .image-tabs__body .image-tabs__body-right {
    width: 100%;
  }
}
@media screen and (max-width: 990px) {
  .image-tabs__body {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media screen and (max-width: 750px) {
  .image-tabs__body {
    padding: 3rem 3rem 1.3rem;
  }
  .image-tabs__body .card-horizontal__button {
    display: flex;
  }
}
.image-tabs__body-left {
  width: calc(50% + 0.86rem);
  padding-right: 6rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.image-tabs__body-right {
  width: 50%;
}
.image-tabs__heading, .image-tabs__subheading {
  transition: linear color 0.25s;
}
.image-tabs__img-slide {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.image-tabs img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}
.image-tabs__description-slide {
  max-width: 44.4rem;
  margin: 0;
  letter-spacing: -0.03rem;
  visibility: hidden;
  opacity: 0;
  display: none;
}
.image-tabs__description-slide .swiper-wrapper {
  transition-duration: 0ms !important;
}
.image-tabs .description-slide__item {
  background-color: rgb(var(--color-background));
  display: flex;
  align-items: flex-end;
  top: 100%;
  transition: top 0.7s cubic-bezier(0.02, 0.02, 1, 1);
}
.image-tabs .description-slide .swiper-slide-active {
  top: 0;
}
.image-tabs .tabs__btn {
  flex-shrink: 0;
  margin-left: 1rem;
}
.image-tabs .tabs__item {
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  display: block;
  border-bottom: solid rgba(var(--color-button-tertiary-text), 0.2) 1px;
}
.image-tabs .tabs__item:first-child .tabs__btn {
  top: 0;
}
.image-tabs .tabs__item:first-child .tabs__item-label {
  padding-top: 0;
}
.image-tabs .tabs__item:last-child {
  border-bottom: none !important;
}
.image-tabs .tabs__item:last-child .tabs__item-label {
  padding-bottom: 0;
}
@media screen and (max-width: 1200px) {
  .image-tabs .tabs__item:last-child .tabs__item-label {
    padding-bottom: 1.7rem;
  }
}
@media screen and (max-width: 1200px) {
  .image-tabs .tabs__item--current .tabs__item-description-cell {
    display: none;
  }
}
.image-tabs .tabs__item-description {
  padding-bottom: 3rem;
  padding-right: 7rem;
}
.image-tabs .tabs__item-description-cell {
  display: none;
}
.image-tabs .tabs__item:first-child {
  padding-left: 0;
  padding-right: 0;
}
.image-tabs .tabs__item:first-child .tabs__item-label {
  min-height: auto;
}
@media screen and (max-width: 1200px) {
  .image-tabs .tabs__item:first-child .tabs__item-label {
    padding: 0 0 1.7rem 0;
  }
}
.image-tabs .tabs__item--current .tabs__item-label .tabs__item-label-link {
  color: rgba(var(--color-button-tertiary-text), 1);
  transition: linear color 0.16s;
}
.image-tabs .tabs__item-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 2.7rem 0;
  transition: linear color 0.16s;
  will-change: color;
}
@media screen and (max-width: 1200px) {
  .image-tabs .tabs__item-label {
    padding: 1.7rem 0;
  }
}
.image-tabs .tabs__item-label-txt {
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.image-tabs .tabs__item-label-txt .tabs__item-label-link {
  text-decoration: none;
}
@media screen and (max-width: 1200px) {
  .image-tabs .tabs__item-label-txt .tabs__item-label-link {
    pointer-events: none;
    cursor: default;
  }
}
.image-tabs .tabs__item-label .tabs__btn-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
@media screen and (min-width: 1200px) {
  .image-tabs .tabs__item-label .tabs__btn-link {
    display: block;
  }
}
.image-tabs .tabs__item-label:hover {
  color: rgba(var(--color-button-tertiary-text), 1);
  cursor: default;
}
.image-tabs .tabs__item-label:hover .button--simple {
  background-color: rgba(var(--color-button-tertiary-text));
  color: #ffffff;
}
.image-collage ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
}
.image-collage li {
  list-style-type: none;
  line-height: 0;
  max-height: 46.3rem;
  width: 100%;
}
@media (min-width: 0) {
  .image-collage li {
    flex: 1 0 48%;
  }
}
@media (min-width: 576px) {
  .image-collage li {
    flex: 1 0 49%;
  }
}
@media (min-width: 990px) {
  .image-collage li {
    flex: 1 0 24%;
  }
}
@media (min-width: 1140px) {
  .image-collage li {
    flex: 1 0 19.7%;
  }
}
@media (min-width: 1340px) {
  .image-collage li {
    flex: 1 0 19.7%;
  }
}
@media (min-width: 1360px) {
  .image-collage li {
    flex: 1 0 15%;
    max-height: 22.3rem;
    max-width: 29.3rem;
  }
}
@media (min-width: 1460px) {
  .image-collage li {
    max-height: 26.3rem;
  }
}
@media (min-width: 1540px) {
  .image-collage li {
    flex: 1 0 16%;
    max-height: 28.3rem;
  }
}
@media (min-width: 1840px) {
  .image-collage li {
    flex: 1 0 16.5%;
    max-height: 29.3rem;
  }
}
.image-collage li:first-child {
  max-height: 100vh;
}
.image-collage li:first-child, .image-collage li:nth-child(8) {
  max-height: none;
  width: 100%;
}
@media (min-width: 0) {
  .image-collage li:first-child, .image-collage li:nth-child(8) {
    flex: 1 0 100%;
  }
}
@media (min-width: 576px) {
  .image-collage li:first-child, .image-collage li:nth-child(8) {
    max-height: 46.3rem;
  }
}
@media (min-width: 990px) {
  .image-collage li:first-child, .image-collage li:nth-child(8) {
    flex: 1 0 49%;
    max-width: 49.6%;
  }
}
@media (min-width: 1140px) {
  .image-collage li:first-child, .image-collage li:nth-child(8) {
    flex: 2 0 40%;
    max-width: 49.6%;
  }
}
@media (min-width: 1340px) {
  .image-collage li:first-child, .image-collage li:nth-child(8) {
    flex: 1 0 45%;
    max-width: none;
  }
}
@media (min-width: 1360px) {
  .image-collage li:first-child, .image-collage li:nth-child(8) {
    flex: 0 0 33%;
    max-height: 22.3rem;
    max-width: 32.9%;
  }
}
@media (min-width: 1460px) {
  .image-collage li:first-child, .image-collage li:nth-child(8) {
    max-height: 26.3rem;
    max-width: 59.5rem;
  }
}
@media (min-width: 1540px) {
  .image-collage li:first-child, .image-collage li:nth-child(8) {
    flex: 2 0 32.5%;
    max-height: 28.3rem;
  }
}
@media (min-width: 1840px) {
  .image-collage li:first-child, .image-collage li:nth-child(8) {
    flex: 2 0 33%;
    max-height: 29.3rem;
  }
}
.image-collage li .placeholder-svg {
  display: block;
  height: 100%;
  width: 100%;
  border-radius: 0.6rem;
}
.image-collage img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 0.6rem;
}
.image-collage .image-collage__follow {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.image-collage .image-collage__item-block {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 0.6rem;
  gap: 1.6rem;
  overflow: hidden;
}
@media (min-width: 576px) {
  .image-collage .image-collage__item-block {
    flex-direction: row;
    overflow-y: auto;
    overflow-x: hidden;
  }
}
.image-collage .image-collage__item-block::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
.image-collage .image-collage__item-block::-webkit-scrollbar-thumb {
  background-color: rgba(var(--color-foreground), 0.7);
  border-radius: 100px;
}
.image-collage__item {
  border-radius: 0.6rem;
  height: 100%;
  padding: 3.7rem;
}
@media (min-width: 576px) {
  .image-collage__item {
    padding: 6.2rem 6.8rem;
    flex-direction: row;
  }
}
@media (min-width: 750px) {
  .image-collage__item {
    padding: 7.2rem 6.8rem;
  }
}
@media (min-width: 990px) {
  .image-collage__item {
    padding: 2.9rem 3.8rem;
  }
}
@media (min-width: 1200px) {
  .image-collage__item {
    padding: 6.2rem 6.8rem;
  }
}
@media (min-width: 1360px) {
  .image-collage__item {
    padding: 2.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.image-collage__item .placeholder-svg-inst {
  border-radius: 50%;
  width: 5rem;
  height: 5rem;
  flex: 0 5rem;
}
.image-collage__title {
  margin: 0;
  text-transform: capitalize;
  display: flex;
}
@media (min-width: 0) {
  .image-collage__title {
    align-items: center;
  }
}
@media (min-width: 576px) {
  .image-collage__title {
    align-self: flex-start;
    max-width: 22rem;
  }
}
@media (min-width: 1360px) {
  .image-collage__title {
    font-size: calc(var(--font-heading-h4-size) - 5px);
  }
}
@media (min-width: 1570px) {
  .image-collage__title {
    font-size: var(--font-heading-h4-size);
  }
}
.image-collage__account {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 1rem;
}
.image-collage__photo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  margin: 0;
  border-radius: 50%;
  flex: 0 5rem;
}
.image-collage__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
}
.image-collage__info {
  display: flex;
  flex-direction: column;
  line-height: 140%;
  max-width: 23rem;
}
.image-collage__info a {
  text-decoration: none;
}
.image-collage__name {
  font-weight: var(--font-header-menu-weight);
  font-size: var(--font-body-size);
  transition: var(--duration-default);
  letter-spacing: -0.02em;
  word-wrap: break-word;
}
.image-collage__name:hover {
  transition: var(--duration-default);
  opacity: 0.7;
}
.image-collage__text {
  font-size: 1.4rem;
}
.image-collage__link {
  margin-top: 2rem;
  padding: 0 3.5rem;
  white-space: normal;
  line-height: 1.5;
}
@media (min-width: 990px) {
  .image-collage__link {
    margin-top: 4rem;
    padding: 0 4.5rem;
  }
}
@media (max-width: 576px) {
  .image-collage__link {
    word-break: break-all;
  }
}
.image-slider {
  position: relative;
}
.image-slider__swiper-h {
  max-width: 100%;
  display: flex;
}
.image-slider .swiper-wrapper {
  width: 100%;
  gap: 2.4rem;
  transition-timing-function: linear !important;
  gap: 0.8rem;
}
@media (min-width: 990px) {
  .image-slider .swiper-wrapper {
    gap: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .image-slider .swiper-wrapper {
    gap: 0.8rem;
  }
}
@media (min-width: 1360px) {
  .image-slider .swiper-wrapper {
    gap: 1.8rem;
  }
}
@media (min-width: 1560px) {
  .image-slider .swiper-wrapper {
    gap: 2.4rem;
  }
}
.image-slider .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 0.8rem;
}
.image-slider .swiper-slide svg {
  border: 1px solid rgb(var(--color-secondary-text));
}
.image-slider__wrapper {
  display: flex;
  flex-direction: column;
  border-radius: 0.6rem;
  justify-content: space-between;
}
@media (min-width: 990px) {
  .image-slider__wrapper {
    flex-direction: row;
  }
}
.image-slider__header--container {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  width: 100%;
  max-width: 44.3rem;
}
@media (min-width: 540px) {
  .image-slider__header--container {
    text-align: left;
  }
}
.image-slider__description {
  font-size: var(--font-body-size);
  color: rgb(var(--color-foreground-secondary));
  max-width: 26.5rem;
  margin-bottom: 0;
}
.image-slider__description::first-letter {
  text-transform: capitalize;
}
@media (min-width: 540px) {
  .image-slider__description {
    max-width: 38.5rem;
  }
}
.image-slider .insta-slider-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding: 3.5rem;
}
@media (min-width: 750px) {
  .image-slider .insta-slider-container {
    padding: 4rem;
  }
}
@media (min-width: 990px) {
  .image-slider .insta-slider-container {
    padding: 0;
    padding-right: 6.5rem;
  }
}
@media (min-width: 1760px) {
  .image-slider .insta-slider-container {
    padding-right: 15rem;
  }
}
.image-slider .swiper-slide {
  max-width: 29.3rem;
  list-style-type: none;
}
@media (min-width: 0) {
  .image-slider .swiper-slide {
    width: 9rem;
    min-height: 12rem;
    max-height: 12rem;
  }
}
@media (min-width: 360px) {
  .image-slider .swiper-slide {
    width: 10rem;
    min-height: 13rem;
    max-height: 13rem;
  }
}
@media (min-width: 460px) {
  .image-slider .swiper-slide {
    width: 13.3rem;
    min-height: 17rem;
    max-height: 17rem;
  }
}
@media (min-width: 540px) {
  .image-slider .swiper-slide {
    width: 14.3rem;
    min-height: 15rem;
    max-height: 15rem;
  }
}
@media (min-width: 750px) {
  .image-slider .swiper-slide {
    width: 17.3rem;
    min-height: 20rem;
    max-height: 20rem;
  }
}
@media (min-width: 990px) {
  .image-slider .swiper-slide {
    width: 14.3rem;
    min-height: 18rem;
    max-height: 18rem;
  }
}
@media (min-width: 1200px) {
  .image-slider .swiper-slide {
    width: 17.3rem;
    min-height: 21rem;
    max-height: 21rem;
  }
}
@media (min-width: 1360px) {
  .image-slider .swiper-slide {
    width: 23.3rem;
    min-height: 27rem;
    max-height: 27rem;
  }
}
@media (min-width: 1560px) {
  .image-slider .swiper-slide {
    width: 29.3rem;
    min-height: 33rem;
    max-height: 33rem;
  }
}
.image-slider .swiper-slide .placeholder-svg {
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
}
.image-slider__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-items: center;
  align-self: flex-start;
  padding: 3.5rem;
}
@media (min-width: 750px) {
  .image-slider__item {
    padding: 4rem;
  }
}
@media (min-width: 990px) {
  .image-slider__item {
    padding: 6.5rem;
    padding-right: 0;
  }
}
@media (min-width: 1760px) {
  .image-slider__item {
    padding: 15rem 0 14.7rem 15rem;
  }
}
.image-slider__item .placeholder-svg-inst {
  border-radius: 50%;
  width: 5rem;
  height: 5rem;
  flex: 1 0 auto;
}
.image-slider__item--content {
  width: 100%;
}
.image-slider__title {
  margin: 0;
  color: var(--color-secondary-text);
}
.image-slider__follow {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 0.8rem;
  align-items: flex-start;
  width: 100%;
  margin-top: 1rem;
}
@media (min-width: 540px) {
  .image-slider__follow {
    margin-top: 2.2rem;
    gap: 3.3rem 0;
    align-self: baseline;
    flex-direction: row;
  }
}
@media (min-width: 990px) {
  .image-slider__follow {
    flex-direction: column;
    margin-top: 1.2rem;
  }
}
@media (min-width: 1200px) {
  .image-slider__follow {
    flex-direction: row;
    margin-top: 5.2rem;
  }
}
.image-slider__account {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 1rem;
}
.image-slider__photo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  margin: 0;
  border-radius: 50%;
}
.image-slider__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
}
.image-slider__info {
  display: flex;
  flex-direction: column;
}
@media (min-width: 540px) {
  .image-slider__info {
    padding-right: 3.3rem;
  }
}
.image-slider__info a {
  text-decoration: none;
}
.image-slider__name {
  font-weight: var(--font-header-menu-weight);
  font-size: var(--font-body-size);
  transition: var(--duration-default);
  word-break: break-word;
  letter-spacing: -0.02em;
}
.image-slider__name:hover {
  transition: var(--duration-default);
  opacity: 0.7;
}
.image-slider__text {
  font-size: 1.4rem;
}
.image-slider__link {
  padding: 0 4.5rem;
  margin-top: 1rem;
  white-space: normal;
  line-height: 1.5;
}
@media (min-width: 540px) {
  .image-slider__link {
    margin-top: 0;
  }
}
@media (min-width: 990px) {
  .image-slider__link {
    padding: 0 4.5rem;
  }
}
@media (max-width: 576px) {
  .image-slider__link {
    word-break: break-all;
  }
}
.image-slider .instagram-slider__swiper-2 {
  transform: rotate(180deg);
}
.image-slider .instagram-slider__swiper-2 .swiper-slide {
  transform: rotate(-180deg);
}

/* ===== section-main-blog.css ===================================================== */

:root {
  --color-white-blog: 255, 255, 255;
}
.main-page-title {
  padding: 0;
  margin: 0 0 4rem 0;
}

.main-blog .pagination-wrapper {
  margin-top: 8rem;
}
@media screen and (min-width: 990px) {
  .main-blog .pagination-wrapper {
    margin-top: 11.2rem;
  }
}

.blog-articles {
  display: flex;
  flex-wrap: wrap;
  gap: 4rem 0;
  margin-right: 0;
}
@media screen and (min-width: 576px) {
  .blog-articles {
    gap: 5rem 0.8rem;
  }
}
@media screen and (min-width: 990px) {
  .blog-articles {
    margin-right: -0.8rem;
  }
}
@media screen and (min-width: 1200px) {
  .blog-articles {
    gap: 12rem 0.8rem;
    margin-right: -0.8rem;
  }
}

.blog-articles-first .article:first-child {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 576px) {
  .blog-articles-first .article:first-child {
    min-height: 35rem;
  }
}
@media screen and (min-width: 750px) {
  .blog-articles-first .article:first-child {
    min-height: 35rem;
  }
}
@media screen and (min-width: 990px) {
  .blog-articles-first .article:first-child {
    min-height: 35rem;
    width: calc(100% - 0.8rem);
  }
}
@media screen and (min-width: 1200px) {
  .blog-articles-first .article:first-child {
    min-height: 53.2rem;
    width: calc(100% - 0.8rem);
  }
}
.blog-articles-first .article:first-child .article__item {
  height: auto;
  border-radius: 0.6rem;
}
@media screen and (min-width: 576px) {
  .blog-articles-first .article:first-child .article__item {
    height: 100%;
    background-color: rgb(var(--color-base-background-3));
  }
}
.blog-articles-first .article:first-child .article__item-end {
  height: auto;
  border-radius: 0.6rem;
}
@media screen and (min-width: 576px) {
  .blog-articles-first .article:first-child .article__item-end {
    height: 100%;
    background-color: rgb(var(--color-base-background-3));
  }
}
.blog-articles-first .article:first-child .article__info-block {
  margin-top: auto;
}
@media screen and (min-width: 750px) {
  .blog-articles-first .article:first-child .article__info-block {
    z-index: 1;
    width: max-content;
  }
}
@media screen and (min-width: 576px) {
  .blog-articles-first .article:first-child .article__info-link {
    display: block;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
}
.blog-articles-first .article:first-child .article__content {
  position: relative;
  top: 0;
  padding: 3rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
@media screen and (max-width: 576px) {
  .blog-articles-first .article:first-child .article__content {
    position: static;
    padding: 1rem 1rem 0;
  }
}
.blog-articles-first .article:first-child .article__content .article__title {
  max-width: 49rem;
  font-size: 2.2rem;
  margin: 0;
}
@media only screen and (min-width: 576px) {
  .blog-articles-first .article:first-child .article__content .article__title {
    font-size: 2.6rem;
  }
}
@media only screen and (min-width: 990px) {
  .blog-articles-first .article:first-child .article__content .article__title {
    font-size: var(--font-heading-h2-size);
  }
}
.blog-articles-first .article:first-child .article__content .article__excerpt {
  max-width: 49rem;
  margin: 0;
  margin: 0.8rem 0 0;
  color: rgba(var(--color-white-blog));
  font-size: var(--font-body-size);
}
@media screen and (max-width: 576px) {
  .blog-articles-first .article:first-child .article__content .article__excerpt {
    color: rgb(var(--color-foreground-secondary));
    font-size: var(--font-secondary-text);
  }
}
.blog-articles-first .article:first-child .article__content .article__info {
  margin-top: 1rem;
}
@media screen and (min-width: 576px) {
  .blog-articles-first .article:first-child .article__content .article__info {
    margin-top: 4rem;
  }
  .blog-articles-first .article:first-child .article__content .article__info .subtitle--wrapper span::after {
    background-color: rgba(var(--color-white-blog));
  }
}
.blog-articles-first .article:first-child .article__content .article__tags {
  padding: 0;
}
@media screen and (min-width: 576px) {
  .blog-articles-first .article:first-child .article__content .article__tags {
    z-index: 1;
    width: max-content;
  }
}
.blog-articles-first .article:first-child .article__img {
  height: 20rem;
}
@media only screen and (min-width: 576px) {
  .blog-articles-first .article:first-child .article__img {
    height: 100%;
    position: absolute;
    width: 100%;
  }
}
.blog-articles-first .article:first-child .article__img img {
  height: 100%;
}
.blog-articles-first .article:first-child .article__title a {
  color: rgba(var(--color-white-blog));
}
@media screen and (max-width: 576px) {
  .blog-articles-first .article:first-child .article__title a {
    color: rgba(var(--color-foreground));
  }
}
.blog-articles-first .article:first-child .article__line {
  background: rgba(var(--color-white-blog));
}
@media screen and (max-width: 576px) {
  .blog-articles-first .article:first-child .article__line {
    background: rgba(var(--color-foreground));
  }
}
.blog-articles-first .article:first-child .article__date,
.blog-articles-first .article:first-child .article__auther {
  color: rgba(var(--color-white-blog));
}
@media screen and (max-width: 576px) {
  .blog-articles-first .article:first-child .article__date,
  .blog-articles-first .article:first-child .article__auther {
    color: rgba(var(--color-foreground));
  }
}
.blog-articles-first .article:first-child .subtitle {
  color: rgba(var(--color-white-blog));
}
@media screen and (max-width: 576px) {
  .blog-articles-first .article:first-child .subtitle {
    color: rgb(var(--color-foreground-secondary));
  }
}

/* ===== section-main-page.css ===================================================== */

.page-section + .shopify-section {
  padding-top: 0;
}

.page-title {
  margin-top: 0;
}

.main-page-title {
  margin-bottom: 3rem;
}

@media screen and (min-width: 750px) {
  .main-page-title {
    margin-bottom: 4rem;
  }
}
.page-placeholder-wrapper {
  display: flex;
  justify-content: center;
}

.page-placeholder {
  width: 52.5rem;
  height: 52.5rem;
}

/* ===== section-main-product.css ===================================================== */

/* ======= TAB CSS ======= */

.reinsurance-links-list {
  list-style-type: none;
  padding-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  row-gap: 8px;
  margin-bottom: 0;
}
.tab-heading {
  cursor: pointer;
}
.reinsurance-overlay-content {
  margin: 92px auto 52px;
  padding: 76px 24px 24px;
  width: 100%;
  max-width: 100%;
  border: 1px solid #0a1c40;
  position: relative;
}
.reinsurance-overlay-icon {
  position: absolute;
  background: #ffffff;
  border: 1px solid #0a1c40;
  width: 112px;
  height: 112px;
  border-radius: 90%;
  top: -56px;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  padding: 18px;
}
.product-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tab-img {
  height: 100%;
  width: 50%;
  object-fit: cover;
  max-width: 300px;
  border-radius: 8px;
}
.reinsurance-overlay-content h4 {
  margin: 0;
}
.reinsurance-overlay-content h4 strong {
  font-size: 20px;
  color: #4d4b4b;
  margin: 20px 0;
  text-align: center;
  display: block;
}
.reinsurance-overlay-content p {
  color: #4d4b4b;
  font-size: 14px;
  margin: 0;
  text-align: center;
}
.reinsurance-overlay .aco-box.animate__none {
  display: none;
}

/************* custom css ***********************/

/* .template-product .product-parameters__item.product-parameters__variant .swatches-type-products {
  display: none;
} */
.template-product .related-products {
  display: flex;
  gap: 18px;
  margin-bottom: 10px;
}
.template-product .swatch-title {
  font-size: 14px;
  display: flex;
  margin-top: 10px;
  justify-content: center;
  font-weight: 400;
}
.template-product .related-products .related-product-card a {
  text-underline-offset: 0;
  text-decoration: none;
}
.related-product-card {
  max-width: 80px;
}
.template-product .swatch-wrapper {
  border-style: solid;
  border-width: 1px;
  border-color: #ddd;
  border-radius: 100%;
  padding: 4px;
  height: 80px;
  max-height: 80px;
}
.template-product .swatch-image {
  border-style: solid;
  border-width: 1px;
  border-color: #ddd;
  background-position: center;
  border-radius: 100%;
  background-color: #fff;
  background-size: cover;
  overflow: hidden;
  isolation: isolate;
  display: flex;
  justify-content: center;
  height: 100%;
}
.template-product .swatch-image img {
  /* z-index: -1; */
  height: 55px;
  width: auto;
  object-fit: contain;
}
.related-product-card.active .swatch-wrapper {
  border-color: #000;
}
.symbol-image {
  display: flex;
  justify-content: center;
}

/* ====== END THE STORY METAFIELD CSS ======= */

.product__media-wrapper .swiper-btn {
  background-color: rgba(255, 255, 255, 0.5);
  box-shadow: none;
  width: 8rem;
  height: 8rem;
  opacity: 1;
}
.product__media-wrapper .swiper-btn svg {
  color: rgb(var(--color-accent));
}
.product__media-wrapper .swiper-btn.swiper-button-disabled {
  cursor: default;
  opacity: 0.3;
}
.product__media-wrapper .swiper-btn.swiper-button-disabled:hover svg {
  transform: none;
}
.product .custom-liquid {
  margin-bottom: 1.5rem;
}
.product__outer {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  margin-right: auto;
  margin-left: auto;
  max-width: 1500px;
}
.product-form__checkout .product-form__submit {
  background-color: #17429d;
}
.product-form__checkout .product-form__submit:hover {
  background-color: #17429d;
}
.product-form__submit:hover {
  opacity: 0.9;
}
.template-product .product__media-list.swiper-slide-prev {
  overflow: hidden;
}
.template-product .shopify-section-group-header-group {
  background: #fff !important;
}

@media (min-width: 990px) {
  .product__outer {
    flex-direction: row;
  }
}
@media (min-width: 1360px) {
  .product__outer {
    gap: 8rem;
  }
}
@media (min-width: 1560px) {
  .product__outer {
    gap: 17.4rem;
  }
}
@media (min-width: 1200px) {
  .product__outer--desktop-order .product__info-wrapper {
    order: 1;
  }
}
@media (max-width: 1199px) {
  .product__outer--mobile-order .product__info-wrapper {
    order: 1;
  }
}
.product__media-wrapper {
  width: 100%;
  /* max-width: 726px; */
  overflow-y: auto;
}
@media (min-width: 990px) {
  .product__media-wrapper {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .product__media-wrapper {
    width: 55%;
  }
}
.product__info-container .product-form {
  margin: 0;
}
.product__info-container .share-button {
  margin-top: 1rem;
}
.product__description {
  margin-bottom: 2.4rem;
  margin-left: 32px;
  margin-top: -16px;
  max-width: 80%;
  color: rgb(var(--color-foreground-secondary));
  font-size: var(--font-secondary-text);
}
.product__description p {
  font-size: var(--font-secondary-text);
  margin: 0;
}
@media (min-width: 750px) {
  .product__media-container .slider-buttons {
    display: none;
  }
}
.product__info-wrapper {
  width: 100%;
}
@media (min-width: 990px) {
  .product__info-wrapper {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .product__info-wrapper {
    width: 45%;
  }
}
.product__info-wrapper .full-details {
  display: none;
}
.product__info-wrapper .accordion {
  margin-top: 4.8rem;
  border-top: 0.1rem solid rgba(var(--color-button-tertiary-text), 0.4);
  border-bottom: 0.1rem solid rgba(var(--color-button-tertiary-text), 0.4);
  position: relative;
}
@media (min-width: 990px) {
  .product__info-wrapper .accordion {
    margin-top: 11.2rem;
  }
}
.product__info-wrapper .accordion summary {
  padding: 2.4rem 0;
}
.product__info-wrapper .accordion:last-child {
  margin-bottom: 2.4rem;
}
.product__info-wrapper .accordion::before,
.product__info-wrapper .accordion::after {
  content: "";
  width: 0;
  height: 0.1rem;
  background-color: rgb(var(--color-button-tertiary-text));
  position: absolute;
  top: -1px;
  left: 0;
  z-index: 1;
  transition: var(--duration-default);
}
.product__info-wrapper .accordion::after {
  top: auto;
  bottom: -1px;
}
.product__info-wrapper .accordion:hover::before,
.product__info-wrapper .accordion:hover::after,
.product__info-wrapper .accordion.active::before,
.product__info-wrapper .accordion.active::after {
  width: 100%;
}
.product__title__wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 1.2rem;
  margin-bottom: 2.4rem;
}
.product__title {
  letter-spacing: -0.04em;
  word-break: break-word;
  margin-bottom: 0;
  margin-top: 0;
}
.product__text {
  font-size: 1.1rem;
  font-weight: var(--font-button-weight);
  letter-spacing: 0.075em;
  color: rgb(var(--color-secondary-text));
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  margin-top: 0;
}
.product__text.subtitle {
  font-size: 1rem;
}
.product a.product__text {
  display: block;
  text-decoration: none;
  color: rgba(var(--color-foreground), 0.75);
}
.product .price--sold-out .price__badge-sale {
  display: none;
}
.product__media-list-wrapper {
  display: flex;
  flex-direction: column-reverse;
  gap: 0.8rem;
}
.product__media-list {
  flex-grow: 1;
  border-radius: 6px;
  /* overflow: hidden; */
  overflow: visible;
  height: 45rem;
  /* z-index: -1; */
}
.product__media-list .swiper-btn {
  display: none;
}
/* @media (min-width: 1200px) {
  .product__media-list {
    height: 74.6rem;
  }
} */
.product__media {
  height: 0;
  /* padding-top: 100%; */
  background-color: rgb(var(--color-base-background-1));
}

/* @media (min-width: 900px) {
  .product__media {
    height: 100%;
    padding-top: 0;
  }
} */
.product__media img {
  width: 100% !important;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.template-product .product__media img {
  object-fit: contain;
}
/* @media (min-width: 900px) {
  .product__media img {
    position: unset;
  }
} */
.product__media-sublist {
  width: 100%;
}
.product__media-subitem {
  border: 1px solid rgb(var(--color-accent));
  box-sizing: border-box;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  transition: var(--duration-default);
  opacity: 0.5;
  height: 120px;
  width: 120px !important;
}
@media (min-width: 750px) {
  .product__media-subitem {
    height: 145px;
    width: 145px !important;
  }
}
.product__media-subitem:hover {
  opacity: 0.7;
}
.product__media-subitem.swiper-slide-thumb-active {
  opacity: 1;
}
.product__media-subitem .product__media {
  position: relative;
  box-sizing: border-box;
  height: 0;
  padding-top: 100%;
}
@media (min-width: 900px) {
  .product__media-subitem .product__media {
    height: 100%;
    padding-top: 0;
  }
}
.product noscript .product__media img {
  max-width: 100%;
  height: auto;
}
.product__tags {
  margin-top: 0;
  margin-bottom: 2.4rem;
}
.product .price-wrapper {
  margin-top: 0;
  margin-bottom: 2.4rem;
  letter-spacing: -0.02em;
}
.product .price-wrapper .price .price__sale .price-item--regular {
  font-size: 1.2rem;
}
.product .price-wrapper .price dd {
  margin: 0 1.2rem 0 0;
}
.product .price-wrapper .price-item {
  font-size: 1.8rem;
  letter-spacing: -0.01em;
}
.product .price-wrapper .price-item--sale {
  font-weight: 500;
}
.product .price-wrapper .product__tax {
  color: rgb(var(--color-secondary-text));
}
.product .select svg {
  color: var(--color-title-text);
}
.product__pickup-availabilities {
  margin: 0;
}
.product .pickup_availability {
  display: flex;
  margin-top: 2.4rem;
  margin-bottom: 2.4rem;
}
.product .share-buttons {
  display: flex;
  margin-bottom: 2.4rem;
  margin-top: 2.4rem;
}
@media (min-width: 1440px) {
  .product--no-media
    .shopify-payment-button__button.shopify-payment-button__button--unbranded {
    background-position: 18rem center;
  }
}
.product--no-media .product__description {
  margin: 1.6rem auto 1.6rem auto;
}
@media (min-width: 990px) {
  .product--no-media .product__info-container {
    padding-left: 0;
    padding-top: 0;
  }
}
@media (min-width: 1200px) {
  .product--no-media .product__info-container {
    padding-right: 0;
  }
}
.product .product__info-wrapper .accordion summary {
  position: relative;
  z-index: 1;
}
.product .product__info-wrapper .product__description {
  position: relative;
  z-index: 2;
}
.product__sku {
  font-size: 1.6rem;
  color: rgb(var(--color-foreground));
  margin: 0 0 2.4rem;
}

/* Product-tags */
.product-tags {
  display: flex;
  gap: 0.8rem;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}
.product-tags__tag {
  display: flex;
  align-items: center;
  color: rgba(var(--color-base-text), 1);
  background-color: rgba(var(--color-base-background-1));
  padding: 0.4rem 1.1rem;
  border: 1px solid rgb(var(--color-button-tertiary-text));
  border-radius: 0.4rem;
}
.product-tags__tag .icon {
  width: 0.847rem;
  margin-left: 0.8rem;
  color: rgb(var(--color-foreground-title));
}
.product-parameters {
  margin-top: 0;
  margin-bottom: 1.6rem;
  pointer-events: auto;
}
.product-parameters label.color-swatch {
  margin: 0;
}
.product-parameters__quantity {
  width: 100%;
  position: relative;
}
@media screen and (min-width: 750px) {
  .product-parameters__quantity {
    width: calc(30% - 0.4rem);
  }
}
@media screen and (min-width: 990px) {
  .product-parameters__quantity {
    width: calc(33% - 0.4rem);
  }
}
@media screen and (min-width: 1200px) {
  .product-parameters__quantity {
    width: calc(30% - 0.4rem);
  }
}
.product-parameters__quantity::before {
  display: none !important;
}
.product-parameters .color-background-2 {
  border-radius: 6px;
  padding: 0.1rem;
}
@media screen and (min-width: 576px) {
  .product-parameters .color-background-2 {
    padding: 0.1rem 0.1rem;
  }
}
@media screen and (min-width: 990px) {
  .product-parameters .color-background-2 {
    padding: 0.1rem 0.1rem;
  }
}
@media screen and (min-width: 1360px) {
  .product-parameters .color-background-2 {
    padding: 0.1rem 0.1rem;
  }
}
.product-recommendations--single {
  margin-bottom: 2.4rem;
  margin-top: 2.4rem;
  display: block;
}
.product-recommendations--single .product-form__group-name--recommend {
  margin: 0;
  margin-bottom: 0.5rem;
  color: rgb(var(--color-foreground));
}
.product-recommendations--single .collection-product-card {
  margin-bottom: 1.6rem;
}

/* Dynamic checkout */
.shopify-payment-button__button {
  font-family: var(--font-button-family);
  font-weight: var(--font-button-weight);
  font-style: var(--font-button-style);
  color: rgb(var(--color-button-text));
  background-color: rgb(var(--color-base-button-background));
  border: 1px solid rgb(var(--color-base-button-background));
  border-radius: 0.4rem;
  min-height: 6rem;
  padding: 2rem 3rem;
  overflow: hidden;
  font-size: 1.2rem;
  text-align: left;
  text-transform: capitalize;
  background-repeat: no-repeat;
  background-position: calc(50% + 70px) center;
  position: relative;
  transition: var(--duration-default);
}
.shopify-payment-button__button:hover:not([disabled]) {
  opacity: 0.9;
  background-color: rgba(var(--color-button));
}
.shopify-payment-button__button:focus {
  opacity: 0.9;
  background-color: rgba(var(--color-button));
}
.shopify-payment-button__button:focus-visible {
  opacity: 0.9;
  background-color: rgba(var(--color-button));
}
.shopify-payment-button__button:focus:not(:focus-visible) {
  outline: 0;
}
.shopify-payment-button__button__more-options {
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: 0.05rem;
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}
.shopify-payment-button__button.shopify-payment-button__button--branded {
  padding: 0;
  border: none;
}
.shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate > div {
  padding: 1rem 9rem 1rem 3rem !important;
  margin: 0;
  font-size: 1.2rem !important;
  justify-content: flex-start !important;
}
.shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate > div span {
  font-size: 1.2rem;
  font-weight: var(--font-button-weight);
  margin-right: 0.8rem;
}
.shopify-payment-button__button.shopify-payment-button__button--unbranded {
  background-color: rgba(var(--color-button));
  box-shadow: none;
  font-size: 1.2rem;
  line-height: normal;
  letter-spacing: 0.07rem;
  transition: var(--duration-default);
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-transform: uppercase;
}
.shopify-payment-button__button.shopify-payment-button__button--unbranded::after {
  content: "";
  display: inline-flex;
  width: 16px;
  height: 16px;
  background-size: cover;
  transform: translateY(1px);
  background-color: rgb(var(--color-button-text));
  -webkit-mask-image: url("icon-buy.svg");
  mask-image: url("icon-buy.svg");
}
.shopify-payment-button__button[disabled] {
  cursor: not-allowed;
}

/* Product form */
.product-form {
  display: block;
}
.product-form__error-message-wrapper:not([hidden]) {
  display: flex;
  align-items: flex-start;
  font-size: 1.2rem;
  margin-bottom: 1.5rem;
}
.product-form__error-message-wrapper svg {
  flex-shrink: 0;
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.7rem;
  margin-top: 0.3rem;
}
.product-form__group-name {
  width: auto;
  font-size: 1rem;
  font-weight: 500;
  color: rgb(var(--color-secondary-text));
  margin: 0;
  position: absolute;
  top: 0.95rem;
  left: 2rem;
}
.product-form__input {
  width: 100%;
  padding: 0;
  border: none;
  margin-top: -0.1rem;
  position: relative;
  background-color: rgb(var(--color-base-background-1));
  border-radius: 4px;
}
@media screen and (min-width: 750px) {
  .product-form__input {
    width: calc(30% - 0.4rem);
  }
  .product-form__input:nth-child(2) {
    width: calc(40% - 0.8rem);
  }
}
@media screen and (min-width: 990px) {
  .product-form__input {
    width: calc(33% - 0.4rem);
  }
  .product-form__input:nth-child(2) {
    width: calc(33% - 0.8rem);
  }
}
@media screen and (min-width: 1200px) {
  .product-form__input {
    width: calc(30% - 0.4rem);
  }
  .product-form__input:nth-child(2) {
    width: calc(40% - 0.8rem);
  }
}
.product-form__input .quantity {
  width: 100%;
  box-shadow: none;
  border: 1px solid transparent;
}
.product-form__input .quantity:hover {
  border-color: rgb(var(--color-border-input-hover));
}
.product-form__input .quantity__input {
  height: 5.8rem;
}
.product-form__input .quantity__button {
  height: 5.8rem;
  width: 5rem;
  color: rgb(var(--color-border-input-hover));
  transition: var(--duration-default);
}
@media screen and (min-width: 990px) {
  .product-form__input .quantity__button {
    width: 4rem;
  }
}
@media screen and (min-width: 1360px) {
  .product-form__input .quantity__button {
    width: 5rem;
  }
}
.product-form__input .form__label {
  padding-left: 0;
}
.product-form__input .select {
  position: relative;
  height: 100%;
  border-radius: 4px;
}
.product-form__input .select .icon-button-arrow {
  width: 10px;
  height: 10px;
  color: rgb(var(--color-foreground));
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%) rotate(135deg);
  pointer-events: none;
}
.product-form__input .select .icon-button-arrow path {
  fill: rgb(var(--color-border-input-hover));
}
.product-form__input select {
  width: 100%;
  height: 100%;
  background-color: transparent;
  font-size: 14px;
  text-transform: none;
  font-weight: 400;
  box-shadow: none !important;
  border: 1px solid transparent;
  -webkit-appearance: none;
  appearance: none;
  padding: 3rem 5rem 0.95rem 2rem;
  margin: -1px 0;
  color: rgb(var(--color-foreground));
  cursor: pointer;
  border-radius: 4px;
  margin-top: 0;
}
.product-form__input select:focus,
.product-form__input select:focus-visible,
.product-form__input select:hover {
  position: relative;
  z-index: 1;
  border-color: rgb(var(--color-border-input-hover));
  outline: none;
}
.product-form__input select option {
  background-color: rgb(var(--color-background));
}
.product-form__input input[type="radio"] {
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px;
  /* No outline when focus-visible is available in the browser */
}
.product-form__input input[type="radio"] + label {
  border: 0.1rem solid rgba(var(--color-foreground), 0.55);
  border-radius: 4rem;
  background-color: rgb(var(--color-background));
  color: rgb(var(--color-foreground));
  display: inline-block;
  margin: 0.7rem 0.5rem 0.2rem 0;
  padding: 1rem 2rem;
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
  line-height: 1;
  text-align: center;
  transition: border var(--duration-short) ease;
  cursor: pointer;
}
.product-form__input input[type="radio"] + label:hover {
  border: 0.1rem solid rgb(var(--color-foreground));
}
.product-form__input input[type="radio"]:checked + label {
  background-color: rgb(var(--color-foreground));
  color: rgb(var(--color-background));
}
.product-form__input input[type="radio"]:disabled + label {
  border-color: rgba(var(--color-foreground), 0.1);
  color: rgba(var(--color-foreground), 0.4);
  text-decoration: line-through;
}
.product-form__input input[type="radio"]:focus-visible + label {
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0 0.5rem rgba(var(--color-foreground), 0.55);
}
.product-form__input input[type="radio"]:focus + label {
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0 0.5rem rgba(var(--color-foreground), 0.55);
}
.product-form__input input[type="radio"]:focus:not(:focus-visible) + label {
  box-shadow: none;
}
.product-form__quantity {
  width: 100%;
}
.product-form__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.87rem;
  margin-bottom: 2.4rem;
  margin-right: -0.87rem;
  width: 100%;
}
.product-form__buttons > * {
  width: 100%;
  height: 6rem;
  text-align: left;
}
@media (min-width: 750px) {
  .product-form__buttons > * {
    width: calc(50% - 0.87rem);
  }
}
.product-form__checkout {
  position: relative;
}
.product-form__submit {
  min-height: 5rem;
  box-shadow: none;
  padding: 2rem 3rem;
  position: relative;
  justify-content: space-between;
  transition: var(--duration-default);
  cursor: pointer;
}
.product-form__submit:hover {
  background-color: rgb(var(--color-button-tertiary-text));
  color: rgb(var(--color-button-text));
}
.product-form__submit:hover path {
  fill: rgb(var(--color-button-text));
}
.product-form__submit[disabled] {
  opacity: 1;
  background-color: rgb(var(--color-button-tertiary-text), 0.2);
  color: rgb(var(--color-button-tertiary-text));
  border-color: transparent;
  border: 1px solid rgb(var(--color-button-tertiary-text), 0.2);
}
.product-form__submit[disabled]:hover path {
  fill: rgb(var(--color-button-tertiary-text));
}
.product-form__submit.loading::after {
  left: calc(50% - 2rem);
}
.product-form__submit span {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.product-form__submit span:nth-of-type(2) {
  padding: 1rem 3rem;
}
.product-form__submit svg {
  width: 18px;
  height: 18px;
  color: currentColor;
  opacity: 1;
  transform: translateX(0);
}
.product-form__submit path {
  transition: var(--duration-default);
}
.product-form__submit + .shopify-payment-button {
  display: none;
}
.product__popup {
  display: inline-flex;
  gap: 2rem;
  margin-bottom: 4.8rem;
}
.product__popup modal-opener button {
  font-size: 1.2rem;
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  line-height: var(--font-body-line-height);
  color: rgb(var(--color-base-text));
  transition: var(--duration-default);
  background: none;
  border: none;
  cursor: pointer;
}
.product__popup modal-opener button span::after {
  background-color: rgb(var(--color-base-text));
  bottom: -0.2rem;
  width: 100%;
}
.product__popup modal-opener button span:hover::after {
  width: 0;
}
.product-popup-modal {
  width: 100%;
  height: 100%;
  background-color: rgba(var(--color-overlay), 0.4);
  backdrop-filter: blur(4px);
  box-sizing: border-box;
  opacity: 0;
  position: fixed;
  visibility: hidden;
  z-index: -1;
  margin: 0 auto;
  top: 0;
  left: 0;
  overflow: auto;
}
.product-popup-modal[open] {
  opacity: 1;
  visibility: visible;
  z-index: 101;
}
.product-popup-modal__toggle {
  position: absolute;
  right: 0;
  top: 0;
  padding: 2rem;
}
.product-popup-modal__content {
  width: calc(100% - 3.2rem);
  max-width: 1068px;
  height: max-content;
  max-height: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 3rem;
  background-color: rgb(var(--color-background));
  box-shadow: 0 4rem 6rem rgba(0, 0, 0, 0.05);
  border-radius: 0.3rem;
}
@media screen and (min-width: 990px) {
  .product-popup-modal__content {
    padding: 6rem;
  }
}
.product-popup-modal__content .product-popup-modal__title {
  margin: 0;
}
.product-popup-modal__title p {
  margin-top: 0;
}
.product-popup-modal__text {
  margin-top: 3rem;
}
.product-popup-modal__text p {
  color: rgb(var(--color-secondary-text));
  margin: 0;
}
.product-popup-modal__text p + p {
  margin-top: 2.6rem;
}

.fancy-container-info .fancybox-close-button {
  top: 1rem;
  left: 1.5rem;
  right: unset;
}
@media (min-width: 990px) {
  .fancy-container-info .fancybox-close-button {
    top: 4rem;
    left: 4rem;
  }
}

variant-selects {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 0.8rem;
}

variant-selects > div:nth-child(even):not(.product-parameters__quantity) {
  position: relative;
}

fieldset.product-form__input .form__label {
  margin-bottom: 0.2rem;
}

/* Overrides */
.shopify-payment-button__more-options {
  display: none;
}

.product__description-title {
  font-weight: 600;
}

/* Product media */
.product__media-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  /* overflow: hidden; */
}

.product__media-item {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.product__media-item--contain .product__media {
  height: auto;
}

@media (min-width: 990px) {
  .product__media-item--contain .product__media {
    height: auto;
  }
  .template-product .product__media-list .swiper-wrapper, .template-product .product__media-list .swiper-slide{
    transform: unset !important;
  }
}
.product__media-item--contain .product__media img {
  object-fit: contain;
}
.product__media-item--contain modal-opener {
  height: auto;
}

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

  /* .product__media-item {
    width: 50%;
  } */
  .product__media-item:first-child {
    width: 100%;
  }
}
@media screen and (min-width: 750px) and (max-width: 989px) {
  .product__media-list .product__media-item:first-child {
    padding-left: 0;
  }
  .product__media-list .product__media-item {
    width: 100%;
  }
}
.product__media-icon .icon {
  width: 1.4rem;
  height: 1.4rem;
  color: rgb(var(--color-accent));
}

.product__media-icon {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  color: rgb(var(--color-foreground));
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4rem;
  width: 4rem;
  position: absolute;
  right: 3rem;
  top: 3rem;
  z-index: 1;
  transition: color var(--duration-short) ease,
    opacity var(--duration-short) ease;
}
@media (min-width: 990px) {
  .product__media-icon {
    height: 5rem;
    width: 5rem;
  }
}

.product__media-video .product__media-icon {
  opacity: 1;
}

.product__modal-opener {
  height: 100%;
}

.product__modal-opener--image .product__media-toggle:hover {
  cursor: zoom-in;
}

@media screen and (min-width: 750px) {
  .grid__item.product__media-item--full {
    width: 100%;
  }
}
@media screen and (min-width: 990px) {
  .product__media-icon {
    opacity: 0;
  }
  .product__modal-opener:hover .product__media-icon,
  .product__modal-opener:focus .product__media-icon {
    opacity: 1;
  }
}
.product__media-item > * {
  display: block;
  position: relative;
}

.product__media-toggle {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 100%;
  width: 100%;
}

.product-media-modal {
  background-color: rgb(var(--color-background));
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
}
.product-media-modal__toggle {
  position: absolute;
  top: 2rem;
  right: 5rem;
  z-index: 999;
}

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

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

.product-media-modal__content {
  max-height: 100vh;
  width: 100%;
  overflow: auto;
}

/* .product-media-modal__content > *:not(.active),
.product__media-list .deferred-media {
  display: none;
} */

.product-media-modal__content > *:first-child {
  padding-top: 5rem;
}

.product-media-modal__content {
  padding-bottom: 2rem;
}

@media screen and (min-width: 750px) {
  .product-media-modal__content > *:not(.active) {
    display: block;
  }
  .product-media-modal__content > *:first-child {
    padding-top: 2rem;
  }
  .product__modal-opener:not(.product__modal-opener--image) {
    display: none;
  }
  .product__media-list .deferred-media {
    display: block;
    /* top: 50%; */
    /* transform: translateY(-50%); */
  }
}
.product-media-modal__content > * {
  display: block;
  height: auto;
  margin: auto;
  max-height: 100vh;
  width: auto;
}

@media screen and (max-width: 750px) {
  .product-media-modal__content > * {
    width: 90%;
  }
}

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

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

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

@media screen and (min-width: 750px) {
  .product-media-modal__content > * {
    max-width: 92%;
  }
  .product-media-modal__content > * + * {
    margin-top: 2rem;
  }
}
@media screen and (min-width: 990px) {
  .product-media-modal__content > * {
    max-width: 92%;
  }
  .product-media-modal__content > * + * {
    margin-top: 1.5rem;
  }
  .product-media-modal__content {
    padding-bottom: 1.5rem;
  }
  .product-media-modal__content > *:first-child {
    padding-top: 1.5rem;
  }
}
.product .price__badge-sale,
.product .price__badge-sold-out {
  display: none;
}

.price--sold-out .price__badge-sold-out,
.price--on-sale .price__badge-sale {
  display: inline-flex;
}

/* .product-form__controls-group label.color-swatch {
  width: 3.2rem;
  height: 3.2rem;
  padding: 0.9rem;
  border-radius: 50%;
  border: 0.1rem solid rgb(var(--color-border));
  box-sizing: border-box;
} */
.product-form__controls-group label.color-swatch {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.product-form__controls-group label.color-swatch::after {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  border-radius: inherit;
  background: var(--swatch-color);
  transition: border-color var(--duration-default);
  border: 0.1rem solid rgba(var(--color-accent), 0.3);
}

.card-wrapper .product-form__controls-group {
  gap: 0.4rem;
}
.card-wrapper .product-form__controls-group label.color-swatch {
  width: 2rem;
  height: 2rem;
  padding: 0.5rem;
  border-color: transparent;
}
.card-wrapper .product-form__controls-group label.color-swatch::after {
  width: 1rem;
  height: 1rem;
}

.quick-add-modal .product-form__controls-group label.color-swatch {
  height: 3.2rem;
}

.product-form__controls-group input:checked:not(.disabled) + label.color-swatch,
.product-form__controls-group input + label.color-swatch:hover {
  border-color: rgb(var(--color-accent));
}

.product-form__controls-group input.disabled + label.color-swatch {
  opacity: 1;
}
.product-form__controls-group input.disabled + label.color-swatch::before {
  top: 50%;
  height: 0.1rem;
  clip-path: unset;
  z-index: 1;
  transform: translateY(-50%) rotate(-45deg);
}

.product-form__controls-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.8rem;
}
.product-form__controls-group input {
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px;
}
.product-form__controls-group input + label:hover {
  border-color: rgb(var(--color-button));
  color: rgb(var(--color-button));
}
.product-form__controls-group input.disabled + label {
  opacity: 0.5;
  pointer-events: none;
  background-color: transparent !important;
  border: 0.15rem solid rgba(var(--color-button-tertiary-text)) !important;
}
.product-form__controls-group input.disabled + label:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(var(--color-button-tertiary-text));
  clip-path: polygon(96% 0, 100% 0, 4% 100%, 0% 100%);
}
.product-form__controls-group input:checked:not(.disabled) + label {
  border-color: rgb(var(--color-button));
  color: rgb(var(--color-button));
}
.product-form__controls-group input:checked:not(.disabled) + label:before {
  background-color: rgb(var(--color-button));
}
.product-form__controls-group label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  padding: 0 2rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: rgb(var(--color-foreground-title));
  border: 0.2rem solid rgb(var(--color-border));
  border-radius: 0.4rem;
  cursor: pointer;
  position: relative;
  transition: var(--duration-default);
}
@media (min-width: 750px) {
  .product-form__controls-group label {
    font-size: 1.6rem;
  }
}

.card-information .product-parameters {
  margin-top: 0.5rem;
  margin-bottom: 0;
}

.variant-controls {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  padding: 2rem;
  border-radius: 0.6rem;
  background-color: rgb(var(--color-base-background-2));
}
@media screen and (min-width: 576px) {
  .variant-controls {
    padding: 2.9rem 2.9rem 4rem 2.9rem;
  }
}
@media screen and (min-width: 990px) {
  .variant-controls {
    padding: 2rem 1.5rem;
  }
  /* === PRODUCT THUMBNAIL VERTICAL CSS === */
  .product__media-list-wrapper {
    flex-direction: row;
  }
  .product__media-list-wrapper .product__media-sublist {
    width: auto;
    overflow: visible;
  }
  .product__media-list-wrapper .product__media-sublist .swiper-wrapper {
    flex-direction: column;
  }
  .product__media-list-wrapper .product__media-subitem {
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 1360px) {
  .variant-controls {
    padding: 2.9rem 2.9rem 4rem 2.9rem;
  }
}
.variant-controls .quantity__input {
  background-color: #fff;
  opacity: 1;
}
.variant-controls .quantity__button {
  background-color: #fff;
}
.variant-controls .quantity__button-minus {
  border-radius: 4px 0 0 4px;
}
.variant-controls .quantity__button-plus {
  border-radius: 0 4px 4px 0;
}
.variant-controls .product-form__input {
  width: 100%;
  background-color: rgb(var(--color-base-background-2));
}
.variant-controls .product-form__input .quantity {
  border: 0.15rem solid rgba(var(--color-button-tertiary-text), 0);
  margin: 0;
  transition: border var(--duration-short) ease;
}
.variant-controls .product-form__input .quantity:hover {
  border: 0.15rem solid rgba(var(--color-button-tertiary-text));
}
.variant-controls .product-form__input .quantity .quantity__button,
.variant-controls .product-form__input .quantity .quantity__input {
  height: 5rem;
}
.variant-controls .product-form__group-name {
  position: static;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 0.8rem;
}
.variant-controls .product-form__controls-group input[type="radio"] {
  border: 0.15rem solid rgba(var(--color-button-tertiary-text), 0.3);
}
.variant-controls .product-form__controls-group input[type="radio"] + label {
  border-radius: 0.4rem;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0 2rem;
  border: 0.15rem solid rgba(var(--color-button-tertiary-text), 0);
}
.variant-controls
  .product-form__controls-group
  input[type="radio"]
  + label:hover {
  border: 0.15rem solid rgba(var(--color-button-tertiary-text));
}
.variant-controls
  .product-form__controls-group
  input[type="radio"]:checked:not(.disabled)
  + label {
  border: 0.15rem solid rgba(var(--color-button-tertiary-text));
  color: rgb(var(--color-button));
}
.variant-controls
  .product-form__controls-group
  input[type="radio"]:checked:not(.disabled)
  + label:before {
  background-color: rgb(var(--color-button));
}
.variant-controls
  .product-form__controls-group
  input[type="radio"]:checked
  + label {
  background-color: #fff;
  color: rgb(var(--color-base-text));
}
.variant-controls .color-swatch {
  padding: 0 !important;
}

/* Recipient form */
.recipient-form {
  display: block;
  width: 100%;
  margin-bottom: 2rem;
}
.recipient-form input[type="date"] {
  padding: 2.5rem 1.7rem 0.9rem;
}
.recipient-form input[type="email"][aria-invalid],
.recipient-form input[type="text"][aria-invalid],
.recipient-form .field__input[aria-invalid] {
  border: 1px solid rgb(var(--color-border-input)) !important;
}
.recipient-form input[type="email"]:hover,
.recipient-form input[type="email"]:focus,
.recipient-form input[type="text"]:hover,
.recipient-form input[type="text"]:focus,
.recipient-form .field__input:hover,
.recipient-form .field__input:focus {
  border-color: rgb(var(--color-border-input-hover)) !important;
}
.recipient-form .error-message {
  padding-left: 0.2rem;
}
.recipient-form input[type="checkbox"] {
  display: none;
}
.recipient-form input[type="checkbox"]:checked + label::before {
  background: rgb(var(--color-accent))
    url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.66649 6.61451L10.7945 0.48584L11.7378 1.42851L4.66649 8.49984L0.423828 4.25717L1.36649 3.31451L4.66649 6.61451Z' fill='white'/%3e%3c/svg%3e ")
    no-repeat center center;
  border-color: rgb(var(--color-accent));
}
.recipient-form input[type="checkbox"]:checked + label span {
  color: rgb(var(--color-accent));
}
.recipient-form input[type="checkbox"]:checked ~ .recipient-fields {
  display: block;
  animation: animateMenuOpen var(--duration-default) ease;
}
.recipient-form
  input[type="checkbox"]:not(:checked, :disabled)
  ~ .recipient-fields {
  display: none;
}
.recipient-form input[type="checkbox"] + label {
  display: inline-flex;
  align-items: center;
  font-size: 1.5rem;
  color: rgb(var(--color-foreground));
  cursor: pointer;
}
.recipient-form input[type="checkbox"] + label::before {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  margin: 0 1.1rem 0 0;
  border: 0.1rem solid rgba(var(--color-border-input));
  border-radius: 0.2rem;
  background-color: rgb(var(--color-background));
  appearance: none;
}
.recipient-form input[type="checkbox"] + label span {
  font-size: 1.5rem;
  font-weight: 500;
  transition: var(--duration-default);
}
.recipient-form input[type="checkbox"] + label:hover span {
  color: rgb(var(--color-accent));
}
.recipient-form input[type="checkbox"] + label svg {
  display: none;
}
.recipient-form .recipient-email-label {
  display: none;
}
.recipient-form .recipient-form-field-label {
  font-size: 1.2rem;
  font-weight: normal;
  margin: 0.4rem 0 0;
  text-transform: initial;
  padding-left: 0.1rem;
}
.recipient-form .recipient-form-field-label--space-between {
  display: flex;
  justify-content: space-between;
}
.recipient-form .recipient-fields__field:not(:last-child) {
  margin: 0 0 1.6rem;
}
.recipient-form .recipient-fields hr {
  margin: 1.6rem auto;
}
.recipient-form .form__label {
  margin-bottom: 0;
}
.recipient-form .form__message {
  font-size: 1.2rem;
  line-height: 1;
  color: rgb(var(--color-error));
  margin: 0.4rem 0 0;
}

.no-js .recipient-checkbox {
  display: none !important;
}
.no-js .recipient-email-label.optional {
  display: inline;
}

.js .recipient-fields {
  display: none;
}
.js .recipient-email-label.required {
  display: inline;
}

.inventory {
  margin-block: 0.8rem;
  font-size: 1.4rem;
}
.inventory__title--error {
  color: var(--color-price);
}

@media (max-width: 989px) {
  .product__media-list {
    overflow: hidden;
  }
  /* .template-product .product__media img {
    object-fit: contain;
  } */
}

@media (max-width: 749px) {
  .product__media-list {
    z-index: 1;
  }
  .product__media-icon {
    left: 50%;
    right: unset;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}

@media (max-width: 420px) {
  .template-product .related-products{
    justify-content: space-between;
  }
}
@media (max-width: 350px) {
  .reinsurance-links-list {
    flex-wrap: wrap;
  }
}

@media (max-width: 320px) {
  /* .swatch-list {
    margin: 10px 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
} */
  .template-product .swatch-image img {
    height: 40px;
    width: auto;
    object-fit: contain;
}
  .related-product-card {
    max-width: 65px;
}
  .template-product .swatch-wrapper {
    max-height: 46%;
}
  .template-product .related-products {
    gap: 33px;
}
}

/* START: Custom mobile product gallery styles V6 */

/* --- HIDE PAGINATION ON DESKTOP --- */
.product__media-list .swiper-pagination {
  display: none;
}

@media (max-width: 989px) {

  .product__modal-opener--video {
    display: none;
  }

  /* 1. Establish a positioning context on the slide itself. */
  .product__media-item {
    position: relative;
  }

  /* 2. Absolutely position the direct child (the image or video container) inside the slide. */
  .product__media-item > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%; /* Ensure the content uses the full width of the slide */
    max-height: 100%; /* Prevent tall content from overflowing */
  }

  /* 3. Ensure images within the container are scaled correctly. */
  .product__media-item img {
      object-fit: contain;
  }

  /* --- Main Gallery Container --- */
  .product__media-list-wrapper {
    position: relative;
  }

  /* --- Hide Thumbnails --- */
  .product__media-sublist {
    display: none !important;
  }

  /* --- Show Arrow Container --- */
  .product-gallery__nav {
    display: block;
  }

  /* --- FIX: Reset Slider Margin --- */
  .custom-product-slider.custom-product-slider--product-page .swiper-wrapper {
    margin-left: 0 !important;
  }

  /* --- Arrow Styling & Positioning --- */
  .product__media-list-wrapper .swiper-btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 20;
    width: 40px;
    height: 40px;
    background-color: transparent;
    border-radius: 0;
  }

  .product__media-list-wrapper .swiper-btn svg {
    width: 34px;
    height: 34px;
    color: #000;
  }

  .product__media-wrapper .swiper-btn {
    background-color: transparent;
  }

  /* MODIFIED: Position arrows within the new padded gutters */
  .product__media-list-wrapper .swiper-button-prev {
    left: 10px;
  }

  .product__media-list-wrapper .swiper-button-next {
    right: 10px;
  }

  /* --- NEW: Create Space for Controls --- */
  .custom-product-slider.custom-product-slider--product-page .product__media-list {
    /* Carve out space on all sides for controls */
    padding-bottom: 40px; /* Space for dots */
    padding-left: 50px;   /* Space for left arrow */
    padding-right: 50px;  /* Space for right arrow */
    background-color: transparent;
  }

  /* --- SHOW & STYLE PAGINATION ON MOBILE --- */
  .custom-product-slider.custom-product-slider--product-page .swiper-pagination {
    display: flex;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 20;
    gap: 10px;
  }

  .custom-product-slider.custom-product-slider--product-page .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background-color: #000;
    opacity: 0.2;
    border-radius: 50%;
    transition: opacity 0.3s, background-color 0.3s;
  }

  .custom-product-slider.custom-product-slider--product-page .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #000;
  }

  /* --- Adjust Image container --- */
  .product__media-list {
    overflow: hidden;
  }

  .template-product .product__media img {
    object-fit: contain;
  }
}
/* END: Custom mobile product gallery styles V6 */

/* ===== section-password.css ===================================================== */

/* Base */
*,
*::before,
*::after {
  box-sizing: inherit;
}

body.password {
  background-color: rgb(var(--color-background));
  color: rgb(var(--color-foreground));
  font-size: 1.5rem;
  letter-spacing: 0.07rem;
  line-height: 1.9;
  margin: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
}

@media screen and (min-width: 750px) {
  body {
    font-size: 1.4rem;
    line-height: 1.8;
  }
}
.password-modal .modal__content {
  z-index: 4;
}

.password-modal__wrapper {
  flex: 1 20rem;
}

@media only screen and (min-width: 750px) {
  .password-modal__content-heading {
    font-size: 1.8rem;
  }
}
/* Password Section */
.full-height {
  height: 100%;
}

.password {
  background-color: rgb(var(--color-background));
  height: 100%;
}

.password-link {
  align-items: center;
  font-size: 1.4rem;
  font-weight: 400;
  white-space: nowrap;
}

.password-link svg {
  width: 1.8rem;
  height: 1.8rem;
  margin-right: 1rem;
}

.password-modal {
  background-color: rgb(var(--color-background));
}

.password-modal__content {
  max-width: 50rem;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 4.5rem 3.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
}

.password-modal__content-heading {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.6;
}

@media only screen and (min-width: 750px) {
  .password-modal__content-heading {
    font-size: 1.8rem;
  }
}
.password-modal .password-form {
  max-width: 50rem;
}

.password-form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 2rem;
  width: 100%;
}

.password-modal .form__message {
  font-size: 1.2rem;
  color: var(--color-badge-icon);
  margin-top: 0.8rem;
}

.password-button {
  margin-top: 3rem;
  width: 100%;
}

@media only screen and (max-width: 749px) {
  .password-field--error + .password-button {
    margin-top: 1.5rem;
  }
}
@media only screen and (min-width: 750px) {
  .password-button {
    margin-top: 0;
    margin-left: 2rem;
    width: auto;
    align-self: start;
  }
}
.password-logo {
  width: 100%;
  margin-bottom: 1.5rem;
}

@media only screen and (min-width: 750px) {
  .password-logo {
    margin-bottom: 0;
  }
}
.password-heading {
  margin-top: 5rem;
  font-weight: 400;
}

.password-main {
  flex-grow: 1;
  position: relative;
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-color: rgb(var(--color-background));
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.password-main .rte a {
  color: rgba(var(--color-link), 0.6);
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 0.1rem;
  transition: var(--duration-short) ease;
}
.password-main .rte a:hover {
  color: rgb(var(--color-link));
}

.password-main > section:only-child {
  height: 100%;
}

.password-main > section:only-child > .newsletter {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  height: 100%;
  margin-top: 0;
}

.password-main > section:only-child .newsletter__wrapper {
  width: 100%;
}

.password-main > section:only-child > :not(.newsletter--narrow) > .newsletter__wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.password__socials {
  display: flex !important;
  flex-direction: row;
}

.password__footer-text a {
  padding: 0;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.5;
}

.password__footer-login {
  margin-top: 1.2rem;
  padding-bottom: 4rem;
}

.password-modal .icon-close {
  color: rgb(var(--color-foreground));
}

.password__footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 4rem;
  background-color: rgb(var(--color-background));
  color: rgb(var(--color-foreground));
}

body.password hr {
  margin: 0 !important;
}

.list-social:not(:empty) + .password__footer-caption {
  margin-top: 1.2rem;
}

.password__footer-caption a {
  padding: 0;
  color: rgb(var(--color-link));
}

.modal__toggle,
.modal__close-button {
  list-style-type: none;
}

details[open] .modal__toggle,
.modal__close-button {
  position: absolute;
  top: 2.2rem;
  right: 2.2rem;
  padding: 0.8rem;
  color: rgb(var(--color-foreground));
  background-color: transparent;
}

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

.no-js .modal__toggle {
  z-index: 2;
}

.modal__toggle::-webkit-details-marker {
  display: none;
}

details.modal .modal__toggle-close {
  display: none;
}

details[open].modal .modal__toggle-close {
  background: rgb(var(--color-background));
  cursor: pointer;
  display: flex;
  padding: 0.8rem;
  z-index: 1;
}

details[open].modal .modal__toggle-close svg,
.modal__close-button svg {
  height: 1.4rem;
  width: 1.4rem;
}

details[open].modal .modal__toggle-close:hover {
  opacity: 0.75;
}

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

details.modal .modal__toggle-open {
  display: flex;
}

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

.modal__content {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(var(--color-background));
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.password-header {
  padding: 2rem 1.5rem 2.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  background-color: rgb(var(--color-background));
  color: rgb(var(--color-foreground));
  max-width: 120rem;
  margin: 0 auto;
}

@media only screen and (min-width: 750px) {
  .password-header {
    gap: 3rem;
    padding: 2rem 5rem 2.5rem;
    flex-direction: row;
  }
}
.password-header details-modal {
  flex-shrink: 0;
}

@media only screen and (max-width: 749px) {
  .password-content {
    margin-bottom: 1.8rem;
    margin-top: 1rem;
    text-align: center;
  }
}
.shopify-name {
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px;
}

.icon-shopify {
  width: 7rem;
  height: 2rem;
  vertical-align: top;
  color: rgb(var(--color-foreground));
}

/* ===== section-popular-products.css ===================================================== */

.popular-products .popular-products__wrapper {
  display: flex;
  align-items: stretch;
}
.popular-products .popular-products__wrapper li {
  height: auto;
}
.popular-products .collection-popular-card {
  display: none;
  width: 100%;
  transition: opacity var(--duration-default);
}
@media (min-width: 750px) {
  .popular-products .collection-popular-card {
    width: calc(50% - 0.8rem);
  }
}
@media (min-width: 1200px) {
  .popular-products .collection-popular-card {
    width: calc(25% - 0.8rem);
  }
    .popular-products [data-limit="3"] .collection-popular-card{
    width:calc(33.33% - 0.8rem);
  }
}
.popular-products .collection-popular-card.show, .popular-products .collection-popular-card--placeholder {
  /*position: static;*/
  opacity: 1;
  display: block;
  opacity: 1;
  border-radius: 6px;
}
.popular-products .collection-popular-card.show .placeholder-svg, .popular-products .collection-popular-card--placeholder .placeholder-svg {
  background-color: rgb(var(--color-base-background-2));
}
@media (max-width: 750px) {
  .popular-products .collection-popular-card--2-mobile {
    width: calc(50% - 0.8rem);
  }
}
@media screen and (max-width: 576px) {
  .popular-products .collection-popular-card--2-mobile .card__title h5 {
    font-size: 1.5rem;
  }
  .popular-products .collection-popular-card--2-mobile .card-information__wrapper {
    padding: 1.4rem;
  }
  .popular-products .collection-popular-card--2-mobile .card__badge {
    top: 1rem;
    left: 1rem;
  }
  .popular-products .collection-popular-card--2-mobile .badge {
    padding: 0.2rem 0.6rem;
  }
}
.popular-products .title-wrapper--border {
  border-top: 0.1rem solid rgb(var(--color-border));
  margin-bottom: 3.2rem;
  padding-top: 6.4rem;
}
.popular-products__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.6rem;
}
.popular-products__top--border {
  padding-top: 4rem;
  border-top: 0.1rem solid rgb(var(--color-border));
}
.popular-products__heading {
  max-width: 89rem;
  margin: 0;
}
.popular-products__heading p {
  margin: 0;
}
.popular-products__wrapper {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  gap: 0.8rem;
  margin-right: 0;
}
@media screen and (min-width: 750px) {
  .popular-products__wrapper {
    margin-right: -0.8rem;
  }
}
@media screen and (max-width: 750px) {
  .popular-products__wrapper--2-mobile {
    margin-right: -0.8rem;
  }
}
.popular-products__link {
  display: inline-flex;
  align-items: center;
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.075em;
  color: rgb(var(--color-base-text));
  text-transform: uppercase;
  text-decoration: none;
  transition: color 0.3s ease;
}
.popular-products__link:hover {
  color: rgba(var(--color-base-text), 0.6);
}
.popular-products__filters-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.6rem;
  margin-bottom: 3.2rem;
}

.filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.filters__item {
  display: block;
  padding: 0.5em 1rem;
  font-size: 1.2rem;
  line-height: var(--font-body-line-height);
  text-decoration: none;
  color: rgb(var(--color-foreground));
  border-radius: 0.6rem;
  border: 0.1rem solid rgb(var(--color-border));
  transition: border-color var(--duration-default);
}
.filters__item_active {
  color: rgb(var(--color-button-text));
  background-color: rgb(var(--color-button));
  border-color: rgb(var(--color-button));
}
.filters__item:hover {
  border-color: rgb(var(--color-button));
}

/* ===== section-product-recommendations.css ===================================================== */

.product-recommendations {
  display: block;
}
.product-recommendations__item--border {
  padding-top: 6.4rem;
  border-top: 0.1rem solid rgb(var(--color-border));
}
.product-recommendations .swiper-button-lock {
  display: none !important;
}
/* --- merged from section-product-carousel.css --- */
/**
* Converts SVG into data url so that this SVG could be used as a
* background image
*
* @example
*	background-image: svgtodataurl("<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">...</svg>");
*/
.product-carousel--border {
  border-top: 0.1rem solid rgb(var(--color-border));
}

.product-carousel .swiper-button-lock {
  display: none !important;
}
.product-carousel .card-information__wrapper {
  width: auto !important;
}
@media screen and (max-width: 1200px) {
  .product-carousel .product-carousel__wrapper {
    width: 100%;
  }
}
.product-carousel a.button.button--simple {
  flex-shrink: 0;
}
.product-carousel__block {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.product-carousel__text-block {
  width: 100%;
  border-radius: 0.6rem;
  padding: 3rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 1200px) {
  .product-carousel__text-block {
    width: 25%;
  }
}
@media screen and (min-width: 1360px) {
  .product-carousel__text-block {
    padding: 4rem;
  }
}
@media screen and (min-width: 1560px) {
  .product-carousel__text-block {
    padding: 5rem;
  }
}
@media screen and (min-width: 1760px) {
  .product-carousel__text-block {
    padding: 6rem;
  }
}
.product-carousel__text-title {
  margin: 0;
}
@media (min-width: 1200px) {
  .product-carousel__text-title {
    font-size: calc(var(--font-heading-h2-size) - 10px);
  }
}
@media (min-width: 1570px) {
  .product-carousel__text-title {
    font-size: var(--font-heading-h2-size);
  }
}
.product-carousel__text-title p {
  margin: 0;
}
.product-carousel .featured-products__text {
  margin-bottom: 3rem;
}
.product-carousel__description {
  margin: 0;
}
.product-carousel .product-carousel__button-block .button {
  margin-top: 3.2rem;
}
.product-carousel__wrapper {
  width: 75%;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  gap: 0.8rem;
  margin-right: 0;
}
@media screen and (min-width: 1200px) {
  .product-carousel__wrapper {
    margin-right: -0.8rem;
  }
}
.product-carousel__wrapper .product-carousel__product {
  border-radius: 0.6rem;
  width: calc(33.3333333333% - 0.8rem);
}
.product-carousel .nav-tools {
  padding-top: 1rem;
  display: flex;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .product-carousel .nav-tools {
    padding-top: 4.1rem;
  }
}
.product-carousel .nav-tools__arrow.swiper-button-disabled {
  opacity: 0.3;
}
.product-carousel .nav-tools__scroll-cell {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
}
.product-carousel .nav-tools__arrows {
  position: relative;
  top: 0;
  left: 0;
  width: 12.9rem;
  height: 5.7rem;
  flex-shrink: 0;
  flex-grow: 0;
}
.product-carousel .nav-tools__arrow {
  width: 3.933rem;
  height: 1.615rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  outline: 0;
  margin: 0;
  padding: 0;
  background: none;
  display: block;
  font-size: 0;
  cursor: pointer;
  color: rgba(var(--color-accent), 1);
}
.product-carousel .nav-tools__arrow--prev {
  left: 2.482rem;
}
.product-carousel .nav-tools__arrow--next {
  right: 0;
}
.product-carousel .swiper-horizontal > .swiper-scrollbar,
.product-carousel .swiper-scrollbar.swiper-scrollbar-horizontal {
  width: 100%;
  height: 1px;
  bottom: unset;
  top: 50%;
  left: 0;
  z-index: 10;
  background-color: rgba(var(--color-accent), 0.5);
}
.product-carousel .swiper-scrollbar-drag {
  height: 3px;
  margin-top: -1px;
  background-color: rgba(var(--color-accent), 1);
}

/* ===== section-rich-text.css ===================================================== */

.rich-text {
  margin: auto;
  max-width: 110rem;
  text-align: center;
  /* 1.5rem margin on left & right */
  width: calc(100% - 3rem);
}

.rich-text.rich-text--full-width {
  max-width: initial;
  width: 100%;
}

.rich-text__blocks {
  margin: auto;
  /* 2.5rem margin on left & right */
  width: calc(100% - 5rem);
}

.rich-text__blocks * {
  overflow-wrap: break-word;
}

.rich-text--full-width .rich-text__blocks {
  /* 4rem (1.5rem + 2.5rem) margin on left & right */
  width: calc(100% - 8rem);
}

@media screen and (min-width: 750px) {
  .rich-text {
    /* 5rem margin on left & right */
    width: calc(100% - 10rem);
  }
  .rich-text__blocks {
    max-width: 50rem;
  }
  .rich-text--full-width .rich-text__blocks {
    /* 7.5rem (5rem + 2.5rem) margin on left & right */
    width: calc(100% - 15rem);
  }
}
@media screen and (min-width: 990px) {
  .rich-text__blocks {
    max-width: 78rem;
  }
}
/* Blocks */
.rich-text__blocks > * {
  margin-top: 0;
  margin-bottom: 0;
}

.rich-text__blocks > * + * {
  margin-top: 0.8rem;
}

.rich-text__blocks > * + a {
  margin-top: 3.2rem;
}

.rich-text__text p {
  margin: 0;
}
.title-wrapper--slider h2 {
  padding: 0;
  margin: 0;
}

.testimonials .swiper-slide {
  margin-right: 0.8rem;
}
.testimonials .swiper-slide:last-child {
  margin-right: 0;
}
.testimonials__heading {
  max-width: 90rem;
}
.testimonials--carousel .swiper-slide {
  width: 33.333%;
  display: flex;
  align-items: stretch;
  height: auto;
}
@media screen and (min-width: 990px) {
  .testimonials--carousel .swiper-slide {
    min-height: 500px;
  }
}
@media screen and (min-width: 1500px) {
  .testimonials--carousel .swiper-slide {
    min-height: 591px;
  }
}
.testimonials--carousel .card-horizontal__button {
  flex-shrink: 0;
}
.testimonials--carousel .testimonials__heading {
  margin: 0;
}
.testimonials--carousel .testimonials__wrap {
  display: flex;
  align-items: stretch;
}
.testimonials--carousel .testimonials__card {
  background: rgba(var(--color-base-background-2));
  border-radius: 0.6rem;
  padding: 9.3rem 6rem 6rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 3rem;
}
.testimonials--carousel .testimonials__card .collection-product-card {
  height: unset;
}
@media screen and (max-width: 1760px) {
  .testimonials--carousel .testimonials__card {
    padding: 6.3rem 3rem 4rem;
  }
}
@media screen and (max-width: 1360px) {
  .testimonials--carousel .testimonials__card {
    padding: 6.3rem 3rem 4rem;
  }
}
@media screen and (max-width: 990px) {
  .testimonials--carousel .testimonials__card {
    padding: 3rem;
  }
}
.testimonials--carousel .testimonials__account {
  display: flex;
  align-items: center;
  margin-top: 1.6rem;
}
.testimonials--carousel .testimonials__title {
  margin: 0;
}
.testimonials--carousel .testimonials__img {
  width: 3.5rem;
  height: 3.5rem;
  margin-right: 0.8rem;
}
.testimonials--carousel .testimonials__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.testimonials--carousel .testimonials__img svg {
  width: 3.5rem;
  height: 3.5rem;
  margin-right: 0.8rem;
  border: solid 1px var(--border-color, #fff);
  border-radius: 50%;
}
.testimonials--carousel .testimonials__info {
  display: flex;
  flex-direction: column;
}
.testimonials--carousel .testimonials__name {
  font-weight: 500;
  font-size: 1.4rem;
  color: rgb(var(--color-foreground-secondary));
}
.testimonials--carousel .testimonials__position {
  font-weight: 400;
  font-size: 1.4rem;
  color: rgb(var(--color-foreground-secondary));
}
.testimonials--carousel .testimonials__product {
  border-radius: 0.6rem;
}
@media screen and (max-width: 990px) {
  .testimonials--carousel .testimonials__product {
    max-width: 100%;
  }
}
.testimonials .nav-tools {
  padding-top: 4.8rem;
  display: flex;
}
@media screen and (max-width: 1360px) {
  .testimonials .nav-tools {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.testimonials .nav-tools__arrow.swiper-button-disabled {
  opacity: 0.3;
}
.testimonials .nav-tools__scroll-cell {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
}
.testimonials .nav-tools__arrows {
  position: relative;
  top: 0;
  left: 0;
  width: 12.9rem;
  height: 5.7rem;
  flex-shrink: 0;
  flex-grow: 0;
}
.testimonials .nav-tools__arrow {
  width: 3.933rem;
  height: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  outline: 0;
  margin: 0;
  padding: 0;
  background: none;
  display: block;
  font-size: 0;
  cursor: pointer;
  color: rgba(var(--color-accent), 1);
}
.testimonials .nav-tools__arrow--prev {
  left: 2.482rem;
}
.testimonials .nav-tools__arrow--next {
  right: 0;
}
.testimonials .swiper-horizontal > .swiper-scrollbar,
.testimonials .swiper-scrollbar.swiper-scrollbar-horizontal {
  width: 100%;
  height: 1px;
  bottom: unset;
  top: 50%;
  left: 0;
  background-color: rgba(var(--color-accent), 0.5);
  z-index: 1;
}
.testimonials .swiper-scrollbar-drag {
  height: 3px;
  margin-top: -1px;
  background-color: rgba(var(--color-accent), 1);
}
.testimonials .ts-slider {
  display: block;
  overflow: hidden;
}
@media screen and (max-width: 1760px) {
  .testimonials .ts-slider {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
}
.testimonials .ts-slider, .testimonials .ts-slider-wrapper {
  position: relative;
  top: 0;
  left: 0;
  max-width: 136.966rem;
}
.testimonials .ts-slider, .testimonials .ts-slider-wrapper, .testimonials .ts-slider__item, .testimonials .ts-slider__item-inner {
  margin-left: auto;
  margin-right: auto;
}
.testimonials .ts-slider__item {
  display: block;
  text-align: center;
  width: 100%;
}
.testimonials .ts-slider__item-inner {
  max-width: 104.6rem;
}
.testimonials .ts-slider__arrow {
  width: 6.302rem;
  height: 6rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  outline: 0;
  margin: 0;
  padding: 0;
  background: none;
  display: block;
  font-size: 0;
  cursor: pointer;
  color: rgba(var(--color-accent), 1);
  z-index: 10;
  transition: linear margin 0.16s;
  will-change: margin;
}
@media screen and (max-width: 990px) {
  .testimonials .ts-slider__arrow {
    width: 4.4rem;
    height: 4.4rem;
  }
  .testimonials .ts-slider__arrow svg {
    width: 100% !important;
  }
}
@media screen and (max-width: 576px) {
  .testimonials .ts-slider__arrow {
    display: none;
  }
}
.testimonials .ts-slider__arrow.swiper-button-disabled {
  opacity: 0.3;
}
.testimonials .ts-slider__arrow--prev {
  left: 0;
}
@media screen and (max-width: 1560px) {
  .testimonials .ts-slider__arrow--prev {
    left: 2rem;
  }
}
.testimonials .ts-slider__arrow--prev.swiper-button-disabled, .testimonials .ts-slider__arrow--prev.swiper-button-disabled:hover {
  margin-left: 0;
  cursor: default;
}
.testimonials .ts-slider__arrow--prev:hover {
  margin-left: -0.5rem;
}
.testimonials .ts-slider__arrow--next {
  right: 0;
}
@media screen and (max-width: 1560px) {
  .testimonials .ts-slider__arrow--next {
    right: 2rem;
  }
}
.testimonials .ts-slider__arrow--next.swiper-button-disabled, .testimonials .ts-slider__arrow--next.swiper-button-disabled:hover {
  margin-right: 0;
  cursor: default;
}
.testimonials .ts-slider__arrow--next:hover {
  margin-right: -0.5rem;
}
.testimonials .author__info {
  display: inline-flex;
  padding-bottom: 2.4rem;
  line-height: 110%;
}
.testimonials .author__info-placeholder-cell, .testimonials .author__info-img {
  width: 5rem;
  height: 5rem;
  position: relative;
  top: 0;
  left: 0;
  display: block;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}
.testimonials .author__info-img {
  object-fit: cover;
}
.testimonials .author__info-placeholder-cell {
  border: solid rgba(0, 0, 0, 0.1) 1px;
}
.testimonials .author__info-placeholder-cell svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 220%;
  height: 220%;
}
.testimonials .author__info-ul, .testimonials .author__info-li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.testimonials .author__info-ul {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 1.6rem;
  padding-top: 0;
  flex-wrap: wrap;
}
@media screen and (max-width: 750px) {
  .testimonials .author__info-ul {
    width: 100%;
    padding-left: 0;
    padding-top: 1.6rem;
  }
}
.testimonials .author__info-li {
  position: relative;
  top: 0;
  left: 0;
  color: rgb(var(--color-foreground-secondary));
  padding-right: 1.7rem;
  display: block;
}
.testimonials .author__info-li:after {
  display: block;
  content: "/";
  position: absolute;
  right: 5px;
  top: 0;
}
.testimonials .author__info-li:last-child {
  padding-right: 0;
}
.testimonials .author__info-li:last-child:after {
  display: none;
  content: "";
}
@media screen and (max-width: 990px) {
  .testimonials .author__info {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .testimonials .author__info img {
    margin-bottom: 2rem;
  }
}
.testimonials .author__quote {
  margin: 0;
}
@media screen and (min-width: 576px) {
  .testimonials .author__quote {
    padding: 0 4.5rem;
  }
}
.testimonials .author__product {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 530px;
  text-align: left;
  border-radius: 6px;
  margin-top: 8rem !important;
}
@media screen and (max-width: 1200px) {
  .testimonials .author__product {
    margin-top: 4rem !important;
  }
}
.testimonials--slider .title-wrapper--slider {
  text-align: center;
}
.testimonials--slider .title-wrapper--slider .testimonials__heading {
  text-align: center;
  margin: 0 auto;
}
.testimonials--slider .card-horizontal-wrapper {
  background-color: rgb(var(--color-base-background-2));
}

/* ===== section-video.css ===================================================== */

@media screen and (min-width: 750px) {
  .video-section.page-width {
    margin-top: calc(5rem + var(--page-width-margin));
    margin-bottom: calc(5rem + var(--page-width-margin));
  }
}
.video-section .container .deferred-media {
  border-radius: 0.6rem;
}
.video-section .container .deferred-media video {
  border-radius: 0.6rem;
}

.video-section__media {
  position: relative;
}

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

.video-section__media.deferred-media {
  overflow: visible;
}

.video-section__poster.deferred-media__poster:focus {
  outline-offset: 0.3rem;
}

.video-section__media iframe {
  background-color: rgba(var(--color-foreground), 0.03);
  border: 0;
}

.video-section__poster,
.video-section__media iframe,
.video-section__media video {
  position: absolute;
  width: 100%;
  height: 100%;
}

.video-section__media {
  max-width: 100%;
}

.video-section__media--cover video {
  object-fit: cover;
}

.video-section__content {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  z-index: 2;
  text-align: center;
}

.video-section__content h2 {
  margin: 0 auto;
  max-width: 44rem;
}

.video-section__play-button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 6.4rem;
  height: 6.4rem;
  background-color: #fff;
  border-radius: 100%;
}

.video-section__play-button svg {
  margin-left: 0.2rem;
  width: 1.6rem;
  height: 1.6rem;
  color: #282828;
  transition: transform var(--duration-default);
}

.video-section__play-button:hover svg {
  transform: scale(1.2);
}

.video-section__subheading.subtitle {
  margin: 0;
}

.video-section__subheading + .video-section__heading {
  margin-top: 0.8rem;
}

.video-section__subheading + .video-section__play-button,
.video-section__heading + .video-section__play-button {
  margin-top: 2.4rem;
}

/* ############################################################################
   4. PAGE-LEVEL  (account, login, collection/search/giftcard templates)
   ############################################################################ */

/* ===== customer.css ===================================================== */

.page-header {
  margin: 0;
  padding: 0;
}

.customer__top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0.8rem;
}
.customer__top .title-link {
  font-size: 1.2rem;
  color: rgba(var(--color-secondary-text));
  text-decoration-color: rgba(var(--color-secondary-text));
  text-decoration-thickness: from-font;
}

.customer h2 {
  margin: 0;
  padding: 0;
}

.account-row {
  display: flex;
  align-items: flex-start;
  gap: 4rem;
}
@media screen and (max-width: 750px) {
  .account-row {
    flex-direction: column;
    gap: 0;
  }
}
/* orders column takes the remaining width; min-width:0 lets the table shrink
   instead of forcing overflow */
.account-row .account-left {
  flex: 1 1 auto;
  min-width: 0;
}
@media screen and (max-width: 750px) {
  .account-row .account-left {
    margin-bottom: 3rem;
  }
}
/* account-details column: a steady, predictable width sitting next to the
   orders — not pushed to the far edge by space-between */
.account-row .account-right {
  flex: 0 0 32rem;
  max-width: 32rem;
  width: 100%;
}
@media screen and (max-width: 750px) {
  .account-row .account-right {
    flex-basis: auto;
    max-width: 100%;
  }
}
.account-row .account-right .customer-address__list-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background: rgba(var(--color-base-background-2));
  border-radius: 6px;
  padding: 2rem;
  margin-top: 1.6rem;
}
@media screen and (min-width: 990px) {
  .account-row .account-right .customer-address__list-wrapper {
    padding: 4rem;
  }
}
@media screen and (min-width: 1560px) {
  .account-row .account-right .customer-address__list-wrapper {
    min-height: 22.2rem;
    padding: 4rem 8rem;
  }
}
.account-row .account-right .customer-address__list-wrapper .customer-address__list {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 3.2rem;
}
.account-row .account-right .customer-address__list-wrapper .customer-address__list .customer-address__item-address {
  color: rgba(var(--color-secondary-text));
  font-size: 1.2rem;
  margin: 0.4rem 0 3.2rem 0;
}
.account-row .account-right .customer-address__list-wrapper .customer-address__list .customer-address__item-content {
  display: flex;
  gap: 0.4rem;
  flex-wrap: wrap;
}
.account-row .account-right .customer-address__list-wrapper .customer-address__list .customer-address__item-content .customer-address__item {
  color: rgba(var(--color-secondary-text));
  font-size: 1.2rem;
}

main .shopify-section:first-child.login-section {
  padding-top: 0 !important;
  margin-top: calc(-1 * var(--header-height));
}

.customer .account-none-border {
  margin-left: 0;
  padding-left: 0;
  border-left: 0;
}

.customer .field input[aria-invalid=true] {
  border-color: rgba(var(--color-error), 0.4);
}

.customer form#customer_login {
  margin-top: 6.4rem;
}

.customer button {
  margin: 4rem 0 1.5rem;
}

.customer .account-none-address button {
  width: 16.3rem;
}

.customer strong {
  font-weight: normal;
  color: rgb(var(--color-foreground));
}

.customer .field {
  margin: 2.5rem 0 0 0;
  pointer-events: auto;
}

.customer .field__wrapper {
  display: flex;
  margin-top: 2.5rem;
}

.customer .field__wrapper .field {
  margin: 0;
}

.customer .field__wrapper .field:not(:first-child) {
  margin-left: 2rem;
}

.customer .field:first-of-type {
  margin-top: 0;
}

.customer .field {
  margin-top: 2.5rem;
}

.customer a:not(.button):not(.breadcrumb a):not(.order-table a):hover {
  transition: var(--duration-default);
  opacity: 0.7;
}

.customer__buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 3rem;
}

.customer__buttons.center {
  justify-content: center;
}

.customer__buttons > * {
  width: 47%;
}

.customer__buttons.center > * {
  width: 14rem;
}

.customer button {
  margin: 0;
}

.form__errors {
  padding: 2.4rem;
  background-color: rgba(var(--color-error), 0.05);
}

.customer .form__message {
  font-size: 1.4rem;
  color: rgba(var(--color-error));
  margin: 0 0 1rem 0;
  font-weight: var(--font-body-weight);
}

.customer span.form__message {
  display: flex;
  font-size: 1.2rem;
  margin: 1rem 0 0 0;
}

.customer span.form__message:before {
  content: "*";
  color: rgba(var(--color-error));
  margin-right: 0.2rem;
}

.customer .form__message svg {
  width: 2.6rem;
  height: 2.6rem;
  margin-right: 1rem;
}

.customer .errors {
  margin-bottom: 24px;
}

.customer .errors ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding-left: 0;
  margin: 0.8rem 0 0;
}

.customer .errors ul li {
  display: inline-flex;
  font-size: 1.2rem;
  line-height: 1;
  color: rgba(var(--color-error));
  position: relative;
}

.customer .errors ul li:before {
  content: "*";
  color: rgba(var(--color-error));
  margin-right: 0.2rem;
}

.form__message:focus-visible {
  outline: none;
  box-shadow: none;
}

/* Customer Table */
.customer .order-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1.6rem;
  padding-right: 0;
}
@media (min-width: 750px) {
  .customer .order-table {
    padding-right: 2rem;
  }
}
@media (min-width: 1200px) {
  .customer .order-table {
    padding-right: 5.4rem;
  }
}
.customer .order-table .row {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
}
@media (min-width: 1200px) {
  .customer .order-table .row {
    flex-direction: row;
    align-items: center;
    height: 6rem;
  }
}
.customer .order-table .row > * {
  display: block;
  padding: 0 2rem 0 0;
}
.customer .order-table .row > *::before {
  content: attr(data-label);
  display: inline-block;
  max-width: 40%;
  width: 100%;
  margin-right: 2rem;
}
@media (min-width: 1200px) {
  .customer .order-table .row > *::before {
    display: none;
  }
}
@media (min-width: 1200px) {
  .customer .order-table .row > *:first-child {
    width: 8.64%;
  }
}
@media (min-width: 1200px) {
  .customer .order-table .row > *:nth-child(2) {
    width: 30.9%;
  }
}
@media (min-width: 1200px) {
  .customer .order-table .row > *:nth-child(3) {
    width: 20.91%;
  }
}
@media (min-width: 1200px) {
  .customer .order-table .row > *:nth-child(4) {
    width: 24.48%;
  }
}
@media (min-width: 1200px) {
  .customer .order-table .row > *:last-child {
    width: 15.05%;
  }
}
.customer .order-table .thead {
  display: none;
  background: rgba(var(--color-base-background-2));
  border-radius: 3px 3px 0px 0px;
}
@media (min-width: 1200px) {
  .customer .order-table .thead {
    display: flex;
    padding-left: 2.8rem;
    height: 5rem;
  }
}
.customer .order-table .thead > * {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-align: left;
  color: rgb(var(--color-foreground));
  position: relative;
}
.customer .order-table .tbody {
  width: 100%;
  border-top: 0.1rem solid rgb(var(--color-border));
  border-bottom: 0.1rem solid rgb(var(--color-border));
  text-decoration: none;
}
.customer .order-table .tbody #RowOrderm {
  font-weight: 700;
}
.customer .order-table .tbody .customer-order-total {
  font-weight: 700;
}
.customer .order-table .tbody .orders-total {
  font-weight: 700;
}
@media (min-width: 1200px) {
  .customer .order-table .tbody {
    padding-left: 2.8rem;
  }
}
.customer .order-table .tbody + .tbody {
  margin-top: -1px;
}
.customer .order-table .tbody:not(div):hover {
  border-color: rgb(var(--color-accent));
  position: relative;
}
.customer .order-table .tbody > * {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
  box-sizing: border-box;
  font-size: 1.2rem;
}
@media (min-width: 576px) {
  .customer .order-table .tbody > * {
    padding: 1.3rem 0;
  }
}
@media (min-width: 1200px) {
  .customer .order-table .tbody > * {
    align-items: flex-start;
    padding: 0;
  }
}
.customer .order-table .tfoot {
  display: block;
  padding-top: 2.4rem;
}
.customer .order-table .tfoot > div {
  display: flex;
  width: 100% !important;
  padding: 0;
  margin-bottom: 1.55rem;
}
@media (min-width: 1200px) {
  .customer .order-table .tfoot > div {
    align-items: center;
    justify-content: space-between;
    padding-left: 2.8rem;
  }
}
.customer .order-table .tfoot > div::before {
  display: none;
}
.customer .order-table .tfoot > div.total-price {
  padding: 1.85rem 0;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .customer .order-table .tfoot > div.total-price {
    margin-top: 2.4rem;
    background-color: rgb(var(--color-base-background-2));
  }
}
.customer .order-table .tfoot > div.total-price span:first-child {
  font-size: 1.4rem;
}
@media (min-width: 1200px) {
  .customer .order-table .tfoot > div.total-price span:first-child {
    padding-left: 2.8rem;
  }
}
.customer .order-table .tfoot > div.total-price span:last-child {
  font-weight: 700;
}
.customer .order-table .tfoot > div span {
  font-size: 1.2rem;
}
@media (min-width: 1200px) {
  .customer .order-table .tfoot > div span {
    padding: 0 2rem 0 0;
  }
}
.customer .order-table .tfoot > div span:first-child {
  max-width: 40%;
  width: 100%;
  margin-right: 2rem;
}
@media (min-width: 1200px) {
  .customer .order-table .tfoot > div span:first-child {
    width: 82.206%;
    margin-right: 0;
  }
}
@media (min-width: 1200px) {
  .customer .order-table .tfoot > div span:last-child {
    width: 17.77%;
  }
}
@media (min-width: 1200px) {
  .customer .order-table--details .row > *:first-child {
    width: 38.596%;
  }
}
.customer .order-table--details .row > *:first-child a,
.customer .order-table--details .row > *:first-child p {
  font-size: 1.2rem;
  line-height: 1.8rem;
  text-decoration: none;
  font-weight: 700;
}
.customer .order-table--details .row > *:first-child .properties {
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: rgba(var(--color-foreground), 0.6);
}
@media (min-width: 1200px) {
  .customer .order-table--details .row > *:nth-child(2) {
    width: 11.46%;
  }
}
@media (min-width: 1200px) {
  .customer .order-table--details .row > *:nth-child(3) {
    width: 16.6%;
  }
}
@media (min-width: 1200px) {
  .customer .order-table--details .row > *:nth-child(4) {
    width: 15.55%;
  }
}
@media (min-width: 1200px) {
  .customer .order-table--details .row > *:last-child {
    width: 17.77%;
  }
}

/* Pagination */
.customer .pagination {
  margin-top: 5rem;
  margin-bottom: 7rem;
}

@media screen and (min-width: 990px) {
  .customer .pagination {
    margin-top: 7rem;
    margin-bottom: 10rem;
  }
}
.customer .pagination ul {
  display: flex;
  justify-content: center;
  list-style: none;
  padding: 0;
}

.customer .pagination li {
  flex: 1 1;
  max-width: 4rem;
}

.customer .pagination li:not(:last-child) {
  margin-right: 1rem;
}

.customer .pagination li :first-child {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 4rem;
  width: 100%;
  padding: 0;
  text-decoration: none;
}

.customer .pagination li :first-child svg {
  height: 0.6rem;
}

.customer .pagination li:first-of-type svg {
  margin-left: -0.2rem;
  transform: rotate(90deg);
}

.customer .pagination li:last-of-type svg {
  margin-right: -0.2rem;
  transform: rotate(-90deg);
}

.customer .pagination li [aria-current]::after {
  content: "";
  display: block;
  width: 2rem;
  height: 0.01rem;
  position: absolute;
  bottom: 0.08rem;
  left: 50%;
  transform: translateX(-50%);
  background-color: currentColor;
}

/* Login */
.customer.login {
  width: 100%;
  position: relative;
}

.register .page-header .title--page:not(:first-child) {
  margin-top: 2rem;
}
.register .customer__buttons {
  margin-top: 5rem;
}
.register .customer__buttons > * {
  width: 193px;
  pointer-events: auto;
}
.register .customer__login-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  font-size: 1.2rem;
  color: rgba(var(--color-foreground), 0.6);
  margin-top: 0.8rem;
}
.register .customer__login-link a {
  font-size: 1.2rem;
  color: rgba(var(--color-foreground), 0.6);
}

.login {
  padding-top: calc(var(--header-height) + 4rem);
  padding-bottom: 8rem;
}
@media screen and (min-width: 990px) {
  .login {
    padding-top: calc(var(--header-height) + 6.4rem);
    padding-bottom: 18rem;
  }
}
@media screen and (min-width: 990px) {
  .login {
    padding-bottom: 25.3rem;
  }
}
.login .page-header {
  border-bottom: 0;
  padding: 0;
  margin-bottom: 0;
}
@media screen and (min-width: 750px) {
  .login .page-header {
    margin-bottom: 0;
    padding: 0;
  }
}
.login .page-header h1 {
  color: rgb(255, 255, 255);
  text-align: center;
  margin-top: 1.5rem;
  pointer-events: none;
}
.login .page-header h1 i {
  white-space: nowrap;
}
.login .breadcrumb {
  margin: 0;
  pointer-events: auto;
}
.login .breadcrumb__delimiter {
  background-color: rgba(255, 255, 255, 0.4);
}
.login .breadcrumb a,
.login .breadcrumb span {
  color: rgb(255, 255, 255);
}
.login .breadcrumb a {
  text-decoration-color: rgba(255, 255, 255, 0.4);
}
.login__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(41, 38, 37);
  overflow: hidden;
}
.login__bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(11, 11, 11, 0.7);
  z-index: 3;
}
.login__bg-image {
  max-width: 300px;
  position: absolute;
  display: none;
}
@media (min-width: 1200px) {
  .login__bg-image {
    display: block;
  }
}
.login__bg-image img {
  display: block;
  max-width: 100%;
  height: auto;
}
.login__bg-image:first-child {
  top: 22.8rem;
  left: 9.3rem;
}
.login__bg-image:nth-child(2) {
  top: 50.2rem;
  left: 34.1rem;
}
.login__bg-image:nth-child(3) {
  top: 78.4rem;
  left: -14.1rem;
}
.login__bg-image:nth-child(4) {
  top: 0;
  right: 44rem;
}
.login__bg-image:nth-child(5) {
  top: 30.9rem;
  right: 5.5rem;
  z-index: 2;
}
.login__bg-image:nth-child(6) {
  top: 58.5rem;
  right: 19.6rem;
  z-index: 1;
}
.login__bg-image:nth-child(7) {
  top: 91.3rem;
  right: -7rem;
}
.login__bg-image-placeholder {
  width: 30rem;
  height: 20rem;
  fill: rgb(255, 255, 255);
}
.login__subtitle {
  margin-top: 2.1rem;
  color: rgb(255, 255, 255);
  pointer-events: none;
}
.login__reset, .login__form {
  max-width: 48.3rem;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
  z-index: 4;
}
@media (min-width: 768px) {
  .login__reset, .login__form {
    padding: 0;
  }
}
.login__reset {
  margin-bottom: 2rem;
  pointer-events: none;
}
.login__reset p {
  color: rgb(255, 255, 255);
  text-align: center;
}
.login__form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.login__fields {
  max-width: 41.6rem;
  width: 100%;
}
.login__field {
  display: flex;
  flex-direction: column;
  pointer-events: auto;
}
.login__forgot-password {
  margin-top: 1.6rem !important;
  pointer-events: auto;
}
.login__forgot-password a {
  display: inline !important;
  color: rgb(255, 255, 255) !important;
  text-decoration: none;
  position: relative;
}
.login__forgot-password a:hover::after {
  width: 100%;
}
.login__forgot-password a::after {
  content: "";
  position: absolute;
  bottom: -0.3rem;
  left: 0;
  right: 0;
  width: 0;
  height: 0.1rem;
  background-color: rgba(255, 255, 255, 0.4);
  transition: width var(--duration-default);
}
.login__buttons {
  margin-top: 5rem;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
}
@media (min-width: 768px) {
  .login__buttons {
    flex-direction: row;
  }
}
.login__sign-in {
  width: 188px;
  background-color: rgb(255, 255, 255) !important;
  color: rgb(0, 0, 0) !important;
  pointer-events: auto;
}
@media (min-width: 768px) {
  .login__sign-in {
    width: 126px;
  }
}
.login__create-acc {
  width: 188px;
  background-color: rgb(37, 37, 37) !important;
  color: rgb(255, 255, 255) !important;
  pointer-events: auto;
}

.login .field + a {
  margin-top: 1rem;
}

.login p {
  margin: 1.5rem 0;
}

.login h3 {
  margin-top: 1.5rem;
  text-align: left;
  font-size: 1.4rem;
}

#customer_login_guest button {
  margin-top: 0;
}

#recover,
#recover + div {
  display: none;
}

#recover:target {
  display: inline;
}

#recover:target + div {
  display: block;
}

#recover:target ~ #login,
#recover:target ~ #login + div {
  display: none;
}

.activate button[name=decline] {
  background-color: transparent;
  box-shadow: 0 0 0 0.1rem rgb(var(--color-link));
  color: rgb(var(--color-link));
}

.activate button[name=decline]:hover {
  box-shadow: 0 0 0 0.2rem rgb(var(--color-link));
}

@media only screen and (min-width: 750px) {
  .activate button[name=decline] {
    margin-top: inherit;
    margin-left: 1rem;
  }
}
/* Account/Order */
:is(.account, .order, .addresses) p {
  margin: 0 0 2.4rem;
  font-size: 1.5rem;
  letter-spacing: normal;
}

@media screen and (min-width: 990px) {
  .account table td,
  .order table tbody td {
    padding-top: 2.6rem;
    padding-bottom: 2.6rem;
  }
}
.account table td:first-of-type a,
.order table td:first-of-type a {
  font-size: 1.4rem;
  color: rgb(var(--color-foreground));
}

.account table td:first-of-type a:hover,
.order table td:first-of-type a:hover {
  color: rgb(var(--color-foreground), 0.75);
}

.addresses .address-add-item,
.addresses .address-cancel {
  margin-bottom: 1.5rem;
}
@media (min-width: 1200px) {
  .addresses .address-add-item,
  .addresses .address-cancel {
    margin-bottom: 0;
  }
}
.addresses .address-add-new {
  width: 19.4rem;
  margin-bottom: 2.4rem;
}
.addresses .button-address-edit {
  width: 10.6rem;
}
.addresses .address-add-item {
  width: 16.3rem;
}
.addresses .address-edit-buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.5rem;
}
.addresses .button-address-edit,
.addresses .button-address-delete {
  padding: 0 1rem;
  margin-bottom: 1rem;
}
@media (min-width: 1200px) {
  .addresses .button-address-edit,
  .addresses .button-address-delete {
    margin-bottom: 0;
  }
}
.addresses .address-add-item {
  padding: 0 3.5rem;
}

/* Addresses */
.addresses li > button {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.addresses li > button + button,
.addresses form button + button {
  margin-top: 0rem;
}

@media screen and (min-width: 750px) {
  .addresses li > button:first-of-type {
    margin-top: 3rem;
  }
}
.address-add-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}

label[for=AddressCountryNew],
label[for=AddressProvinceNew] {
  display: block;
  font-size: 1.4rem;
  margin-bottom: 0.6rem;
}

.addresses form {
  display: grid;
  gap: 1.6rem;
  align-items: center;
}

.addresses form .field {
  margin: 0;
}
.addresses form .field label {
  color: rgb(var(--color-foreground));
  font-size: 1.4rem;
}
.addresses form .field label span {
  color: rgb(var(--color-error));
}
.addresses form .field .select:hover select {
  border-color: rgb(var(--color-border-input-hover));
}
.addresses form .field .select .placeholder-select {
  color: rgb(var(--color-foreground));
  font-size: 14px;
}
.addresses form .field .select .placeholder-select span {
  color: rgb(var(--color-error));
}
.addresses form .field .select svg {
  color: rgb(var(--color-accent));
}

.addresses ul {
  list-style: none;
  padding-left: 0;
}

.address-list {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.address-list__item-wrapper--default {
  order: -1;
}

.address-list__item {
  background-color: rgb(var(--color-base-background-2));
  padding: 2rem;
  border-radius: 6px;
}
@media (min-width: 990px) {
  .address-list__item {
    padding: 6.4rem 8rem;
  }
}
.address-list__item h4 {
  margin: 0;
}

.addresses [data-expand=false] {
  display: none !important;
}

.addresses [data-expand=true] {
  display: block !important;
}
.addresses [data-expand=true].account-none-address {
  display: flex !important;
}

.address-edit-form {
  display: none;
}

.address-edit-form.active {
  display: block;
}

.addresses .address-add-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0.8rem;
}
.addresses .address-add-form .account-none {
  margin-top: 0;
}

.address-add-form .account-none-address {
  width: 100%;
}

.addresses .address-add-form__item {
  width: 100%;
  background-color: rgb(var(--color-base-background-2));
  margin-bottom: 0.8rem;
  border-radius: 6px;
  padding: 2rem;
}
@media (min-width: 990px) {
  .addresses .address-add-form__item {
    padding: 6.4rem 8rem;
  }
}

.addresses .address-add-form__inner {
  max-width: 85.6rem;
}
.addresses .address-add-form__inner h4 {
  margin-top: 0;
  margin-bottom: 2.4rem;
}

.addresses .address-add-form__inner h2 {
  margin: 0;
  font-weight: var(--font-body-weight);
}

.address-add-default-check {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
}

.addresses h2 {
  text-align: left;
}

li[data-address] > h2 {
  margin: 0 0 2rem 0;
}

@media only screen and (min-width: 990px) {
  .addresses form {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "a1 a2 a3 a3" "a4 a4 a5 a5" "a6 a6 a7 a7" "a9 a10 a8 a8" "a11 a11 a11 a11" "a12 a12 a12 a12";
  }
  .addresses form div:nth-of-type(1) {
    grid-area: a1;
  }
  .addresses form div:nth-of-type(2) {
    grid-area: a2;
  }
  .addresses form div:nth-of-type(3) {
    grid-area: a3;
  }
  .addresses form div:nth-of-type(4) {
    grid-area: a4;
  }
  .addresses form div:nth-of-type(5) {
    grid-area: a5;
  }
  .addresses form div:nth-of-type(6) {
    grid-area: a6;
  }
  .addresses form div:nth-of-type(7) {
    grid-area: a7;
  }
  .addresses form div:nth-of-type(8) {
    grid-area: a8;
  }
  .addresses form div:nth-of-type(9) {
    grid-area: a9;
  }
  .addresses form div:nth-of-type(10) {
    grid-area: a10;
  }
  .addresses form div:nth-of-type(11) {
    grid-area: a11;
  }
  .addresses form div:nth-of-type(12) {
    grid-area: a12;
  }
}
.addresses ul p {
  margin-bottom: 0;
}

@media screen and (min-width: 990px) {
  .customer .customer-address {
    max-width: 100%;
  }
}
.customer .customer-address__link {
  width: 16.5rem;
}
.customer .customer-address__link span {
  padding-right: 0.4rem;
}
.customer .customer-address__item:not(.customer-address__item-name):not(.customer-address__item-address):not(:last-child)::after {
  content: ", ";
}

.customer .customer-address__link:not(.button) {
  font-size: 1.4rem;
  color: rgba(var(--color-foreground));
}

.customer .order-address:not(:last-child) {
  margin-bottom: 6.4rem;
}

.customer .order-address h4 {
  margin: 0;
}

.customer .order-address__item {
  margin-top: 1.6rem;
  background-color: rgb(var(--color-base-background-2));
  padding: 2rem;
  border-radius: 6px;
}
@media screen and (min-width: 1560px) {
  .customer .order-address__item {
    padding: 4rem 8rem;
  }
}

.customer .order-address__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.customer .order-status {
  font-size: 1.4rem;
  font-weight: 500;
  margin: 0 0 1.2rem;
}

.customer .addresses-address__list {
  max-width: 85rem;
  margin-top: 2rem;
  margin-bottom: 3rem;
}

.customer .order-address__list-item,
.customer .addresses-address__list-item {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  font-size: 1.4rem;
  line-height: 25px;
}
.customer .order-address__list-item span:first-child,
.customer .addresses-address__list-item span:first-child {
  color: rgba(var(--color-secondary-text));
}

.customer .order-address__list-item span,
.customer .addresses-address__list-item span {
  position: relative;
  background-color: rgb(var(--color-base-background-2));
  z-index: 1;
}

.customer .order-address__list-item:not(:last-child),
.customer .addresses-address__list-item:not(:last-child) {
  margin-bottom: 1.1rem;
}

.customer .order-address__value,
.customer .addresses-address__value {
  color: rgb(var(--color-foreground));
}

.customer .order-address__list-item:after,
.customer .addresses-address__list-item:after {
  content: "....................................................................................................................................................................................................................................................................................................................................................................................";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  z-index: 0;
  color: rgba(var(--color-secondary-text));
}

.icon-account-order-none {
  width: 36px;
  height: 36px;
  color: rgb(var(--color-foreground-title));
}

.account-none {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  border-radius: 6px;
  margin-top: 1.6rem;
  background-color: rgb(var(--color-base-background-2));
}
@media screen and (min-width: 990px) {
  .account-none {
    min-height: 28rem;
    padding: 5rem;
  }
}
.account-none .account-none-text {
  margin: 0.91rem 0 2.455rem 0;
  font-size: 1.4rem;
  font-weight: 500;
}

.account-none-button {
  width: 17.2rem;
}
.account-none-button--big {
  width: 19rem;
}

.customer .account-row-title {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 1.6rem;
  margin-bottom: 1.6rem;
}

.customer .account-row-title h4 {
  margin: 0;
}

.customer .account-row-title p {
  align-self: center;
  margin: 0;
  font-size: 1.2rem;
  color: rgba(var(--color-secondary-text));
}
@media screen and (min-width: 1440px) {
  .customer .account-row-title p {
    padding-top: 0.8rem;
  }
}

.customer .field select,
.customer .placeholder-select {
  color: rgb(var(--color-foreground));
}

/* ===== login-register.css ===================================================== */

.login-page.collection-hero {
  margin-bottom: 0;
}
.login-page .login__sign-in {
  padding: 0 4rem;
}
.login-page .login__form .login__sign-in {
  width: 100%;
}
@media screen and (min-width: 576px) {
  .login-page .login__form .login__sign-in {
    width: 50%;
  }
}
@media screen and (min-width: 990px) {
  .login-page .login__form .login__sign-in {
    width: 12.3rem;
  }
}
.login-page .login__form .login__create-acc {
  width: 100%;
}
@media screen and (min-width: 576px) {
  .login-page .login__form .login__create-acc {
    width: 50%;
  }
}
@media screen and (min-width: 990px) {
  .login-page .login__form .login__create-acc {
    width: 18.7rem;
  }
}
.login-page .login__reset .login__sign-in {
  width: 100%;
}
@media screen and (min-width: 576px) {
  .login-page .login__reset .login__sign-in {
    width: 50%;
  }
}
@media screen and (min-width: 990px) {
  .login-page .login__reset .login__sign-in {
    width: 12.3rem;
  }
}
.login-page .login__reset .login__create-acc {
  width: 100%;
}
@media screen and (min-width: 576px) {
  .login-page .login__reset .login__create-acc {
    width: 50%;
  }
}
@media screen and (min-width: 990px) {
  .login-page .login__reset .login__create-acc {
    width: 18.7rem;
  }
}
.login-page .register__form .login__sign-in {
  width: 100%;
}
@media screen and (min-width: 576px) {
  .login-page .register__form .login__sign-in {
    width: 50%;
  }
}
@media screen and (min-width: 990px) {
  .login-page .register__form .login__sign-in {
    width: 18.7rem;
  }
}
.login-page .register__form .login__create-acc {
  width: 100%;
}
@media screen and (min-width: 576px) {
  .login-page .register__form .login__create-acc {
    width: 50%;
  }
}
@media screen and (min-width: 990px) {
  .login-page .register__form .login__create-acc {
    width: 12rem;
  }
}
.login-page .collection-hero__text-wrapper {
  width: 100%;
}
@media screen and (min-width: 990px) {
  .login-page .collection-hero__text-wrapper {
    width: 50%;
  }
}
@media screen and (min-width: 1200px) {
  .login-page .collection-hero__text-wrapper {
    width: 40%;
  }
}
@media screen and (max-width: 750px) {
  .login-page .collection-hero__text-wrapper {
    padding: 3rem;
  }
}
.login-page .collection-hero__image-wrapper {
  width: 100%;
}
@media screen and (min-width: 990px) {
  .login-page .collection-hero__image-wrapper {
    width: 50%;
  }
}
@media screen and (min-width: 1200px) {
  .login-page .collection-hero__image-wrapper {
    width: 60%;
  }
}
.login-page .collection-hero__small-image {
  display: none;
}
@media screen and (min-width: 1200px) {
  .login-page .collection-hero__small-image {
    display: block;
  }
}
.login-page .collection-hero__small-image:nth-child(2) {
  width: 10rem;
  height: 11rem;
}
.login-page .collection-hero__small-image:nth-child(3) {
  width: 17.2rem;
  height: 20rem;
  left: 16%;
  bottom: 7%;
}
.login-page .collection-hero__small-image:nth-child(4) {
  width: 10rem;
  height: 11.7rem;
  top: 63%;
  left: 73%;
}
.login-page .collection-hero__small-image:nth-child(5) {
  width: 12.3rem;
  height: 17rem;
}
.login-page .collection-hero__image-wrapper .collection-hero__image-container {
  width: 80%;
  height: 50%;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 1200px) {
  .login-page .collection-hero__image-wrapper .collection-hero__image-container {
    width: 40.8rem;
    height: 27.9rem;
  }
}
@media screen and (min-width: 1360px) {
  .login-page .collection-hero__image-wrapper .collection-hero__image-container {
    width: 44.8rem;
    height: 31.9rem;
  }
}
.login-page .collection-hero__inner {
  padding-right: 0;
  flex-direction: column;
}
@media screen and (min-width: 990px) {
  .login-page .collection-hero__inner {
    flex-direction: row;
  }
}
.login-page .collection-hero__image-wrapper {
  height: auto;
}
.login-page .login-page__title {
  margin: 0 0 0.8rem 0;
}
.login-page .collection-hero__text-wrapper p {
  margin: 0.8rem 0 0 0;
  font-size: 1.4rem;
  max-width: 44.6rem;
}
.login-page .page-header {
  padding: 0;
  margin: 0;
  text-align: left;
  margin-bottom: 2rem;
}
@media screen and (min-width: 750px) {
  .login-page .page-header {
    margin-bottom: 5.6rem;
  }
}
.login-page .login-page__form .errors {
  color: rgb(var(--color-error));
  transform: translate(1.5rem, -0.4rem);
  margin-bottom: 0.5rem;
}
.login-page .login-page__form .errors ul {
  margin: 0;
  padding: 0;
}
.login-page .login-page__form .errors ul li {
  font-size: 1.2rem;
}
.login-page .login-page__form .errors ul li::marker {
  content: "* ";
}
.login-page .login-page__form .login__reset {
  display: none;
  margin-bottom: 2rem;
}
.login-page .login-page__form .login__reset .login__buttons {
  margin-top: 3rem;
}
.login-page .login-page__form .field {
  max-width: 100%;
  width: 100%;
  height: 5.8rem;
  border-radius: 0.4rem;
  margin-bottom: 0.8rem;
}
@media screen and (min-width: 990px) {
  .login-page .login-page__form .field {
    max-width: 44.6rem;
  }
}
.login-page .login-page__form .field label:after {
  display: none !important;
}
.login-page .login-page__form .login__forgot-password {
  display: flex;
}
.login-page .login-page__form .login__forgot-password a {
  font-weight: 400;
  font-size: 1.2rem;
  color: rgb(var(--color-foreground-secondary));
  text-decoration-color: rgb(var(--color-foreground-secondary));
}
.login-page .field__wrapper {
  display: flex;
  gap: 0 0.8rem;
  flex-direction: column;
}
@media screen and (min-width: 576px) {
  .login-page .field__wrapper {
    flex-direction: row;
  }
}
.login-page .field__wrapper .field {
  max-width: 100%;
}
@media screen and (min-width: 576px) {
  .login-page .field__wrapper .field {
    max-width: 50%;
  }
}
@media screen and (min-width: 990px) {
  .login-page .field__wrapper .field {
    max-width: 22rem;
  }
}
.login-page .login__buttons {
  margin-top: 2rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
@media screen and (min-width: 576px) {
  .login-page .login__buttons {
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 750px) {
  .login-page .login__buttons {
    margin-top: 5.6rem;
  }
}
.login-page .login__buttons a {
  color: rgb(var(--color-button));
  border: 1px solid rgba(var(--color-button));
}
.login-page .login__buttons a svg {
  color: rgb(var(--color-button));
}
.login-page .register__form {
  text-align: left;
}
.login-page .login__fields {
  margin-top: 2rem;
}
@media screen and (min-width: 750px) {
  .login-page .login__fields {
    margin-top: 5.6rem;
  }
}

/* ===== disclosure.css ===================================================== */

.disclosure {
  position: relative;
}

.disclosure__button {
  display: flex;
  align-items: center;
  height: 5rem;
  padding: 0 1rem 0 1rem;
  font-size: 1.4rem;
  background-color: rgba(var(--color-background));
  cursor: pointer;
}

.disclosure__list {
  position: absolute;
  bottom: 100%;
  max-width: 22rem;
  min-width: 100%;
  width: max-content;
  min-height: 8.2rem;
  max-height: 19rem;
  margin-top: -0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1.5rem;
  color: rgb(var(--color-foreground));
  background-color: rgb(var(--color-background));
  border: 1px solid rgba(var(--color-foreground), 0.2);
  transform: translateY(-1rem);
  z-index: 2;
  overflow-y: auto;
}

.disclosure__list .link {
  padding: 1rem 1.6rem;
  font-size: 1.5rem;
  font-family: var(--font-header-menu-family);
  font-style: var(--font-header-menu-style);
  font-weight: var(--font-header-menu-weight);
  text-transform: var(--font-header-menu-text-transform);
}

.disclosure__item {
  position: relative;
}

.disclosure__link {
  display: block;
  padding: 0.5rem 2.2rem;
  text-decoration: none;
  line-height: 1.5;
}

.localization-form__currency {
  margin-left: 0.4rem;
}
.localization-form__currency::after {
  content: none !important;
}

.disclosure__link--active .disclosure__country-name::after {
  width: 100%;
}

/* ===== quick-add.css ===================================================== */

.quick-add {
  position: relative;
  grid-row-start: 4;
  z-index: 10;
}

.modal-opener {
  position: relative;
  z-index: 1;
}

.quick-add-modal {
  box-sizing: border-box;
  opacity: 0;
  position: fixed;
  visibility: hidden;
  z-index: 2;
  margin: 0 auto;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--color-overlay), 0.3);
  backdrop-filter: blur(4px);
}
.quick-add-modal__content-info .breadcrumb-border {
  display: none;
}
.quick-add-modal__content-info .pickup_availability {
  display: none;
}
.quick-add-modal[open] {
  opacity: 1;
  visibility: visible;
  z-index: 101;
}
.quick-add-modal .shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate > div {
  overflow: hidden;
}
.quick-add-modal .breadcrumb {
  display: none;
}
.quick-add-modal .product-parameters {
  margin-bottom: 1.6rem;
}
@media (min-width: 750px) {
  .quick-add-modal .product-parameters__quantity {
    width: calc(31% - 0.4rem);
  }
}
@media (min-width: 750px) {
  .quick-add-modal .product-form__input {
    width: calc(31% - 0.4rem);
  }
  .quick-add-modal .product-form__input:nth-child(2) {
    width: calc(38% - 0.8rem);
  }
}
.quick-add-modal .variant-controls .product-form__input {
  width: 100%;
}
.quick-add-modal .product-form__quantity {
  width: 100%;
}
.quick-add-modal .product__title {
  font-size: 2.2rem;
}
@media only screen and (min-width: 750px) {
  .quick-add-modal .product__title {
    font-size: var(--font-heading-h4-size);
  }
}
.quick-add-modal .product__title__wrapper {
  margin-bottom: 1.6rem;
  max-width: 39rem;
}
.quick-add-modal .product__text {
  display: none;
}
.quick-add-modal .product .price-wrapper {
  margin-bottom: 3.2rem;
}
.quick-add-modal .product__outer {
  padding: 6rem 0;
  gap: 6rem;
  align-items: flex-start;
}
@media only screen and (min-width: 1200px) {
  .quick-add-modal .product__outer {
    padding: 6rem 4rem;
  }
}
.quick-add-modal .product__media {
  height: 100%;
  padding-top: 0;
}
.quick-add-modal .product__media-list {
  height: 44rem;
}
.quick-add-modal .product__media-list-wrapper {
  height: 100%;
}
.quick-add-modal .product .swiper-btn--next {
  right: 2rem;
}
.quick-add-modal .product .swiper-btn--prev {
  left: 2rem;
}
.quick-add-modal .product .swiper-btn {
  width: 6rem;
  height: 6rem;
}
.quick-add-modal .product .swiper-btn svg {
  width: 50%;
}
.quick-add-modal .product .product-parameters .color-background-2 {
  padding: 4rem 2rem;
}
.quick-add-modal .product__media-wrapper {
  padding-top: 0;
  margin-right: -0.1rem;
  margin-top: -0.1rem;
  align-self: center;
}
@media (min-width: 1200px) {
  .quick-add-modal .product__media-wrapper {
    width: 46%;
  }
}
@media (min-width: 1360px) {
  .quick-add-modal .product__info-wrapper {
    width: 54%;
  }
}
.quick-add-modal .product__media-toggle, .quick-add-modal .product__media-icon, .quick-add-modal .product__media-sublist, .quick-add-modal .product__tags,
.quick-add-modal .product .modals,
.quick-add-modal .product .share-buttons,
.quick-add-modal .product .popup,
.quick-add-modal .product .product__popup,
.quick-add-modal .product .accordion,
.quick-add-modal .product .product-recommendations,
.quick-add-modal .product .custom-liquid,
.quick-add-modal .product .product__tax {
  display: none;
}
.quick-add-modal .full-details {
  text-decoration: none;
  display: block;
  font-size: 1.2rem;
  text-transform: capitalize;
}
.quick-add-modal .full-details span {
  padding: 5px 0;
}
.quick-add-modal .product-form__buttons {
  margin-bottom: 3.2rem;
}
.quick-add-modal__announcement-bar {
  background-color: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
  font-size: 1.2rem;
  text-align: center;
  padding: 0.9rem;
}
.quick-add-modal__announcement-bar p {
  margin: 0;
}
.quick-add-modal__announcement-bar a {
  position: relative;
  text-underline-offset: 0.4rem;
  text-decoration-color: inherit;
  color: rgb(255, 255, 255);
}
.quick-add-modal__content-wrapper {
  max-height: 77vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.quick-add-modal__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 3rem);
  max-width: 1068px;
  background-color: rgb(var(--color-background));
  border-radius: 0.6rem;
}
.quick-add-modal__content img {
  max-width: 100%;
}
.quick-add-modal__toggle {
  position: absolute;
  top: 20px;
  right: 20px;
}
.quick-add-modal__content-info > * {
  height: auto;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}

.quick-add-modal__content-wrapper::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}

.quick-add-modal__content-wrapper::-webkit-scrollbar-thumb {
  background-color: rgba(var(--color-foreground), 0.7);
  border-radius: 100px;
}

/* ===== template-collection.css ===================================================== */

.collection-list__header {
  padding-top: 1.5rem;
  padding-bottom: 2rem;
}
@media screen and (min-width: 990px) {
  .collection-list__header {
    margin-bottom: 4.8rem;
    padding-top: 8.8rem;
  }
}

.collection {
  position: relative;
  margin-top: 3rem;
}
@media screen and (min-width: 750px) {
  .collection {
    margin-top: 3.4rem;
  }
}
.collection-filters {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 750px) {
  .collection-filters {
    display: block;
  }
}
.collection-product-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.collection--empty .title-wrapper {
  margin-top: 10rem;
}
.collection .collection-product-card {
  height: 100%;
}

.collection-product {
  position: relative;
}
.collection-product .loading-overlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 6;
  display: none;
  width: 100%;
  padding: 0 5rem;
  background-color: rgba(var(--color-background), 0.7);
}
.collection-product.loading .loading-overlay {
  display: block;
}

.collection-product-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.8rem;
}
.collection-product-list .collection-product-card:not(.collection-product-card--extended) {
  align-self: flex-start;
}
@media screen and (min-width: 750px) {
  .collection-product-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 990px) {
  .collection-product-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 1200px) {
  .collection-product-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 0) {
  .collection-product-list--2-mobile {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 990px) {
  .collection-product-list--2-mobile {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 1200px) {
  .collection-product-list--2-mobile {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 576px) {
  .collection-product-list--2-mobile .card__title h5 {
    font-size: 1.5rem;
  }
  .collection-product-list--2-mobile .card-information__wrapper {
    padding: 1.4rem;
  }
  .collection-product-list--2-mobile .card__badge {
    top: 1rem;
    left: 1rem;
  }
  .collection-product-list--2-mobile .badge {
    padding: 0.2rem 0.6rem;
  }
}
.collection-product-list img.img-scale {
  transition: transform var(--duration-default) ease;
}
.collection-product-list .collections-grid__card:hover img.img-scale {
  transform: scale(1.05);
}
@media screen and (min-width: 1200px) {
  .collection-product-list .collection-product-card--portrait {
    min-height: 70rem;
  }
}
@media screen and (min-width: 1360px) {
  .collection-product-list .collection-product-card--portrait {
    min-height: 78rem;
  }
}
@media screen and (min-width: 1200px) {
  .collection-product-list .collection-product-card--portrait .card-wrapper::before {
    padding-bottom: 130%;
  }
  .collection-product-list .collection-product-card--landscape .card-wrapper::before {
    padding-bottom: 70%;
  }
  .collection-product-list .collection-product-card--extended {
    grid-column: span 2;
  }
  .collection-product-list .collection-product-card--extended .quick-add {
    position: unset;
  }
  .collection-product-list .collection-product-card--extended .card--product {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .collection-product-list .collection-product-card--extended .card__inner {
    height: 100%;
  }
  .collection-product-list .collection-product-card--extended .card-wrapper {
    display: flex;
    height: auto;
  }
  .collection-product-list .collection-product-card--extended .card-wrapper .media {
    padding: 0;
    height: 100%;
  }
  .collection-product-list .collection-product-card--extended .card-wrapper::before {
    content: "";
    display: table;
    box-sizing: border-box;
    width: 0;
  }
  .collection-product-list .collection-product-card--extended .card__badge {
    top: 4rem;
    right: 4rem;
  }
  .collection-product-list .collection-product-card--extended.quickview--hover:hover .card__badge {
    opacity: 1;
  }
  .collection-product-list .collection-product-card--extended .card-information {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex: 1;
    margin: 4rem;
    padding: 0;
  }
  .collection-product-list .collection-product-card--extended .card-information__wrapper {
    position: relative;
    display: grid;
    grid-template-columns: minmax(auto, 34rem) auto;
    align-items: center;
    justify-content: space-between;
    column-gap: 2.4rem;
  }
  .collection-product-list .collection-product-card--extended .card-information__wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    pointer-events: none;
    background-color: rgb(var(--color-background-card));
    border-radius: 10rem;
    transition: transform var(--duration-default) ease;
  }
  .collection-product-list .collection-product-card--extended .card-information__wrapper:hover::before {
    transform: scale(1.03);
  }
  .collection-product-list .collection-product-card--extended .subtitle {
    margin-bottom: 0;
  }
  .collection-product-list .collection-product-card--extended .subtitle + .card__title {
    grid-row: 2;
  }
  .collection-product-list .collection-product-card--extended .subtitle + .card__title + .price {
    grid-row: 1/span 2;
  }
  .collection-product-list .collection-product-card--extended .card__title {
    position: static;
    grid-column: 1;
    display: block;
    margin: 0;
    z-index: 2;
    pointer-events: all;
    overflow: hidden;
  }
  .collection-product-list .collection-product-card--extended .card__title a {
    font-size: 1.8rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .collection-product-list .collection-product-card--extended .card__title a svg {
    display: none;
  }
  .collection-product-list .collection-product-card--extended .card__title a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .collection-product-list .collection-product-card--extended .price {
    grid-column: 2;
  }
  .collection-product-list .collection-product-card--extended .price-item,
  .collection-product-list .collection-product-card--extended .price .price__sale .price-item--regular {
    font-size: 1.5rem;
  }
  .collection-product-list .collection-product-card--extended .card-information__wrapper > *:not(.visually-hidden:first-child) + .price {
    margin-top: 0;
  }
  .collection-product-list .collection-product-card--extended .card__link {
    position: absolute;
    top: 4rem;
    left: 4rem;
    bottom: auto;
    text-decoration: none;
    line-height: var(--font-body-line-height);
    opacity: 1;
    background-color: unset;
    transform: none;
    overflow: visible;
  }
  .collection-product-list .collection-product-card--extended .card__link::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(var(--color-background));
    border-radius: 29px;
    z-index: -1;
    transition: transform var(--duration-default) ease;
  }
  .collection-product-list .collection-product-card--extended .card__link:hover::after {
    transform: scale(1.1);
  }
  .collection-product-list .collection-product-card--extended .card__description {
    display: none;
  }
  .collection-product-list .collection-product-card--extended:hover .card__link {
    transform: none;
  }
}

.collection-product-image {
  position: relative;
  display: none;
  grid-column-start: 3;
  grid-row: 2/span 2;
  margin: -1px -1px 0;
  overflow: hidden;
  z-index: 2;
}
@media screen and (min-width: 990px) {
  .collection-product-image {
    display: block;
  }
}
.collection-product-image--left {
  grid-column-start: 1;
}
.collection-product-image__wrapper {
  width: 100%;
  height: 100%;
}
.collection-product-image__media {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 115%;
  object-fit: cover;
}

.title-wrapper-empty .title .link {
  font-size: inherit;
  letter-spacing: 0;
  transition: var(--duration-default);
}

@media screen and (min-width: 990px) {
  .collection-product .pagination-wrapper {
    margin-top: 8.8rem;
  }
}

.collections-grid {
  display: grid;
  gap: 1.5rem 0.8rem;
}
@media screen and (min-width: 750px) {
  .collections-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 990px) {
  .collections-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 1560px) {
  .collections-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
.collections-grid__information {
  padding: 1rem;
}
@media screen and (min-width: 576px) {
  .collections-grid__information {
    padding: 1.6rem;
  }
}
@media screen and (min-width: 1200px) {
  .collections-grid__information {
    padding: 1.6rem 3rem;
  }
}
.collections-grid__information .card-information__wrapper {
  padding: 0;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 1.6rem;
}
.collections-grid__title a {
  text-decoration: none;
  color: inherit;
}
.collections-grid__title a svg {
  margin-left: 0.8rem;
  height: 1.4rem;
  width: auto;
}
@media screen and (min-width: 750px) {
  .collections-grid__title a svg {
    height: 1.6rem;
  }
}
.collections-grid img.img-scale {
  transition: transform var(--duration-long) cubic-bezier(0.165, 0.84, 0.44, 1);
}
.collections-grid .collections-grid__card:hover img.img-scale {
  transform: scale(1.05);
}
.collections-grid .card-wrapper {
  position: relative;
  display: flex;
  overflow: hidden;
}
.collections-grid .card-wrapper .image-ratio {
  display: block;
  box-sizing: border-box;
  width: 0;
}
.collections-grid .card-wrapper .image-ratio--portrait {
  padding-bottom: 114%;
}
.collections-grid .card-wrapper .image-ratio--landscape {
  padding-bottom: 70%;
}
.collections-grid .image-ratio {
  display: block;
  box-sizing: border-box;
  width: 0;
}
.collections-grid .image-ratio--portrait {
  padding-bottom: 130%;
}
.collections-grid .image-ratio--landscape {
  padding-bottom: 67%;
}
.collections-grid .image-ratio--square {
  padding-bottom: 100%;
}
.collections-grid .media {
  border-radius: 6px;
}
.collections-grid .card-information__count {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgb(var(--color-foreground-secondary));
  pointer-events: none;
}
.collections-grid .card-wrapper__image {
  opacity: 1;
}
.collections-grid__title {
  margin: 0;
}
.collections-grid__desc {
  font-size: var(--font-secondary-text);
  color: rgb(var(--color-foreground-secondary));
}

.collection-product-card.collection-product-card--extended.quickview--hover:hover .media.media--hover-effect {
  transform: none;
}

/* ===== template-search.css ===================================================== */

.template-404 .breadcrumb,
.template-search .breadcrumb {
  margin: 2.4rem 0 1.6rem;
}

.template-404 .container-404 {
  max-width: calc(1500px + 10rem);
  margin: auto;
  padding-left: 4rem;
  padding-right: 4rem;
}
@media screen and (min-width: 750px) {
  .template-404 .container-404 {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
.template-404 .main-404 {
  background-color: rgb(var(--color-base-background-2));
  border-radius: 6px;
}
.template-404 .page-header {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0.8rem;
}
.template-404 .search__form-inner .field input[type=search] {
  background-color: rgb(var(--color-background-input));
}
.template-404 .field:hover input {
  border: 2px solid rgba(var(--color-accent), 0.5);
}
.template-404 .field:hover .predictive-search {
  border: 2px solid rgba(var(--color-accent), 0.5);
  border-top: none;
}

.search__form-text {
  margin-top: 0;
  margin-bottom: 3.2rem;
  max-width: 74rem;
  font-size: 1.4rem;
  text-align: left;
  color: rgb(var(--color-secondary-text));
}
@media only screen and (min-width: 750px) {
  .search__form-text {
    font-size: 1.8rem;
  }
}
.search .field__label::before {
  color: rgb(var(--color-secondary-text)) !important;
}
.search .field:hover input {
  border: 2px solid rgba(var(--color-accent), 0.5);
}
.search .field:hover .predictive-search {
  border: 2px solid rgba(var(--color-accent), 0.5);
  border-top: none;
}
.search-results__top {
  padding-top: 6.4rem;
  padding-bottom: 1.6rem;
  border-top: 1px solid rgba(var(--color-border));
  margin-top: 6.4rem;
}
@media screen and (min-width: 750px) {
  .search-results__top {
    padding-top: 12rem;
  }
}
.search-results__top h3 {
  margin: 0;
}
.search-results__top.first {
  border: none;
  margin-top: 0;
}

.template-search .template-search-container {
  max-width: calc(1500px + 10rem);
  margin: auto;
  padding-left: 4rem;
  padding-right: 4rem;
}
@media screen and (min-width: 750px) {
  .template-search .template-search-container {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
.template-search .template-search-main {
  background-color: rgb(var(--color-base-background-2));
  border-radius: 6px;
}
.template-search .page-header {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0.8rem;
}
.template-search .search__form-inner .field {
  box-shadow: 0px 40px 60px rgba(var(--color-foreground), 0.05);
}
.template-search--empty .page-header {
  margin-bottom: 0;
  padding-bottom: 0.8rem;
}

.template-search__page {
  position: relative;
}
.template-search__search {
  margin: 0 auto;
  max-width: 100%;
}

.template-search__results ul {
  list-style: none;
  margin-top: 0;
}

.template-search__results {
  margin-top: 0;
}

.card-page {
  background-color: rgb(var(--color-base-background-2));
  border-radius: 0.6rem;
  padding: 3.6rem 3rem;
}
.card-page__content {
  display: flex;
  justify-content: space-between;
}

.collection-results {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.8rem;
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
.collection-results .article {
  width: 100%;
}
.collection-results .card__text {
  font-size: 20px;
}
/* products: the unified responsive grid (matches the collection grid).
   Two-class selector so it wins over the base .collection-results
   breakpoints, which remain for the article/page result lists. */
.collection-results.collection-results--products {
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 48px 17px;
}
@media screen and (min-width: 990px) {
  .collection-results {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 1200px) {
  .collection-results {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 576px) {
  .collection-results--2-mobile {
    grid-template-columns: repeat(2, 1fr);
  }
  .collection-results--2-mobile .card__title h5 {
    font-size: 1.5rem;
  }
  .collection-results--2-mobile .card-information__wrapper {
    padding: 1.4rem;
  }
  .collection-results--2-mobile .card__badge {
    top: 1rem;
    left: 1rem;
  }
  .collection-results--2-mobile .badge {
    padding: 0.2rem 0.6rem;
  }
  .collection-results--2-mobile .article__title {
    font-size: 1.5rem;
  }
  .collection-results--2-mobile .card-page {
    padding: 1.4rem;
  }
  .collection-results--2-mobile .card-page .button--simple {
    width: 4rem;
    height: 4rem;
  }
}

.articles-results-list {
  gap: 4rem 0.8rem;
}
@media screen and (min-width: 990px) {
  .articles-results-list {
    gap: 6rem 0.8rem;
  }
}

/* ============================================================
   Product card variant strip — image thumbnails
   Replaces the circle swatches with each variant's main image,
   caps the row at 5, and adds a "+N" overflow pill.
   Scoped to .product-card--thumbs (added by the snippet
   when variant_thumbs is on) so it applies uniformly on every
   surface that renders the thumbnail strip, regardless of the
   outer wrapper. Pure flex layout — no absolute positioning. */
.product-card--thumbs .product-form__controls-group.swatches-slider {
  display: flex;
  flex-wrap: wrap;            /* safety fallback; one row holds 5 + "+N" at 256px */
  justify-content: center;
  align-items: center;
  gap: 6px;
}
/* Image swatch: the box hugs the thumbnail (22px tall, width follows the
   image's aspect) so the coin fills the tile edge-to-edge with no
   letterbox "virtual padding". object-fit: contain keeps the whole coin
   visible without cropping. */
.product-card--thumbs label.color-swatch {
  height: 22px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;   /* neutralize .product-form__controls-group label { max-width: 20px } */
  flex: 0 0 auto !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 2px !important;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  background: transparent;
}
.product-card--thumbs label.color-swatch .swatch__img {
  height: 22px;
  width: auto;
  max-width: none;   /* neutralize per-surface img caps (e.g. .product-card img { max-width: 50% }) */
  display: block;
  object-fit: contain;
  border-radius: 2px;
}
/* When a thumbnail image is present the disc pseudo isn't needed. */
.product-card--thumbs label.color-swatch:not(.swatch--empty):after {
  display: none !important;
}
/* No-image variant: the disc pseudo is the load-bearing fallback — a faint
   centered dot on a neutral or keyword-tinted tile. The linear-gradient
   carries the existing --swatch-color tint (e.g. silver/gold) when it
   resolves to a valid color, otherwise the declaration is ignored and
   #efece6 shows. The dot is centered by the label's flexbox. */
.product-card--thumbs label.color-swatch.swatch--empty {
  width: 22px !important;
  background-color: #efece6;
  background-image: linear-gradient(var(--swatch-color), var(--swatch-color));
}
.product-card--thumbs label.color-swatch.swatch--empty:after {
  content: "" !important;
  display: block !important;
  flex: 0 0 auto !important;
  width: 56% !important;
  height: 56% !important;
  max-width: 56% !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #dcd8d0 !important;
}
/* selected affordance */
.product-card--thumbs label.color-swatch.active {
  outline: 2px solid #1D1D1B;
  outline-offset: 1px;
  border: 0 !important;
}
/* keyboard focus parity (the radio input is visually hidden but focusable) */
.product-card--thumbs label.color-swatch:focus-within {
  outline: 2px solid #1D1D1B;
  outline-offset: 2px;
}
/* "+N" overflow pill — links to the product page, does not select */
.product-card--thumbs .swatch-more {
  height: 22px;
  min-width: 22px;
  padding: 0 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 4px;
  background: #ebe7e0;
  color: #6c6962;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  text-decoration: none;
  cursor: pointer;
}
.product-card--thumbs .swatch-more:hover {
  background: #e1ddd4;
  color: #1D1D1B;
}
.product-card--thumbs .swatch-more:focus-visible {
  outline: 2px solid #1D1D1B;
  outline-offset: 2px;
}

/* ============================================================
   Variant picker — product-page swatch grid (<variant-picker>)
   Tile = circle over name on one line. Selection / sold-out are
   pure CSS via :has — no JS state classes. See snippets/variant-picker.liquid
   ============================================================ */
.variant-picker{
  --variant-picker-surface:#fffdfa; --variant-picker-ink:#211f1a; --variant-picker-muted:#7c756a;
  --variant-picker-accent:#905635; --variant-picker-accent-ink:#6f4228;
  --variant-picker-fill-default:#ffffff;            /* white circle when no keyword matches */
  --variant-picker-border:#e6ddcd;                  /* frame border */
  --variant-picker-fade:16px;                       /* top/bottom scroll-edge fade */
  --variant-picker-disc:70px; --variant-picker-cell:112px; --variant-picker-rows:18rem;   /* scroll cap */
  --variant-picker-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  --variant-picker-serif:'Lithos',sans-serif;
  display:block; font-family:var(--variant-picker-sans); color:var(--variant-picker-ink);
}

/* framed, headlined container so coin images/names don't float against a raw edge */
.variant-picker__frame{border:1px solid var(--variant-picker-border);border-radius:14px;background:var(--variant-picker-surface);
  padding:14px 6px 10px 14px}
.variant-picker__heading{margin:0 0 8px;padding-right:8px;font-family:var(--variant-picker-serif);font-size:13px;
  letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--variant-picker-ink)}

.variant-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--variant-picker-cell),1fr));
  gap:16px 12px;
  max-height:var(--variant-picker-rows);overflow-y:auto;
  border:0;margin:0;padding:var(--variant-picker-fade) 8px var(--variant-picker-fade) 2px;min-inline-size:auto;
  /* fade content at the scroll edges instead of a hard cut (top/bottom padding sits in the fade so unscrolled content stays crisp) */
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--variant-picker-fade),#000 calc(100% - var(--variant-picker-fade)),transparent 100%);
          mask-image:linear-gradient(to bottom,transparent 0,#000 var(--variant-picker-fade),#000 calc(100% - var(--variant-picker-fade)),transparent 100%);
  scrollbar-width:thin;scrollbar-color:#cdbfa6 transparent}
.variant-picker__grid::-webkit-scrollbar{width:8px}
.variant-picker__grid::-webkit-scrollbar-thumb{background:#d8cdb6;border-radius:8px}

.variant-picker__tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;
  padding:8px 6px;border-radius:12px;cursor:pointer;transition:background .14s}
.variant-picker__tile:hover{background:rgba(120,90,40,.06)}
.variant-picker__radio{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}

.variant-picker__disc{position:relative;width:var(--variant-picker-disc);height:var(--variant-picker-disc);border-radius:50%;
  transition:transform .14s}
.variant-picker__tile:hover .variant-picker__disc{transform:translateY(-2px)}
.variant-picker__radio:focus-visible + .variant-picker__disc{outline:2px solid var(--variant-picker-accent);outline-offset:3px}

/* Solid swatch: keep the circular chrome (radius + inset/drop shadow + ring). */
.variant-picker__fill{display:block;width:100%;height:100%;border-radius:50%;
  background:var(--variant-picker-fill-default);               /* overridden inline by theme colour */
  box-shadow:inset 0 2px 4px rgba(255,255,255,.5),inset 0 -4px 8px rgba(0,0,0,.18),
    0 2px 5px rgba(40,28,12,.18);border:1px solid rgba(0,0,0,.14)}

/* Image swatch: show the PNG naturally — no circle, no crop, no shadow. Many
   ancient coins aren't round, so the circular chrome looked wrong on them. */
.variant-picker__disc:has(.variant-picker__img){border-radius:8px}
.variant-picker__img{width:100%;height:100%;display:block;border-radius:0;box-shadow:none;object-fit:contain}

/* selection + sold-out are pure CSS via :has — circular ring for solid fills,
   rounded-rect outline for image swatches. */
.variant-picker__tile:has(.variant-picker__radio:checked) .variant-picker__disc:has(.variant-picker__fill){box-shadow:0 0 0 2px var(--variant-picker-surface),0 0 0 4px var(--variant-picker-accent)}
.variant-picker__tile:has(.variant-picker__radio:checked) .variant-picker__disc:has(.variant-picker__img){box-shadow:0 0 0 2px var(--variant-picker-accent)}
.variant-picker__tile:has(.variant-picker__radio:checked) .variant-picker__check{opacity:1;transform:scale(1)}
.variant-picker__tile:has(.variant-picker__radio:checked) .variant-picker__name{color:var(--variant-picker-accent-ink);font-weight:600}
.variant-picker__tile:has(.variant-picker__radio:disabled){opacity:.4;cursor:not-allowed}
.variant-picker__tile:has(.variant-picker__radio:disabled) .variant-picker__disc{filter:grayscale(.55)}

.variant-picker__check{position:absolute;right:-2px;bottom:-2px;width:20px;height:20px;border-radius:50%;
  background:var(--variant-picker-accent);color:#fff;display:flex;align-items:center;justify-content:center;
  border:2px solid var(--variant-picker-surface);font-size:12px;line-height:1;opacity:0;transform:scale(.6);transition:.14s}

/* the name: always beneath, always one line */
.variant-picker__name{max-width:100%;font-size:12.5px;line-height:1.3;color:var(--variant-picker-muted);text-align:center;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}

.variant-picker__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(prefers-reduced-motion:reduce){.variant-picker__disc,.variant-picker__check{transition:none}}

/* ============================================================
   Product info tabs (<info-tabs>) + symbols explorer (<symbol-explorer>)
   Framed, animated tab components for product-symbols__content.
   See snippets/info-tabs.liquid, snippets/symbol-explorer.liquid +
   assets/info-tabs.js, assets/symbol-explorer.js
   ============================================================ */
.info-tabs__root,.symbol-explorer__root{
  --info-tabs-ink:#23211c; --info-tabs-muted:#8a8275; --info-tabs-soft:#4d473d;
  --info-tabs-panel:#ffffff; --info-tabs-line:#e7e1d5; --info-tabs-line-soft:#efe9df;
  --info-tabs-gold:#c2a14e; --info-tabs-gold-deep:#a9863a; --info-tabs-track-bg:#efe9dd;
  --info-tabs-serif:'Lithos',sans-serif;
  --info-tabs-hebrew:"Frank Ruhl Libre","Times New Roman","David",serif;
  display:block;color:var(--info-tabs-ink);
  /* the cards are flex items of product-symbols__content (a flex container);
     min-width:0 lets them shrink so the tab tracks scroll instead of pushing
     the card wider than the viewport (which also hid the prev/next arrows). */
  min-width:0;max-width:100%;width:100%}
.symbol-explorer__root + .info-tabs__root{margin-top:28px}
/* keep the whole min-width:0 chain so a wide tab track scrolls instead of stretching the card */
.info-tabs,.symbol-explorer{max-width:100%;min-width:0}
.info-tabs__track-row,.symbol-explorer__track-row{min-width:0}

/* framed card */
.info-tabs,.symbol-explorer{background:var(--info-tabs-panel);border:1px solid var(--info-tabs-line);border-radius:20px;
  padding:26px 32px 34px;box-shadow:0 1px 2px rgba(40,30,15,.04),0 10px 28px rgba(40,30,15,.06)}
.symbol-explorer{padding:30px 32px 34px}

/* shared tab track */
.info-tabs__track-row,.symbol-explorer__track-row{position:relative;display:flex;align-items:center;gap:6px}
/* arrows overlay the track's faded edges (absolute) instead of reserving a
   flex column each side — gives the symbol names the full track width and
   drops the empty gap left when an arrow is hidden */
.info-tabs__arrow,.symbol-explorer__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;
  width:34px;height:34px;border-radius:50%;border:1px solid var(--info-tabs-line);
  background:var(--info-tabs-panel);color:var(--info-tabs-muted);display:grid;place-items:center;cursor:pointer;
  opacity:0;pointer-events:none;transition:opacity .2s,border-color .2s,color .2s;padding:0}
.info-tabs__prev,.symbol-explorer__prev{left:-6px}
.info-tabs__next,.symbol-explorer__next{right:-6px}
.info-tabs__arrow:hover,.symbol-explorer__arrow:hover{border-color:var(--info-tabs-gold);color:var(--info-tabs-ink)}
.info-tabs__arrow:focus-visible,.symbol-explorer__arrow:focus-visible{outline:2px solid var(--info-tabs-gold-deep);outline-offset:2px}
.info-tabs__track-row.can-left .info-tabs__prev,.info-tabs__track-row.can-right .info-tabs__next,
.symbol-explorer__track-row.can-left .symbol-explorer__prev,.symbol-explorer__track-row.can-right .symbol-explorer__next{opacity:1;pointer-events:auto}

.info-tabs__track-wrap,.symbol-explorer__track-wrap{position:relative;flex:1;min-width:0}
.info-tabs__track-row.can-left .info-tabs__track-wrap::before,.info-tabs__track-row.can-right .info-tabs__track-wrap::after,
.symbol-explorer__track-row.can-left .symbol-explorer__track-wrap::before,.symbol-explorer__track-row.can-right .symbol-explorer__track-wrap::after{opacity:1}
.info-tabs__track-wrap::before,.info-tabs__track-wrap::after,.symbol-explorer__track-wrap::before,.symbol-explorer__track-wrap::after{
  content:"";position:absolute;top:0;bottom:0;width:46px;z-index:2;pointer-events:none;opacity:0;transition:opacity .2s}
.info-tabs__track-wrap::before,.symbol-explorer__track-wrap::before{left:0;background:linear-gradient(90deg,var(--info-tabs-panel),transparent)}
.info-tabs__track-wrap::after,.symbol-explorer__track-wrap::after{right:0;background:linear-gradient(270deg,var(--info-tabs-panel),transparent)}

.info-tabs__track,.symbol-explorer__track{position:relative;display:flex;gap:34px;overflow-x:auto;
  scroll-behavior:smooth;scroll-snap-type:x proximity;scroll-padding-inline:8px;
  overscroll-behavior-x:contain;padding:2px 2px 16px;scrollbar-width:none;margin:0;border:0;min-inline-size:auto}
.symbol-explorer__track{gap:18px}
.info-tabs__track::-webkit-scrollbar,.symbol-explorer__track::-webkit-scrollbar{display:none}
.info-tabs__tab,.symbol-explorer__tab{flex:none;border:0;background:transparent;cursor:pointer;white-space:nowrap;padding:0;
  scroll-snap-align:center;font-family:var(--info-tabs-serif);font-size:15px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--info-tabs-muted);transition:color .2s}
/* symbol-name tabs use the body font, smaller + tighter, so more names fit
   and stay readable before the edges clip on narrow viewports */
.symbol-explorer__tab{font-family:inherit;font-size:13px;letter-spacing:.04em}
.info-tabs__tab[hidden],.symbol-explorer__tab[hidden]{display:none}
.info-tabs__tab:hover,.symbol-explorer__tab:hover{color:#5b5447}
.info-tabs__tab[aria-selected="true"],.symbol-explorer__tab[aria-selected="true"]{color:var(--info-tabs-ink)}
.info-tabs__tab:focus-visible,.symbol-explorer__tab:focus-visible{outline:2px solid var(--info-tabs-gold-deep);outline-offset:3px;border-radius:3px}
.info-tabs__marker,.symbol-explorer__marker{position:absolute;left:0;bottom:8px;height:2px;width:0;background:var(--info-tabs-gold-deep);
  transition:transform .32s cubic-bezier(.4,0,.2,1),width .32s cubic-bezier(.4,0,.2,1)}
.info-tabs__rule,.symbol-explorer__rule{height:1px;background:var(--info-tabs-line);margin-top:-1px}

/* panels */
.info-tabs__panel,.symbol-explorer__detail{margin-top:30px;transition:opacity .16s ease,transform .16s ease}
.info-tabs__panel.is-swapping,.symbol-explorer__detail.is-swapping{opacity:0;transform:translateY(6px)}
.info-tabs__panel:focus,.symbol-explorer__detail:focus{outline:none}
.info-tabs__rte p,.symbol-explorer__lead p{font-size:16px;line-height:1.7;color:var(--info-tabs-soft);max-width:62ch;margin:0 0 17px}
.info-tabs__rte p:last-child,.symbol-explorer__lead p:last-child{margin-bottom:0}
.info-tabs__rte h1,.info-tabs__rte h2,.info-tabs__rte h3,.info-tabs__rte h4{font-family:var(--info-tabs-serif);font-weight:600;line-height:1.25;
  color:var(--info-tabs-ink);margin:0 0 16px}
.info-tabs__rte h2{font-size:26px}.info-tabs__rte h3{font-size:23px}.info-tabs__rte h4{font-size:19px}
.info-tabs__rte a,.symbol-explorer__lead a{color:var(--info-tabs-gold-deep);text-decoration:underline}
.info-tabs__rte ul,.info-tabs__rte ol{margin:0 0 17px;padding-left:1.3em;color:var(--info-tabs-soft);line-height:1.7}
.info-tabs__rte ul li,.info-tabs__rte ol li{margin:0 0 6px}
.info-tabs__panel-image{margin-top:10px}
.info-tabs__panel-image img{max-width:100%;height:auto;border-radius:12px;display:block}

/* symbols: title + Obverse/Reverse face toggle */
.symbol-explorer__title{font-family:var(--info-tabs-serif);font-weight:600;font-size:30px;letter-spacing:.06em;
  text-transform:uppercase;margin:0 0 24px}
.symbol-explorer__faces{position:relative;display:inline-flex;background:var(--info-tabs-track-bg);border-radius:999px;padding:5px}
.symbol-explorer__faces button{position:relative;z-index:1;border:0;background:transparent;cursor:pointer;
  font-family:var(--info-tabs-serif);font-size:15px;letter-spacing:.05em;color:var(--info-tabs-muted);
  padding:11px 34px;border-radius:999px;transition:color .28s}
.symbol-explorer__faces button[aria-selected="true"]{color:#3a3118}
.symbol-explorer__faces button:focus-visible{outline:2px solid var(--info-tabs-gold-deep);outline-offset:2px;border-radius:999px}
.symbol-explorer__thumb{position:absolute;top:5px;bottom:5px;left:0;z-index:0;width:0;border-radius:999px;
  background:linear-gradient(180deg,#cdae5e,#bb9540);
  box-shadow:0 2px 7px rgba(120,90,20,.3),inset 0 1px 0 rgba(255,255,255,.45);
  transition:transform .34s cubic-bezier(.4,0,.2,1),width .34s cubic-bezier(.4,0,.2,1)}
.symbol-explorer__nav{margin-top:30px}
.symbol-explorer__meta{display:flex;justify-content:flex-end;align-items:baseline;margin-bottom:12px}
.symbol-explorer__count{font-size:12px;color:var(--info-tabs-muted);font-variant-numeric:tabular-nums;letter-spacing:.1em}
.symbol-explorer__lead p{font-size:17px;line-height:1.66;max-width:60ch}

@media(max-width:560px){
  .info-tabs,.symbol-explorer{padding:20px 20px 26px}
  .info-tabs__rte h3{font-size:21px}
  .symbol-explorer__title{font-size:25px}
}
@media(prefers-reduced-motion:reduce){
  .info-tabs__track,.symbol-explorer__track{scroll-behavior:auto}
}
.info-tabs__panel[hidden],.symbol-explorer__detail[hidden]{display:none}

/* ============================================================
   <orbit-carousel-3d> — home "best-sellers" 3D ring carousel.
   See sections/best-sellers.liquid + assets/orbit-carousel-3d.js
   (coins on a tipped circle; drag / arrows / dots; add the centered
   product to the cart in place). Reuses the theme palette; Lithos for
   the display type so no new font is introduced.
   ============================================================ */
.best-sellers{
  --orbit-carousel-ink:#23211c; --orbit-carousel-muted:#8a8275;
  --orbit-carousel-panel:#fff; --orbit-carousel-line:#e3ddd0;
  --orbit-carousel-gold:#c2a14e; --orbit-carousel-gold-deep:#a9863a; --orbit-carousel-sale:#b5392b;
  --orbit-carousel-serif:'Lithos',sans-serif;
  display:block;color:var(--orbit-carousel-ink)}
.orbit-carousel{margin:0 auto;padding:46px 0 60px;text-align:center}
.orbit-carousel__eyebrow{font-family:var(--orbit-carousel-serif);font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--orbit-carousel-gold-deep);margin:0 0 10px}
.orbit-carousel__title{font-family:var(--orbit-carousel-serif);font-weight:600;font-size:34px;letter-spacing:.06em;text-transform:uppercase;margin:0 0 18px;line-height:1.1;color:var(--orbit-carousel-ink)}

/* 3D ring stage */
.orbit-carousel__stage{position:relative;height:430px;overflow:hidden;perspective:780px;perspective-origin:50% 46%;touch-action:pan-y;cursor:grab}
.orbit-carousel__stage:active{cursor:grabbing}
.orbit-carousel__stage:focus-visible{outline:2px solid var(--orbit-carousel-gold-deep);outline-offset:4px;border-radius:12px}
.orbit-carousel__glow{position:absolute;left:50%;top:50%;width:380px;height:380px;transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(201,168,90,.22),rgba(201,168,90,0) 62%);filter:blur(6px);z-index:0;pointer-events:none}
.orbit-carousel__track{position:absolute;inset:0;transform-style:preserve-3d}
.orbit-carousel__card{position:absolute;left:50%;top:50%;width:152px;height:152px;text-decoration:none;color:inherit;cursor:pointer;-webkit-user-drag:none}
/* blurred low-res preview behind the coin until the full image loads. the
   blur is of the real (cut-out) image so it keeps the coin's silhouette;
   scale(.78) keeps the soft blurred edges inside the box so they aren't
   hard-clipped. crossfades out as the full coin fades in. */
.orbit-carousel__card--lqip::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:var(--orbit-carousel-lqip);background-size:contain;background-position:center;background-repeat:no-repeat;
  filter:blur(7px);transform:scale(.78);opacity:1;transition:opacity .5s ease}
.orbit-carousel__card--lqip.is-loaded::before{opacity:0}
.orbit-carousel__coin{position:relative;z-index:1;width:100%;height:100%;display:block;object-fit:contain;
  filter:drop-shadow(0 10px 16px rgba(40,30,12,.28));-webkit-user-drag:none;user-select:none;
  /* gentle idle hover — composited transform only, runs on the coin (img) so it
     never fights the ring transform the JS applies to the parent .orbit-carousel__card */
  animation:orbit-carousel__float 4.6s ease-in-out infinite;will-change:transform}
@keyframes orbit-carousel__float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
/* desync each coin so they bob independently, never in lockstep */
.orbit-carousel__card:nth-child(2n) .orbit-carousel__coin{animation-duration:5.3s;animation-delay:-1.2s}
.orbit-carousel__card:nth-child(3n) .orbit-carousel__coin{animation-duration:4.9s;animation-delay:-2.7s}
.orbit-carousel__card:nth-child(4n) .orbit-carousel__coin{animation-duration:5.7s;animation-delay:-0.6s}
.orbit-carousel__card:nth-child(5n) .orbit-carousel__coin{animation-duration:4.3s;animation-delay:-3.4s}

/* controls */
.orbit-carousel__controls{display:flex;align-items:center;justify-content:center;gap:20px;margin:4px 0 26px}
.orbit-carousel__arrow{width:42px;height:42px;border-radius:50%;border:1px solid var(--orbit-carousel-line);background:var(--orbit-carousel-panel);
  color:var(--orbit-carousel-muted);display:grid;place-items:center;cursor:pointer;transition:border-color .18s,color .18s,transform .18s}
.orbit-carousel__arrow:hover{border-color:var(--orbit-carousel-gold);color:var(--orbit-carousel-ink);transform:translateY(-1px)}
.orbit-carousel__arrow:focus-visible{outline:2px solid var(--orbit-carousel-gold-deep);outline-offset:2px}
.orbit-carousel__dots{display:flex;align-items:center;gap:9px}
.orbit-carousel__dot{width:8px;height:8px;border-radius:50%;border:0;padding:0;cursor:pointer;
  background:rgba(169,134,58,.32);transition:transform .2s,background .2s}
.orbit-carousel__dot:hover{background:rgba(169,134,58,.6)}
.orbit-carousel__dot.on{background:var(--orbit-carousel-gold-deep);transform:scale(1.4)}
.orbit-carousel__dot:focus-visible{outline:2px solid var(--orbit-carousel-gold-deep);outline-offset:3px}

/* info + cart */
.orbit-carousel__text{transition:opacity .15s ease,transform .15s ease}
.orbit-carousel__text.is-swap{opacity:0;transform:translateY(5px)}
.orbit-carousel__name{font-size:22px;font-weight:600;letter-spacing:.01em;color:var(--orbit-carousel-ink);margin:0 auto 14px;max-width:24ch;line-height:1.3}
.orbit-carousel__name a{color:inherit;text-decoration:none}
.orbit-carousel__name a:hover{text-decoration:underline;text-underline-offset:3px}
.orbit-carousel__price{display:flex;gap:14px;justify-content:center;align-items:baseline;margin:0 0 24px;font-size:21px}
.orbit-carousel__sale{color:var(--orbit-carousel-sale);font-weight:700}
.orbit-carousel__now{color:var(--orbit-carousel-ink);font-weight:700}
.orbit-carousel__was{color:var(--orbit-carousel-muted);text-decoration:line-through;font-size:18px}
.orbit-carousel__cart{appearance:none;-webkit-appearance:none;border:0;background:#1a1a1a;color:#fff;font:inherit;font-size:15px;
  font-weight:600;letter-spacing:.04em;padding:16px 46px;border-radius:999px;cursor:pointer;min-width:250px;
  transition:background .18s,transform .18s}
.orbit-carousel__cart:hover{background:#000;transform:translateY(-1px)}
.orbit-carousel__cart:focus-visible{outline:2px solid var(--orbit-carousel-gold-deep);outline-offset:3px}
.orbit-carousel__cart.is-added{background:#3f7d4f}
.orbit-carousel__cart:disabled{background:#b8b2a6;cursor:not-allowed;transform:none}

@media(max-width:620px){
  .orbit-carousel__title{font-size:27px}
}
@media(prefers-reduced-motion:reduce){
  .orbit-carousel__text,.orbit-carousel__arrow,.orbit-carousel__cart,.orbit-carousel__dot{transition:none}
}

/* ============================================================
   <face-details> — per-variant "engraved face details" card (variant-specs).
   Hairline frame; the Obverse/Reverse toggle rides the top edge as a legend;
   per-face finish groups swap inside, then face-agnostic attribute chips; a
   shared Diameter/Thickness/Weight grid sits below the frame.
   See snippets/obverse-reverse-section.liquid + assets/face-details.js
   ============================================================ */
face-details{
  --face-details-ink:#23211c; --face-details-muted:#8a8275; --face-details-line:#ece6d8;
  --face-details-gold-deep:#a9863a; --face-details-chip:#f4f0e8; --face-details-track:#efe9dd;
  display:block;color:var(--face-details-ink)}

/* hairline frame; toggle breaks the top border like a fieldset legend.
   The frame holds only the face-dependent finishes; face-agnostic chips live
   in .face-details__pills--static below it. */
.face-details__frame{position:relative;border:1px solid var(--face-details-line);border-radius:16px;padding:34px 22px 22px}

.face-details__toggle{position:absolute;top:0;left:24px;transform:translateY(-50%);z-index:2;
  display:inline-flex;background:var(--face-details-track);border-radius:999px;padding:4px}
.face-details__toggle button{position:relative;z-index:1;border:0;background:transparent;cursor:pointer;
  font-family:'Lithos',sans-serif;font-size:13.5px;letter-spacing:.04em;color:var(--face-details-muted);
  padding:8px 22px;border-radius:999px;transition:color .25s}
.face-details__toggle button[aria-selected="true"]{color:#3a3118}
.face-details__toggle button:focus-visible{outline:2px solid var(--face-details-gold-deep);outline-offset:2px;border-radius:999px}
.face-details__thumb{position:absolute;top:4px;bottom:4px;left:0;z-index:0;width:0;border-radius:999px;
  background:linear-gradient(180deg,#cdae5e,#bb9540);
  box-shadow:0 2px 6px rgba(120,90,20,.28),inset 0 1px 0 rgba(255,255,255,.45);
  transition:transform .32s cubic-bezier(.4,0,.2,1),width .32s cubic-bezier(.4,0,.2,1)}

.face-details__pills{display:flex;flex-wrap:wrap;gap:9px}
/* face-agnostic chips, rendered once below the frame */
.face-details__pills--static{margin-top:16px}
/* each face block spans its own line and stacks its group rows */
.face-details__face{flex-basis:100%;display:flex;flex-wrap:wrap;gap:9px;transition:opacity .15s ease,transform .15s ease}
.face-details__face.is-swap{opacity:0;transform:translateY(5px)}
.face-details__face[hidden]{display:none}

.face-details__chip{display:inline-flex;align-items:center;gap:8px;background:var(--face-details-chip);border:1px solid var(--face-details-line);
  border-radius:999px;padding:8px 15px 8px 12px;font-size:13.5px;color:var(--face-details-ink);white-space:nowrap}
.face-details__chip--icon{padding:0;gap:0;width:36px;height:36px;border-radius:50%;justify-content:center;
  background:var(--face-details-ink);border-color:var(--face-details-ink)}
.face-details__chip--icon .face-details__ic img{filter:brightness(0) invert(1)}   /* force the glyph white on the dark circle */
.face-details__ic{width:17px;height:17px;display:inline-flex;flex:none}
.face-details__ic img{width:100%;height:100%;object-fit:contain;display:block}

/* labeled attribute group: pale capsule holding a label + nested white value pills */
.face-details__grouprow{flex-basis:100%;display:flex}
/* radius:32px exploits border-radius clamping: on one line it exceeds half the
   height so the browser clamps it to a full pill; on two lines the box is
   taller, so the same 32px stays clean rounded corners instead of the
   malformed tall stadium that 999px produced. Pill when single, rounded-rect
   when wrapped. */
.face-details__group{display:inline-flex;align-items:center;flex-wrap:wrap;gap:7px;max-width:100%;
  background:var(--face-details-chip);border:1px solid var(--face-details-line);border-radius:32px;padding:6px 9px 6px 16px}
.face-details__group-label{font-size:13.5px;color:var(--face-details-ink);white-space:nowrap;margin-right:1px}
.face-details__val{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--face-details-line);
  border-radius:999px;padding:6px 13px 6px 11px;font-size:13px;color:var(--face-details-ink);white-space:nowrap}
.face-details__val .face-details__ic{width:16px;height:16px}

/* shared, face-agnostic specs outside the frame */
.face-details__dims{margin-top:22px;padding:0 4px}
.face-details__specs{display:grid;grid-template-columns:repeat(3,1fr)}
.face-details__specs > div{padding:0 18px;border-left:1px solid var(--face-details-line)}
.face-details__specs > div:first-child{border-left:0;padding-left:0}
.face-details__specs dt{font-size:12px;color:var(--face-details-muted);margin:0 0 5px;letter-spacing:.03em}
.face-details__specs dd{font-size:17px;color:var(--face-details-ink);margin:0;font-weight:600}

/* ============================================================
   Button processing state (window.setButtonLoading in main.js).
   The label is swapped for a spinner in the button's own text colour;
   min-width/height are pinned in JS so there's no layout shift.
   ============================================================ */
.is-loading{position:relative;pointer-events:none;cursor:wait}
/* high specificity + fixed px so host-button rules (e.g. .product-form__submit
   span{width:100%}) can't stretch it into an ellipse */
.is-loading .btn-spinner{position:absolute;top:50%;left:50%;box-sizing:border-box;display:block;
  width:18px;height:18px;min-width:0;max-width:none;margin:-9px 0 0 -9px;padding:0;
  border:2px solid currentColor;border-right-color:transparent;border-radius:50%;
  animation:btn-spin .62s linear infinite}
@keyframes btn-spin{to{transform:rotate(360deg)}}

/* gentle image fade-in (window.fadeInImages in main.js). .is-loading is only
   added by JS to not-yet-loaded images, so without JS images stay visible. */
img.js-fade{transition:opacity .45s ease}
img.js-fade.is-loading{opacity:0}
img.js-fade.is-loaded{opacity:1}

/* ============================================================
   <collection-showcase> — home collections stage.
   Each collection shows its background image (cover), heading/desc/CTA, and a
   scrollable track of its product coins; pager swaps collections with a
   reveal-wipe. See sections/temple-collections.liquid + collection-showcase.js
   ============================================================ */
.collection-showcase{display:block}
.collection-showcase__stage{position:relative;overflow:hidden;min-height:900px;display:flex;background:#1a1814}
.collection-showcase__bg{position:absolute;inset:0;z-index:1;background-size:cover;background-position:center;
  background-repeat:no-repeat;background-color:#1a1814}
.collection-showcase__scrim{position:absolute;inset:0;z-index:4;pointer-events:none;
  background:linear-gradient(180deg, rgba(8,10,20,.52) 0%, rgba(8,10,20,.12) 24%,
    rgba(8,10,18,0) 44%, rgba(10,8,12,.46) 76%, rgba(10,8,12,.74) 100%)}

.collection-showcase__ui{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;padding:54px 40px 30px}
.collection-showcase__content{text-align:center;max-width:560px;margin:0 auto;transition:opacity .3s ease,transform .3s ease}
.collection-showcase__content.is-out{opacity:0;transform:translateY(8px)}
.collection-showcase__title{font-family:'Lithos',sans-serif;font-size:clamp(28px,5vw,44px);line-height:1.06;letter-spacing:.03em;
  text-transform:uppercase;color:#fbf8f1;margin:0 0 18px;text-shadow:0 2px 22px rgba(0,0,0,.45)}
.collection-showcase__desc{font-size:16px;line-height:1.62;color:rgba(247,243,235,.85);margin:0 auto 26px;max-width:432px}
.collection-showcase__cta{display:inline-flex;align-items:center;gap:12px;background:rgba(18,16,13,.72);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f3efe7;
  border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:15px 30px;font-size:16.5px;
  cursor:pointer;text-decoration:none;transition:background .2s,transform .2s}
.collection-showcase__cta:hover{background:rgba(18,16,13,.92);transform:translateY(-1px)}
.collection-showcase__cta svg{width:20px;height:20px;flex:none}

.collection-showcase__pager{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:26px}
.collection-showcase__arrow{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.22);
  background:rgba(18,16,13,.38);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
  color:#f3efe7;cursor:pointer;display:grid;place-items:center;padding:0;
  transition:background .2s,border-color .2s,transform .15s}
.collection-showcase__arrow:hover{background:rgba(18,16,13,.72);border-color:rgba(255,255,255,.42)}
.collection-showcase__arrow:active{transform:scale(.94)}
.collection-showcase__arrow svg{width:19px;height:19px}
.collection-showcase__dots{display:flex;gap:8px;align-items:center}
.collection-showcase__dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.32);border:0;padding:0;
  cursor:pointer;transition:width .3s ease,background .3s ease}
.collection-showcase__dot.is-active{width:26px;border-radius:5px;background:#c2a14e}

.collection-showcase__bottom{margin-top:auto;padding-top:34px}
.collection-showcase__track-head{font-family:'Lithos',sans-serif;font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;
  color:rgba(247,243,235,.6);margin:0 0 15px;padding-left:6px}
.collection-showcase__track-wrap{position:relative;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 26px,#000 calc(100% - 26px),transparent);
  mask-image:linear-gradient(90deg,transparent,#000 26px,#000 calc(100% - 26px),transparent)}
.collection-showcase__track{display:flex;gap:30px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-left:6px;
  padding:6px 30px 10px 6px;overscroll-behavior-x:contain;cursor:grab;scrollbar-width:none;transition:opacity .3s ease}
.collection-showcase__track::-webkit-scrollbar{display:none}
.collection-showcase__track.is-dragging{cursor:grabbing;scroll-snap-type:none}
.collection-showcase__track.is-out{opacity:0}
.collection-showcase__track.is-fit{justify-content:center}
.collection-showcase__bottom.is-fit .collection-showcase__track-head{text-align:center;padding-left:0}
.collection-showcase__card{flex:none;width:150px;scroll-snap-align:start;cursor:pointer;text-decoration:none}
.collection-showcase__coin{width:150px;height:150px;transition:transform .25s ease}
.collection-showcase__coin img{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(0,0,0,.5))}
.collection-showcase__card:hover .collection-showcase__coin{transform:translateY(-5px)}
.collection-showcase__card-title{margin-top:12px;font-size:14px;line-height:1.32;color:#f3efe7;font-weight:600;
  text-align:center;text-shadow:0 1px 10px rgba(0,0,0,.5)}

.collection-showcase__progress{position:relative;height:3px;border-radius:3px;background:rgba(255,255,255,.15);
  margin:16px 6px 0;overflow:hidden;transition:opacity .25s}
.collection-showcase__progress span{position:absolute;top:0;bottom:0;left:0;width:30%;border-radius:3px;background:#c2a14e;transition:transform .08s linear}

@media (prefers-reduced-motion: reduce){ .collection-showcase__track{scroll-behavior:auto} }
@media (max-width:540px){ .collection-showcase__stage{min-height:660px} .collection-showcase__ui{padding:42px 18px 22px}
  .collection-showcase__card,.collection-showcase__coin{width:128px} .collection-showcase__coin{height:128px} }

/* ============================================================
   Editorial templates — pages, policies & article body
   One shared reading column (--reading-measure) plus consistent
   vertical rhythm and heading→body spacing, so every long-form
   template reads the same and lines up with the product /
   collection pages.
   ============================================================ */
:root { --reading-measure: 82rem; }

/* The reading column: centres a block and holds the body to a
   comfortable measure. Shared by every long-form template. */
.page-section__inner,
.article-template__content,
#MainContent .shopify-policy__container {
  max-width: var(--reading-measure);
  margin-left: auto;
  margin-right: auto;
}

/* --- Static pages (templates/page.*) --- */
.page-section { padding-top: 4rem; padding-bottom: 7rem; }
@media screen and (min-width: 750px) {
  .page-section { padding-top: 6rem; padding-bottom: 10rem; }
}
.page-section__inner {
  padding-left: 2rem;
  padding-right: 2rem;
}
@media screen and (min-width: 750px) {
  .page-section__inner { padding-left: 2.5rem; padding-right: 2.5rem; }
}
/* deliberate, generous gap between the page title and its body */
.page-section .page-header {
  margin-bottom: 4rem;
  padding-top: 0;
  padding-bottom: 0;
}
@media screen and (min-width: 750px) {
  .page-section .page-header { margin-bottom: 5.5rem; }
}
.page-section .main-page-title { margin: 0; }

/* --- Blog index (main-blog) — match the page rhythm --- */
.section-main-blog { padding-top: 4rem; padding-bottom: 5rem; }
@media screen and (min-width: 750px) {
  .section-main-blog { padding-top: 6rem; padding-bottom: 7rem; }
}

/* --- Storefront policy pages (Refund / Privacy / Terms / Shipping) ---
   Shopify renders these with its OWN default markup and its OWN default
   stylesheet (`.shopify-policy__container { max-width: 65ch; padding: 0 20px }`)
   which loads after theme.css. We scope under #MainContent so our rule
   out-specifies it, then apply the same reading column + rhythm as pages. */
#MainContent .shopify-policy__container {
  padding: 4rem 2rem 7rem;
}
@media screen and (min-width: 750px) {
  #MainContent .shopify-policy__container { padding: 6rem 2.5rem 10rem; }
}
#MainContent .shopify-policy__title {
  text-align: center;
  margin-bottom: 4rem;
}
@media screen and (min-width: 750px) {
  #MainContent .shopify-policy__title { margin-bottom: 5.5rem; }
}
#MainContent .shopify-policy__title h1 { margin: 0; }

/* ============================================================
   Customer auth form pages — activate account & reset password
   These render with no container, so the form fields sprawled to
   full viewport width. Centre them in a narrow auth column like the
   login page, and give the (previously bare) buttons real spacing.
   ============================================================ */
.customer.activate,
.customer.reset-password {
  max-width: 46rem;
  margin-left: auto;
  margin-right: auto;
  padding: 4rem 2rem 8rem;
}
@media screen and (min-width: 750px) {
  .customer.activate,
  .customer.reset-password {
    padding-top: 6rem;
    padding-bottom: 12rem;
  }
}
.customer.activate .page-header,
.customer.reset-password .page-header {
  margin-bottom: 3rem;
}
.customer.activate button,
.customer.reset-password button {
  margin-top: 2.4rem;
}

/* ============================================================
   Customer account area — account / order / addresses
   The previous pass realigned .account-row but three things still
   made it sprawl and look unanchored: the 1840px container, cards
   that were white-on-white (background:var(--color-base-background-2)
   === #fff), and a full-width 350-char dot leader on detail rows.
   ============================================================ */
.customer.account .container,
.customer.order .container,
.customer.addresses .container {
  max-width: 112rem;
}

/* make the content cards actually visible (they vanished on the white page) */
.account-none,
.account-row .account-right .customer-address__list-wrapper,
.address-list__item,
.addresses .address-add-form__item,
.customer .order-address__item {
  background-color: rgba(var(--color-foreground), 0.035);
  border: 1px solid rgba(var(--color-foreground), 0.08);
}

/* the address cards were a full-width box with enormous padding; make them a
   tidy, self-contained panel */
.address-list__item {
  max-width: 56rem;
  padding: 3.2rem 4rem;
}

/* the add / edit address form panel had the same oversized padding */
@media (min-width: 990px) {
  .addresses .address-add-form__item {
    padding: 4rem 4.8rem;
  }
}

/* detail rows: clean label↔value with a hairline rule instead of the
   stretched dot-leader string */
.customer .order-address__list-item,
.customer .addresses-address__list-item {
  overflow: visible;
  padding-bottom: 1.2rem;
  border-bottom: 1px solid rgba(var(--color-foreground), 0.12);
}
.customer .order-address__list-item:last-child,
.customer .addresses-address__list-item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.customer .order-address__list-item:after,
.customer .addresses-address__list-item:after { content: none; }
.customer .order-address__list-item span,
.customer .addresses-address__list-item span { background: none; }
.customer .addresses-address__list { max-width: 100%; }

/* Account area headings — the marketing-scale h1 (60px) / h4 (30px) felt
   oversized on these utility screens. Step them down onto the site's existing
   smaller tiers (≈h3 for the page title, ≈h5 for section headings). */
.customer.account .main-page-title,
.customer.order .main-page-title,
.customer.addresses .main-page-title {
  font-size: 3.2rem;
}
@media screen and (min-width: 750px) {
  .customer.account .main-page-title,
  .customer.order .main-page-title,
  .customer.addresses .main-page-title {
    font-size: 4rem;
  }
}
.customer h4,
.customer .h4 {
  font-size: 2.2rem;
}