/** Shopify CDN: Minification failed

Line 8609:0 All "@import" rules must come first

**/

@charset "UTF-8";
/* ============== CORE ============== */
/* ============== ABSTRACTS ============== */
[xo-pfs] {
  --pfs-min: 10; /* default */
  --pfs-max: 60; /* default */
  --min-viewport: 40; /* default */
  --max-viewport: 120; /* default */
  /* calculator */
  --m: (var(--pfs-max) - var(--pfs-min)) /
    (var(--max-viewport) - var(--min-viewport));
  --size: clamp(
    calc(var(--pfs-min) * 1rem),
    calc(
      var(--m) * 100vw + var(--pfs-min) * 1rem - var(--m) * var(--min-viewport) *
        1rem
    ),
    calc(var(--pfs-max) * 1rem)
  );
}

/* ============== BASE ============== */
/* color-1 là 1 color scheme */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

::-moz-selection {
  background: color-mix(in srgb, rgba(var(--color-foreground)) calc(0.2 * 100%), transparent);
}

::selection {
  background: color-mix(in srgb, rgba(var(--color-foreground)) calc(0.2 * 100%), transparent);
}

html {
  font-size: 62.5%;
}

body {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight-bold);
  font-size: var(--font-body-mobile-size, 1.5rem);
  line-height: var(--font-body-line-height, calc(1 + 0.8 / var(--font-body-scale)));
  letter-spacing: 0;
  background: color-mix(in srgb, rgba(var(--color-background)) calc(1 * 100%), transparent);
  background: color-mix(in srgb, rgba(var(--color-gradient-background)) calc(1 * 100%), transparent);
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(0.75 * 100%), transparent);
}

html, body {
  height: auto !important;
}

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

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

.xo-fix-mt-collapse:before {
  content: "";
  display: block;
  overflow: auto;
}

.xo-reset {
  all: revert;
  box-sizing: border-box;
  font-family: var(--font-body-family);
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(0.75 * 100%), transparent);
  line-height: calc(1 + 0.8 / var(--font-body-scale));
}

.xo-link {
  color: inherit;
  text-decoration: none;
}

:root {
  --in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
  --in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
  --in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  --out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  --in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
  --out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
  --in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
  --in-sine: cubic-bezier(0.47, 0, 0.745, 0.715);
  --out-sine: cubic-bezier(0.39, 0.575, 0.565, 1);
  --in-out-sine: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  --out-soft: cubic-bezier(0, 0, 0.3, 1);
  --spring: cubic-bezier(.27,.79,.45,1.24);
}

#xo-root {
  overflow: hidden;
  overflow: clip;
  display: flow-root;
  padding-left: var(--page-side-margin-mobile, var(--page-side-margin, 0));
  padding-right: var(--page-side-margin-mobile, var(--page-side-margin, 0));
}
@media (min-width: 768px) {
  #xo-root {
    padding-left: var(--page-side-margin, 0);
    padding-right: var(--page-side-margin, 0);
  }
}

xo-container {
  display: block;
  max-width: var(--xo-container-width, 1400px);
  margin: auto;
  padding-left: var(--xo-container-gap, 20px);
  padding-right: var(--xo-container-gap, 20px);
}
xo-container[xo-fluid]:not([xo-fluid=false]) {
  max-width: 100%;
}

.section + .section {
  margin-top: var(--spacing-sections-mobile);
}
@media (min-width: 768px) {
  .section + .section {
    margin-top: var(--spacing-sections-desktop);
  }
}

.shopify-section > div,
.shopify-section > section {
  margin-bottom: var(--spacing-sections);
}

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

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

img {
  max-width: 100%;
  height: auto;
  border: 0;
  vertical-align: top;
}

img:not([src]) {
  display: block;
  opacity: 0;
}

/* Fixes Firefox anomaly during image load */
@-moz-document url-prefix() {
  img:-moz-loading {
    visibility: hidden;
  }
}
:where(p) {
  margin: 0;
}

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

.xo-skip-to-content {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 1rem 1.5rem;
  background: color-mix(in srgb, rgba(var(--color-accent-1)) calc(1 * 100%), transparent);
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(0.75 * 100%), transparent);
  font-size: 1.6rem;
}
.xo-skip-to-content:focus {
  z-index: 9999;
  position: inherit;
  overflow: auto;
  width: auto;
  height: auto;
  clip: auto;
}

.xo-scrollbar {
  --width: 10px;
  --scrollbar-track-color: transparent;
  --scrollbar-thumb-color: color(foreground, 0.2) ;
  --scrollbar-thumb-color-hover: color(foreground, 0.4);
  --scrollbar-thumb-padding: 2px;
  --scrollbar-radius: 5px;
  overflow-x: hidden;
  overflow-y: auto;
}

@-moz-document url-prefix() {
  .xo-scrollbar {
    scrollbar-color: color-mix(in srgb, rgba(var(--color-foreground)) calc(0.4 * 100%), transparent) color-mix(in srgb, rgba(var(--color-foreground)) calc(0.4 * 100%), transparent);
    scrollbar-width: thin;
  }
}
/* width */
.xo-scrollbar::-webkit-scrollbar {
  width: var(--width);
}

/* Track */
.xo-scrollbar::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track-color);
  border-radius: var(--scrollbar-radius);
}

/* Handle */
.xo-scrollbar::-webkit-scrollbar-thumb {
  background-color: transparent;
  border: var(--scrollbar-thumb-padding) solid transparent;
  border-radius: var(--scrollbar-radius);
  background-clip: padding-box;
  background-color: var(--scrollbar-thumb-color);
}

/* Handle on hover */
.xo-scrollbar:hover::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb-color-hover);
}

.xo-embed-responsive {
  --aspect-ratio: 16 / 9;
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.xo-embed-responsive:before {
  content: "";
  display: block;
  padding-top: calc(1 / (var(--aspect-ratio)) * 100%);
}
.xo-embed-responsive iframe,
.xo-embed-responsive video,
.xo-embed-responsive .xo-embed-responsive__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.xo-pfs {
  --min-size: 10; /* default */
  --max-size: 60; /* default */
  --min-viewport: 100; /* default */
  --max-viewport: 1200; /* default */
  /* calculator */
  --m: (var(--max-size) - var(--min-size)) /
    (var(--max-viewport) - var(--min-viewport));
  --b: var(--min-size) - var(--m);
  --size: clamp(
    calc(var(--min-size) * 1px),
    calc(
      var(--m) * 100vw + var(--min-size) * 1px - var(--m) * var(--min-viewport) *
        1px
    ),
    calc(var(--max-size) * 1px)
  );
}

[xo-hide]:not([xo-hide=false]), .xo-hidden {
  display: none !important;
}

[xo-show]:not([xo-show=false]), .xo-visible {
  display: block !important;
}

/* ============== LAYOUT ============== */
:root {
  --xo-container-width: var(--page-width, 1400px);
  --xo-container-gap: var(--page-gap, 20px);
  --xo-grid-col-gap: var(--grid-mobile-horizontal-spacing, 30px);
  --xo-grid-row-gap: var(--grid-mobile-vertical-spacing, 30px);
}
@media (min-width: 576px) {
  :root {
    --xo-grid-col-gap: var(--grid-desktop-horizontal-spacing, 15px);
    --xo-grid-row-gap: var(--grid-desktop-vertical-spacing, 15px);
  }
}

/* ============== HELPERS ============== */
xo-grid {
  display: grid;
  align-items: var(--align, normal);
  column-gap: var(--xo-grid-col-gap, 30px);
  row-gap: var(--xo-grid-row-gap, 30px);
  --xs: initial;
  --sm: initial;
  --md: initial;
  --lg: initial;
  --xl: initial;
}

xo-grid[style*="--col-width"] {
  grid-template-columns: repeat(auto-fill, minmax(min(var(--col-width, 0), 100%), 1fr));
}
xo-grid:not([style*="--col-width"]) {
  grid-template-columns: repeat(12, 1fr);
}
xo-grid:not([style*="--col-width"])[style*="--xs"], xo-grid:not([style*="--col-width"]) [style*="--sm"], xo-grid:not([style*="--col-width"]) [style*="--md"], xo-grid:not([style*="--col-width"]) [style*="--lg"], xo-grid:not([style*="--col-width"]) [style*="--xl"], xo-grid:not([style*="--col-width"]) [style*="--xxl"] {
  grid-template-columns: repeat(var(--xs, var(--sm, var(--md, var(--lg, var(--xl, var(--xxl)))))), 1fr);
}
@media (min-width: 576px) {
  xo-grid:not([style*="--col-width"])[style*="--xs"], xo-grid:not([style*="--col-width"]) [style*="--sm"], xo-grid:not([style*="--col-width"]) [style*="--md"], xo-grid:not([style*="--col-width"]) [style*="--lg"], xo-grid:not([style*="--col-width"]) [style*="--xl"], xo-grid:not([style*="--col-width"]) [style*="--xxl"] {
    grid-template-columns: repeat(var(--sm, var(--xs, var(--md, var(--lg, var(--xl, var(--xxl)))))), 1fr);
  }
}
@media (min-width: 768px) {
  xo-grid:not([style*="--col-width"])[style*="--xs"], xo-grid:not([style*="--col-width"]) [style*="--sm"], xo-grid:not([style*="--col-width"]) [style*="--md"], xo-grid:not([style*="--col-width"]) [style*="--lg"], xo-grid:not([style*="--col-width"]) [style*="--xl"], xo-grid:not([style*="--col-width"]) [style*="--xxl"] {
    grid-template-columns: repeat(var(--md, var(--sm, var(--xs, var(--lg, var(--xl, var(--xxl)))))), 1fr);
  }
}
@media (min-width: 992px) {
  xo-grid:not([style*="--col-width"])[style*="--xs"], xo-grid:not([style*="--col-width"]) [style*="--sm"], xo-grid:not([style*="--col-width"]) [style*="--md"], xo-grid:not([style*="--col-width"]) [style*="--lg"], xo-grid:not([style*="--col-width"]) [style*="--xl"], xo-grid:not([style*="--col-width"]) [style*="--xxl"] {
    grid-template-columns: repeat(var(--lg, var(--md, var(--sm, var(--xs, var(--xl, var(--xxl)))))), 1fr);
  }
}
@media (min-width: 1200px) {
  xo-grid:not([style*="--col-width"])[style*="--xs"], xo-grid:not([style*="--col-width"]) [style*="--sm"], xo-grid:not([style*="--col-width"]) [style*="--md"], xo-grid:not([style*="--col-width"]) [style*="--lg"], xo-grid:not([style*="--col-width"]) [style*="--xl"], xo-grid:not([style*="--col-width"]) [style*="--xxl"] {
    grid-template-columns: repeat(var(--xl, var(--lg, var(--md, var(--sm, var(--xs, var(--xxl)))))), 1fr);
  }
}
@media (min-width: 1400px) {
  xo-grid:not([style*="--col-width"])[style*="--xs"], xo-grid:not([style*="--col-width"]) [style*="--sm"], xo-grid:not([style*="--col-width"]) [style*="--md"], xo-grid:not([style*="--col-width"]) [style*="--lg"], xo-grid:not([style*="--col-width"]) [style*="--xl"], xo-grid:not([style*="--col-width"]) [style*="--xxl"] {
    grid-template-columns: repeat(var(--xxl, var(--xl, var(--lg, var(--md, var(--sm, var(--xs)))))), 1fr);
  }
}
xo-grid:not([style*="--col-width"]):not([style*="--xs"], [style*="--sm"], [style*="--md"], [style*="--lg"], [style*="--xl"], [style*="--xxl"]) > * {
  grid-column-end: span var(--xs, var(--sm, var(--md, var(--lg, var(--xl, var(--xxl))))));
}
@media (min-width: 576px) {
  xo-grid:not([style*="--col-width"]):not([style*="--xs"], [style*="--sm"], [style*="--md"], [style*="--lg"], [style*="--xl"], [style*="--xxl"]) > * {
    grid-column-end: span var(--sm, var(--xs, var(--md, var(--lg, var(--xl, var(--xxl))))));
  }
}
@media (min-width: 768px) {
  xo-grid:not([style*="--col-width"]):not([style*="--xs"], [style*="--sm"], [style*="--md"], [style*="--lg"], [style*="--xl"], [style*="--xxl"]) > * {
    grid-column-end: span var(--md, var(--sm, var(--xs, var(--lg, var(--xl, var(--xxl))))));
  }
}
@media (min-width: 992px) {
  xo-grid:not([style*="--col-width"]):not([style*="--xs"], [style*="--sm"], [style*="--md"], [style*="--lg"], [style*="--xl"], [style*="--xxl"]) > * {
    grid-column-end: span var(--lg, var(--md, var(--sm, var(--xs, var(--xl, var(--xxl))))));
  }
}
@media (min-width: 1200px) {
  xo-grid:not([style*="--col-width"]):not([style*="--xs"], [style*="--sm"], [style*="--md"], [style*="--lg"], [style*="--xl"], [style*="--xxl"]) > * {
    grid-column-end: span var(--xl, var(--lg, var(--md, var(--sm, var(--xs, var(--xxl))))));
  }
}
@media (min-width: 1400px) {
  xo-grid:not([style*="--col-width"]):not([style*="--xs"], [style*="--sm"], [style*="--md"], [style*="--lg"], [style*="--xl"], [style*="--xxl"]) > * {
    grid-column-end: span var(--xxl, var(--xl, var(--lg, var(--md, var(--sm, var(--xs))))));
  }
}
xo-grid:not([style*="--col-width"]) > * {
  order: var(--order-xs);
  grid-column-start: var(--start-xs, auto);
}
@media (min-width: 576px) {
  xo-grid:not([style*="--col-width"]) > * {
    order: var(--order-sm, var(--order-xs));
    grid-column-start: var(--start-sm, var(--start-xs, auto));
  }
}
@media (min-width: 768px) {
  xo-grid:not([style*="--col-width"]) > * {
    order: var(--order-md, var(--order-sm, var(--order-xs)));
    grid-column-start: var(--start-md, var(--start-sm, var(--start-xs, auto)));
  }
}
@media (min-width: 992px) {
  xo-grid:not([style*="--col-width"]) > * {
    order: var(--order-lg, var(--order-md, var(--order-sm, var(--order-xs))));
    grid-column-start: var(--start-lg, var(--start-md, var(--start-sm, var(--start-xs, auto))));
  }
}
@media (min-width: 1200px) {
  xo-grid:not([style*="--col-width"]) > * {
    order: var(--order-xl, var(--order-lg, var(--order-md, var(--order-sm, var(--order-xs)))));
    grid-column-start: var(--start-xl, var(--start-lg, var(--start-md, var(--start-sm, var(--start-xs, auto)))));
  }
}
@media (min-width: 1400px) {
  xo-grid:not([style*="--col-width"]) > * {
    order: var(--order-xxl, var(--order-xl, var(--order-lg, var(--order-md, var(--order-sm, var(--order-xs))))));
    grid-column-start: var(--start-xxl, var(--start-xl, var(--start-lg, var(--start-md, var(--start-sm, var(--start-xs, auto))))));
  }
}

[style*="--start-xs"] xo-grid {
  --start-xs: 0;
}

[style*="--start-sm"] xo-grid {
  --start-sm: 0;
}

[style*="--start-md"] xo-grid {
  --start-md: 0;
}

[style*="--start-lg"] xo-grid {
  --start-lg: 0;
}

[style*="--start-xl"] xo-grid {
  --start-xl: 0;
}

[style*="--start-xxl"] xo-grid {
  --start-xxl: 0;
}

[style*="--order-xs"] xo-grid {
  --order-xs: 1;
}

[style*="--order-sm"] xo-grid {
  --order-sm: 1;
}

[style*="--order-md"] xo-grid {
  --order-md: 1;
}

[style*="--order-lg"] xo-grid {
  --order-lg: 1;
}

[style*="--order-xl"] xo-grid {
  --order-xl: 1;
}

[style*="--order-xxl"] xo-grid {
  --order-xxl: 1;
}

/* ============== BASE ============== */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
  -moz-appearance: textfield;
}

h1,
.h1 {
  font-size: calc(var(--font-heading-scale) * var(--font-body-scale) * clamp(4.3rem, calc(5.625vw + 2.05rem), 8.8rem));
  line-height: calc(1 + 0.25 / var(--font-heading-scale));
}
@media (min-width: 992px) {
  h1,
  .h1 {
    line-height: calc(1 + 0.19 / var(--font-heading-scale));
  }
}

.h1 {
  letter-spacing: calc(var(--font-heading-scale) * -0.215rem);
}
@media (min-width: 992px) {
  .h1 {
    letter-spacing: calc(var(--font-heading-scale) * -0.44rem);
  }
}

h2,
.h2 {
  font-size: calc(var(--font-heading-scale) * var(--font-body-scale) * clamp(2.9rem, calc(4.75vw + 1rem), 6.7rem));
  line-height: calc(1 + 0.2 / var(--font-heading-scale));
}

.h2 {
  letter-spacing: calc(var(--font-heading-scale) * -0.108rem);
}
@media (min-width: 992px) {
  .h2 {
    letter-spacing: calc(var(--font-heading-scale) * -0.201rem);
  }
}

h3,
.h3 {
  font-size: calc(var(--font-heading-scale) * var(--font-body-scale) * clamp(2.5rem, calc(2.75vw + 1.4rem), 4.7rem));
  line-height: calc(1 + 0.325 / var(--font-heading-scale));
}
@media (min-width: 992px) {
  h3,
  .h3 {
    line-height: calc(1 + 0.21 / var(--font-heading-scale));
  }
}

.h3 {
  letter-spacing: calc(var(--font-heading-scale) * -0.096rem);
}
@media (min-width: 992px) {
  .h3 {
    letter-spacing: calc(var(--font-heading-scale) * -0.141rem);
  }
}

h4,
.h4 {
  font-size: calc(var(--font-heading-scale) * var(--font-body-scale) * clamp(2.2rem, calc(1.75vw + 1.5rem), 3.6rem));
  line-height: calc(1 + 0.3 / var(--font-heading-scale));
}
@media (min-width: 992px) {
  h4,
  .h4 {
    line-height: calc(1 + 0.3 / var(--font-heading-scale));
  }
}

.h4 {
  letter-spacing: calc(var(--font-heading-scale) * -0.066rem);
}
@media (min-width: 992px) {
  .h4 {
    letter-spacing: calc(var(--font-heading-scale) * -0.108rem);
  }
}

h5,
.h5 {
  font-size: calc(var(--font-heading-scale) * var(--font-body-scale) * clamp(2rem, calc(0.125vw + 1.95rem), 2.1rem));
  line-height: calc(1 + 0.07 / var(--font-heading-scale));
}
@media (min-width: 992px) {
  h5,
  .h5 {
    line-height: calc(1 + 0.4 / var(--font-heading-scale));
  }
}

.h5 {
  letter-spacing: calc(var(--font-heading-scale) * 0rem);
}
@media (min-width: 992px) {
  .h5 {
    letter-spacing: calc(var(--font-heading-scale) * 0rem);
  }
}

h6,
.h6 {
  font-size: calc(var(--font-heading-scale) * var(--font-body-scale) * clamp(1.6rem, calc(0.25vw + 1.5rem), 1.8rem));
  line-height: calc(1 + 0.47 / var(--font-heading-scale));
}
@media (min-width: 992px) {
  h6,
  .h6 {
    line-height: calc(1 + 0.47 / var(--font-heading-scale));
  }
}

.h6 {
  letter-spacing: calc(var(--font-heading-scale) * -0.032rem);
}
@media (min-width: 992px) {
  .h6 {
    letter-spacing: calc(var(--font-heading-scale) * -0.036rem);
  }
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  color: rgb(var(--color-foreground));
  word-break: break-word;
  word-wrap: break-word;
  margin: 0;
  margin-bottom: 1rem;
  text-transform: none;
}

.d1 {
  color: rgb(var(--color-foreground));
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  font-size: calc(var(--font-heading-scale) * var(--font-body-scale) * clamp(8.6rem, calc(11.5vw + 4rem), 17.8rem));
  line-height: calc(1 + 0.1 / var(--font-heading-scale));
  letter-spacing: calc(var(--font-heading-scale) * -0.43rem);
}
@media (min-width: 992px) {
  .d1 {
    letter-spacing: calc(var(--font-heading-scale) * -0.89rem);
  }
}

.d2 {
  color: rgb(var(--color-foreground));
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  font-size: calc(var(--font-heading-scale) * var(--font-body-scale) * clamp(5.2rem, calc(10.75vw + 0.9rem), 13.8rem));
  line-height: calc(1 + 0 / var(--font-heading-scale));
  letter-spacing: calc(var(--font-heading-scale) * -0.26rem);
}
@media (min-width: 992px) {
  .d2 {
    letter-spacing: calc(var(--font-heading-scale) * -0.69rem);
  }
}

.xo-table {
  width: 100%;
  border-collapse: collapse;
  border: 0;
}
.xo-table tr {
  padding-top: 2.2rem;
  padding-bottom: 2.2rem;
}
.xo-table th,
.xo-table td {
  text-align: left;
  padding-top: 2.2rem;
  padding-bottom: 2.2rem;
}
.xo-table th:last-child,
.xo-table td:last-child {
  text-align: right;
  padding-inline-end: 2rem;
}
.xo-table th {
  border: 0;
}
.xo-table td {
  border: 0;
  color: rgba(var(--color-foreground), 0.7);
}
.xo-table td:last-child {
  color: rgba(var(--color-foreground));
}

.xo-table__head-row {
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: uppercase;
  color: rgba(var(--color-foreground), 0.3);
  border-top: 0.1rem solid rgba(var(--color-foreground), 0.15);
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.15);
}

.xo-table__body-row {
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.15);
}

@media (max-width: 600px) {
  .xo-table {
    display: block;
  }
  .xo-table tbody,
  .xo-table tfoot,
  .xo-table tr,
  .xo-table th,
  .xo-table td {
    display: block;
  }
  .xo-table thead {
    display: none;
  }
  .xo-table td {
    display: flex;
    gap: 2rem;
    justify-content: space-between;
  }
  .xo-table tbody td:before {
    content: attr(data-th) ": ";
    float: left;
    text-transform: uppercase;
    color: rgba(var(--color-foreground));
  }
}
.shopify-challenge__container {
  padding-top: 10rem;
}

:where(h1, h2, h3, h4, h5, h6, p, blockquote, figcaption, ul, ol) {
  margin: 0;
  padding: 0;
}

:where(h1:not(:last-child)) {
  margin-bottom: 2.6rem;
}

:where(h2:not(:last-child)) {
  margin-bottom: 2.4rem;
}

:where(h3:not(:last-child)) {
  margin-bottom: 2rem;
}

:where(h4:not(:last-child)) {
  margin-bottom: 1.4rem;
}

:where(h5:not(:last-child)) {
  margin-bottom: 1.3rem;
}

:where(h6:not(:last-child)) {
  margin-bottom: 1.2rem;
}

:where(p:not(:last-child)) {
  margin-bottom: 1.2rem;
}

:where(blockquote:not(:last-child)) {
  margin-bottom: 3rem;
}

:where(figcaption:not(:last-child)) {
  margin-bottom: 1rem;
}

h1 {
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.12 / var(--font-heading-scale));
}

h2 {
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.12 / var(--font-heading-scale));
}

h3 {
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.12 / var(--font-heading-scale));
}

h4 {
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.12 / var(--font-heading-scale));
}

h5 {
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.12 / var(--font-heading-scale));
}

h6 {
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.12 / var(--font-heading-scale));
}

p {
  color: rgba(var(--color-foreground-2), 0.8);
}
p a {
  font-weight: bold;
  color: inherit;
  transition: all 0.3s;
}
p a:hover {
  color: color-mix(in srgb, rgba(var(--color-hover-button)) calc(1 * 100%), transparent);
  text-decoration: underline;
  transition: all 0.3s;
}

blockquote {
  display: inline-flex;
  font-style: italic;
  color: rgba(var(--color-foreground-2), 0.8);
  padding-left: 1rem;
  border-left: 0.2rem solid;
}
blockquote p {
  color: rgba(var(--color-foreground-2), 0.8);
  font-size: calc(var(--font-body-scale) * 2rem);
  line-height: calc(1 + 0.4 / var(--font-body-scale));
}

figcaption {
  display: block;
  text-align: center;
}

figure {
  margin-left: 0;
  margin-right: 0;
}

img[style*="float:left"],
img[style*="float: left"] {
  margin-inline-end: 2rem;
}

img[style*="float:right"],
img[style*="float: right"] {
  margin-inline-start: 2rem;
}

table {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  padding: 0;
  border: 0.1rem solid color-mix(in srgb, rgba(var(--color-foreground)) calc(0.3 * 100%), transparent);
  box-shadow: none;
  caption-side: bottom;
}
table th {
  font-weight: 600;
  text-align: left;
  padding: 1.5rem;
  border: 0.1rem solid color-mix(in srgb, rgba(var(--color-foreground)) calc(0.3 * 100%), transparent);
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  font-family: var(--font-body-family);
  font-weight: 500;
}
table td {
  padding: 1.5rem;
  border: 0.1rem solid color-mix(in srgb, rgba(var(--color-foreground)) calc(0.3 * 100%), transparent);
}

ul,
ol {
  color: rgba(var(--color-foreground-2), 0.8);
  list-style-position: inside;
  padding-left: 2rem;
}

.xo-section p a,
.quick-view p a {
  font-weight: bold;
  color: inherit;
  transition: all 0.3s;
}
.xo-section p a:hover,
.quick-view p a:hover {
  color: color-mix(in srgb, rgba(var(--color-hover-button)) calc(1 * 100%), transparent);
  text-decoration: underline;
  transition: all 0.3s;
}

