/** Shopify CDN: Minification failed

Line 8923:0 Unexpected "}"
Line 9090:0 Unexpected "<"
Line 9130:0 Unexpected "<"

**/
/* css/base/_variables.css */
:root {
  --outline-thickness: max(var(--border-thickness), 2px);
  --inset-outline-offset: calc(var(--outline-thickness) * -1);
  --negative-outline-offset: calc(var(--inset-outline-offset) - 1px);
  --container-margin: 4vw;
  --announcement-bar-height: 0px;
  --sticky-header-height: 0px;
  --padding-text-padded-default: 0px;
  --padding-text-full-default: var(--space-xs);
  --padding-text-max-default: 0px;
  --banner-controls-padding: var(--space-xs);
  --shopify-accelerated-checkout-button-border-radius: var(--border-radius-button);
  --shopify-accelerated-checkout-button-box-shadow: 0;
  --responsive-line-height: calc(0.5rem + 1.2ex);
  --responsive-line-height: round(calc(0.5rem + 1.2ex), var(--space-3xs));
}
.input--underline {
  --input-horizontal-padding: 0;
}
@media (max-width: 48em) {
  .horizontal-gap--m-0px,
  .horizontal-gap--m-space-3xs {
    --padding-text-padded-default: var(--space-xs);
    --padding-text-max-default: var(--space-xs);
  }
}
@media (min-width: 48em) {
  .horizontal-gap--0px,
  .horizontal-gap--space-3xs,
  .horizontal-gap--space-2xs {
    --padding-text-padded-default: var(--space-xs);
    --padding-text-max-default: var(--space-xs);
  }
}