*:focus-visible {
  outline: 0.2rem solid rgb(var(--color-accent, var(--color-foreground, #000)));
  outline-offset: -0.2rem;
  box-shadow: none;
}

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

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

:root {
  --xo-container-width: var(--page-width, 1400px);
  --xo-container-gap: var(--page-gap, 20px);
  --xo-grid-row-gap: var(--grid-mobile-horizontal-spacing, 20px);
  --xo-grid-col-gap: var(--grid-mobile-vertical-spacing, 20px);
}
@media (min-width: 576px) {
  :root {
    --xo-grid-row-gap: var(--grid-desktop-horizontal-spacing, 15px);
    --xo-grid-col-gap: var(--grid-desktop-vertical-spacing, 15px);
  }
}

a:has(.xo-image):focus-within {
  outline-offset: 0.2rem;
  outline: 0.1rem solid color-mix(in srgb, rgba(var(--color-button)) calc(1 * 100%), transparent);
}

*:focus-visible {
  outline: 0.2rem solid rgb(var(--color-accent, var(--color-foreground, #000)));
  outline-offset: -0.2rem;
  box-shadow: none;
}

xo-grid {
  display: grid;
  align-items: var(--align, normal);
  column-gap: var(--xo-grid-col-gap, 30px);
  row-gap: var(--xo-grid-row-gap, 30px);
  --xs: initial;
  --sm: initial;
  --md: initial;
  --lg: initial;
  --xl: initial;
}

xo-grid[style*="--col-width"] {
  grid-template-columns: repeat(auto-fill, minmax(min(var(--col-width, 0), 100%), 1fr));
}
xo-grid:not([style*="--col-width"]) {
  grid-template-columns: repeat(12, 1fr);
}
xo-grid:not([style*="--col-width"])[style*="--xs"], xo-grid:not([style*="--col-width"]) [style*="--sm"], xo-grid:not([style*="--col-width"]) [style*="--md"], xo-grid:not([style*="--col-width"]) [style*="--lg"], xo-grid:not([style*="--col-width"]) [style*="--xl"], xo-grid:not([style*="--col-width"]) [style*="--xxl"] {
  grid-template-columns: repeat(var(--xs, var(--sm, var(--md, var(--lg, var(--xl, var(--xxl)))))), 1fr);
}
@media (min-width: 576px) {
  xo-grid:not([style*="--col-width"])[style*="--xs"], xo-grid:not([style*="--col-width"]) [style*="--sm"], xo-grid:not([style*="--col-width"]) [style*="--md"], xo-grid:not([style*="--col-width"]) [style*="--lg"], xo-grid:not([style*="--col-width"]) [style*="--xl"], xo-grid:not([style*="--col-width"]) [style*="--xxl"] {
    grid-template-columns: repeat(var(--sm, var(--xs, var(--md, var(--lg, var(--xl, var(--xxl)))))), 1fr);
  }
}
@media (min-width: 768px) {
  xo-grid:not([style*="--col-width"])[style*="--xs"], xo-grid:not([style*="--col-width"]) [style*="--sm"], xo-grid:not([style*="--col-width"]) [style*="--md"], xo-grid:not([style*="--col-width"]) [style*="--lg"], xo-grid:not([style*="--col-width"]) [style*="--xl"], xo-grid:not([style*="--col-width"]) [style*="--xxl"] {
    grid-template-columns: repeat(var(--md, var(--sm, var(--xs, var(--lg, var(--xl, var(--xxl)))))), 1fr);
  }
}
@media (min-width: 992px) {
  xo-grid:not([style*="--col-width"])[style*="--xs"], xo-grid:not([style*="--col-width"]) [style*="--sm"], xo-grid:not([style*="--col-width"]) [style*="--md"], xo-grid:not([style*="--col-width"]) [style*="--lg"], xo-grid:not([style*="--col-width"]) [style*="--xl"], xo-grid:not([style*="--col-width"]) [style*="--xxl"] {
    grid-template-columns: repeat(var(--lg, var(--md, var(--sm, var(--xs, var(--xl, var(--xxl)))))), 1fr);
  }
}
@media (min-width: 1200px) {
  xo-grid:not([style*="--col-width"])[style*="--xs"], xo-grid:not([style*="--col-width"]) [style*="--sm"], xo-grid:not([style*="--col-width"]) [style*="--md"], xo-grid:not([style*="--col-width"]) [style*="--lg"], xo-grid:not([style*="--col-width"]) [style*="--xl"], xo-grid:not([style*="--col-width"]) [style*="--xxl"] {
    grid-template-columns: repeat(var(--xl, var(--lg, var(--md, var(--sm, var(--xs, var(--xxl)))))), 1fr);
  }
}
@media (min-width: 1400px) {
  xo-grid:not([style*="--col-width"])[style*="--xs"], xo-grid:not([style*="--col-width"]) [style*="--sm"], xo-grid:not([style*="--col-width"]) [style*="--md"], xo-grid:not([style*="--col-width"]) [style*="--lg"], xo-grid:not([style*="--col-width"]) [style*="--xl"], xo-grid:not([style*="--col-width"]) [style*="--xxl"] {
    grid-template-columns: repeat(var(--xxl, var(--xl, var(--lg, var(--md, var(--sm, var(--xs)))))), 1fr);
  }
}
xo-grid:not([style*="--col-width"]):not([style*="--xs"], [style*="--sm"], [style*="--md"], [style*="--lg"], [style*="--xl"], [style*="--xxl"]) > * {
  grid-column-end: span var(--xs, var(--sm, var(--md, var(--lg, var(--xl, var(--xxl))))));
}
@media (min-width: 576px) {
  xo-grid:not([style*="--col-width"]):not([style*="--xs"], [style*="--sm"], [style*="--md"], [style*="--lg"], [style*="--xl"], [style*="--xxl"]) > * {
    grid-column-end: span var(--sm, var(--xs, var(--md, var(--lg, var(--xl, var(--xxl))))));
  }
}
@media (min-width: 768px) {
  xo-grid:not([style*="--col-width"]):not([style*="--xs"], [style*="--sm"], [style*="--md"], [style*="--lg"], [style*="--xl"], [style*="--xxl"]) > * {
    grid-column-end: span var(--md, var(--sm, var(--xs, var(--lg, var(--xl, var(--xxl))))));
  }
}
@media (min-width: 992px) {
  xo-grid:not([style*="--col-width"]):not([style*="--xs"], [style*="--sm"], [style*="--md"], [style*="--lg"], [style*="--xl"], [style*="--xxl"]) > * {
    grid-column-end: span var(--lg, var(--md, var(--sm, var(--xs, var(--xl, var(--xxl))))));
  }
}
@media (min-width: 1200px) {
  xo-grid:not([style*="--col-width"]):not([style*="--xs"], [style*="--sm"], [style*="--md"], [style*="--lg"], [style*="--xl"], [style*="--xxl"]) > * {
    grid-column-end: span var(--xl, var(--lg, var(--md, var(--sm, var(--xs, var(--xxl))))));
  }
}
@media (min-width: 1400px) {
  xo-grid:not([style*="--col-width"]):not([style*="--xs"], [style*="--sm"], [style*="--md"], [style*="--lg"], [style*="--xl"], [style*="--xxl"]) > * {
    grid-column-end: span var(--xxl, var(--xl, var(--lg, var(--md, var(--sm, var(--xs))))));
  }
}
xo-grid:not([style*="--col-width"]) > * {
  order: var(--order-xs);
  grid-column-start: var(--start-xs, auto);
}
@media (min-width: 576px) {
  xo-grid:not([style*="--col-width"]) > * {
    order: var(--order-sm, var(--order-xs));
    grid-column-start: var(--start-sm, var(--start-xs, auto));
  }
}
@media (min-width: 768px) {
  xo-grid:not([style*="--col-width"]) > * {
    order: var(--order-md, var(--order-sm, var(--order-xs)));
    grid-column-start: var(--start-md, var(--start-sm, var(--start-xs, auto)));
  }
}
@media (min-width: 992px) {
  xo-grid:not([style*="--col-width"]) > * {
    order: var(--order-lg, var(--order-md, var(--order-sm, var(--order-xs))));
    grid-column-start: var(--start-lg, var(--start-md, var(--start-sm, var(--start-xs, auto))));
  }
}
@media (min-width: 1200px) {
  xo-grid:not([style*="--col-width"]) > * {
    order: var(--order-xl, var(--order-lg, var(--order-md, var(--order-sm, var(--order-xs)))));
    grid-column-start: var(--start-xl, var(--start-lg, var(--start-md, var(--start-sm, var(--start-xs, auto)))));
  }
}
@media (min-width: 1400px) {
  xo-grid:not([style*="--col-width"]) > * {
    order: var(--order-xxl, var(--order-xl, var(--order-lg, var(--order-md, var(--order-sm, var(--order-xs))))));
    grid-column-start: var(--start-xxl, var(--start-xl, var(--start-lg, var(--start-md, var(--start-sm, var(--start-xs, auto))))));
  }
}

[style*="--start-xs"] xo-grid {
  --start-xs: 0;
}

[style*="--start-sm"] xo-grid {
  --start-sm: 0;
}

[style*="--start-md"] xo-grid {
  --start-md: 0;
}

[style*="--start-lg"] xo-grid {
  --start-lg: 0;
}

[style*="--start-xl"] xo-grid {
  --start-xl: 0;
}

[style*="--start-xxl"] xo-grid {
  --start-xxl: 0;
}

[style*="--order-xs"] xo-grid {
  --order-xs: 1;
}

[style*="--order-sm"] xo-grid {
  --order-sm: 1;
}

[style*="--order-md"] xo-grid {
  --order-md: 1;
}

[style*="--order-lg"] xo-grid {
  --order-lg: 1;
}

[style*="--order-xl"] xo-grid {
  --order-xl: 1;
}

[style*="--order-xxl"] xo-grid {
  --order-xxl: 1;
}

/* ============== SNIPPETS ============== */
[xo-pfs] {
  --pfs-min: 10; /* default */
  --pfs-max: 60; /* default */
  --min-viewport: 40; /* default */
  --max-viewport: 120; /* default */
  /* calculator */
  --m: (var(--pfs-max) - var(--pfs-min)) /
    (var(--max-viewport) - var(--min-viewport));
  --size: clamp(
    calc(var(--pfs-min) * 1rem),
    calc(
      var(--m) * 100vw + var(--pfs-min) * 1rem - var(--m) * var(--min-viewport) *
        1rem
    ),
    calc(var(--pfs-max) * 1rem)
  );
}

@media (min-width: 992px) {
  .banner {
    position: relative;
  }
}

@media (min-width: 992px) {
  .banner__content {
    position: absolute;
    z-index: 10;
    top: 50%;
    width: 80rem;
  }
  [dir=ltr] .banner__content {
    left: 50%;
    transform: translate(-50%, -50%);
  }
  [dir=rtl] .banner__content {
    right: 50%;
    transform: translate(50%, -50%);
  }
}

.email-signup-banner__box {
  display: flex;
  gap: 1rem;
  flex-direction: column;
  padding: 2.5rem 1.25rem;
}
@media (min-width: 992px) {
  .email-signup-banner__box {
    padding: 5rem 2.5rem;
  }
}

@media (max-width: 991px) {
  .banner__desktop {
    display: none;
  }
}

@media (min-width: 992px) {
  .banner__mobile {
    display: none;
  }
}

.newsletter__subheading {
  text-align: center;
}

.email-signup-banner__heading {
  text-align: center;
  margin: 0;
}

.newsletter-form__field-wrapper {
  display: flex;
  justify-content: center;
}

.email-signup-banner__field-input {
  display: flex;
  align-items: center;
  border: 0.1rem dashed color-mix(in srgb, rgba(var(--color-border)) calc(0.5 * 100%), transparent);
  border-radius: 5.4rem;
  width: 90%;
  margin: auto;
}
.email-signup-banner__field-input .xo-field-input {
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  padding-inline-start: 2.4rem;
  padding-inline-end: 4.8rem;
}
.email-signup-banner__field-input .xo-field-input__input {
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  border: none;
  border-radius: unset;
  padding: 0;
}
.email-signup-banner__field-input .xo-field-input__placeholder {
  opacity: 0.6;
  font-family: var(--font-body-family);
  font-size: calc(var(--font-body-scale) * 1.6rem);
  font-style: var(--font-body-style);
  font-weight: 500;
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.5 / var(--font-body-scale));
}

.email-signup-banner__field-button {
  background: unset;
  border: unset;
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  padding-inline-end: 2.4rem;
}

.password__footer-text {
  font-size: 100%;
}
.password__footer-text a {
  color: color-mix(in srgb, rgba(var(--color-accent)) calc(1 * 100%), transparent);
}
.password__footer-text a:hover {
  opacity: 0.6;
}

.password__footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

.password-header__footer-text {
  text-align: center;
}
.password-header__footer-text a {
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
}

.password-header__box {
  width: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 1rem 2rem 3rem 2rem;
}

.password-header {
  display: flex;
  justify-content: space-between;
  padding: 3rem;
}

.password-link {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.password-link svg {
  width: 2rem;
  height: 2rem;
}

.password-header__close {
  display: flex;
}

.password-header__content {
  display: flex;
  flex-direction: column;
  align-content: center;
  gap: 1.5rem;
  width: 31rem;
}
@media (min-width: 992px) {
  .password-header__content {
    width: 50rem;
  }
}
.password-header__content .password-header__field {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
}
.password-header__content .xo-field-input__placeholder {
  top: 1.3rem;
}

.password-header__heading {
  margin-bottom: 0;
}

.password-header__button {
  width: 100%;
  min-height: 4.5rem;
  font-size: calc(var(--font-heading-scale) * var(--font-body-scale) * 1.9rem);
}
@media (min-width: 992px) {
  .password-header__button {
    font-size: calc(var(--font-heading-scale) * var(--font-body-scale) * 2.1rem);
  }
}

.password-header__input {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.quick-view .buy-button__inside--sold-out {
  opacity: 0.6;
  pointer-events: none;
}
.quick-view .add-button--available[sold-out=true] .add-button__inside {
  opacity: 0.6;
  pointer-events: none;
}

xo-product-quick-view xo-product[xo-unavailable] .add-button--unavailable {
  display: flex;
}
xo-product-quick-view xo-product[xo-unavailable] .add-button--available {
  display: none;
}
xo-product-quick-view xo-product[xo-unavailable] .shopify-payment-button {
  opacity: 0.6;
  pointer-events: none;
}
xo-product-quick-view xo-product[xo-unavailable] .product-info-content-type-3__price {
  display: none;
}

xo-product-quick-view .add-button--unavailable {
  display: none;
}
xo-product-quick-view .add-button--available {
  display: flex;
}

.quick-view-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5.5rem;
  padding-top: 5.8rem;
  padding-bottom: 3.9rem;
}
@media (min-width: 992px) {
  .quick-view-content {
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    gap: 3.8rem;
    padding-top: 7.4rem;
    padding-bottom: 8.7rem;
  }
}
.quick-view-content .buy-button__container {
  width: 100%;
}

.product-info-content-type-3__badge {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  padding-bottom: 2rem;
}
@media (max-width: 991px) {
  .product-info-content-type-3__badge {
    justify-content: center;
  }
}

.quick-view-content__product-info-media {
  max-width: 41.5rem;
}
@media (min-width: 992px) {
  .quick-view-content__product-info-media {
    position: sticky;
    top: 2rem;
  }
}
.quick-view-content__product-info-media .product-info-media {
  position: relative;
}
.quick-view-content__product-info-media .product-info-media__badge {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  padding-bottom: 1.8rem;
}
@media (min-width: 992px) {
  .quick-view-content__product-info-media .product-info-media__badge {
    padding-bottom: 2.5rem;
  }
}
.quick-view-content__product-info-media .product-info-media__image {
  position: relative;
}
.quick-view-content__product-info-media .product-info-media__thumbnails {
  margin-top: 2.4rem;
}
@media (min-width: 992px) {
  .quick-view-content__product-info-media .product-info-media__thumbnails {
    margin-top: 3.6rem;
  }
}
.quick-view-content__product-info-media .product-info-media__thumb-slide:hover {
  opacity: 0.7;
}
.quick-view-content__product-info-media .product-info-media__thumb-slide[xo-active]:not([xo-active=false]) {
  opacity: 0.6;
}
.quick-view-content__product-info-media .product-info-media__content {
  position: relative;
  width: 15.9rem;
  z-index: 10;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .quick-view-content__product-info-media .product-info-media__content {
    width: 22.2rem;
  }
}
.quick-view-content__product-info-media .carousel-navigation-controls {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 3.5rem;
}
@media (min-width: 992px) {
  .quick-view-content__product-info-media .carousel-navigation-controls {
    bottom: 4rem;
  }
}
.quick-view-content__product-info-media .carousel-navigation-controls xo-carousel-prev[xo-disabled] .carousel-navigation-controls__icon,
.quick-view-content__product-info-media .carousel-navigation-controls xo-carousel-next[xo-disabled] .carousel-navigation-controls__icon {
  cursor: not-allowed;
  opacity: 0.5;
}
.quick-view-content__product-info-media .carousel-navigation-controls__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
}
@media (min-width: 992px) {
  .quick-view-content__product-info-media .carousel-navigation-controls__icon {
    top: 40%;
    transform: translateY(-40%);
    z-index: 10;
  }
}
.quick-view-content__product-info-media .carousel-navigation-controls__icon--prev {
  display: flex;
  align-items: center;
  justify-content: center;
}
[dir=ltr] .quick-view-content__product-info-media .carousel-navigation-controls__icon--prev {
  left: -5rem;
}
[dir=rtl] .quick-view-content__product-info-media .carousel-navigation-controls__icon--prev {
  right: -5rem;
}
@media (max-width: 991px) {
  [dir=ltr] .quick-view-content__product-info-media .carousel-navigation-controls__icon--prev {
    left: -4rem;
  }
  [dir=rtl] .quick-view-content__product-info-media .carousel-navigation-controls__icon--prev {
    right: -4rem;
  }
  .quick-view-content__product-info-media .carousel-navigation-controls__icon--prev svg {
    width: 1.7rem;
  }
}
.quick-view-content__product-info-media .carousel-navigation-controls__icon--next {
  display: flex;
  align-items: center;
  justify-content: center;
}
[dir=ltr] .quick-view-content__product-info-media .carousel-navigation-controls__icon--next {
  right: -5rem;
}
[dir=rtl] .quick-view-content__product-info-media .carousel-navigation-controls__icon--next {
  left: -5rem;
}
@media (max-width: 991px) {
  [dir=ltr] .quick-view-content__product-info-media .carousel-navigation-controls__icon--next {
    right: -4rem;
  }
  [dir=rtl] .quick-view-content__product-info-media .carousel-navigation-controls__icon--next {
    left: -4rem;
  }
  .quick-view-content__product-info-media .carousel-navigation-controls__icon--next svg {
    width: 1.7rem;
  }
}

@media (max-width: 991px) {
  .product-info-content-type-3__price-tax {
    display: block;
    text-align: center;
  }
}

.quick-view-content__product-info-content {
  max-width: 39.8rem;
}
.quick-view-content__product-info-content .product-info-content-type-3 .xo-field-select-custom__trigger xo-product-variant-selected {
  display: block;
}
.quick-view-content__product-info-content .product-info-content-type-3 xo-product-variant-selected {
  display: none;
}
.quick-view-content__product-info-content .product-info-content-type-3 .xo-product-variant__inner-name {
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-weight: 400;
  color: color-mix(in srgb, rgba(var(--color-foreground-2)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.57 / var(--font-body-scale));
}
@media (min-width: 992px) {
  .quick-view-content__product-info-content .product-info-content-type-3 .xo-product-variant__inner-name {
    font-size: calc(var(--font-body-scale) * 1.6rem);
    line-height: calc(1 + 0.5 / var(--font-body-scale));
  }
}
.quick-view-content__product-info-content .product-info-content-type-3 .xo-field-radio__label {
  padding: 0.35rem 2rem;
  border: none;
  border-radius: 4.4rem;
  text-align: center;
  font-family: var(--font-body-family);
  font-size: calc(var(--font-body-scale) * 1.15rem);
  font-style: var(--font-body-style);
  font-weight: 500;
  color: color-mix(in srgb, rgba(var(--color-button)) calc(0.6 * 100%), transparent);
  line-height: calc(1 + 0.38 / var(--font-body-scale));
  background-color: color-mix(in srgb, rgba(var(--color-button)) calc(0.1 * 100%), transparent);
}
@media (min-width: 992px) {
  .quick-view-content__product-info-content .product-info-content-type-3 .xo-field-radio__label {
    font-size: calc(var(--font-body-scale) * 1.5rem);
    font-weight: 600;
    line-height: calc(1 + 0.46 / var(--font-body-scale));
  }
}
@media (min-width: 992px) {
  .quick-view-content__product-info-content .product-info-content-type-3 .xo-product-variant__inner {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 0.4rem;
  }
}
.quick-view-content__product-info-content .product-info-content-type-3 .xo-price {
  justify-content: center;
  border-bottom: 0.1rem dashed color-mix(in srgb, rgba(var(--color-border)) calc(1 * 100%), transparent);
  padding-bottom: 2.3rem;
}
@media (min-width: 992px) {
  .quick-view-content__product-info-content .product-info-content-type-3 .xo-price {
    justify-content: flex-start;
  }
}
.quick-view-content__product-info-content .product-info-content-type-3 .xo-product-variant__inner-value {
  gap: 0.6rem;
}
.quick-view-content__product-info-content .product-info-content-type-3 .xo-price__sale {
  gap: 0.5rem;
  flex-direction: row-reverse;
}
.quick-view-content__product-info-content .product-info-content-type-3__title {
  margin: 0;
  text-align: center;
  color: rgba(var(--color-foreground));
  letter-spacing: calc(var(--font-heading-scale) * -0.072rem);
  padding-bottom: 1rem;
}
@media (min-width: 992px) {
  .quick-view-content__product-info-content .product-info-content-type-3__title {
    text-align: unset;
    letter-spacing: calc(var(--font-heading-scale) * -0.108rem);
    padding-bottom: 1.1rem;
  }
}
.quick-view-content__product-info-content .product-info-content-type-3__description {
  text-align: center;
  font-family: var(--font-body-family);
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-style: var(--font-body-style);
  font-weight: 400;
  color: color-mix(in srgb, rgba(var(--color-foreground-2)) calc(0.8 * 100%), transparent);
  line-height: calc(1 + 0.57 / var(--font-body-scale));
  padding-top: 2rem;
  padding-bottom: 4.2rem;
}
@media (min-width: 992px) {
  .quick-view-content__product-info-content .product-info-content-type-3__description {
    text-align: unset;
    font-size: calc(var(--font-body-scale) * 1.6rem);
    line-height: calc(1 + 0.5 / var(--font-body-scale));
    padding-bottom: 1.8rem;
  }
}
.quick-view-content__product-info-content .product-info-content-type-3__variant {
  display: flex;
  flex-direction: column;
  padding-bottom: 2.4rem;
  gap: 1.4rem;
}
@media (min-width: 992px) {
  .quick-view-content__product-info-content .product-info-content-type-3__variant {
    gap: 2rem;
    padding-bottom: 2.7rem;
  }
}

.shopify-payment-button__button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: calc((1 + (var(--buttons-scale) - 1) / 2) * 1.4rem) !important;
  font-weight: 600;
  font-family: var(--font-heading-family);
  line-height: calc(1 + 0.57 / var(--font-heading-scale));
  background-color: rgba(var(--color-button), var(--buttons-background-opacity)) !important;
  color: transparent;
  cursor: pointer;
  user-select: none !important;
  border-radius: var(--buttons-radius-outset) !important;
  box-shadow: var(--buttons-shadow-horizontal-offset) var(--buttons-shadow-vertical-offset) var(--buttons-shadow-blur-radius) rgba(var(--color-shadow), var(--buttons-shadow-opacity)) !important;
  border: var(--buttons-border-width) solid rgba(var(--color-button), var(--buttons-border-opacity)) !important;
  padding: 0.6rem calc(var(--buttons-scale) * 2.6rem) !important;
  min-height: calc(var(--buttons-scale) * 5.4rem) !important;
  overflow: hidden !important;
  transition: 0.3s !important;
}
@media (min-width: 992px) {
  .shopify-payment-button__button {
    font-size: calc((1 + (var(--buttons-scale) - 1) / 2) * 1.8rem) !important;
    font-weight: 500;
    line-height: calc(1 + 0.47 / var(--font-heading-scale));
    letter-spacing: calc(var(--font-heading-scale) * -0.036rem);
  }
}
.shopify-payment-button__button::before {
  content: "";
  width: 100%;
  height: 0;
  position: absolute;
  z-index: -1;
  top: 100%;
  color: color-mix(in srgb, rgba(var(--color-button-text)) calc(1 * 100%), transparent);
  padding-top: 100%;
  border-radius: 50% 50% 0 0;
  background-color: color-mix(in srgb, rgba(var(--color-hover-button)) calc(1 * 100%), transparent);
  transition: all 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.05s, border-radius 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.22s;
}
[dir=ltr] .shopify-payment-button__button::before {
  transform: translate(-50%, 0);
  left: 50%;
}
[dir=rtl] .shopify-payment-button__button::before {
  transform: translate(50%, 0);
  right: 50%;
}
.shopify-payment-button__button:hover, .shopify-payment-button__button:focus-within {
  color: color-mix(in srgb, rgba(var(--color-hover-button-text)) calc(1 * 100%), transparent);
}
.shopify-payment-button__button:hover::before, .shopify-payment-button__button:focus-within::before {
  width: 101%;
  height: 101%;
  padding-top: 0;
  border-radius: 0;
  top: 0;
  color: color-mix(in srgb, rgba(var(--color-hover-button-text)) calc(1 * 100%), transparent);
  background-color: color-mix(in srgb, rgba(var(--color-hover-button)) calc(1 * 100%), transparent);
  transition: all 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.05s, border-radius 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.22s;
}
[dir=ltr] .shopify-payment-button__button:hover::before, [dir=ltr] .shopify-payment-button__button:focus-within::before {
  transform: translate(-50%, 0);
}
[dir=rtl] .shopify-payment-button__button:hover::before, [dir=rtl] .shopify-payment-button__button:focus-within::before {
  transform: translate(50%, 0);
}

.shopify-payment-button__button--unbranded:hover:not([xo-disabled]),
.shopify-payment-button__button--unbranded:focus-within:not([xo-disabled]) {
  opacity: 0.8 !important;
  background-color: color-mix(in srgb, rgba(var(--color-button)) calc(1 * 100%), transparent) !important;
}

.shopify-payment-button__button--hidden {
  display: none;
}

.buy-button {
  width: 100%;
}

.add-button .xo-btn__content {
  border-radius: 50%;
  padding: 1.2rem;
}
@media (min-width: 992px) {
  .add-button .xo-btn__content {
    padding: 1.5rem;
  }
}

.buy-button__container {
  display: flex;
  gap: 0.3rem;
}
.buy-button__container .shopify-payment-button__button {
  padding: 0 !important;
}
.buy-button__container .shopify-cleanslate {
  width: 100%;
}
.buy-button__container .add-button__cart .xo-btn {
  width: 5.4rem;
  height: 5.4rem;
}

.buy-button__gift {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.buy-button__gift .xo-field-checkbox {
  gap: 0.6rem;
  align-items: center;
}

.buy-button[xo-disabled] .shopify-payment-button {
  opacity: 0.6;
  pointer-events: none;
}

.filters-search-content__item {
  padding: 2.2rem 3.1rem 2.6rem 3.1rem;
  border-radius: 2.6rem;
  border: 0.1rem dashed color-mix(in srgb, rgba(var(--color-border)) calc(1 * 100%), transparent);
}

.page {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
}

.page__tag {
  width: fit-content;
  text-align: center;
  font-family: var(--font-body-family);
  font-size: calc(var(--font-body-scale) * 1.2rem);
  font-style: var(--font-body-style);
  font-weight: 500;
  color: color-mix(in srgb, rgba(var(--color-button-text)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  padding: 0.4rem 0.9rem;
  border-radius: 2.5rem;
  background-color: color-mix(in srgb, rgba(var(--color-button)) calc(1 * 100%), transparent);
}

.animate-image {
  overflow: hidden;
  border-radius: var(--border-radius);
  max-width: var(--max-width);
}
.animate-image img,
.animate-image svg {
  width: 100%;
  height: 100%;
}
.animate-image xo-animate {
  opacity: 1 !important;
}

.animate-text {
  overflow: hidden;
  word-break: break-word;
  word-wrap: break-word;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}

.animate-text__word {
  display: flex;
  flex-wrap: wrap;
  white-space: nowrap;
  word-break: break-word;
  word-wrap: break-word;
  color: inherit;
}

.animate-text__char {
  position: relative;
  color: inherit;
  font-size: inherit;
  overflow: hidden;
}

.animate-text__char-item {
  display: block;
  transition: 0.5s cubic-bezier(0.27, 0.79, 0.45, 1.24) calc(var(--order) * 40ms);
}

.animate-text__char-item:nth-child(2) {
  position: absolute;
  left: 0;
  top: 110%;
}

.animate-text--active,
.animate-text-container:hover .animate-text--hover,
.animate-text--hover:hover {
  color: color-mix(in srgb, rgba(var(--color-hover-button)) calc(1 * 100%), transparent);
}
.animate-text--active .animate-text__char-item,
.animate-text-container:hover .animate-text--hover .animate-text__char-item,
.animate-text--hover:hover .animate-text__char-item {
  transform: translateY(-110%);
}

.xo-badge-new {
  width: fit-content;
  font-size: calc(var(--font-body-scale) * 1.2rem);
  font-weight: 500;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  padding: 0.4rem 1.2rem;
  border-radius: 3.4rem;
  color: rgba(var(--color-button-text));
  background-color: rgba(var(--color-button));
}

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

.announcement-bar {
  display: flex;
  justify-content: space-between;
  gap: 0.8rem;
  background-color: rgba(var(--color-background));
  padding-top: 0.9rem;
  padding-bottom: 0.9rem;
}
@media (max-width: 991px) {
  .announcement-bar {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
}
.announcement-bar p a {
  font-weight: bold;
  color: inherit;
  transition: all 0.3s;
}
.announcement-bar p a:hover {
  color: color-mix(in srgb, rgba(var(--color-hover-button)) calc(1 * 100%), transparent);
  text-decoration: underline;
  transition: all 0.3s;
}
.announcement-bar xo-marquee {
  gap: clamp(1.2rem, calc(2.5vw + 0.2rem), 3.2rem);
}

.announcement-bar__list {
  display: flex;
  gap: clamp(1.2rem, calc(2.5vw + 0.2rem), 3.2rem);
}

.announcement-bar__left,
.announcement-bar__right {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  font-size: calc(var(--font-body-scale) * 1.4rem);
  color: rgba(var(--color-foreground));
  font-weight: 500;
  line-height: calc(1 + 0.57 / var(--font-body-scale));
}

.announcement-bar__icon {
  display: flex;
}
.announcement-bar__icon .xo-image {
  width: 2rem;
  height: 2rem;
}
.announcement-bar__icon .xo-image svg {
  width: 100%;
  height: 100%;
}

.xo-badge-discount {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: calc(var(--font-body-scale) * 1.3rem);
}

.xo-badge-sale {
  width: fit-content;
  font-size: calc(var(--font-body-scale) * 1.2rem);
  font-weight: 500;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  padding: 0.4rem 1.2rem;
  border-radius: 3.4rem;
  color: rgba(var(--color-button));
  background-color: rgba(var(--color-layer));
}

.xo-badge-sale[xo-enabled=false] {
  display: none;
}

.xo-badge-sold-out {
  width: fit-content;
  font-size: calc(var(--font-body-scale) * 1.2rem);
  font-weight: 500;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  padding: 0.4rem 1.2rem;
  border-radius: 3.4rem;
  color: rgba(var(--color-button-text));
  background-color: rgba(var(--color-button));
}

.xo-badge-sold-out[sold-out=false] {
  display: none;
}

.blog-tags {
  display: flex;
  gap: 0.2rem;
  flex-wrap: wrap;
}

.blog-tags__item {
  text-align: center;
  font-family: var(--font-body-family);
  font-size: calc(var(--font-body-scale) * 1.2rem);
  font-style: var(--font-body-style);
  font-weight: 500;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  color: color-mix(in srgb, rgba(var(--color-button-text)) calc(1 * 100%), transparent);
  background-color: color-mix(in srgb, rgba(var(--color-button)) calc(1 * 100%), transparent);
  padding: 0.4rem 0.9rem;
  border-radius: 2.5rem;
}

.xo-breadcrumb__list {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  list-style: none;
  margin-block-start: 0;
  margin-block-end: 0;
  padding-inline-start: 0;
}

.xo-breadcrumb__list--left {
  justify-content: flex-start;
}

.xo-breadcrumb__list--center {
  justify-content: center;
}

.xo-breadcrumb__list--right {
  justify-content: flex-end;
}

.xo-breadcrumb__item {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  font-family: var(--font-body-family);
  font-size: calc(var(--font-body-scale) * 1.5rem);
  font-style: var(--font-body-style);
  font-weight: 500;
  line-height: calc(1 + 0.46 / var(--font-body-scale));
}
.xo-breadcrumb__item a {
  color: rgba(var(--color-foreground), 0.8);
  white-space: nowrap;
}
.xo-breadcrumb__item .xo-breadcrumb--current {
  color: rgba(var(--color-foreground), 0.5);
  overflow: hidden;
  text-overflow: ellipsis;
}

.xo-breadcrumb__item:has(.xo-breadcrumb--current) {
  overflow: hidden;
}

.xo-btn {
  --width: initial;
  width: fit-content;
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: color-mix(in srgb, rgba(var(--color-button)) calc(var(--buttons-background-opacity) * 100%), transparent);
  color: color-mix(in srgb, rgba(var(--color-button-text)) calc(1 * 100%), transparent);
  cursor: pointer;
  user-select: none;
  border-radius: var(--buttons-radius-outset);
  box-shadow: var(--buttons-shadow-horizontal-offset) var(--buttons-shadow-vertical-offset) var(--buttons-shadow-blur-radius) color-mix(in srgb, rgba(var(--color-shadow)) calc(var(--buttons-shadow-opacity) * 100%), transparent);
  border: var(--buttons-border-width) solid color-mix(in srgb, rgba(var(--color-button)) calc(var(--buttons-border-opacity) * 100%), transparent);
  padding: 0;
  overflow: hidden;
  transition: all 0.3s;
}
.xo-btn[style*="--width"] .xo-btn__content {
  padding: 0;
}
.xo-btn .xo-btn__content {
  text-shadow: 0 0 0 color-mix(in srgb, rgba(var(--color-button-text)) calc(1 * 100%), transparent), 0 3rem 0 transparent;
}
.xo-btn .xo-btn__content svg {
  color: color-mix(in srgb, rgba(var(--color-button-text)) calc(1 * 100%), transparent);
}
.xo-btn:focus-visible {
  outline-offset: 0.2rem;
}
.xo-btn::before {
  content: "";
  width: 100%;
  height: 0;
  position: absolute;
  z-index: -1;
  top: 100%;
  padding-top: 100%;
  border-radius: 50% 50% 0 0;
  background-color: color-mix(in srgb, rgba(var(--color-hover-button)) calc(1 * 100%), transparent);
  transition: all 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.05s, border-radius 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.22s;
}
[dir=ltr] .xo-btn::before {
  transform: translate(-50%, 0);
  left: 50%;
}
[dir=rtl] .xo-btn::before {
  transform: translate(50%, 0);
  right: 50%;
}
.xo-btn:hover::before, .xo-btn:focus-within::before {
  width: 101%;
  height: 101%;
  padding-top: 0;
  border-radius: 0;
  top: 0;
}
[dir=ltr] .xo-btn:hover::before, [dir=ltr] .xo-btn:focus-within::before {
  transform: translate(-50%, 0);
}
[dir=rtl] .xo-btn:hover::before, [dir=rtl] .xo-btn:focus-within::before {
  transform: translate(50%, 0);
}
.xo-btn:hover .xo-btn__content, .xo-btn:focus-within .xo-btn__content {
  text-shadow: 0 -3rem 0 transparent, 0 0 0 color-mix(in srgb, rgba(var(--color-hover-button-text)) calc(1 * 100%), transparent);
}
.xo-btn:hover .xo-btn__content svg, .xo-btn:focus-within .xo-btn__content svg {
  color: color-mix(in srgb, rgba(var(--color-hover-button-text)) calc(1 * 100%), transparent);
}
.xo-btn:hover .xo-btn__icon--product-card:first-child, .xo-btn:focus-within .xo-btn__icon--product-card:first-child {
  transform: translateY(-250%);
  transition: transform 0.5s;
}
.xo-btn:hover .xo-btn__icon--product-card:last-child, .xo-btn:focus-within .xo-btn__icon--product-card:last-child {
  transform: translateY(-100%);
  transition: transform 0.5s;
}
.xo-btn .xo-btn__icon-product-card {
  position: relative;
}
.xo-btn .xo-btn__icon--product-card:first-child {
  position: relative;
  z-index: 10;
  transform: translateY(0%);
  transition: transform 0.5s;
}
.xo-btn .xo-btn__icon--product-card:last-child {
  position: absolute;
  z-index: 10;
  transform: translateY(150%);
  transition: transform 0.5s;
}

.xo-btn--primary .xo-btn__content {
  text-shadow: 0 0 0 color-mix(in srgb, rgba(var(--color-button-text)) calc(1 * 100%), transparent), 0 3rem 0 transparent;
}
.xo-btn--primary .xo-btn__content svg {
  color: color-mix(in srgb, rgba(var(--color-button-text)) calc(1 * 100%), transparent);
}
.xo-btn--primary:hover .xo-btn__content, .xo-btn--primary:focus-within .xo-btn__content {
  text-shadow: 0 -3rem 0 transparent, 0 0 0 color-mix(in srgb, rgba(var(--color-hover-button-text)) calc(1 * 100%), transparent);
}
.xo-btn--primary:hover .xo-btn__content svg, .xo-btn--primary:focus-within .xo-btn__content svg {
  color: color-mix(in srgb, rgba(var(--color-hover-button-text)) calc(1 * 100%), transparent);
}

.xo-btn--secondary .xo-btn__content {
  text-shadow: 0 0 0 color-mix(in srgb, rgba(var(--color-secondary-button-text)) calc(1 * 100%), transparent), 0 3rem 0 transparent;
}
.xo-btn--secondary .xo-btn__content svg {
  color: color-mix(in srgb, rgba(var(--color-secondary-button-text)) calc(1 * 100%), transparent);
}
.xo-btn--secondary:hover .xo-btn__content, .xo-btn--secondary:focus-within .xo-btn__content {
  text-shadow: 0 -3rem 0 transparent, 0 0 0 color-mix(in srgb, rgba(var(--color-hover-button-text)) calc(1 * 100%), transparent);
}
.xo-btn--secondary:hover .xo-btn__content svg, .xo-btn--secondary:focus-within .xo-btn__content svg {
  color: color-mix(in srgb, rgba(var(--color-hover-button-text)) calc(1 * 100%), transparent);
}

.xo-btn--outline.xo-btn--primary .xo-btn__content,
.xo-btn--outline .xo-btn__content {
  text-shadow: 0 0 0 color-mix(in srgb, rgba(var(--color-button)) calc(1 * 100%), transparent), 0 3rem 0 transparent;
}
.xo-btn--outline.xo-btn--primary .xo-btn__content svg,
.xo-btn--outline .xo-btn__content svg {
  color: color-mix(in srgb, rgba(var(--color-button)) calc(1 * 100%), transparent);
}
.xo-btn--outline.xo-btn--primary:hover .xo-btn__content, .xo-btn--outline.xo-btn--primary:focus-within .xo-btn__content,
.xo-btn--outline:hover .xo-btn__content,
.xo-btn--outline:focus-within .xo-btn__content {
  text-shadow: 0 -3rem 0 transparent, 0 0 0 color-mix(in srgb, rgba(var(--color-hover-button-text)) calc(1 * 100%), transparent);
}
.xo-btn--outline.xo-btn--primary:hover .xo-btn__content svg, .xo-btn--outline.xo-btn--primary:focus-within .xo-btn__content svg,
.xo-btn--outline:hover .xo-btn__content svg,
.xo-btn--outline:focus-within .xo-btn__content svg {
  color: color-mix(in srgb, rgba(var(--color-hover-button-text)) calc(1 * 100%), transparent);
}

.xo-btn--outline.xo-btn--secondary .xo-btn__content {
  text-shadow: 0 0 0 color-mix(in srgb, rgba(var(--color-secondary-button)) calc(1 * 100%), transparent), 0 3rem 0 transparent;
}
.xo-btn--outline.xo-btn--secondary .xo-btn__content svg {
  color: color-mix(in srgb, rgba(var(--color-secondary-button)) calc(1 * 100%), transparent);
}
.xo-btn--outline.xo-btn--secondary:hover .xo-btn__content, .xo-btn--outline.xo-btn--secondary:focus-within .xo-btn__content {
  text-shadow: 0 -3rem 0 transparent, 0 0 0 color-mix(in srgb, rgba(var(--color-hover-button-text)) calc(1 * 100%), transparent);
}
.xo-btn--outline.xo-btn--secondary:hover .xo-btn__content svg, .xo-btn--outline.xo-btn--secondary:focus-within .xo-btn__content svg {
  color: color-mix(in srgb, rgba(var(--color-hover-button-text)) calc(1 * 100%), transparent);
}

.xo-btn--primary {
  background-color: color-mix(in srgb, rgba(var(--color-button)) calc(var(--buttons-background-opacity) * 100%), transparent);
  color: color-mix(in srgb, rgba(var(--color-button-text)) calc(1 * 100%), transparent);
}

.xo-btn--secondary {
  background-color: color-mix(in srgb, rgba(var(--color-secondary-button)) calc(var(--buttons-background-opacity) * 100%), transparent);
  color: color-mix(in srgb, rgba(var(--color-secondary-button-text)) calc(1 * 100%), transparent);
}

.xo-btn--outline {
  background: none;
  border: 0.1rem dashed color-mix(in srgb, rgba(var(--color-button)) calc(0.4 * 100%), transparent);
  border-radius: var(--buttons-radius-outset);
}

.xo-btn__content,
.xo-btn__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  transition: 0.3s;
}

.xo-btn__content {
  word-wrap: break-word;
  word-break: break-word;
  padding: 0.6rem calc(var(--buttons-scale) * 2rem);
  min-height: calc(var(--buttons-scale) * 4.1rem);
  overflow: hidden;
  gap: 0.6rem;
  width: max-content;
}

.xo-btn__content--reverse {
  flex-direction: row-reverse;
}

.xo-btn--xs {
  font-size: calc((1 + (var(--buttons-scale) - 1) / 2) * 1.3rem);
  font-weight: 600;
}
.xo-btn--xs .xo-btn__content {
  line-height: calc(1 + 0.38 / var(--font-body-scale));
  padding: 0.5rem calc(var(--buttons-scale) * 3.2rem);
  min-height: calc(var(--buttons-scale) * 2.8rem);
}

.xo-btn--sm {
  font-size: calc((1 + (var(--buttons-scale) - 1) / 2) * 1.3rem);
  font-weight: 600;
}
.xo-btn--sm .xo-btn__content {
  line-height: calc(1 + 0.38 / var(--font-body-scale));
  padding: 1.1rem calc(var(--buttons-scale) * 3.6rem);
  min-height: calc(var(--buttons-scale) * 4rem);
}

.xo-btn--md {
  font-size: calc((1 + (var(--buttons-scale) - 1) / 2) * 1.4rem);
  font-weight: 600;
  line-height: calc(1 + 0.57 / var(--font-body-scale));
}
.xo-btn--md .xo-btn__content {
  padding: 1.3rem calc(var(--buttons-scale) * 2.3rem);
  min-height: calc(var(--buttons-scale) * 4.8rem);
}

.xo-btn--lg {
  font-size: calc((1 + (var(--buttons-scale) - 1) / 2) * 1.4rem);
  line-height: calc(1 + 0.57 / var(--font-body-scale));
  font-weight: 600;
}
@media (min-width: 992px) {
  .xo-btn--lg {
    font-size: calc((1 + (var(--buttons-scale) - 1) / 2) * 1.8rem);
    line-height: calc(1 + 0.47 / var(--font-body-scale));
    letter-spacing: calc(var(--font-body-scale) * -0.036rem);
  }
}
.xo-btn--lg .xo-btn__content {
  padding: 1.3rem calc(var(--buttons-scale) * 2.3rem);
  min-height: calc(var(--buttons-scale) * 4.8rem);
}
@media (min-width: 992px) {
  .xo-btn--lg .xo-btn__content {
    padding: 1.5rem calc(var(--buttons-scale) * 5rem);
    min-height: calc(var(--buttons-scale) * 5.6rem);
  }
}

.xo-btn--xlg {
  font-size: calc((1 + (var(--buttons-scale) - 1) / 2) * 1.4rem);
  line-height: calc(1 + 0.57 / var(--font-body-scale));
  font-weight: 600;
}
@media (min-width: 992px) {
  .xo-btn--xlg {
    font-size: calc((1 + (var(--buttons-scale) - 1) / 2) * 2.1rem);
    line-height: calc(1 + 0.4 / var(--font-body-scale));
    letter-spacing: calc(var(--font-body-scale) * -0.063rem);
  }
}
.xo-btn--xlg .xo-btn__content {
  padding: 1.3rem calc(var(--buttons-scale) * 3.35rem);
  min-height: calc(var(--buttons-scale) * 4.8rem);
}
@media (min-width: 992px) {
  .xo-btn--xlg .xo-btn__content {
    padding: 1.95rem calc(var(--buttons-scale) * 3.35rem);
    min-height: calc(var(--buttons-scale) * 6.8rem);
  }
}

.xo-btn--block {
  display: flex;
  width: 100%;
}

.xo-btn--disabled,
.xo-btn[disabled]:not([disabled=false]) {
  opacity: 0.8;
  cursor: not-allowed;
}

.xo-btn__loading {
  opacity: 0;
  position: absolute;
  inset: 0;
  transform: translateY(100%);
  transition: 0.3s;
}

.xo-btn--loading .xo-btn__loading,
xo-cart-shipping-rates-submit[xo-loading]:not([xo-loading=false]) .xo-btn__loading,
xo-cart-note-submit[xo-loading]:not([xo-loading=false]) .xo-btn__loading,
xo-cart-add[xo-loading]:not([xo-loading=false]) .xo-btn__loading,
xo-product-quick-view-trigger[xo-loading]:not([xo-loading=false]) .xo-btn__loading {
  opacity: 1;
  transform: translateY(0);
}
.xo-btn--loading .xo-btn__content,
xo-cart-shipping-rates-submit[xo-loading]:not([xo-loading=false]) .xo-btn__content,
xo-cart-note-submit[xo-loading]:not([xo-loading=false]) .xo-btn__content,
xo-cart-add[xo-loading]:not([xo-loading=false]) .xo-btn__content,
xo-product-quick-view-trigger[xo-loading]:not([xo-loading=false]) .xo-btn__content {
  transform: translateY(-100%);
}

.xo-btn__icon {
  display: flex;
}

.xo-btn__text {
  color: transparent;
  transition: all 0.4s;
}

.btn-carousel {
  z-index: 1;
}
.btn-carousel::before {
  content: "";
  width: 100%;
  height: 0;
  position: absolute;
  z-index: -1;
  top: 100%;
  padding-top: 100%;
  border-radius: 50% 50% 0 0;
  background-color: color-mix(in srgb, rgba(var(--color-hover-button)) calc(1 * 100%), transparent);
  transition: all 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.05s, border-radius 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.22s;
  text-shadow: 0 0 0 color-mix(in srgb, rgba(var(--color-button-text)) calc(1 * 100%), transparent), 0 3rem 0 transparent;
}
[dir=ltr] .btn-carousel::before {
  transform: translate(-50%, 0);
  left: 50%;
}
[dir=rtl] .btn-carousel::before {
  transform: translate(50%, 0);
  right: 50%;
}
.btn-carousel svg {
  color: color-mix(in srgb, rgba(var(--color-button-text)) calc(1 * 100%), transparent);
}
.btn-carousel:hover::before, .btn-carousel:focus-within::before {
  width: 101%;
  height: 101%;
  padding-top: 0;
  border-radius: 0;
  top: 0;
  text-shadow: 0 -3rem 0 transparent, 0 0 0 color-mix(in srgb, rgba(var(--color-hover-button-text)) calc(1 * 100%), transparent);
}
[dir=ltr] .btn-carousel:hover::before, [dir=ltr] .btn-carousel:focus-within::before {
  transform: translate(-50%, 0);
}
[dir=rtl] .btn-carousel:hover::before, [dir=rtl] .btn-carousel:focus-within::before {
  transform: translate(50%, 0);
}
.btn-carousel:hover svg, .btn-carousel:focus-within svg {
  color: color-mix(in srgb, rgba(var(--color-hover-button-text)) calc(1 * 100%), transparent);
}

.xo-card {
  max-width: var(--max-width);
}

.xo-card__container {
  display: flex;
  padding-top: clamp(1.5rem, calc(2.25vw + 0.6rem), 3.3rem);
  justify-content: var(--vertical-alignment);
}

.xo-card__content {
  display: flex;
  flex-direction: column;
  align-items: var(--vertical-alignment);
  gap: 0.6rem;
  width: 100%;
  max-width: var(--max-width-content);
}

.xo-card__heading {
  color: rgba(var(--color-foreground));
  text-align: center;
  font-family: var(--font-heading-family);
  font-size: calc(var(--font-heading-scale) * var(--font-body-scale) * clamp(2rem, calc(0.75vw + 1.7rem), 2.6rem));
  line-height: calc(1 + 0.23 / var(--font-heading-scale));
  letter-spacing: calc(var(--font-heading-scale) * -0.052rem);
}
.xo-card__heading p {
  color: inherit;
}

.xo-card__heading--right {
  text-align: right;
}

.xo-card__heading--left {
  text-align: left;
}

.xo-card__paragraph {
  text-align: center;
  opacity: 0.7;
  color: rgba(var(--color-foreground-2));
  font-size: calc(var(--font-body-scale) * clamp(1.4rem, calc(0.5vw + 1.2rem), 1.8rem));
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 991px) {
  .xo-card__paragraph {
    line-height: calc(1 + 0.14 / var(--font-body-scale));
  }
}
.xo-card__paragraph p {
  color: inherit;
}

.xo-card__paragraph--right {
  text-align: right;
}

.xo-card__paragraph--left {
  text-align: left;
}

.xo-card__image .xo-image {
  border-radius: 2rem;
}
.xo-card__image img,
.xo-card__image svg {
  scale: 1;
  transition: scale 0.5s;
}
.xo-card__image:hover img,
.xo-card__image:hover svg, .xo-card__image:focus-visible img,
.xo-card__image:focus-visible svg {
  scale: 1.1;
  transition: scale 0.5s;
}

.xo-carousel-navigation {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  z-index: 100;
}

.xo-carousel-navigation__nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 10;
  gap: 0.7rem;
}

.xo-carousel-navigation__button {
  overflow: hidden;
  position: absolute;
  width: 3.3rem;
  height: 3.3rem;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 50%;
  background-color: rgba(var(--color-button));
}
@media (min-width: 992px) {
  .xo-carousel-navigation__button {
    width: 4rem;
    height: 4rem;
  }
}

[dir=ltr] .xo-carousel-navigation__button--prev {
  left: 0;
}
[dir=rtl] .xo-carousel-navigation__button--prev {
  right: 0;
}

[dir=ltr] .xo-carousel-navigation__button--next {
  right: 0;
}
[dir=rtl] .xo-carousel-navigation__button--next {
  left: 0;
}

.xo-carousel-navigation__button[xo-disabled]:not([xo-disabled=false]) {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
}

.xo-carousel-navigation--top {
  position: absolute;
  top: 0;
  transform: translateY(-110%);
}
[dir=ltr] .xo-carousel-navigation--top {
  left: 0;
}
[dir=rtl] .xo-carousel-navigation--top {
  right: 0;
}

.xo-carousel-navigation--in-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
[dir=ltr] .xo-carousel-navigation--in-content {
  left: 0;
}
[dir=rtl] .xo-carousel-navigation--in-content {
  right: 0;
}
.xo-carousel-navigation--in-content .xo-carousel-navigation__nav {
  width: 100%;
}

.xo-carousel-navigation--center {
  justify-content: center;
}

.xo-carousel-navigation--right {
  justify-content: flex-end;
}

@media (min-width: 992px) {
  .xo-carousel-navigation--disabled {
    display: none;
  }
}

@media (max-width: 991px) {
  .xo-carousel-navigation--mobile-disabled {
    display: none;
  }
}

.xo-carousel-paginator {
  --pag_align: left;
  justify-content: var(--pag_align);
}
.xo-carousel-paginator xo-carousel-bullet {
  width: 2.5rem;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.xo-carousel-paginator xo-carousel-bullet span {
  display: block;
  flex-shrink: 0;
  width: 1.2rem;
  height: 1.2rem;
  background-color: rgba(var(--color-foreground), 0.25);
  border-radius: 50%;
}
.xo-carousel-paginator xo-carousel-bullet:hover span {
  box-shadow: 0 0 0.2rem 0.1rem rgba(0, 0, 0, 0.147);
  transition-duration: 0.3s;
}
.xo-carousel-paginator xo-carousel-bullet[xo-active]:not([xo-active=false]) span {
  background-color: rgba(var(--color-foreground));
}
.xo-carousel-paginator xo-carousel-bullet[xo-active]:not([xo-active=false]):hover span {
  box-shadow: none;
}

.xo-carousel-paginator--sticks xo-carousel-bullet {
  width: 4.5rem;
}
.xo-carousel-paginator--sticks xo-carousel-bullet span {
  width: 3.5rem;
  height: 0.4rem;
  border-radius: 0;
}

@media (min-width: 992px) {
  .xo-carousel-paginator--disabled {
    display: none;
  }
}

@media (max-width: 991px) {
  .xo-carousel-paginator--mobile-disabled {
    display: none;
  }
}

.xo-cart-add-error {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent) !important;
  background-color: color-mix(in srgb, rgba(var(--color-background)) calc(1 * 100%), transparent) !important;
  width: unset !important;
}
.xo-cart-add-error svg {
  flex-shrink: 0;
  padding-top: 0.5rem;
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent) !important;
}

.xo-cart-add-error:has(xo-cart-add-error-message:empty) {
  padding: 0 !important;
}

.xo-cart-drawer__login {
  display: flex;
  gap: 0.8rem;
  align-items: flex-end;
  padding-top: 2.1rem;
}

.xo-cart-drawer__login-title,
.xo-cart-drawer__login-paragraph {
  font-family: var(--font-body-family);
  font-size: calc(var(--font-body-scale) * 1.5rem);
  font-style: var(--font-body-style);
  font-weight: 400;
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(0.7 * 100%), transparent);
  line-height: calc(1 + 0.46 / var(--font-body-scale));
}

.xo-cart-drawer__login-paragraph {
  display: flex;
  gap: 0.4rem;
}
.xo-cart-drawer__login-paragraph a {
  font-weight: 500;
  color: color-mix(in srgb, rgba(var(--color-button)) calc(1 * 100%), transparent);
}

.xo-cart-empty .xo-empty__content {
  opacity: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.xo-cart-empty .xo-empty__title {
  text-align: center;
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  font-family: var(--font-heading-family);
  font-size: calc(var(--font-heading-scale) * var(--font-body-scale) * 1.8rem);
  font-style: var(--font-heading-style);
  font-weight: 600;
  line-height: calc(1 + 0.47 / var(--font-heading-scale));
  letter-spacing: calc(var(--font-heading-scale) * -0.036rem);
}

cart-show-tab {
  position: relative;
  display: block;
}

cart-show-tab-trigger {
  display: block;
  cursor: pointer;
}

cart-show-tab-content {
  position: relative;
  display: flex;
  flex-direction: column;
}

cart-show-tab-pane {
  visibility: hidden;
  position: absolute;
  width: 100%;
  display: block;
  opacity: 0;
  transition: all 0.3s;
  pointer-events: none;
}

cart-show-tab-trigger[cart-active] {
  color: rgba(var(--color-foreground));
  background-color: rgba(var(--color-layer));
  transition: all 0.3s;
}

cart-show-tab-pane[cart-active] {
  visibility: visible;
  position: static;
  opacity: 1;
  transition: all 0.3s;
  pointer-events: auto;
}

.xo-cart-mini-footer {
  padding: 2rem 0;
  padding-top: 1.6rem;
}
.xo-cart-mini-footer .xo-badge-discount {
  padding: 0;
  opacity: 0.8;
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  font-family: var(--font-body-family);
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-style: var(--font-body-style);
  font-weight: 400;
  line-height: calc(1 + 0.57 / var(--font-body-scale));
  align-items: center;
}
.xo-cart-mini-footer .xo-badge-discount svg {
  width: 2.4rem;
  height: 2.4rem;
}

.xo-cart-mini-footer__price {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.xo-side-cart__price-text {
  opacity: 0.7;
  font-family: var(--font-body-family);
  font-size: calc(var(--font-body-scale) * 1.5rem);
  font-style: var(--font-body-style);
  font-weight: 400;
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.46 / var(--font-body-scale));
}

.xo-side-cart__price-number {
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  letter-spacing: calc(var(--font-heading-scale) * -0.063rem);
  margin-bottom: 0;
}

.xo-cart-mini-footer__taxes {
  padding: 1.6rem 0;
  border-bottom: 0.1rem dashed color-mix(in srgb, rgba(var(--color-border)) calc(1 * 100%), transparent);
}

.xo-cart-mini-footer__tax {
  display: block;
  width: 100%;
  opacity: 0.6;
  font-family: var(--font-body-family);
  font-size: calc(var(--font-body-scale) * 1.3rem);
  font-style: var(--font-body-style);
  font-weight: 400;
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.38 / var(--font-body-scale));
  padding: 0.8rem 1.2rem;
  background-color: color-mix(in srgb, rgba(var(--color-layer)) calc(1 * 100%), transparent);
}
@media (min-width: 992px) {
  .xo-cart-mini-footer__tax {
    padding: 0.8rem 1.8rem;
    border-radius: 4rem;
  }
}

.cart-mini-footer__view-cart .xo-btn {
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  background-color: color-mix(in srgb, rgba(var(--color-background)) calc(1 * 100%), transparent);
  text-align: center;
  font-size: calc(var(--font-body-scale) * 1.7rem);
  line-height: calc(1 + 0.52 / var(--font-body-scale));
}
.cart-mini-footer__view-cart .xo-btn:hover {
  color: color-mix(in srgb, rgba(var(--color-hover-button-text)) calc(1 * 100%), transparent);
  background-color: color-mix(in srgb, rgba(var(--color-hover-button)) calc(1 * 100%), transparent);
}

.xo-cart-mini-footer__bottom {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.6rem;
  padding-top: 2rem;
}
.xo-cart-mini-footer__bottom:first-child {
  grid-column: 1;
}

.xo-cart-mini-item .xo-cart-mini-item__price {
  padding-bottom: 0.8rem;
}
.xo-cart-mini-item .xo-cart-item__discounted-prices {
  width: fit-content;
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
  gap: 0.5rem;
}
.xo-cart-mini-item .xo-cart-item__final-price {
  font-family: var(--font-body-family);
  font-size: calc(var(--font-body-scale) * 1.6rem);
  font-style: var(--font-body-style);
  font-weight: 600;
  color: color-mix(in srgb, rgba(var(--color-foregorund)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.5 / var(--font-body-scale));
}
.xo-cart-mini-item .xo-cart-item__old-price {
  opacity: 0.4;
  font-family: var(--font-body-family);
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-style: var(--font-body-style);
  font-weight: 500;
  color: color-mix(in srgb, rgba(var(--color-foregorund)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.57 / var(--font-body-scale));
}

.xo-cart-mini-item__discounts {
  padding-inline-start: 0;
  padding-bottom: 0.5rem;
}

.xo-cart-mini-item__discount {
  color: rgb(var(--color-foreground));
  list-style: none;
}

.xo-cart-mini-item__inner {
  position: relative;
  display: flex;
  gap: 2rem;
  padding: 1.6rem 0;
}

.xo-cart-mini-item__image {
  display: block;
  width: 8.7rem;
  height: 10.7rem;
  flex-shrink: 0;
}

.xo-cart-mini-item__title {
  display: block;
  font-size: calc(var(--font-body-scale) * 1.5rem);
  font-weight: 500;
  line-height: calc(1 + 0.22 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * 0.018rem);
  color: rgb(var(--color-foreground));
  opacity: 0.8;
  width: 90%;
}

.xo-cart-mini-item__remove {
  position: absolute;
  top: 3.6rem;
}
[dir=ltr] .xo-cart-mini-item__remove {
  right: 1.2rem;
}
[dir=rtl] .xo-cart-mini-item__remove {
  left: 1.2rem;
}

.xo-cart-mini-item__content:has(.xo-cart-mini-item__loading[xo-visible]) .xo-quantity__button {
  pointer-events: none;
}

.xo-cart-mini-item__remove-action {
  cursor: pointer;
}

.xo-cart-mini-item__loading[xo-visible]:not([xo-visible=false]) + .xo-cart-mini-item__remove-action {
  display: none;
}

.xo-cart-mini-item__option span {
  word-break: break-word;
  word-wrap: break-word;
}

.xo-cart-mini-item__option-name,
.xo-cart-mini-item__option-value {
  width: max-content;
  opacity: 0.5;
  font-family: var(--font-body-family);
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-style: var(--font-body-style);
  font-weight: 400;
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.57 / var(--font-body-scale));
}

.xo-cart-mini-item__option-value {
  opacity: 0.8;
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
}

.xo-cart-mini-item__content .xo-quantity__button {
  padding: 1.2rem 1.4rem;
}
.xo-cart-mini-item__content .xo-quantity--md {
  width: 75%;
}
@media (min-width: 992px) {
  .xo-cart-mini-item__content .xo-quantity--md {
    width: 50%;
  }
}

.xo-cart-mini-item__selling-plan {
  font-family: var(--font-body-family);
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-style: var(--font-body-style);
  font-weight: 400;
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.57 / var(--font-body-scale));
  padding-bottom: 0.5rem;
}

.xo-currency-select form {
  display: flex;
}

.xo-currency-select__label {
  font-size: calc(var(--font-body-scale) * 1.4rem);
  padding-bottom: 1rem;
}

.xo-currency-select__trigger {
  display: inline-flex;
  align-items: center;
  gap: 1.1rem;
  cursor: pointer;
}
.xo-currency-select__trigger span {
  width: max-content;
  font-family: var(--font-body-family);
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-style: var(--font-body-style);
  font-weight: 600;
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.5 / var(--font-body-scale));
}

.xo-currency-select__content {
  display: flex;
  flex-direction: column;
  min-width: 20rem;
  max-height: 20rem;
  overflow: auto;
  background-color: color-mix(in srgb, rgba(var(--color-background)) calc(1 * 100%), transparent);
  border: 0.1rem solid color-mix(in srgb, rgba(var(--color-foreground)) calc(0.15 * 100%), transparent);
  border-radius: 0.8rem;
  margin-top: 0.9rem;
}

.xo-currency-select__content::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.xo-currency-select__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1rem;
  border-bottom: 0.1rem solid color-mix(in srgb, rgba(var(--color-foreground)) calc(0.15 * 100%), transparent);
  background-color: color-mix(in srgb, rgba(var(--color-background)) calc(1 * 100%), transparent);
  text-align: center;
  transition: 0.3s;
  cursor: pointer;
}
.xo-currency-select__item:hover, .xo-currency-select__item:focus-visible {
  opacity: 0.8;
}
.xo-currency-select__item:last-child {
  border-bottom: none;
}

.xo-currency-select__name {
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(0.5 * 100%), transparent);
}

.xo-currency-select__input {
  display: none;
}
.xo-currency-select__input:checked ~ .xo-currency-select__name {
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
}

.xo-currency-select__trigger-container,
.xo-currency-select__name {
  display: flex;
  align-items: center;
  gap: 0.7rem;
}
.xo-currency-select__trigger-container img,
.xo-currency-select__name img {
  object-fit: cover;
  height: 100%;
  border-radius: 100%;
}

.xo-currency-select__flag {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2.2rem;
}

.xo-empty {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: var(--align);
}

.xo-empty__content {
  opacity: 0.7;
  text-align: center;
  font-family: var(--font-body-family);
  font-size: calc(var(--font-body-scale) * 1.5rem);
  font-style: var(--font-body-style);
  font-weight: 400;
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.46 / var(--font-body-scale));
}
.xo-empty__content a {
  display: block;
  width: fit-content;
}

.xo-field-checkbox {
  display: flex;
  gap: 0.8rem;
  justify-content: space-between;
  cursor: pointer;
  user-select: none;
  padding: 0.6rem 1.2rem;
}
.xo-field-checkbox:hover, .xo-field-checkbox:focus-visible {
  background-color: color-mix(in srgb, rgba(var(--color-layer)) calc(0.8 * 100%), transparent);
}

.xo-field-checkbox__item {
  display: block;
  flex-shrink: 0;
  width: 1.8rem;
  height: 1.8rem;
  border: 0.2rem solid rgba(var(--color-border), 1);
  border-radius: 0.3rem;
  overflow: hidden;
}

.xo-field-checkbox__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgb(var(--color-foreground));
  opacity: 0;
  transition: 0.3s;
}