/* css/base/_animations.css */
.scroll-trigger.animate--color-scheme {
  position: relative;
  transition: background 0.5s ease, color 0.5s ease;
}
.scroll-trigger.animate--color-scheme::before {
  position: absolute;
  content: "";
  inset: 0;
  background: var(--color-background-transition);
  transition: opacity 0.5s ease;
  opacity: 0;
  transform: translate3d(0, 0, 0);
}
.scroll-trigger--visible.scroll-trigger.animate--color-scheme::before {
  opacity: 1;
}
[data-animate-fade] {
  transition: opacity 0.4s ease 0.2s, visibility 0.4s ease 0.2s;
}
.faded-out[data-animate-fade] {
  transition: none;
}
@media (prefers-reduced-motion: no-preference) and (min-width: 48em) {
  .animate--slide-up {
    transition: transform 0.5s ease, opacity 0.5s ease;
  }
  .js .scroll-trigger.animate--slide-up {
    transform: translateY(1rem);
    opacity: 0;
  }
  .scroll-trigger--visible.scroll-trigger.animate--slide-up {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
    visibility: visible;
  }
  to {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ring {
  0% {
    transform: scale(0.6, 0.6);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
@keyframes ring-end {
  0% {
    transform: scale(0.6, 0.6);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* css/base/_buttons.css */
.button--primary,
.button--secondary,
.shopify-model-viewer-ui__button--control,
.shopify-payment-button__button {
  position: relative;
  --outline-offset: var(--negative-outline-offset);
  padding-block: var(--font-button-padding-block);
  padding-inline: var(--font-button-padding-inline);
  border-radius: var(--border-radius-button);
}
.shopify-payment-button__button {
  padding-block: var(--font-button-padding-block) !important;
  padding-inline: var(--font-button-padding-inline) !important;
  line-height: var(--leading-tight) !important;
}
.button--primary,
.buttons--primary,
.shopify-payment-button__button,
.shopify-payment-button__button--unbranded {
  --color-button: var(--color-primary-button);
  --color-button-label: var(--color-primary-button-label);
  --color-button-border: var(--color-primary-button-border);
  --color-button-hover: var(--color-primary-button-hover);
  --color-button-border-hover: var(--color-primary-button-border-hover);
  --color-button-separator: var(--color-primary-button-separator);
}
.button--secondary,
.buttons--secondary {
  --color-button: var(--color-secondary-button);
  --color-button-label: var(--color-secondary-button-label);
  --color-button-border: var(--color-secondary-button-border);
  --color-button-hover: var(--color-secondary-button-hover);
  --color-button-border-hover: var(--color-secondary-button-border-hover);
  --color-button-separator: var(--color-secondary-button-separator);
}
.button,
.shopify-model-viewer-ui__button,
.shopify-payment-button,
.shopify-payment-button__button {
  --outline-color: rgb(var(--color-button-label));
  display: inline-block;
  text-align: center;
  font-family: var(--font-button-family);
  font-style: var(--font-button-style);
  font-weight: var(--font-button-weight);
  font-size: var(--font-button-size);
  text-transform: var(--font-button-letter-casing);
  line-height: var(--leading-tight);
  letter-spacing: var(--font-button-letter-spacing);
  text-decoration: none;
}
.button,
.shopify-model-viewer-ui__button {
  color: rgba(var(--color-button-label));
  background-color: rgba(var(--color-button));
  border: var(--border-thickness) solid rgba(var(--color-button-border));
  transition:
    background-color 0.3s ease,
    border-color 0.3s ease,
    opacity 0.3s;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}
.shopify-payment-button,
.shopify-payment-button__button,
.shopify-payment-button__button--unbranded {
  color: rgba(var(--color-button-label)) !important;
  background-color: rgba(var(--color-button)) !important;
  border: var(--border-thickness) solid rgba(var(--color-button-border)) !important;
}
.button .loading__spinner,
.button .button__check {
  display: none;
  position: absolute;
  left: 50%;
  inset-block-start: 50%;
  transform: translate(-50%, -50%);
}
.button.loading,
.button--success {
  color: transparent;
  pointer-events: none;
}
.button.loading .loading__spinner,
.button--success .button__check {
  display: block;
  color: rgba(var(--color-button-label));
}
.button:focus,
.shopify-payment-button__button:focus {
  background-color: rgb(var(--color-button-hover));
  border-color: rgba(var(--color-button-border-hover));
}
@media screen and (pointer: fine) {
  .button:hover,
  .shopify-payment-button__button--unbranded:hover:not([disabled]) {
    background-color: rgb(var(--color-button-hover));
    border-color: rgba(var(--color-button-border-hover));
  }
}
.button--text,
.buttons--text .shopify-model-viewer-ui__button--control {
  --color-button-label: var(--color-foreground);
  text-decoration: none;
  text-transform: var(--font-text-button-letter-casing);
  letter-spacing: var(--font-text-button-letter-spacing);
  display: inline-block;
  align-items: center;
  gap: 0;
  padding-inline: 0;
  text-decoration: none;
}
.button--text:not(.button--square) {
  margin-block-end: calc(var(--border-thickness) + 1px);
}
.button :where(svg, .icon) {
  display: inline-block;
  vertical-align: middle;
}
.button .icon svg {
  display: block;
}
.button--full {
  inline-size: 100%;
}
.button-text__label {
  line-height: var(--leading-snug);
  position: relative;
  background-image:
    linear-gradient(
      to right,
      currentColor 33.33%,
      rgba(0, 0, 0, 0) 33.33%,
      rgba(0, 0, 0, 0) 66.66%,
      currentColor 66.66%);
  background-size: 300% var(--border-thickness);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  transition: background-position 0.5s ease;
  vertical-align: middle;
}
.button--text > .icon + .button-text__label {
  margin-inline-start: calc(var(--space-3xs) / 2);
}
@media screen and (pointer: fine) {
  .button--text:hover .button-text__label {
    background-position: 0% 100%;
  }
}
.button:disabled,
.button[aria-disabled=true] {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
.button[data-loading] > *:not(.loading__spinner) {
  animation: fadeOut 0.3s ease forwards;
}
.button[data-loading] .loading__spinner {
  display: block;
}
.button-group {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2xs);
  align-items: center;
}
:where(.button-group:has(.button--primary), .button-group:has(.button--secondary)) .button--text {
  padding-inline: var(--font-button-padding-inline);
}
.button-group:has(.button--full) .button {
  flex-grow: 1;
}
@media (max-width: 32em) {
  .button-group:has(.button:nth-child(2)) .button {
    flex-grow: 1;
  }
}
.button--close {
  --outline-offset: 0.25rem;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  white-space: nowrap;
  align-items: center;
  padding-inline: 0;
  gap: calc(var(--space-3xs) * 0.5);
}
.button--close:where(.button--primary, .button--secondary) {
  padding: var(--space-2xs) var(--space-xs);
}
.button--close > *:not(:first-child) {
  margin-inline-start: var(--space-3xs);
  text-box: trim-both cap alphabetic;
}
.button--square {
  --outline-offset: var(--negative-outline-offset);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  min-height: var(--button-square-size);
  min-width: var(--button-square-size);
  aspect-ratio: 1 / 1;
}
.button--square :where(svg, .icon) {
  display: block;
  margin: 0;
}
.button.left {
  text-align: start;
}
.shopify-payment-button {
  display: block;
}
.shopify-payment-button__button {
  height: auto !important;
  border-radius: var(--border-radius-button) !important;
}
shopify-accelerated-checkout,
shopify-accelerated-checkout-cart {
  --shopify-accelerated-checkout-button-block-size: 2.75rem;
  --shopify-accelerated-checkout-button-border-radius: var(--border-radius-button);
  --shopify-accelerated-checkout-button-box-shadow: none;
}

/* css/base/_forms.css */
.fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}
.fieldset__legend {
  margin-block-end: var(--space-2xs);
}
.checkbox,
.radio {
  --state-opacity: 0;
  --state-bg-color: transparent;
  position: relative;
  padding-block: var(--space-3xs);
}
.checkbox__label,
.radio__label {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--space-2xs);
  cursor: pointer;
}
.checkbox__label::before,
.radio__label::before {
  content: "";
  flex: 0 0 1rem;
  inline-size: 1rem;
  block-size: 1rem;
  border: var(--border-thickness) solid currentColor;
  border-radius: var(--border-radius-swatch);
  transition: background-color 0.3s ease;
}
.checkbox__label::before {
  background-color: var(--state-bg-color);
}
.checkbox__links {
  position: relative;
  z-index: 1;
}
.checkbox__links:not(:has(ol, ul)),
.checkbox__links p {
  display: inline;
}
.radio__label::before {
  border-radius: 50%;
}
.radio__label::after {
  content: "";
  position: absolute;
  inset-inline-start: 0.1875rem;
  inline-size: 0.625rem;
  block-size: 0.625rem;
  border-radius: 50%;
  background-color: currentColor;
  opacity: var(--state-opacity);
  transition: opacity 0.3s ease;
}
.checkbox__icon {
  position: absolute;
  block-size: 1rem;
  inline-size: 1rem;
  inset-block-start: 50%;
  transform: translateY(-50%);
  align-self: start;
  opacity: var(--state-opacity);
  transition: opacity 0.3s ease;
}
:is(.checkbox__label, .radio__label).disabled {
  opacity: 0.4;
  pointer-events: none;
}
.checkbox__input,
.radio__input {
  inset: 0;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  position: absolute;
  inline-size: 100%;
  block-size: 100%;
  margin: 0;
  color: inherit;
}
.checkbox:has(:checked),
.radio:has(:checked) {
  --state-bg-color: currentColor;
  --state-opacity: 1;
}
.checkbox:has(.checkbox__links) .checkbox__input {
  z-index: 1;
}
.checkbox__icon path {
  fill: var(--color-background-solid);
}
.checkbox__label-text {
  display: inline;
  line-height: var(--leading-snug);
}
.select {
  position: relative;
}
.select__field {
  padding-inline-end: calc(var(--input-horizontal-padding) + 1.25rem);
  appearance: none;
  inline-size: 100%;
  text-align: start;
}
.select__icon {
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.input--box .select__icon {
  inset-inline-end: var(--input-horizontal-padding);
}
.select__option {
  display: flex;
}
.form__errors,
.form__success {
  display: flex;
  gap: var(--space-2xs);
  align-items: center;
}
.form {
  display: grid;
  gap: var(--space-m) var(--space-xs);
}
.form > * {
  grid-column: 1 / -1;
}
.form__errors > * + * {
  margin-block-start: var(--space-3xs);
}
.form__errors + .field {
  margin-block-start: var(--space-2xs);
}
@media (min-width: 48em) {
  .form {
    grid-template-columns: 1fr 1fr;
  }
  .form__row--half {
    grid-column: span 1;
    display: flex;
    flex-direction: column;
    justify-content: end;
  }
}

/* css/base/_globals.css */
*,
*::before,
*::after {
  box-sizing: inherit;
  scroll-padding-block-start: calc(var(--sticky-header-height, 0) + var(--space-xl));
  -webkit-tap-highlight-color: transparent;
  word-break: break-word;
}
*:focus-visible {
  outline: var(--outline-thickness) solid var(--outline-color, currentColor);
  outline-offset: var(--outline-offset, 0.25rem);
}
::selection {
  color: var(--color-background-solid);
  background-color: rgb(var(--color-foreground));
}
html {
  box-sizing: border-box;
  block-size: 100%;
}
body {
  margin: 0;
  font-size: var(--font-body-size);
  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, calc(0.75rem + 2ex));
  letter-spacing: var(--font-body-letter-spacing);
  overflow-x: clip;
}
body,
[data-color-scheme] {
  color: rgba(var(--color-foreground));
  background: var(--color-background);
}
[data-color-scheme][data-inherit] {
  background-color: transparent;
}
img {
  display: block;
  max-inline-size: 100%;
  block-size: auto;
}
svg {
  flex-shrink: 0;
}
a {
  color: currentColor;
}
a:not([href]) {
  cursor: not-allowed;
}
details > * {
  box-sizing: border-box;
}
summary {
  list-style: none;
}
.constrained-image {
  max-width: var(--max-width), 100%;
}
p {
  margin: 0;
}
p + p {
  margin-block-start: var(--space-s);
}
button {
  font: inherit;
  color: currentColor;
  cursor: pointer;
}
button * {
  pointer-events: none;
}
hr {
  border-block-start: var(--border);
  opacity: var(--border-opacity, 1);
  margin-block: var(--space-l);
}
option {
  color: currentColor;
  background: var(--color-background-solid);
}
:where(input:not([type=file i], [type=image i], [type=checkbox i], [type=radio i]), textarea, select, .quantity-input, .select__field) {
  padding-inline: var(--input-horizontal-padding);
  border: var(--border-thickness) solid rgb(var(--color-foreground));
  border-radius: var(--border-radius-input, 0);
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
  padding-block: var(--input-vertical-padding);
}
input::placeholder {
  color: rgb(var(--color-text-secondary));
}
:where(.input--underline) :where(input:not([type=file i], [type=image i], [type=checkbox i], [type=radio i]), textarea, select, .quantity-input, .select__field) {
  border-inline-start: 0;
  border-inline-end: 0;
  border-block-start: 0;
  padding-inline: 0;
}
:is([data-whatintent=mouse], [data-whatintent=touch], [data-whatintent=initial]) :where(input[type=date], input[type=datetime-local], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=radio], textarea, .button--close, select) {
  --outline-color: transparent;
}
[data-safari]:is([data-whatintent=mouse], [data-whatintent=touch]) * {
  --outline-color: transparent;
  outline: var(--outline-thickness) solid transparent;
}
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.shopify-challenge__container {
  padding-block: var(--padding-section);
}
.shopify-challenge__container .shopify-challenge__button {
  padding: 0;
}
a:not([class]) {
  text-decoration: none;
  background-image:
    linear-gradient(
      to right,
      currentColor 33.33%,
      rgba(0, 0, 0, 0) 33.33%,
      rgba(0, 0, 0, 0) 66.66%,
      currentColor 66.66%);
  background-size: 300% var(--border-thickness);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  transition: background-position 0.5s ease;
}
a:not([class]):hover {
  background-position: 0% 100%;
}
hr {
  border: none;
  border-block-start: var(--border);
}
legend {
  padding-inline: 0;
}
iframe {
  border: none;
}
.shopify-pc__banner__dialog a {
  text-decoration: none !important;
}

/* css/base/_icons.css */
.icon {
  inline-size: var(--icon-size, var(--icon));
  block-size: var(--icon-size, var(--icon));
}
.icon--xxs {
  inline-size: 0.625rem;
  block-size: 0.625rem;
}
.icon--xs {
  inline-size: var(--icon-xs);
  block-size: var(--icon-xs);
}
.icon--s {
  inline-size: var(--icon-s);
  block-size: var(--icon-s);
}
.icon--m {
  inline-size: var(--icon-m);
  block-size: var(--icon-m);
}
.icon--l {
  inline-size: var(--icon-l);
  block-size: var(--icon-l);
}
.icon--xl {
  inline-size: var(--icon-xl);
  block-size: var(--icon-xl);
}
.icon--xxl {
  inline-size: var(--icon-xxl);
  block-size: var(--icon-xxl);
}

/* css/base/_layout.css */
.container {
  position: relative;
  margin-inline-start: max(50% - var(--container-width) / 2, var(--container-margin));
  margin-inline-end: max(50% - var(--container-width) / 2, var(--container-margin));
}
.container--max-width {
  max-inline-size: var(--container-width);
}
.container--xxs {
  --container-width: 35ch;
}
.container--xs {
  --container-width: 45ch;
}
.container--sm {
  --container-width: 55ch;
}
.container--md {
  --container-width: 65ch;
}
.container--lg {
  --container-width: 80ch;
}
.container--xl,
.container--max {
  --container-width: 87.5rem;
}
.container--full {
  --container-width: 100%;
  --border-radius-card-override: 0;
  --border-radius-card-inner-override: var(--border-radius-card);
  margin-inline: 0;
}
.container--full .media-banner--no-frame {
  --border-radius-card-inner-override: 0;
}
.container--padded {
  --container-width: 100%;
  margin-inline: var(--gap-horizontal);
}
.container--width {
  max-inline-size: var(--container-width);
}
.v-stack > *:not(:empty) + * {
  margin-block-start: var(--gap, var(--gap-vertical));
}
.grid {
  display: grid;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: var(--gap-vertical) var(--gap-horizontal);
  align-items: start;
}
.grid--text {
  gap: max(var(--space-s), var(--gap-vertical)) var(--gap-horizontal);
}
.grid-cols-1 {
  grid-template-columns: minmax(0, 1fr);
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid__column--height {
  block-size: 100%;
}
.section-button-group:has(.button-group:empty),
.section-button-group:not(:has(*)) {
  --gap: 0;
}
@media (min-width: 42em) {
  .grid-cols-1 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 48em) {
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 64em) {
  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* css/base/_media.css */
.media-wrapper {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
}
.media-wrapper--placeholder {
  inline-size: 100%;
  background-color: rgba(var(--color-foreground), 0.2);
}
.media-wrapper--placeholder .placeholder-svg {
  opacity: 0.3;
  display: block;
  inline-size: 100%;
  block-size: 100%;
}
.media-wrapper--background-color {
  background-color: var(--color-background-transition, var(--color-background));
}
.media {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  object-position: var(--object-position, center);
}

/* css/base/_typography.css */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.heading,
.rte :where(h1, h2, h3, h4, h5, h6) {
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  text-transform: var(--font-heading-letter-casing);
  letter-spacing: var(--font-heading-letter-spacing);
  margin: 0;
  overflow-wrap: anywhere;
  line-height: var(--font-heading-line-height);
  text-wrap: balance;
}
h1,
.h1 {
  font-size: var(--font-heading-h1-size);
}
h2,
.h2 {
  font-size: var(--font-heading-h2-size);
}
h3,
.h3 {
  font-size: var(--font-heading-h3-size);
}
h4,
.h4 {
  font-size: var(--font-heading-h4-size);
}
h5,
.h5 {
  font-size: max(0.75rem, var(--font-heading-h5-size));
}
h6,
.h6 {
  font-size: max(0.75rem, var(--font-heading-h6-size));
}
.heading {
  margin: 0;
}
.heading__count {
  display: none;
  font-size: 0.375em;
  font-style: italic;
  vertical-align: top;
  margin-inline-start: var(--space-3xs);
  white-space: nowrap;
}
[data-count] .heading__count {
  display: inline;
}
.heading__count-text::before {
  counter-reset: variable var(--count);
  content: counter(variable);
}
.subheading {
  font-size: var(--font-subheading-size);
  font-family: var(--font-subheading-family);
  font-style: var(--font-subheading-style);
  font-weight: var(--font-subheading-weight);
  letter-spacing: var(--font-subheading-letter-spacing);
  text-transform: var(--font-subheading-letter-casing);
  line-height: var(--font-subheading-line-height);
  margin-block-end: var(--space-3xs);
}
.body {
  font-size: var(--font-body-size);
  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, calc(0.75rem + 2ex));
}
.text,
.text-xs,
.text-xxs {
  font-size: var(--font-body-size);
  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);
  letter-spacing: var(--font-body-letter-spacing);
}
.text-s {
  font-size: var(--font-s-size);
}
.text-xs {
  font-size: var(--font-xs-size);
}
.text-l {
  font-size: var(--font-l-size);
}
.text-xl {
  font-size: var(--font-xl-size);
}
.caption,
.caption-sm,
.caption-xs {
  font-family: var(--font-navigation-family);
  font-style: var(--font-navigation-style);
  font-weight: var(--font-navigation-weight);
  font-size: var(--font-navigation-size);
  line-height: var(--leading-tight);
  text-transform: var(--font-navigation-letter-casing);
  letter-spacing: var(--font-navigation-letter-spacing);
}
.caption-sm {
  font-size: var(--font-navigation-sm-size);
}
.caption-xs {
  font-size: var(--font-navigation-xs-size);
}
.exception {
  color: rgb(var(--color-exception));
}
.secondary {
  color: rgb(var(--color-text-secondary));
}
blockquote {
  margin: 0;
}
blockquote:not([class]) {
  padding-inline-start: var(--space-s-m);
  border-inline-start: 0.1875rem solid rgba(var(--color-border));
  margin-inline-start: var(--space-s-m);
  font-size: var(--font-heading-h6-size);
}
.link-hover-underline {
  display: inline-block;
  text-decoration: none;
}
.link-hover-underline > span:first-of-type {
  line-height: var(--leading-snug);
  vertical-align: middle;
  background-image:
    linear-gradient(
      to right,
      currentColor,
      currentColor);
  background-size: 0% var(--border-thickness);
  background-repeat: no-repeat;
  background-position: 0% 100%;
  transition: background-size 0.3s ease;
}
.link-hover-underline:is(:hover, :focus, [aria-current=page]) > span {
  background-size: 100% var(--border-thickness);
}
.link-hover-line {
  --state-transform: scaleX(0);
  display: inline-block;
  text-decoration: none;
  position: relative;
  padding-block: calc(var(--space-3xs) * 0.5);
}
.link-hover-line::before {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: -1rem;
  display: block;
  block-size: var(--border-thickness);
  inline-size: 0.75rem;
  background-color: currentColor;
  transform-origin: left center;
  transform: var(--state-transform);
  transition: transform 0.3s ease;
}
.link-hover-line:is(:hover, :focus, [aria-current=page]) {
  --state-transform: scaleX(1);
}

/* css/base/_field.css */
.field {
  position: relative;
  line-height: var(--leading-none);
}
.field__input-wrapper {
  position: relative;
}
.field__input {
  inline-size: 100%;
  appearance: none;
  -webkit-appearance: none;
}
.field__button {
  --outline-offset: var(--negative-outline-offset);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  inline-size: 2rem;
  block-size: 2rem;
  inset-block-start: 50%;
  inset-inline-end: var(--input-horizontal-padding);
  margin-inline-end: -0.5rem;
  background-color: transparent;
  border-radius: 0;
  border: 0;
  transform: translateY(-50%);
  color: currentColor;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.field__button svg {
  inline-size: var(--icon-size, 1rem);
  block-size: var(--icon-size, 1rem);
}
.field__button[aria-hidden=true] {
  opacity: 0;
  visibility: hidden;
}
.field:has(.field__button:not([aria-hidden=true])) .field__input {
  padding-inline-end: 2rem;
}
.field:has(.field__button--secondary:not([aria-hidden=true])) .field__input {
  padding-inline-end: 6rem;
}
.field__button--secondary {
  margin-inline-end: 3rem;
  color: rgb(var(--color-text-secondary));
}
.field__info {
  margin-block-start: var(--space-3xs);
  text-align: start;
}
.flex-field {
  display: flex;
  gap: var(--space-xs);
}
.flex-field .field {
  flex: 1 1 auto;
}
.flex-field .field__input {
  min-block-size: 100%;
}
.label--top .field__label {
  display: block;
  margin-block-end: 0.25rem;
  font-size: var(--font-xs-size, 0.75rem);
  line-height: var(--leading-tight);
  text-align: start;
}
.label--floating .field__label {
  --font-size: var(--font-body-size);
  line-height: initial;
  font-size: var(--font-size);
  position: absolute;
  color: rgb(var(--color-text-secondary));
  inset-block-start: 0;
  inset-inline-start: calc(var(--input-horizontal-padding) + (var(--border-thickness)));
  transform: scale(0.75) translateY(-50%);
  transform-origin: 0 0;
  transition: transform 0.1s ease;
}
.label--floating .field:has(.field__input:placeholder-shown:not(:focus)) .field__label {
  height: 100%;
  transform: none;
  inset-inline-start: 0;
  padding-block-start: var(--input-vertical-padding);
  padding-block-end: var(--input-vertical-padding);
  color: rgb(var(--color-text-secondary));
  inset-block-start: var(--border-thickness);
}
.label--floating.input--box .field__label {
  --padding-inline: 0.5rem;
  padding-inline: var(--padding-inline);
  padding-block: 0.05rem;
  transform: scale(0.75) translateY(-50%) translateX(calc(var(--padding-inline) * -1));
  background: var(--color-background-solid);
  z-index: 1;
}
.label--floating.input--box .field:has(.field__input:placeholder-shown:not(:focus)) .field__label {
  padding-inline: var(--input-horizontal-padding);
  background-color: transparent;
}
.label--floating.input--box .media-banner:has(.media-wrapper) .field__label,
.label--floating.input--box .field__label--gradient-background {
  background-color: rgb(var(--color-foreground));
  color: var(--color-background-solid);
  border-radius: var(--border-radius-swatch);
  transform: scale(0.75) translateY(-50%);
}

/* css/base/_utility.css */
.visually-hidden {
  position: absolute;
  overflow: hidden;
  inline-size: 1px;
  block-size: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  word-wrap: normal;
}
.visually-hidden--inline {
  margin: 0;
  block-size: 1em;
}
.image-ratio {
  --border-radius: var(--border-radius-card);
  position: relative;
  overflow: hidden;
  aspect-ratio: var(--image-ratio);
  border-radius: var(--border-radius-card);
  inline-size: 100%;
}
.image-ratio img {
  position: absolute;
  inset: 0;
  margin: auto;
  inline-size: 100%;
  block-size: 100%;
  object-position: center;
  object-fit: cover;
}
.placeholder-svg {
  display: block;
}
.list-unstyled {
  list-style: none;
  padding: 0;
  margin: 0;
}
.button-unstyled {
  background-color: transparent;
  border-radius: 0;
  border: none;
  font-family: var(--font-body-family);
  font-size: var(--font-body-size);
  color: currentColor;
}
.link-unstyled {
  display: block;
  text-decoration: none;
  color: currentColor;
}
.skip-to-content-link {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  opacity: 0;
  z-index: 100;
  pointer-events: none;
}
.skip-to-content-link:focus {
  opacity: 1;
  pointer-events: auto;
}

/* css/components/_card.css */
.card {
  --outline-offset: var(--negative-outline-offset);
  --outline-color: currentColor;
  position: relative;
  container-type: inline-size;
  block-size: 100%;
  inline-size: 100%;
}
.card__media-adapt {
  --gap: 0;
  position: relative;
  margin: 0;
}
.card__media-adapt img {
  inline-size: 100%;
}
.card__media-wrapper {
  position: relative;
  overflow: hidden;
  aspect-ratio: var(--image-ratio);
  border-radius: var(--border-radius-card-override, var(--border-radius-card));
  inline-size: 100%;
}
.card__media-wrapper :is(img, .placeholder-svg) {
  position: absolute;
  inset: 0;
  margin: auto;
  inline-size: 100%;
  block-size: 100%;
  object-position: center;
  object-fit: cover;
  transition: opacity 0.4s ease;
}
.card__media-wrapper:has(.placeholder-svg) {
  background-color: rgba(var(--color-foreground), 0.2);
}
.card__media-wrapper .placeholder-svg {
  max-inline-size: 80%;
}
.card__interactive {
  position: relative;
  z-index: 2;
}
.card__media-hover {
  opacity: 0;
}
.card:hover:not(:has(.card__interactive:hover)) .card__media-hover {
  opacity: 1;
}
.card-content {
  align-items: flex-start;
}
.card-content__main > * + * {
  padding-block-start: var(--gap, var(--space-3xs));
  padding-block-end: 0;
}
.card-content__main {
  --gap: var(--space-3xs);
  gap: var(--space-3xs);
}
.card .product-rating {
  --gap: var(--space-xs);
}
@container (min-width: 22rem) {
  .card-content {
    display: flex;
    gap: var(--space-xs);
  }
  .card-content__main {
    flex-grow: 1;
  }
}

/* css/components/_dialog.css */
.dialog::backdrop {
  display: none;
}
.dialog {
  --duration: 0.3s;
  position: fixed;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  max-inline-size: 100%;
  max-block-size: 100%;
  border: none;
  margin: 0;
  padding: 0;
  background-color: transparent;
  z-index: 110;
  transition: display var(--duration) allow-discrete, overlay var(--duration) allow-discrete;
}
.js .dialog__animateable {
  opacity: 0;
  animation: fadeIn var(--duration) ease;
  transition:
    opacity var(--duration),
    display var(--duration) allow-discrete,
    overlay var(--duration) allow-discrete,
    color 0.5s ease,
    background-color 0.5s ease;
}
.dialog[open] .dialog__animateable {
  display: var(--dialog-display, block);
  opacity: 1;
  pointer-events: auto;
  @starting-style {
    opacity: 0;
  }
}
.dialog[open] .dialog__overlay--invisible {
  opacity: 0;
}
.dialog--positioner[open],
.dialog--notification[open] {
  display: flex;
}
.dialog__overlay {
  display: none;
  position: fixed;
  inset: 0;
  background-color: var(--color-overlay);
  z-index: 100;
}
.overlay--blur .dialog__overlay {
  backdrop-filter: blur(0.625rem);
}
[data-overlay=false] .dialog__overlay {
  backdrop-filter: initial;
  background-color: transparent;
}
.dialog__window {
  display: none;
  position: relative;
  z-index: 110;
  border-radius: var(--border-radius-card);
}
.dialog__window--scroll {
  max-block-size: 100dvh;
  overflow-y: auto;
}
[data-allow-click-outside=true] .dialog {
  pointer-events: none;
}
.dialog__window--drawer {
  block-size: 100dvh;
  max-block-size: 100vh;
  inline-size: 100%;
  max-inline-size: 32rem;
  margin-inline-start: auto;
  inset-inline-end: 0;
  overflow-y: auto;
  padding: var(--padding, var(--space-m));
  border-radius: 0;
}
.dialog__window--custom-alignment {
  margin: var(--space-s);
  min-inline-size: min(calc(100 * var(--vw, 1vw) - (var(--space-s) * 2)), 24rem);
  max-inline-size: 28rem;
  max-block-size: calc(100vh - var(--space-s) * 2);
  padding: var(--space-s);
  overflow-y: auto;
}
.overlay--borders .dialog__window {
  border: var(--border);
}
.overlay--borders .dialog__window--drawer {
  border: 0;
}
.dialog--notification {
  align-items: center;
  justify-content: center;
}
.dialog__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-m);
  text-align: start;
}
.dialog__header {
  align-items: center;
}
.dialog__header--border {
  margin-block-end: var(--space-s);
  padding-block-end: var(--space-xs);
  border-block-end: var(--border);
}
.dialog__heading {
  margin-block-end: 0;
}
.dialog__body {
  margin-block-start: var(--gap-section);
  text-align: initial;
}
@supports (transition-behavior: allow-discrete) {
  .js .dialog__animateable {
    animation: none;
  }
}
@media (min-width: 32em) {
  .overlay--borders .dialog__window--drawer {
    border-inline-start: var(--border);
  }
}

/* css/components/_card-product.css */
.card-product {
  transition: opacity 0.3s allow-discrete;
  @starting-style {
    opacity: 0;
  }
}
.card-product .card__media-wrapper {
  --gap: 0;
}
.card-product .card__media-wrapper img {
  background-color: var(--color-background-solid);
}
.card-product > * + * {
  margin-block-start: var(--gap, var(--space-s));
  margin-block-end: 0;
}
.card-product__media-badges {
  position: absolute;
  margin: var(--space-xs);
  z-index: 5;
}
.card-product--mobile-list .card-product__media-badges {
  margin: var(--space-2xs);
}
.card-product__quick-add {
  position: absolute;
  inset-block-end: 0;
  inset-inline-end: 0;
  z-index: 5;
}
.card-product-content {
  display: grid;
  grid-template-areas: "content aside" "variants aside";
  grid-template-columns: 100% 0;
  text-align: start;
  --justify: start;
}
.card-product-content__price {
  --gap: var(--space-2xs);
}
.body + .card-product-content__price {
  --gap: var(--space-3xs);
}
.card-product-content__badges {
  inset-inline-end: 0;
}
.card-product-content__badges--desktop {
  display: none;
  margin-block-start: 0;
}
.card-product-content__badges--desktop .list-separator {
  justify-content: end;
}
.card-product-content__badges--mobile {
  display: flex;
}
.card-product-content__title {
  --gap: 0;
  margin: 0;
}
:where(.card-product-content__badges) + .card-product-content__title {
  --gap: var(--space-xs);
}
:where(.card-product-content__badges:has(.list-separator--text)) + .card-product-content__title {
  --gap: var(--space-2xs);
}
.card-product-variants {
  grid-area: variants;
  padding-block-start: var(--space-xs);
}
.card-product--mobile-list .card-product-variants {
  padding-block-start: var(--space-xs);
}
.card-product-variants > * + * {
  padding-block-start: var(--space-3xs);
  margin-block-start: 0;
}
.card-product-variants__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: inherit;
  text-align: inherit;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: var(--space-3xs) var(--space-3xs);
  justify-content: flex-start;
}
.card-product-variants__list--swatches {
  margin-inline-start: calc(var(--border-thickness) * -2);
  gap: 0 calc(var(--space-3xs) - (var(--border-thickness) * 2));
}
.card-product-content__hover-variants {
  grid-area: variants;
  inline-size: 100%;
}
.card-product-content__badges {
  grid-area: aside;
  transition: opacity 0.3s ease;
}
.card:is(:hover, :focus):not(:has(.card-product-content__hover-variants)) .card-product-content__badges {
  opacity: 1;
}
.card:is(:hover, :focus) .card-product-content__hover-variants {
  opacity: 1;
}
.card-product-variants__swatch {
  position: relative;
}
.card-product-variants__swatch-link {
  display: inline-block;
  padding: calc(var(--border-thickness));
  border: var(--border-thickness) solid transparent;
  border-radius: calc(var(--border-radius-swatch) * 1.25);
  transition: border-color 0.3s ease;
}
.card-product-variants__swatch-link:has(.swatch--circle) {
  border-radius: 50%;
}
.card-product-variants__swatch-link:hover,
.card-product-variants__swatch-link:focus {
  border-color: rgb(var(--color-foreground));
}
.card-product-content__read-more {
  padding-block-end: var(--space-3xs);
}
@container (min-width: 22rem) {
  .card-product--has-hover:is(:hover, :focus, :focus-within) .card-product-content__badges {
    opacity: 0;
  }
  .card-product--has-hover:is(:hover, :focus, :focus-within) .card-product-content__hover-variants {
    opacity: 1;
  }
  @media (pointer: fine) {
    .card-product-content__badges--desktop {
      display: flex;
      justify-content: flex-end;
    }
    .card-product-content__badges--mobile {
      display: none;
    }
    .card-product-content {
      gap: 0 var(--space-s);
      grid-template-columns: 1fr fit-content(30%);
    }
    .card-product-content__hover-variants {
      padding-block-start: 0;
      grid-area: aside;
      opacity: 0;
      transition: 0.3s opacity ease;
      text-align: end;
    }
    .card-product-content__hover-variants .card-product-variants__list {
      display: flex;
      justify-content: flex-end;
    }
    .card-product-content:has(.card-product-content__title:last-child) {
      align-items: center;
    }
    :where(.card-product-content__badges) + .card-product-content__title {
      --gap: 0;
    }
  }
}
@media (max-width: 39.99em) {
  .card-product--mobile-list {
    display: flex;
    align-items: flex-start;
  }
  .card-product--mobile-list .card-product-content {
    margin-block-start: 0;
    inline-size: 100%;
  }
  .card-product--mobile-list .card__media-wrapper {
    flex: 0 0 7rem;
    margin-inline-end: var(--space-xs);
  }
  .card-product--mobile-list .card-product-variants {
    padding-block-start: 0;
  }
}

/* css/components/_collection-header.css */
.collection-header {
  position: relative;
  min-block-size: var(--min-height);
  display: flex;
  align-items: center;
}
.collection-header__padding {
  inline-size: 100%;
}
:where(.collection-header--color_scheme) .collection-header__padding {
  padding-block-start: var(--padding-top-override, var(--padding-section));
  padding-block-end: var(--padding-bottom-override, var(--gap-section));
}
:where(.collection-header--image) .collection-header__padding {
  padding-block-start: var(--padding-top-override, var(--space-m));
  padding-block-end: var(--padding-bottom-override, var(--space-m));
}
.collection-header--center {
  justify-content: center;
}
.collection-header__content {
  display: grid;
  gap: var(--space-m) max(var(--space-l-xl), var(--gap-horizontal));
  grid-template-columns: var(--grid-columns);
}
.collection-header__content {
  align-items: start;
  flex-grow: 1;
}
.collection-header__submenu {
  display: flex;
  gap: var(--space-3xs) var(--space-xs);
  flex-wrap: wrap;
}
.collection-header__submenu-item {
  flex-shrink: 0;
}
.collection-header__submenu .button--text:not([aria-current=page]) {
  color: rgb(var(--color-text-secondary));
}
.collection-header--center .collection-header__content {
  text-align: center;
  justify-items: center;
  max-width: 43.25rem;
  margin: auto;
}
.collection-header--center .collection-header__heading {
  justify-content: center;
}
@media screen and (min-width: 48em) {
  .collection-header__submenu {
    padding: 0;
  }
  .collection-header--left {
    --grid-columns: 1fr minmax(25rem, 50%);
  }
  .collection-header--left .collection-header__submenu-nav {
    grid-column: 2 / 3;
  }
  .collection-header--left .collection-header__heading {
    grid-row: span 2;
  }
}

/* css/components/_deferred-media.css */
.deferred-media {
  --gap: var(--space-l);
  display: grid;
  grid-template-columns: 1;
  position: relative;
  background-color: transparent;
  aspect-ratio: var(--aspect-ratio);
  overflow: hidden;
  object-fit: var(--object-fit, none);
}
.deferred-media > * {
  grid-row: 1;
  grid-column: 1;
}
.deferred-media .placeholder-svg {
  opacity: 0.3;
}
.deferred-media__button-wrapper {
  content: "";
  position: absolute;
  display: flex;
  gap: var(--space-2xs);
  inset: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  margin: 0;
  padding: var(--banner-controls-padding);
  overflow: hidden;
  opacity: 1;
  z-index: 3;
  pointer-events: none;
}
.deferred-media__poster {
  min-block-size: 100%;
  object-fit: cover;
  z-index: 2;
}
.deferred-media[data-loaded] .deferred-media__loader,
.deferred-media:not([data-loaded]) .deferred-media__play-pause {
  display: none;
}
.deferred-media__loader {
  margin-inline-start: calc(var(--space-2xs) * -1);
}
.deferred-media__button-wrapper button {
  pointer-events: auto;
}
.deferred-media__button {
  opacity: var(--controls-opacity);
}
.deferred-media video,
.iframe-video {
  position: relative;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  aspect-ratio: var(--aspect-ratio);
  background: transparent;
  overflow: hidden;
  z-index: 2;
}
.deferred-media--fill video {
  min-block-size: auto;
}
.deferred-media__button {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  z-index: 1;
}
.deferred-media__button::before {
  content: "";
  position: absolute;
  inset: 0;
}
.shopify-section:first-child:has([data-support-transparent-header]) .deferred-media__button-wrapper:not(.alignment--middle-center) {
  padding-block-start: calc(var(--transparent-header-height, 0) + var(--banner-controls-padding));
}
.deferred-media .iframe-video {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
}
.deferred-media .placeholder-svg {
  position: absolute;
  inset: 0;
  top: 50%;
  left: 50%;
  block-size: 66%;
  transform: translate(-50%, -50%);
  opacity: 0.2;
}
.play-pause--hover-focus {
  --controls-opacity: 0;
}
.play-pause--hover-focus:hover,
.play-pause--hover-focus:focus-within,
.play-pause--hover-focus .deferred-media[data-autoplay=false]:not([data-loaded=true]) {
  --controls-opacity: 1;
}
external-media.deferred-media[data-loaded=true] .deferred-media__controls {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
  .play-pause--hover-focus .deferred-media:not([data-loaded=true]) {
    --controls-opacity: 1;
  }
}

/* css/components/_header.css */
.header-section {
  z-index: 50;
  position: relative;
}
.header-section:has([aria-expanded=true] + [data-submenu=megamenu]) .header__overlay {
  opacity: 1;
  visibility: visible;
}
@media (min-height: 30em) {
  html:not(:has([data-sticky-header])) .header-section:has([data-sticky=always], [data-sticky=scroll]) {
    position: sticky;
    top: -1px;
  }
}
.header {
  --header-gap: var(--space-s);
  --state-transform: scaleX(0);
  --menu-item-inline-padding: var(--space-2xs);
  display: block;
  position: relative;
  padding-block: var(--space-s);
  transition: background-color 0.3s ease, color 0.3s ease;
  font-size: var(--font-navigation-size);
}
.header--blur {
  backdrop-filter: blur(0.625rem);
}
.header--scrolled-past {
  transition:
    background-color 0.3s ease,
    color 0.3s ease,
    transform 0.3s ease;
}
.header--scrolled-past:not(.header--revealed) {
  transform: translateY(-100%);
}
.header--background[open] .header__background {
  opacity: 1;
  visibility: visible;
}
.header__container {
  position: static;
  display: grid;
  gap: 1.5rem;
  align-items: center;
  grid-template-columns: minmax(max-content, 1fr) auto minmax(max-content, 1fr);
}
.header__background {
  position: absolute;
  inset: 0;
  block-size: max(var(--header-height), var(--submenu-height));
  background: var(--color-background);
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.3s ease,
    visibility 0.3s ease,
    background-color 0.3s ease,
    max-block-size 0.3s ease;
  z-index: 1;
}
.header__overlay {
  position: fixed;
  inset: 0;
  background-color: var(--color-overlay);
  z-index: -1;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  opacity: 0;
  visibility: hidden;
}
.overlay--blur .header__overlay {
  backdrop-filter: blur(0.625rem);
}
.header__heading-link {
  --outline-offset: 0.25rem;
  display: block;
  inline-size: fit-content;
  text-decoration: none;
}
.header__heading {
  text-align: center;
}
.header__logo-wrapper {
  position: relative;
}
.header__heading-logo-transparent {
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.header__heading-logo-transparent {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.header__heading-logo,
.header__heading-logo-transparent,
.dialog__header-logo-image {
  inline-size: var(--logo-width);
}
.header__left,
.header__right {
  white-space: nowrap;
}
.header__primary-menu {
  display: none;
  z-index: 2;
}
.header__menu-item,
.header__menu-item-text,
.header__secondary-item {
  font-family: var(--font-navigation-family);
  font-style: var(--font-navigation-style);
  font-weight: var(--font-navigation-weight);
  font-size: var(--font-navigation-size);
  line-height: var(--leading-snug);
  text-transform: var(--font-navigation-letter-casing);
  letter-spacing: var(--font-navigation-letter-spacing);
  text-decoration: none;
}
.header__menu-item[aria-expanded=true] + .header__megamenu {
  opacity: 1;
  visibility: visible;
}
.header__menu-item[aria-expanded=true] + .header__dropdown {
  opacity: 1;
  visibility: visible;
}
.header__menu-item-icon {
  transition: transform 0.3s ease;
}
.header__menu-item[aria-expanded=true] .header__menu-item-icon {
  transform: rotate(180deg);
}
.header__megamenu {
  display: grid;
  position: absolute;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.3s ease,
    visibility 0.3s ease,
    background-color 0.3s ease,
    color 0.3s ease;
}
.header__megamenu-links {
  display: grid;
  align-self: start;
}
.header__megamenu-links--flat {
  display: block;
  column-width: 10rem;
  gap: calc(var(--space-l) - var(--space-3xs)) max(var(--gap-horizontal), var(--padding-text-max-default));
}
.header__megamenu-submenu-list {
  padding-block-start: var(--space-3xs);
}
.header__megamenu-item {
  text-decoration: none;
}
:where(.header__menu-item, .header__megamenu-item)::before {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: -1rem;
  display: block;
  block-size: var(--border-thickness);
  inline-size: 0.75rem;
  background-color: currentColor;
  transform-origin: left center;
  transform: var(--state-transform);
  transition: transform 0.3s ease;
}
.header__megamenu-item--accent {
  color: rgb(var(--color-text-secondary));
}
.header__dropdown {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.header__promo {
  display: flex;
  align-items: start;
  gap: var(--gap-horizontal);
  grid-template-columns: 1fr 1fr;
}
.header__promo-link {
  flex: 1 1 50%;
  max-inline-size: 50%;
  text-decoration: none;
}
.header__right {
  margin-inline-end: calc(var(--menu-item-inline-padding) * -1);
  text-align: end;
  z-index: 2;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.header__right--inactive {
  opacity: 0;
  visibility: hidden;
}
.header__icon-button {
  aspect-ratio: 1/1;
  line-height: 0;
  padding-block: 0.375rem;
  padding-inline: 0.25rem;
}
.header__icon {
  display: inline-block;
  transform: translateZ(0);
}
.header__secondary-item {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  text-decoration: none;
  line-height: var(--leading-snug);
  white-space: nowrap;
}
.header__mobile-cart {
  display: flex;
  justify-content: end;
}
.header__secondary-menu {
  display: none;
}
:has(.shopify-section:first-child [data-support-transparent-header]) .header--transparent {
  position: absolute;
  inline-size: 100%;
}
:has(.shopify-section:first-child [data-support-transparent-header]) .header--transparent:not(:hover, :has(:focus-visible), .header--filled, [open]) {
  color: rgba(var(--transparent-color));
  --color-background: transparent;
  background-color: transparent;
  --color-cart-count: transparent;
  --color-cart-count-label: rgba(var(--transparent-color));
  --color-cart-count-border: var(--transparent-color);
}
:has(.shopify-section:first-child [data-support-transparent-header]) .header--transparent-alt-logo:not(:hover, :has(:focus-visible), .header--filled, [open]):has(.header__heading-logo-transparent) .header__heading-logo-transparent,
.header--alt-logo .header__heading-logo-transparent {
  opacity: 1;
  visibility: visible;
}
:has(.shopify-section:first-child [data-support-transparent-header]) .header--transparent-alt-logo:not(:hover, :focus-within, .header--filled, [open]):has(.header__heading-logo-transparent) .header__heading-logo,
.header--alt-logo .header__heading-logo {
  opacity: 0;
  visibility: hidden;
}
.header__secondary-list-item {
  vertical-align: middle;
}
.header__cart-count {
  --button-square-size: 1.5rem;
  --border-radius-button: var(--border-radius-cart-count-badge);
  display: inline-flex;
  line-height: 1;
  padding-inline: 0;
  background-color: rgb(var(--color-cart-count, var(--color-button)));
  color: rgb(var(--color-cart-count-label, var(--color-button-label)));
  margin-inline-start: var(--space-3xs);
}
.header--secondary-text .header__cart-button:has(.header__cart-count--badge) {
  gap: calc(var(--space-3xs) / 2);
}
.header__cart-count:is(.button--text) {
  --button-square-size: 0;
}
.header__cart-count--text {
  margin-inline-start: 0;
}
.header__cart-count > span {
  font-size: 0.625rem;
  line-height: 1;
}
.header__cart-count--badge:not(.button--text) {
  border: var(--border-thickness) solid rgba(var(--color-cart-count-border, var(--color-button-border)));
}
.header__cart-count--large {
  --button-square-size: 1.75rem;
}
@media (min-width: 74em) {
  .menu-drawer__toggle {
    display: none;
  }
  .header__primary-menu {
    display: block;
  }
  .header__mobile-search {
    display: none;
  }
  .header__secondary-menu {
    display: block;
  }
  .header__mobile-cart {
    display: none;
  }
  .header__left,
  .header__right {
    white-space: wrap;
  }
}

/* css/components/_loading-spinner.css */
.loading__spinner {
  position: absolute;
  z-index: 1;
  width: 1rem;
  color: currentColor;
}
.spinner {
  display: block;
  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: currentColor;
  animation: dash 1.4s ease-in-out infinite;
}
@media screen and (forced-colors: active) {
  .path {
    stroke: CanvasText;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 280;
  }
  50% {
    stroke-dashoffset: 75;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 280;
    transform: rotate(450deg);
  }
}

/* css/components/_media-banner.css */
.media-banner-section {
  --border-radius-card-inner-override: var(--border-radius-card);
}
.media-banner__color-scheme {
  inline-size: 100%;
  block-size: var(--media-banner-height);
}
.media-banner {
  position: relative;
  display: grid;
  grid-template-rows: 1fr min-content;
  min-inline-size: 100%;
  min-block-size: var(--min-height);
  block-size: var(--media-banner-height);
  grid-auto-columns: 100%;
}
.media-banner--banner-click .button-group .button:first-child {
  position: static;
}
.media-banner--banner-click .button-group .button:first-child::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
}
.media-banner--stack-always {
  min-block-size: auto;
}
.media-banner--stack-always .media-banner__padding {
  min-block-size: var(--min-height);
}
.media-banner__padding {
  min-width: 0;
  padding: var(--image-padding, 0);
}
.media-banner__padding--border .media-banner__product-img {
  border-radius: var(--border-radius-card);
}
.media-banner__overlay {
  position: absolute;
  inset: 0;
  background: var(--overlay);
  z-index: 2;
}
.media-banner__inner {
  position: relative;
  display: flex;
  block-size: 100%;
}
.media-banner__inner .media-banner__content {
  inline-size: 100%;
}
.media-banner__inner::after {
  padding-block-end: var(--padding-aspect-ratio);
  content: "";
  display: block;
}
.media-banner__inner:has(.media-wrapper--placeholder) {
  --padding-aspect-ratio: 100%;
}
.media-banner__content {
  position: relative;
  display: flex;
  margin-inline: 0;
  padding-inline: min(var(--media-content-padding, var(--container-margin)), max(50% - var(--container-width) / 2, var(--container-margin)));
  padding-block: var(--media-content-padding, var(--space-m));
}
.media-banner__content--stack {
  padding-inline: max(50% - var(--container-width) / 2, var(--container-margin));
}
.shoppable-banner .media-banner__content {
  padding-inline: min(var(--media-content-padding, var(--space-m)), var(--space-m));
}
.media-banner:not(:has(.media-wrapper)) .media-banner__content {
  padding-block: 0;
}
.shopify-section:first-child:has([data-support-transparent-header]) .media-banner__content:not(.media-banner__content--stack) {
  padding-block-start: calc(var(--media-content-padding, var(--space-m)) + var(--transparent-header-height, 0));
}
.media-banner__content--stack {
  position: static;
  padding-block: var(--gap-section);
  align-items: center;
}
.media-banner__content-inner {
  z-index: 4;
  inline-size: 100%;
  max-inline-size: var(--container-width);
}
.media-banner__product-img {
  object-fit: cover;
  inline-size: 100%;
}
.media-banner__hover {
  position: absolute;
  inset: 0;
  block-size: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}
:where(.media-banner__inner:hover, .media-banner:focus-within) .media-banner__hover {
  opacity: 1;
  visibility: visible;
}
.media-banner__link {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  z-index: 5;
}
.media-banner__link:focus-visible ~ .media-banner__padding .button {
  background-color: rgb(var(--color-button-hover));
  border-color: rgb(var(--color-button-border-hover));
  outline: var(--outline-thickness) solid var(--outline-color, currentColor);
  outline-offset: var(--outline-offset, 0.25rem);
}
.media-banner--no-frame.media-banner--color-scheme-different.media-banner--stack-always {
  --border-radius-card-inner-override: 0;
}
.media-banner--product {
  --content-padding-start: var(--space-s);
}
@media screen and (pointer: fine) {
  .media-banner__link:hover ~ .media-banner__padding .button {
    background-color: rgb(var(--color-button-hover));
    border-color: rgb(var(--color-button-border-hover));
  }
  .media-banner__link:hover ~ .media-banner__padding .button-text__label::before {
    transform: scaleX(0);
    transform-origin: 100% 100%;
  }
}
@media (max-width: 47.9999em) {
  .media-banner--stack-mobile .media-banner__padding {
    margin-block-end: calc(var(--image-padding) * -1);
  }
  .media-banner--stack-mobile .media-banner__content--desktop {
    display: none;
  }
  .media-banner--stack-mobile {
    min-block-size: auto;
  }
  .media-banner--stack-mobile .media-banner__padding {
    min-block-size: var(--min-height);
  }
  .media-banner--no-frame.media-banner--color-scheme-different.media-banner--stack-mobile {
    --border-radius-card-inner-override: 0;
  }
}
@media (min-width: 48em) {
  .media-banner__content--mobile-only {
    display: none;
  }
  .media-banner__content {
    padding-inline: var(--media-content-padding, max(50% - var(--container-width) / 2, var(--container-margin)));
  }
  .media-banner__content:has(.shoppable-banner__products) {
    padding-inline: var(--media-content-padding, var(--space-m));
  }
  .media-banner__inner:has(.media-wrapper--placeholder) {
    --padding-aspect-ratio: 38%;
  }
}
.media-banner--stack-always:has(.media-banner__content) .media-banner__padding {
  padding-block-end: 0;
}
.media-banner--stack-always:has(.media-banner__content) .media-banner__content {
  --container-margin: max(4%, var(--image-padding, 4%));
  padding-block-start: var(--content-padding-start, min(var(--gap-section), var(--space-l)));
  padding-block-end: max(var(--image-padding, var(--space-l)), var(--space-l));
}
.media-banner__pointer {
  pointer-events: none;
}
.media-banner__pointer > * {
  pointer-events: auto;
}

/* css/components/_pagination.css */
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-block-start: var(--gap-section);
  margin-block-end: calc(var(--space-xs) * -1);
}
.pagination:has(.button--primary),
.pagination:has(.button--secondary) {
  gap: var(--space-2xs);
}
.pagination__count {
  padding-block: 0;
  padding-inline: var(--space-3xs);
}
.pagination__item {
  display: flex;
  cursor: pointer;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
.pagination__item svg {
  display: block;
}
.pagination__item--padding-left {
  padding-block: var(--space-xs);
  padding-inline: var(--space-m) var(--space-3xs);
}
.pagination__item--padding-right {
  padding-block: var(--space-xs);
  padding-inline: var(--space-3xs) var(--space-m);
}
.pagination__icon {
  opacity: 0.75;
  transition: opacity 0.3s ease;
}
.pagination__item[disabled] svg,
.pagination__item[aria-disabled=true] svg,
.pagination__item[disabled]:hover svg,
.pagination__item[aria-disabled=true]:hover svg {
  opacity: 0.2;
}
.pagination__item:hover svg,
.pagination__item:hover svg {
  opacity: 1;
}

/* css/components/_list-separator.css */
.list-separator {
  display: flex;
  justify-content: inherit;
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  gap: calc(var(--space-3xs) / 2);
}
.list-separator__item {
  display: flex;
  align-items: center;
  padding-inline: 0.5rem;
  padding-block: 0.25rem;
  color: rgb(var(--color-label));
  background-color: rgb(var(--color));
  border: var(--border-thickness) solid rgba(var(--color-border));
  border-radius: var(--border-radius-swatch);
}
.list-separator a {
  text-decoration: none;
  background-image: none;
}
.list-separator--primary {
  --color: var(--color-primary-button);
  --color-label: var(--color-primary-button-label);
  --color-border: var(--color-primary-button-border);
}
.list-separator--secondary {
  --color: var(--color-secondary-button);
  --color-label: var(--color-secondary-button-label);
  --color-border: var(--color-secondary-button-border);
}
.list-separator--text {
  --color: transparent;
  --color-label: var(--color-foreground);
  --color-border: inherit;
  gap: 0;
  margin-inline: -0.75rem;
}
.list-separator .exception {
  --color: var(--color-exception);
  --color-label: var(--color-exception-foreground);
  --color-border: var(--color-exception);
}
.list-separator--text .exception {
  --color: transparent;
  --color-label: var(--color-exception);
  --color-border: transparent;
}
.list-separator--text > .list-separator__item:first-of-type,
.list-separator--text > *:first-child .list-separator__item {
  border: 0;
}
.list-separator--text .list-separator__item {
  border: 0;
  padding-block: 0;
  border-inline-start: var(--border);
  border-radius: 0;
  padding-inline: 0.75rem;
}
@supports (text-box: trim-both cap alphabetic) {
  .list-separator__item,
  .list-separator--text .list-separator__item {
    text-box: trim-both cap alphabetic;
    padding-block: 0.375rem;
  }
}

/* css/components/_price.css */
.price {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
  gap: var(--space-3xs) var(--space-2xs);
  margin-block-start: var(--margin-block-start, var(--space-2xs));
  container-type: inline-size;
  container-name: price;
}
.price__values {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.price__on-sale,
.price__availability,
.price .price__badge-sale,
.price .price__badge-sold-out,
.price--on-sale .price__regular,
.price--on-sale .price__availability {
  display: none;
}
.price__on-sale {
  display: none;
  flex: 0 1 auto;
  column-gap: var(--space-2xs);
  flex-wrap: wrap;
}
.price--on-sale .price__on-sale {
  display: flex;
}
.unit-price {
  flex: 1 1 100%;
}
@container price (min-width: 15em) {
  .unit-price {
    flex: 0 1 auto;
    border-inline-start: var(--border);
    padding-inline-start: var(--space-2xs);
  }
}

/* css/components/_product-rating.css */
.product-rating {
  line-height: 1;
  gap: var(--space-3xs) var(--space-2xs);
}
.product-rating__value {
  gap: calc(var(--space-3xs) / 2);
}

/* css/components/_quick-add.css */
.quick-add__submit {
  overflow: hidden;
  margin: var(--space-xs);
}
.quick-add__submit[aria-disabled] {
  cursor: not-allowed;
  pointer-events: none;
}
.quick-add__icon {
  transition: transform 0.3s ease;
}
.quick-add__submit:hover .quick-add__icon:is(.icon--plus) {
  transform: rotate(90deg);
}
.quick-add__dialog {
  --padding: 0;
  --inactive-thumbnail-position: absolute;
}
.quick-add__dialog .product-info {
  padding-block: min(var(--space-l), var(--padding-section)) !important;
}
.quick-add__dialog-header {
  padding-inline-end: var(--space-xs);
  padding-block-start: var(--space-xs);
  z-index: 10;
}
.quick-add__dialog-header--absolute {
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 0;
  background-color: transparent;
}
.quick-add__dialog-header .button--text {
  margin-inline-end: var(--space-xs);
}
.quick-add__body {
  --container-margin: var(--space-m);
}
.quick-add__body .media-gallery--mobile-max {
  --media-top-padding: var(--space-xs);
}
.quick-add__body .media-gallery--mobile-page-width {
  --container-margin: var(--space-m);
  --mobile-padding: var(--space-m);
}
.quick-add__body .product-info__blocks > * + * {
  margin-block-start: var(--margin-block-start, var(--space-m));
}
.quick-add__body .pdp-thumbnails__main-wrapper {
  margin-inline-end: 0;
}
quick-add-button,
product-form {
  z-index: 2;
}

/* css/components/_rte.css */
.rte > * {
  margin-block: 0;
}
.rte > *:not(:empty) + * {
  margin-block-start: var(--gap, var(--space-xs-s));
  margin-block-end: 0;
}
.rte :is(.button-group, .discount-code),
.rte > .button {
  --gap: var(--space-m);
}
.rte:has(.heading, .subheading) + .rich-text__text,
.rte :has(.heading, .subheading) + p:not(.heading, .subheading) {
  --gap: var(--space-xs);
}
.rte .subheading + .heading {
  --gap: var(--space-3xs);
}
.rte :is(h1, h2, h3, h4, h5, h6):not([class]):not(:first-child),
.rte :is(.heading-group):not(:first-child) {
  --gap: var(--space-l);
}
.rte .list-separator + .heading,
.rte .list-separator + .heading-group,
.rte .list-separator + :is(h1, h2, h3, h4, h5, h6):not([class]):not(:first-child) {
  --gap: var(--space-xs);
}
.rte .list-separator,
.rte .product-rating + .heading-group {
  --gap: var(--space-2xs);
}
.rte :is(h1):not([class]) {
  font-size: var(--font-heading-h3-size);
}
.rte :is(h2):not([class]) {
  font-size: var(--font-heading-h4-size);
}
.rte :is(h3):not([class]) {
  font-size: var(--font-heading-h5-size);
}
.rte :is(h4):not([class]) {
  font-size: var(--font-heading-h6-size);
}
.rte :is(h5):not([class]) {
  font-size: var(--font-subheading-size);
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  text-transform: var(--font-subheading-letter-casing);
  line-height: var(--font-subheading-line-height);
}
.rte :is(h6):not([class]) {
  font-size: var(--font-xs-size, 0.75rem);
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  text-transform: var(--font-subheading-letter-casing);
  line-height: var(--font-subheading-line-height);
}
.rte :where(ul, ol):not([class]) li:not([class]):not(:first-child) {
  margin-block-start: var(--space-3xs);
}
.rte :where(ul, ol):not([class]) {
  margin-block: 1em;
  padding-inline-start: var(--space-xs);
  text-align: start;
}
.rte table {
  border-collapse: collapse;
}
.rte table :where(ul, ol) {
  margin-block: 0;
  padding-inline-start: var(--space-xs);
}
.rte table :where(th, td) {
  padding: var(--space-3xs);
  border: var(--border);
}
.rte table th {
  text-align: inherit;
  color: rgb(var(--color-text-secondary));
  font-family: var(--font-navigation-family);
  font-style: var(--font-navigation-style);
  font-weight: var(--font-navigation-weight);
  font-size: var(--font-navigation-size);
  line-height: var(--leading-snug);
  text-transform: var(--font-navigation-letter-casing);
  letter-spacing: var(--font-navigation-letter-spacing);
}
.rte .external-video {
  --gap: var(--space-l);
}
.rte img:not([class]) {
  border-radius: var(--border-radius-card);
}
.rte .subtitle {
  --gap: var(--space-3xs);
}
@media (min-width: 62em) {
  .rte--loose {
    --gap: var(--space-s-m);
  }
  .rte--loose .button-group,
  .rte--loose > .button {
    --gap: var(--space-m-l);
  }
}

/* css/components/_ui.css */
:is(.ui, .dialog) :is(.h1) {
  font-size: min(var(--font-heading-h1-size), clamp(2.0273rem, 1.7432rem + 1.4203vw, 2.986rem));
}
:is(.ui, .dialog) :is(.h2) {
  font-size: min(var(--font-heading-h2-size), clamp(1.802rem, 1.5987rem + 1.0167vw, 2.4883rem));
}
:is(.ui, .dialog) :is(.h3) {
  font-size: min(var(--font-heading-h3-size), clamp(1.6018rem, 1.462rem + 0.699vw, 2.0736rem));
}
:is(.ui, .dialog) :is(.h4) {
  font-size: min(var(--font-heading-h4-size), clamp(1.4238rem, 1.3337rem + 0.4506vw, 1.728rem));
}
:is(.ui, .dialog) :is(.h5) {
  font-size: min(var(--font-heading-h5-size), clamp(1.2656rem, 1.214rem + 0.2583vw, 1.44rem));
}
:is(.ui, .dialog) :is(.h6) {
  font-size: min(var(--font-heading-h6-size), clamp(1.125rem, 1.1028rem + 0.1111vw, 1.2rem));
}

/* css/components/_shoppable-banner.css */
.shoppable-banner .container {
  --container-width: 100%;
}
.shoppable-banner.media-banner--stack-mobile .media-banner__content--mobile-only {
  justify-content: center;
}
.shoppable-banner__products {
  --gap: var(--space-2xs);
  position: relative;
  z-index: 4;
  inline-size: min(var(--mini-product-width), 100%);
}

/* css/components/_facets.css */
.facets--sticky {
  position: sticky;
  inset-block-start: 0;
  z-index: 10;
}
.facets--sticky:has(.dialog[open]) {
  z-index: 100;
}
.facets__dialog {
  --padding: 0;
}
.facets__dialog-trigger .disclosure__button,
.facets__select,
.facets__results {
  --outline-offset: var(--inset-outline-offset);
  padding-block: var(--space-xs);
}
.facets__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin-inline-start: -0.5rem;
}
.facets-filters-form__loader {
  position: sticky;
  inset-block-start: 0;
  inset-inline-start: 0;
  inline-size: 100%;
  transform: scaleX(0);
  transform-origin: 0 0;
  padding-block-start: 0.25rem;
  background-color: currentColor;
  z-index: 1;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.facets__filter-button-count:not(:empty)::before {
  content: " (";
}
.facets__filter-button-count:not(:empty)::after {
  content: ")";
}
.dialog__window .facets-filters-form {
  block-size: calc(100vh - 0.25rem);
}
.facets-filters-form {
  --outline-offset: var(--inset-outline-offset);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-block-start: auto;
}
.facets-filters-form .collapsible__item {
  border-block-end: 0;
}
.facets-filters-form .collapsible__content {
  padding-block-end: var(--space-xs);
}
.facets-filters-form .collapsible__toggle {
  border-block-end: var(--border);
}
.facets-filters-form--max-height .facets-filters-form__fieldset {
  max-block-size: 12rem;
  overflow-y: auto;
}
.facets-filters-form__content {
  display: grid;
  container-name: facets-list;
  container-type: inline-size;
}
.facets-filters-form__header {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs);
  align-items: center;
  justify-content: space-between;
  padding-block-end: var(--space-s);
}
.facets-filters-form__main {
  padding: var(--space-m);
}
.facets-filters-form__footer {
  display: flex;
  background: var(--color-background);
  inset-block-end: 0;
  flex-direction: column;
  gap: 1rem;
  margin-block-start: auto;
  padding: var(--space-m);
  border-block-start: var(--border);
}
.facets-filters-form__filter-label {
  padding-block: 0.75rem;
  border-block-end: 1px solid rgba(var(--color-foreground), 0.06);
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.facets-filters-form__list {
  display: grid;
  gap: 0 var(--space-m);
}
@container facets-list (min-width: 20em) {
  .facets-filters-form__list {
    grid-template-columns: 1fr 1fr;
  }
}
.facets__select {
  border: 0;
  text-align: end;
  padding-inline-end: 1.125rem;
}
.input--box .facets__select-icon {
  inset-inline-end: 0;
}
.facets-filters-form__fieldset {
  border: none;
  margin: 0;
  padding-block: var(--space-2xs);
  padding-inline: 0;
}
.facets-filters-form__footer-remove {
  align-self: center;
}
.facets-filters-form__swatch {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.facets__aside {
  display: flex;
  inline-size: auto;
  gap: var(--space-s);
  align-items: center;
  justify-content: space-between;
}
.facets--filters-false .facets__aside {
  inline-size: 100%;
}
.facets__results {
  padding-inline: 0.5rem;
  display: block;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.facets--filters-true .facets__results {
  display: none;
}
.facets__image-wrapper {
  max-width: 3rem;
}
.facets .collapsible__toggle {
  padding-block: var(--space-xs);
}
.facets-sidebar {
  display: none;
  padding-block-start: var(--space-m);
  align-self: start;
}
@media (min-height: 35em) {
  .facets__dialog {
    scroll-padding-block-end: var(--footer-height);
  }
  .facets-filters-form__footer {
    position: sticky;
    z-index: 2;
  }
}
.facets-sidebar {
  position: sticky;
  inset-block-start: var(--sticky-offset);
  padding-inline-start: var(--sidebar-padding-start);
  padding-inline-end: var(--sidebar-padding-end);
}
.facets__active:not(:empty) {
  margin-block-end: var(--space-m);
}
@media (min-width: 72em) {
  .facets .facets__results {
    display: block;
  }
  .facets-sidebar {
    display: block;
  }
  .facets--sidebar .facets__dialog-trigger {
    display: none;
  }
  .facets--sidebar .facets__aside {
    inline-size: 100%;
  }
}

/* css/components/_content-blocks.css */
.content-blocks {
  --media-banner-height: 100%;
  display: grid;
  align-items: stretch;
}
.content-blocks > *:not(.content-blocks__ignore) {
  --media-banner-height: 100%;
  flex-basis: 100%;
  display: flex;
}
.content-blocks > .rich-text-block {
  padding-inline: min(var(--media-content-padding, var(--container-margin)), var(--container-margin));
}
.content-blocks > .rich-text-block > .rich-text {
  inline-size: 100%;
}
.content-blocks .rich-text__blocks {
  min-width: min(100%, var(--container-width));
}
.content-blocks--border {
  gap: var(--border-thickness);
  background-color: rgba(var(--color-border));
}
@media screen and (min-width: 48em) {
  .content-blocks {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .content-blocks > *:only-of-type {
    grid-column: span 2;
  }
  .content-blocks .media-banner__inner:has(.media-wrapper--placeholder) {
    --padding-aspect-ratio: 100%;
  }
}

/* css/components/_scrolling-content.css */
.scrolling-content {
  padding-block: var(--space-2xs);
}
scrolling-content {
  --outline-offset: var(--negative-outline-offset);
  display: flex;
  position: relative;
  align-items: center;
  overflow-x: clip;
  overflow-y: visible;
}
scrolling-content * {
  white-space: nowrap;
}
@media (prefers-reduced-motion) {
  scrolling-content {
    overflow: auto;
  }
}
scrolling-content::-webkit-scrollbar {
  display: none;
}
.scrolling-content__items,
.scrolling-content__content {
  display: flex;
  align-items: center;
  white-space: nowrap;
  list-style: none;
  padding: 0;
  margin: 0;
}
.scrolling-content__item {
  padding-block: calc(var(--border-thickness) * 2);
  margin: 0 var(--horizontal-gap);
}
.scrolling-content__item,
.scrolling-content__item > * {
  font-size: var(--font-size);
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
}
.scrolling-content__button {
  --icon-size: var(--icon-m);
  --outline-color: currentColor;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  block-size: 2.5rem;
  inline-size: 2.5rem;
  inset-inline-start: var(--space-3xs);
  aspect-ratio: 1 / 1;
  padding: var(--space-3xs);
  z-index: 1;
  transform: translateY(-50%);
}

/* css/components/_slider-component.css */
.slider-component {
  --pagination-height: 0px;
  --pagination-inset: var(--banner-controls-padding);
  --pagination-opacity: 0;
  display: block;
  position: relative;
  --icon-size: var(--icon-m);
  overflow-x: clip;
  overflow-y: clip;
}
.slider-component__slider:focus-visible::after,
.slideshow-component:has(.slider--generic:focus-visible)::after {
  content: "";
  position: absolute;
  inset: 0;
  border: var(--outline-thickness) inset var(--color-background-solid);
  outline: var(--outline-thickness) solid rgb(var(--color-foreground));
  outline-offset: var(--negative-outline-offset);
  z-index: 100;
  pointer-events: none;
}
.slider-component__inner {
  --columns-desktop: 2;
  --slider-scroll-margin: var(--gap-horizontal);
  --slider-gap: var(--gap-vertical) var(--gap-horizontal-override);
  --columns: var(--columns-mobile);
  --gap-horizontal-override: var(--gap-horizontal);
  --column-width: calc((100% - (var(--gap-horizontal-override) * (var(--columns) - 1))) / var(--columns));
  --gap-horizontal-override: var(--gap-horizontal);
  --outline-offset: var(--negative-outline-offset);
  --space: var(--container-margin);
  --slider-peeking: calc( (100% - (var(--gap-horizontal-override) * (var(--columns) - 1))) / var(--columns) - min(max(var(--gap-horizontal-override), var(--space-3xs)) * 2, var(--container-margin)) );
  display: grid;
  grid-template-columns: [full-start] 1fr [content-start] min(var(--container-width), 100% - var(--space) * 2) [content-end] 1fr [full-end];
}
.slider-component__inner--max {
  --padding-text: var(--padding-text-max-default);
  --slideshow-padding-end: max(var(--space), calc(((100 * var(--vw, 1vw)) - var(--container-width)) / 2));
  --slideshow-padding-end-margin: calc(var(--gap-horizontal-override) * -1);
}
.slider-component__inner--full {
  --slider-scroll-margin: 0;
  --padding-text: var(--padding-text-full-default);
  --border-radius-card-override: 0;
  --border-radius-card-inner-override: var(--border-radius-card);
  grid-template-columns: [full-start] 0 [content-start] minmax(0, 1fr) [content-end]0 [full-end];
}
.slider-component__inner--padded {
  --padding-text: var(--padding-text-padded-default);
  --slideshow-padding-end: 0.05px;
  grid-template-columns: [full-start] var(--gap-horizontal) [content-start] minmax(0, 1fr) [content-end] var(--gap-horizontal) [full-end];
}
:is(.slider-component__inner--text) {
  --slider-gap: max(var(--gap-vertical), var(--space-l)) var(--gap-horizontal-override);
}
.slider-component__inner--stack .slider-component__grid {
  flex-wrap: wrap;
}
.slider-component__slider {
  --outline-color: transparent;
  display: grid;
  grid-column: full;
  grid-template-columns: inherit;
  scroll-snap-type: x proximity;
  overscroll-behavior-x: contain;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-y: hidden;
}
.slider-component__inner--force-snap .slider-component__slider {
  scroll-snap-type: x mandatory;
}
.slider-component__inner--max:not(.slider-component__inner--stack) .slider-component__slider::before {
  content: "";
  align-self: stretch;
  padding-inline-end: var(--slideshow-padding-end);
  margin-inline-start: var(--slideshow-padding-end-margin);
  scroll-snap-align: var(--slideshow-scroll-snap-align, start);
}
.slider-component__slider::-webkit-scrollbar {
  display: none;
}
.slider-component__grid {
  grid-column: content;
  display: flex;
  align-items: flex-start;
  gap: var(--slider-gap);
  margin-inline: var(--grid-margin-inline);
}
.slider-component__inner:not(.slider-component__inner--stack) .slider-component__grid::after {
  content: "";
  align-self: stretch;
  padding-inline-end: var(--slideshow-padding-end);
  margin-inline-start: var(--slideshow-padding-end-margin);
}
.slider-component__item {
  flex-shrink: 0;
  scroll-snap-align: var(--slideshow-scroll-snap-align, start);
  scroll-margin-inline-start: var(--slider-scroll-margin);
  flex-basis: var(--column-width);
  padding-inline: var(--item-padding-inline);
  overflow-y: clip;
}
.slider-component__controls[hidden] {
  display: none;
}
.slider-component__image-wrapper {
  max-inline-size: var(--image-max-width);
  margin-block-end: var(--space-m);
}
.center .slider-component__image-wrapper {
  margin-inline: auto;
}
.slider-component[data-destroyed=true] .slider-component__grid {
  flex-wrap: wrap;
}
.slider--collapsed .slider--generic {
  overflow: hidden;
}
.slider--collapsed .slider-component__grid::after,
.slideshow .mobile-height--adapt::before {
  display: none;
}
.slider-component__pagination--counter-progress {
  --pagination-height: calc(var(--gap-section) + 0.125rem);
}
.slider-component__pagination--counter-counter {
  --pagination-height: calc(var(--gap-section) + (var(--font-xs-size) * var(--font-body-line-height)));
}
.slider-component__pagination--overlay .pagination__item {
  position: absolute;
  inset-block-start: calc(50% - var(--pagination-height) / 2);
  transform: translateY(-50%);
  z-index: 10;
  opacity: var(--pagination-opacity, 1);
  visibility: var(--pagination-visibility, visible);
}
.slider-component__pagination--overlay .pagination__item--prev {
  inset-inline-start: var(--pagination-inset);
}
.slider-component__pagination--overlay .pagination__item--next {
  inset-inline-end: var(--pagination-inset);
}
.slider-component__pagination--overlay.slider-component__pagination--counter-hidden .slider-component__controls {
  margin: 0;
  padding: 0;
}
.slider-component__pagination--overlay .slider-component__controls {
  margin-block-end: 0;
}
.slider-component__progress {
  position: relative;
  inset-inline: 0;
  inset-block-end: 0;
  inline-size: var(--space-3xl);
  block-size: max(var(--border-thickness), 0.125rem);
  background-color: rgba(var(--color-foreground), 0.2);
  border-radius: var(--border-radius-button);
  overflow: hidden;
  z-index: 3;
  transition: all 0.5s ease;
}
.slider-component__progress::before {
  content: "";
  display: block;
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  block-size: max(var(--border-thickness), 0.125rem);
  background-color: rgb(var(--color-foreground));
  transform: translateX(calc(-100% + var(--progress)));
}
@media screen and (min-width: 32em) {
  .slider-component__inner {
    --columns: 2;
  }
}
@media screen and (min-width: 64em) {
  .slider-component__inner {
    --columns: var(--columns-desktop);
  }
  .slider-component__inner--force-snap .slider-component__slider {
    scroll-snap-type: x proximity;
  }
}
@media (pointer: coarse) {
  .slider-component {
    --pagination-inset: 0;
  }
  .slider-component:not(.slider--collapsed, [data-destroyed=true]):has(.slider-component__pagination--overlay) :is(.slider-component__inner--padded, .slider-component__inner--full) {
    --column-width: var(--slider-peeking);
  }
  .pagination__item:focus-visible {
    --pagination-opacity: 1;
    --pagination-visibility: visible;
  }
  .slider-component__pagination--overlay .pagination__item::before {
    content: "";
    display: block;
    position: absolute;
    inline-size: 100%;
    inset-block-start: -50vh;
    inset-block-end: -50vh;
  }
}
@media (pointer: coarse) and (max-width: 63.99em) {
  .slider-component:not(.slider--collapsed, [data-destroyed=true]):has(.slider-component__pagination--overlay) .slider-component__inner--max {
    --column-width: var(--slider-peeking);
  }
}
@media (pointer: fine) {
  .slider-component {
    --pagination-visibility: hidden;
  }
  .slider-component:focus-within:has(:focus-visible),
  .slider-component:hover {
    --pagination-opacity: 1;
    --pagination-visibility: visible;
  }
  :where(.slider-component:focus-within, .slider-component:hover) .slider-component__controls [aria-disabled]:not(:focus) {
    --pagination-opacity: 0;
    --pagination-visibility: hidden;
  }
}
@media (max-width: 63.99em) {
  .slider-component:not(.slider--collapsed, [data-destroyed=true]):has(.slider-component__pagination--overlay) .slider-component__inner {
    --column-width: var(--slider-peeking);
  }
}
@supports (-moz-appearance: none) {
  .slider-component__inner--stack .slider-component__grid,
  .slider-component[data-destroyed=true] .slider-component__grid {
    display: grid;
    grid-template-columns: repeat(var(--columns), minmax(0, 1fr));
  }
}

/* css/components/_slideshow.css */
.slider--generic {
  display: grid;
  grid-auto-columns: 100%;
  grid-auto-flow: column;
  position: relative;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  flex-direction: row;
  min-inline-size: 0;
}
.slideshow {
  --slideshow-control-height: 1.5rem;
  --pagination-inset: var(--banner-controls-padding);
  --pagination-padding-end: var(--gap-section);
  --pagination-margin-start: 0;
  display: block;
  position: relative;
}
.slideshow:has(.slider-component__progress) {
  --slideshow-control-height: 0.125rem;
}
.slideshow[data-animation-style=fade] .slideshow__slide {
  grid-column: 1;
  grid-row: 1;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  z-index: 1;
}
.slideshow .slider-component__progress::before {
  transition: transform 0.3s ease;
}
.slideshow:not([data-destroyed=true])[data-animation-style=fade] .slideshow__slide[aria-hidden=true] {
  opacity: 0;
  visibility: hidden;
  transition-delay: var(--slideshow-transition-delay, 0.3s);
  z-index: 0;
}
.slider--collapsed .slideshow__play-pause {
  display: none;
}
.slideshow__autoplay {
  position: absolute;
  display: flex;
  inset: var(--banner-controls-padding);
  pointer-events: none;
  z-index: 6;
}
.shopify-section:first-child slideshow-component .slideshow__autoplay {
  padding-block-start: var(--transparent-header-height, 0);
}
.slideshow__play-pause {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
}
.slideshow__slide {
  scroll-snap-align: center;
  scroll-snap-stop: always;
}
.slideshow .pagination {
  margin-block-start: var(--pagination-margin-start);
  margin-block-end: var(--pagination-margin-end);
  padding-block-end: var(--pagination-padding-end);
}
.slideshow__banner {
  --media-banner-height: 100%;
  min-block-size: 100%;
  block-size: 100%;
}
.slideshow__hover-arrow {
  display: none;
  position: absolute;
  inset-block: 0;
  inline-size: 33.33%;
  z-index: 3;
}
.slideshow__hover-arrow--next {
  inset-inline-end: 0;
}
:is(.slideshow--arrow-overlay, .slideshow--arrow-hover) {
  --pagination-margin-start: var(--space-3xs);
  --pagination-margin-end: 0;
}
:where(.slideshow--arrow-overlay, .slideshow--arrow-hover) {
  --container-margin: 4% + 2.5rem;
}
:where(.slideshow--arrow-overlay, .slideshow--arrow-hover) .pagination__item--prev {
  inset-inline-start: var(--banner-controls-padding);
}
:where(.slideshow--arrow-overlay, .slideshow--arrow-hover) .pagination__item--next {
  inset-inline-end: var(--banner-controls-padding);
}
:is(.slideshow--arrow-overlay, .slideshow--arrow-hover) .pagination__item {
  position: absolute;
  inset-block-start: 50%;
  transform: translateY(-50%);
  z-index: 4;
  padding: 0;
}
.slideshow .pagination__item[aria-disabled=true] {
  pointer-events: all;
}
.slideshow__pagination--overlay {
  --pagination-margin-start: 0;
  --pagination-margin-end: 0;
  --pagination-padding-end: 0;
}
.slideshow__pagination--overlay :is(.pagination__count, .slider-component__progress) {
  position: absolute;
  left: 50%;
  right: auto;
  inset-block-end: var(--banner-controls-padding);
  transform: translateX(-50%);
  z-index: 10;
}
.slideshow__pagination--overlay :is(.pagination__count, .slider-component__progress) {
  inset-block-end: calc(var(--banner-controls-padding) * 1.5);
}
.slideshow:not(.slideshow--arrow-below):has(.slideshow__pagination--overlay) .media-banner__content:not(.media-banner__content--stack) {
  padding-block-end: calc(var(--banner-controls-padding) * 1.5 + var(--slideshow-control-height) + var(--media-content-padding, var(--space-m)));
}
.slideshow:has(.slideshow__pagination--overlay) .media-banner__content--stack {
  padding-block-end: calc(var(--banner-controls-padding) + var(--slideshow-control-height) + var(--gap-section));
}
.slideshow:not(.slideshow--arrow-below) .slideshow__pagination--hidden .pagination {
  margin: 0;
  padding: 0;
}
.slideshow__pagination--hidden .pagination__count {
  position: absolute;
  overflow: hidden;
  inline-size: 1px;
  block-size: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  word-wrap: normal;
}
.slideshow--arrow-below .pagination__item {
  z-index: 1;
}
.slideshow__pagination:has([data-total="1"]),
.slideshow__pagination--hidden .slider-component__progress {
  display: none;
}
html:not(.js) .slideshow[data-animation-style=fade] .slideshow__slide:not(:first-child) {
  opacity: 0;
}
@media (max-width: 47.99em) {
  .slideshow--has-stack:is(.slideshow--arrow-overlay, .slideshow--arrow-hover) .pagination {
    --pagination-margin-start: 0;
    --pagination-padding-end: var(--gap-section);
  }
  .slideshow--has-stack .slideshow__pagination--overlay :is(.pagination__count, .slider-component__progress) {
    position: relative;
    inset: auto;
    transform: none;
    overflow: hidden;
  }
}
@media (hover: hover) and (min-width: 48em) {
  .slideshow__hover-arrow {
    display: block;
  }
  .slideshow--arrow-hover .pagination__item {
    opacity: 0;
  }
}
.slideshow--arrow-hover:has(:focus-visible):focus-within .pagination__item {
  opacity: 1;
}
.slider-counter:has(.slider-counter--total:empty) {
  display: none;
}

/* css/components/_product-grid.css */
.product-grid__wrapper {
  transition: opacity 0.3s ease;
}
.product-grid__wrapper--loading {
  opacity: 0.7;
}
.product-grid__empty {
  padding-block: var(--space-xl);
}
.product-grid__infinite {
  --gap: var(--space-s);
  margin-block-start: var(--padding-section);
  text-align: center;
}
.product-grid__infinite link-to-button {
  display: block;
}
.product-grid__infinite-previous:not(:empty) {
  margin-block-end: var(--gap-section);
  text-align: center;
}
.product-grid__sidebar {
  --sticky-offset: var(--sticky-header-height);
  --sidebar-padding-end: max(var(--space-xl), var(--gap-horizontal));
}
.product-grid__sidebar--sticky {
  --sticky-offset: var(--space-m);
}
.product-grid__sidebar.container--max {
  --sidebar-padding-start: 0;
}
.product-grid__sidebar.container--padded {
  --sidebar-padding-start: calc(var(--container-margin) - var(--gap-horizontal));
}
.product-grid__sidebar.container--full {
  --sidebar-padding-start: max(var(--space-l), var(--gap-horizontal));
}
@media (min-width: 72em) {
  .product-grid__sidebar {
    display: grid;
    grid-template-columns: 1fr 3fr;
  }
}

/* css/components/_multicolumn.css */
.multicolumn {
  position: relative;
}
.multicolumn .rich-text__text {
  text-wrap: balance;
}

/* css/components/_play-pause-button.css */
play-pause-button {
  cursor: pointer;
}
:is(play-pause-button, mute-button) button {
  opacity: var(--controls-opacity, 1);
  transition: opacity 0.3s ease;
}
play-pause-button .play-pause__pause,
mute-button .mute-button__muted,
play-pause-button[data-playing=true] .play-pause__play,
mute-button[data-muted=false] .mute-button__muted,
mute-button[data-muted=true] .mute-button__unmuted {
  display: none;
}
.play-pause__play,
.play-pause__pause,
play-pause-button[data-playing=true] .play-pause__pause,
mute-button[data-muted=true] .mute-button__muted {
  display: block;
}
mute-button .deferred-media__button {
  position: relative;
  opacity: var(--controls-opacity, 1);
  z-index: 10;
}

/* css/components/_collapsible.css */
.collapsible-items + .collapsible-items {
  margin-block-start: 0;
}
.collapsible__item {
  text-align: start;
  cursor: pointer;
  border-block-end: var(--border);
}
.collapsible__item:hover .collapsible__icon--plus {
  transform: rotate(90deg);
}
.collapsible__item[open] .collapsible__icon--minus {
  opacity: 1;
}
.collapsible__item[open] .collapsible__icon--plus {
  opacity: 0;
}
.collapsible__toggle {
  --outline-offset: var(--inset-outline-offset);
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-xs);
  padding-block: clamp(var(--space-xs), 0.625em, var(--space-m));
  overflow: hidden;
}
.collapsible__toggle::-webkit-details-marker,
.collapsible__toggle::marker {
  display: none;
}
.collapsible__icon {
  position: relative;
  display: block;
  transition: opacity 0.3s ease, transform 0.2s ease;
}
.collapsible__icon--minus {
  position: absolute;
  inset-inline-end: 0;
  opacity: 0;
}
.collapsible__content {
  padding-block-end: var(--space-xs);
}
.collapsible__content ul:not([class]) {
  margin: 0;
  padding-block: var(--space-2xs);
}
.collapsible__heading {
  margin: 0;
}
.collapsible-item--destroyed {
  border-block-end: 0;
  cursor: auto;
}
.collapsible-item--destroyed .collapsible__icon {
  display: none;
}
.collapsible-item--destroyed .collapsible__toggle {
  pointer-events: none;
  padding: 0;
}
.collapsible-item--destroyed .collapsible__content {
  margin-block-start: var(--space-xs);
}

/* css/components/_announcement-bar.css */
.announcement-bar-section {
  position: relative;
  z-index: 51;
}
.header-section + .announcement-bar-section {
  z-index: 49;
}
.announcement-bar {
  display: block;
  position: relative;
}
.announcement-bar__announcements {
  --slideshow-transition-delay: 0s;
  flex: 1 1 auto;
  text-align: center;
  line-height: var(--leading-tight);
}
.announcement-bar__autoplay {
  position: absolute;
  inset-inline-start: var(--space-2xs);
}
.announcement-bar__slider-wrapper {
  display: flex;
  align-items: center;
  inline-size: 100%;
  gap: var(--space-xs-s);
}
.announcement-bar__slider {
  flex: 1 1 100%;
  align-items: center;
}
.announcement-bar__pagination-item {
  position: relative;
  z-index: 1;
}
.announcement-bar__localization-wrapper {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: var(--space-xs);
  margin-inline-end: -0.75rem;
  grid-column: 3;
}
.announcement-bar__slideshow:has(.announcement-bar__slider:focus-visible)::before {
  display: none;
}
:where(.announcement-bar:has(.announcement-bar__announcements)) .announcement-bar__localization-wrapper {
  display: none;
}
.announcement-bar .pagination__item--prev {
  margin-inline-start: calc(var(--space-xs) * -1);
  margin-block-end: 0;
}
.announcement-bar .pagination__item--next {
  margin-inline-end: calc(var(--space-xs) * -1);
  margin-block-end: 0;
}
.announcement-bar__text {
  margin: 0;
}
.announcement-bar__text p:has(a) {
  padding-block: calc(var(--border-thickness) + 1px);
}
@media (min-width: 72em) {
  .announcement-bar--locales .announcement-bar__grid {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: var(--space-2xs) var(--space-xl-2xl);
  }
  .announcement-bar__localization-wrapper {
    grid-column: 3;
    display: flex;
    align-items: center;
    justify-content: end;
  }
  .announcement-bar--locales .announcement-bar__announcements--single {
    text-align: start;
  }
}

/* css/components/_logo-list.css */
.logo-list__list {
  --scale-factor-horizontal: 0.1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
  margin-block-end: 0;
  padding: 0;
  grid-column: content;
}
.logo-list__scroll {
  display: grid;
  position: relative;
}
.logo-list__scroll * {
  grid-row: 1;
  grid-column: auto;
}
.logo-list__scroll play-pause-button button::before {
  content: "";
  position: absolute;
  inset: 0;
}
.logo-list__scroll .logo-list__item {
  margin-inline: calc(var(--horizontal-gap-override, var(--horizontal-gap)) / 2);
}
.logo-list__list.scrolling-content__items {
  flex-wrap: nowrap;
  width: fit-content;
}
.logo-list--slider .logo-list__list {
  flex-wrap: nowrap;
  gap: var(--horizontal-gap-override, var(--horizontal-gap));
}
.logo-list--slider .logo-list__list::after {
  content: "";
  align-self: stretch;
  padding-inline-end: var(--container-margin);
  margin-inline-start: calc(var(--horizontal-gap) * -1);
  block-size: 10px;
}
.logo-list--grid .logo-list__list {
  gap: var(--horizontal-gap-override, var(--horizontal-gap));
}
.logo-list--center .slider--collapsed .logo-list__list {
  justify-content: center;
}
.logo-list__link {
  display: block;
  text-decoration: none;
  transition: opacity 0.3s ease;
}
.logo-list__link:hover {
  opacity: 0.5;
}
@property --captured-length { syntax: "<length>"; initial-value: 0px; inherits: false; }
.logo-list__item {
  --base-ratio: calc(var(--width) / var(--height));
  aspect-ratio: var(--base-ratio);
  --factor-horizontal: min( var(--scale-factor-horizontal) * -1 * var(--base-ratio) + var(--scale-factor-horizontal) + 1, 1 );
  block-size: max(var(--base-height) / 2, var(--base-height) * var(--factor-horizontal));
}
.logo-list__item img {
  inline-size: 100%;
  block-size: auto;
}
.logo-list__item .placeholder-svg {
  transform: translateY(-25%);
}
@media (max-width: 40em) {
  .logo-list--grid {
    --horizontal-gap-override: min(var(--horizontal-gap), var(--space-l));
  }
}

/* css/components/_disclosure.css */
.disclosure {
  position: relative;
  display: flex;
  align-items: center;
}
.disclosure--bottom .disclosure__list-wrapper {
  transform: none;
  inset-block-end: calc(100% - var(--border-thickness));
}
.disclosure__button {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: var(--space-3xs);
  padding-block: var(--space-3xs);
  padding-inline: 0.5rem;
  z-index: 11;
  background-color: transparent;
  border: var(--border-thickness) solid transparent;
  border-radius: 0;
  transition: border-color 0.3s ease, background-color 0.3s ease;
  white-space: nowrap;
  color: var(--disclosure-button-color, inherit);
  z-index: 11;
}
.disclosure__button--left {
  margin-inline-start: -0.5rem;
}
.disclosure__button--left + .disclosure__list-wrapper {
  margin-inline-start: -0.5rem;
}
.disclosure__button[aria-expanded=true] + .disclosure__list-wrapper {
  opacity: 1;
  visibility: visible;
}
.disclosure__button span {
  text-box: trim-both cap alphabetic;
}
.disclosure__list-wrapper {
  position: absolute;
  inset-block-end: 0;
  background: var(--color-background-solid);
  inset-inline-start: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(calc(100% - var(--border-thickness)));
  transition: opacity 0.4s ease, visibility 0.3s ease;
  z-index: 10;
}
.overlay--borders .disclosure__list-wrapper {
  border: var(--border);
}
.disclosure__list-wrapper--right {
  inset-inline-start: auto;
  inset-inline-end: 0;
}
.disclosure__list {
  transition: opacity 0.3s ease;
}
.disclosure__selectable {
  --outline-offset: var(--negative-outline-offset);
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  gap: var(--space-3xs);
  padding-block: var(--input-vertical-padding);
  padding-inline: var(--space-xs);
}
.disclosure__selectable .icon {
  transition: opacity 0.3s ease;
}
.disclosure__selectable:not([aria-current=true]) .icon {
  opacity: 0;
}
.disclosure__selectable * {
  pointer-events: none;
}
.disclosure__selectable:hover {
  background-color: rgba(var(--color-foreground), 0.05);
}

/* css/components/_localization-form.css */
.localization-form__list-wrapper {
  overflow-y: auto;
  max-block-size: 70svh;
  z-index: 80;
  text-align: start;
}
.localization-form__list-wrapper--country {
  min-inline-size: 18rem;
}
.localization-form__list-wrapper--language {
  min-inline-size: 10rem;
}
.localization-form__list-wrapper--country:has(.localization-form__country) {
  scroll-padding-block-start: 5rem;
  scroll-padding-block-end: var(--space-m);
}
.localization-form__country {
  position: sticky;
  inset-block-start: 0;
  padding-inline: var(--space-xs);
  padding-block: var(--space-m);
  background: var(--color-background-solid);
  z-index: 1;
}
.localization-form__loading-spinner {
  position: absolute;
  inset-block-start: 0.5rem;
  inset-inline-end: var(--space-2xs);
}
.localization-form__currency {
  white-space: nowrap;
}
.localization-form__field {
  flex: 1 1 auto;
  transition: opacity 0.3s ease;
}
.localization-form__country {
  gap: var(--space-xs);
}
.localization-form__overlay {
  position: fixed;
  inset: 0;
  background-color: var(--color-overlay);
  z-index: 80;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s ease;
}
.disclosure__button[aria-expanded=true] ~ .localization-form__overlay {
  opacity: 1;
  visibility: visible;
}
.localization-form__loading-spinner {
  inset-inline-start: 50%;
  inset-block-start: 50%;
}
@media (max-width: 47.999em) {
  .localization-form__list-wrapper[class] {
    position: fixed;
    max-block-size: 80dvh;
    margin: 0;
    inset-block-end: 0;
    inset-inline: 0;
    transform: translateY(0);
    z-index: 81;
  }
  .localization-form__list-wrapper--country:has(.localization-form__country) {
    block-size: 80dvh;
  }
  .localization-form__list-wrapper--language {
    block-size: auto;
  }
  .localization-form__country {
    display: flex;
  }
  .localization-form__select[aria-expanded=true] {
    border-color: transparent;
  }
}
@media (min-width: 48em) {
  .localization-form__aside {
    position: static;
    block-size: 0;
  }
  .localization-form__close {
    display: none;
  }
  .localization-form__overlay {
    display: none;
  }
}
menu-drawer localization-form .disclosure {
  inline-size: 100%;
}
menu-drawer .localization-form__select {
  justify-content: center;
}
menu-drawer .localization-form__list-wrapper {
  position: fixed;
  inset-block-end: 0;
  inset-inline: 0;
  transform: translateY(0);
  z-index: 81;
}
menu-drawer .localization-form__list-wrapper--language {
  block-size: auto;
}
menu-drawer .localization-form__country {
  display: flex;
}
menu-drawer .localization-form__overlay {
  display: block;
}
menu-drawer .localization-form__select[aria-expanded=true] {
  border-color: transparent;
}

/* css/components/_menu-drawer.css */
.menu-drawer__toggle {
  margin-inline-start: -0.25rem;
}
.menu-drawer__drawer {
  z-index: 100;
}
.menu-drawer__dialog-window {
  --dialog-display: flex;
  flex-direction: column;
  inset: 0;
  inset-block-end: auto;
  min-block-size: 80dvh;
  max-block-size: 100dvh;
  border-radius: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
.overlay--borders .menu-drawer__dialog-window {
  border-inline: 0;
  border-block-start: 0;
}
.menu-drawer__close {
  --outline-offset: calc(var(--space-xs) * -1);
  padding: var(--space-m) var(--space-s);
}
.menu-drawer__body {
  display: grid;
  padding-block-end: var(--space-s);
  flex: 1 1 auto;
  grid-template-columns: 100%;
}
.menu-drawer__body > * {
  grid-column: 1;
  grid-row: 1;
}
.menu-drawer__menu {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-block-size: min-content;
  max-block-size: calc(100vh - (var(--space-s) * 4));
  max-block-size: calc(100lvh - (var(--space-s) * 4));
}
.menu-drawer__list {
  margin: 0;
  padding-block-start: var(--space-2xs);
  padding-inline: var(--space-s);
  list-style: none;
}
.menu-drawer__item {
  border-block-start: var(--border);
}
.menu-drawer__list .menu-drawer__item:first-child,
.menu-drawer__item:has(.menu-drawer__link--back) + .menu-drawer__item {
  border-block-start: 0;
}
.menu-drawer__link {
  display: flex;
  inline-size: 100%;
  font-size: var(--font-body-size);
  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, calc(0.75rem + 2ex));
  text-decoration: none;
  padding-inline: 0;
  padding-block: var(--space-2xs);
  color: inherit;
  font-family: var(--font-sidebar-menu-family);
  font-style: var(--font-sidebar-menu-style);
  font-weight: var(--font-sidebar-menu-weight);
  line-height: var(--font-sidebar-menu-line-height);
  text-transform: var(--font-sidebar-menu-letter-casing);
  letter-spacing: var(--font-sidebar-menu-letter-spacing);
  font-size: var(--font-sidebar-menu-size);
  white-space: normal;
}
.menu-drawer__link--button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: start;
}
.menu-drawer__link--back {
  display: flex;
  align-items: center;
  gap: var(--space-3xs);
  color: rgb(var(--color-text-secondary));
}
.menu-drawer__secondary-link {
  font-family: var(--font-navigation-family);
  font-size: var(--font-navigation-size);
  display: block;
  width: fit-content;
  padding: 0;
  margin-inline-start: var(--space-s);
  text-decoration: none;
  color: inherit;
}
.menu-drawer__primary-footer-actions > * + * {
  margin-block-start: var(--space-3xs);
}
.menu-drawer__localization {
  display: flex;
  margin-block-start: var(--space-m);
  margin-block-end: calc(var(--space-s) * -1);
}
.menu-drawer__localization:has(localization-form) {
  border-block-start: var(--border);
}
.menu-drawer__localization localization-form {
  flex: 1 1 auto;
  justify-content: center;
}
.menu-drawer__localization localization-form + localization-form {
  border-inline-start: var(--border);
}
.menu-drawer__localization .localization-selector {
  --outline-offset: var(--negative-outline-offset);
  inline-size: 100%;
  padding-block: var(--space-xs);
}
.menu-drawer__promo {
  --column-width: 33%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--column-width), 1fr));
  margin-block: var(--space-l);
  gap: var(--gap-vertical) var(--gap-horizontal);
  padding-inline: var(--space-s);
}
.horizontal-gap--m-0px .menu-drawer__promo {
  --column-width: 50%;
}
.menu-drawer__promo:has(.menu-drawer__promo-link:nth-child(3)) {
  --column-width: 25%;
}
.horizontal-gap--m-0px .menu-drawer__promo:has(.menu-drawer__promo-link:nth-child(3)),
.menu-drawer__promo:has(.menu-drawer__promo-link:nth-child(4):last-child) {
  --column-width: 33.33%;
}
@media (min-width: 40em) {
  .menu-drawer__promo {
    grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
  }
}
.menu-drawer__promo:last-child {
  margin-block-end: var(--space-s);
}
menu-drawer [data-state] {
  visibility: visible;
  transition:
    visibility 0.3s ease,
    opacity 0.3s ease,
    transform 0.3s ease;
}
menu-drawer [data-state=next] {
  transform: translateX(100%);
  visibility: hidden;
  opacity: 0;
}
menu-drawer [data-state=previous] {
  transform: translateX(-100%);
  visibility: hidden;
  opacity: 0;
}

/* css/components/_search-modal.css */
.search-modal__dialog {
  border-radius: 0;
}
.overlay--borders .search-modal__dialog {
  border-block-start: 0;
  border-inline: 0;
}
.search-modal__container {
  padding-block-start: var(--space-m);
  padding-block-end: var(--space-xl);
}
.search-modal__form {
  padding-block-start: var(--space-m);
}
.search-modal__input[class] {
  --outline-offset: 0.5rem;
  font-family: var(--font-search-family);
  font-size: var(--font-heading-h3-size);
}
.search-modal__field-button {
  --icon-size: 2rem;
  inline-size: 3rem;
  block-size: 3rem;
}
.search-modal__field-button--clear {
  inline-size: auto;
  white-space: nowrap;
}
@media (min-width: 48em) {
  .search-modal__form {
    padding-block-start: var(--space-l);
  }
}

/* css/components/_search-suggestions.css */
predictive-search[open=true] [data-default-suggestions] {
  display: none;
}
predictive-search[open=true] [data-predictive-results] {
  display: grid;
}
predictive-search[loading=true] .predictive-search__loading-state {
  position: relative;
  margin-block-start: var(--space-m);
  left: 50%;
  transform: translateX(-50%);
  display: block !important;
}
predictive-search[loading=true] .search-suggestions {
  display: none;
}
.search-suggestions {
  display: grid;
  gap: var(--space-xl) var(--space-m);
  margin-block-start: var(--space-xl);
}
.search-suggestions:empty {
  margin-block-start: 0;
}
[data-predictive-results] {
  display: none;
}
.search-suggestions__heading {
  margin-block-end: var(--space-s);
  padding-block-end: var(--space-2xs);
  border-block-end: var(--border);
}
.search-suggestions__list {
  display: flex;
  align-items: center;
  gap: var(--space-2xs) clamp(var(--padding-text-max-default), var(--gap-horizontal), var(--space-m));
  flex-wrap: wrap;
}
.search-suggestions__collections {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gap-vertical) var(--gap-horizontal);
}
.search-suggestions__collections-link {
  text-decoration: none;
}
.search-suggestions__collections-link * + * {
  margin-block-start: var(--space-2xs);
}
.search-suggestions__products {
  display: grid;
  gap: clamp(var(--space-2xs), var(--gap-vertical), var(--space-m));
}
.search-suggestions__products {
  .card-product__quick-add {
    display: none;
  }
}
:is(.search-suggestions__item, .search-suggestions__product-item, .predictive-search__item)[aria-selected=true] {
  outline: var(--outline-thickness) solid currentColor;
  outline-offset: 0.25rem;
}
.search-suggestions__group + .search-suggestions__group {
  margin-block-start: var(--gap-section);
}
.search-suggestions__link {
  display: inline;
  inline-size: fit-content;
}
.search-suggestions__link mark {
  background-color: transparent;
  color: currentColor;
}
.search-suggestions__heading-wrapper {
  position: relative;
}
.search-suggestions__button--desktop {
  display: none;
  position: absolute;
  inset-inline-end: 0;
  top: 0;
}
.predictive-search-status {
  display: block;
  margin-block-start: var(--gap-section);
}
@media (min-width: 40em) {
  .search-suggestions__collections {
    grid-template-columns: repeat(4, 1fr);
  }
  .search-suggestions__products {
    grid-template-columns: repeat(4, 1fr);
    gap: var(--gap-vertical) var(--gap-horizontal);
  }
}
@media (min-width: 62em) {
  .search-suggestions {
    grid-template-columns: 3fr 1fr 8fr;
  }
  .search-suggestions__list {
    display: block;
  }
  .search-suggestions__image-list {
    grid-column: 3 /-1;
  }
  .search-suggestions__image-list:first-child {
    grid-column: 1/-1;
  }
  .search-suggestions__button--mobile {
    display: none;
  }
  .search-suggestions__button--desktop {
    display: block;
  }
}

/* css/components/_stacked-images-with-text.css */
.stacked-images-with-text {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.stacked-images-with-text__text-wrapper,
.stacked-images-with-text__list-wrapper {
  flex-basis: 100%;
}
.stacked-images-with-text__list-item,
.stacked-images-with-text__image-wrapper--empty {
  display: flex;
  align-items: center;
  justify-content: center;
}
.stacked-images-with-text__text-wrapper {
  display: grid;
  position: static;
  align-items: center;
  padding-block-start: var(--padding-section);
  padding-inline-end: 0;
}
.stacked-images-with-text__list-item {
  position: sticky;
  inset-block-start: var(--sticky-header-height, 0);
  min-block-size: calc(100vh - var(--sticky-header-height, 0));
  pointer-events: none;
}
.stacked-images-with-text__image-outer {
  flex-basis: 100%;
}
.stacked-images-with-text__image-wrapper {
  position: relative;
  overflow: hidden;
  aspect-ratio: var(--image-ratio);
  max-block-size: min(80vh, calc(100vh - var(--sticky-header-height, 0) - var(--padding-section) * 2));
  margin: auto;
}
.stacked-images-with-text__image-wrapper--empty svg {
  inline-size: var(--width);
  block-size: var(--width);
  background-color: rgba(var(--color-foreground), 0.2);
}
.stacked-images-with-text__image {
  position: absolute;
  inset: 0;
  margin: auto;
  inline-size: var(--width);
  block-size: var(--width);
  object-position: center;
  object-fit: cover;
  border-radius: var(--border-radius-card);
}
.stacked-images-with-text__link,
.stacked-images-with-text__image {
  pointer-events: auto;
}
@media (min-width: 48em) and (orientation: landscape) {
  .stacked-images-with-text__text-wrapper,
  .stacked-images-with-text__list-wrapper {
    flex-basis: 50%;
  }
  .stacked-images-with-text__text-wrapper {
    min-block-size: calc(100vh - var(--sticky-header-height, 0));
    position: sticky;
    inset-block-start: var(--sticky-header-height, 0);
    padding-inline-end: calc(var(--gap-horizontal) / 2);
    padding-block-end: var(--padding-section);
  }
  .stacked-images-with-text__list-item {
    min-block-size: calc(100vh - var(--sticky-header-height, 0));
    padding-inline-start: calc(var(--gap-horizontal) / 2);
  }
  .stacked-images-with-text__image-outer {
    flex-basis: 80%;
  }
  .stacked-images-with-text__image-wrapper {
    max-block-size: min(80vh, calc(100vh - var(--sticky-header-height, 0) - var(--space-l)));
  }
}

/* css/components/_price-range.css */
price-range {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs);
}
.price-range__sliders-wrapper {
  position: relative;
  flex: 1 1 100%;
  margin-block-start: var(--space-xs);
  margin-block-end: 1.5rem;
  padding-block-start: 1.75rem;
}
.price__from,
.price__to {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
}
.price__to {
  inset-inline-start: auto;
  inset-inline-end: 0;
}
.price-range__sliders {
  display: block;
  position: relative;
  block-size: 0.1875rem;
}
.price-range__sliders::before {
  content: "";
  position: absolute;
  display: block;
  block-size: 0.1875rem;
  inline-size: 100%;
  inset-inline: 0;
  inset-block-start: 50%;
  background:
    linear-gradient(
      to right,
      rgb(var(--color-border)) var(--price-start),
      rgb(var(--color-foreground)) var(--price-start),
      rgb(var(--color-foreground)) var(--price-end),
      rgb(var(--color-border)) var(--price-end));
  background-color: currentColor;
  z-index: 0;
}
.price-range__to-slider,
.price-range__from-slider {
  position: absolute;
  -webkit-appearance: none;
  margin: 0;
  inline-size: 100%;
  block-size: 0.1875rem;
  padding: 0;
  border: none;
  pointer-events: none;
}
.price-range__slider:focus-visible::-webkit-slider-thumb {
  outline: var(--outline-thickness) solid currentColor;
}
.price-range__slider:focus-visible::-moz-range-thumb {
  outline: var(--outline-thickness) solid currentColor;
}
.price-range__slider::-webkit-slider-runnable-track {
  position: relative;
  inset-block-start: 50%;
  inline-size: 100%;
  border: none;
  block-size: 0.1875rem;
}
.price-range__slider::-moz-range-track {
  position: relative;
  inset-block-start: 50%;
  inline-size: 100%;
  cursor: pointer;
  block-size: 0.1875rem;
}
.price-range__slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  position: relative;
  border: none;
  inline-size: 2rem;
  block-size: 1.5rem;
  background-color: rgb(var(--color-foreground));
  border: 0.25rem solid var(--color-background-solid);
  border-block: 0.3125rem solid var(--color-background-solid);
  border-radius: calc(var(--border-radius-swatch) + 0.25rem);
  cursor: pointer;
  z-index: 2;
  transform: translateY(-50%);
  box-shadow: none;
  pointer-events: auto;
}
.price-range__slider::-moz-range-thumb {
  position: relative;
  border: none;
  inline-size: 2rem;
  block-size: 1rem;
  background-color: rgb(var(--color-foreground));
  border: 0.25rem solid var(--color-background-solid);
  border-block: 0.3125rem solid var(--color-background-solid);
  border-radius: calc(var(--border-radius-swatch) + 0.25rem);
  cursor: pointer;
  -webkit-appearance: none;
  z-index: 2;
  box-shadow: none;
  pointer-events: auto;
}
.price-range__field {
  flex: 1 1 calc(50% - var(--space-xs));
}

/* css/components/_pdp.css */
.pdp {
  --pdp-border: 0px;
}
.pdp--borders {
  --pdp-border: var(--border-thickness);
}
.pdp--borders .pdp__border {
  grid-column: border;
  background-color: rgba(var(--color-border));
  min-block-size: var(--border-thickness);
}
.pdp__content-wrapper {
  position: var(--pdp-content-position);
  max-inline-size: 100%;
  inset-block-start: var(--pdp-content-top);
  inset-block-end: var(--pdp-content-bottom);
  flex: auto;
}
.pdp > * {
  grid-column: media / information;
}
.pdp__media {
  grid-column: media;
}
.pdp__content {
  grid-column: information;
  grid-row: 1;
}
.pdp--container .media-gallery--mobile-max {
  padding-block-end: 0;
}
@media (min-width: 48em) {
  .pdp--full .pdp {
    display: grid;
    grid-template-columns: [media] minmax(0, 1fr) [border] var(--pdp-border) [information] minmax(0, 1fr);
  }
  .pdp--full .pdp--container:where(.pdp--media-thumbnails, .pdp--media-slideshow.pdp--media-adapt) {
    --space: var(--container-margin);
    --border-radius: var(--border-radius-card);
    grid-template-columns: 1fr [media] min(calc(var(--container-width) / 2), calc(50% - var(--space))) var(--pdp-border) [information] min(calc(var(--container-width) / 2), calc(50% - var(--space))) 1fr;
  }
  .pdp--full :where(.pdp--container .media-gallery:not(.media-gallery--slideshow)) {
    --media-gallery-height: auto;
    --media-single-align: start;
    --thumbnail-padding-left: 0;
  }
  .pdp--full .pdp--container :is(.media-gallery:not(.media-gallery--slideshow) .media-gallery__single, .media-gallery--single:not(.media-gallery--slideshow)) {
    block-size: auto;
    min-block-size: 0;
  }
  .pdp--full :is(.pdp--media-scroll, .pdp--media-slideshow.pdp--media-stretch) .pdp__content-wrapper {
    min-block-size: min(calc(100vh - var(--header-height) + var(--transparent-header-height) - var(--announcement-bar-height)), 100%);
  }
  .pdp--full .pdp--container [data-size="1"] .pdp-thumbnails {
    gap: 0;
  }
}
@media (min-width: 48em) and (min-height: 30em) {
  .pdp--full .pdp--media-scroll .pdp__content[class*=bottom] {
    --pdp-content-position: sticky;
    --pdp-content-bottom: 0;
  }
  .pdp--full .pdp--media-scroll :is(.pdp__content[class*=top], .pdp__content[class*=middle]) {
    --pdp-content-position: sticky;
    --pdp-content-top: var(--sticky-header-height);
    margin-block-start: var(--transparent-header-height);
    align-items: start;
  }
  .pdp--full .pdp--media-scroll.pdp--shorter-than-viewport :is(.pdp__content[class*=top], .pdp__content[class*=middle]) {
    --pdp-content-top: 0;
    margin-block-start: 0;
  }
}

/* css/components/_media-gallery.css */
.media-gallery {
  --sticky-offset: max(0px, calc(var(--sticky-header-height) - var(--transparent-header-height)));
  display: block;
  inline-size: 100%;
}
.media-gallery .slideshow {
  overflow: hidden;
}
.media-gallery .slider--generic {
  overflow-y: hidden;
}
.media-gallery--transparent-header-false {
  --transparent-header-height: 0px;
}
.media-gallery--image {
  object-fit: var(--object-fit, none);
}
.media-gallery .slider-component__progress {
  position: absolute;
  inset-block-end: 0;
  inline-size: 100%;
}
.media-gallery__image,
.media-gallery .deferred-media__poster,
.media-gallery video,
model-viewer,
.media-gallery .deferred-media,
.media-gallery__single--placeholder {
  border-radius: var(--border-radius);
}
:where(.media-gallery--slideshow, .media-gallery--scroll):where(.media-gallery--adapt:not(.media-gallery--flush)) {
  --border-radius: var(--border-radius-card);
  --object-fit: contain;
}
:where(.media-gallery--slideshow, .media-gallery--scroll):where(.media-gallery--adapt) .media-gallery__image {
  inline-size: 100%;
}
:where(.media-gallery--slideshow, .media-gallery--scroll):where(.media-gallery--adapt) :where(.slideshow__slide) {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--image-padding);
}
:where(.media-gallery--slideshow, .media-gallery--scroll):where(.media-gallery--adapt) :where(.media-gallery__image, .deferred-media) {
  max-inline-size: 100%;
  block-size: auto;
  aspect-ratio: var(--aspect-ratio);
  max-block-size: calc(var(--slideshow-height) - var(--image-padding) * 2);
}
:where(.media-gallery--slideshow, .media-gallery--scroll):where(.media-gallery--adapt) product-model {
  aspect-ratio: 1 / 1;
  max-block-size: calc(var(--slideshow-height) - var(--image-padding) * 2);
}
:where(.media-gallery--slideshow, .media-gallery--scroll):where(.media-gallery--stretch) :is(.slideshow, .slider--generic, .slideshow__slide, .media-gallery__image, .deferred-media, .deferred-media__poster) {
  position: relative;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  object-position: var(--object-position, center);
}
:where(.media-gallery--thumbnails) {
  --thumbnail-vertical-gap: clamp(var(--space-3xs), var(--gap-vertical), var(--space-s));
  --thumbnail-horizontal-gap: clamp(var(--space-3xs), var(--gap-horizontal), var(--space-s));
}
:where(.media-gallery--thumbnails) .media-gallery__image {
  inline-size: 100%;
}
.media-gallery[data-size="1"] .slideshow__pagination {
  display: none;
}
.media-gallery--mobile-max {
  --media-max-width: var(--mobile-max-width);
  --media-gap: var(--gap-horizontal);
  --mobile-padding: calc((100% - var(--media-max-width)) / 2);
  --border-radius: var(--border-radius-card);
  --media-top-padding: 0;
  padding-block: var(--media-top-padding);
}
.media-gallery--mobile-page-width > .slideshow .pagination__item--prev {
  inset-inline-start: calc(var(--space-xs) + var(--mobile-padding));
}
.media-gallery--mobile-page-width > .slideshow .pagination__item--next {
  inset-inline-end: calc(var(--space-xs) + var(--mobile-padding));
}
.media-gallery--mobile-max [data-animation-style=slide] .slider--generic::before,
.media-gallery--mobile-max [data-animation-style=slide] .slider--generic::after {
  content: "";
}
.media-gallery--mobile-max [data-animation-style=slide] .slider--generic {
  gap: var(--media-gap);
  grid-auto-columns: var(--media-max-width);
}
.media-gallery--mobile-max .pdp-thumbnails__main,
.media-gallery--mobile-max [data-animation-style=fade] .slideshow__slide {
  padding-inline: var(--mobile-padding);
}
@media (min-width: 48em) {
  .pdp--full :where(.media-gallery) {
    --mobile-padding: 0px;
    --media-max-width: 100%;
    --media-gap: 0px;
    --media-top-padding: 0px;
    block-size: var(--media-gallery-height);
  }
  .pdp--full :where(.media-gallery--adapt.media-gallery--slideshow) {
    --mobile-padding: var(--image-padding, 0px);
  }
  .pdp--full :where(.media-gallery--stretch) {
    position: relative;
  }
  .pdp--full :where(.media-gallery--slideshow) :where(.slideshow, .slider--generic, .slideshow__slide) {
    block-size: var(--slideshow-height);
  }
  .pdp--full :where(.media-gallery--slideshow) {
    --media-gallery-height: 100%;
    display: block;
    position: sticky;
    inset-block-start: var(--sticky-offset);
  }
  .pdp--full :where(.media-gallery--slideshow.media-gallery--stretch) {
    --slideshow-height: min(calc(100vh - var(--sticky-header-height) + var(--transparent-header-height)), 100%);
    --media-gallery-height: var(--slideshow-height);
  }
  .pdp--full :where(.media-gallery--slideshow.media-gallery--adapt) {
    --slideshow-height: 100%;
    max-block-size: calc(100vh - var(--sticky-header-height));
  }
  .pdp--full :where(.media-gallery--slideshow):where(.media-gallery--adapt) :where(.slideshow, .slideshow__slide) {
    max-block-size: calc(100vh - var(--sticky-header-height));
  }
  .pdp--full .media-gallery--mobile-page-width > .slideshow .pagination__item--prev {
    inset-inline-start: var(--banner-controls-padding);
  }
  .pdp--full .media-gallery--mobile-page-width > .slideshow .pagination__item--next {
    inset-inline-end: var(--banner-controls-padding);
  }
  .pdp--full :where(.media-gallery--slideshow):where(.media-gallery--adapt) .media-gallery__image {
    inline-size: auto;
  }
  .pdp--full :is(.media-gallery--slideshow):where(.media-gallery--adapt) :where(.media-gallery__image, .deferred-media, product-model, .deferred-media__poster) {
    max-block-size: calc(100vh - var(--sticky-header-height) - var(--image-padding) * 2);
  }
  .pdp--full :is(.media-gallery--slideshow, .media-gallery--scroll):where(.media-gallery--adapt) :where(product-model) {
    inline-size: auto;
  }
  .pdp--full :is(.media-gallery--scroll) {
    --border-radius: 0;
    --slideshow-height: auto;
    display: block;
  }
  .pdp--full :is(.media-gallery--scroll) .slideshow__slide {
    padding: 0;
    grid-row: auto;
    grid-column: 1;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .pdp--full :is(.media-gallery--thumbnails) {
    --media-gallery-height: 100%;
    padding-block: var(--image-padding);
  }
  .pdp--full:not(:has(.pdp--container)) .media-gallery--flush,
  .pdp--full .media-gallery--flush:where(.media-gallery--stretch.media-gallery--slideshow, .media-gallery--scroll) {
    --border-radius: 0;
  }
  .pdp--full .media-gallery--sticky {
    --media-gallery-height: auto;
    position: sticky;
    inset-block-start: var(--sticky-offset);
  }
}

/* css/components/_content-header.css */
.content-header {
  display: grid;
  gap: var(--gap-section) max(var(--space-l-xl), var(--gap-horizontal));
}
.content-header--center {
  text-align: center;
  justify-items: center;
  max-width: 43.25rem;
  margin: auto;
  gap: var(--space-s-m) max(var(--space-l-xl), var(--gap-horizontal));
}
.content-header .button {
  --gap: var(--space-xs);
}
@media screen and (min-width: 48em) {
  .content-header--left:has(.content-header__text) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* css/components/_card-collection.css */
.card-collection > * + * {
  margin-block-start: var(--space-s);
}
.card-collection__media-wrapper {
  border-radius: var(--border-radius-card-override, var(--border-radius-card));
}

/* css/components/_media-grid.css */
.media-grid {
  position: relative;
}
.media-grid__grid {
  align-items: center;
}
.media-grid__text {
  position: relative;
  padding-block: var(--space-s);
  padding-inline: clamp(var(--space-xs-s), var(--container-margin), var(--space-s));
  inline-size: 100%;
}
.media-grid__item--text {
  align-self: stretch;
  display: flex;
}

/* css/components/_footer.css */
.footer__grid {
  display: grid;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: var(--gap-vertical) var(--gap-horizontal);
  align-items: start;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.footer__item {
  --gap: var(--space-m);
}
.footer__item > * + * {
  margin-block-start: var(--space-xs);
}
.footer__item--small {
  grid-column: span 2 / span 4;
}
.footer__item--large,
.footer__item--full-width {
  grid-column: span 4 / span 4;
}
.footer__item--spacer {
  display: none;
}
.footer__menu-item,
.footer__menu-item span,
.bottom-bar__item-text {
  font-family: var(--font-navigation-family);
  font-style: var(--font-navigation-style);
  font-weight: var(--font-navigation-weight);
  font-size: var(--font-navigation-size);
  line-height: var(--leading-snug);
  text-transform: var(--font-navigation-letter-casing);
  letter-spacing: var(--font-navigation-letter-spacing);
}
.footer__menu-item {
  inline-size: 100%;
  padding-block: var(--space-3xs);
  color: rgb(var(--color-text-secondary));
}
.footer__image-link {
  display: block;
  inline-size: 100%;
}
.footer__image-wrapper {
  border-radius: var(--border-radius-card);
  max-inline-size: var(--image-max-width);
}
.footer__logo,
.footer__logo-wrapper,
.footer__logo-link {
  inline-size: 100%;
  text-decoration: none;
}
.footer__logo--settings {
  inline-size: var(--logo-width);
}
.footer__logo-text {
  max-width: 80%;
}
.footer__social-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-xs) var(--space-s);
}
.footer__item--rich-text .rte,
.footer__item--newsletter .rich-text__text {
  --gap: var(--space-xs);
}
.footer__item--rich-text .rich-text__text,
.footer__item--newsletter .rich-text__text {
  color: rgb(var(--color-text-secondary));
}
.footer__item--collapsible ul {
  padding-block: 0;
}
@media screen and (min-width: 48em) {
  .footer__item--small {
    grid-column: span 1 / span 4;
  }
}
@media screen and (min-width: 70em) {
  .footer__grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .footer__item--small {
    grid-column: span 1 / span 6;
  }
  .footer__item--large {
    grid-column: span 2 / span 6;
  }
  .footer__item--full-width {
    grid-column: span 6 / span 6;
  }
  .footer__item--spacer {
    display: block;
    grid-column: span 1 / span 6;
  }
}
@media (max-width: 47.99em) {
  .footer__item--collapsible {
    grid-column: span 4;
  }
  .footer__item--collapsible + .footer__item--collapsible {
    margin-block-start: calc(var(--gap-vertical) * -1);
  }
}

/* css/components/_social-icons.css */
.social-links:empty {
  display: none;
}
.social-icons,
.social-icons__link {
  display: flex;
  align-items: center;
}
.social-icons {
  margin-block-start: var(--space-s);
  margin-inline: calc(var(--icon-gap) * -1);
  flex-wrap: wrap;
}
.social-icons__link {
  padding-block: var(--space-3xs);
  padding-inline: var(--icon-gap);
}

/* css/components/_bottom-bar.css */
.bottom-bar__grid {
  display: grid;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: var(--gap-vertical) var(--gap-horizontal);
  align-items: center;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.bottom-bar__item--left,
.bottom-bar__item--center,
.bottom-bar__item--right {
  align-self: center;
  text-align: center;
  justify-content: center;
}
.bottom-bar__item--large {
  grid-column: span 1 / span 1;
}
.bottom-bar__item--payment-types {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3xs);
}
.bottom-bar__item--menu {
  display: flex;
  flex-wrap: wrap;
  gap: 0 var(--space-xs);
}
.bottom-bar__menu-item {
  padding-block: 0;
}
.bottom-bar .list-separator__item {
  text-box: none;
  padding-block: 0;
}
.bottom-bar__item a {
  text-decoration: none;
}
.bottom-bar__item li,
.bottom-bar__item a,
.bottom-bar__item span {
  font-size: var(--font-xs-size);
  color: rgb(var(--color-text-secondary));
}
.bottom-bar__item--localization {
  --disclosure-button-color: rgb(var(--color-text-secondary));
  display: flex;
  margin-inline: -0.5rem;
}
@media screen and (min-width: 48em) {
  .bottom-bar__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .bottom-bar__item--left {
    align-self: left;
    text-align: left;
    justify-content: flex-start;
  }
  .bottom-bar__item--right {
    align-self: right;
    text-align: right;
    justify-content: flex-end;
  }
  .bottom-bar__item--large {
    grid-column: span 2 / span 3;
  }
  .bottom-bar__item--full-width {
    grid-column: span 3 / span 3;
  }
}

/* css/components/_countdown.css */
.countdown {
  --color-background-gradient: initial;
  display: flex;
  flex-wrap: wrap;
  inline-size: 100%;
}
.countdown__block {
  --media-banner-height: 100%;
  flex-basis: 100%;
}
.countdown__block + .countdown__block {
  margin-block-start: var(--space-m);
}
@media screen and (min-width: 48em) {
  .countdown {
    gap: var(--gap-horizontal);
  }
  .countdown__block {
    flex: 1 1 calc(50% - var(--gap-horizontal));
  }
  .countdown__block:only-of-type {
    flex-basis: 100%;
  }
  .countdown__block + .countdown__block {
    margin-block-start: 0;
  }
  .countdown--split .countdown__block--timer {
    justify-content: center;
    text-align: center;
  }
}
.countdown-timer {
  position: relative;
  background: transparent;
  margin: auto;
  display: inline-grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: var(--space-3xs);
}
.countdown-timer__value {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.countdown-timer__item {
  --background: var(--color-background-gradient);
  display: flex;
  flex-direction: column;
  gap: var(--space-3xs);
  padding-block: var(--space-xs);
  padding-inline: var(--space-2xs);
  background: var(--background, rgba(var(--color-background-rgb), var(--opacity)));
  color: rgb(var(--color-foreground));
  align-items: center;
  text-align: center;
  overflow: hidden;
  min-width: calc(2.1ch + var(--space-2xs) * 2);
}
.countdown-timer--blur .countdown-timer__item {
  backdrop-filter: blur(0.625rem);
}
.countdown-timer__label {
  letter-spacing: 0;
  font-size: var(--font-xs-size, 0.75rem);
  white-space: nowrap;
}
.countdown-timer__item:nth-of-type(1) {
  padding-inline-start: var(--padding-override, var(--space-2xs));
  border-start-start-radius: var(--border-radius-card);
  border-end-start-radius: var(--border-radius-card);
}
.countdown-timer__item:nth-of-type(4) {
  padding-inline-end: var(--padding-override, var(--space-2xs));
  border-start-end-radius: var(--border-radius-card);
  border-end-end-radius: var(--border-radius-card);
}
.countdown-timer--rounded {
  --padding-override: var(--space-s);
}
.countdown-timer play-pause-button {
  position: absolute;
  z-index: 1;
  inset: 0;
}
.countdown-timer:has(:focus-visible):focus-within::before,
.countdown-timer:has(:focus-visible):focus-within::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.countdown-timer:has(:focus-visible):focus-within::before {
  outline-offset: calc(var(--negative-outline-offset) - 1px);
  outline: calc(var(--outline-thickness) * 2) solid var(--color-background-solid);
}
.countdown-timer:has(:focus-visible):focus-within::after {
  outline-offset: calc(var(--negative-outline-offset) - 1px);
  outline: var(--outline-thickness) solid rgb(var(--color-foreground));
}
.countdown-timer__play-pause {
  --controls-opacity: 0;
}

/* css/components/_contact.css */
.contact > * + * {
  margin-block-start: var(--gap-section);
}
.contact__rte {
  --gap: var(--space-xs);
}

/* css/components/_testimonials.css */
.testimonials {
  position: relative;
}
.testimonials__item > * + * {
  margin-block-start: var(--space-m);
}
.testimonials__author {
  margin-block-start: var(--space-s);
}
.testimonials__quote > * + * {
  margin-block-start: var(--space-xs);
}
.testimonials__author {
  gap: 0;
  display: flex;
  flex-direction: column;
}
.testimonials__card-wrapper {
  display: flex;
}
.testimonials .product-rating {
  justify-content: var(--justify);
  padding: 0;
}

/* css/components/_product-info.css */
.product-info {
  flex-grow: 1;
  max-inline-size: 100%;
}
.product-info__container {
  max-inline-size: 100%;
}
.product-info__blocks > * + *,
.product-info__icon-with-text + .product-info__icon-with-text {
  margin-block-start: var(--margin-block-start, var(--space-m-l));
}
.product-info__badges + .product-info__heading-wrapper,
.product-info__icon-with-text + .product-info__icon-with-text,
.product-info__price > *:not(:empty) + * .product-info__read-more {
  --margin-block-start: var(--space-3xs);
}
.product-info__subheading,
.product-info__blocks .product-rating,
.product-info__blocks .product-rating + .product-info__price {
  --margin-block-start: var(--space-2xs);
}
.product-info__heading-wrapper + .product-info__price,
.product-info__subheading + .product-info__price {
  --margin-block-start: var(--space-s);
}
.variant-picker + .variant-picker {
  --margin-block-start: var(--space-m);
}
.buy-buttons__form > *:not(:empty) + *,
.buy-buttons__buttons > *:not(:empty) + *,
.product-form > *:not(:empty) + *,
.product-info__price > *:not(:empty) + * {
  margin-block-start: var(--space-2xs);
}
.product-info__description-dialog {
  --gap: var(--space-3xs);
}
.product-info__description-dialog-window {
  --gap: var(--space-m);
}
.product-info__separator + * {
  --gap: 0;
  margin-block-start: 0;
}
.product-info__blocks product-recommendations:empty {
  --margin-block-start: 0;
}
.product-info__blocks hr {
  margin-block-start: var(--separator-top-override, var(--space-l));
  margin-block-end: var(--separator-bottom-override, var(--space-l));
}
.product-info__heading-wrapper {
  text-wrap: balance;
}
.product-info__heading {
  display: inline;
  vertical-align: middle;
}
.product-info__heading-wrapper share-button {
  display: inline-block;
  vertical-align: middle;
}
.buy-buttons__button-group {
  display: flex;
  padding: 0;
  border-color: rgb(var(--color-button-separator));
}
.buy-buttons__button-group:is(:hover, :focus) {
  background-color: rgba(var(--color-button-hover));
  border-color: rgb(var(--color-button-separator));
}
.buy-buttons__button-group .button,
.buy-buttons__button-group:is(:hover, :focus) .button {
  background-color: transparent;
}
.buy-buttons__button-group .button {
  border: 0;
  border-start-end-radius: var(--border-radius-button);
  border-end-end-radius: var(--border-radius-button);
  padding-inline: var(--space-s);
  padding-block: var(--font-button-padding-block);
}
.buy-buttons__button-group .quantity-input {
  padding-block: 0;
  border-inline: 0;
  border-block: 0;
  padding-inline: var(--space-2xs);
  position: relative;
}
.buy-buttons__button-group .quantity-input::after {
  content: "";
  position: absolute;
  block-size: 100%;
  inline-size: var(--border-thickness);
  background: rgb(var(--color-button-separator));
  inset-inline-end: 0;
}
.buy-buttons__button-group .quantity-input__input {
  padding-block: 0;
  min-inline-size: 2rem;
  inline-size: min(var(--quantity-input-character-count, 1ch), 6ch);
  padding-inline: var(--space-3xs);
}
.buy-buttons__quantity {
  display: contents;
}
.product-info__share-button[data-copied=true] {
  animation: blink 0.3s;
}
.product-info__heading-link {
  display: none;
  text-decoration: none;
}
.product-info__heading,
.product-info__heading-link > * {
  display: inline;
}
:is(.quick-add__body, .featured-product) .product-info__heading-link {
  display: inline;
  vertical-align: middle;
}
:is(.quick-add__body, .featured-product) .product-info__heading {
  display: none;
}
.product-info__xr-button[data-shopify-xr-hidden] {
  display: none;
}
.product-info__xr-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-block-start: var(--space-xs);
}

/* css/components/_variant-picker.css */
.variant-picker {
  display: block;
}
.variant-picker > *:not(:empty) + * {
  margin-block-start: var(--space-m);
}
.variant-picker__legend {
  display: flex;
  align-items: center;
  inline-size: 100%;
  padding: 0;
  margin-block-end: var(--space-3xs);
}
.variant-picker__input,
.variant-picker__options {
  margin: 0;
  padding: 0;
  border: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3xs);
}
.variant-picker__options--buttons {
  gap: 0;
}
.variant-picker__input--button .variant-picker__legend {
  margin-block-end: 0;
}
.variant-picker__input--images {
  align-items: start;
  gap: var(--space-xs);
}
.variant-picker__options--buttons {
  margin-inline: calc(var(--space-2xs) * -1);
}
.variant-picker__legend:has(.button--text) {
  gap: var(--space-s);
  margin-block-end: var(--space-2xs);
}
.variant-picker .button--text {
  display: flex;
  gap: var(--space-3xs);
}
.variant-picker__radio {
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px;
}
.variant-picker__radio:checked + .variant-picker__label--button span {
  background-size: 100% var(--border-thickness);
}
.variant-picker__radio:is(:disabled, .disabled) + .variant-picker__label--button {
  color: rgb(var(--color-text-secondary));
}
.variant-picker__radio:is(:checked) + .variant-picker__label--border {
  background-color: rgb(var(--color-primary-button));
  color: rgb(var(--color-primary-button-label));
  border-color: var(--color-primary-button-border);
}
.variant-picker__radio:checked + .variant-picker__label--swatch {
  border-color: rgb(var(--color-foreground));
}
.variant-picker__radio:focus-visible + :is(.variant-picker__label, .variant-picker__image-label) {
  outline: var(--outline-thickness) solid var(--outline-color, currentColor);
  outline-offset: var(--space-3xs);
}
.variant-picker__radio:checked + .variant-picker__image-label .variant-picker__image-label-image {
  outline: var(--border-thickness) solid currentColor;
  outline-offset: var(--space-3xs);
}
.variant-picker__label {
  font-family: var(--font-navigation-family);
  font-style: var(--font-navigation-style);
  font-weight: var(--font-navigation-weight);
  font-size: var(--font-navigation-size);
  line-height: var(--leading-snug);
  text-transform: var(--font-navigation-letter-casing);
  letter-spacing: var(--font-navigation-letter-spacing);
  cursor: pointer;
  border-radius: calc(var(--border-radius-swatch) * 1.25);
  padding-inline: var(--space-2xs);
  padding-block: var(--space-3xs);
  min-inline-size: 1.5rem;
}
.variant-picker__label--swatch {
  display: inline-block;
  padding: calc(var(--border-thickness));
  border: var(--border-thickness) solid transparent;
}
.variant-picker__label--border {
  border-radius: var(--border-radius-button);
  padding-inline: var(--space-xs);
  padding-block: var(--space-2xs);
}
@supports (text-box: trim-both cap alphabetic) {
  .variant-picker__label--border {
    text-box: trim-both cap alphabetic;
    padding-block: var(--space-xs);
  }
}
.variant-picker__radio:not([checked]) + .variant-picker__label--border.disabled {
  --color-button: transparent;
  --color-button-label: var(--color-text-secondary);
  --color-button-border: var(--color-text-secondary);
}
.variant-picker__label--swatch:has(.swatch--circle) {
  border-radius: 50%;
}
.variant-picker__image-label {
  text-decoration: none;
  cursor: pointer;
}
.variant-picker__image-label.disabled {
  --image-opacity: 0.3;
  --label-color: rgb(var(--color-text-secondary));
}
.variant-picker__image-label-image {
  margin-block-end: var(--space-2xs);
  inline-size: 5rem;
  border-radius: var(--border-radius-card);
  opacity: var(--image-opacity);
}
.variant-picker__image-label.selected .variant-picker__image-label-image {
  outline: var(--border-thickness) solid currentColor;
  outline-offset: var(--space-3xs);
}
.variant-picker__image-label-text {
  display: block;
  max-inline-size: 5rem;
  color: var(--label-color);
}
.variant-picker__select {
  inline-size: 100%;
}
.variant-picker__modal-button {
  display: flex;
  padding-block: var(--space-2xs);
  margin-block: calc(var(--space-2xs) * -1);
}
.variant-picker .variant-picker__modal-text-button {
  margin: 0;
}
.variant-picker__modal {
  --padding: var(--space-m);
}

/* css/components/_badges.css */
.badges {
  font-family: var(--font-navigation-family);
  font-style: var(--font-navigation-style);
  font-weight: var(--font-navigation-weight);
  font-size: var(--font-navigation-xs-size);
  line-height: var(--leading-snug);
  text-transform: var(--font-navigation-letter-casing);
  letter-spacing: var(--font-navigation-letter-spacing);
}
.badges span {
  border-radius: var(--border-radius-button);
}

/* css/components/_quantity-input.css */
.quantity-input {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  padding-block: 0;
}
.quantity-input:not(.quantity-input--border) {
  border: 0;
}
.quantity-input__button {
  --outline-offset: var(--negative-outline-offset);
  border: 0;
  padding: var(--space-2xs);
  background-color: transparent;
  display: flex;
  align-items: center;
}
.quantity-input__button:first-child {
  margin-inline-start: calc(var(--space-2xs) * -1);
}
.quantity-input__button:last-child {
  margin-inline-end: calc(var(--space-2xs) * -1);
}
.quantity-input__button[aria-disabled=true] {
  opacity: 0.5;
}
.quantity-input__input {
  border: 0;
  text-align: center;
  flex-shrink: 1;
  inline-size: 100%;
}
.quantity-input__input::-webkit-outer-spin-button,
.quantity-input__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.quantity-input__input {
  -moz-appearance: textfield;
}
.input--box .quantity-input__legend:not(.visually-hidden) {
  display: block;
  margin-block-end: var(--space-3xs);
}