.xo-field-checkbox__input {
  display: none;
}
.xo-field-checkbox__input:checked ~ .xo-field-checkbox__item {
  border-color: rgba(var(--color-foreground), 1);
}
.xo-field-checkbox__input:checked ~ .xo-field-checkbox__item .xo-field-checkbox__icon {
  opacity: 1;
}

.xo-field-checkbox__label {
  display: flex;
  align-items: center;
}
.xo-field-checkbox__label xo-filters-count,
.xo-field-checkbox__label span {
  opacity: 0.4;
  font-family: var(--font-body-family);
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-style: var(--font-body-style);
  font-weight: 400;
  color: rgba(var(--color-foreground), 0.8);
  line-height: calc(1 + 0.57 / var(--font-body-scale));
}
.xo-field-checkbox__label span {
  opacity: 0.7;
}

.xo-field-checkbox-2 {
  display: flex;
  gap: 0.8rem;
  justify-content: space-between;
  cursor: pointer;
  user-select: none;
  padding: 0.6rem 1.2rem;
}
.xo-field-checkbox-2:hover, .xo-field-checkbox-2:focus-visible {
  background-color: color-mix(in srgb, rgba(var(--color-layer)) calc(0.8 * 100%), transparent);
}

.xo-field-checkbox-2__item {
  display: block;
  flex-shrink: 0;
  width: 1.8rem;
  height: 1.8rem;
  border: 0.2rem solid rgba(var(--color-border), 1);
  border-radius: 0.3rem;
  overflow: hidden;
}