/* css/components/_recipient-form.css */
.recipient-form__fields {
  padding-block-end: var(--gap-section);
}
.recipient-form__fields > *:not(:empty) + * {
  margin-block-start: var(--space-s);
}
.recipient-form > .checkbox:has(input[type=checkbox]:not(:checked, :disabled)) ~ .recipient-form__fields {
  display: none;
}
.recipient-form > .checkbox:has(input[type=checkbox]:checked) ~ .recipient-form__fields {
  display: block;
}

/* css/components/_pickup-availability.css */
pickup-availability {
  display: block;
  text-align: left;
}
.pickup-availability__preview {
  display: flex;
  gap: var(--space-2xs);
}
.pickup-availability__preview:empty {
  display: none;
}
.pickup-availability__preview-content button {
  --margin-block-start: var(--space-2xs);
  text-align: inherit;
}
.pickup-availability__preview-content > *:not(:empty) + *,
.pickup-availability__dialog-heading > *:not(:empty) + * {
  margin-block-start: var(--margin-block-start, var(--space-3xs));
}
.pickup-availability__list-item > *:not(:empty) + * {
  margin-block-start: var(--margin-block-start, var(--space-2xs));
}
.pickup-availability__address {
  font-style: normal;
}
.pickup-availability__list-item {
  padding-block: var(--space-m);
  border-block-end: var(--border);
}
.pickup-availability__list-item:last-of-type {
  padding-block-end: 0;
  border-block-end: 0;
}

/* css/components/_icon-with-text.css */
.icon-with-text {
  padding: var(--padding, 0);
  display: flex;
  gap: var(--gap);
  border-radius: var(--border-radius-card);
}
.icon-with-text--column {
  flex-direction: column;
}
.icon-with-text__image-wrapper {
  max-inline-size: var(--image-max-width);
  flex: 1 0 var(--image-max-width);
}
.icon-with-text svg {
  margin-block: var(--space-3xs);
}

/* css/components/_breadcrumbs.css */
.breadcrumbs__list,
.breadcrumbs__list-item {
  display: inline;
}
.breadcrumbs__separator {
  display: inline-block;
  margin-inline: var(--space-3xs);
}
.breadcrumbs__link {
  text-decoration: none;
}

/* css/components/_product-recommendations.css */
product-recommendations {
  display: block;
}
product-recommendations > * {
  transition: opacity 0.5s ease allow-discrete;
  @starting-style {
    opacity: 0;
  }
}
.complementary-products__container {
  --gap: var(--space-2xs);
}
.complementary-products__list-wrapper {
  --gap: var(--space-s);
}
.complementary-products__list {
  inline-size: 100%;
}
.complementary-products__list > * + * {
  --gap: var(--space-3xs);
}
.complementary-products__list-wrapper:has(.mini-product--list) {
  --gap: var(--space-m);
}