.xo-field-checkbox-2__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgb(var(--color-foreground));
  opacity: 0;
  transition: 0.3s;
}

.xo-field-checkbox-2__input {
  display: none;
}
.xo-field-checkbox-2__input:checked ~ .xo-field-checkbox-2__item {
  border-color: rgba(var(--color-foreground), 1);
}
.xo-field-checkbox-2__input:checked ~ .xo-field-checkbox-2__item .xo-field-checkbox-2__icon {
  opacity: 1;
  color: rgba(var(--color-button-text));
}

.xo-field-checkbox-2__label {
  display: flex;
  align-items: center;
}
.xo-field-checkbox-2__label span {
  font-family: var(--font-body-family);
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-style: var(--font-body-style);
  font-weight: 400;
  color: rgba(var(--color-foreground));
  line-height: calc(1 + 0.57 / var(--font-body-scale));
}

.xo-field-color {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
  position: relative;
}

.xo-field-color__item {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background-color: var(--color);
  background-image: var(--image-src);
  background-size: cover;
  background-position: center;
  border: 0.1rem solid rgba(var(--color-foreground), 0.2);
  flex-shrink: 0;
  overflow: hidden;
}
.xo-field-color__item .xo-field-color__image {
  position: absolute;
}

.xo-field-color__image {
  z-index: -1;
  inset: -1px;
}

.xo-field-color__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: 0.3s;
}

.xo-field-color__input {
  display: none;
}
.xo-field-color__input:checked ~ .xo-field-color__item {
  border: none;
  transition: all 0.3s;
}
.xo-field-color__input:checked ~ .xo-field-color__item:before {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  transform: translate(-50%, -50%);
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  border: 0.1rem solid rgba(var(--color-border), 0.5);
  transition: all 0.3s ease-in-out;
}
[dir=ltr] .xo-field-color__input:checked ~ .xo-field-color__item:before {
  left: 50%;
  right: 0;
}
[dir=rtl] .xo-field-color__input:checked ~ .xo-field-color__item:before {
  right: 50%;
  left: 0;
}
.xo-field-color__input:checked ~ .xo-field-color__item .xo-field-color__icon {
  opacity: 1;
}

.xo-field-color__label {
  margin-inline-start: 0.8rem;
  display: none;
}

.xo-field-input {
  position: relative;
  width: 100%;
  display: block;
  line-height: normal;
}

.xo-field-input__input {
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  width: 100%;
  outline: none;
  background-color: transparent;
  padding: 1.6rem 2.4rem;
  padding-inline-end: 4rem;
  border: 0.1rem dashed color-mix(in srgb, rgba(var(--color-border)) calc(0.5 * 100%), transparent);
  border-radius: 5.4rem;
  transition: 0.2s;
} 
.page-contact .xo-field-input__input {
    border: 0.2rem dashed color-mix(in srgb,rgba(var(--color-border)) 50%,transparent);
}
.page-contact .xo-field-textarea__textarea {
    border: 0.2rem dashed color-mix(in srgb,rgba(var(--color-border)) 40%,transparent);
}
.xo-field-input__input::placeholder {
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
}

.xo-field-radio {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
}

.xo-field-radio__item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--icon-size);
  height: var(--icon-size);
  border-radius: 50%;
  background-color: rgb(var(--color-background));
  border: 0.1rem solid rgba(var(--color-foreground), 0.4);
  flex-shrink: 0;
}

.xo-field-radio__icon {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background-color: rgb(var(--color-foreground));
  transform: scale(0);
  opacity: 0;
  transition: 0.3s;
}

.xo-field-radio__input {
  display: none;
  word-wrap: break-word;
  word-break: break-word;
}
.xo-field-radio__input:checked ~ .xo-field-radio__item .xo-field-radio__icon {
  transform: scale(0.7);
  opacity: 1;
}

.xo-field-radio__label {
  margin-inline-start: 0.8rem;
}

.xo-field-radio--boxed .xo-field-radio__label {
  margin-inline-start: 0;
  padding: 0.35rem 2rem;
  border-radius: 4.4rem;
  text-align: center;
  font-size: calc(var(--font-body-scale) * 1.15rem);
  font-weight: 500;
  color: rgb(var(--color-button), 0.6);
  line-height: calc(1 + 0.38 / var(--font-body-scale));
  background-color: rgb(var(--color-button), 0.1);
  transition: 0.3s;
}
@media (min-width: 992px) {
  .xo-field-radio--boxed .xo-field-radio__label {
    font-size: calc(var(--font-body-scale) * 1.5rem);
    font-weight: 600;
    line-height: calc(1 + 0.46 / var(--font-body-scale));
  }
}
.xo-field-radio--boxed .xo-field-radio__input:checked ~ .xo-field-radio__label {
  background-color: rgba(var(--color-button));
  color: rgb(var(--color-button-text));
}

.xo-field-radio__input[xo-disabled]:not([xo-disabled=false]) + .xo-field-radio__label {
  text-decoration: line-through;
  opacity: 0.6;
}

.xo-field-radio__tooltip {
  max-width: 32rem;
  word-wrap: break-word;
}

.xo-field-select {
  position: relative;
  min-width: 20rem;
  width: 100%;
}

.xo-field-select__select {
  appearance: none;
  box-shadow: none;
  padding: 1rem;
  width: 100%;
  background-color: transparent;
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
}

.xo-field-select__option {
  font-size: 1.6rem;
}

.xo-field-select__icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
[dir=ltr] .xo-field-select__icon {
  right: 1rem;
}
[dir=rtl] .xo-field-select__icon {
  left: 1rem;
}

.xo-field-select-custom__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  cursor: pointer;
  border-radius: 5.4rem;
  border: 0.1rem dashed color-mix(in srgb, rgba(var(--color-border)) calc(0.5 * 100%), transparent);
  padding: 0.8rem 1.6rem;
}
@media (min-width: 992px) {
  .xo-field-select-custom__trigger {
    padding: 1.6rem;
  }
}
.xo-field-select-custom__trigger svg {
  transition: all 0.3s;
}

.xo-field-select-custom__trigger[xo-active] svg {
  transform: rotate(180deg);
}

.xo-field-select-custom__name {
  word-break: break-all;
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  font-size: calc(var(--font-body-scale) * 1.6rem);
  font-weight: 600;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
}

.xo-field-select-custom__popover {
  z-index: 1000;
  min-width: 25rem;
  background-color: rgb(var(--color-background));
  border: 0.1rem solid rgba(var(--color-foreground), 0.15);
  max-height: max(50vh, 40rem);
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);
  overflow: scroll;
}

.xo-field-select-custom__popover::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.xo-field-select-custom__check {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  cursor: pointer;
  padding: 1rem 2.7rem;
}
.xo-field-select-custom__check:hover, .xo-field-select-custom__check:focus-visible {
  background-color: color-mix(in srgb, rgba(var(--color-layer)) calc(0.8 * 100%), transparent);
}

.xo-field-select-custom__input {
  display: none;
}
.xo-field-select-custom__input:checked ~ .xo-field-select-custom__icon svg {
  opacity: 1;
  transform: scale(1);
}

.xo-field-select-custom__icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.xo-field-select-custom__icon svg {
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  opacity: 0;
  transform: scale(0.3);
  transition: 0.3s;
}

.xo-field-textarea {
  position: relative;
  width: 100%;
  display: block;
}

.xo-field-textarea__textarea {
  width: 100%;
  height: 13.6rem;
  outline: none;
  border: none;
  background-color: transparent;
  resize: vertical;
  padding: 1.6rem 2.4rem;
  border: 0.1rem dashed color-mix(in srgb, rgba(var(--color-border)) calc(0.4 * 100%), transparent);
  border-radius: 1.4rem;
}

.xo-field-textarea__placeholder {
  position: absolute;
  top: 1.6rem;
  transition: 0.2s;
  transform-origin: 0 0;
}
[dir=ltr] .xo-field-textarea__placeholder {
  left: 2.4rem;
}
[dir=rtl] .xo-field-textarea__placeholder {
  right: 2.4rem;
}

.xo-field-textarea__textarea:focus + .xo-field-textarea__placeholder, .xo-field-textarea__textarea:not(:placeholder-shown) + .xo-field-textarea__placeholder {
  transform: translateY(-15px) scale(0.7);
}

.xo-variant-image {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  user-select: none;
  position: relative;
}

.xo-variant-image__item {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: var(--color);
  background-image: var(--image-src);
  background-size: cover;
  background-position: center;
  transition: all 0.3s ease-in-out;
  border: 0.1rem solid rgba(var(--color-border), 0.5);
}
.xo-variant-image__item .xo-variant-image__image {
  position: absolute;
  overflow: hidden;
  border-radius: 50%;
}

.xo-variant-image__image {
  z-index: -1;
  inset: -1px;
  border: 0.1rem solid transparent;
  transition: 0.3s;
}

.xo-variant-image__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: 0.3s;
}

.xo-variant-image__input {
  display: none;
}
.xo-variant-image__input:checked ~ .xo-variant-image__item {
  border: none;
  transition: all 0.3s;
}
.xo-variant-image__input:checked ~ .xo-variant-image__item:before {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  transform: translate(-50%, -50%);
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  border: 0.1rem solid rgba(var(--color-border), 0.5);
  transition: all 0.3s ease-in-out;
}
[dir=ltr] .xo-variant-image__input:checked ~ .xo-variant-image__item:before {
  left: 50%;
  right: 0;
}
[dir=rtl] .xo-variant-image__input:checked ~ .xo-variant-image__item:before {
  right: 50%;
  left: 0;
}
.xo-variant-image__input:checked ~ .xo-variant-image__item .xo-variant-image__icon {
  opacity: 1;
}

.xo-form-error {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  padding: 1rem;
  margin: 1rem 0;
  background-color: #ffdbdf;
  border: 0.1rem solid #eb001b;
  color: #eb001b;
}

.xo-form-error__message {
  color: #eb001b;
  margin-inline-start: 0.5rem;
}
.xo-form-error__message ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.xo-form-success {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  padding: 1rem;
  margin: 1rem 0;
  background-color: #e4ffe5;
  border: 0.1rem solid #428445;
  color: #428445;
}

.xo-form-success__message {
  color: #428445;
  margin-inline-start: 0.5rem;
}

.xo-icon-box {
  display: flex;
  flex-direction: column;
}

.xo-icon-box__link {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  text-decoration: none;
}

.xo-icon-box__image,
.xo-icon-box__icon {
  max-width: 6rem;
}

.xo-icon-box__title {
  font-size: calc(var(--font-heading-scale) * var(--font-body-scale) * 2.2rem);
  margin: 0;
}

.xo-icon-box--center {
  align-items: center;
}

.xo-image {
  display: flex;
  position: relative;
  border: var(--media-border-width) solid rgba(var(--color-foreground), var(--media-border-opacity));
  border-radius: var(--media-radius);
  box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-foreground), var(--media-shadow-opacity));
  overflow: hidden;
}
.xo-image img,
.xo-image svg {
  object-fit: cover;
  aspect-ratio: var(--xo-ratio-percent);
  object-position: var(--x-pos) var(--y-pos);
}

.xo-image__overlay {
  background-color: #fff;
}

.xo-image__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--color-foreground), 0.1);
}

.xo-language-select__label {
  font-size: calc(var(--font-body-scale) * 1.4rem);
  padding-bottom: 1rem;
}

.xo-language-select__trigger {
  display: inline-flex;
  align-items: center;
  gap: 1.1rem;
  cursor: pointer;
}
.xo-language-select__trigger span {
  width: max-content;
  font-family: var(--font-body-family);
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-style: var(--font-body-style);
  font-weight: 600;
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.5 / var(--font-body-scale));
}

.xo-language-select__content {
  display: flex;
  flex-direction: column;
  min-width: 15rem;
  max-height: 20rem;
  overflow: auto;
  background-color: color-mix(in srgb, rgba(var(--color-background)) calc(1 * 100%), transparent);
  border: 0.1rem solid color-mix(in srgb, rgba(var(--color-foreground)) calc(0.15 * 100%), transparent);
  border-radius: 0.8rem;
  margin-top: 0.9rem;
}

.xo-language-select__content::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.xo-language-select__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1rem;
  border-bottom: 0.1rem solid color-mix(in srgb, rgba(var(--color-foreground)) calc(0.15 * 100%), transparent);
  background-color: color-mix(in srgb, rgba(var(--color-background)) calc(1 * 100%), transparent);
  text-align: center;
  transition: 0.3s;
  cursor: pointer;
}
.xo-language-select__item:hover, .xo-language-select__item:focus-visible {
  opacity: 0.8;
}
.xo-language-select__item:last-child {
  border-bottom: none;
}

.xo-language-select__name {
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(0.5 * 100%), transparent);
}

.xo-language-select__input {
  display: none;
}
.xo-language-select__input:checked ~ .xo-language-select__name {
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
}

.xo-loader-1 {
  --size: 40;
  --color: #000;
  --duration: 1600;
  position: relative;
  width: calc(var(--size) * 1px);
  height: calc(var(--size) * 1px);
}
.xo-loader-1:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  font-size: calc(var(--size) / 10 * 1px);
  width: 1em;
  height: 1em;
  margin: -0.5em 0 0 -0.5em;
  border: none;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: 0 0;
  animation: xo-loader-1 calc(var(--duration) * 1ms) infinite ease;
  transform: translateZ(0);
}
[dir=ltr] .xo-loader-1:before {
  left: 50%;
}
[dir=rtl] .xo-loader-1:before {
  right: 50%;
}

.xo-btn .xo-loader-1:before {
  animation: none;
}

.xo-btn--loading .xo-loader-1:before,
xo-cart-shipping-rates-submit[xo-loading]:not([xo-loading=false]) .xo-loader-1:before,
xo-cart-note-submit[xo-loading]:not([xo-loading=false]) .xo-loader-1:before,
xo-cart-add[xo-loading]:not([xo-loading=false]) .xo-loader-1:before,
xo-product-quick-view-trigger[xo-loading]:not([xo-loading=false]) .xo-loader-1:before {
  animation: xo-loader-1 calc(var(--duration) * 1ms) infinite ease;
}

@keyframes xo-loader-1 {
  0% {
    transform: rotate(0);
    box-shadow: 0 -4.15em 0 0 var(--color), 0 -4.15em 0 -0.1em var(--color), 0 -4.15em 0 -0.2em var(--color), 0 -4.15em 0 -0.3em var(--color), 0 -4.15em 0 -0.315em var(--color);
  }
  5%, 95% {
    box-shadow: 0 -4.15em 0 0 var(--color), 0 -4.15em 0 -0.1em var(--color), 0 -4.15em 0 -0.2em var(--color), 0 -4.15em 0 -0.3em var(--color), 0 -4.15em 0 -0.315em var(--color);
  }
  10%, 59% {
    box-shadow: 0 -4.15em 0 0 var(--color), -0.435em -4.125em 0 -0.1em var(--color), -0.865em -4.06em 0 -0.2em var(--color), -1.28em -3.945em 0 -0.3em var(--color), -1.485em -3.875em 0 -0.315em var(--color);
  }
  20% {
    box-shadow: 0 -4.15em 0 0 var(--color), -1.69em -3.79em 0 -0.1em var(--color), -2.775em -3.085em 0 -0.2em var(--color), -3.335em -2.44em 0 -0.3em var(--color), -3.745em -1.7em 0 -0.315em var(--color);
  }
  38% {
    box-shadow: 0 -4.15em 0 0 var(--color), -1.885em -3.7em 0 -0.1em var(--color), -3.225em -2.61em 0 -0.2em var(--color), -3.875em -1.485em 0 -0.3em var(--color), -4.1em -0.45em 0 -0.315em var(--color);
  }
  100% {
    transform: rotate(360deg);
    box-shadow: 0 -4.15em 0 0 var(--color), 0 -4.15em 0 -0.1em var(--color), 0 -4.15em 0 -0.2em var(--color), 0 -4.15em 0 -0.3em var(--color), 0 -4.15em 0 -0.315em var(--color);
  }
}
.xo-loader-2 {
  --size: 26;
  --color: #000;
  --duration: 1000;
  --stroke-width: 2;
  position: relative;
  width: calc(var(--size) * 1px);
  height: calc(var(--size) * 1px);
}
.xo-loader-2 > * {
  width: 100%;
  height: 100%;
  position: absolute;
  border: calc(var(--stroke-width) * 1px) solid transparent;
  border-top-color: currentColor;
  animation: xo-loader-2 calc(var(--duration) * 1ms) linear infinite;
  transform: translateZ(0);
  border-radius: 50%;
  color: var(--color);
}

.xo-btn .xo-loader-2 > * {
  animation: none;
}

.xo-btn--loading .xo-loader-2 > *,
xo-cart-shipping-rates-submit[xo-loading]:not([xo-loading=false]) .xo-loader-2 > *,
xo-cart-note-submit[xo-loading]:not([xo-loading=false]) .xo-loader-2 > *,
xo-cart-add[xo-loading]:not([xo-loading=false]) .xo-loader-2 > *,
xo-product-quick-view-trigger[xo-loading]:not([xo-loading=false]) .xo-loader-2 > * {
  animation: xo-loader-2 calc(var(--duration) * 1ms) linear infinite;
}

@keyframes xo-loader-2 {
  0% {
    visibility: hidden;
    display: none;
    transform: rotate(0);
  }
  100% {
    visibility: visible;
    display: block;
    transform: rotate(360deg);
  }
}
.xo-loader-3 {
  --size: 10;
  --color: #000;
  --duration: 1000;
  display: flex;
  align-items: center;
  width: fit-content;
  height: calc(var(--size) * 1px);
}
.xo-loader-3 > *, .xo-loader-3:before, .xo-loader-3:after {
  height: calc(var(--size) * 1px);
  width: calc(var(--size) * 1px);
  border-radius: 50%;
  background-color: var(--color);
}
.xo-loader-3 > * {
  margin: 0 calc(var(--size) / 2 * 1px);
  animation: calc(var(--duration) * 1ms) xo-loader-3 ease-in-out infinite 0.15555s;
}
.xo-loader-3:before {
  content: "";
  animation: calc(var(--duration) * 1ms) xo-loader-3 ease-in-out infinite 0s;
}
.xo-loader-3:after {
  content: "";
  animation: calc(var(--duration) * 1ms) xo-loader-3 ease-in-out infinite 0.3s;
}

.xo-btn .xo-loader-3 > *, .xo-btn .xo-loader-3:before, .xo-btn .xo-loader-3:after {
  animation: none;
}