/* css/components/_zoom.css */
.zoom {
  display: block;
  position: relative;
}
.zoom__dialog-window {
  block-size: 100dvh;
  inline-size: 100%;
  border-radius: 0;
  overflow: auto;
}
.zoom__spinner {
  position: fixed;
  left: 50%;
  inset-block-start: 50%;
  transform: translate(-50%, -50%);
  inline-size: var(--space-l);
}
.zoom__close {
  position: fixed;
  inset-block-start: var(--banner-controls-padding);
  inset-inline-end: var(--banner-controls-padding);
  z-index: 2;
}
.zoom__content {
  position: relative;
  max-inline-size: 100%;
  block-size: 100%;
  overflow: auto;
  z-index: 1;
  cursor: crosshair;
  img {
    min-inline-size: 100%;
    max-inline-size: none;
  }
}
.zoom__content:focus-visible {
  outline: none;
}
.zoom__content:focus-visible::after {
  content: "";
  position: fixed;
  inset: var(--space-3xs);
  outline: var(--outline-thickness) solid var(--outline-color, currentColor);
  pointer-events: none;
}
.zoom__button {
  position: absolute;
  inset: 0;
  padding: 0;
  background-color: transparent;
  border-color: transparent;
  cursor: crosshair;
}
.zoom__loading {
  position: absolute;
  inset-block-start: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.zoom__image {
  transition: opacity 0.3s ease;
}
.zoom__zoom-image {
  position: absolute;
  inset: 0;
  z-index: 3;
  background-repeat: no-repeat;
  background-color: var(--color-background);
  border-radius: var(--border-radius);
}

/* css/components/_pdp-thumbnails.css */
.pdp-thumbnails {
  --thumbnail-size: clamp(4rem, var(--space-2xl), 5rem);
  --outline-offset: 0.25rem;
  position: relative;
  display: grid;
  overflow: hidden;
  padding: 0;
  grid-template-columns: minmax(0, calc(var(--vw, 1vw) * 100));
}
.pdp-thumbnails:has([data-aspect-ratio=portrait]) {
  --thumbnail-size: clamp(5rem, var(--space-3xl), 10rem);
}
.pdp-thumbnails__main-wrapper {
  grid-row: 1;
  grid-column: 1;
  min-inline-size: 0;
}
.pdp-thumbnails__main {
  position: var(--inactive-thumbnail-position, absolute);
  inset-block-start: 0;
  opacity: 0;
  visibility: hidden;
  transition: none;
}
.pdp-thumbnails__main[data-active] {
  position: relative;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.pdp-thumbnails__list {
  display: flex;
  gap: var(--thumbnail-horizontal-gap) var(--thumbnail-horizontal-gap);
  margin: 0;
  padding-inline-start: var(--container-margin);
  padding-block: var(--thumbnail-horizontal-gap);
  list-style: none;
  overflow-y: clip;
}
.pdp-thumbnails__list::after {
  content: "";
  display: block;
  min-inline-size: var(--container-margin);
}
.pdp-thumbnails__item {
  font-size: 0;
  block-size: var(--thumbnail-size);
}
.pdp-thubmnails__image {
  display: block;
  border-radius: var(--border-radius-card);
}
.pdp-thumbnails__thumbnail {
  --outline-offset: calc(var(--outline-thickness) * -3);
  position: relative;
  padding: 0.0625rem;
  block-size: 100%;
  inline-size: auto;
  background-color: transparent;
  aspect-ratio: var(--width) / var(--height);
  border: none;
  border-radius: var(--border-radius-card);
}
.pdp-thumbnails__thumbnail::before {
  content: "";
  position: absolute;
  inset: var(--outline-thickness);
  border: var(--outline-thickness) solid var(--color-background-solid);
  outline: var(--outline-thickness) solid currentColor;
  border-radius: inherit;
  opacity: 0;
  transition: 0.3s opacity ease;
}
.pdp-thumbnails__thumbnail[aria-pressed=true]::before {
  opacity: 1;
}
.pdp-thumbnails__thumbnail:focus-visible {
  z-index: 2;
}
.pdp-thumbnails__thumbnail:focus-visible::before {
  opacity: 1;
}
.pdp-thumbnails__button {
  --icon-size: var(--icon-xs);
  position: absolute;
  inset-block-start: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: var(--space-3xs);
  min-inline-size: 0;
  min-block-size: 0;
  max-inline-size: 1.5rem;
  max-block-size: 1.5rem;
}
[data-size="1"] .pdp-thumbnails__list {
  display: none;
}
@media (min-width: 48em) {
  .pdp--full {
    --inactive-thumbnail-position: relative;
  }
  .pdp--full .pdp-thumbnails {
    overflow: visible;
    align-items: start;
    grid-template-columns: min(var(--space-3xl), 5rem) minmax(0, 1fr);
    gap: var(--thumbnail-horizontal-gap) var(--thumbnail-horizontal-gap);
  }
  .pdp--full .pdp-thumbnails__main-wrapper {
    display: grid;
    grid-column: 2;
    margin-inline-end: var(--thumbnail-horizontal-gap);
  }
  .pdp--full .pdp-thumbnails__main {
    grid-column: 1;
    grid-row: 1;
  }
  .pdp--full .pdp-thumbnails__main :is(.media-gallery__image, .deferred-media__poster, video, model-viewer) {
    border-radius: var(--border-radius-card);
  }
  .pdp--full .pdp-thumbnails__list {
    display: grid;
    padding-block: 0;
    overflow: visible;
    align-items: start;
    margin: 0;
    padding-inline-start: var(--thumbnail-horizontal-gap);
  }
  .pdp--full .pdp--container .pdp-thumbnails__list {
    padding-inline-start: 0;
  }
  .pdp--full .pdp-thumbnails__list::after {
    display: none;
  }
  .pdp--full .pdp-thumbnails__item {
    block-size: auto;
  }
  .pdp--full .pdp-thumbnails__thumbnail {
    inline-size: 100%;
    block-size: auto;
    aspect-ratio: auto;
  }
  .pdp--full [data-size="1"] .pdp-thumbnails {
    grid-template-columns: 1fr;
  }
  .pdp--full [data-size="1"] .pdp-thumbnails__list {
    display: none;
  }
  .pdp--full .pdp-thumbnails__scroll {
    block-size: 100%;
  }
  .pdp--full .pdp-thumbnails__scroll .scroll-overflow__region {
    container-type: size;
    block-size: 100%;
    overflow-y: auto;
  }
}

/* css/components/_back-to-top.css */
.back-to-top {
  background-color: transparent;
  position: fixed;
  inset-block-end: var(--space-xs);
  z-index: 80;
  background-color: transparent;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.back-to-top[data-hidden] {
  opacity: 0;
  visibility: hidden;
}
html:not(.js) .back-to-top {
  display: none;
}
.back-to-top--left {
  inset-inline-start: var(--space-xs);
}
.back-to-top--right {
  inset-inline-end: var(--space-xs);
}
.back-to-top__button .icon {
  transform: rotate(180deg);
}

/* css/components/_swatch.css */
.swatch {
  display: block;
  position: relative;
  max-width: 100%;
  background: var(--swatch--background);
  background-position: var(--swatch-focal-point, initial);
  background-size: cover;
  background-origin: border-box;
  inline-size: var(--size);
  block-size: var(--size);
  overflow: hidden;
  border: var(--border-thickness) solid rgb(var(--color-foreground));
}
.swatch--rectangle,
.swatch--square {
  border-radius: var(--border-radius-swatch);
}
.swatch--circle {
  border-radius: 50%;
  aspect-ratio: 1 / 1;
}
.swatch--square {
  aspect-ratio: 1 / 1;
}
.swatch--rectangle {
  inline-size: calc(var(--size) * 2.5);
}
.swatch--large {
  --size: 1.75rem;
}
.swatch--medium {
  --size: 1.5rem;
}
.swatch--small {
  --size: 1rem;
}
.disabled .swatch::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      to top left,
      rgba(var(--color-foreground), 0) 0%,
      rgba(var(--color-foreground), 0) calc(50% - 0.5px),
      rgba(var(--color-foreground), 1) 50%,
      rgba(var(--color-foreground), 0) calc(50% + 0.5px),
      rgba(var(--color-foreground), 0) 100%);
}
@media (pointer: fine) {
  .swatch--large.swatch--rectangle,
  .swatch--medium.swatch--rectangle {
    --size: 1rem;
  }
}

/* css/components/_share-button.css */
.share-button {
  position: relative;
}
.share-button__button[data-copied=true]:focus + .share-button__tooltip {
  opacity: 1;
  visibility: visible;
}
.share-button__tooltip {
  position: absolute;
  display: inline-flex;
  align-items: center;
  gap: var(--space-3xs);
  inset-block-end: calc(100% + var(--space-2xs));
  background: var(--color-background-solid);
  padding-block: var(--space-3xs);
  padding-inline: var(--space-2xs);
  left: 50%;
  transform: translateX(-50%);
  border: var(--border-thickness) solid rgba(var(--color-border));
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 10;
}
.share-button__tooltip::before,
.share-button__tooltip::after {
  content: "";
  position: absolute;
  left: 50%;
  inset-block-start: 100%;
  content: "";
  border-width: 0.5rem;
  border-style: solid;
  border-color: rgba(var(--color-border)) transparent transparent transparent;
  transform: translateX(-50%);
}
.share-button__tooltip::after {
  inset-block-start: calc(100% - var(--border-thickness));
  border-color: var(--color-background-solid) transparent transparent transparent;
}

/* css/components/_banner-grid.css */
.banner-grid {
  --row-height: var(--min-height);
  --media-banner-height: 100%;
}
.banner-grid__grid {
  display: grid;
  grid: auto-flow 1fr / repeat(2, minmax(0, 1fr));
  gap: var(--gap-vertical) var(--gap-horizontal);
  grid-auto-rows: minmax(var(--row-height), 1fr);
}
.banner-grid__item {
  min-block-size: var(--row-height);
  grid-area: span var(--row-mobile) / span var(--column-mobile);
}
.banner-grid .media-banner__content {
  padding: var(--media-content-padding, clamp(var(--space-s), var(--gap-horizontal), var(--space-m)));
  margin: 0;
}
.banner-grid .media-banner__inner::after {
  display: none;
}
.banner-grid__item > div {
  block-size: 100%;
}
@media screen and (min-width: 48em) {
  .banner-grid__grid {
    grid: auto-flow 1fr / repeat(4, minmax(0, 1fr));
  }
  .banner-grid__item {
    grid-area: span var(--row-desktop) / span var(--column-desktop);
  }
}

/* css/components/_cart.css */
.cart {
  block-size: 100%;
}
.cart__blocks > * + * {
  margin-block-start: var(--space-2xs);
}
.cart__main,
.cart__inner {
  display: flex;
  flex-direction: column;
  inline-size: 100%;
}
.cart__inner {
  border-collapse: collapse;
}
.cart__table {
  inline-size: 100%;
  border-collapse: collapse;
}
.cart__table th {
  font-weight: var(--font-body-weight);
}
.cart__items--disabled {
  pointer-events: none;
}
.cart__header tr {
  display: flex;
  justify-content: space-between;
  inline-size: 100%;
}
.cart__heading--quantity {
  display: none;
}
.cart-item {
  display: grid;
  gap: var(--space-3xs) var(--space-xs);
  grid-auto-columns: auto minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  padding-block-end: calc(var(--space-xs) + var(--border-thickness));
  container-type: inline-size;
  container-name: price;
}
.cart-item__product-image {
  position: relative;
  inline-size: var(--width, var(--space-2xl));
  max-inline-size: 30vw;
}
.cart-item__product-image,
.cart-item__totals {
  grid-row: 1 / 3;
}
.cart-item__quantity-wrapper {
  grid-row: 2 / 3;
  align-self: start;
}
.cart-item__product,
.cart-item__totals {
  display: flex;
  flex-direction: column;
}
.cart-item__product {
  grid-row: 1;
  align-self: end;
}
.cart-item__image-wrapper {
  inline-size: var(--width);
  max-inline-size: 30vw;
  border-radius: var(--border-radius-card);
}
.cart-item__product > * + * {
  margin-block-start: var(--margin-block-start, var(--space-2xs));
}
.cart-item__title {
  text-decoration: none;
}
.cart-item__subtitle {
  --margin-block-start: var(--space-3xs);
}
.cart-item__price-wrapper {
  --margin-block-start: var(--space-2xs);
  display: flex;
  gap: var(--space-2xs);
  align-items: center;
  justify-content: start;
}
.cart-item__subtitle + .cart-item__price-wrapper {
  --margin-block-start: var(--space-xs);
}
.cart-item__price {
  display: flex;
  flex-wrap: wrap;
  column-gap: var(--space-2xs);
}
.cart-item__options {
  --margin-block-start: var(--space-xs);
  margin-block-end: 0;
}
.cart-item__options:empty {
  display: none;
}
.cart-item__options > * + * {
  margin-block-start: var(--space-3xs);
}
.cart-item dt,
.cart-item dd {
  display: inline;
  margin: 0;
}
.cart-item__quantity {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-block-start: var(--space-xs);
  gap: var(--space-3xs) var(--space-m);
}
.cart-item__quantity .quantity-input__input {
  padding: 0;
  min-inline-size: 2rem;
  inline-size: var(--quantity-input-character-count, 1ch);
}
.cart-item .loading__spinner:not(.hidden) ~ * {
  visibility: hidden;
}
.cart-item__totals {
  position: relative;
  justify-content: center;
}
.cart-item__totals .cart-item__price-wrapper {
  display: none;
}
.cart-item .loading__spinner {
  inset-inline-end: 0;
  inset-block-start: 50%;
  transform: translateY(-50%);
}
.cart-item--nested {
  border-block-start: var(--border);
  border-block-end: var(--border);
  padding-block-start: calc(var(--space-xs) + var(--border-thickness));
  margin-inline-start: calc(var(--space-xs) + var(--width));
  margin-block-end: calc(var(--space-xs) + var(--border-thickness));
}
.cart-item--nested .cart-item__product-image {
  --width: 2.5rem;
}
.cart-page__blocks-wrapper,
.cart-page__footer {
  inline-size: 100%;
}
.cart-page__blocks-wrapper {
  padding-block-start: var(--gap-section);
}
.cart-page__blocks-wrapper:has(.cart__blocks:empty),
.cart__footer--empty {
  display: none;
}
.cart-footer__policies {
  margin-block-start: var(--space-2xs);
}
.cart-footer__line {
  display: flex;
  justify-content: space-between;
  margin-block-start: var(--space-3xs);
}
.cart__buttons {
  margin-block-start: var(--space-s);
  inline-size: 100%;
}
.cart__buttons > * + * {
  margin-block-start: var(--space-2xs);
}
.cart__view-cart {
  margin-block-start: var(--space-xs);
}
.cart__free-shipping-message {
  padding-block: var(--space-2xs);
  border-block: var(--border);
  margin-block-end: calc(var(--space-xs) + var(--border-thickness));
}
.cart__note {
  margin-block-end: var(--space-s);
}
.cart__note .collapsible__item {
  border-block-end: 0;
}
.cart__note .collapsible__toggle {
  padding: 0;
}
.cart-drawer__dialog-window {
  --padding: 0;
}
.cart-drawer__main {
  flex: 1 1 auto;
  overflow: hidden auto;
  padding-inline: var(--space-m);
  padding-block-end: var(--space-s);
}
.cart-drawer__header,
.cart-drawer__footer {
  padding-inline: var(--space-m);
}
.cart-drawer__header {
  padding-block-start: var(--space-m);
  padding-block-end: var(--space-s);
}
.cart-drawer__footer {
  border-block-start: var(--border);
  padding-block-start: var(--space-s);
  padding-block-end: var(--space-m);
}
.cart-drawer__footer--sticky {
  position: sticky;
  inset-block-start: 0;
}
.cart-drawer__blocks-wrapper:has(.cart__blocks:empty) {
  display: none;
}
.cart__checkbox {
  margin-block-start: var(--space-xs);
}
.cart__main:not(.cart__main--empty) .cart-drawer__blocks-wrapper {
  padding-block: calc(var(--space-xs) + var(--border-thickness));
  border-block-start: var(--border);
}
.cart-page .cart__items:not(:empty) {
  border-block-end: var(--border);
  padding-block-end: 0;
}
.input--box .cart-item__quantity .quantity-input {
  padding: 0;
}
.cart__button[aria-disabled=true] {
  pointer-events: all;
}
@media (min-height: 32em) {
  .cart-drawer__dialog-window {
    overflow: hidden;
  }
  .cart-drawer__body {
    display: flex;
    flex-direction: column;
  }
  .cart-drawer__inner {
    display: grid;
    grid-auto-rows: auto minmax(0, 1fr) auto;
    block-size: 100%;
  }
  .cart-drawer__main {
    padding-block-end: 0;
  }
}
@media screen and (min-width: 64em) {
  .cart-page .cart-item__totals .cart-item__price-wrapper,
  .cart-drawer--horizontal .cart-item__totals .cart-item__price-wrapper {
    display: block;
  }
  .cart-page .cart-item__product {
    padding-inline-start: var(--space-s);
  }
  .cart__heading--quantity {
    display: table-cell;
  }
  .cart-drawer--horizontal .cart-drawer__dialog-window {
    block-size: auto;
    max-block-size: none;
    max-inline-size: none;
    margin-inline-start: 0;
    border-inline-start: 0;
    overflow: hidden;
  }
  .overlay--borders .cart-drawer--horizontal .cart-drawer__dialog-window {
    border-block-end: var(--border);
  }
  .cart-drawer--horizontal .cart-drawer__inner {
    gap: var(--gap-section);
  }
  .cart-drawer--horizontal:not(:has(.cart-drawer__footer--empty)) .cart-drawer__inner {
    min-block-size: min(32rem, 100vh);
  }
  .cart-drawer--horizontal .cart__blocks:not(:empty) {
    border-block-start: 0;
    padding-block-start: 0;
    margin-block-start: 0;
    padding-block-end: var(--gap-section);
  }
  .cart-drawer--horizontal .cart-drawer__body {
    display: flex;
    flex-direction: row;
    gap: var(--gap-section);
    overflow-y: auto;
  }
  .cart-drawer--horizontal .cart-drawer__body:has(.cart__main--empty) {
    padding-block-end: var(--space-m);
  }
  .cart-drawer--horizontal .cart-drawer__main,
  .cart-drawer--horizontal .cart-drawer__footer {
    flex: 1 1 calc(50% - var(--gap-section) / 2);
  }
  .cart-drawer--horizontal .cart-drawer__main {
    overflow: visible;
    padding-inline-end: 0;
    container-type: size;
  }
  .cart-drawer--horizontal .cart-drawer__footer {
    padding-inline: 0;
    padding-block: 0;
    margin-inline-end: var(--space-m);
    border-block-start: 0;
    align-self: start;
  }
  .cart-drawer--horizontal .cart-drawer__footer--empty {
    padding-block-start: var(--space-s);
    padding-inline-end: var(--space-m);
    margin-inline: 0;
    border-block-start: var(--border);
  }
  .cart-drawer--horizontal .cart__buttons {
    padding-block-end: var(--space-m);
  }
  .cart-drawer--horizontal .cart-drawer__header {
    inset-inline-start: 0;
    padding-block-end: 0;
  }
  .cart-drawer--horizontal .cart__main--empty {
    display: none;
  }
  .cart-drawer__footer--empty {
    grid-column: 1 / 3;
    padding-block-end: 0;
  }
  .cart-drawer--horizontal .cart-drawer__footer--empty {
    padding-inline-start: var(--space-m);
  }
  .cart-drawer--horizontal .cart-drawer__footer--empty:not(:has(.button)) {
    display: none;
  }
  .cart-drawer--horizontal .cart__items:not(:empty) {
    border-block-end: 0;
    padding-block-end: var(--gap-section);
  }
  .cart-drawer--horizontal .cart-item:last-child {
    padding-block-end: 0;
  }
  .cart-drawer--horizontal .cart__heading--quantity {
    display: none;
  }
  .cart-page__inner {
    display: flex;
    flex-direction: column;
  }
  .cart-page .cart-item,
  .cart-page .cart__header tr {
    display: table-row;
  }
  .cart-page .cart__items:not(:empty) {
    padding-block-end: calc(var(--space-xs) + var(--border-thickness));
  }
  .cart-page .cart-item:not(:last-of-type) td {
    padding-block-end: calc(var(--space-xs) + var(--border-thickness));
  }
  .cart-page .cart-item__quantity-wrapper,
  .cart-page .cart-item__totals {
    width: 25%;
  }
  .cart-page .cart-item__product,
  .cart-page .cart-item__totals {
    display: table-cell;
  }
  .cart-page__blocks-wrapper {
    border-block-start: 0;
  }
  .cart-page__footer,
  .cart-page__blocks-wrapper {
    inline-size: 50%;
    align-self: flex-end;
  }
}

/* css/components/_expand-link.css */
.expand-link {
  position: relative;
}
.expand-link__link::before,
.expand-link__link::after {
  content: "";
  position: absolute;
  border-radius: var(--border-radius-card);
  inset: 0;
  z-index: 2;
}
.expand-link__link {
  text-decoration: none;
}
.expand-link__link:focus-visible {
  outline-color: transparent;
}
.expand-link__link:focus-visible::after {
  border: 0.0625rem solid currentColor;
  outline: var(--outline-thickness) solid var(--color-background-solid);
  outline-offset: var(--negative-outline-offset);
}
.expand-link__link--media:focus-visible::before {
  outline-offset: calc(var(--negative-outline-offset) - 1px);
  outline: calc(var(--outline-thickness) * 2) solid var(--color-background-solid);
}
.expand-link__link--media:focus-visible::after {
  outline-offset: calc(var(--negative-outline-offset) - 1px);
  outline: var(--outline-thickness) solid rgb(var(--color-foreground));
}
@media (pointer: fine) {
  .expand-link:not(:has(:where(.expand-link, .expand-link--ignore))):has(.expand-link__link:hover) .button-text__label {
    background-position: 0% 100%;
  }
  .expand-link:not(:has(:where(.expand-link, .expand-link--ignore))):has(.expand-link__link:hover) .button {
    background-color: rgb(var(--color-button-hover));
    border-color: rgb(var(--color-button-border-hover));
  }
}

/* css/components/_tabs.css */
.tab-nav {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
}
.tab-nav--full-width {
  padding-inline-start: max(50% - var(--container-width) / 2, var(--container-margin));
}
.tab-nav--collapsed {
  padding-inline-end: max(50% - var(--container-width) / 2, var(--container-margin));
}
.tab-nav--full-width:not(.tab-nav--collapsed) .tab-nav__list::after {
  content: "";
  display: block;
  flex: 0 0 max(50% - var(--container-width) / 2, calc(var(--vw, 1vw) * 4));
}
.tab-nav__list {
  display: flex;
  margin: 0;
  min-inline-size: 100%;
  padding: 0;
  inline-size: fit-content;
  list-style: none;
  border-block-end: var(--border);
  overflow-x: hidden;
  overflow-y: hidden;
}
.tab-nav__list > * + * {
  margin-inline-start: var(--gap, var(--space-s-m));
}
.tab-nav__item {
  display: inline-block;
}
.tab-nav__link {
  --outline-offset: var(--negative-outline-offset);
  position: relative;
  display: inline-block;
  color: rgb(var(--color-text-secondary));
  padding: var(--space-2xs) 0;
  margin-block-end: calc(var(--border-thickness) * -1);
  background-color: transparent;
  border-radius: 0;
  border: none;
  overflow: visible;
  text-decoration: none;
  white-space: nowrap;
  transition: 0.3s color ease, 0.3s border-color ease;
  border-block-end: var(--border-thickness) solid transparent;
  z-index: 1;
}
.tab-nav__link[aria-current],
.tab-nav__link:hover,
.tab-nav__link[aria-selected=true] {
  color: rgb(var(--color-foreground));
  border-block-end: var(--border-thickness) solid currentColor;
}
@media (min-width: 48em) {
  .tab-nav {
    overflow-x: hidden;
    overflow-y: hidden;
  }
  .tab-nav__list {
    overflow-x: auto;
    overflow-y: hidden;
  }
}

/* css/components/_custom-select.css */
custom-select {
  display: block;
}
.custom-select__button {
  display: flex;
  align-items: center;
  gap: var(--space-2xs);
}
.custom-select__button .icon {
  display: none;
}
.custom-select__button[aria-expanded=true] + .custom-select__listbox {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.custom-select__listbox {
  position: absolute;
  inline-size: 100%;
  margin-block-start: var(--space-3xs);
  inset-block-start: 100%;
  background: var(--color-background-solid);
  border: var(--border-thickness) solid rgb(var(--color-foreground));
  z-index: 80;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  max-block-size: 15rem;
  overflow-y: auto;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.custom-select__option {
  padding: var(--input-vertical-padding);
  transition: background-color 0.1s ease;
}
.custom-select__option:hover {
  background-color: rgba(var(--color-foreground), 0.05);
}
.custom-select__option * {
  pointer-events: none;
}
.custom-select__option-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.custom-select__option-main {
  display: flex;
  align-items: center;
  gap: var(--space-2xs);
}
.custom-select__option--disabled {
  color: rgb(var(--color-text-secondary));
}
.custom-select__button:focus-visible + .custom-select__listbox .custom-select__option--highlighted {
  outline: var(--outline-thickness) solid currentColor;
  outline-offset: -0.0625rem;
}
.custom-select__option:not([aria-selected=true]) .icon {
  opacity: 0;
}
.custom-select__option .icon {
  transition: opacity 0.3s ease;
}

/* css/components/_search-page.css */
.search-page__form {
  padding-block-start: var(--space-l);
}
.search-page__form--single {
  padding-block: var(--space-l);
}

/* css/components/_shopify-policy.css */
.shopify-policy__container {
  --container-width: 55ch;
  padding-block: var(--padding-section);
  margin-inline-start: max(50% - var(--container-width) / 2, var(--container-margin));
  margin-inline-end: max(50% - var(--container-width) / 2, var(--container-margin));
  padding-inline: 0;
}
.shopify-policy__container > * + * {
  margin-block-start: var(--gap-section);
}

/* css/components/_video-description.css */
.video-description__button {
  position: relative;
  opacity: var(--controls-opacity, 1);
  z-index: 10;
}
deferred-media:not([data-loaded=true]) {
  .video-description__button {
    opacity: var(--controls-opacity);
  }
}

/* css/components/_article.css */
.article {
  display: grid;
  grid-template-columns: 1fr min(var(--container-width), 100% - var(--container-margin) * 2) 1fr;
}
.article > * {
  grid-column: 2;
}
.article > *:first-child {
  margin-block-start: 0;
}
.article:has(.article__image-wrapper:first-child) {
  padding-block-start: 0;
}
.article__space > * + * {
  margin-block-start: var(--padding-section);
}
.article__tags + .article__header {
  margin-block-start: var(--space-xs);
}
.article__header > * + * {
  margin-block-start: var(--space-m);
}
.article__image-wrapper {
  margin-block: var(--gap);
}
.article__image-wrapper + *,
* + .article__image-wrapper,
.article__back-button,
.article__links {
  --gap: clamp(var(--space-m), var(--gap-section), var(--padding-section));
}
.article .rte > * + * {
  --gap: var(--space-m);
}
.article__image-wrapper .article__image {
  --border-radius-card: 0;
}
.article__image-wrapper--full {
  grid-column: 1 / -1;
}
.article__back-button + .article__tags,
.breadcrumbs + .article__tags {
  --gap: var(--padding-top);
}
.article__tags a {
  z-index: 2;
  position: relative;
}
.article__image {
  margin-inline: auto;
}
.article__comments-section {
  --gap: var(--padding-section);
  max-inline-size: var(--max-width);
}
.article__comments-section > * {
  --gap: var(--gap-section);
}
.article__comment:not(:last-child) {
  margin-block-end: var(--space-s);
  padding-block-end: var(--space-s);
  border-block-end: var(--border);
}
.article__comment-content {
  margin-block-end: var(--space-xs);
}
.article__links {
  border-block-start: var(--border);
  padding-block-start: var(--gap-section);
}

/* css/components/_card-article.css */
.card-article-content__main > * + * {
  padding-block-start: var(--gap, var(--space-2xs));
}
.card-article-content__main .button {
  --gap: var(--space-xs);
}
.card-article .card-product-content:has(.card-product-content__title:last-child) {
  align-items: flex-start;
}
.card-article-content__badges {
  overflow: hidden;
}
@container (min-width: 22rem) {
  @media (pointer: fine) {
    .card-article .card-product-content__badges:not(.card-product-content__badges--mobile) + .card-article-content__title {
      --gap: var(--space-xs);
    }
  }
}

/* css/components/_featured-post.css */
.featured-post .content-blocks__item {
  z-index: initial;
}
.featured-post .media-banner__content {
  padding-block: var(--space-xl);
}
.featured-post .media-wrapper--placeholder {
  aspect-ratio: 1 / 1;
}

/* css/components/_image-card.css */
.image-card {
  container-type: inline-size;
  container-name: image-card;
}
.image-card__image-wrapper {
  margin-block-end: var(--space-2xs);
}
.image-card__text {
  text-align: start;
  padding-inline: var(--padding-text-max-default);
}
.image-card__text .button {
  text-align: inherit;
}
@container image-card (min-width: 11.25rem) {
  .image-card__text {
    --padding-text-max-default: 0;
  }
}

/* css/components/_before-after.css */
.before-after {
  --position: 50%;
  display: grid;
  border-radius: var(--border-radius-card-override, var(--border-radius-card));
  overflow: hidden;
  user-select: none;
  touch-action: pan-x pan-y;
  -webkit-touch-callout: none;
}
.before-after * {
  grid-column: 1;
  grid-row: 1;
  block-size: 100%;
  object-fit: cover;
}
.before-after__before {
  mask:
    linear-gradient(
      to right,
      #000 0,
      var(--position),
      #0000 0);
}
.before-after__after {
  mask:
    linear-gradient(
      to right,
      #0000 0,
      var(--position),
      #000 0);
}
.before-after__divider {
  --outline-color: transparent;
  position: absolute;
  inline-size: var(--border-thickness);
  background-color: rgb(var(--color-primary-button));
  inset-inline-start: var(--position);
  pointer-events: none;
}
.before-after__divider:focus-visible .before-after__button {
  outline: var(--outline-thickness) solid rgb(var(--color-primary-button));
  outline-offset: 0.25rem;
}
.before-after__button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  block-size: auto;
  cursor: ew-resize;
  pointer-events: auto;
  touch-action: none;
}
.before-after__label {
  position: absolute;
  block-size: auto;
  z-index: 1;
}
.before-after__label--top {
  inset-block-start: var(--banner-controls-padding);
}
.before-after__label--bottom {
  inset-block-end: var(--banner-controls-padding);
}
.before-after__label--before {
  inset-inline-start: var(--banner-controls-padding);
  margin-inline-end: var(--banner-controls-padding);
}
.before-after__label--after {
  inset-inline-end: var(--banner-controls-padding);
  margin-inline-start: var(--banner-controls-padding);
}
.before-after:not(:has(.before-after__media)) .media-wrapper--placeholder {
  aspect-ratio: 8 / 5;
}

/* css/components/_rich-text.css */
.rich-text:is(.center) :where(ul, ol) {
  list-style-position: inside;
}
.rich-text__blocks {
  position: relative;
}
.rich-text__image {
  min-inline-size: 100%;
}
.rich-text__image-wrapper {
  max-inline-size: var(--max-width);
}
.rich-text__image :is(img, svg) {
  border-radius: var(--border-radius-inner-override, var(--border-radius-card));
  object-fit: cover;
  aspect-ratio: var(--image-ratio);
}
.rich-text__image-quick-add {
  position: absolute;
  inset-block-end: 0;
  inset-inline-end: 0;
  z-index: 3;
}
.center .rich-text__block-width {
  margin-inline-start: auto;
  margin-inline-end: auto;
}
.right .rich-text__block-width {
  margin-inline-start: auto;
}
.rich-text__subheading,
.rich-text__heading {
  display: block;
}
.rich-text__padding-text > *:not(.rich-text__image) {
  padding-inline: var(--padding-text);
}
.rich-text__card {
  --border-radius-inner-override: var(--border-radius-card-inner);
  border-radius: var(--border-radius-card);
  padding: var(--card-padding);
}
.rich-text__card--adapt {
  inline-size: auto;
  max-inline-size: max-content;
}
.rich-text__product {
  inline-size: var(--width);
  max-inline-size: 100%;
}
.rich-text__card .mini-product {
  inline-size: var(--mini-product-width);
  max-inline-size: 100%;
}
.rich-text__badges {
  justify-content: var(--justify, inherit);
}
.rich-text__mini-product + .rich-text__mini-product {
  --gap: var(--space-2xs);
}

/* css/components/_mini-product.css */
.mini-product {
  --gap: var(--space-2xs);
  display: flex;
  inline-size: min(var(--mini-product-width), 100%);
  overflow: hidden;
  gap: var(--space-xs);
}
:is(.cart__blocks, .complementary-products) .mini-product {
  inline-size: 100%;
}
:is(.cart__blocks) .mini-product__image-wrapper {
  max-inline-size: 30vw;
}
.mini-product--border {
  border: var(--border);
}
.mini-product--border .mini-product__image-wrapper {
  border-inline-end: var(--border);
}
.mini-product__content {
  flex: 10 10 auto;
}
.mini-product__content > * + * {
  margin-block-start: var(--gap, var(--space-3xs));
}
.mini-product__image-wrapper {
  flex: 1 0 var(--image-max-width);
  max-inline-size: min(var(--image-max-width), 50%);
  block-size: auto;
  display: flex;
  position: relative;
}
.mini-product__placeholder {
  inline-size: 100%;
}
.mini-product--card .mini-product__image-wrapper {
  max-block-size: 100%;
}
.mini-product--card .mini-product__title {
  line-height: var(--responsive-line-height);
}
.mini-product__quick-add {
  position: relative;
  z-index: 2;
  margin: var(--space-2xs);
}
.mini-product--card {
  border-radius: var(--border-radius-card);
}
.mini-product--card .mini-product__content {
  padding-block: var(--space-xs);
}
.mini-product--card:not(:has(.mini-product__image-wrapper)) {
  padding-inline: var(--space-2xs);
}
.mini-product__text {
  --gap: var(--space-xs);
}
.mini-product--card:is(.mini-product--border, .mini-product--highlighted) .mini-product__image-wrapper {
  --border-radius-card: 0;
}
.shopify-section:has(.media-wrapper) .mini-product--card .mini-product__image-wrapper {
  --border-radius-card: 0;
}
.shopify-section:not(:has(.media-wrapper)) .mini-product--card:not(.mini-product--border, .mini-product--highlighted) .mini-product__quick-add:is(.button--text) {
  margin: 0;
  justify-content: end;
}
.mini-product__wrapper--list {
  --gap: var(--space-m);
}
.mini-product--list {
  --gap: var(--space-xs);
}
.mini-product--list .mini-product__title + .price {
  --gap: var(--space-2xs);
}
.mini-product--list .mini-product__subtitle {
  --gap: var(--space-3xs);
}

/* css/components/_split-card.css */
.split-card > * {
  --border-radius-card-override: 0;
}
.split-card--border:not(:empty) {
  border: var(--border);
}
.split-card--radius-blocks > * {
  border-radius: var(--border-radius-card);
  overflow: hidden;
}
.split-card--radius-section .media-banner--no-frame {
  --border-radius-card-inner-override: 0;
}

/* css/components/_columns.css */
.columns {
  display: grid;
  gap: var(--gap-section) max(var(--space-l-xl), var(--gap-horizontal));
  grid-auto-columns: 100%;
}
@media (min-width: 48em) {
  .columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* css/components/_free-shipping.css */
.free-shipping {
  display: none;
  transition: opacity 0.3s allow-discrete;
  @starting-style {
    opacity: 0;
  }
}
.free-shipping--active {
  display: block;
  opacity: 1;
}
.free-shipping [aria-hidden=true] {
  display: none;
}

/* css/components/_hotspots.css */
.hotspots__wrapper {
  position: absolute;
  inset: 0;
  z-index: 6;
  pointer-events: none;
}
.hotspots__hotspot {
  position: absolute;
  left: var(--horizontal-position);
  top: var(--vertical-position);
  transform: translate(-50%, -50%);
  pointer-events: auto;
}
.hotspots__button {
  --outline-offset: var(--negative-outline-offset);
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 2rem;
  block-size: 2rem;
  padding: 0;
  border: none;
  background-color: transparent;
  border-radius: 50%;
}
.hotspots__hotspot-circle {
  position: relative;
  display: block;
  background: rgb(var(--color-foreground));
  inline-size: 0.75rem;
  block-size: 0.75rem;
  border-radius: 50%;
  padding: 0;
  border: 0.0625rem solid var(--color-background-solid);
  transition: background-color 0.3s ease;
}
.hotspots__hotspot-circle::before,
.hotspots__hotspot-circle::after {
  content: "";
  position: absolute;
  border: 0.0625rem solid rgb(var(--color-foreground));
  border-radius: 50%;
  z-index: -1;
}
.hotspots__hotspot-circle::before {
  inset: -0.25rem;
}
.hotspots__hotspot-circle::after {
  inset: -0.375rem;
  opacity: 0;
}
.scroll-trigger--visible .hotspots__hotspot-circle::before {
  animation-name: ring, ring-end;
  animation-duration: 1.5s, 1.5s;
  animation-delay: 0.1s, 3s;
  animation-iteration-count: 2, 1;
}
.scroll-trigger--visible .hotspots__hotspot-circle::after {
  animation: ring 1.5s 2 forwards;
}
.hotspots__button.loading .hotspots__hotspot-circle::before {
  animation: ring 1.5s 0.1s infinite;
}
.hotspots__button.loading .hotspots__hotspot-circle::after {
  animation: ring 1.5s infinite;
}
.hotspots__label {
  position: absolute;
  left: 2rem;
  top: 50%;
  inline-size: max-content;
  max-width: 10rem;
  background: rgb(var(--color-foreground));
  color: var(--color-background-solid);
  padding: 0.5rem var(--space-2xs);
  transform: translateY(-50%);
  text-wrap: balance;
  text-align: center;
  text-box: trim-both cap alphabetic;
  word-break: break-word;
  pointer-events: auto;
}
.hotspots__wrapper--left .hotspots__label {
  right: 2rem;
  left: auto;
}
.hotspots__wrapper--right .hotspots__label {
  left: 2rem;
  right: auto;
}
@media (max-width: 47.99em) {
  .hotspots__hotspot {
    left: var(--mobile-horizontal-position, var(--horizontal-position));
    top: var(--mobile-vertical-position, var(--vertical-position));
  }
  .hotspots__wrapper--mobile-left .hotspots__label {
    right: 1.75rem;
    left: auto;
  }
  .hotspots__wrapper--mobile-right .hotspots__label {
    left: 1.75rem;
    right: auto;
  }
}

/* css/components/_recently-viewed.css */
recently-viewed {
  transition: opacity 0.5s ease allow-discrete;
  @starting-style {
    opacity: 0;
  }
}
.recently-viewed:has(.slider-component__grid:empty) {
  display: none;
}

/* css/components/_cart-discount.css */
.cart-discount {
  display: block;
  padding-block-start: var(--space-2xs);
}
.cart-discount__codes {
  display: flex;
  padding-block: 0;
  margin-block-start: var(--space-xs);
  gap: var(--space-2xs);
}
.cart-discount__codes .list-separator__item {
  margin: 0;
}
.cart-discount__code {
  transition: opacity 0.3s ease;
}
.cart-discount__code[aria-disabled=true] {
  opacity: 0.5;
}

/* css/components/_scroll-overflow.css */
.scroll-overflow {
  --button-size: 2.5rem;
  position: relative;
}
.scroll-overflow__region {
  inset: 0;
  mask:
    linear-gradient(
      var(--direction),
      #0000,
      #ffff var(--start-fade) calc(100% - var(--end-fade)),
      #0000);
  animation: scrollfade;
  animation-timeline: --scrollfade;
  scrollbar-width: none;
}
@property --start-fade { syntax: "<length>"; inherits: false; initial-value: 0; }
@property --end-fade { syntax: "<length>"; inherits: false; initial-value: 0; }
@keyframes scrollfade {
  0% {
    --start-fade: 0;
  }
  10%, 100% {
    --start-fade: var(--button-size);
  }
  0%, 90% {
    --end-fade: var(--button-size);
  }
  100% {
    --end-fade: 0;
  }
}
.scroll-overflow__button {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-background-solid);
  border-radius: 0;
  border: none;
  padding: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1;
  pointer-events: none;
}
.scroll-overflow__region * {
  scroll-margin-block: var(--button-size);
  scroll-padding: var(--button-size);
}
.scroll-overflow[data-overflow-block=true] .scroll-overflow__region {
  --direction: to bottom;
  overflow-y: scroll;
  scroll-timeline: --scrollfade y;
}
.scroll-overflow[data-overflow-inline=true] .scroll-overflow__region {
  --direction: to right;
  overflow-x: scroll;
  scroll-timeline: --scrollfade x;
}
.scroll-overflow[data-overflow-block=true] .scroll-overflow__button {
  inline-size: 100%;
  block-size: var(--button-size);
}
.scroll-overflow[data-overflow-block=true] .scroll-overflow__button--prev {
  inset-block-start: 0;
}
.scroll-overflow[data-overflow-block=true] .scroll-overflow__button--prev svg {
  transform: rotate(90deg);
}
.scroll-overflow[data-overflow-block=true] .scroll-overflow__button--next {
  inset-block-end: 0;
}
.scroll-overflow[data-overflow-block=true] .scroll-overflow__button--next svg {
  transform: rotate(90deg);
}
.scroll-overflow[data-overflow-inline=true] .scroll-overflow__button {
  inline-size: var(--button-size);
  block-size: 100%;
}
.scroll-overflow[data-overflow-inline=true] .scroll-overflow__button--next {
  inset-block-start: 0;
  inset-inline-end: 0;
}
@media (pointer: fine) {
  :is([data-overflow-inline=true], [data-overflow-block=true]):hover .scroll-overflow__button:not([disabled]) {
    opacity: 1;
    pointer-events: auto;
  }
}

/* css/components/_discount-code.css */
.discount-code {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2xs);
  margin-block-start: var(--gap);
}
.discount-code__code {
  display: flex;
  align-items: center;
  padding: var(--font-button-padding-block);
  border: var(--border-thickness) dashed rgb(var(--color-text-secondary));
  border-radius: var(--border-radius-swatch);
  line-height: var(--leading-tight);
  transform: translateZ(0);
}
.discount-code__button-wrapper {
  position: relative;
}
.discount-code__button {
  min-block-size: 100%;
}
.discount-code__button-success {
  display: none;
}
.discount-code__button[data-applied=true] .discount-code__button-success {
  display: inline;
}
.discount-code__button[data-applied=true]:focus + .share-button__tooltip {
  opacity: 1;
  visibility: visible;
}
.discount-code__button[data-applied=true] .discount-code__button-label {
  visibility: hidden;
}
.discount-code__tooltip {
  inline-size: max-content;
  max-inline-size: 50vw;
}

/* css/components/_video-reels.css */
.video-reels .slider-component__inner {
  --slideshow-scroll-snap-align: center;
  --slider-scroll-margin: 0;
}
.video-reels .slider-component__item[aria-hidden=true] * {
  pointer-events: none;
}
.video-reels__footer {
  flex: 1 1 100%;
}
.video-reels__controls {
  gap: var(--space-2xs);
}
.video-reels__product {
  --mini-product-width: 100%;
  position: relative;
  min-inline-size: 100%;
  z-index: 10;
}
[data-hide-inactive-products=true] .video-reels__product {
  opacity: 0;
  visibility: hidden;
  transition:
    max-height 0.5s ease,
    opacity 0.5s ease,
    visibility 0.5s ease;
}
[data-hide-inactive-products=true] .deferred-media .video-reels__product {
  max-height: 0;
}
.video-reels__product-card {
  padding-block-start: var(--space-xs);
}
.video-reels__product-card .mini-product__image-wrapper {
  --border-radius-card: 0;
}
.video-reels__item[data-current-page] .video-reels__product,
.video-reels__item[data-current-page] + .video-reels__product {
  opacity: 1;
  visibility: visible;
  max-height: 15rem;
}
.video-reels__creator {
  position: absolute;
  inset-block-start: var(--space-xs);
  inset-inline-start: var(--space-xs);
  --image-size: 1.5rem;
  z-index: 10;
}
.video-reels:has([data-playing=true]),
.video-reels__item .deferred-media[data-playing=true]:not(:has(:hover)) {
  --controls-opacity: 0;
}
.video-reels__item:hover,
.video-reels__item:focus-within {
  --controls-opacity: 1;
}
.video-reels .slider-component__inner {
  --columns: 1;
}
.video-reels__overlay {
  position: absolute;
  inset: 0;
  inset-block-end: auto;
  block-size: 10rem;
  background: var(--overlay);
  z-index: 2;
}
@media screen and (min-width: 48em) {
  .video-reels .slider-component__inner {
    --columns: 2;
  }
}
@media screen and (min-width: 62em) {
  .video-reels .slider-component__inner {
    --columns: 3;
  }
}
@media screen and (min-width: 75em) {
  .video-reels .slider-component__inner {
    --columns: var(--columns-desktop);
  }
}

/* css/components/_media-object.css */
.media-object {
  display: flex;
  align-items: center;
  gap: var(--space-2xs);
}
.media-object__image {
  inline-size: var(--media-object-size);
}

/* css/components/_sticky-atc.css */
.sticky-atc {
  position: fixed;
  display: none;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-xs);
  inset-block-end: 0;
  inset-inline: 0;
  padding-block: var(--space-xs);
  padding-inline: var(--container-margin);
  border-block-start: var(--border);
  z-index: 81;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.sticky-atc--mobile {
  display: flex;
}
.sticky-atc--active {
  visibility: visible;
  opacity: 1;
}
.sticky-atc__info {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  gap: var(--space-xs);
}
.sticky-atc__image {
  inline-size: auto;
  max-block-size: 4rem;
  border-radius: var(--border-radius-card);
}
.sticky-atc__content {
  flex: 1 1 auto;
}
.sticky-atc__title {
  line-height: var(--responsive-line-height);
  margin-block-end: 0;
}
.sticky-atc__variant {
  border: 0;
  padding: 0;
  background-color: transparent;
}
.sticky-atc__mobile.sticky-atc__variant {
  margin-block-start: var(--space-3xs);
}
.sticky-atc__price {
  --margin-block-start: var(--space-2xs);
}
.sticky-atc__product-form {
  flex: 1 1 100%;
}
.sticky-atc__rating {
  --icon-size: var(--icon-xs);
  margin-block-start: var(--space-2xs);
}
.sticky-atc__desktop {
  display: none;
}
.sticky-atc__button {
  inline-size: 100%;
}
@media (min-width: 48em) {
  .sticky-atc--mobile {
    display: none;
  }
  .sticky-atc--desktop {
    display: flex;
  }
  .sticky-atc__product-form {
    display: flex;
    gap: var(--space-s);
    flex: 0 1 auto;
  }
  .sticky-atc__desktop {
    display: flex;
    align-items: center;
  }
  .sticky-atc__mobile {
    display: none;
  }
  .sticky-atc__button {
    inline-size: auto;
  }
}

/* css/base/_atomics.css */
.hidden {
  display: none !important;
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.table-cell {
  display: table-cell !important;
}
.flex-col {
  flex-direction: column;
}
@media screen and (min-width: 48em) {
  .md\:hidden {
    display: none !important;
  }
  .md\:block {
    display: block !important;
  }
  .md\:flex {
    display: flex !important;
  }
}
@media screen and (min-width: 64em) {
  .lg\:hidden {
    display: none !important;
  }
  .lg\:block {
    display: block !important;
  }
  .lg\:flex {
    display: flex !important;
  }
  .lg\:table-cell {
    display: table-cell !important;
  }
}
.gap-1 {
  gap: 0.25rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-8 {
  gap: 2rem;
}
.left {
  text-align: start;
}
.center {
  text-align: center;
}
.right {
  text-align: end;
}
.height-full {
  block-size: 100%;
}
.justify-left {
  --justify: flex-start;
  justify-content: flex-start;
}
.justify-center {
  --justify: center;
  justify-content: center;
}
.justify-right {
  --justify: flex-end;
  justify-content: flex-end;
}
.justify-between {
  --justify: space-between;
  justify-content: space-between;
}
.justify-items-center {
  justify-items: center;
}
.justify-inherit {
  justify-content: var(--justify);
}
.items-left {
  align-items: start;
}
.items-center {
  align-items: center;
}
.items-right {
  align-items: end;
}
.self-start {
  align-self: start;
}
.self-center {
  align-self: center;
}
.self-end {
  align-self: end;
}
.self-stretch {
  align-self: stretch;
}
.opacity {
  opacity: 0.65;
}
.faded-out {
  opacity: 0;
  visibility: hidden;
}
.opacity--loading {
  opacity: 0.2;
  pointer-events: none;
  cursor: not-allowed;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.alignment--top {
  align-items: flex-start;
}
.alignment--middle {
  align-items: center;
}
.alignment--bottom {
  align-items: flex-end;
}
.alignment--top-left {
  align-items: flex-start;
  justify-content: flex-start;
  text-align: start;
}
.alignment--top-center {
  align-items: flex-start;
  justify-content: center;
  text-align: center;
}
.alignment--top-right {
  align-items: flex-start;
  justify-content: flex-end;
  text-align: end;
}
.alignment--middle-left {
  align-items: center;
  justify-content: flex-start;
  text-align: start;
}
.alignment--middle-center {
  align-items: center;
  justify-content: center;
  text-align: center;
}
.alignment--middle-right {
  align-items: center;
  justify-content: flex-end;
  text-align: right;
}
.alignment--bottom-left {
  align-items: flex-end;
  justify-content: flex-start;
  text-align: start;
}
.alignment--bottom-center {
  align-items: flex-end;
  justify-content: center;
  text-align: center;
}
.alignment--bottom-right {
  align-items: flex-end;
  justify-content: flex-end;
  text-align: end;
}
.flex-wrap {
  flex-wrap: wrap;
}
.height--adapt {
  --min-height: initial;
}
.height--xsmall {
  --min-height: clamp(12rem, 5.6rem + 13.333vw, 20rem);
}
.height--small {
  --min-height: clamp(20rem, 10.4rem + 20vw, 32rem);
}
.height--medium {
  --min-height: clamp(28rem, 13.6rem + 30vw, 46rem);
}
.height--large {
  --min-height: clamp(46rem, 38rem + 16.667vw, 56rem);
}
.height--fit {
  --min-height: 100vh;
  --min-height: 100lvh;
}
.gap--section > *:not(:empty) + * {
  margin-block-start: var(--gap, var(--gap-section));
}
.padding--section {
  padding-block-start: var(--padding-top-override, var(--padding-section));
  padding-block-end: var(--padding-bottom-override, var(--padding-section));
}
.padding--section-block {
  padding-block-start: var(--padding-top-block-override, var(--padding-section));
  padding-block-end: var(--padding-bottom-block-override, var(--padding-section));
}
.padding--section-no-override {
  padding-block: var(--padding-section);
}
.padding--text {
  padding-inline: var(--padding-text);
}
.padding-text--full {
  --padding-text: var(--padding-text-full-default);
}
.padding-text--padded {
  --padding-text: var(--padding-text-padded-default);
}
.padding-text--max {
  --padding-text: var(--padding-text-max-default);
}
.object-fit--cover {
  object-fit: cover;
}
.card-border-radius {
  border-radius: var(--border-radius-card-override, var(--border-radius-card));
  overflow: hidden;
}
.card-border-radius .card-inner-border-radius {
  border-radius: var(--border-radius-card-inner-override, var(--border-radius-card-inner));
  overflow: hidden;
}
.card-inner-border-radius {
  border-radius: var(--border-radius-card-inner-override, var(--border-radius-card));
  overflow: hidden;
}
.border-radius-circle {
  aspect-ratio: 1 / 1;
  border-radius: 50%;
}
.border {
  border: var(--border);
}
.border--top {
  border-block-start: var(--border);
}
.border--bottom {
  border-block-end: var(--border);
}
.blur {
  backdrop-filter: blur(0.625rem);
}
.responsive-line-height {
  line-height: var(--responsive-line-height);
}
@media (max-width: 47.9999em) {
  .mobile-height--adapt {
    --min-height: initial;
  }
  .mobile-height--xsmall {
    --min-height: clamp(8rem, 2.286rem + 28.571vw, 16rem);
  }
  .mobile-height--small {
    --min-height: clamp(16rem, 10.286rem + 28.571vw, 24rem);
  }
  .mobile-height--medium {
    --min-height: clamp(24rem, 18.286rem + 28.571vw, 32rem);
  }
  .mobile-height--large {
    --min-height: clamp(32rem, 27.714rem + 21.429vw, 38rem);
  }
  .mobile-height--fit {
    --min-height: 100lvh;
  }
}
@supports (text-box: trim-both cap alphabetic) {
  .text-box-trim {
    text-box: trim-both cap alphabetic;
  }
}

/* css/theme.css */
/* css/theme.css */

/* =========================================================
   BYDEE-STYLE SIZES (PRODUCT CARD) – YOUR VERSION (FIXED)
   - Out of stock works (all theme patterns)
   - Always visible on desktop (no hover needed)
   ========================================================= */

/* =======================
   EDIT HERE (YOUR CONTROLS)
   ======================= */
:root{
  --sz-box-min: 17px;
  --sz-box-h: 17px;
  --sz-box-pad-x: 3px;

  --sz-font: 12.8px;
  --sz-letter: .1px;
  --sz-radius: 0px;

--sz-border: hsla(17, 9.6%, 71.4%, 0.69);
  --sz-text: #462828;
  --sz-bg: transparent;
  --sz-border-hover: #462828;

  --sz-active-bg: #462828;
  --sz-active-text: #ffffff;
  --sz-active-border: #462828;

  /* out of stock visibility */
  --sz-oos-opacity: .45;     /* واضح ومش ugly */
  --sz-oos-line: rgba(0,0,0,.25);

  --sz-gap: 0px;
  --gap-price-to-sizes: 0px;
  --gap-title-to-price: 0px;
  --card-text-padding-top: 0px;
}

/* =======================
   0) ALWAYS SHOW SIZES ON DESKTOP
   (Theme may hide them when "On hover / focus")
   ======================= */
.card-product-content__hover-variants,
.card-product-content__hover-variants.card-product-variants{
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  pointer-events: auto !important;
  max-height: none !important;
  height: auto !important;
  display: flex !important;
}

/* If theme hides variants until hover using parent states */
.card-product:hover .card-product-content__hover-variants,
.card-product:focus-within .card-product-content__hover-variants{
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* =======================
   1) Card content spacing
   ======================= */
.card-product .card__content,
.card-product .card__content.card-content,
.card-product .card-product-content{
  padding-top: var(--card-text-padding-top);
}

.card-product-content__main .card-product-content__title{
  margin-bottom: var(--gap-title-to-price);
}

.card-product-content__price{
  margin-bottom: var(--gap-price-to-sizes);
}

.card-product-variants{
  margin-top: 0 !important;
}

/* =======================
   2) Variants container
   ======================= */
.card-product-variants{
  display: flex;
  flex-wrap: wrap;
  gap: var(--sz-gap);
  align-items: center;
}

/* =======================
   3) Base box styling
   ======================= */
.card-product-variants button,
.card-product-variants a,
.card-product-variants label,
.card-product-variants .variant,
.card-product-variants span{
  min-width: var(--sz-box-min);
  height: var(--sz-box-h);
  padding: 0 var(--sz-box-pad-x);

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border: 1px solid var(--sz-border);
  background: var(--sz-bg);
  color: var(--sz-text);

  font-size: var(--sz-font);
  letter-spacing: var(--sz-letter);
  text-transform: uppercase;
  line-height: 1;

  border-radius: var(--sz-radius);
  cursor: pointer;
  text-decoration: none;

  transition: border-color .18s ease, background-color .18s ease, color .18s ease, opacity .18s ease;
}

.card-product-variants button:hover,
.card-product-variants a:hover,
.card-product-variants label:hover{
  border-color: var(--sz-border-hover);
}

/* =======================
   4) Active/Selected
   ======================= */
.card-product-variants .is-active,
.card-product-variants .active,
.card-product-variants input:checked + label{
  background: var(--sz-active-bg) !important;
  color: var(--sz-active-text) !important;
  border-color: var(--sz-active-border) !important;
  opacity: 1 !important;
}

/* =======================
   5) OUT OF STOCK (WORKS FOR ALL THEMES)
   ======================= */

/* Case A: element itself is disabled */
.card-product-variants button:disabled,
.card-product-variants [disabled],
.card-product-variants [aria-disabled="true"]{
  opacity: var(--sz-oos-opacity) !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  position: relative;
}

/* Case B: theme uses classes */
.card-product-variants .is-disabled,
.card-product-variants .disabled,
.card-product-variants .is-unavailable,
.card-product-variants .unavailable,
.card-product-variants .soldout{
  opacity: var(--sz-oos-opacity) !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  position: relative;
}

/* Case C: common radio/label pattern */
.card-product-variants input:disabled + label{
  opacity: var(--sz-oos-opacity) !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  position: relative;
}

/* Optional Bydee diagonal strike */
.card-product-variants button:disabled::after,
.card-product-variants [disabled]::after,
.card-product-variants [aria-disabled="true"]::after,
.card-product-variants .is-disabled::after,
.card-product-variants .disabled::after,
.card-product-variants .is-unavailable::after,
.card-product-variants .unavailable::after,
.card-product-variants .soldout::after,
.card-product-variants input:disabled + label::after{
  content: "";
  position: absolute;
  width: 120%;
  height: 1px;
  background: var(--sz-oos-line);
  transform: rotate(-45deg);
}

/* =======================
   6) Clean up lists
   ======================= */
.card-product-variants ul,
.card-product-variants ol{
  list-style: none;
  padding: 0;
  margin: 0;
}

/* =======================
   7) Mobile fine-tuning
   ======================= */
@media (max-width: 768px){
  :root{
    --sz-box-min: 18.4px;
    --sz-box-h: 18.4px;
    --sz-font: 12.2px;
    --sz-gap: 10.5px;
    --sz-oos-opacity: .55;  /* أوضح على الموبايل */
  }
}



/* =========================================================
   PRODUCT CARD – FULL SPACING CONTROL SYSTEM
   Edit EVERYTHING from one place
   ========================================================= */

/* =======================
   🎛️ MAIN CONTROLS (EDIT HERE)
   ======================= */
:root{
  /* Image → Title */
  --gap-image-to-title: 1px;

  /* Title → Price */
  --gap-title-to-price: 6px;

  /* Price → Sizes */
  --gap-price-to-sizes: 1px;

  /* Space between size boxes */
  --gap-between-sizes: 20px;

  /* Extra space under sizes (bottom of card) */
  --gap-after-sizes: 8px;

  /* Whole text block padding top */
  --card-content-padding-top: 0px;
}

/* =======================
   🧩 APPLY THE SYSTEM
   ======================= */

/* Control padding under image */
.card-product .card__content,
.card-product .card-product-content{
  padding-top: var(--card-content-padding-top) !important;
}

/* Title spacing */
.card-product-content__title{
  margin-top: var(--gap-image-to-title) !important;
  margin-bottom: var(--gap-title-to-price) !important;
}

/* Price spacing */
.card-product-content__price{
  margin-top: 0 !important;
  margin-bottom: var(--gap-price-to-sizes) !important;
}

/* Sizes container */
.card-product-variants{
  display: flex !important;
  flex-wrap: wrap;
  gap: var(--gap-between-sizes) !important;
  margin-top: 0 !important;
  margin-bottom: var(--gap-after-sizes) !important;
}

/* Remove any hidden spacing from theme */
.card-product-content__main > *{
  line-height: 1.2;
}

/* =======================
   📱 MOBILE FINE TUNING
   ======================= */
@media (max-width: 768px){
  :root{
    --gap-image-to-title: -5px;
    --gap-title-to-price: -5px;
    --gap-price-to-sizes: -8px;
    --gap-between-sizes: 20px;
    --gap-after-sizes: 5px;
  }
}


/* ================================
   COLLECTION LIST – BYDEE STYLE
   Mobile + Desktop
   ================================ */

/* 1) شيل أي padding حوالين السكشن */
.featured-collection.collection {
  padding: 0 !important;
}

/* 2) السلايدر ياخد العرض كله */
.featured-collection .slider-component {
  overflow: hidden;
}

/* 3) العناصر تبقى لازقة في بعض */
.featured-collection .slider-component__grid {
  gap: 0 !important;
}

/* 4) كل Collection Item */
.featured-collection .slider-component__item {
  padding: 0 !important;
}

/* 5) كارد الكولكشن نفسه */
.featured-collection .card-collection {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 0;
  overflow: hidden;
}

/* 6) الصورة Full Cover */
.featured-collection .card-collection img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 7) منع أي خلفيات بيضا */
.featured-collection .card-collection__content {
  position: absolute;
  inset: 0;
  background: none !important;
  padding: 0 !important;
  display: flex;
  align-items: flex-start;
}

/* 8) عنوان الكولكشن فوق الصورة */
.featured-collection .card-collection__title {
  position: absolute;
  bottom: 24px;
  left: 24px;

  color: #fff;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0.3px;
  text-transform: capitalize;

  z-index: 2;
}

/* 9) Overlay خفيف للفخامة */
.featured-collection .card-collection::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.45),
    rgba(0,0,0,0)
  );
  z-index: 1;
}

/* ================================
   MOBILE TUNING
   ================================ */
@media (max-width: 768px) {

  .featured-collection .card-collection__title {
    font-size: 20px;
    bottom: 16px;
    left: 16px;
  }

  /* صورة طويلة زي المرجع */
  .featured-collection .card-collection {
    aspect-ratio: 3 / 4.6;
  }
}

/* ================================
   DESKTOP TUNING
   ================================ */
@media (min-width: 769px) {

  .featured-collection .card-collection {
    aspect-ratio: 3 / 4;
  }

  .featured-collection .card-collection__title {
    font-size: 26px;
  }
}
/* ===============================
   COLLECTION LIST ONLY – MOBILE STACK
   (This will affect ONLY the collection list section)
================================ */

@media (max-width: 768px){

  .collection-list-only .slider-component__grid{
    display: grid !important;
    grid-template-columns: 1fr !important; /* عمود واحد */
    gap: 16px !important;                 /* مسافة بين الكوليكشن */
  }

  .collection-list-only .slider-component__item{
    width: 100% !important;
    max-width: 100% !important;
  }

  /* لو السلايدر بيجبرها على سحب أفقي */
  .collection-list-only .slider-component__grid{
    overflow: visible !important;
    scroll-snap-type: none !important;
  }
}
.bydee-cl__grid{
  display:grid;
  gap:0;
}

.bydee-cl__item img{
  width:100%;
  display:block;
}

/* Desktop */
@media(min-width:768px){
  .bydee-cl__grid{
    grid-template-columns:repeat(4,1fr);
  }
}

/* Mobile */
@media(max-width:767px){
  .bydee-cl__grid{
    grid-template-columns:1fr;
  }
}
/* ======================================================
   FEATURED COLLECTION – DESKTOP ONLY (FINAL FIX)
   ====================================================== */
@media (min-width: 1024px) {

  /* === 1) 6 PRODUCTS + 2PX GAP (SLIDER GRID) === */
  .featured-collection .slider-component__grid {
    display: flex !important;
    gap: 2px !important;
  }

  .featured-collection .slider-component__item {
    flex: 0 0 calc((100% - (2px * 5)) / 6) !important;
    max-width: calc((100% - (2px * 5)) / 6) !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* === 2) CLEAN IMAGE SPACING === */
  .featured-collection .card-product,
  .featured-collection .card-product__media {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* === 3) FORCE INFO STACK ORDER === */
  .featured-collection .card__information,
  .featured-collection .card-product__info,
  .featured-collection .card__content {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  /* title */
  .featured-collection .card__heading {
    order: 1 !important;
  }

  /* price */
  .featured-collection .price {
    order: 2 !important;
    margin-bottom: -4px !important;
  }

  /* === 4) SIZES UNDER PRICE (DESKTOP ONLY) === */
  .featured-collection .variant-picker,
  .featured-collection .variant-picker__options,
  .featured-collection .card-product__sizes,
  .featured-collection .product-sizes {
    order: 3 !important;
    margin-top: 0 !important;
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

}
/* FEATURED COLLECTION – LEFT SPACE BEFORE FIRST PRODUCT (DESKTOP ONLY) */
@media (min-width: 1024px) {

  .featured-collection .slider-component__grid {
    padding-left: 170px !important; /* غيّر الرقم لو حابب */
  }

}
/* =====================================================
   COLLECTION PAGE – DESKTOP ONLY (FINAL & CORRECT)
   ===================================================== */
@media (min-width: 1024px) {

  /* 1️⃣ PAGE PADDING (LEFT + RIGHT = 300px) */
  body.template-collection .product-grid.padding--section {
    padding-left: 300px !important;
    padding-right: 300px !important;
  }

  /* 2️⃣ FORCE 5 PRODUCTS PER ROW */
  body.template-collection #ProductGrid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  /* Remove spacing from li */
  body.template-collection #ProductGrid > li {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* 3️⃣ STACK INFO VERTICALLY */
  body.template-collection .card__information,
  body.template-collection .card-product__info,
  body.template-collection .card__content {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  /* Title */
  body.template-collection .card__heading {
    order: 1 !important;
  }

  /* Price */
  body.template-collection .price {
    order: 2 !important;
    margin-bottom: 4px !important;
  }

  /* 4️⃣ SIZES UNDER PRICE */
  body.template-collection .variant-picker,
  body.template-collection .variant-picker__options,
  body.template-collection .card-product__sizes,
  body.template-collection .product-sizes {
    order: 3 !important;
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

}
/* ================================
   COLLECTION GRID – DESKTOP ONLY
   300px padding + 4 columns
   ================================ */
@media (min-width: 1024px){

  /* 1) Make the container full width so padding actually shows */
  #ProductGridContainer.product-grid__wrapper
  .product-grid__sidebar.container{
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 300px !important;
    padding-right: 300px !important;
  }

  /* 2) Force 4 products per row */
  #ProductGridContainer #ProductGrid{
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  #ProductGridContainer #ProductGrid > li{
    margin: 0 !important;
    padding: 0 !important;
  }

  /* 3) Sizes under price (desktop only) */
  #ProductGridContainer .card__information,
  #ProductGridContainer .card__content,
  #ProductGridContainer .card-product__info{
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  #ProductGridContainer .price{
    order: 2 !important;
    margin-bottom: 6px !important;
  }

  /* try all common “size blocks” names */
  #ProductGridContainer .variant-picker,
  #ProductGridContainer .variant-picker__options,
  #ProductGridContainer .card-product__sizes,
  #ProductGridContainer .product-sizes{
    order: 3 !important;
    width: 100% !important;
    justify-content: flex-start !important;
  }
}
@media (min-width: 1024px){

  /* FORCE 300px padding left/right on the real wrapper */
  #ProductGridContainer{
    padding-left: 300px !important;
    padding-right: 300px !important;
  }

  /* if your theme uses an inner container that keeps max-width */
  #ProductGridContainer .product-grid__container,
  #ProductGridContainer .product-grid__wrapper{
    max-width: 100% !important;
    width: 100% !important;
  }

}
@media (max-width: 768px){
  body{
    overflow-x:hidden;
  }
}
/* ===============================
   FEATURED COLLECTION – REAL FIX
   =============================== */

/* 1️⃣ نسيب السلايدر طبيعي */
.featured-collection .slider-component {
  padding: 0 !important;
}

/* 2️⃣ المسافة قبل أول منتج = container مش slider */

/* DESKTOP */
@media (min-width: 769px) {
  .featured-collection .slider-component-wrapper,
  .featured-collection .slider-component {
    margin-left: 150px;
  }

  .featured-collection .slider-component__grid {
    gap: 2px !important;
  }
}

/* MOBILE */
@media (max-width: 768px) {
  .featured-collection .slider-component-wrapper,
  .featured-collection .slider-component {
    margin-left: 11.5px;
  }

  .featured-collection .slider-component__grid {
    gap: 1px !important;
  }
}
/* ===============================
   PRODUCT BREADCRUMBS – CLEAN
   =============================== */

.breadcrumbs {
  margin-top: 2px;        /* مسافة من فوق */
  margin-bottom: 2px;     /* مسافة من تحت */
}

.breadcrumbs__list {
  gap: 6px;
}

/* النص الأساسي */
.breadcrumbs a,
.breadcrumbs span {
  font-size: 13px;        /* حجم خط أنيق */
  font-weight: 400;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 0.55); /* أسود هادي */
  text-decoration: none !important;
}

/* اسم المنتج (آخر عنصر) */
.breadcrumbs__list-item:last-child a {
  color: rgba(81, 31, 31, 0.85); /* أغمق شوية */
  font-weight: 500;
  text-decoration: none !important;
  border: none !important;
}

/* الفواصل / */
.breadcrumbs__separator {
  margin: 0 -2px;
  color: rgba(0, 0, 0, 0.35);
}

/* منع أي underline نهائي */
.breadcrumbs a::after {
  display: none !important;
}

/* تحريك يمين / شمال */
.breadcrumbs {
  padding-left: 4px;   /* زوّد لو عايز */
  padding-right: 4px;
}

/* موبايل – أصغر وأنعم */
@media (max-width: 768px) {
  .breadcrumbs {
    margin-top: -8px;
    margin-bottom: 10px;
  }

  .breadcrumbs a,
  .breadcrumbs span {
    font-size: 11px;
  }
}
/* FORCE REMOVE BREADCRUMBS UNDERLINE (theme uses background underline) */
.breadcrumbs a,
.breadcrumbs a span {
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
  background: none !important;
}

/* specifically kill the theme underline class */
.breadcrumbs .link-hover-underline,
.breadcrumbs .link-hover-underline span {
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
  background-size: 0 0 !important;
  background-position: 0 0 !important;
  background-repeat: no-repeat !important;
}

/* if underline is drawn with pseudo elements */
.breadcrumbs .link-hover-underline::before,
.breadcrumbs .link-hover-underline::after,
.breadcrumbs .link-hover-underline span::before,
.breadcrumbs .link-hover-underline span::after {
  content: none !important;
  display: none !important;
}
/* ============================= */
/* PRODUCT TITLE & PRICE CONTROL */
/* ============================= */

/* ===== GLOBAL VARIABLES ===== */
:root {
  /* DESKTOP */
  --title-wrapper-top-desktop: -1px;
  --title-margin-bottom-desktop: 6px;
  --price-margin-top-desktop: 11px;

  /* MOBILE */
  --title-wrapper-top-mobile: -4px;
  --title-margin-bottom-mobile: -8px;
  --price-margin-top-mobile: 12px;
}

/* ===== DESKTOP ===== */
.product-info__heading-wrapper {
  margin-top: var(--title-wrapper-top-desktop);
}

.product-info__heading {
  margin-top: 0 !important;
  margin-bottom: var(--title-margin-bottom-desktop) !important;
  line-height: 1.15;
}

.product-info__price,
.price {
  margin-top: var(--price-margin-top-desktop) !important;
}

/* ===== MOBILE ===== */
@media (max-width: 768px) {
  .product-info__heading-wrapper {
    margin-top: var(--title-wrapper-top-mobile);
  }

  .product-info__heading {
    margin-bottom: var(--title-margin-bottom-mobile) !important;
  }

  .product-info__price,
  .price {
    margin-top: var(--price-margin-top-mobile) !important;
  }
}
/* Move PRICE only – mobile & desktop */
.price {
  transform: translateY(-4.5px);
}
/* ======================================================= */
/* PART 1: SIZES ONLY (Clean White Boxes)                  */
/* ======================================================= */

/* 1. Reset Size Backgrounds */
.variant-picker__label--border {
    background: transparent !important;
    background-color: #FFF8F4 !important; /* Always White */
    box-shadow: none !important;
    color: #462828 !important;            /* Dark Text */
    border: 1px solid #C7BDB9 !important; /* Light Border */
    border-radius: 0px !important;        /* Sharp Edges */
    margin: 0 6px 10px 0 !important;
    
    /* Dimensions */
    min-width: 26.5px !important;            
    height: 26.5px !important;               
    padding: 0 8px !important;
    
    display: inline-flex !important;
    align-items: center;
    justify-content: center !important;
    font-size: 15.8px !important;
    font-weight: 400 !important;
    letter-spacing: 0.3px !important;
}

/* 2. Size Hover Effect */
.variant-picker__label--border:hover {
    border-color: #462828 !important;
}

/* 3. Size SELECTED State (White with Black Border) */
.variant-picker__radio:checked + .variant-picker__label--border {
    background-color: #FFF8F4 !important;  /* STAY WHITE */
    color: #462828 !important;             /* Black Text */
    border: 1px solid #462828 !important;  /* Black Border */
    font-weight: 600 !important;           /* Bold Text */
}
/* ======================================================= */
/* VESSITA - FORCE PRICE CENTER (Product Page ONLY)        */
/* ======================================================= */

/* استخدام body.template-product يضمن العمل فقط داخل صفحة المنتج */
body.template-product .price,
body.template-product .product__price,
body.template-product .price__container,
body.template-product .product-info__price {
    
    /* 1. التوسيط الإجباري */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
    
    /* 2. الإنزال للأسفل */
    margin-top: 25px !important; /* زوّد الرقم ده لو عايز تنزله أكتر */
    margin-bottom: 15px !important;
}

/* ضمان توسيط الأرقام والعملة داخل السعر نفسه */
body.template-product .price__regular,
body.template-product .price__sale,
body.template-product .price-item {
    text-align: center !important;
    display: inline-block !important;
}

/* =================================================
   FINAL CLEAN: 1 SQUARE LINE ONLY (برواز واحد فقط)
   ================================================= */

/* 1. تنظيف الحاوية الخارجية تماماً (إخفاء الخط الخارجي) */
.variant-picker__image-label {
    border: none !important;         /* إلغاء برواز الحاوية */
    outline: none !important;        /* إلغاء خطوط التحديد */
    background: transparent !important;
    padding: 0 !important;           /* إلغاء المسافات */
    margin: 4px !important;
    box-shadow: none !important;     /* إلغاء أي ظل */
}

/* 2. إلغاء أي تأثيرات إضافية من الثيم (Pseudo-elements) */
/* ده اللي غالباً بيعمل الخط التاني */
.variant-picker__image-label::before,
.variant-picker__image-label::after {
    display: none !important;
    content: none !important;
    border: none !important;
}

/* 3. تنسيق الصورة (المربع الوحيد اللي عايزينه) */
.variant-picker__image-label-image {
    width: 55px !important;
    height: 55px !important;
    border-radius: 0px !important;     /* مربع حاد */
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;    /* الصورة كاملة */
    background-color: #fff;
    
    /* ده الخط الوحيد (رمادي فاتح في العادي) */
    border: 1px solid #C7BDB9 !important; 
    
    /* التأكيد على عدم وجود ظل */
    box-shadow: none !important;       
}

/* 4. حالة الاختيار (Selected): تغيير لون الخط الوحيد لأسود */
.variant-picker__radio:checked + .variant-picker__image-label .variant-picker__image-label-image {
    border: 1px solid #462828 !important; /* الخط الرمادي يبقى أسود */
    box-shadow: none !important;          /* مفيش خطوط تانية */
    outline: none !important;
}

/* 5. إخفاء النص */
.variant-picker__image-label-text {
    display: none !important;
}
/* =================================================
   FINAL MASTER CODE: CENTERED, SQUARED & SPACED
   (توسيط كامل + مربعات + مسافات دقيقة)
   ================================================= */

/* 1. حاوية الأزرار (توسيط المحتوى) */
/* هذا الكود يجبر اللون والمقاس على التواجد في المنتصف */
.variant-picker fieldset,
.product-form__input,
.variant-picker__input {
    text-align: center !important;   /* توسيط */
    justify-content: center !important;
    display: block !important;       /* ضمان احترام التوسيط */
    padding: 0 !important;
    border: none !important;
}

/* 2. عنوان الاختيار (مثل كلمة Color: Blue) */
.form__label,
legend {
    text-align: center !important;
    width: 100% !important;
    display: block !important;
    margin-bottom: -1px !important;
}

/* 3. تنسيق "مربع الصورة" (Square Swatch) */
.variant-picker__image-label {
    display: inline-flex !important; /* يسمح بالتوسيط بجانب بعضهم */
    margin: 5px !important;          /* مسافات متساوية من كل الجهات */
    
    /* إلغاء أي تأثيرات خارجية */
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* 4. تنسيق الصورة داخل المربع */
.variant-picker__image-label-image {
    width: 55px !important;
    height: 55px !important;
    border-radius: 0px !important;      /* مربع حاد */
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
    background-color: #FFF8F4;
    border: 1px solid #e0e0e0 !important; /* برواز رفيع */
    box-shadow: none !important;
    transition: none !important;        /* منع الوميض */
}

/* 5. حالة الاختيار (Selected) */
.variant-picker__radio:checked + .variant-picker__image-label .variant-picker__image-label-image {
    border: 1px solid #462828 !important; /* برواز أسود */
}

/* 6. إخفاء العناصر الزائدة (النص، الخطوط المزدوجة) */
.variant-picker__image-label-text,
.variant-picker__image-label::before,
.variant-picker__image-label::after {
    display: none !important;
}

/* =================================================
   CONTROL SPACING (التحكم في المسافات)
   ================================================= */

/* 7. المسافة الخاصة بـ "اللون" (Color) */
/* استخدمنا nth-child(1) لأنه دائماً العنصر الأول */
.variant-picker > *:nth-child(1),
.product-form__controls-group > *:nth-child(1) {
    margin-top: -11px !important;
    margin-bottom: -2px !important;  /* <--- المسافة بين اللون والمقاس */
}

/* 8. المسافة الخاصة بـ "المقاس" (Size) */
/* استخدمنا nth-child(2) لأنه دائماً العنصر الثاني */
.variant-picker > *:nth-child(2),
.product-form__controls-group > *:nth-child(2) {
    margin-top: 0px !important;
    margin-bottom: -12px !important;  /* <--- المسافة بين المقاس وزر الشراء */
}

/* 9. المسافة الخاصة بـ "زر الشراء" */
.product-form,
.buy-buttons {
    margin-top: 16px !important;
    margin-bottom: -25px !important;
}
/* =================================================
   FINAL GRID: ZERO GAPS (صور متلاصقة بدون مسافات)
   ================================================= */

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

    /* 1. الحاوية (The Container) */
    .pdp__media .slider--generic,
    .media-gallery .slider,
    slideshow-component .slider {
        display: flex !important;
        flex-wrap: wrap !important;
        flex-direction: row !important;
        width: 100% !important;
        height: auto !important;
        transform: none !important;
        overflow: visible !important;
        
        /* إلغاء المسافات بين الأعمدة والصفوف */
        gap: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* 2. الصور (The Slides) */
    .pdp__media .slideshow__slide,
    .media-gallery .slideshow__slide,
    .slider__slide {
        width: 50% !important;
        max-width: 50% !important;
        flex: 0 0 50% !important;
        box-sizing: border-box !important;
        
        /* تصفير المسافات الداخلية والخارجية */
        padding: 0 !important;   /* كان 5px وخليناه 0 */
        margin: 0 !important;
        border: none !important; /* ضمان عدم وجود حدود */
        
        /* تثبيت التموضع */
        position: relative !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        
        opacity: 1 !important;
        visibility: visible !important;
        display: block !important;
    }

    /* 3. ملء الصورة للمساحة */
    .slideshow__slide img,
    .media-gallery__image {
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
        display: block !important;
    }

    /* 4. إخفاء الأزرار */
    .slider-buttons,
    .slideshow__pagination,
    .slider-button {
        display: none !important;
    }
}
/* =======================================================
   FIX: BYDEE MOBILE FOOTER (ARROW & SPACING)
   ======================================================= */

@media screen and (max-width: 900px) {

  /* 1. REMOVE THE GAP (Whitespace Fix) */
  /* Reduces the padding at the bottom of the main footer area */
  .vs-footer-wrapper, 
  #shopify-section-footer {
    padding-bottom: 0px !important;
  }

  /* Removes margins from the menu lists to pull everything up */
  .vs-col-menu, 
  .vs-block-menu {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Pulls the bottom bar (Copyright/Payments) up */
  .vs-bottom-bar {
    margin-top: 0 !important;
    padding-top: 30px !important;
    border-top: none !important; /* Removes double borders if any */
  }


  /* 2. REPLACE (+) WITH ARROW (Chevron Fix) */
  
  /* Ensure the header can position the arrow correctly */
  .vs-accordion-header, 
  .vs-menu-heading {
    position: relative !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    cursor: pointer !important;
  }

  /* The Code to Draw the Arrow */
  .vs-accordion-header::after,
  .vs-menu-heading::after {
    content: '' !important; /* Hides the plus sign text */
    display: block !important;
    width: 8px !important;  /* Width of arrow */
    height: 8px !important; /* Height of arrow */
    border: none !important; /* Removes any default border */
    
    /* Create the arrow shape using borders */
    border-right: 1.5px solid currentColor !important; 
    border-bottom: 1.5px solid currentColor !important;
    
    /* Rotate it 45 degrees to point DOWN */
    transform: rotate(45deg) !important;
    transition: transform 0.3s ease !important; /* Smooth animation */
    
    margin-right: 5px !important; /* Space from the right edge */
    margin-top: -4px !important; /* Center it vertically */
  }

  /* 3. ROTATE ARROW WHEN OPEN */
  /* When class 'is-active' is added, rotate arrow UP */
  .vs-col-menu.is-active .vs-accordion-header::after,
  .vs-block-menu.is-active .vs-menu-heading::after,
  .is-active .vs-heading::after {
    transform: rotate(225deg) !important; /* Rotates to point UP */
    margin-top: 2px !important; /* slight adjustment for perfect center */
  }
}
/* =======================================================
   FIX: CENTER LINKS & HEADERS (MOBILE ONLY)
   ======================================================= */

@media screen and (max-width: 900px) {

  /* 1. Center the Dropdown Links (The List Items) */
  .vs-menu-ul,
  .vs-menu-li,
  .vs-menu-a {
    text-align: center !important;
    align-items: center !important;
    display: block !important; /* Ensures text-align works */
    width: 100% !important;
  }

  /* 2. Center the Main Header Text (SUPPORT, etc.) */
  .vs-accordion-header, 
  .vs-menu-heading {
    justify-content: center !important; /* Centers the text */
    text-align: center !important;
    position: relative !important;      /* Needed to pin the arrow */
  }

  /* 3. Position the Arrow on the Far Right */
  /* This prevents the arrow from pushing the text off-center */
  .vs-accordion-header::after,
  .vs-menu-heading::after {
    position: absolute !important;
    right: 0px !important; /* Sticks arrow to the right edge */
    top: 50% !important;
    margin-top: -5px !important; /* Perfect vertical center */
    
    /* Arrow styling (Chevron) */
    content: '' !important;
    width: 8px !important;
    height: 8px !important;
    border: none !important;
    border-right: 1.5px solid currentColor !important;
    border-bottom: 1.5px solid currentColor !important;
    transform: rotate(45deg) !important;
    transition: transform 0.3s ease !important;
  }

  /* Rotate Arrow Up when Open */
  .vs-col-menu.is-active .vs-accordion-header::after,
  .vs-block-menu.is-active .vs-menu-heading::after {
    transform: rotate(225deg) !important;
    margin-top: -2px !important;
  }
}
/* =======================================================
   FINAL FOOTER POLISH: LINES, SPACING & REGION HIDE
   ======================================================= */

/* 1. Hide the very top border line of the footer section */
.vs-footer-wrapper, 
#shopify-section-footer {
  border-top: none !important;
}

/* 2. Reduce space between Instagram icon and First Support menu */
@media screen and (max-width: 900px) {
  .vs-socials {
    margin-bottom: 10px !important; /* Adjust this number to get the perfect gap */
  }
  
  .vs-col-newsletter, 
  .vs-block-newsletter {
    margin-bottom: 15px !important;
  }
}

/* 3. Remove the line under the very last menu item (Last Support) */
@media screen and (max-width: 900px) {
  .vs-col-menu:last-of-type, 
  .vs-block-menu:last-of-type {
    border-bottom: none !important;
  }
}

/* 4. Remove United Kingdom / USD / Localization info under payments */
.footer__localization,
.vs-bottom-bar select,
.vs-bottom-bar .localization-form,
#FooterCountryForm,
#FooterLanguageForm {
  display: none !important;
}

/* Safety check for theme-specific region selectors */
[data-localization-form],
.shopify-payment-button__more-options {
  display: none !important;
}
/* Swym Header Icon Styling */
a.swym-wishlist {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px; /* Space between heart and cart */
  color: inherit;     /* Uses header text color */
  text-decoration: none;
}

a.swym-wishlist svg {
  width: 22px;        /* Icon size */
  height: 22px;
}

/* Optional: Red dot when item added */
a.swym-wishlist.swym-has-items::after {
  content: '';
  position: absolute;
  top: 10px;
  right: 5px;
  width: 8px;
  height: 8px;
  background-color: red;
  border-radius: 50%;
}
/* CORRECTED: Force Heading Font on Desktop & Mobile Menu */
.header__menu-item, 
.header__menu-item span, 
.list-menu__item, 
.header__active-menu-item, 
.header__heading-link,
.header__megamenu-item,
.header__inline-menu details summary, 
.header__inline-menu > ul > li > a {
    font-family: var(--font-heading-family) !important;
    font-style: var(--font-heading-style) !important;
    font-weight: var(--font-heading-weight) !important;
    text-transform: var(--font-heading-letter-casing) !important;
    letter-spacing: var(--font-heading-letter-spacing) !important;
}
/* =====================================================
   VESSITA MONOLITH FOOTER
   CENTERED BUT SLIGHTLY LEFT – APERCU ONLY
===================================================== */