.xo-btn--loading .xo-loader-3 > *,
xo-cart-shipping-rates-submit[xo-loading]:not([xo-loading=false]) .xo-loader-3 > *,
xo-cart-note-submit[xo-loading]:not([xo-loading=false]) .xo-loader-3 > *,
xo-cart-add[xo-loading]:not([xo-loading=false]) .xo-loader-3 > *,
xo-product-quick-view-trigger[xo-loading]:not([xo-loading=false]) .xo-loader-3 > * {
  animation: calc(var(--duration) * 1ms) xo-loader-3 ease-in-out infinite 0.15555s;
}
.xo-btn--loading .xo-loader-3:before,
xo-cart-shipping-rates-submit[xo-loading]:not([xo-loading=false]) .xo-loader-3:before,
xo-cart-note-submit[xo-loading]:not([xo-loading=false]) .xo-loader-3:before,
xo-cart-add[xo-loading]:not([xo-loading=false]) .xo-loader-3:before,
xo-product-quick-view-trigger[xo-loading]:not([xo-loading=false]) .xo-loader-3:before {
  animation: calc(var(--duration) * 1ms) xo-loader-3 ease-in-out infinite 0s;
}
.xo-btn--loading .xo-loader-3:after,
xo-cart-shipping-rates-submit[xo-loading]:not([xo-loading=false]) .xo-loader-3:after,
xo-cart-note-submit[xo-loading]:not([xo-loading=false]) .xo-loader-3:after,
xo-cart-add[xo-loading]:not([xo-loading=false]) .xo-loader-3:after,
xo-product-quick-view-trigger[xo-loading]:not([xo-loading=false]) .xo-loader-3:after {
  animation: calc(var(--duration) * 1ms) xo-loader-3 ease-in-out infinite 0.3s;
}

@keyframes xo-loader-3 {
  0%, 80%, 100% {
    transform: scale(0);
    opacity: 0;
  }
  40% {
    transform: scale(1);
    opacity: 1;
  }
}
.xo-menu-hamburger__modal {
  z-index: 1000;
}

.xo-menu-hamburger__modal:has(.xo-menu-hamburger__content--modify) .mega-menu--mobile {
  display: block;
}
.xo-menu-hamburger__modal:has(.xo-menu-hamburger__content--modify) .mega-menu--desktop {
  display: none;
}

.xo-menu-hamburger__trigger {
  cursor: pointer;
}
.xo-menu-hamburger__trigger svg {
  vertical-align: middle;
}
.xo-menu-hamburger__trigger svg:hover {
  transition: all 0.3s;
  opacity: 0.6;
}

.xo-menu-hamburger__content {
  display: flex;
  flex-direction: column;
  width: 30rem;
  min-height: 100vh;
  background-color: rgb(var(--color-background));
  border-right: 0.1rem solid rgba(var(--color-foreground), 0.1);
  overflow: hidden;
}
@media (max-width: 767px) {
  .xo-menu-hamburger__content {
    width: 100vw;
  }
}

.xo-menu-hamburger__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: var(--font-body-family);
  font-size: calc(var(--font-body-scale) * 1.7rem);
  font-weight: 600;
  font-style: var(--font-body-style);
  color: rgba(var(--color-foreground));
  padding: 0.5rem 0;
  border-bottom: 0.1rem dashed color-mix(in srgb, rgba(var(--color-border)) calc(1 * 100%), transparent);
  cursor: pointer;
  transition: 0.3s;
}
.xo-menu-hamburger__link:active .xo-menu-hamburger__label, .xo-menu-hamburger__link:hover .xo-menu-hamburger__label {
  transition: all 0.3s;
  color: color-mix(in srgb, rgba(var(--color-hover-button)) calc(1 * 100%), transparent);
}

.xo-menu-hamburger__label {
  padding: 0.5rem 0;
}

.xo-menu-hamburger__item--current {
  color: rgb(var(--color-accent));
}

.xo-menu-hamburger__arrow {
  line-height: normal;
}
.xo-menu-hamburger__arrow svg {
  vertical-align: middle;
}

.xo-menu-hamburger__arrow--mega-menu {
  display: none;
}

.xo-menu-hamburger__mega-menu:empty ~ .xo-menu-hamburger__link .xo-menu-hamburger__arrow--mega-menu, .xo-menu-hamburger__mega-menu:not(:empty) ~ .xo-menu-hamburger__link .xo-menu-hamburger__arrow--mega-menu {
  display: block !important;
}

.xo-menu-hamburger__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.1rem;
  padding: 0 2.1rem;
  padding-top: 1.9rem;
}

.xo-menu-hamburger__back {
  display: flex;
}

.xo-menu-hamburger__top-left {
  width: 100%;
  height: 100%;
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  padding-top: 1.3rem;
  padding-bottom: 1.3rem;
  padding-inline-start: 2.4rem;
  padding-inline-end: 2.4rem;
  border-radius: 4rem;
  border: 0.1rem dashed color-mix(in srgb, rgba(var(--color-border)) calc(1 * 100%), transparent);
}
.xo-menu-hamburger__top-left a {
  word-break: break-word;
}
.xo-menu-hamburger__top-left .xo-header__right-item-number {
  top: -0.5rem;
}
[dir=ltr] .xo-menu-hamburger__top-left .xo-header__right-item-number {
  left: 1.5rem;
}
[dir=rtl] .xo-menu-hamburger__top-left .xo-header__right-item-number {
  right: 1.5rem;
}

.xo-menu-hamburger__link--close {
  border: none;
  padding: 0;
}
.xo-menu-hamburger__link--close:hover, .xo-menu-hamburger__link--close:focus-visible {
  opacity: 0.7;
  color: color-mix(in srgb, rgba(var(--color-hover-button)) calc(1 * 100%), transparent);
}

.xo-menu-hamburger__top-container {
  width: 100%;
  min-height: 5.8rem;
}

@media (max-width: 991px) {
  .xo-menu-hamburger__top-container--menu {
    min-height: 6.3rem;
  }
}

.xo-menu-hamburger__search-form {
  display: flex;
  align-items: center;
  margin-top: 2.8rem;
  margin-bottom: 0rem;
  margin-inline-start: 2.1rem;
  margin-inline-end: 2.1rem;
  border-bottom: 0.1rem dashed color-mix(in srgb, rgba(var(--color-border)) calc(1 * 100%), transparent);
}

.xo-menu-hamburger__search-field {
  width: 100%;
}
.xo-menu-hamburger__search-field .xo-field-input__placeholder {
  opacity: 0.5;
  font-family: var(--font-body-family);
  font-size: calc(var(--font-body-scale) * 1.7rem);
  font-style: var(--font-body-style);
  font-weight: 600;
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.52 / var(--font-body-scale));
}
[dir=ltr] .xo-menu-hamburger__search-field .xo-field-input__placeholder {
  left: 0;
}
[dir=rtl] .xo-menu-hamburger__search-field .xo-field-input__placeholder {
  right: 0;
}
.xo-menu-hamburger__search-field .xo-field-input__input {
  border: none;
  background-color: transparent;
  width: 100%;
  font-family: var(--font-body-family);
  font-size: calc(var(--font-body-scale) * 1.7rem);
  font-style: var(--font-body-style);
  font-weight: 600;
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.52 / var(--font-body-scale));
  padding-inline-start: 0;
}
.xo-menu-hamburger__search-field .xo-field-input__input:focus {
  outline: none;
}

.xo-menu-hamburger__search-icon {
  display: flex;
  padding: 0.7rem;
}

.xo-menu-hamburger__search {
  position: relative;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  padding-inline-end: 4rem;
}

.xo-menu-hamburger__search-input {
  border: none;
  border-radius: unset;
  outline: none;
  background-color: transparent;
  width: 100%;
  font-family: var(--font-body-family);
  font-size: calc(var(--font-body-scale) * 1.7rem);
  font-style: var(--font-body-style);
  font-weight: 600;
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.52 / var(--font-body-scale));
}

.xo-menu-hamburger__search-input::placeholder {
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
}

.xo-menu-hamburger__account {
  margin: 0 2.1rem;
  margin-top: 2.3rem;
  display: flex;
  gap: 0.7rem;
  align-items: center;
  width: fit-content;
}
.xo-menu-hamburger__account svg {
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
}
.xo-menu-hamburger__account:hover {
  transition: all 0.3s;
  opacity: 0.6;
}

.xo-menu-hamburger__account-text {
  font-family: var(--font-body-family);
  font-size: calc(var(--font-body-scale) * 1.8rem);
  font-style: var(--font-body-style);
  font-weight: 600;
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.44 / var(--font-body-scale));
}

.xo-menu-hamburger__list {
  padding: 0 2.1rem;
}

.xo-menu-hamburger__image {
  position: relative;
  bottom: -15rem;
  width: 37rem;
  height: 37rem;
}
[dir=ltr] .xo-menu-hamburger__image {
  left: -15%;
}
[dir=rtl] .xo-menu-hamburger__image {
  right: -15%;
}
.xo-menu-hamburger__image .xo-image {
  display: flex;
}
.xo-menu-hamburger__image svg,
.xo-menu-hamburger__image img {
  width: 100%;
  height: 100%;
}

.xo-menu-hamburger__region {
  display: flex;
  flex-direction: column;
  padding: 0 2.1rem;
  padding-top: 1.5rem;
}
.xo-menu-hamburger__region .xo-language-select__label,
.xo-menu-hamburger__region .xo-currency-select__label {
  display: none;
}

.xo-menu-horizontal {
  display: flex;
  align-items: center;
  height: 100%;
  margin: 0;
  padding-inline-start: 0;
}
@media (min-width: 992px) {
  .xo-menu-horizontal {
    row-gap: 0.2rem;
    column-gap: 1.5rem;
    flex-wrap: wrap;
  }
}

.xo-menu-horizontal--type-2 {
  width: 85%;
}
.xo-menu-horizontal--type-2 > .xo-menu-horizontal__item {
  padding: 1rem 0;
}

.xo-menu-horizontal > .xo-menu-horizontal__item > .xo-menu-horizontal__sub-menu .xo-menu-horizontal__sub-menu:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: -1;
  padding-inline-start: 1.9rem;
  padding-inline-end: 1.6rem;
  border-radius: 0.8rem;
  transition: all 0.3s 0.2s, background-color 0.3s 0.5s, box-shadow 0s;
}
[dir=ltr] .xo-menu-horizontal > .xo-menu-horizontal__item > .xo-menu-horizontal__sub-menu .xo-menu-horizontal__sub-menu:after {
  right: 100%;
}
[dir=rtl] .xo-menu-horizontal > .xo-menu-horizontal__item > .xo-menu-horizontal__sub-menu .xo-menu-horizontal__sub-menu:after {
  left: 100%;
}

.xo-menu-horizontal > .xo-menu-horizontal__item > .xo-menu-horizontal__sub-menu .xo-menu-horizontal__sub-menu {
  transform: none;
  opacity: 1;
  z-index: 90;
  padding: 1rem 2.2rem;
  transition: all 0.3s 0.3s;
}
.xo-menu-horizontal > .xo-menu-horizontal__item > .xo-menu-horizontal__sub-menu .xo-menu-horizontal__sub-menu:before {
  content: "";
  position: absolute;
  inset: 1rem;
  background-color: color-mix(in srgb, rgba(var(--color-layer)) calc(1 * 100%), transparent);
  border-radius: 0.8rem;
  opacity: 0;
  transition: 0.3s;
}

.xo-menu-horizontal > .xo-menu-horizontal__item > .xo-menu-horizontal__sub-menu > .xo-menu-horizontal__item--sub:hover .xo-menu-horizontal__sub-menu,
.xo-menu-horizontal > .xo-menu-horizontal__item > .xo-menu-horizontal__sub-menu > .xo-menu-horizontal__item--sub:focus-within .xo-menu-horizontal__sub-menu {
  transform: none;
  opacity: 1;
  z-index: 91;
  transition: all 0.3s 0s, opacity 0s, box-shadow 0s;
}
.xo-menu-horizontal > .xo-menu-horizontal__item > .xo-menu-horizontal__sub-menu > .xo-menu-horizontal__item--sub:hover .xo-menu-horizontal__sub-menu:before,
.xo-menu-horizontal > .xo-menu-horizontal__item > .xo-menu-horizontal__sub-menu > .xo-menu-horizontal__item--sub:focus-within .xo-menu-horizontal__sub-menu:before {
  opacity: 1;
  transition: 0.3s 0.2s;
}

.xo-menu-horizontal > .xo-menu-horizontal__item > .xo-menu-horizontal__sub-menu > .xo-menu-horizontal__item--sub > .xo-menu-horizontal__link--sub {
  position: relative;
  z-index: 100;
}

.xo-menu-horizontal > .xo-menu-horizontal__item > .xo-menu-horizontal__sub-menu:has(> .xo-menu-horizontal__item--sub:hover, > .xo-menu-horizontal__item--sub:focus-within) {
  background: none !important;
  box-shadow: none;
}

.xo-menu-horizontal > .xo-menu-horizontal__item > .xo-menu-horizontal__sub-menu:has(> .xo-menu-horizontal__item--no-children:hover, > .xo-menu-horizontal__item--no-children:focus-within) {
  background: color-mix(in srgb, rgba(var(--color-background)) calc(1 * 100%), transparent) !important;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);
}

.xo-menu-horizontal > .xo-menu-horizontal__item > .xo-menu-horizontal__sub-menu > .xo-menu-horizontal__item--sub:hover .xo-menu-horizontal__sub-menu:after,
.xo-menu-horizontal > .xo-menu-horizontal__item > .xo-menu-horizontal__sub-menu > .xo-menu-horizontal__item--sub:focus-within .xo-menu-horizontal__sub-menu:after {
  background-color: color-mix(in srgb, rgba(var(--color-background)) calc(1 * 100%), transparent);
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);
  width: 200%;
  transition: all 0.3s 0s, background-color 0s 0s, box-shadow 0s;
}
[dir=ltr] .xo-menu-horizontal > .xo-menu-horizontal__item > .xo-menu-horizontal__sub-menu > .xo-menu-horizontal__item--sub:hover .xo-menu-horizontal__sub-menu:after,
[dir=ltr] .xo-menu-horizontal > .xo-menu-horizontal__item > .xo-menu-horizontal__sub-menu > .xo-menu-horizontal__item--sub:focus-within .xo-menu-horizontal__sub-menu:after {
  right: 0;
}
[dir=rtl] .xo-menu-horizontal > .xo-menu-horizontal__item > .xo-menu-horizontal__sub-menu > .xo-menu-horizontal__item--sub:hover .xo-menu-horizontal__sub-menu:after,
[dir=rtl] .xo-menu-horizontal > .xo-menu-horizontal__item > .xo-menu-horizontal__sub-menu > .xo-menu-horizontal__item--sub:focus-within .xo-menu-horizontal__sub-menu:after {
  left: 0;
}

.xo-menu-horizontal > .xo-menu-horizontal__item > .xo-menu-horizontal__sub-menu > .xo-menu-horizontal__item--sub:hover .xo-menu-horizontal__sub-menu > .xo-menu-horizontal__item--sub,
.xo-menu-horizontal > .xo-menu-horizontal__item > .xo-menu-horizontal__sub-menu > .xo-menu-horizontal__item--sub:focus-within .xo-menu-horizontal__sub-menu > .xo-menu-horizontal__item--sub {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  transition-delay: calc((var(--order) * 75 + 300) * 1ms);
}

.xo-menu-horizontal__item {
  display: flex;
  align-items: center;
  padding: 1.9rem 0;
}
.xo-menu-horizontal__item:hover > .xo-menu-horizontal__link, .xo-menu-horizontal__item:focus-within > .xo-menu-horizontal__link, .xo-menu-horizontal__item.xo-menu-horizontal__item--current > .xo-menu-horizontal__link {
  color: rgb(var(--color-accent));
}

.xo-menu-horizontal__item--sub {
  padding: 0;
}

.xo-menu-horizontal__item--open > .xo-menu-horizontal__link {
  color: rgb(var(--color-accent));
}

.xo-menu-horizontal__item--has-children:hover > a::after, .xo-menu-horizontal__item--has-children:focus-within > a::after {
  visibility: visible;
  transition: 0.3s 0.5s;
}
[dir=ltr] .xo-menu-horizontal__item--has-children:hover > a::after, [dir=ltr] .xo-menu-horizontal__item--has-children:focus-within > a::after {
  transform: translate(0, -50%);
}
[dir=rtl] .xo-menu-horizontal__item--has-children:hover > a::after, [dir=rtl] .xo-menu-horizontal__item--has-children:focus-within > a::after {
  transform: translate(0, -50%);
}
.xo-menu-horizontal__item--has-children > a {
  position: relative;
}
.xo-menu-horizontal__item--has-children > a::after {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  top: 50%;
  border: solid transparent;
  border-width: 0.8rem 1rem;
  border-inline-end-color: color-mix(in srgb, rgba(var(--color-layer)) calc(1 * 100%), transparent);
  visibility: hidden;
  transition: 0s;
}
[dir=ltr] .xo-menu-horizontal__item--has-children > a::after {
  transform: translate(50%, -50%);
  right: -2.9rem;
}
[dir=rtl] .xo-menu-horizontal__item--has-children > a::after {
  transform: translate(-50%, -50%);
  left: -2.9rem;
}

.xo-menu-horizontal__item--hover:hover > .xo-menu-horizontal__sub-menu,
.xo-menu-horizontal__item--hover:hover > .xo-menu-horizontal__mega-menu,
.xo-menu-horizontal__item--hover:focus-within > .xo-menu-horizontal__sub-menu,
.xo-menu-horizontal__item--hover:focus-within > .xo-menu-horizontal__mega-menu,
.xo-menu-horizontal__item--open > .xo-menu-horizontal__sub-menu,
.xo-menu-horizontal__item--open > .xo-menu-horizontal__mega-menu {
  pointer-events: auto;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 0s;
  z-index: 100;
}

.xo-menu-horizontal__link {
  display: flex;
  align-items: center;
  font-size: calc(var(--font-body-scale) * 1.5rem);
  color: rgba(var(--color-foreground), 0.8);
  height: 100%;
  transition: 0.3s;
}
.xo-menu-horizontal__link:hover .xo-menu-horizontal__label, .xo-menu-horizontal__link:focus-within .xo-menu-horizontal__label {
  transition: all 0.3s;
  color: color-mix(in srgb, rgba(var(--color-hover-button)) calc(1 * 100%), transparent);
}

.xo-menu-horizontal__link--sub {
  width: 100%;
  padding-bottom: 1.3rem;
  padding-top: 1.3rem;
  border-bottom: 0.1rem dashed color-mix(in srgb, rgba(var(--color-border)) calc(1 * 100%), transparent);
}

.xo-menu-horizontal__link--last {
  border-bottom: none;
}

.xo-menu-horizontal__arrow {
  padding-inline-start: 0.8rem;
  line-height: normal;
}
.xo-menu-horizontal__arrow svg {
  vertical-align: middle;
}

.xo-menu-horizontal__arrow--mega-menu {
  display: none;
}

.xo-menu-horizontal__sub-menu {
  width: 23.2rem;
  position: absolute;
  z-index: 100;
  background-color: rgb(var(--color-background));
  border-radius: 0.8rem;
  opacity: 0;
  pointer-events: none;
  transform: translate3d(0, 1rem, 0);
  transition: all 0.3s 0.4s, background-color 0s, box-shadow 0s;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);
  padding-inline-start: 1.9rem;
  padding-inline-end: 1.9rem;
}
.xo-menu-horizontal__sub-menu .xo-menu-horizontal__sub-menu {
  min-height: 100%;
  position: absolute;
  top: 0;
  background: none;
  box-shadow: none;
  border-radius: unset;
}
[dir=ltr] .xo-menu-horizontal__sub-menu .xo-menu-horizontal__sub-menu {
  left: 100%;
}
[dir=rtl] .xo-menu-horizontal__sub-menu .xo-menu-horizontal__sub-menu {
  right: 100%;
}
.xo-menu-horizontal__sub-menu .xo-menu-horizontal__sub-menu li {
  opacity: 0;
  transition: 0.3s;
  transition-delay: 0s;
}
[dir=ltr] .xo-menu-horizontal__sub-menu .xo-menu-horizontal__sub-menu li {
  transform: translate3d(0, 1rem, 0);
}
[dir=rtl] .xo-menu-horizontal__sub-menu .xo-menu-horizontal__sub-menu li {
  transform: translate3d(0, 1rem, 0);
}

.xo-menu-horizontal__label {
  height: 100%;
  display: flex;
  align-items: center;
  font-family: var(--font-body-family);
  font-size: calc(var(--font-body-scale) * 1.6rem);
  font-style: var(--font-body-style);
  font-weight: 600;
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  border-radius: 10%;
}

.xo-menu-horizontal__mega-menu {
  position: absolute;
  top: calc(100% - 0.1rem);
  width: 100%;
  display: block;
  margin: auto;
  opacity: 0;
  pointer-events: none;
  padding-top: 2.25rem;
  transform: translate3d(0, 1rem, 0);
  transition: 0.3s;
}
[dir=ltr] .xo-menu-horizontal__mega-menu {
  left: 0;
}
[dir=rtl] .xo-menu-horizontal__mega-menu {
  right: 0;
}
.xo-menu-horizontal__mega-menu:empty {
  display: none;
}
.xo-menu-horizontal__mega-menu:not(:empty) ~ .xo-menu-horizontal__sub-menu {
  display: none;
}
.xo-menu-horizontal__mega-menu:not(:empty) ~ .xo-menu-horizontal__link .xo-menu-horizontal__arrow--mega-menu {
  display: block;
}
.xo-menu-horizontal__mega-menu .xo-section {
  border: 0.1rem dashed color-mix(in srgb, rgba(var(--color-border)) calc(1 * 100%), transparent);
  box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, 0.1);
  border-radius: 3rem;
}

.xo-menu-scroll__list {
  white-space: nowrap;
  margin: 0;
  padding: 0;
  overflow-x: auto;
}
.xo-menu-scroll__list::-webkit-scrollbar {
  width: 0;
  height: 0;
}
@-moz-document url-prefix() {
  .xo-menu-scroll__list {
    scrollbar-width: 0;
    scrollbar-height: 0;
  }
}

.xo-menu-scroll__item {
  display: inline-block;
}

.xo-menu-scroll__link {
  display: block;
  padding: 0.5rem 2rem;
}

.xo-menu-scroll__link--current {
  color: red;
}

.xo-modal-content {
  --gap: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  pointer-events: none;
}

.xo-modal-content__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: var(--width);
  max-width: calc(100vw - var(--gap) * 2);
  max-height: var(--height);
  background-color: rgba(var(--color-background));
  pointer-events: auto;
}

.xo-modal-content__inner--full-height {
  height: 100dvh;
  max-height: 100dvh;
}

.xo-modal-content__inner--full-width {
  width: 100vw;
  max-width: 100vw;
}

.xo-modal-content__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-shrink: 0;
  min-height: var(--header-height);
}

.xo-modal-content__title {
  font-size: var(--title-size, 3rem);
  line-height: 1.3;
  margin: 0;
}

.xo-modal-content__close {
  cursor: pointer;
  width: 2.4rem;
  height: 2.4rem;
  transition: 0.3s;
}
.xo-modal-content__close:hover {
  opacity: 0.5;
}

.xo-modal-content__close--abs {
  position: absolute;
  z-index: 1000;
  top: 1.5rem;
}
[dir=ltr] .xo-modal-content__close--abs {
  right: 1.5rem;
}
[dir=rtl] .xo-modal-content__close--abs {
  left: 1.5rem;
}

.xo-modal-content__body {
  width: 100%;
  height: 100%;
}

.xo-modal-content__footer {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  min-height: var(--footer-height);
}
.xo-modal-content__footer > * {
  width: 100%;
}

.xo-modal-content__separator {
  width: 100%;
  height: 0.1rem;
  transition: 0.3s ease calc(var(--xo-duration) * 1ms);
}

xo-modal[xo-active]:not([xo-active=false]) .xo-modal-content__separator {
  background-color: rgba(var(--color-border), 0.2);
}

xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) {
  --xo-backdrop-color: rgba(var(--color-foreground), var(--modal-backdrop-opacity));
  --xo-backdrop-blur: var(--modal-backdrop-blur);
}
xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-modal-content {
  padding: var(--modal-margin);
}
xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-modal-content__header {
  padding: 0 var(--modal-padding);
}
xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-modal-content__inner {
  border: var(--modal-border-width) solid rgba(var(--color-foreground), var(--modal-border-opacity));
}
xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) z .xo-modal-content__inner--full-height {
  height: calc(100dvh - var(--modal-margin) * 2);
  max-height: calc(100dvh - var(--modal-margin) * 2);
}
xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-modal-content__inner--full-width {
  width: calc(100vw - var(--modal-margin) * 2);
  max-width: calc(100vw - var(--modal-margin) * 2);
}
xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-modal-content__content {
  padding: var(--modal-padding);
}
xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-modal-content__footer {
  padding: 0 var(--modal-padding);
}
xo-modal[xo-placement*=-left], xo-modal[xo-placement*=-right] {
  --xo-backdrop-color: rgba(var(--color-foreground), var(--drawer-backdrop-opacity));
  --xo-backdrop-blur: var(--drawer-backdrop-blur);
}
xo-modal[xo-placement*=-left] .xo-modal-content, xo-modal[xo-placement*=-right] .xo-modal-content {
  padding: var(--drawer-margin);
}
xo-modal[xo-placement*=-left] .xo-modal-content__header, xo-modal[xo-placement*=-right] .xo-modal-content__header {
  padding: 0 var(--drawer-padding);
}
xo-modal[xo-placement*=-left] .xo-modal-content__inner, xo-modal[xo-placement*=-right] .xo-modal-content__inner {
  border: var(--drawer-border-width) solid rgba(var(--color-foreground), var(--drawer-border-opacity));
  border-radius: var(--drawer-corner-radius);
}
@media (max-width: 991px) {
  xo-modal[xo-placement*=-left] .xo-modal-content__inner, xo-modal[xo-placement*=-right] .xo-modal-content__inner {
    max-width: 100vw;
  }
}
xo-modal[xo-placement*=-left] .xo-modal-content__inner--full-height, xo-modal[xo-placement*=-right] .xo-modal-content__inner--full-height {
  height: calc(100dvh - var(--drawer-margin) * 2);
  max-height: calc(100dvh - var(--drawer-margin) * 2);
}
xo-modal[xo-placement*=-left] .xo-modal-content__inner--full-width, xo-modal[xo-placement*=-right] .xo-modal-content__inner--full-width {
  width: calc(100vw - var(--drawer-margin) * 2);
  max-width: calc(100vw - var(--drawer-margin) * 2);
}
xo-modal[xo-placement*=-left] .xo-modal-content__footer, xo-modal[xo-placement*=-right] .xo-modal-content__footer {
  padding: 0 var(--drawer-padding);
}

.xo-page-collection-heading {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-top: clamp(18rem, calc(2.5vw + 17rem), 20rem);
}
.xo-page-collection-heading .xo-image,
.xo-page-collection-heading img,
.xo-page-collection-heading svg,
.xo-page-collection-heading .xo-image__placeholder {
  width: 100%;
  height: 100%;
}

.xo-page-collection-heading__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.xo-page-collection-heading__title {
  text-align: center;
  display: flex;
  justify-content: center;
  padding-bottom: 1rem;
}
@media (min-width: 992px) {
  .xo-page-collection-heading__title {
    padding-bottom: 0.9rem;
  }
}

.xo-page-collection-heading__image {
  width: 80%;
  align-self: center;
}

.xo-page-collection-heading__description {
  word-wrap: break-word;
  word-break: break-word;
  color: rgba(var(--color-foreground-2), 0.8);
  max-width: 46.1rem;
}

.xo-pagination__list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  padding-top: 1.8rem;
  padding-inline-start: 0;
  font-size: calc(var(--font-body-scale) * 1.5rem);
  font-weight: 400;
  line-height: calc(1 + 0.46 / var(--font-body-scale));
  text-transform: uppercase;
  color: color-mix(in srgb, rgba(var(--color-button-text)) calc(1 * 100%), transparent);
  list-style: none;
}
@media (min-width: 992px) {
  .xo-pagination__list {
    padding-top: 2.4rem;
  }
}