/* Footer titles */
.vessita-footer .vf-heading {
  font-family: 'Apercu', sans-serif;
}

/* Text & links under titles */
.vessita-footer .vf-menu,
.vessita-footer .vf-menu-item,
.vessita-footer .vf-link {
  font-family: 'Apercu', sans-serif;
}

/* MOBILE ADJUSTMENT */
@media screen and (max-width: 768px) {

  /* Center menu container */
  .vessita-footer .vf-menu {
    text-align: center;
  }

  /* Links: centered but nudged left */
  .vessita-footer .vf-link {
    display: inline-block;
    text-align: center;

    /* 👇 السحر هنا */
    transform: translateX(-6px);

    text-transform: uppercase;
    letter-spacing: 0.16em;
    font-size: 11px;
    line-height: 1.9;
    opacity: 0.85;
  }

}
}
/* 1. تعريف الخط (تأكد من الرابط) */
@font-face {
  font-family: "Apercu Pro Medium";
  src: url("حط_رابط_الملف_هنا_تاني") format("opentype");
  font-weight: 500;
  font-display: swap;
}

/* 2. استهداف جدول المقاسات بالتحديد */
/* بنقول للموقع: أي زرار أو رابط يحتوي على كلمة size في الكلاس أو الرابط بتاعه */
a[href*="size"], 
a[class*="size-guide"],
button[aria-label*="Size"],
.product-popup-modal__button[aria-label*="Size"],
.size-chart-trigger {
  font-family: "Apercu Pro Medium", sans-serif !important;
  font-size: 13px !important;
  text-transform: uppercase !important; /* حروف كبيرة زي ما بتحب */
  letter-spacing: 2px !important;       /* مسافات واسعة */
  color: #3d211e !important;            /* لون البراند */
  text-decoration: underline !important; /* عشان نضمن إن الخط اللي تحته يفضل موجود */
  text-underline-offset: 3px !important; /* يبعد الخط شوية عن الكلام للشياكة */
}

/* 3. تعديل الأيقونة (المسطرة) لو عايزها تكون محاذية للكلام */
a[href*="size"] svg, 
button[aria-label*="Size"] svg {
  vertical-align: middle !important;
  margin-right: 5px !important;
}
/* 1. تعريف الخط */
@font-face {
  font-family: "New Title Font";
  src: url("PASTE_YOUR_LINK_HERE") format("opentype");
  font-weight: normal; 
  font-style: normal;
  font-display: swap;
}

/* 1. هنستخدم الملف العادي (Regular) */
@font-face {
  font-family: "Apercu Regular";
  src: url("PASTE_REGULAR_FILE_URL_HERE") format("woff2"); /* تأكد إنه رابط الـ Regular */
  font-weight: normal;
  font-display: swap;
}

/* 2. التطبيق: إضافة سمك بسيط (Stroke) للخط */
[class*="product"] h1, 
.product__title, 
.product-title,
.h1.product__title,
.price__item, .price-item, .product__price {
  font-family: "Apercu Regular", sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 2.8px !important;
  font-style: italic !important;
  font-weight: normal !important;
  
  color: #462828 !important;

  /* السحر هنا: بنضيف سمك 0.3 بكسل عشان يتقل شوية */
  -webkit-text-stroke: 0.5px #462828 !important; 
}
/* SAFE MOBILE SCROLL FIX – Savoir Compatible */
@media (max-width: 768px){
  body{
    overflow-x: hidden;
  }

  header,
  .header,
  header-menu{
    position: sticky;
    top: 0;
    z-index: 100;
  }
}
/* =====================================================
   FORCE FONT FOR:
   "Color: Green" + "Size: S"
   FINAL STRONG FIX
   ===================================================== */

/* النص نفسه (Color: / Size:) */
.product-form legend,
.product-form legend span,
.product-form__input legend,
.product-form__input legend span,
.variant-picker legend,
.variant-picker legend span {
  font-family: 'Apercu Pro Medium', 'Apercu', sans-serif !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  letter-spacing: 0.3px !important;
  color: #462828 !important;
  text-transform: none !important;
}

/* موبايل */
@media (max-width: 768px) {
  .product-form legend,
  .product-form legend span,
  .product-form__input legend,
  .product-form__input legend span,
  .variant-picker legend,
  .variant-picker legend span {
    font-size: 15px !important;
  }
}
/* =====================================================
   PRODUCT VARIANT LABELS (Color / Size) – APERCU FIX
   Safe • Isolated • No layout breaking
===================================================== */

/* Color: Green / Size: S */
.variant-picker__legend,
.variant-picker__legend span,
.product-form__input .form__label,
.product-form__input label,
.variant-picker legend,
.variant-picker label {
  font-family: 'Apercu Pro Medium', 'Apercu', sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.4px !important;
  text-transform: capitalize;
  color: #462828;
}

/* The value itself (Green / S) */
.variant-picker__legend strong,
.variant-picker__legend b,
.variant-picker__legend em,
.variant-picker__legend-value {
  font-family: 'Apercu Pro Medium', 'Apercu', sans-serif !important;
  font-weight: 500 !important;
}

/* =====================================================
   SIZE GUIDE LINK (Button / Text next to ruler icon)
===================================================== */

a[href*="size"],
a[class*="size"],
.size-guide,
.size-guide-link,
.size-chart,
.size-chart-link,
.product-popup-modal__button,
summary.product-popup-modal__button {
  font-family: 'Apercu Pro Medium', 'Apercu', sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.6px !important;
  text-transform: uppercase;
  color: #462828 !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Icon alignment (ruler icon) */
.size-guide svg,
.size-chart svg,
.product-popup-modal__button svg {
  vertical-align: middle;
  margin-right: 6px;
}
<style>
  /* 1. تعريف الخط */
  @font-face {
    font-family: "Apercu Pro Medium";
    src: url("PASTE_YOUR_LINK_HERE") format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }

  /* 2. استهداف الجدول بالكامل */
  .product-info table,
  .pdp_content-wrapper table,
  table {
    font-family: "Apercu Pro Medium", sans-serif !important;
    width: 100% !important;
  }

  /* 3. الحل لمشكلة Hip: استهداف كل الخلايا + كل العناصر اللي جواها */
  .product-info th, .product-info td,
  .product-info th *, .product-info td *, /* السطر ده هو السر */
  table th, table td,
  table th *, table td * {
    font-family: "Apercu Pro Medium", sans-serif !important;
    font-size: 13px !important;
    letter-spacing: 0.5px !important;
    
    /* إجبار الوزن 600 عشان يظهر Bold للكل */
    font-weight: 600 !important; 
    
    color: #462828 !important;
  }

  /* 4. تنسيق العناوين الكبيرة */
  .product-info h3, .vts-sc-heading {
    font-family: "Apercu Pro Medium", sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-weight: 600 !important;
  }
</style>
@media screen and (min-width: 769px) {
  .hide-desktop-hotspot {
    display: none !important;
  }
}
/* منع تحريك/هز الصفحة يمين-شمال على الموبايل */
@media (max-width: 989px){
  html, body{
    width: 100%;
    overflow-x: hidden !important;
    overscroll-behavior-x: none;
    touch-action: pan-y;
  }
}
/* REMOVE underline in header/menu links (ex: PLUS SIZE) */
.header a,
.header__menu-item,
.header__menu-item span,
.list-menu__item,
.list-menu__item a,
.header__inline-menu a,
.header__megamenu-item,
.mega-menu a{
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
  background-size: 0 0 !important;
}

/* If underline is drawn with pseudo elements */
.header a::before,
.header a::after,
.header__menu-item::before,
.header__menu-item::after,
.list-menu__item a::before,
.list-menu__item a::after,
.mega-menu a::before,
.mega-menu a::after{
  content: none !important;
  display: none !important;
}
/* REMOVE underline for size chart link */
a[href*="size"],
a[class*="size"],
.size-guide,
.size-guide-link,
.size-chart,
.size-chart-link,
.product-popup-modal__button,
summary.product-popup-modal__button{
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}
a[href*="size"]::before,
a[href*="size"]::after,
.size-guide::before,
.size-guide::after,
.size-chart::before,
.size-chart::after,
.product-popup-modal__button::before,
.product-popup-modal__button::after{
  content: none !important;
  display: none !important;
}
/* Header wishlist heart = thinner (≈30% less) */
#header-menu a.swym-wishlist svg,
#header-menu a.swym-wishlist .swym-icon {
  width: 22.6px;
  height: 22.6px;
}

#header-menu a.swym-wishlist svg path,
#header-menu a.swym-wishlist svg * {
  stroke-width: 1.7 !important;  /* كان 1.75 -> قللناه ~30% */
}
/* Wishlist icon — move RIGHT (mobile + desktop) */
#header-menu a.swym-wishlist{
  display: inline-flex;
  align-items: center;
}

/* ✅ Mobile */
@media (max-width: 768px){
  #header-menu a.swym-wishlist{
    margin-left: 5.5px !important;  /* زوّد/قلّل حسب ما تحب */
    margin-right: 5px !important;
  }
}

/* ✅ Desktop */
@media (min-width: 769px){
  #header-menu a.swym-wishlist{
    margin-left: 12px !important; /* زوّد/قلّل حسب ما تحب */
    margin-right: 5px !important;
  }
}
@font-face{
  font-family: "Apercu Header";
  src: url("{{ 'FontsFree-Net-ApercuRegular.ttf' | asset_url }}") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

#header-menu,
#header-menu *,
.header,
.header *,
.site-header,
.site-header *{
  font-family: "Apercu Header" !important;
  font-weight: 400 !important;
}
/* ================================================= */
/* 📱 MOBILE ALIGNMENT: FORCE LEFT (FINAL FIX)       */
/* ================================================= */

@media screen and (max-width: 768px) {

  /* ------------------------------------------------ */
  /* 1️⃣ SWIMLEST (العنصر الثاني) */
  /* ------------------------------------------------ */
  
  /* 1. تحريك الحاوية لليسار */
  .vessita-footer .vf-grid > .vf-block:nth-child(2) .vf-accordion-trigger {
    justify-content: flex-start !important; /* ابدأ من اليسار */
    padding-left: 143px !important;           /* مسافة من الحافة (ممكن تخليها 15px لو لزقت أوي) */
  }

  /* 2. إجبار النص نفسه يروح يسار (ده اللي كان ناقص) */
  .vessita-footer .vf-grid > .vf-block:nth-child(2) .vf-heading {
    text-align: left !important;
    flex-grow: 0 !important;  /* يمنع النص إنه ياخد العرض كله */
    margin-right: auto !important; /* يزق نفسه لليسار */
  }

  /* 3. تثبيت السهم في اليمين */
  .vessita-footer .vf-grid > .vf-block:nth-child(2) .vf-accordion-icon {
    right: 0 !important;
    left: auto !important;
    position: absolute !important; /* يضمن إنه يفضل ثابت في مكانه */
  }


  /* ------------------------------------------------ */
  /* 2️⃣ SUPPORT (العنصر الثالث) */
  /* ------------------------------------------------ */
  
  /* 1. تحريك الحاوية لليسار */
  .vessita-footer .vf-grid > .vf-block:nth-child(3) .vf-accordion-trigger {
    justify-content: flex-start !important;
    padding-left: 143px !important;
  }

  /* 2. إجبار النص نفسه يروح يسار */
  .vessita-footer .vf-grid > .vf-block:nth-child(3) .vf-heading {
    text-align: left !important;
    flex-grow: 0 !important;
    margin-right: auto !important;
  }

  /* 3. تثبيت السهم في اليمين */
  .vessita-footer .vf-grid > .vf-block:nth-child(3) .vf-accordion-icon {
    right: 0 !important;
    left: auto !important;
    position: absolute !important;
  }

}
/* =========================================================
   NEW DESKTOP ARROWS (Featured Collection)
   - Desktop ONLY
   - Does NOT change sizes/layout
   ========================================================= */

@media (min-width: 769px){

  .featured-collection{ position: relative !important; }

  .vs-fc-arrows{
    position: absolute !important;
    inset: 0 !important;
    z-index: 999 !important;
    pointer-events: none !important;
  }

  .vs-fc-arrow{
    pointer-events: auto !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    width: 36px !important;
    height: 36px !important;

    border-radius: 999px !important;
    border: 1px solid rgba(0,0,0,.18) !important;
    background: rgba(255, 248, 244, .78) !important;
    backdrop-filter: blur(6px) !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.12) !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    cursor: pointer !important;
    user-select: none !important;
  }

  .vs-fc-arrow--prev{ left: 10px !important; }
  .vs-fc-arrow--next{ right: 10px !important; }

  .vs-fc-arrow::before{
    content: "" !important;
    width: 9px !important;
    height: 9px !important;
    border-right: 3px solid rgba(70, 40, 40, .75) !important;
    border-bottom: 3px solid rgba(70, 40, 40, .75) !important;
    display: block !important;
  }

  .vs-fc-arrow--prev::before{ transform: rotate(135deg) !important; }
  .vs-fc-arrow--next::before{ transform: rotate(-45deg) !important; }

  .vs-fc-arrows[hidden]{ display: none !important; }
  .vs-fc-arrow[disabled]{ opacity: .35 !important; cursor: not-allowed !important; }
}

/* ✅ Desktop-only hard kill on mobile (extra safety) */
@media (max-width: 768px){
  .vs-fc-arrows{ display: none !important; }
}
/* =========================================================
   SOLD OUT BADGE + FULL CARD FADE (Out of stock only)
   - Full control via :root variables
   - Uses Divulge W00 Regular font
   ========================================================= */

/* =======================
   0) CONTROLS (غير كل الأرقام من هنا)
   ======================= */
:root{
  /* Fade */
  --vs-oos-card-opacity: .6;      /* 👈 فلتر/فيديو/كل الكارد */
  --vs-oos-media-opacity: 1;      /* 👈 خليها 1 لو عايز fade على الكارد بس */

  /* Badge colors */
  --vs-badge-bg: #462828;
  --vs-badge-text: #ffffff;

  /* Badge position */
  --vs-badge-top: 0px;
  --vs-badge-left: 0px;

  /* Badge size */
  --vs-badge-pad-y: 7px;
  --vs-badge-pad-x: 12px;
  --vs-badge-font-size: 10px;
  --vs-badge-letter-space: .12em;
  --vs-badge-z: 30;

  /* Badge shape */
  --vs-badge-radius: 0px;

  /* Badge text */
  --vs-badge-text-transform: uppercase; /* uppercase / none */
}

/* =======================
   1) FONT (Divulge W00 Regular)
   - If your theme file is theme.css (NOT liquid), use /assets/
   ======================= */
@font-face{
  font-family: "DivulgeW00";
  src: url("/assets/Divulge%20W00%20Regular.ttf") format("truetype");
  font-display: swap;
}

/* (اختياري) لو اسم الملف عندك مختلف، غيّره هنا بس */

/* =======================
   2) SOLD-OUT DETECTION (covers most themes)
   ======================= */
.card-product.card-product--sold-out,
.card-product.card-product--unavailable,
.card-product.is-sold-out,
.card-product.soldout,
.card-product.sold-out,
.card-product.unavailable,
.card-product:has(.badge--sold-out),
.card-product:has(.badge.sold-out),
.card-product:has(.badge.soldout),
.card-product:has([class*="sold-out"]),
.card-product:has([class*="soldout"]),
.card-product:has([aria-label*="Sold out"]),
.card-product:has([aria-label*="sold out"]),
.card-product:has([data-sold-out]),
.card-product:has([data-available="false"]) {}

/* =======================
   3) FADE WHOLE CARD (0.6) — زي ما طلبت
   ======================= */
.card-product.card-product--sold-out,
.card-product.card-product--unavailable,
.card-product.is-sold-out,
.card-product.soldout,
.card-product.sold-out,
.card-product.unavailable,
.card-product:has(.badge--sold-out),
.card-product:has(.badge.sold-out),
.card-product:has(.badge.soldout),
.card-product:has([class*="sold-out"]),
.card-product:has([class*="soldout"]),
.card-product:has([aria-label*="Sold out"]),
.card-product:has([aria-label*="sold out"]),
.card-product:has([data-sold-out]),
.card-product:has([data-available="false"]) {
  opacity: var(--vs-oos-card-opacity) !important;
}

/* لو عايز الصورة بس (مش الكارد كله) — سيب ده 1 وخلي اللي فوق .6
.card-product... .card__media-wrapper { opacity: var(--vs-oos-media-opacity) !important; }
*/

/* =======================
   4) Make media wrapper a positioning context
   ======================= */
.card-product .card__media-wrapper{
  position: relative !important;
}

/* =======================
   5) SOLD OUT BADGE (Top-left EDGE)
   ======================= */
.card-product.card-product--sold-out .card__media-wrapper::before,
.card-product.card-product--unavailable .card__media-wrapper::before,
.card-product.is-sold-out .card__media-wrapper::before,
.card-product.soldout .card__media-wrapper::before,
.card-product.sold-out .card__media-wrapper::before,
.card-product.unavailable .card__media-wrapper::before,
.card-product:has(.badge--sold-out) .card__media-wrapper::before,
.card-product:has(.badge.sold-out) .card__media-wrapper::before,
.card-product:has(.badge.soldout) .card__media-wrapper::before,
.card-product:has([class*="sold-out"]) .card__media-wrapper::before,
.card-product:has([class*="soldout"]) .card__media-wrapper::before,
.card-product:has([aria-label*="Sold out"]) .card__media-wrapper::before,
.card-product:has([aria-label*="sold out"]) .card__media-wrapper::before,
.card-product:has([data-sold-out]) .card__media-wrapper::before,
.card-product:has([data-available="false"]) .card__media-wrapper::before{
  content: "SOLD OUT";
  position: absolute !important;
  top: var(--vs-badge-top) !important;
  left: var(--vs-badge-left) !important;
  z-index: var(--vs-badge-z) !important;

  background: var(--vs-badge-bg) !important;
  color: var(--vs-badge-text) !important;

  font-family: "DivulgeW00", system-ui, -apple-system, "Segoe UI", Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: var(--vs-badge-font-size) !important;
  letter-spacing: var(--vs-badge-letter-space) !important;
  text-transform: var(--vs-badge-text-transform) !important;

  padding: var(--vs-badge-pad-y) var(--vs-badge-pad-x) !important;
  line-height: 1 !important;

  border-radius: var(--vs-badge-radius) !important;
  box-shadow: none !important;
  margin: 0 !important;
}

/* =======================
   6) OPTIONAL: hide any old badge to avoid double badges
   ======================= */
/*
.card-product:has(.badge--sold-out) .badge,
.card-product:has(.badge.soldout) .badge,
.card-product:has(.badge.sold-out) .badge{
  display:none !important;
}
*/