.xo-pagination__text {
  cursor: pointer;
  color: rgba(var(--color-foreground), 0.3);
}

.xo-pagination__arrow {
  cursor: pointer;
}

.xo-pagination__page {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 4rem;
  height: 4rem;
  border-radius: 0.8rem;
  color: rgba(var(--color-foreground));
  cursor: pointer;
}
.xo-pagination__page:hover {
  transition: all 0.5s;
  background-color: rgb(var(--color-button));
  color: rgb(var(--color-button-text));
}

.xo-pagination__page--current {
  background-color: rgb(var(--color-button));
  color: rgb(var(--color-button-text));
}

.xo-pagination__page--prev,
.xo-pagination__page--next {
  pointer-events: none;
  opacity: 0.2;
}
.xo-pagination__page--prev:hover,
.xo-pagination__page--next:hover {
  transition: all 0.5s;
  opacity: 1;
}

.xo-parallax-block {
  position: absolute;
  top: var(--top);
  width: var(--width);
  z-index: 10;
}
[dir=ltr] .xo-parallax-block {
  left: var(--left);
}
[dir=rtl] .xo-parallax-block {
  right: var(--left);
}
@media (max-width: 991px) {
  .xo-parallax-block {
    top: var(--top-mb);
    width: var(--width-mb);
  }
  [dir=ltr] .xo-parallax-block {
    left: var(--left-mb);
  }
  [dir=rtl] .xo-parallax-block {
    right: var(--left-mb);
  }
}
.xo-parallax-block xo-parallax-scroll {
  width: auto;
}
.xo-parallax-block svg {
  width: 100%;
  height: 100%;
}

.xo-predictive-search {
  padding-top: 4.8rem;
  position: relative;
}
.xo-predictive-search .xo-field-input {
  border-bottom: 0.1rem solid color-mix(in srgb, rgba(var(--color-border)) calc(0.4 * 100%), transparent);
}
.xo-predictive-search .xo-field-input__input {
  border: none;
  border-radius: unset;
}
.xo-predictive-search .xo-field-input__input:focus + .xo-field-input__placeholder, .xo-predictive-search .xo-field-input__input:not(:placeholder-shown) + .xo-field-input__placeholder {
  display: none;
}
.xo-predictive-search .xo-field-input__placeholder,
.xo-predictive-search .xo-field-input__input {
  opacity: 0.4;
  font-family: var(--font-heading-family);
  font-size: calc(var(--font-heading-scale) * var(--font-body-scale) * 2.1rem);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.4 / var(--font-heading-scale));
  letter-spacing: calc(var(--font-heading-scale) * -0.063rem);
}
.xo-predictive-search .xo-field-input__input {
  opacity: 1;
  padding: 0;
  padding-top: 4.1rem;
  padding-bottom: 2.3rem;
}
@media (min-width: 992px) {
  .xo-predictive-search .xo-field-input__input {
    padding: 4.1rem 0;
  }
}
.xo-predictive-search .xo-field-input__placeholder {
  padding-top: 4.1rem;
  padding-bottom: 2.3rem;
  top: unset;
}
[dir=ltr] .xo-predictive-search .xo-field-input__placeholder {
  left: 0;
}
[dir=rtl] .xo-predictive-search .xo-field-input__placeholder {
  right: 0;
}
@media (min-width: 992px) {
  .xo-predictive-search .xo-field-input__placeholder {
    padding: 4.1rem 0;
  }
}

.xo-predictive-search__input {
  position: relative;
  display: flex;
}
@media (max-width: 767px) {
  .xo-predictive-search__input {
    padding-inline-start: 2.1rem;
    padding-inline-end: 2.1rem;
  }
}

.xo-predictive-search__icon {
  position: relative;
  padding-top: 4.1rem;
  padding-bottom: 2.3rem;
}
@media (min-width: 992px) {
  .xo-predictive-search__icon {
    padding: 4.1rem 0;
  }
}

.xo-predictive-search__search {
  cursor: pointer;
  position: absolute;
}
[dir=ltr] .xo-predictive-search__search {
  right: 0;
}
[dir=rtl] .xo-predictive-search__search {
  left: 0;
}
.xo-predictive-search__search:hover {
  opacity: 0.5;
}

.xo-predictive-search__search {
  display: flex;
}

.xo-predictive-search__input:has(.xo-field-input__input:focus, .xo-field-input__input:not(:placeholder-shown)) .xo-predictive-search__search {
  display: none;
  z-index: -1;
}

.predictive-search__clear-button--visible {
  display: block;
}

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

.xo-predictive-search__result {
  position: absolute;
  top: 100%;
  z-index: 99999;
  width: 100%;
  border: 0.1rem solid color-mix(in srgb, rgba(var(--color-foreground)) calc(0.15 * 100%), transparent);
  background-color: color-mix(in srgb, rgba(var(--color-background)) calc(1 * 100%), transparent);
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
}
.xo-predictive-search__result.predictive-search-wrapper--visible:not(:empty) {
  opacity: 1;
  pointer-events: auto;
}
@media (max-width: 767px) {
  .xo-predictive-search__result.predictive-search-wrapper--visible:not(:empty) {
    transform: translateY(0);
  }
}
@media (min-width: 768px) {
  [dir=ltr] .xo-predictive-search__result {
    left: 50%;
    transform: translateX(-50%);
  }
  [dir=rtl] .xo-predictive-search__result {
    right: 50%;
    transform: translateX(50%);
  }
}
@media (min-width: 992px) {
  .xo-predictive-search__result {
    width: 77.4rem;
  }
}

.xo-predictive-search__inner {
  width: 100%;
  height: 71dvh;
  overflow: auto;
  border-radius: 1rem;
  background-color: color-mix(in srgb, rgba(var(--color-background)) calc(1 * 100%), transparent);
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);
  overflow: scroll;
}
@media (min-width: 768px) {
  .xo-predictive-search__inner {
    width: 100%;
    height: 71dvh;
    overflow: auto;
  }
}

.xo-predictive-search__inner::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.xo-predictive-search__inner--empty {
  height: unset;
}

.xo-predictive-search__inner-container {
  padding: 0.8rem 2rem 2rem 2rem !important;
}
.xo-predictive-search__inner-container .xo-predictive-search__heading {
  margin-bottom: 0;
  padding: 1.2rem 0;
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.5 / var(--font-heading-scale));
}
.xo-predictive-search__inner-container .xo-predictive-search__inner-content-grid {
  gap: 1.6rem;
}

.xo-predictive-search__item-list {
  padding-top: 1.2rem;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  border-top: 0.1rem dashed color-mix(in srgb, rgba(var(--color-border)) calc(1 * 100%), transparent);
}

.xo-predictive-search__item-list--collection {
  padding-bottom: 0;
}

.xo-predictive-search__item-list--article .xo-predictive-search__item {
  padding: 0 0.8rem 0 0;
  gap: 0.8rem;
}
.xo-predictive-search__item-list--article .xo-predictive-search__article-title {
  padding: 0.8rem;
}

.xo-predictive-search__item-list--product .xo-predictive-search__item {
  padding: 0 0.8rem 0 0;
  gap: 0.8rem;
}
.xo-predictive-search__item-list--product .xo-predictive-search__product-title {
  padding: 0.8rem;
}
.xo-predictive-search__item-list--product .xo-predictive-search__item-image img {
  height: min-content;
}

.xo-predictive-search__item {
  display: flex;
  align-items: center;
  gap: 2rem;
  font-family: var(--font-body-family);
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  font-size: calc(var(--font-body-scale) * 1.5rem);
  font-style: var(--font-body-style);
  font-weight: 400;
  line-height: calc(1 + 0.6 / var(--font-body-scale));
  padding: 0.8rem;
  overflow: hidden;
  transition: 0.3s;
}
.xo-predictive-search__item span {
  opacity: 0.7;
}
.xo-predictive-search__item:hover {
  background-color: color-mix(in srgb, rgba(var(--color-foreground)) calc(0.05 * 100%), transparent);
}

.xo-predictive-search__item-image {
  width: 7.2rem;
  height: 8.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.6rem;
  overflow: hidden;
  flex-shrink: 0;
}
.xo-predictive-search__item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.xo-predictive-search__form {
  width: 100%;
}

.xo-predictive-search__empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.6rem;
  padding: 3.2rem 0;
}
.xo-predictive-search__empty svg {
  fill: color-mix(in srgb, rgba(var(--color-accent)) calc(1 * 100%), transparent);
  width: 10rem;
  height: auto;
}
@media (min-width: 768px) {
  .xo-predictive-search__empty svg {
    width: 14.2rem;
  }
}

.xo-predictive-search__empty-text {
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  text-align: center;
  letter-spacing: calc(var(--font-body-scale) * -0.036rem);
  margin: 0;
}

.product-card__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  background-color: rgb(var(--color-background));
  border: var(--product-card-border-width) solid rgba(var(--color-border), var(--product-card-border-opacity));
  border-radius: var(--product-card-corner-radius);
}
@media (min-width: 768px) {
  .product-card__container {
    gap: 1.4rem;
  }
}
.product-card__container .placeholder-svg {
  width: 100%;
  height: auto;
}
.product-card__container .product-card__actions .product-card__variant,
.product-card__container .product-card__actions .product-card__add,
.product-card__container .product-card__actions .product-card__quick-view-btn {
  transform: translateY(calc(100% + 2rem));
  transition: all 0.3s cubic-bezier(0.31, 0.41, 0.38, 0.96);
  opacity: 0;
}
@media (max-width: 767px) {
  .product-card__container .product-card__actions .product-card__variant,
  .product-card__container .product-card__actions .product-card__add,
  .product-card__container .product-card__actions .product-card__quick-view-btn {
    transform: translateY(5%);
  }
}
.product-card__container .product-card__actions .product-card__quick-view-btn {
  transition-delay: 0.1s;
}
.product-card__container:hover .product-card__actions .product-card__variant,
.product-card__container:hover .product-card__actions .product-card__add,
.product-card__container:hover .product-card__actions .product-card__quick-view-btn, .product-card__container:focus-within .product-card__actions .product-card__variant,
.product-card__container:focus-within .product-card__actions .product-card__add,
.product-card__container:focus-within .product-card__actions .product-card__quick-view-btn {
  transform: translateY(0);
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.31, 0.41, 0.38, 0.96);
}
.product-card__container:hover .product-card__actions .product-card__quick-view-btn, .product-card__container:focus-within .product-card__actions .product-card__quick-view-btn {
  transition-delay: 0.1s;
}

.product-card__header {
  width: fit-content;
  position: relative;
}
.product-card__header a {
  width: fit-content;
  display: block;
}
.product-card__header .xo-product-image {
  width: fit-content;
}
.product-card__header .xo-product-image svg {
  width: 100%;
  height: 100%;
}

.product-card__badge {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  padding-bottom: 1rem;
}

.product-card__actions {
  position: absolute;
  z-index: 9;
  bottom: 50%;
  transform: translateY(50%);
  left: 0;
  right: 0;
  display: flex;
  gap: 1rem;
  align-items: normal;
  text-align: center;
  justify-content: center;
  transition: 0.3s;
}
@media (min-width: 1400px) {
  .product-card__actions {
    left: 5.6rem;
    right: 5.6rem;
  }
}
@media (max-width: 991px) {
  .product-card__actions {
    display: none;
  }
}
.product-card__actions .xo-btn__content {
  font-family: var(--font-heading-family);
  font-size: calc(var(--font-heading-scale) * var(--font-body-scale) * 1.8rem);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  color: color-mix(in srgb, rgba(var(--color-secondary-button-text)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.47 / var(--font-heading-scale));
  letter-spacing: calc(var(--font-heading-scale) * -0.036rem);
}

.product-card__add .xo-btn {
  width: 5.6rem;
  height: 5.6rem;
}
@media (max-width: 991px) {
  .product-card__add .xo-btn {
    width: 5rem;
    height: 5rem;
  }
}
.product-card__add .xo-btn__text {
  display: none;
  color: transparent;
  transition: all 0.1s;
}
@media (min-width: 992px) {
  .product-card__add .xo-btn__text {
    display: block;
  }
}
@media (max-width: 991px) {
  .product-card__add .xo-btn__content {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    padding-inline-start: 2rem;
    padding-inline-end: 2rem;
  }
}
.product-card__add[sold-out=true] .product-card__add--regular {
  display: none;
}
.product-card__add[sold-out=true] .product-card__add--sold-out {
  display: block;
}
.product-card__add[sold-out=true] .product-card__add--sold-out .product-card__add-inside {
  pointer-events: none;
}
.product-card__add[sold-out=true] .product-card__add--sold-out .product-card__add-inside .xo-btn {
  opacity: 0.7;
}
.product-card__add[sold-out=false] .product-card__add--regular {
  display: block;
}
.product-card__add[sold-out=false] .product-card__add--sold-out {
  display: none;
}

.product-card__quick-view-btn,
.product-card__add {
  position: relative;
}
.product-card__quick-view-btn .xo-btn__content,
.product-card__add .xo-btn__content {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-inline-start: 1.5rem;
  padding-inline-end: 1.5rem;
  border-radius: 50%;
  transition: all 0.4s;
}
.product-card__quick-view-btn svg,
.product-card__add svg {
  color: color-mix(in srgb, rgba(var(--color-button-text)) calc(1 * 100%), transparent);
}

.product-card__quick-view-btn[xo-loading] .xo-btn__content {
  opacity: 0;
}

.product-card__information {
  position: relative;
  z-index: 100;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
}
@media (max-width: 991px) {
  .product-card__information {
    width: 100%;
  }
}

.product-card__title {
  text-align: center;
  word-wrap: break-word;
  word-break: break-word;
  display: block;
  opacity: 1;
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  font-size: calc(var(--font-heading-scale) * var(--font-body-scale) * 1.6rem);
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.2 / var(--font-heading-scale));
  letter-spacing: calc(var(--font-heading-scale) * -0.032rem);
  margin: 0;
  padding-bottom: 0.2rem;
  transition: all 0.3s;
}
@media (min-width: 768px) {
  .product-card__title {
    font-size: calc(var(--font-heading-scale) * var(--font-body-scale) * 2.1rem);
    line-height: calc(1 + 0.4 / var(--font-heading-scale));
    letter-spacing: calc(var(--font-heading-scale) * -0.063rem);
    padding-bottom: 0.4rem;
  }
}
.product-card__title:hover {
  color: color-mix(in srgb, rgba(var(--color-hover-button)) calc(1 * 100%), transparent);
  transition: all 0.3s;
}
.product-card__title a {
  color: inherit;
}

.product-card__vendor {
  opacity: 0.5;
  font-size: calc(var(--font-body-scale) * 1.2rem);
  font-weight: 400;
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  padding-bottom: 0.2rem;
}

.product-card__description {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: center;
  opacity: 0.75;
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-weight: 400;
  color: color-mix(in srgb, rgba(var(--color-foreground-2)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.57 / var(--font-body-scale));
  margin-bottom: 0.8rem;
}

.product-card__price {
  display: inline-block;
}

.product-card__price-inner {
  display: inline-flex;
  align-items: center;
  flex-direction: column-reverse;
}
.product-card__price-inner .xo-price__sale {
  gap: 0.5rem;
}
.product-card__price-inner .xo-price__item,
.product-card__price-inner .product-card__price-varies {
  opacity: 0.85;
  font-size: calc(var(--font-body-scale) * 1.6rem);
  color: color-mix(in srgb, rgba(var(--color-foreground-2)) calc(1 * 100%), transparent);
  font-weight: 500;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
}
.product-card__price-inner .xo-price__item span,
.product-card__price-inner .product-card__price-varies span {
  text-align: center;
}
.product-card__price-inner .product-card__price-varies {
  display: flex;
  column-gap: 0.5rem;
}
@media (max-width: 991px) {
  .product-card__price-inner .product-card__price-varies {
    align-items: center;
  }
}

.product-card__variant--one {
  padding-top: 1.5rem;
}
.product-card__variant--one .xo-product-variant__inner-value {
  justify-content: center;
}
.product-card__variant--one .xo-product-variant__inner-name {
  display: none;
}

.product-card__mobile {
  padding-top: 2.4rem;
  display: flex;
  gap: 0.8rem;
}
@media (min-width: 992px) {
  .product-card__mobile {
    display: none;
  }
}
.product-card__mobile .product-card__add,
.product-card__mobile .product-card__quick-view-btn {
  transform: translateY(0);
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.31, 0.41, 0.38, 0.96);
}

.product-card__add--placeholder[sold-out=true] .xo-btn {
  pointer-events: none;
  opacity: 0.6;
}

.add-to-cart__button,
.add-to-cart__container {
  position: relative;
}

.add-to-cart__sold-out:hover .add-to-cart__text {
  opacity: 1;
  transform: translate(-0.1rem, 0px);
  transition: all 0.3s;
}

.add-to-cart__unavailable:hover .add-to-cart__unavailable-text {
  opacity: 1;
  transform: translate(-0.1rem, 0px);
  transition: all 0.3s;
}

.add-to-cart__text,
.add-to-cart__unavailable-text {
  position: absolute;
  top: -3.9rem;
  z-index: 100;
  font-size: 13px;
  background: #111;
  color: #fff;
  display: flex;
  flex-wrap: nowrap;
  width: max-content;
  padding: 0.3rem 1rem;
  border-radius: 0.3rem;
  pointer-events: none;
  opacity: 0;
  transform: translate(-0.1rem, -10px);
  transition: all 0.3s;
}
.add-to-cart__text:after,
.add-to-cart__unavailable-text:after {
  content: "";
  border: solid transparent;
  border-width: 0.6rem;
  border-top-color: #111;
  position: absolute;
  top: calc(100% - 1px);
  left: 50%;
  transform: translate(-50%);
}

.add-to-cart__text--show,
.add-to-cart__unavailable-text--show {
  animation: showText 2s 0.3s linear;
}

@keyframes showText {
  0% {
    opacity: 0;
    transform: translate(-0.1rem, -10px);
  }
  10% {
    transform: translate(-0.1rem, 0px);
    opacity: 1;
  }
  100% {
    transform: translate(-0.1rem, 0px);
    opacity: 1;
  }
}
.add-button {
  justify-content: center;
}

.add-button--available {
  display: flex;
}
.add-button--available .add-button__inside[xo-disabled] {
  opacity: 0.6;
  pointer-events: none;
}

.add-button--unavailable {
  display: none;
}

.add-button--unavailable .add-button__inside {
  opacity: 0.6;
  pointer-events: none;
}

xo-product[xo-unavailable] .product-variant-modal__add {
  display: none;
}
xo-product[xo-unavailable] .product-variant-modal__add--unavailable {
  opacity: 0.6;
  pointer-events: none;
  display: block;
}
xo-product[xo-unavailable] .add-button--available {
  display: none;
}
xo-product[xo-unavailable] .add-button--unavailable {
  display: flex;
}

.xo-price {
  position: relative;
  display: flex;
}

.xo-price__container {
  display: flex;
  flex-direction: column-reverse;
  gap: 0.2rem;
}

.xo-price__regular {
  display: flex;
}

.xo-price--larger .xo-price__item {
  font-size: 2.5rem;
}
.xo-price--larger .xo-price__sale {
  gap: 1.2rem;
}

.xo-price__sale {
  display: flex;
  align-items: center;
  gap: 0.7rem;
}

.xo-price__item {
  font-size: calc(var(--font-body-scale) * 1.5rem);
  font-weight: 500;
  color: color-mix(in srgb, rgba(var(--color-foreground-2)) calc(0.85 * 100%), transparent);
  line-height: calc(1 + 0.46 / var(--font-body-scale));
}
@media (min-width: 992px) {
  .xo-price__item {
    font-size: calc(var(--font-body-scale) * 1.6rem);
    line-height: calc(1 + 0.5 / var(--font-body-scale));
  }
}

.xo-price__item--del {
  text-decoration: line-through;
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-weight: 500;
  color: color-mix(in srgb, rgba(var(--color-foreground-2)) calc(0.4 * 100%), transparent);
  line-height: calc(1 + 0.57 / var(--font-body-scale));
}
@media (min-width: 992px) {
  .xo-price__item--del {
    font-size: calc(var(--font-body-scale) * 1.5rem);
    line-height: calc(1 + 0.46 / var(--font-body-scale));
  }
}

.xo-price__sale--reverse {
  flex-direction: row-reverse;
}

@media (max-width: 991px) {
  .xo-price__item--all {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

@media (max-width: 991px) {
  .xo-price__item-icon {
    display: flex;
    align-items: center;
    height: 0.5rem;
  }
}

.xo-unit-price--hidden {
  display: none;
}

.product-card-3d__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  background-color: rgb(var(--color-background));
  border: var(--product-card-border-width) solid rgba(var(--color-border), var(--product-card-border-opacity));
  border-radius: var(--product-card-corner-radius);
}
@media (min-width: 768px) {
  .product-card-3d__container {
    gap: 1.4rem;
  }
}
.product-card-3d__container .placeholder-svg {
  width: 100%;
  height: auto;
}
.product-card-3d__container .product-card-3d__actions--desktop .product-card-3d__variant--more,
.product-card-3d__container .product-card-3d__actions--desktop .product-card-3d__add,
.product-card-3d__container .product-card-3d__actions--desktop .product-card-3d__quick-view-btn {
  transform: translateY(calc(100% + 2rem));
  transition: 0.3s;
}
@media (max-width: 767px) {
  .product-card-3d__container .product-card-3d__actions--desktop .product-card-3d__variant--more,
  .product-card-3d__container .product-card-3d__actions--desktop .product-card-3d__add,
  .product-card-3d__container .product-card-3d__actions--desktop .product-card-3d__quick-view-btn {
    transform: translateY(5%);
  }
}
@media (min-width: 992px) {
  .product-card-3d__container:hover .product-card-3d__actions--desktop, .product-card-3d__container:focus-within .product-card-3d__actions--desktop {
    opacity: 1;
  }
  [dir=ltr] .product-card-3d__container:hover .product-card-3d__actions--desktop, [dir=ltr] .product-card-3d__container:focus-within .product-card-3d__actions--desktop {
    transform: translate3d(0, -1rem, 8rem);
  }
  [dir=rtl] .product-card-3d__container:hover .product-card-3d__actions--desktop, [dir=rtl] .product-card-3d__container:focus-within .product-card-3d__actions--desktop {
    transform: translate3d(0, -1rem, 8rem);
  }
}
.product-card-3d__container:hover .product-card-3d__actions--desktop .product-card-3d__variant--more,
.product-card-3d__container:hover .product-card-3d__actions--desktop .product-card-3d__add,
.product-card-3d__container:hover .product-card-3d__actions--desktop .product-card-3d__quick-view-btn, .product-card-3d__container:focus-within .product-card-3d__actions--desktop .product-card-3d__variant--more,
.product-card-3d__container:focus-within .product-card-3d__actions--desktop .product-card-3d__add,
.product-card-3d__container:focus-within .product-card-3d__actions--desktop .product-card-3d__quick-view-btn {
  transform: translateY(0);
}
.product-card-3d__container:hover .product-card-3d__actions--desktop .product-card-3d__quick-view-btn, .product-card-3d__container:focus-within .product-card-3d__actions--desktop .product-card-3d__quick-view-btn {
  transition-delay: 0.03s;
}

.product-card-3d__header {
  width: fit-content;
  position: relative;
  transform-style: preserve-3d;
}
.product-card-3d__header a {
  width: fit-content;
  display: block;
}
.product-card-3d__header .xo-product-image {
  width: fit-content;
}

.product-card-3d__image {
  position: relative;
  transform-style: preserve-3d;
}

.product-card-3d__badge {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  padding-bottom: 1rem;
}

.product-card-3d__actions {
  position: absolute;
  bottom: 45%;
  left: 0;
  right: 0;
  z-index: 9;
  gap: 1rem;
  opacity: 0;
  display: flex;
  align-items: normal;
  text-align: center;
  justify-content: center;
  transition: 0.3s;
}
@media (min-width: 1400px) {
  .product-card-3d__actions {
    left: 5.6rem;
    right: 5.6rem;
  }
}
@media (max-width: 991px) {
  .product-card-3d__actions {
    display: none;
  }
}
.product-card-3d__actions .product-card-3d__variant-modal {
  height: 100%;
}
.product-card-3d__actions .product-card-3d__variant-modal-btn {
  display: inline;
}
.product-card-3d__actions .product-card-3d__variant-modal-btn .xo-btn {
  height: 100%;
}

.product-card-3d__actions--mobile {
  position: static;
  opacity: 1;
  display: none;
  padding-top: 0.8rem;
}
@media (max-width: 991px) {
  .product-card-3d__actions--mobile {
    display: flex;
  }
}

.product-card-3d__add .xo-btn__text {
  display: none;
  color: transparent;
  transition: all 0.1s;
}

.product-card-3d__quick-view-btn,
.product-card-3d__add {
  position: relative;
}
.product-card-3d__quick-view-btn .xo-btn__content,
.product-card-3d__add .xo-btn__content {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-inline-start: 1.5rem;
  padding-inline-end: 1.5rem;
  border-radius: 50%;
  transition: all 0.4s;
}
.product-card-3d__quick-view-btn svg,
.product-card-3d__add svg {
  color: color-mix(in srgb, rgba(var(--color-button-text)) calc(1 * 100%), transparent);
}

.product-card-3d__information {
  position: relative;
  z-index: 100;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
}

.product-card-3d__title {
  word-wrap: break-word;
  word-break: break-word;
  display: block;
  opacity: 1;
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  font-size: calc(var(--font-heading-scale) * var(--font-body-scale) * 1.6rem);
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.2 / var(--font-heading-scale));
  letter-spacing: calc(var(--font-heading-scale) * -0.032rem);
  margin: 0;
  padding-bottom: 0.2rem;
  transition: color 0.3s;
}
@media (min-width: 768px) {
  .product-card-3d__title {
    font-size: calc(var(--font-heading-scale) * var(--font-body-scale) * 2.1rem);
    line-height: calc(1 + 0.4 / var(--font-heading-scale));
    letter-spacing: calc(var(--font-heading-scale) * -0.063rem);
    padding-bottom: 0.4rem;
  }
}
.product-card-3d__title:hover {
  color: color-mix(in srgb, rgba(var(--color-hover-button)) calc(1 * 100%), transparent);
  transition: color 0.3s;
}
.product-card-3d__title a {
  color: inherit;
}

.product-card-3d__vendor {
  opacity: 0.5;
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-size: calc(var(--font-body-scale) * 1.2rem);
  font-weight: 400;
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  padding-bottom: 0.2rem;
}

.product-card-3d__description {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: center;
  opacity: 0.75;
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-weight: 400;
  color: color-mix(in srgb, rgba(var(--color-foreground-2)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.57 / var(--font-body-scale));
  margin-bottom: 0.8rem;
}

.product-card-3d__price {
  display: inline-block;
}

.product-card-3d__price-inner {
  display: inline-flex;
  align-items: center;
}
.product-card-3d__price-inner .xo-price__sale {
  gap: 0.5rem;
}
@media (max-width: 991px) {
  .product-card-3d__price-inner .xo-price__sale {
    flex-direction: column-reverse;
  }
}
.product-card-3d__price-inner .xo-price__item,
.product-card-3d__price-inner .product-card-3d__price-varies {
  opacity: 0.85;
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-size: calc(var(--font-body-scale) * 1.6rem);
  color: color-mix(in srgb, rgba(var(--color-foreground-2)) calc(1 * 100%), transparent);
  font-weight: 500;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
}
.product-card-3d__price-inner .product-card-3d__price-varies {
  display: flex;
  column-gap: 0.5rem;
}
@media (max-width: 991px) {
  .product-card-3d__price-inner .product-card-3d__price-varies {
    flex-direction: column;
    align-items: center;
  }
}

.product-card-3d__decor {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -10;
}

.product-card-3d__add[sold-out=true] .product-card-3d__add-inside {
  pointer-events: none;
  opacity: 0.6;
}
.product-card-3d__add[sold-out=true] .product-card-3d__add--sold-out {
  display: block;
}
.product-card-3d__add[sold-out=true] .product-card-3d__add--regular {
  display: none;
}

.product-card-3d__add[sold-out=false] .product-card-3d__add--sold-out {
  display: none;
}
.product-card-3d__add[sold-out=false] .product-card-3d__add--regular {
  display: block;
}

.product-card-3d__variant--one {
  padding-top: 1.5rem;
}
.product-card-3d__variant--one .xo-product-variant__inner-value {
  justify-content: center;
}
.product-card-3d__variant--one .xo-product-variant__inner-name {
  display: none;
}

.product-card-3d[xo-unavailable] .product-variant-modal__add {
  opacity: 0.6;
  pointer-events: none;
}
.product-card-3d[xo-unavailable] .product-variant-modal__add .xo-btn__text {
  color: unset;
  position: relative;
}
.product-card-3d[xo-unavailable] .product-variant-modal__add .xo-btn__text::before {
  content: attr(data-text-unavailable);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  width: max-content;
  color: rgba(var(--color-button-text));
  background-color: rgba(var(--color-button));
}
.product-card-3d[xo-unavailable] .product-card-3d__add-inside {
  display: none;
}
.product-card-3d[xo-unavailable] .product-card-3d__add-inside--unavailable {
  display: block;
  pointer-events: none;
  opacity: 0.6;
}

.product-card-3d .product-card-3d__add-inside {
  display: block;
}
.product-card-3d .product-card-3d__add-inside--unavailable {
  display: none;
}

.product-card-type-2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.6rem;
  background-color: rgb(var(--color-background));
  border: var(--product-card-border-width) solid rgba(var(--color-border), var(--product-card-border-opacity));
  border-radius: var(--product-card-corner-radius);
  box-shadow: var(--product-card-shadow-horizontal-offset) var(--product-card-shadow-vertical-offset) var(--product-card-shadow-blur-radius) rgba(var(--color-shadow), var(--product-card-shadow-opacity));
  overflow: hidden;
}
.product-card-type-2 img,
.product-card-type-2 svg {
  width: 8.2rem;
  height: 8.2rem;
}
.product-card-type-2 img {
  object-fit: contain;
}

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

.product-card-type-2__header:has(a:focus-within) {
  border: 0.1rem solid color-mix(in srgb, rgba(var(--color-border)) calc(1 * 100%), transparent);
}

.product-card-type-2__information {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.product-card-type-2__title {
  word-wrap: break-word;
  word-break: break-word;
  display: block;
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: 600;
  font-size: calc(var(--font-body-scale) * 1.6rem);
  color: color-mix(in srgb, rgba(var(--color-button)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  transition: all 0.3s;
}
@media (min-width: 992px) {
  .product-card-type-2__title {
    line-height: calc(1 + 0.5 / var(--font-body-scale));
  }
}
.product-card-type-2__title:hover {
  color: color-mix(in srgb, rgba(var(--color-hover-button)) calc(1 * 100%), transparent);
  transition: all 0.3s;
}
.product-card-type-2__title a {
  color: inherit;
}

.product-card-type-2__price {
  display: inline-block;
  min-height: 2.2rem;
}

.product-card-type-2__price-inner {
  display: inline-flex;
  align-items: center;
}
.product-card-type-2__price-inner .xo-price__sale {
  gap: 0.5rem;
}
@media (max-width: 991px) {
  .product-card-type-2__price-inner .xo-price__sale {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}

.product-card-type-3__container {
  display: flex;
  flex-direction: column;
  max-width: 26rem;
  background-color: rgb(var(--color-background));
  border-radius: 1rem;
  padding-top: 1.2rem;
  padding-bottom: 3rem;
  padding-inline-start: 2rem;
  padding-inline-end: 2rem;
}
@media (min-width: 992px) {
  .product-card-type-3__container {
    max-width: 28rem;
  }
}

.product-card-type-3__title {
  word-wrap: break-word;
  word-break: break-word;
  display: block;
  opacity: 0.8;
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: 600;
  font-size: calc(var(--font-body-scale) * 1.7rem);
  color: color-mix(in srgb, rgba(var(--color-button)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.52 / var(--font-body-scale));
  transition: color 0.3s;
}
.product-card-type-3__title:hover {
  color: color-mix(in srgb, rgba(var(--color-hover-button)) calc(1 * 100%), transparent);
  transition: color 0.3s;
}
.product-card-type-3__title a {
  color: inherit;
}

.product-card-type-3__price {
  display: inline-block;
}

.product-card-type-3__price-inner .xo-price__item--del {
  display: none;
}

.product-card-type-3__top {
  padding-bottom: 0.9rem;
  border-bottom: 0.1rem dashed color-mix(in srgb, rgba(var(--color-border)) calc(1 * 100%), transparent);
}

.product-card-type-3__bottom {
  padding-top: 1.4rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1rem;
}

.product-card-type-3__variant {
  width: 100%;
}
.product-card-type-3__variant .xo-product-variant {
  padding: 0;
}
.product-card-type-3__variant .xo-product-variant__inner {
  flex-direction: column;
  align-items: flex-start;
  gap: 0.3rem;
}
.product-card-type-3__variant .xo-product-variant__inner-name {
  display: flex;
  gap: 0.3rem;
  font-family: var(--font-body-family);
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-style: var(--font-body-style);
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(0.5 * 100%), transparent);
  font-weight: 400;
  line-height: calc(1 + 0.57 / var(--font-body-scale));
}
.product-card-type-3__variant .xo-product-variant__inner-selected-value {
  font-family: var(--font-body-family);
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-style: var(--font-body-style);
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(0.8 * 100%), transparent);
  font-weight: 400;
  line-height: calc(1 + 0.57 / var(--font-body-scale));
}

.product-card-type-3__variant--placeholder {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.product-card-type-3__add {
  width: 4rem;
  height: 4rem;
  display: flex;
}
.product-card-type-3__add .add-button__cart .xo-btn {
  width: 4rem;
  height: 4rem;
}
.product-card-type-3__add .add-button__cart .xo-btn__content {
  padding: 0;
}

.add-button__tooltip {
  text-align: center;
}

.product-grid-card-type-1__container {
  display: flex;
  flex-direction: column;
  gap: 0;
  background-color: rgb(var(--color-background));
  border: var(--product-card-border-width) solid rgba(var(--color-border), var(--product-card-border-opacity));
  border-radius: var(--product-card-corner-radius);
}
@media (min-width: 992px) {
  .product-grid-card-type-1__container {
    gap: 1.4rem;
  }
}
.product-grid-card-type-1__container .placeholder-svg {
  width: 100%;
  height: auto;
}
.product-grid-card-type-1__container .product-grid-card-type-1__variant {
  padding-top: 1rem;
}
@media (max-width: 991px) {
  .product-grid-card-type-1__container .xo-product-variant__inner-value {
    justify-content: center;
  }
}

.product-grid-card-type-1__header {
  overflow: hidden;
  max-width: 20rem;
  margin: auto;
}
@media (min-width: 992px) {
  .product-grid-card-type-1__header {
    max-width: 37.5rem;
  }
}

.product-grid-card-type-1__badge {
  display: flex;
  gap: 0.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.product-grid-card-type-1__information {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
}

.product-grid-card-type-1__title {
  word-wrap: break-word;
  word-break: break-word;
  text-align: center;
  display: block;
  margin: 0;
  padding-bottom: 0.2rem;
  transition: all 0.3s;
}
@media (min-width: 768px) {
  .product-grid-card-type-1__title {
    padding-bottom: 0.4rem;
  }
}
.product-grid-card-type-1__title a {
  color: inherit;
}
.product-grid-card-type-1__title:hover {
  color: color-mix(in srgb, rgba(var(--color-hover-button)) calc(1 * 100%), transparent);
}

.product-grid-card-type-1__vendor {
  opacity: 0.5;
  font-size: calc(var(--font-body-scale) * 1.2rem);
  font-weight: 400;
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  padding-bottom: 0.2rem;
}

.product-grid-card-type-1__description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  opacity: 0.75;
  text-align: center;
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-weight: 400;
  color: color-mix(in srgb, rgba(var(--color-foreground-2)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.57 / var(--font-body-scale));
}

.product-grid-card-type-1__price {
  display: inline-block;
}

.product-grid-card-type-1__price-inner {
  display: inline-flex;
  align-items: center;
}
.product-grid-card-type-1__price-inner .xo-price__sale {
  gap: 0.5rem;
}
.product-grid-card-type-1__price-inner .xo-price {
  padding-bottom: 1.9rem;
  padding-top: 0.8rem;
}

.product-grid-card-type-1__tag {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  padding-top: 0.8rem;
}

.product-grid-card-type-1__tag-container {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

.product-grid-card-type-1__tag-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
}
.product-grid-card-type-1__tag-icon .xo-image {
  display: flex;
}

.product-grid-card-type-1__tag-text {
  opacity: 0.95;
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-weight: 500;
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.57 / var(--font-body-scale));
}

.product-grid-card-type-1__action {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding-top: 1rem;
}
.product-grid-card-type-1__action .xo-quantity {
  margin-bottom: 0;
  max-height: 4rem;
}

.product-grid-card-type-1__variants {
  padding-bottom: 1rem;
}

.product-grid-card-type-1__quantity {
  width: 100%;
}

.product-grid-card-type-1__add {
  width: 4rem;
  height: 4rem;
  display: flex;
}
.product-grid-card-type-1__add .add-button__cart .xo-btn {
  width: 4rem;
  height: 4rem;
}

.product-grid-card-type-2__container {
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
  background-color: rgb(var(--color-background));
  border: var(--product-card-border-width) solid rgba(var(--color-border), var(--product-card-border-opacity));
  border-radius: var(--product-card-corner-radius);
}
@media (min-width: 992px) {
  .product-grid-card-type-2__container {
    gap: 0.8rem;
  }
}
.product-grid-card-type-2__container .xo-product-image {
  width: 8.2rem;
}
.product-grid-card-type-2__container .xo-product-image img,
.product-grid-card-type-2__container .xo-product-image svg {
  width: 8.2rem;
  height: 8.2rem;
}

.product-grid-card-type-2__header {
  display: flex;
  flex-direction: column;
}

.product-grid-card-type-2__between {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}
@media (max-width: 991px) {
  .product-grid-card-type-2__between {
    flex-direction: column;
  }
}

.product-grid-card-type-2__information {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2.4rem;
  padding-bottom: 1.6rem;
}
@media (min-width: 992px) {
  .product-grid-card-type-2__information {
    align-items: flex-start;
  }
}

.product-grid-card-type-2__title {
  word-wrap: break-word;
  word-break: break-word;
  display: block;
  margin: 0;
  transition: all 0.3s;
}
.product-grid-card-type-2__title a {
  display: flex;
  color: inherit;
}
.product-grid-card-type-2__title:hover {
  color: color-mix(in srgb, rgba(var(--color-hover-button)) calc(1 * 100%), transparent);
}

.product-grid-card-type-2__description {
  opacity: 0.75;
  text-align: left;
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-weight: 400;
  color: color-mix(in srgb, rgba(var(--color-foreground-2)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.57 / var(--font-body-scale));
}

.product-grid-card-type-2__price {
  display: inline-flex;
}

.product-grid-card-type-2__price-inner {
  display: inline-flex;
  align-items: center;
}
.product-grid-card-type-2__price-inner .xo-price {
  width: max-content;
}

.product-grid-card-type-2__tag {
  gap: 0.8rem;
  padding-top: 0.1rem;
}
@media (min-width: 992px) {
  .product-grid-card-type-2__tag {
    padding-top: 1.7rem;
  }
}

.product-grid-card-type-2__tag--desktop {
  display: none;
}
@media (min-width: 992px) {
  .product-grid-card-type-2__tag--desktop {
    display: flex;
    align-items: center;
  }
}

.product-grid-card-type-2__tag--mobile {
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .product-grid-card-type-2__tag--mobile {
    display: none;
  }
}

.product-grid-card-type-2__tag-container {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

.product-grid-card-type-2__tag-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
}
.product-grid-card-type-2__tag-icon .xo-image {
  display: flex;
}

.product-grid-card-type-2__tag-text {
  opacity: 0.95;
  font-family: var(--font-body-family);
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-style: var(--font-body-style);
  font-weight: 500;
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.57 / var(--font-body-scale));
}

.product-grid-card-type-2__badge {
  display: flex;
  gap: 0.5rem;
  padding-bottom: 1.2rem;
}

.product-grid-card-type-2__action {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding-top: 1rem;
}
.product-grid-card-type-2__action .xo-quantity {
  margin-bottom: 0;
  max-height: 4rem;
}

.product-grid-card-type-2__quantity {
  width: 100%;
}

.product-grid-card-type-2__add {
  width: 4rem;
  height: 4rem;
  display: flex;
}
.product-grid-card-type-2__add .add-button__cart .xo-btn {
  width: 4rem;
  height: 4rem;
}

.product-grid-card-type-3 {
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
  background-color: rgb(var(--color-background));
  border: var(--product-card-border-width) solid rgba(var(--color-border), var(--product-card-border-opacity));
  border-radius: var(--product-card-corner-radius);
}
@media (min-width: 992px) {
  .product-grid-card-type-3 {
    gap: 1rem;
  }
}

.product-grid-card-type-3__header {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.product-grid-card-type-3__between {
  width: 100%;
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
}

.product-grid-card-type-3__between-inner {
  display: flex;
  width: 100%;
  height: 1rem;
}

.product-grid-card-type-3__title {
  word-wrap: break-word;
  word-break: break-word;
  max-width: fit-content;
  text-align: left;
  display: block;
  margin: 0;
  transition: 0.3s;
}
.product-grid-card-type-3__title a {
  display: block;
  color: inherit;
}
.product-grid-card-type-3__title:hover {
  color: color-mix(in srgb, rgba(var(--color-hover-button)) calc(1 * 100%), transparent);
}

.product-grid-card-type-3__description {
  opacity: 0.75;
  text-align: left;
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-weight: 400;
  color: color-mix(in srgb, rgba(var(--color-foreground-2)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.57 / var(--font-body-scale));
}

.product-grid-card-type-3__price {
  display: inline-flex;
}

.product-grid-card-type-3__price-inner {
  display: inline-flex;
  align-items: center;
}
.product-grid-card-type-3__price-inner .xo-price {
  width: max-content;
}

.product-grid-card-type-3__tag {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  padding-top: 0.7rem;
}

.product-grid-card-type-3__tag-container {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

.product-grid-card-type-3__tag-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
}
.product-grid-card-type-3__tag-icon .xo-image {
  display: flex;
}

.product-grid-card-type-3__tag-text {
  opacity: 0.95;
  font-family: var(--font-body-family);
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-style: var(--font-body-style);
  font-weight: 500;
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.57 / var(--font-body-scale));
}

.product-grid-card-type-3__variants {
  padding-top: 1rem;
}
.product-grid-card-type-3__variants .xo-field-radio .xo-field-radio__label {
  font-weight: 600;
  color: color-mix(in srgb, rgba(var(--color-button)) calc(0.6 * 100%), transparent);
  border-radius: 4.5rem;
  border: none;
  padding: 0.35rem 2rem;
  background-color: color-mix(in srgb, rgba(var(--color-button)) calc(0.1 * 100%), transparent);
}

.product-grid-card-type-3__action {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding-top: 1rem;
}
.product-grid-card-type-3__action .xo-quantity {
  margin-bottom: 0;
  max-height: 4rem;
}

.product-grid-card-type-3__quantity {
  width: 100%;
}

.product-grid-card-type-3__add {
  width: 4rem;
  height: 4rem;
  display: flex;
}
.product-grid-card-type-3__add .add-button__cart .xo-btn {
  width: 4rem;
  height: 4rem;
}

.product-grid-card-type-4 {
  background-color: rgb(var(--color-background));
  border: var(--product-card-border-width) solid rgba(var(--color-border), var(--product-card-border-opacity));
  border-radius: var(--product-card-corner-radius);
  overflow: hidden;
}
@media (min-width: 992px) {
  .product-grid-card-type-4 {
    max-width: 36.5rem;
  }
}
.product-grid-card-type-4 .placeholder-svg {
  width: 100%;
  height: auto;
}

.product-grid-card-type-4__badge {
  position: absolute;
  z-index: 9;
  top: 1.8rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  pointer-events: none;
}
[dir=ltr] .product-grid-card-type-4__badge {
  left: 1.8rem;
}
[dir=rtl] .product-grid-card-type-4__badge {
  right: 1.8rem;
}

.product-grid-card-type-4__add .xo-btn__content {
  padding: 0.9rem;
  border-radius: 50%;
}

.product-grid-card-type-4__information {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
}

.product-grid-card-type-4__title {
  word-wrap: break-word;
  word-break: break-word;
  text-align: left;
  display: block;
  margin: 0;
  padding-bottom: 0.2rem;
  transition: all 0.3s;
}
@media (min-width: 768px) {
  .product-grid-card-type-4__title {
    padding-bottom: 0.4rem;
  }
}
.product-grid-card-type-4__title a {
  color: inherit;
}
.product-grid-card-type-4__title:hover {
  color: color-mix(in srgb, rgba(var(--color-hover-button)) calc(1 * 100%), transparent);
}

.product-grid-card-type-4__vendor {
  opacity: 0.5;
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-size: calc(var(--font-body-scale) * 1.2rem);
  font-weight: 400;
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  padding-bottom: 0.2rem;
}

.product-grid-card-type-4__description {
  opacity: 0.75;
  text-align: center;
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-weight: 400;
  color: color-mix(in srgb, rgba(var(--color-foreground-2)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.57 / var(--font-body-scale));
}

.product-grid-card-type-4__price {
  display: inline-block;
}

.product-grid-card-type-4__price-inner {
  display: inline-flex;
  align-items: center;
}
.product-grid-card-type-4__price-inner .xo-price__sale {
  gap: 0.5rem;
}
.product-grid-card-type-4__price-inner .xo-price {
  padding-bottom: 1.9rem;
  padding-top: 0.8rem;
}

.product-grid-card-type-4__bottom {
  display: flex;
  gap: 0.4rem;
}
.product-grid-card-type-4__bottom .xo-quantity {
  margin: 0;
  width: 100%;
  max-height: 4.2rem;
}

.product-grid-card-type-4__desktop .product-grid-card-type-4__top {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-bottom: 0.1rem dashed color-mix(in srgb, rgba(var(--color-border)) calc(1 * 100%), transparent);
  margin-bottom: 1.3rem;
}
.product-grid-card-type-4__desktop .product-grid-card-type-4__top .xo-price__sale {
  flex-direction: column;
  width: max-content;
}
.product-grid-card-type-4__desktop .product-grid-card-type-4__top .xo-price {
  padding: 0;
  padding-bottom: 1.3rem;
}
.product-grid-card-type-4__desktop .product-grid-card-type-4__bottom {
  flex-direction: column;
}
.product-grid-card-type-4__desktop .product-grid-card-type-4__action {
  display: flex;
  gap: 0.4rem;
  padding-top: 1.9rem;
}
.product-grid-card-type-4__desktop .product-grid-card-type-4__description {
  text-align: left;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.product-grid-card-type-4__desktop {
  display: none;
}
@media (min-width: 992px) {
  .product-grid-card-type-4__desktop {
    display: block;
  }
}

.product-grid-card-type-4__mobile {
  display: none;
}
@media (max-width: 991px) {
  .product-grid-card-type-4__mobile {
    display: block;
  }
}

.product-grid-card-type-4__tag {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding-top: 0.7rem;
}
@media (min-width: 992px) {
  .product-grid-card-type-4__tag {
    gap: 0.4rem;
  }
}

.product-grid-card-type-4__tag-container {
  display: flex;
  align-items: center;
  gap: 0.2rem;
}

.product-grid-card-type-4__tag-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
}
.product-grid-card-type-4__tag-icon .xo-image {
  display: flex;
}

.product-grid-card-type-4__tag-text {
  opacity: 0.95;
  font-family: var(--font-body-family);
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-style: var(--font-body-style);
  font-weight: 500;
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.57 / var(--font-body-scale));
}

.product-grid-card-type-5 {
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
  background-color: rgb(var(--color-background));
  border: var(--product-card-border-width) solid rgba(var(--color-border), var(--product-card-border-opacity));
  border-radius: var(--product-card-corner-radius);
}
@media (min-width: 992px) {
  .product-grid-card-type-5 {
    gap: 1rem;
  }
}

.product-grid-card-type-5__header {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 992px) {
  .product-grid-card-type-5__header {
    flex-direction: row;
    align-items: flex-end;
  }
}

.product-grid-card-type-5__between {
  width: 100%;
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
}

.product-grid-card-type-5__between-inner {
  display: flex;
  width: 100%;
  height: 1rem;
}

.product-grid-card-type-5__line {
  display: block;
  width: 100%;
  height: 0.1rem;
  border-bottom: 0.1rem dashed color-mix(in srgb, rgba(var(--color-border)) calc(1 * 100%), transparent);
}

.product-grid-card-type-5__title {
  word-wrap: break-word;
  word-break: break-all;
  text-align: left;
  display: block;
  margin: 0;
}
.product-grid-card-type-5__title a {
  display: block;
  color: inherit;
}

.product-grid-card-type-5__description {
  opacity: 0.75;
  text-align: left;
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-weight: 400;
  color: color-mix(in srgb, rgba(var(--color-foreground-2)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.57 / var(--font-body-scale));
}

.product-grid-card-type-5__price {
  display: inline-flex;
}

.product-grid-card-type-5__price-inner {
  display: inline-flex;
  align-items: center;
}
.product-grid-card-type-5__price-inner .xo-price {
  width: max-content;
}

.product-grid-card-type-5__bottom {
  display: flex;
  gap: 0.4rem;
}
.product-grid-card-type-5__bottom .xo-quantity {
  margin: 0;
  width: 100%;
}

.product-grid-card-type-5__add .xo-btn__content {
  padding: 0.9rem;
  border-radius: 50%;
}

.product-grid-card-type-5__tag {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding-top: 1.7rem;
  padding-bottom: 2.4rem;
}

.product-grid-card-type-5__tag-container {
  display: flex;
  align-items: center;
  gap: 0.2rem;
}

.product-grid-card-type-5__tag-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
}
.product-grid-card-type-5__tag-icon .xo-image {
  display: flex;
}

.product-grid-card-type-5__tag-text {
  opacity: 0.95;
  font-family: var(--font-body-family);
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-style: var(--font-body-style);
  font-weight: 500;
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.57 / var(--font-body-scale));
}

.xo-product-image {
  display: flex;
  position: relative;
}
.xo-product-image:hover .xo-product-image__secondary {
  opacity: 1;
  visibility: visible;
}

.xo-product-image__secondary {
  position: absolute;
  inset: 0;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  background-color: #fff;
}

.xo-product-variant__inner {
  display: block;
}
@media (min-width: 992px) {
  .xo-product-variant__inner {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
  }
}

.xo-product-variant__inner-value {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.xo-product-variant__inner-name--select {
  padding-bottom: 0.8rem;
}

.xo-product-variant__inner-name--boxed {
  padding-bottom: 0.4rem;
}
@media (min-width: 992px) {
  .xo-product-variant__inner-name--boxed {
    padding-bottom: 0;
  }
}
.xo-product-variant__inner-name--boxed .xo-product-variant__inner-selected-value {
  word-wrap: break-word;
  word-break: break-all;
}

.product-variant-modal {
  padding: 1rem;
  width: 40rem;
  padding: 2rem;
  background-color: color-mix(in srgb, rgba(var(--color-background)) calc(1 * 100%), transparent);
  position: relative;
  border-radius: 2rem;
}

.product-variant-modal__title {
  padding-bottom: 2rem;
  text-align: center;
}

.product-variant-modal__title--hide {
  display: none;
}

.product-variant-modal__variant-list {
  padding-bottom: 2rem;
}
.product-variant-modal__variant-list .product-variant__inner-name {
  text-align: start;
}
.product-variant-modal__variant-list .product-variant__inner-value {
  flex-wrap: wrap;
}
.product-variant-modal__variant-list .xo-product-variant__inner-name {
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-weight: 400;
  color: rgba(var(--color-foreground-2));
  line-height: calc(1 + 0.57 / var(--font-body-scale));
}
@media (min-width: 992px) {
  .product-variant-modal__variant-list .xo-product-variant__inner-name {
    font-size: calc(var(--font-body-scale) * 1.6rem);
    line-height: calc(1 + 0.5 / var(--font-body-scale));
  }
}
.product-variant-modal__variant-list .xo-product-variant__inner-selected-value {
  color: rgba(var(--color-foreground));
}

.product-variant-modal__close {
  position: absolute;
  top: 1rem;
  z-index: 10;
  cursor: pointer;
}
[dir=ltr] .product-variant-modal__close {
  right: 1rem;
}
[dir=rtl] .product-variant-modal__close {
  left: 1rem;
}

.product-variant-modal__add[xo-disabled] {
  opacity: 0.6;
  pointer-events: none;
}

.product-card__variant-modal {
  height: 100%;
}

.product-card__variant-modal-btn {
  display: inline;
}
.product-card__variant-modal-btn .xo-btn {
  height: 100%;
}

.product-variant-modal__add {
  display: block;
}

.product-variant-modal__add--unavailable {
  display: none;
}

.xo-quantity {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 5.6rem;
  border: 0.1rem dashed color-mix(in srgb, rgba(var(--color-border)) calc(0.5 * 100%), transparent);
  margin-bottom: 0.8rem;
}
@media (min-width: 992px) {
  .xo-quantity {
    margin-bottom: 2.5rem;
  }
}

.xo-quantity--md {
  width: 70%;
}

.xo-quantity--lg {
  width: 100%;
}

.xo-quantity__number {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  width: 100%;
  text-align: center;
  border: none;
  outline: none;
  overflow: hidden;
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  text-align: center;
  font-family: var(--font-body-family);
  font-size: calc(var(--font-body-scale) * 1.5rem);
  font-style: var(--font-body-style);
  font-weight: 400;
  line-height: calc(1 + 0.46 / var(--font-body-scale));
  background-color: transparent;
}
@media (min-width: 992px) {
  .xo-quantity__number {
    font-size: calc(var(--font-body-scale) * 1.6rem);
    line-height: calc(1 + 0.5 / var(--font-body-scale));
  }
}

.xo-quantity__button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.2rem 1.4rem;
}
@media (min-width: 992px) {
  .xo-quantity__button {
    padding: 1.6rem;
  }
}
@media (max-width: 991px) {
  .xo-quantity__button svg {
    width: 1.6rem;
  }
}

.xo-quantity__button--blur svg {
  opacity: 0.2;
  cursor: not-allowed;
}

.xo-section {
  --pt: 50;
  --pb: 50;
  position: relative;
  z-index: 9;
  background-size: cover;
  background-position: center;
  background-color: var(--bg-color, rgb(var(--color-background)));
  background-image: var(--bg-gradient);
  padding-top: calc(var(--pt-mb) * 1px);
  padding-bottom: calc(var(--pb-mb) * 1px);
}
@media (min-width: 768px) {
  .xo-section {
    padding-top: calc(var(--pt) * 1px);
    padding-bottom: calc(var(--pb) * 1px);
  }
}
.xo-section:after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: -1;
}

.xo-section-bg-image {
  position: absolute;
  inset: 0;
  z-index: -2;
  overflow: hidden;
}

.xo-section-bg-image__item {
  position: absolute;
  inset: 0;
}
@supports (-webkit-touch-callout: none) {
  .xo-section-bg-image__item {
    top: 50%;
    min-width: 100vw;
    min-height: 100vh;
  }
  [dir=ltr] .xo-section-bg-image__item {
    left: 50%;
    transform: translate(-50%, -50%);
  }
  [dir=rtl] .xo-section-bg-image__item {
    right: 50%;
    transform: translate(50%, -50%);
  }
}

.xo-section-bg-image__url {
  position: relative;
  width: 100%;
  height: 100vh;
  background-image: var(--img-mobile, var(--img-desktop));
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (min-width: 992px) {
  .xo-section-bg-image__url {
    background-image: var(--img-desktop);
  }
}

.xo-section-heading {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 2rem;
}

.xo-section-heading--center {
  justify-content: center;
  text-align: center;
}

.xo-section-heading--right {
  justify-content: flex-end;
  text-align: right;
}

.xo-section-heading__title {
  margin: 0;
}

.xo-separator {
  height: var(--separator, 0.1rem);
  background-color: var(--color, rgba(var(--color-foreground), 0.1));
}

.xo-socials {
  display: flex;
  gap: 1.3rem;
}

.xo-socials__link {
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(var(--color-foreground));
  transition: 0.3s;
}
.xo-socials__link a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.xo-socials__link svg {
  width: 2.3rem;
  height: 2.3rem;
}
@media (min-width: 992px) {
  .xo-socials__link svg {
    width: 2.4rem;
    height: 2.4rem;
  }
}

.xo-space--vertical {
  height: var(--space, 0);
}

.xo-space--horizontal {
  width: var(--space, 0);
}

.xo-text__heading {
  word-break: break-word;
  word-wrap: break-word;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: 0;
  transition: all 0.5s;
}

.xo-text__word {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}

@-moz-document url-prefix() {
  .xo-text__word {
    overflow: visible;
    flex-wrap: nowrap;
  }
}
.xo-text--split .xo-text__word .xo-text__char {
  backface-visibility: hidden;
  transform: translateY(100%);
  transition: transform 0.5s ease-in-out;
}
.xo-text--split .xo-text__word xo-animate[xo-visible]:not([xo-visible=false]) .xo-text__char {
  transform: translateY(0);
}

.xo-text__word:has(xo-animate-item:last-child[style*="opacity: 1"]) {
  overflow: visible;
}

.xo-toast {
  font-size: 1.4rem;
  padding: 0.4rem 0.5rem 0.4rem 1rem;
  background-color: #000;
}

.xo-toast__close {
  color: #fff;
  opacity: 0.8;
}

.xo-toast__content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.xo-toast__message {
  color: #fff;
}

.xo-toast--success {
  background-color: #3f8843;
}

.xo-toast--warning {
  background-color: #fba11a;
}

.xo-toast--error {
  background-color: #ce2c2c;
}

.xo-header {
  position: relative;
  z-index: 1000;
  width: 100%;
  padding-bottom: 1rem;
}
[dir=ltr] .xo-header {
  left: 0;
}
[dir=rtl] .xo-header {
  right: 0;
}
.xo-header xo-sticky[xo-is-sticky][xo-direction=down] .xo-header__sticky {
  padding-top: 2rem;
}
.xo-header xo-sticky[xo-is-sticky][xo-direction=up] .xo-header__sticky {
  padding-top: 0.7rem;
}

.shopify-section.section-header:has(~ #xo-main-content .shopify-section:nth-child(1) [class^=image-banner-type]) .xo-header {
  position: absolute;
  top: -1px;
}

.shopify-section.section-header:has(~ #xo-main-content .shopify-section:nth-child(1) [class^=main-page-collection-heading]) .xo-header {
  position: absolute;
  top: -1px;
}

.shopify-section.section-header:has(~ #xo-main-content .shopify-section:nth-child(1) [class^=main-page-title-type-4]) .xo-header {
  position: absolute;
  top: -1px;
}

.shopify-section.section-header:has(~ #xo-main-content .shopify-section:nth-child(1) [class^=xo-hero-banner]) .xo-header {
  position: absolute;
  top: -1px;
}

.shopify-section.section-header:has(~ #xo-main-content .shopify-section:nth-child(1) [class^=featured-offer]) .xo-header {
  position: absolute;
  top: -1px;
}

.shopify-section.section-header:has(~ #xo-main-content .shopify-section:nth-child(1) [class^=hero-section]) .xo-header {
  position: absolute;
  top: -1px;
}

.xo-header__sticky {
  z-index: 10;
  background: transparent;
  padding-top: 1rem;
}
@supports (-moz-appearance: none) {
  .xo-header__sticky {
    position: relative;
  }
}

.xo-header__content {
  display: flex;
  align-items: center;
  height: fit-content;
  background: none;
}
@media (max-width: 1199px) {
  .xo-header__content {
    border-radius: 4rem;
    border: 0.1rem dashed color-mix(in srgb, rgba(var(--color-border)) calc(1 * 100%), transparent);
    background: color-mix(in srgb, rgba(var(--color-background)) calc(1 * 100%), transparent);
    padding: 1.4rem 2.8rem;
    justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  .xo-header__content {
    gap: 1.2rem;
  }
}

@media (min-width: 1200px) {
  .xo-header__content--menu {
    align-items: unset;
  }
}

@media (max-width: 1199px) {
  .xo-header__content--desktop {
    display: none;
  }
}

.xo-header__content--mobile {
  height: fit-content;
  min-height: 6.3rem;
  gap: 1rem;
}
@media (min-width: 1200px) {
  .xo-header__content--mobile {
    display: none;
  }
}
.xo-header__content--mobile .xo-header__left {
  width: fit-content;
  justify-content: unset;
}
.xo-header__content--mobile a {
  word-break: break-word;
}
.xo-header__content--mobile .xo-menu-hamburger__top-left xo-cart-size {
  word-break: normal;
}

.xo-header__desktop {
  height: 100%;
}
@media (max-width: 1199px) {
  .xo-header__desktop {
    display: none;
  }
}

@media (min-width: 1200px) {
  .xo-header__mobile {
    display: none;
  }
}

.xo-header__center {
  display: flex;
  align-items: center;
}
@media (min-width: 1200px) {
  .xo-header__center {
    border-radius: 4.5rem;
    border: 0.1rem dashed color-mix(in srgb, rgba(var(--color-border)) calc(1 * 100%), transparent);
    background: color-mix(in srgb, rgba(var(--color-background)) calc(1 * 100%), transparent);
    width: 100%;
    padding: 0 3.3rem;
  }
}

@media (min-width: 1200px) {
  .xo-header__center--menu {
    min-height: 6.3rem;
  }
}

.xo-header__left {
  display: flex;
  justify-content: center;
  align-items: center;
  background: color-mix(in srgb, rgba(var(--color-background)) calc(1 * 100%), transparent);
  order: 0;
}
@media (min-width: 1200px) {
  .xo-header__left {
    height: 100%;
    padding: 1.6rem 3.3rem;
    border-radius: 4rem;
    border: 0.1rem dashed color-mix(in srgb, rgba(var(--color-border)) calc(1 * 100%), transparent);
    order: -1;
  }
}
.xo-header__left img {
  vertical-align: middle;
}

.xo-header__right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media (min-width: 1200px) {
  .xo-header__right {
    gap: 2.6rem;
    padding: 1.6rem 3.3rem;
    border-radius: 4.5rem;
    border: 0.1rem dashed color-mix(in srgb, rgba(var(--color-border)) calc(1 * 100%), transparent);
    background: color-mix(in srgb, rgba(var(--color-background)) calc(1 * 100%), transparent);
  }
}

.xo-header__right-item {
  display: flex;
  position: relative;
  cursor: pointer;
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  transition: all 0.3s;
}
@media (max-width: 1199px) {
  .xo-header__right-item {
    display: none;
  }
}
.xo-header__right-item:hover, .xo-header__right-item:focus-within {
  opacity: 0.6;
}

.xo-header__right-item--cart {
  display: flex;
}

.xo-header__right-item-number {
  position: absolute;
  top: -1rem;
  min-width: 1.7rem;
  min-height: 1.7rem;
  padding-inline-start: 0.2rem;
  padding-inline-end: 0.2rem;
  border-radius: 9000rem;
  font-family: var(--font-body-family);
  font-size: var(--font-body-style);
  font-size: calc(var(--font-body-scale) * 1.1rem);
  font-weight: 400;
  line-height: calc(1 + 0.38 / var(--font-body-scale));
  color: rgb(var(--color-button-text));
  background-color: rgb(var(--color-button));
  display: flex;
  justify-content: center;
  align-items: center;
}
[dir=ltr] .xo-header__right-item-number {
  left: 1rem;
}
[dir=rtl] .xo-header__right-item-number {
  right: 1rem;
}

.xo-header__right .xo-field-select {
  min-width: 10rem;
}

.xo-header__logo--type-2 {
  display: block;
  width: fit-content;
}

.xo-header__logo-heading-logo {
  word-wrap: break-word;
  word-break: break-word;
  font-family: var(--font-body-family);
  font-size: calc(var(--font-body-scale) * 1.6rem);
  font-style: var(--font-body-style);
  font-weight: 600;
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  line-height: calc(1 + 0.5 / var(--font-body-scale));
}

.xo-header__right-region {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.xo-header__right-region .xo-language-select__trigger,
.xo-header__right-region .xo-currency-select__trigger {
  gap: 0.5rem;
}
.xo-header__right-region .xo-language-select__label,
.xo-header__right-region .xo-currency-select__label {
  display: none;
}
.xo-header__right-region .xo-language-select,
.xo-header__right-region .xo-currency-select {
  padding-inline-end: 0.8rem;
  border-inline-end: 0.1rem dashed color-mix(in srgb, rgba(var(--color-border)) calc(1 * 100%), transparent);
}

.xo-header__desktop--other {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .xo-header__desktop--other {
    display: none;
  }
}
@media (min-width: 1400px) {
  .xo-header__desktop--other .xo-menu-horizontal,
  .xo-header__desktop--other > a,
  .xo-header__desktop--other .xo-header__action {
    width: 100%;
  }
  .xo-header__desktop--other > a {
    display: flex;
    justify-content: center;
  }
}

.xo-header__desktop-inner {
  display: flex;
  justify-content: center;
  width: 100%;
  padding-inline-start: 1rem;
}
@media (max-width: 1399px) {
  .xo-header__desktop-inner {
    justify-content: flex-start;
  }
}

.xo-header__action {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media (min-width: 1200px) {
  .xo-header__action {
    height: 100%;
    gap: 2.6rem;
  }
}

.xo-header__center-container {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 0.6rem;
}
.xo-header__center-container .xo-header__center {
  width: unset;
}
.xo-header__center-container .xo-header__desktop {
  height: unset;
}
.xo-header__center-container .xo-header__right {
  height: 100%;
}

@media (max-width: 1199px) {
  .xo-header__content--type-3 {
    padding: 1.2rem 2.8rem;
    border-radius: 1.2rem;
  }
}
.xo-header__content--type-3 .xo-menu-hamburger__link--close {
  order: 0;
}
.xo-header__content--type-3 .xo-header__nav {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
@media (min-width: 1200px) {
  .xo-header__content--type-3 .xo-header__nav {
    padding: 0 3.2rem;
    border-radius: 1.2rem;
    border: 0.1rem dashed color-mix(in srgb, rgba(var(--color-border)) calc(1 * 100%), transparent);
    background: rgb(var(--color-background));
  }
}
@media (min-width: 1200px) {
  .xo-header__content--type-3 .xo-header__left {
    padding: 0;
    border: none;
    border-radius: unset;
    order: 1;
  }
}
@media (min-width: 1200px) {
  .xo-header__content--type-3 .xo-header__right {
    padding: 0;
    border: 0;
    border-radius: unset;
    order: 2;
  }
}

.xo-header__type-3 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.xo-header__right-type-3 {
  display: flex;
  align-items: center;
  gap: 2.6rem;
}
@media (max-width: 1199px) {
  .xo-header__right-type-3 xo-tooltip:nth-child(1) {
    display: none;
  }
  .xo-header__right-type-3 xo-tooltip:nth-child(2) {
    display: none;
  }
}

@media (max-width: 1199px) {
  .xo-header__left-type-3-desktop {
    display: none;
  }
}

@media (min-width: 1200px) {
  .xo-header__left-type-3-mobile {
    display: none;
  }
}

@media (min-width: 1200px) {
  .xo-header__left-type-3 {
    width: 85%;
  }
}

@media (min-width: 1200px) {
  .xo-header__center-type-3 {
    width: 100%;
  }
}

.xo-header__left-type-3-desktop--hamburger {
  padding: 2.2rem 0;
}

.xo-header--border-none .xo-header__content,
.xo-header--border-none .xo-header__center,
.xo-header--border-none .xo-header__left,
.xo-header--border-none .xo-header__right,
.xo-header--border-none .xo-header__nav {
  border: none;
}
.xo-header--border-none .xo-menu-horizontal__mega-menu .xo-section {
  border: none;
}

body.index  .featured-offer__inner a.xo-btn.xo-btn--secondary.xo-btn--md {
    border: 1px solid;
}
@media (max-width:575px){
body.index xo-animate.featured-offer__img-mobile .xo-image {
    padding-top: 40px;
}
body.index section.xo-section.xo-section--template--19537813962909__collection_list_type_2_4G8b4A {
    padding-top: 110px;
}

}
body.index .featured-product-info .shopify-payment-button__button {
    color: #fff;
    text-transform: capitalize;
}

/* 20-10 */
.banner-with-text-custom h2.xo-text__heading.h3 {
    font-size: 60px;
    color: #fff;
    justify-content: center;
    align-items: center;
}
.banner-with-text-custom .image-with-text-overlay__content {
    padding: 0px !important;
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;
}
.menu-page-banner .xo-text__heading:before {
    content: "";
    width: 100px;
    height: 100%;
    background-image: url(/cdn/shop/files/PHOTO-2025-09-21-09-49-11-removebg-preview.png?v=1760958275);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    /* display: flex; */
    align-items: center!important;
    position: absolute;
    top: -50px;
    justify-content: center;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

@media (min-width: 1400px) {
  .banner-with-text-custom.image-with-text-overlay__box {
        width: 100%;
        background: transparent;
        padding: 0;
        height: 100%;
        /* font-size: 40px; */
    }
}
@media (min-width: 768px) {
    .image-with-text-overlay__container {
        padding: 0;
    }
}
.page-menu .xo-header, .page-about .xo-header, .page-order-now .xo-header,  .page-south-florida-page .xo-header, .page-north-america .xo-header, .page-order-and-events .xo-header  {
    position: absolute;
    z-index: 1000;
    width: 100%;
    padding-bottom: 1rem;
    background: transparent !important;
}
.banner-with-text-custom  .image-with-text-overlay__text p {
    color: #fff !important;
    color: inherit;
    text-align: center;
    margin-top: 10px;
    font-size: 24px;
}
.banner-with-text-custom  .image-with-text-overlay__text--top{
    padding-bottom: 0rem;
    border-bottom: 0;
}
.orb-symbol {
    width: 150px;
}
.banner-with-text-custom .image-with-text-overlay__box {
    background-color: transparent !important;
    width: 100% !important;
}
.home-page-banner-with-text.image-with-text-overlay {
    margin-top: 70px;
}
.testimonial-slide-type-9 .animate-image {
    border-radius: 0;
}
    [dir=ltr] .xo-footer__type-2 .xo-footer__image {
        right: 0% !important;
    }
    .xo-footer__type-2 .xo-footer__newsletter {
    padding-bottom: 2.8rem !important;
}
.xo-footer__information {
    margin-top: 20px;
}
.xo-footer__link {
    row-gap: 20px;
}
/* .page-north-america xo-container.featured-collection-grid .xo-image img {
    object-fit: fill!important;
    aspect-ratio: 0.9!important;
} */
@media (min-width: 1400px) {
 .home-page-banner-with-text   .image-with-text-overlay__box {
        width: 46.8% ;
    }
}
@media (min-width: 768px) {
    .xo-footer__link {
        column-gap: 2rem;
    }
   .home-page-banner-with-text  .image-with-text-overlay__container {
    PADDING: 0;
}
}


.index a.header-logo:before {
    content: "";
    width: 65px;
    height: 100%;
    background-image: url(/cdn/shop/files/PHOTO-2025-09-21-09-49-11-removebg-preview.png?v=1760958275);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
    vertical-align: middle;
    display: flex;
    align-items: center!important;
}
a.header-logo {
    display: flex;
    align-items: center !important;
}
.xo-header__type-3 {
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
}
.xo-header__center-type-3 {
    display: flex;
    justify-content: center;
}
@media (max-width:700px){
  .index a.header-logo:before {
    width: 35px;
    height: 100%;
}
body .image-with-text-overlay {
    display: flex;
    height: 60vh;
    justify-content: center;
    align-items: center;
}
.image-with-text-overlay__container {
    display: flex;
    padding-bottom: 0;
}
.banner-with-text-custom h2.xo-text__heading.h3 {
    font-size: 40px;
    color: #fff;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
}
.header-logo img.xo-header__logo-img {
    width: 100px !important;
}
.page-order-now .richtext-descp p {
    font-size: 20px !important;
    line-height: 22px;
    max-width: 100%;

}
.page-order-now a.richtext-btn {
    margin-top: 10px !important;
    margin-left: 0px !important;
}
body.index .featured-offer__content .featured-offer__inner a.xo-btn.xo-btn--secondary.xo-btn--md {
    padding: 10px 16px;
    font-size: 14px;
}
body.index .featured-offer__inner a.xo-btn.xo-btn--secondary.xo-btn--md {
    margin-bottom: 0px;
    margin-top: 10px;
}
}

@media (max-width:500px){
  body .image-with-text-overlay {
    height: 40vh;
}
body .featured-collection-tabs .tab-link {
    width: fit-content;
    padding: 0.5rem 0px;
}
}

/*==================== 28-10-25 =======================*/
body.index .featured-offer__wrapper-img .featured-offer__img-desktop {
    z-index: 14;
}
body.index .featured-offer__inner {
    width: 100%;
}
body.index .featured-offer__inner {
    display: flex;
    flex-direction: column;
    align-items: var(--justify-content);
    width: 100%;
}
body.index xo-animate.featured-offer__button {
    text-align: center;
    justify-content: center;
    display: flex;
    width: 100%;
}
body.index .featured-offer__inner a.xo-btn.xo-btn--secondary.xo-btn--md {
    position: relative;
    padding: 12px 24px;
    font-size: 22px;
}

.buy-button__container .shopify-payment-button__button {
    color: #fff;
}
.xo-footer {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media (min-width:2000px){
.image-banner-type-8 xo-carousel-inner {
    height: 100% !important;
}
}
@media (max-width:575px){
body .featured-offer img {
    top: -20px;
}
}

@media (min-width:768px) and (max-width:991px){
body .xo-footer__type-2 .xo-footer__heading--type-2 {
    font-size: 80px;
}
}

 @media (min-width: 992px) and (max-width: 1080px) {
.featured-offer {
    height: 80vh;
}
body.index .featured-offer__inner {
    height: 50%;
    align-items: center;
    justify-content: end;
}
body.index .featured-offer__wrapper-img .featured-offer__img-desktop {
    left: 0px;
    /* top: 35%; */
}
} 

@media (min-width: 768px) and (max-width: 1080px) {
.page-title-type-1__container {
    width: 60rem;
}
.cus-about-us-info .image-with-text-type-8__image--modify {
    padding-top: 1.5rem;
}
.cus-about-us-info .image-with-text-type-8__right {
    padding-bottom: 8px;
	padding-top:2.5rem;
}
}

/*============== 05-11-25 ====================*/
body.index xo-animate.featured-offer__sub-descp {
    max-width: 600px;
}
body.index xo-animate.featured-offer__heading.d2 {
    padding-bottom: 0px;
}
body.index xo-animate.featured-offer__descp p {
    margin-bottom: 0px;
}
body .main-collection__travel xo-grid {
    column-gap: 20px;
}

/*================= 06-11-25 =================*/
.product-tag-wrapper .tags {
    background-color: #000000;
    padding: 2px 10px;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
}
.product-tag-wrapper {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 1;
    display: flex;
    gap: 8px;
    padding: 0;
    list-style: none;
}
xo-product.product-card {
    position: relative;
}


/*==========  pointer events none ===========*/
body.collection xo-animate.product-card__container.color-background-1 {
    pointer-events: none;
}
.product-info-content-right-type-2 .product-note textarea {
    border: .1rem dashed
 color-mix(in srgb, rgba(var(--color-border)) 50%, transparent);
    border-radius: 16px;
    padding: 6px 10px 6px 10px;
    resize: vertical;
}
.product-info-content-right-type-2 .pickup-time input {
    border: .1rem dashed color-mix(in srgb,rgba(var(--color-border)) 50%,transparent);
    border-radius: 30px;
    padding: 15px 17px;
    width:100%;
}
.product-info-content-right-type-2 .product-note label {
    margin-bottom: 10px;
    display: block;
}
.product-info-content-right-type-2 .pickup-time label {
    margin-bottom: 10px;
    display: block;
}
.product-info-content-right-type-2 .pickup-time {
    margin: 8px 0px 30px;
}
@media (min-width: 992px) {
.product-info-content-right-type-2 .xo-quantity {
        margin-bottom: 1.5rem;
    }
.testimonial-slide-type-9__content .testimonial-slide-type-9__slide-heading {
    font-size: 60px;
}
}
/*==========  pointer events none end ===========*/
@media (max-width:767px){
  .product-tag-wrapper .tags {
    font-size: 14px;
}
}






/* .index .product-card__header a {
    pointer-events: none;
} */
 .page-order-now .image-with-text-overlay {
    height: 25vh!important;
}
.gradient.page-south-florida-page .image-with-text-overlay {
    height: 50vh!important;
}
.page-north-america .image-with-text-overlay {
    height: 65vh!important;
}
.page-south-florida-page .product-card__container {
    pointer-events: none;
}

.image-with-text-type-3__hidden ul li {
    display: none;
}
.image-with-text-type-3__hidden {
    display: block!important;
}


.nutri-card {
    background: #fff;
    border-radius: 46px;
    padding: 47px 46px;
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
    grid-column: 9/13!important;
}
.nutri-header {
    position: relative;
    margin-bottom: 11px;
}

.nutri-title {
    font-weight: 600;
    font-size: 17px;
    color: #2d241b;
}

  .nutri-sub {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    font-weight: 500;
  }

.nutri-divider {
    border-top: 1px dashed #000000;
    margin: 10px 0 34px;
}

.nutri-row ul li {
    list-style: none;
}
.nutri-row ul {
    padding: 0;
}
  .nutri-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    font-size: 15px;
  }

  .nutri-label {
    color: #555;
  }

  .nutri-value {
    font-weight: 600;
    color: #333;
  }
  @media screen and (min-width: 1900px) and (max-width: 10000px){
.vn-slide-image img {
    height: 400px!important;
}
  }
  @media screen and (min-width: 767px) and (max-width: 1000px){
.an-cus-image-with-text-img-block {
    min-height: 250px!important;
}
  }


  section.xo-section.xo-section--template--19537814388893__main.color-background-1.contact-form-block {
    width: 100%;
    max-width: 1200px;
    text-align: center;
    margin: 0 auto;
}
.pc--show-email-field, form#pc--opt-out-form {
    width: 100%!important;
    text-align: center!important;
    justify-content: center!important;
    display: flex!important;
    max-width: 100%!important;
}
.pc--opt-out-form-container .pc--opt-out-form-button, .pc--opt-out-form-container {
    width: 100%!important;
    max-width: 100%!important;
    gap: 0px!important;
}
.pc--opt-out-form-message {
    justify-content: center!important;
}
input#pc--opt-out-email_input {
    max-width: 610px;
    width: 100%;
    margin: 0 auto;
}
.nutri-value .metafield-rich_text_field p {
    text-align: end;
    color: #5a5a5a;
}
@media screen and (max-width: 992px){
.nutri-card {
    border-radius: 24px;
    padding: 25px 18px;
    max-width: unset;
    grid-column: 1/13!important;
}
.nutri-value .metafield-rich_text_field p {
    font-size: 13px;
}
.product-recommendations__heading {
    width: 100%!important;
}
.vn-bnr .image-with-text-overlay__container {
    margin-bottom: 0;
    padding: 0;
}
.vn-bnr.image-with-text-overlay {
    align-items: unset;
    height: 45vh !important;
}
}
.xo-footer__list p {
    color: #fff;
}
.social_icons a {
    margin: 0;
    line-height: normal;
    display: block;
}
.social_icons {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 15px 20px;
    gap: 10px;
}
.social_icons a.insta-icon svg {
    height: 27px;
    width: 27px;
}
.vn-bnr h2.xo-text__heading.h3 {
    justify-content: center;
}
.vn-bnr .image-with-text-overlay__box {
    width: 100%;
    background: transparent!important;
}
.vn-bnr .image-with-text-overlay__container xo-container {
    justify-content: center;
}
.vn-bnr .image-with-text-overlay__content {
    padding: 0;
}
.vn-bnr .image-with-text-overlay__text--top {
    border: unset;
    text-align: center;
}
.vn-bnr .image-with-text-overlay__container {
    margin-bottom: 0;
}
.vn-bnr .image-with-text-overlay__container {
    margin-bottom: 0;
}
.xo-footer__field-input {
    border: 1px solid !important;
}
h2.product-card__title.h5 {
    text-transform: capitalize;
}
@import url('https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap');
.gallery__image .xo-image {
    border: .2rem solid #000!important;
}
.p-title {
    color: #000;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 20px;
}
.product-info-content-left-type-2__title {
    text-transform: capitalize;
}
.page-order-events .image-with-text-overlay {
    height: 50vh;
}

body.gradient.customers-login .xo-section.xo-section--template--19537813831837__main.color-background-1.contact-form-block,
.customers-register .xo-section.xo-section--template--19537813897373__main, .customers-addresses xo-container.xo-address-list {
    background-image: url(/cdn/shop/files/New_Project_f20e890a-4ec0-453e-b06f-f46c4c15abfe.png?v=1767676805);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
body.gradient.customers-login 
.xo-section.xo-section--template--19537813831837__main.color-background-1.contact-form-block, 
.customers-register .xo-section.xo-section--template--19537813897373__main {
  position: relative;
}

body.gradient.customers-login 
.xo-section.xo-section--template--19537813831837__main.color-background-1.contact-form-block:before,
.customers-register .xo-section.xo-section--template--19537813897373__main:before{
    content: "";
    position: absolute;
    inset: 0;
    background: rgb(255 255 255 / 84%);
    z-index: 1;
}
body.gradient.customers-login 
.xo-section.xo-section--template--19537813831837__main.color-background-1.contact-form-block > *,
.customers-register .xo-section.xo-section--template--19537813897373__main > * {
  position: relative;
  z-index: 2;
}
.main-login__description p, .register__description p {
    color: #000;
}
.customers-login .xo-field-input__input, .customers-register .xo-field-input__input {
    border: 1.9px dashed #9c9c9c;
}
.xo-menu-hamburger__content .xo-menu-hamburger__image {
    display: none;
}
.xo-menu-hamburger__link[href="/pages/wholesale"] {
    background: #a88a6a !important;
    color: #fff;
    width: fit-content;
    padding: 0 20px;
    border-radius: 50px;
    margin-top: 20px;
    border-bottom: unset!important;
}
.customers-account .an-kosher {
    display: none;
}
.account__subheading, .account-detail__title h6, .xo-address-table__title,.address-detail__title h6 {
    font-size: 30px;
    padding: 0;
}
.customers-addresses xo-container.xo-address-list:before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgb(255 255 255 / 84%);
    z-index: 0;
}
.customers-addresses xo-animate {
    z-index: 999999999;
    position: relative;
}
/* 1-14-2026 */
.customers-login .an-kosher, body.customers-addresses .an-kosher, .customers-register .an-kosher{
    display: none;
}
.customers-account .breadcrumbs.sing-in, .customers-account .breadcrumbs.address {
    display: none;
}
.customers-login .breadcrumbs.sing-in, .customers-addresses .breadcrumbs.address {
    display: block;
}
.customers-login .breadcrumbs a, .customers-addresses .breadcrumbs.address a{
    color: #fff;
    text-decoration: none;
    padding-left: 20px;
}
.orders-table__empty-heading {
    padding-bottom: 2.4rem !important;
}
.customers-register .an-cus-image-with-text-content-block .richtext {
    font-size: 80px;
}