/** Shopify CDN: Minification failed

Line 8:0 Unexpected "!"

**/
@charset "UTF-8";

! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.csshtml {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

main {
  display: block
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

pre {
  font-family: monospace, monospace;
  font-size: 1em
}

a {
  background-color: transparent
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted
}

b,
strong {
  font-weight: bolder
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

img {
  border-style: none
}

button,
input,
optgroup,
select,
textarea {
  margin: 0
}

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  padding: .35em .75em .625em
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  vertical-align: baseline
}

textarea {
  overflow: auto
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

details {
  display: block
}

summary {
  display: list-item
}

template {
  display: none
}

[hidden] {
  display: none
}

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

::-moz-selection {
  background: color-mix(in srgb, rgba(var(--color-primary)) 40%, transparent)
}

::selection {
  background: color-mix(in srgb, rgba(var(--color-primary)) 40%, 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-size, var(--font-body-mobile-size, 1.5rem));
  line-height: var(--font-body-mobile-line-height, var(--font-body-line-height));
  letter-spacing: 0;
  background: rgb(var(--color-background));
  background: var(--gradient-background);
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(var(--font-body-color-opacity, .75) * 100%), transparent)
}

@media(min-width:768px) {
  body {
    font-size: var(--font-body-size, var(--font-body-desktop-size, 1.6rem));
    line-height: var(--font-body-line-height)
  }
}

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)) 75%, transparent);
  line-height: calc(1 + .8 / var(--font-body-scale))
}

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

:root {
  --xo-scrollbar-width: 10px;
  --xo-scrollbar-track-color: transparent;
  --xo-scrollbar-thumb-color: color-mix(in srgb, rgba(var(--color-foreground)) 20%, transparent);
  --xo-scrollbar-thumb-color-hover: color-mix(in srgb, rgba(var(--color-foreground)) 40%, transparent);
  --xo-scrollbar-thumb-padding: 2px;
  --xo-scrollbar-radius: 5px;
  --in-cubic: cubic-bezier(.55, .055, .675, .19);
  --out-cubic: cubic-bezier(.215, .61, .355, 1);
  --in-out-cubic: cubic-bezier(.645, .045, .355, 1);
  --in-quad: cubic-bezier(.55, .085, .68, .53);
  --out-quad: cubic-bezier(.25, .46, .45, .94);
  --in-out-quad: cubic-bezier(.455, .03, .515, .955);
  --in-quart: cubic-bezier(.895, .03, .685, .22);
  --out-quart: cubic-bezier(.165, .84, .44, 1);
  --in-out-quart: cubic-bezier(.77, 0, .175, 1);
  --in-sine: cubic-bezier(.47, 0, .745, .715);
  --out-sine: cubic-bezier(.39, .575, .565, 1);
  --in-out-sine: cubic-bezier(.445, .05, .55, .95);
  --out-soft: cubic-bezier(0, 0, .3, 1);
  --spring: cubic-bezier(.27, .79, .45, 1.24);
  --container-min-viewport: 80;
  --container-max-viewport: 190;
  --container-m: (var(--xo-container-gap) - var(--xo-container-gap-mobile, var(--xo-container-gap))) / (var(--container-max-viewport) - var(--container-min-viewport));
  --container-gap: clamp(min(var(--xo-container-gap-mobile, var(--xo-container-gap)) * 1rem, var(--xo-container-gap) * 1rem), calc(var(--container-m) * 100vw + var(--xo-container-gap-mobile, var(--xo-container-gap)) * 1rem - var(--container-m) * var(--container-min-viewport) * 1rem), max(var(--xo-container-gap) * 1rem, var(--xo-container-gap-mobile) * 1rem))
}

#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(--container-gap, 2rem);
  padding-right: var(--container-gap, 2rem)
}

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-theme-lazy #xo-main-content .shopify-section:nth-child(n+4),
.xo-theme-lazy .section-footer {
  content-visibility: auto;
  contain-intrinsic-size: auto 80rem
}

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

@-moz-document url-prefix() {
  img:-moz-loading {
    visibility: hidden
  }
}

:where(p) {
  margin: 0
}

.xo-visually-hidden {
  position: absolute !important;
  overflow: hidden;
  width: .1rem;
  height: .1rem;
  margin: -.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)) 100%, transparent);
  color: color-mix(in srgb, rgba(var(--color-foreground)) 75%, 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 {
  overflow-x: hidden;
  overflow-y: auto
}

@-moz-document url-prefix() {
  .xo-scrollbar {
    scrollbar-color: color-mix(in srgb, rgba(var(--color-foreground)) 40%, transparent) color-mix(in srgb, rgba(var(--color-foreground)) 40%, transparent);
    scrollbar-width: thin
  }
}

.xo-scrollbar::-webkit-scrollbar {
  width: var(--xo-scrollbar-width)
}

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

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

.xo-scrollbar:hover::-webkit-scrollbar-thumb {
  background-color: var(--xo-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],
.xo-pfs {
  --pfs-min: 10;
  --pfs-max: 60;
  --min-viewport: 40;
  --max-viewport: 120;
  --m: (var(--pfs-max) - var(--pfs-min)) / (var(--max-viewport) - var(--min-viewport));
  --size: clamp(min(var(--pfs-min) * 1rem, var(--pfs-max) * 1rem), calc(var(--m) * 100vw + var(--pfs-min) * 1rem - var(--m) * var(--min-viewport) * 1rem), max(var(--pfs-max) * 1rem, var(--pfs-min) * 1rem))
}

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

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

:root {
  --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)
  }
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0
}

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

.display-1 {
  font-size: calc(var(--font-heading-1-scale) * 6.3rem);
  line-height: calc(1 + 0.24 / var(--font-heading-1-scale));
  letter-spacing: calc(var(--font-heading-1-scale) * -.1rem)
}

@media(min-width:992px) {
  .display-1 {
    font-size: calc(var(--font-heading-1-scale) * 12rem);
    line-height: calc(1 + .24 / var(--font-heading-1-scale));
    letter-spacing: calc(var(--font-heading-1-scale) * -.44rem)
  }
}

@media(min-width:1200px) {
  .display-1 {
    font-size: calc(var(--font-heading-1-scale) * 16rem);
    letter-spacing: calc(var(--font-heading-1-scale) * -.2rem)
  }
}

@media(min-width:1400px) {
  .display-1 {
    font-size: calc(var(--font-heading-1-scale) * 18rem)
  }
}

@media(min-width:1600px) {
  .display-1 {
    font-size: calc(var(--font-heading-1-scale) * 22rem);
    letter-spacing: calc(var(--font-heading-1-scale) * -.6rem)
  }
}

@media(min-width:1700px) {
  .display-1 {
    font-size: calc(var(--font-heading-1-scale) * 26rem);
    letter-spacing: calc(var(--font-heading-1-scale) * -.6rem)
  }
}

@media(min-width:1900px) {
  .display-1 {
    font-size: calc(var(--font-heading-1-scale) * 34rem);
    letter-spacing: calc(var(--font-heading-1-scale) * -.5rem)
  }
}

.display-2 {
  font-size: calc(var(--font-heading-1-scale) * 5.3rem);
  line-height: calc(1 + .24 / var(--font-heading-1-scale));
  letter-spacing: calc(var(--font-heading-1-scale) * -.1rem)
}

@media(min-width:992px) {
  .display-2 {
    font-size: calc(var(--font-heading-1-scale) * 10rem);
    line-height: calc(1 + .24 / var(--font-heading-1-scale));
    letter-spacing: calc(var(--font-heading-1-scale) * -.4rem)
  }
}

@media(min-width:1200px) {
  .display-2 {
    font-size: calc(var(--font-heading-1-scale) * 12rem);
    letter-spacing: calc(var(--font-heading-1-scale) * -.2rem)
  }
}

@media(min-width:1400px) {
  .display-2 {
    font-size: calc(var(--font-heading-1-scale) * 14rem)
  }
}

@media(min-width:1600px) {
  .display-2 {
    font-size: calc(var(--font-heading-1-scale) * 16rem);
    letter-spacing: calc(var(--font-heading-1-scale) * -.6rem)
  }
}

@media(min-width:1700px) {
  .display-2 {
    font-size: calc(var(--font-heading-1-scale) * 17rem);
    letter-spacing: calc(var(--font-heading-1-scale) * -.6rem)
  }
}

@media(min-width:1900px) {
  .display-2 {
    font-size: calc(var(--font-heading-1-scale) * 19.3rem);
    letter-spacing: calc(var(--font-heading-1-scale) * -.5rem)
  }
}

.h1 {
  font-size: calc(var(--font-heading-1-scale) * 4.4rem);
  line-height: calc(1 + .24 / var(--font-heading-1-scale));
  letter-spacing: calc(var(--font-heading-1-scale) * -.13rem)
}

@media(min-width:992px) {
  .h1 {
    font-size: calc(var(--font-heading-1-scale) * 7.5rem);
    line-height: calc(1 + 0.24 / var(--font-heading-1-scale));
    letter-spacing: calc(var(--font-heading-1-scale) * -.22rem)
  }
}

@media(min-width:1400px) {
  .h1 {
    font-size: calc(var(--font-heading-1-scale) * 10rem);
    line-height: calc(1 + .24 / var(--font-heading-1-scale));
    letter-spacing: calc(var(--font-heading-1-scale) * -.34rem)
  }
}

.h2 {
  font-size: calc(var(--font-heading-2-scale) * 3.6rem);
  line-height: calc(1 + .24 / var(--font-heading-2-scale));
  letter-spacing: calc(var(--font-heading-2-scale) * -.08rem)
}

@media(min-width:992px) {
  .h2 {
    font-size: calc(var(--font-heading-2-scale) * 6rem);
    line-height: calc(1 + .24 / var(--font-heading-2-scale));
    letter-spacing: calc(var(--font-heading-2-scale) * -.16rem)
  }
}

@media(min-width:1400px) {
  .h2 {
    font-size: calc(var(--font-heading-2-scale) * 7.5rem);
    line-height: calc(1 + .24 / var(--font-heading-2-scale));
    letter-spacing: calc(var(--font-heading-2-scale) * -.23rem)
  }
}

.h3 {
  font-size: calc(var(--font-heading-3-scale) * 3.2rem);
  line-height: calc(1 + 0.24 / var(--font-heading-3-scale));
  letter-spacing: calc(var(--font-heading-3-scale) * -.08rem)
}

@media(min-width:992px) {
  .h3 {
    font-size: calc(var(--font-heading-3-scale) * 5rem);
    line-height: calc(1 + .24 / var(--font-heading-3-scale));
    letter-spacing: calc(var(--font-heading-3-scale) * -.15rem)
  }
}

@media(min-width:1400px) {
  .h3 {
    font-size: calc(var(--font-heading-3-scale) * 6rem);
    line-height: calc(1 + .24 / var(--font-heading-3-scale));
    letter-spacing: calc(var(--font-heading-3-scale) * -.2rem)
  }
}

.h4 {
  font-size: calc(var(--font-heading-4-scale) * 2.5rem);
  line-height: calc(1 + .24 / var(--font-heading-4-scale));
  letter-spacing: calc(var(--font-heading-4-scale) * -.05rem)
}

@media(min-width:992px) {
  .h4 {
    font-size: calc(var(--font-heading-4-scale) * 4.2rem);
    line-height: calc(1 + .24 / var(--font-heading-4-scale));
    letter-spacing: calc(var(--font-heading-4-scale) * -.12rem)
  }
}

@media(min-width:1400px) {
  .h4 {
    font-size: calc(var(--font-heading-4-scale) * 5rem);
    line-height: calc(1 + .24 / var(--font-heading-4-scale));
    letter-spacing: calc(var(--font-heading-4-scale) * -.15rem)
  }
}

.h5 {
  font-size: calc(var(--font-heading-5-scale) * 2.4rem);
  line-height: calc(1 + .24 / var(--font-heading-5-scale));
  letter-spacing: calc(var(--font-heading-5-scale) * -.05rem)
}

@media(min-width:992px) {
  .h5 {
    font-size: calc(var(--font-heading-5-scale) * 3.1rem);
    line-height: calc(1 + .24 / var(--font-heading-5-scale));
    letter-spacing: calc(var(--font-heading-5-scale) * -.08rem)
  }
}

@media(min-width:1400px) {
  .h5 {
    font-size: calc(var(--font-heading-5-scale) * 4.2rem);
    line-height: calc(1 + .24 / var(--font-heading-5-scale));
    letter-spacing: calc(var(--font-heading-5-scale) * -.12rem)
  }
}

.h6 {
  font-size: calc(var(--font-heading-6-scale) * 1.8rem);
  line-height: calc(1 + .24 / var(--font-heading-6-scale));
  letter-spacing: calc(var(--font-heading-6-scale) * -.054rem)
}

@media(min-width:768px) {
  .h6 {
    font-size: calc(var(--font-heading-6-scale) * 2.4rem);
    line-height: calc(1 + .24 / var(--font-heading-6-scale));
    letter-spacing: calc(var(--font-heading-6-scale) * -.072rem)
  }
}

@media(min-width:1400px) {
  .h6 {
    font-size: calc(var(--font-heading-6-scale) * 3.1rem);
    line-height: calc(1 + .2 / var(--font-heading-6-scale));
    letter-spacing: calc(var(--font-heading-6-scale) * -.093rem)
  }
}

.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;
  text-transform: none
}

.xo-table table {
  font-family: var(--font-body-family);
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  padding: 0;
  border: .1rem solid rgba(var(--color-border));
  box-shadow: none;
  caption-side: bottom;
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-size: calc(var(--font-body-scale) * 1.5rem);
  font-weight: 500;
  line-height: calc(1 + .42 / var(--font-body-scale))
}

.xo-table table th {
  text-align: left;
  padding: 1.5rem;
  border: .1rem solid rgba(var(--color-border));
  color: rgb(var(--color-foreground));
  font-family: var(--font-body-family);
  font-weight: 500
}

.xo-table table td {
  padding: 1.5rem;
  border: .1rem solid rgba(var(--color-border))
}

.flex {
  display: flex
}

.flex-h {
  display: flex;
  flex-direction: row
}

.flex-v {
  display: flex;
  flex-direction: column
}

.flwrap {
  flex-wrap: wrap
}

.jc-center {
  justify-content: center
}

.ai-center {
  align-items: center
}

.gap-5 {
  gap: .5rem
}

.gap-10 {
  gap: 1rem
}

.gap-15 {
  gap: 1.5rem
}

.gap-20 {
  gap: 2rem
}

.hide {
  display: none
}

.show {
  display: block
}

.full-width {
  display: block;
  width: 100%
}

.mb-10 {
  margin-bottom: 1rem
}

.mb-20 {
  margin-bottom: 2rem
}

.mb-30 {
  margin-bottom: 3rem
}

.mt-10 {
  margin-top: 1rem
}

.mt-20 {
  margin-top: 2rem
}

.mt-30 {
  margin-top: 3rem
}

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

.abs {
  position: absolute
}

.rel {
  position: relative
}

.t-0 {
  top: 0
}

.b-0 {
  bottom: 0
}

[dir=ltr] .l-0 {
  left: 0
}

[dir=rtl] .l-0,
[dir=ltr] .r-0 {
  right: 0
}

[dir=rtl] .r-0 {
  left: 0
}

.h-full {
  height: 100%
}

.w-full {
  width: 100%
}

.xo-content h1 {
  font-family: var(--font-body-family);
  color: rgb(var(--color-foreground));
  font-weight: var(--font-heading-weight);
  font-size: calc(var(--font-heading-1-scale) * 4.5rem);
  line-height: calc(1 + .01 / var(--font-heading-1-scale));
  letter-spacing: calc(var(--font-heading-1-scale) * -.18rem)
}

@media(min-width:992px) {
  .xo-content h1 {
    font-size: calc(var(--font-heading-1-scale) * 6rem);
    letter-spacing: calc(var(--font-heading-1-scale) * -.3rem);
    font-weight: var(--font-heading-weight)
  }
}

.xo-content h2 {
  font-family: var(--font-body-family);
  color: rgb(var(--color-foreground));
  font-weight: var(--font-heading-weight);
  font-size: calc(var(--font-heading-2-scale) * 2.4rem);
  line-height: calc(1 + .33 / var(--font-heading-2-scale));
  letter-spacing: calc(var(--font-heading-2-scale) * -.096rem);
  padding-bottom: 1.6rem
}

@media(min-width:768px) {
  .xo-content h2 {
    padding-bottom: 2rem
  }
}

@media(min-width:992px) {
  .xo-content h2 {
    font-weight: var(--font-heading-weight);
    font-size: calc(var(--font-heading-2-scale) * 4.2rem);
    line-height: calc(1 + .01 / var(--font-heading-2-scale));
    letter-spacing: calc(var(--font-heading-2-scale) * -.21rem)
  }
}

.xo-content h3 {
  font-family: var(--font-body-family);
  color: rgb(var(--color-foreground));
  font-weight: var(--font-heading-weight);
  font-size: calc(var(--font-heading-3-scale) * 1.8rem);
  line-height: calc(1 + .77 / var(--font-heading-3-scale));
  letter-spacing: calc(var(--font-heading-3-scale) * -.036rem)
}

@media(min-width:992px) {
  .xo-content h3 {
    font-size: calc(var(--font-heading-3-scale) * 2.6rem);
    line-height: calc(1 + .23 / var(--font-heading-3-scale));
    letter-spacing: calc(var(--font-heading-3-scale) * -.052rem)
  }
}

.xo-content h4 {
  font-family: var(--font-body-family);
  color: rgb(var(--color-foreground));
  font-weight: var(--font-heading-weight);
  font-size: calc(var(--font-heading-4-scale) * 1.7rem);
  line-height: calc(1 + .58 / var(--font-heading-4-scale));
  letter-spacing: normal;
  padding-bottom: 1rem
}

@media(min-width:768px) {
  .xo-content h4 {
    font-size: calc(var(--font-heading-4-scale) * 1.8rem);
    line-height: calc(1 + .5 / var(--font-heading-4-scale))
  }
}

.xo-content h5 {
  font-family: var(--font-heading-family);
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: var(--font-heading-weight);
  font-size: calc(var(--font-heading-5-scale) * 1.6rem);
  line-height: calc(1 + .68 / var(--font-heading-5-scale));
  letter-spacing: normal
}

@media(min-width:768px) {
  .xo-content h5 {
    font-size: calc(var(--font-heading-5-scale) * 1.8rem);
    line-height: calc(1 + .5 / var(--font-heading-5-scale))
  }
}

.xo-content h6 {
  font-family: var(--font-heading-family);
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: var(--font-heading-weight);
  font-size: calc(var(--font-heading-5-scale) * 1.5rem);
  line-height: calc(1 + .4 / var(--font-heading-5-scale));
  letter-spacing: normal
}

@media(min-width:768px) {
  .xo-content h6 {
    font-size: calc(var(--font-heading-5-scale) * 1.6rem);
    line-height: calc(1 + .5 / var(--font-heading-5-scale))
  }
}

.xo-content h1,
.xo-content h2,
.xo-content h3,
.xo-content h4,
.xo-content h5,
.xo-content h6 {
  margin: 1rem 0
}

.xo-content p {
  margin: 0;
  margin-bottom: 1rem;
  font-family: var(--font-body-family);
  color: rgb(var(--color-foreground), .7);
  font-weight: 400;
  font-size: calc(var(--font-body-scale) * 1.6rem);
  line-height: calc(1 + .62 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.016rem)
}

.xo-content p:first-child {
  margin-bottom: 0
}

.xo-content em {
  display: block;
  margin: 0;
  padding: 3.3rem 0 3.8rem;
  font-family: var(--font-body-family);
  color: rgb(var(--color-foreground), .7);
  font-weight: 500;
  font-size: calc(var(--font-body-scale) * 1.8rem);
  line-height: calc(1 + .55 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.036rem)
}

@media(min-width:768px) {
  .xo-content em {
    font-size: calc(var(--font-body-scale) * 2rem);
    line-height: calc(1 + .4 / var(--font-body-scale));
    letter-spacing: calc(var(--font-body-scale) * -.04rem)
  }
}

@media(min-width:992px) {
  .xo-content em {
    padding: 6.8rem 0 2.9rem
  }
}

.xo-content blockquote {
  margin: 0;
  padding: 3rem 0 2rem;
  font-family: var(--font-body-family);
  color: rgb(var(--color-foreground), .7);
  font-weight: 500;
  font-size: calc(var(--font-body-scale) * 1.8rem);
  line-height: calc(1 + .55 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.036rem)
}

@media(min-width:768px) {
  .xo-content blockquote {
    font-size: calc(var(--font-body-scale) * 2rem);
    line-height: calc(1 + .4 / var(--font-body-scale));
    letter-spacing: calc(var(--font-body-scale) * -.04rem)
  }
}

@media(min-width:992px) {
  .xo-content blockquote {
    padding: 6.4rem 0 3rem
  }
}

.xo-content blockquote p {
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-family: var(--font-body-family);
  color: rgb(var(--color-foreground), .7);
  font-weight: 500;
  font-size: calc(var(--font-body-scale) * 1.8rem);
  line-height: calc(1 + .55 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.036rem)
}

@media(min-width:768px) {
  .xo-content blockquote p {
    font-size: calc(var(--font-body-scale) * 2rem);
    line-height: calc(1 + .4 / var(--font-body-scale));
    letter-spacing: calc(var(--font-body-scale) * -.04rem)
  }
}

.xo-content blockquote p:empty {
  padding-bottom: 0
}

.xo-content strong {
  font-family: var(--font-body-family);
  color: rgb(var(--color-foreground), 1);
  font-size: calc(var(--font-body-scale) * 1.7rem);
  line-height: calc(1 + .58 / var(--font-body-scale))
}

@media(min-width:768px) {
  .xo-content strong {
    font-size: calc(var(--font-body-scale) * 1.8rem);
    line-height: calc(1 + .5 / var(--font-body-scale))
  }
}

.xo-content ul[data-mce-fragment="1"] {
  margin: 0 0 2rem;
  padding-inline-start: 3rem;
  display: flex;
  flex-direction: column;
  gap: .8rem;
  opacity: .7
}

.xo-content ul[data-mce-fragment="1"] li {
  font-family: var(--font-body-family);
  color: rgb(var(--color-foreground), 1);
  font-weight: 400;
  font-size: calc(var(--font-body-scale) * 1.6rem);
  line-height: calc(1 + .62 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.016rem)
}

.xo-content ul,
.xo-content ol {
  margin: 0;
  padding-inline-start: 2.5rem;
  display: flex;
  flex-direction: column;
  gap: .4rem;
  list-style-position: inside;
  opacity: .7
}

.xo-content ul li,
.xo-content ol li {
  font-family: var(--font-body-family);
  color: rgb(var(--color-foreground), 1);
  font-weight: 400;
  font-size: calc(var(--font-body-scale) * 1.6rem);
  line-height: calc(1 + .62 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.016rem)
}

.xo-content table {
  margin: 2rem 0
}

.xo-content span {
  overflow: hidden
}

.xo-content img {
  width: 100%;
  border-radius: 1rem
}

.xo-content a {
  color: inherit;
  text-decoration: underline
}

:root {
  --xo-container-width: var(--page-width, 140rem);
  --xo-container-gap: var(--page-gap, 2rem);
  --xo-container-gap-mobile: var(--page-gap-mobile, 2rem);
  --xo-grid-col-gap: var(--grid-mobile-horizontal-spacing, 2rem);
  --xo-grid-row-gap: var(--grid-mobile-vertical-spacing, 2rem)
}

@media(min-width:768px) {
  :root {
    --xo-grid-col-gap: var(--grid-desktop-horizontal-spacing, 1.5rem);
    --xo-grid-row-gap: var(--grid-desktop-vertical-spacing, 1.5rem)
  }
}

.shopify-challenge__container {
  width: 100%;
  padding: 5rem 0;
  margin: 0 auto
}

@media(min-width:768px) {
  .shopify-challenge__container {
    width: 50rem;
    padding: 6.2rem 0 10rem
  }
}

@media(min-width:1400px) {
  .shopify-challenge__container {
    padding: 11.2rem 0 16rem
  }
}

.shopify-challenge__container .shopify-challenge__message {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 60%, transparent);
  font-size: calc(var(--font-body-scale) * 1.6rem);
  line-height: calc(1 + .42 / var(--font-body-scale));
  font-weight: 500
}

.shopify-challenge__container .g-recaptcha {
  padding: 2rem 0
}

.shopify-challenge__container .shopify-challenge__button {
  border: none;
  padding: 1.4rem 2.4rem;
  border-radius: 8.6rem;
  background-color: color-mix(in srgb, rgba(var(--color-button)) 100%, transparent);
  color: color-mix(in srgb, rgba(var(--color-button-text)) 100%, transparent);
  cursor: pointer;
  transition: all .3s ease-in-out
}

.shopify-challenge__container .shopify-challenge__button:hover {
  opacity: .7
}

.shopify-challenge__container .shopify-challenge__error {
  padding: 0;
  color: color-mix(in srgb, rgba(var(--color-foreground)) 60%, transparent);
  font-size: calc(var(--font-body-scale) * 1.6rem);
  line-height: calc(1 + .42 / var(--font-body-scale));
  font-weight: 500
}

html[xo-dark-mode] .shopify-section.section-header:has(~#xo-main-content>.shopify-section.section-hero:first-child) .xo-header--style-1:not(.xo-header:has(xo-sticky[xo-is-sticky])) .xo-header__logo-img--transparent,
html[xo-dark-mode] .shopify-section.section-header:has(~#xo-main-content>.shopify-section.section-hero:first-child) .xo-header--style-3:not(.xo-header:has(xo-sticky[xo-is-sticky])) .xo-header__logo-img--transparent,
html[xo-dark-mode] .shopify-section.section-header:has(~#xo-main-content>.shopify-section.section-hero:first-child) .xo-header--style-4:not(.xo-header:has(xo-sticky[xo-is-sticky])) .xo-header__logo-img--transparent {
  display: block
}

html[xo-dark-mode] .shopify-section.section-header:has(~#xo-main-content>.shopify-section.section-hero:first-child) .xo-header--style-1:not(.xo-header:has(xo-sticky[xo-is-sticky])) .xo-header__logo-img--sticky,
html[xo-dark-mode] .shopify-section.section-header:has(~#xo-main-content>.shopify-section.section-hero:first-child) .xo-header--style-3:not(.xo-header:has(xo-sticky[xo-is-sticky])) .xo-header__logo-img--sticky,
html[xo-dark-mode] .shopify-section.section-header:has(~#xo-main-content>.shopify-section.section-hero:first-child) .xo-header--style-4:not(.xo-header:has(xo-sticky[xo-is-sticky])) .xo-header__logo-img--sticky {
  display: none
}

html[xo-dark-mode] .shopify-section.section-header:has(~#xo-main-content>.shopify-section.section-hero:first-child) .xo-menu-horizontal__polygon svg {
  color: color-mix(in srgb, rgba(var(--color-background)) 100%, transparent) !important
}

html[xo-dark-mode] .shopify-section.section-header:has(~#xo-main-content>.shopify-section.section-hero:first-child) .xo-menu-horizontal__border svg {
  color: rgba(var(--color-foreground), .1) !important
}

html[xo-dark-mode] .xo-header .xo-header__logo-img--transparent {
  display: block
}

html[xo-dark-mode] .xo-header .xo-header__logo-img--sticky {
  display: none
}

html[xo-dark-mode] .xo-header xo-sticky[xo-is-sticky]:not([xo-is-sticky=false]) .xo-header__logo-img--transparent {
  display: block
}

html[xo-dark-mode] .xo-header xo-sticky[xo-is-sticky]:not([xo-is-sticky=false]) .xo-header__logo-img--sticky {
  display: none
}

html[xo-dark-mode] .xo-product-card {
  border: .1rem solid rgba(var(--color-border), .15)
}

html[xo-dark-mode] .xo-menu-hamburger-header .xo-menu-hamburger__logo-img--sticky {
  display: none
}

html[xo-dark-mode] .xo-menu-hamburger-header .xo-menu-hamburger__logo-img--transparent {
  display: block
}

html[xo-dark-mode] .side-actions .side-actions__content {
  border: .1rem solid rgba(var(--color-border), .15);
  box-shadow: none
}

html[xo-dark-mode] .product-featured-block__image--modifier img,
html[xo-dark-mode] .product-featured__item--modifier img,
html[xo-dark-mode] .product-featured__image--modifier img,
html[xo-dark-mode] .product-featured-2__icon--modifier img,
html[xo-dark-mode] .feature-special__icon--modifier img,
html[xo-dark-mode] .shop-look-1__image--modifier img,
html[xo-dark-mode] .featured-collection-11__image--modifier img,
html[xo-dark-mode] .img-with-text-2__feature-item--modifier img,
html[xo-dark-mode] .service-block__image--modifier img {
  filter: invert(1)
}

html[xo-dark-mode] .chart__image text,
html[xo-dark-mode] .chart-1__image text {
  fill: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent)
}

html[xo-dark-mode] .multi-column-1__image--light-mode {
  display: none
}

html[xo-dark-mode] .multi-column-1__image--dark-mode {
  display: block
}

p a {
  color: inherit;
  text-decoration: underline
}

p a:hover {
  opacity: .5
}

.xo-turbo-progress-bar {
  background-color: color-mix(in srgb, rgba(var(--color-button)) 100%, transparent)
}

xo-gallery-portal {
  background: #fff
}

xo-gallery-portal xo-gallery-prev,
xo-gallery-portal xo-gallery-next {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  border: .1rem solid rgb(229, 229, 229);
  color: #0000009c;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s
}

xo-gallery-portal xo-gallery-prev svg,
xo-gallery-portal xo-gallery-next svg {
  width: 1.6rem;
  height: 1.6rem;
  fill: #0000009c
}

xo-gallery-portal xo-gallery-prev:hover,
xo-gallery-portal xo-gallery-next:hover {
  opacity: .6
}

[dir=ltr] xo-gallery-portal xo-gallery-prev {
  left: 2.4rem
}

[dir=rtl] xo-gallery-portal xo-gallery-prev {
  right: 2.4rem
}

xo-gallery-portal xo-gallery-prev svg {
  margin-inline-start: -.3rem
}

[dir=ltr] xo-gallery-portal xo-gallery-next {
  right: 2.4rem
}

[dir=rtl] xo-gallery-portal xo-gallery-next {
  left: 2.4rem
}

xo-gallery-portal xo-gallery-next svg {
  margin-inline-end: -.3rem
}

[dir=ltr] xo-gallery-portal xo-gallery-counter {
  left: 2.4rem
}

[dir=rtl] xo-gallery-portal xo-gallery-counter {
  right: 2.4rem
}

xo-gallery-portal xo-gallery-counter {
  top: 2.4rem;
  padding: 0;
  color: #0000009c
}

xo-gallery-portal xo-modal-trigger {
  top: 2.4rem
}

[dir=ltr] xo-gallery-portal xo-modal-trigger {
  right: 2.4rem
}

[dir=rtl] xo-gallery-portal xo-modal-trigger {
  left: 2.4rem
}

xo-gallery-portal xo-modal-trigger {
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  color: #0000009c;
  border: .1rem solid rgb(229, 229, 229);
  display: flex;
  align-items: center;
  justify-content: center
}

xo-gallery-portal xo-modal-trigger svg {
  width: 1rem;
  height: 1rem;
  transition: all .5s;
  will-change: transform;
  fill: #0000009c
}

xo-gallery-portal xo-modal-trigger:hover {
  opacity: .6
}

xo-gallery-portal xo-modal-trigger:hover svg {
  transform: rotate(90deg)
}

xo-gallery-portal xo-modal[xo-name="1"] xo-modal-pan {
  display: flex;
  align-items: center;
  justify-content: center
}

@keyframes zoom-in {
  0% {
    transform: scale(.5)
  }

  to {
    transform: scale(1)
  }
}

xo-gallery-portal[xo-type=scroll] img {
  width: auto
}

xo-tooltip-content {
  border-radius: var(--tooltip-corner-radius);
  white-space: nowrap
}

.shopify-policy__container {
  padding: 11.5rem 0
}

@media(min-width:768px) {
  .shopify-policy__container {
    padding: 15rem 0
  }
}

.shopify-policy__container h1 {
  font-family: var(--font-body-family);
  color: rgb(var(--color-foreground));
  font-weight: var(--font-heading-weight);
  font-size: calc(var(--font-heading-1-scale) * 4.5rem);
  line-height: calc(1 + .01 / var(--font-heading-1-scale));
  letter-spacing: calc(var(--font-heading-1-scale) * -.18rem)
}

@media(min-width:992px) {
  .shopify-policy__container h1 {
    font-size: calc(var(--font-heading-1-scale) * 6rem);
    letter-spacing: calc(var(--font-heading-1-scale) * -.3rem);
    font-weight: var(--font-heading-weight)
  }
}

.shopify-policy__container h2 {
  font-family: var(--font-body-family);
  color: rgb(var(--color-foreground));
  font-weight: var(--font-heading-weight);
  font-size: calc(var(--font-heading-2-scale) * 2.4rem);
  line-height: calc(1 + .33 / var(--font-heading-2-scale));
  letter-spacing: calc(var(--font-heading-2-scale) * -.096rem);
  padding-bottom: 1.6rem
}

@media(min-width:768px) {
  .shopify-policy__container h2 {
    padding-bottom: 2rem
  }
}

@media(min-width:992px) {
  .shopify-policy__container h2 {
    font-weight: var(--font-heading-weight);
    font-size: calc(var(--font-heading-2-scale) * 4.2rem);
    line-height: calc(1 + .01 / var(--font-heading-2-scale));
    letter-spacing: calc(var(--font-heading-2-scale) * -.21rem)
  }
}

.shopify-policy__container h3 {
  font-family: var(--font-body-family);
  color: rgb(var(--color-foreground));
  font-weight: var(--font-heading-weight);
  font-size: calc(var(--font-heading-3-scale) * 1.8rem);
  line-height: calc(1 + .77 / var(--font-heading-3-scale));
  letter-spacing: calc(var(--font-heading-3-scale) * -.036rem)
}

@media(min-width:992px) {
  .shopify-policy__container h3 {
    font-size: calc(var(--font-heading-3-scale) * 2.6rem);
    line-height: calc(1 + .23 / var(--font-heading-3-scale));
    letter-spacing: calc(var(--font-heading-3-scale) * -.052rem)
  }
}

.shopify-policy__container h4 {
  font-family: var(--font-body-family);
  color: rgb(var(--color-foreground));
  font-weight: var(--font-heading-weight);
  font-size: calc(var(--font-heading-4-scale) * 1.7rem);
  line-height: calc(1 + .58 / var(--font-heading-4-scale));
  letter-spacing: normal;
  padding-bottom: 1rem
}

@media(min-width:768px) {
  .shopify-policy__container h4 {
    font-size: calc(var(--font-heading-4-scale) * 1.8rem);
    line-height: calc(1 + .5 / var(--font-heading-4-scale))
  }
}

.shopify-policy__container h5 {
  font-family: var(--font-heading-family);
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: var(--font-heading-weight);
  font-size: calc(var(--font-heading-5-scale) * 1.6rem);
  line-height: calc(1 + .68 / var(--font-heading-5-scale));
  letter-spacing: normal
}

@media(min-width:768px) {
  .shopify-policy__container h5 {
    font-size: calc(var(--font-heading-5-scale) * 1.8rem);
    line-height: calc(1 + .5 / var(--font-heading-5-scale))
  }
}

.shopify-policy__container h6 {
  font-family: var(--font-heading-family);
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: var(--font-heading-weight);
  font-size: calc(var(--font-heading-5-scale) * 1.5rem);
  line-height: calc(1 + .4 / var(--font-heading-5-scale));
  letter-spacing: normal
}

@media(min-width:768px) {
  .shopify-policy__container h6 {
    font-size: calc(var(--font-heading-5-scale) * 1.6rem);
    line-height: calc(1 + .5 / var(--font-heading-5-scale))
  }
}

.shopify-policy__container h1,
.shopify-policy__container h2,
.shopify-policy__container h3,
.shopify-policy__container h4,
.shopify-policy__container h5,
.shopify-policy__container h6 {
  margin: 1rem 0
}

.shopify-policy__container p {
  margin: 0;
  margin-bottom: 1rem;
  font-family: var(--font-body-family);
  color: rgb(var(--color-foreground), .7);
  font-weight: 400;
  font-size: calc(var(--font-body-scale) * 1.6rem);
  line-height: calc(1 + .62 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.016rem)
}

.shopify-policy__container p:first-child {
  margin-bottom: 0
}

.shopify-policy__container em {
  display: block;
  margin: 0;
  padding: 3.3rem 0 3.8rem;
  font-family: var(--font-body-family);
  color: rgb(var(--color-foreground), .7);
  font-weight: 500;
  font-size: calc(var(--font-body-scale) * 1.8rem);
  line-height: calc(1 + .55 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.036rem)
}

@media(min-width:768px) {
  .shopify-policy__container em {
    font-size: calc(var(--font-body-scale) * 2rem);
    line-height: calc(1 + .4 / var(--font-body-scale));
    letter-spacing: calc(var(--font-body-scale) * -.04rem)
  }
}

@media(min-width:992px) {
  .shopify-policy__container em {
    padding: 6.8rem 0 2.9rem
  }
}

.shopify-policy__container blockquote {
  margin: 0;
  padding: 3rem 0 2rem;
  font-family: var(--font-body-family);
  color: rgb(var(--color-foreground), .7);
  font-weight: 500;
  font-size: calc(var(--font-body-scale) * 1.8rem);
  line-height: calc(1 + .55 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.036rem)
}

@media(min-width:768px) {
  .shopify-policy__container blockquote {
    font-size: calc(var(--font-body-scale) * 2rem);
    line-height: calc(1 + .4 / var(--font-body-scale));
    letter-spacing: calc(var(--font-body-scale) * -.04rem)
  }
}

@media(min-width:992px) {
  .shopify-policy__container blockquote {
    padding: 6.4rem 0 3rem
  }
}

.shopify-policy__container blockquote p {
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-family: var(--font-body-family);
  color: rgb(var(--color-foreground), .7);
  font-weight: 500;
  font-size: calc(var(--font-body-scale) * 1.8rem);
  line-height: calc(1 + .55 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.036rem)
}

@media(min-width:768px) {
  .shopify-policy__container blockquote p {
    font-size: calc(var(--font-body-scale) * 2rem);
    line-height: calc(1 + .4 / var(--font-body-scale));
    letter-spacing: calc(var(--font-body-scale) * -.04rem)
  }
}

.shopify-policy__container blockquote p:empty {
  padding-bottom: 0
}

.shopify-policy__container strong {
  font-family: var(--font-body-family);
  color: rgb(var(--color-foreground), 1);
  font-size: calc(var(--font-body-scale) * 1.7rem);
  line-height: calc(1 + .58 / var(--font-body-scale))
}

@media(min-width:768px) {
  .shopify-policy__container strong {
    font-size: calc(var(--font-body-scale) * 1.8rem);
    line-height: calc(1 + .5 / var(--font-body-scale))
  }
}

.shopify-policy__container ul[data-mce-fragment="1"] {
  margin: 0 0 2rem;
  padding-inline-start: 3rem;
  display: flex;
  flex-direction: column;
  gap: .8rem;
  opacity: .7
}

.shopify-policy__container ul[data-mce-fragment="1"] li {
  font-family: var(--font-body-family);
  color: rgb(var(--color-foreground), 1);
  font-weight: 400;
  font-size: calc(var(--font-body-scale) * 1.6rem);
  line-height: calc(1 + .62 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.016rem)
}

.shopify-policy__container ul,
.shopify-policy__container ol {
  margin: 0;
  padding-inline-start: 2.5rem;
  display: flex;
  flex-direction: column;
  gap: .4rem;
  list-style-position: inside;
  opacity: .7
}

.shopify-policy__container ul li,
.shopify-policy__container ol li {
  font-family: var(--font-body-family);
  color: rgb(var(--color-foreground), 1);
  font-weight: 400;
  font-size: calc(var(--font-body-scale) * 1.6rem);
  line-height: calc(1 + .62 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.016rem)
}

.shopify-policy__container table {
  margin: 2rem 0
}

.shopify-policy__container span {
  overflow: hidden
}

.shopify-policy__container img {
  width: 100%;
  border-radius: 1rem
}

.shopify-policy__container a {
  color: inherit;
  text-decoration: underline
}

.xo-cart-item {
  display: flex;
  gap: 1.5rem;
  padding-inline-end: 3.4rem
}

@media(min-width:768px) {
  .xo-cart-item {
    padding-top: 0;
    gap: 1.8rem
  }
}

.xo-cart-item__img {
  width: 9.6rem;
  height: 11.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0
}

.xo-cart-item__img .xo-image,
.xo-cart-item__img img {
  width: 100%;
  height: 100%
}

.xo-cart-item__content {
  padding-top: .3rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

@media(min-width:768px) {
  .xo-cart-item__content {
    padding-top: .8rem
  }
}

.xo-cart-item__title {
  display: block;
  font-family: var(--font-heading-family);
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: 400;
  font-size: calc(var(--font-body-scale) * 1.5rem);
  line-height: calc(1 + .42 / var(--font-body-scale));
  word-break: break-word;
  word-wrap: break-word;
  opacity: .8
}

.xo-cart-item__price {
  position: relative
}

.xo-cart-item__price .xo-cart-item__final-price {
  display: block;
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-weight: 500;
  line-height: calc(1 + .42 / var(--font-body-scale))
}

.xo-cart-item__price .xo-cart-item__old-price {
  display: block;
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-weight: 500;
  line-height: calc(1 + .42 / var(--font-body-scale));
  text-decoration: line-through;
  opacity: .3
}

.xo-cart-item__price .xo-cart-item__discounted-prices {
  display: flex;
  align-items: center;
  gap: .7rem;
  gap: .5rem;
  padding: .2rem 0
}

@media(max-width:767px) {
  .xo-cart-item__price:has(.xo-cart-item__loading[xo-visible]) .xo-price {
    opacity: 0
  }
}

.xo-cart-item__loading {
  position: absolute
}

[dir=ltr] .xo-cart-item__loading {
  left: 0
}

[dir=rtl] .xo-cart-item__loading {
  right: 0
}

.xo-cart-item__loading {
  top: 0;
  padding: .4rem 0
}

@media(min-width:768px) {
  .xo-cart-item__loading {
    display: none
  }
}

@media(min-width:768px) {
  .xo-cart-item__loading[xo-visible] {
    display: none !important
  }
}

.xo-cart-item__detail-discount .xo-badge-discount {
  padding: .4rem 0 0
}

@media(min-width:768px) {
  .xo-cart-item__detail-discount .xo-badge-discount {
    padding: 0
  }
}

.xo-cart-item__quantity-item {
  display: block;
  padding: .8rem 0
}

@media(min-width:768px) {
  .xo-cart-item__quantity-item {
    display: none
  }
}

.xo-cart-item__options {
  display: flex;
  flex-direction: column;
  gap: .4rem
}

.xo-cart-item__options--pd {
  padding-top: .8rem
}

.xo-cart-item__options-item {
  display: flex;
  align-items: center;
  gap: .4rem;
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: 500;
  font-size: calc(var(--font-body-scale) * 1.4rem);
  line-height: calc(1 + .42 / var(--font-body-scale))
}

.xo-cart-item__options-name {
  opacity: .65
}

.xo-cart-item__options-value {
  opacity: .8
}

.xo-cart-item__detail-discounts:not(:empty) {
  padding-top: .8rem
}

.xo-cart-item__remove {
  display: none
}

@media(max-width:991px) {
  .xo-cart-item__remove {
    display: block
  }
}

.xo-cart-item__remove .xo-btn__text:before,
.xo-cart-item__remove .xo-btn__text:after {
  color: color-mix(in srgb, rgba(var(--color-button)) 100%, transparent)
}

.xo-cart-item__selling-plan {
  padding-top: .4rem;
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: 400;
  font-size: calc(var(--font-body-scale) * 1.4rem);
  line-height: calc(1 + .42 / var(--font-body-scale));
  opacity: .8
}

@media(min-width:740px) {
  .xo-cart-item__selling-plan {
    font-size: calc(var(--font-body-scale) * 1.5rem);
    line-height: calc(1 + .4 / var(--font-body-scale))
  }
}

shopify-buy-it-now-button .shopify-payment-button__button {
  height: unset;
  padding: 1.7rem calc(var(--buttons-scale) * 4.2rem);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(var(--color-button), var(--buttons-background-opacity)) !important;
  border: .1rem solid color-mix(in srgb, rgba(var(--color-button)) 100%, transparent);
  border-radius: 0;
  color: rgba(var(--color-button-text));
  font-weight: 500;
  font-size: calc(var(--font-body-scale) * 1.6rem);
  line-height: calc(1 + .4 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.016rem);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  overflow: hidden;
  transition: .5s cubic-bezier(.25, .74, .22, .99) !important
}

@media(max-width:767px) {
  shopify-buy-it-now-button .shopify-payment-button__button {
    padding: 1.35rem calc(var(--buttons-scale) * 4rem);
    font-size: calc(var(--font-body-scale) * 1.5rem);
    line-height: calc(1 + .42 / var(--font-body-scale));
    letter-spacing: normal
  }
}

shopify-buy-it-now-button .shopify-payment-button__button:before {
  content: "";
  position: absolute;
  z-index: -1
}

[dir=ltr] shopify-buy-it-now-button .shopify-payment-button__button:before {
  left: 50%
}

[dir=rtl] shopify-buy-it-now-button .shopify-payment-button__button:before {
  right: 50%
}

shopify-buy-it-now-button .shopify-payment-button__button:before {
  top: 100%
}

[dir=ltr] shopify-buy-it-now-button .shopify-payment-button__button:before {
  transform: translate(-50%)
}

[dir=rtl] shopify-buy-it-now-button .shopify-payment-button__button:before {
  transform: translate(50%)
}

shopify-buy-it-now-button .shopify-payment-button__button:before {
  width: 100%;
  height: 0;
  background-color: color-mix(in srgb, rgba(var(--color-secondary-button)) 100%, transparent) !important;
  color: color-mix(in srgb, rgba(var(--color-secondary-button-text)) 100%, transparent);
  padding-top: 100%;
  border-radius: 0;
  transition: all .5s cubic-bezier(.25, .74, .22, .99) .05s, border-radius .5s cubic-bezier(.25, .74, .22, .99) .22s
}

shopify-buy-it-now-button .shopify-payment-button__button:after {
  content: "";
  position: absolute;
  top: .2rem;
  right: .2rem;
  bottom: .2rem;
  left: .2rem;
  border: .1rem solid transparent;
  transition: .3s
}

shopify-buy-it-now-button .shopify-payment-button__button:focus:after {
  border: .1rem solid color-mix(in srgb, rgba(var(--color-background)) 100%, transparent)
}

shopify-buy-it-now-button .shopify-payment-button__button:hover {
  opacity: .99;
  color: color-mix(in srgb, rgba(var(--color-secondary-button-text)) 100%, transparent)
}

shopify-buy-it-now-button .shopify-payment-button__button:hover:before {
  width: 100%;
  height: 100%;
  padding-top: 0;
  border-radius: 0;
  top: 0
}

[dir=ltr] shopify-buy-it-now-button .shopify-payment-button__button:hover:before {
  transform: translate(-50%)
}

[dir=rtl] shopify-buy-it-now-button .shopify-payment-button__button:hover:before {
  transform: translate(50%)
}

shopify-buy-it-now-button .shopify-payment-button__button:hover:before {
  transition: .5s cubic-bezier(.25, .74, .22, .99)
}

.shopify-payment-button__group--radius .shopify-payment-button__button {
  border-radius: var(--button-radius)
}

.shopify-payment-button__group--radius .shopify-payment-button__button:before {
  border-radius: 50% 50% 0 0
}

.shopify-payment-button__group--radius .shopify-payment-button__button:after {
  border-radius: var(--button-radius)
}

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

.shopify-payment-button__group {
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
  padding-bottom: 0
}

.shopify-payment-button__buy {
  width: 100%
}

.shopify-payment-button__buy[xo-disabled] {
  cursor: not-allowed;
  pointer-events: none;
  opacity: .6
}

.shopify-payment-button__buy[xo-disabled] .shopify-payment-button {
  pointer-events: none;
  cursor: not-allowed
}

.shopify-payment-button__buy-desciption {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-size: calc(var(--font-body-scale) * 1.2rem);
  font-weight: 500;
  display: none;
  align-items: center;
  flex-wrap: wrap;
  gap: .3rem;
  opacity: .75
}

@media(min-width:768px) {
  .shopify-payment-button__buy-desciption {
    opacity: 1;
    font-size: calc(var(--font-body-scale) * 1.4rem);
    line-height: calc(1 + .42 / var(--font-body-scale))
  }
}

.shopify-payment-button__buy-desciption .xo-btn__content {
  text-transform: none;
  color: color-mix(in srgb, rgba(var(--color-button)) 100%, transparent);
  font-size: calc(var(--font-body-scale) * 1.2rem);
  line-height: calc(1 + .25 / var(--font-body-scale));
  opacity: .8
}

@media(min-width:768px) {
  .shopify-payment-button__buy-desciption .xo-btn__content {
    font-size: calc(var(--font-body-scale) * 1.6rem);
    line-height: calc(1 + .25 / var(--font-body-scale))
  }
}

.shopify-payment-button__buy-desciption .shopify-payment-button__buy-desciption-icon {
  padding-inline-end: .8rem;
  display: flex;
  align-items: center;
  justify-content: center
}

.shopify-payment-button__buy-desciption .xo-btn__text {
  text-transform: none;
  font-size: 1.6rem
}

@media(max-width:767px) {
  .shopify-payment-button__buy-desciption .xo-btn__text {
    font-size: calc(var(--font-body-scale) * 1.2rem);
    line-height: calc(1 + .25 / var(--font-body-scale))
  }
}

.xo-action-remove {
  padding: 1rem;
  position: relative;
  cursor: pointer
}

.xo-action-remove:hover .xo-action-remove__icon-1 {
  transform: translateY(.15rem)
}

.xo-action-remove:hover .xo-action-remove__icon-2 {
  transform: translate(-.15rem, .15rem) rotate(-15deg)
}

.xo-action-remove__icon {
  display: flex;
  align-items: center;
  justify-content: center
}

.xo-action-remove__icon-1,
.xo-action-remove__icon-2 {
  transition: .3s
}

.announcement-bar {
  width: 100%;
  text-align: center;
  color: rgba(var(--color-foreground))
}

.xo-blog-tags {
  color: rgba(var(--color-foreground));
  align-items: center
}

.xo-blog-tags__item {
  font-size: calc(var(--font-body-scale) * 1.2rem);
  color: color-mix(in srgb, rgba(var(--color-background)) 100%, transparent);
  background-color: color-mix(in srgb, rgba(var(--color-button)) 100%, transparent);
  padding: .4rem .8rem;
  margin-left: .5rem
}

.xo-blog-tags__item--radius {
  border-radius: var(--tag-radius)
}

.xo-blog-tags__title {
  color: rgba(var(--color-foreground), .5)
}

.xo-breadcrumb--border {
  border-bottom: .1rem solid rgba(var(--color-foreground), .15)
}

.xo-breadcrumb__list {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: var(--align);
  gap: .4rem;
  list-style: none
}

.xo-breadcrumb__item {
  display: flex;
  align-items: center;
  gap: .2rem
}

.xo-breadcrumb__item a {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: 500;
  font-size: calc(var(--font-body-scale) * 1.5rem);
  line-height: calc(1 + .42 / var(--font-body-scale));
  opacity: .9
}

.xo-breadcrumb__link {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: 500;
  font-size: calc(var(--font-body-scale) * 1.5rem);
  line-height: calc(1 + .42 / var(--font-body-scale));
  opacity: .9;
  transition: all .3s
}

.xo-breadcrumb__link:hover {
  opacity: 1;
  text-decoration: underline
}

.xo-breadcrumb--current {
  opacity: .75
}

.xo-breadcrumb__separator {
  display: flex;
  justify-content: center;
  align-items: center
}

.xo-bubble {
  position: relative;
  background: var(--bg-color);
  color: var(--label-color);
  padding: .3rem .8rem
}

.xo-bubble--modifier {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .4rem
}

.xo-bubble--radius {
  border-radius: 1.4rem
}

.xo-bubble--modifier.xo-bubble--above {
  position: absolute;
  bottom: 100%
}

[dir=ltr] .xo-bubble--modifier.xo-bubble--above {
  right: -1rem
}

[dir=rtl] .xo-bubble--modifier.xo-bubble--above {
  left: -1rem
}

.xo-bubble--modifier.xo-bubble--above:after {
  content: "";
  position: absolute;
  top: 100%
}

[dir=ltr] .xo-bubble--modifier.xo-bubble--above:after {
  left: 1rem
}

[dir=rtl] .xo-bubble--modifier.xo-bubble--above:after {
  right: 1rem
}

.xo-bubble--modifier.xo-bubble--above:after {
  border-right: .5rem solid transparent;
  border-top: .5rem solid var(--bg-color)
}

.xo-bubble__icon {
  display: flex;
  align-items: center;
  justify-content: center
}

.xo-bubble__icon svg {
  color: var(--label-color)
}

.xo-bubble__label {
  display: block;
  color: var(--label-color);
  font-size: calc(var(--font-body-scale) * 1.2rem);
  font-weight: 500;
  line-height: calc(1 + .4 / var(--font-body-scale))
}

.xo-btn--radius {
  border-radius: var(--button-radius)
}

.xo-btn--radius:after {
  border-radius: calc(var(--button-radius) - .2rem)
}

.xo-btn {
  --width: initial;
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: calc((1 + (var(--buttons-scale) - 1) / 2) * 1.5rem);
  font-weight: 500;
  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)) 100%, transparent);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  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: .3s;
  will-change: transform
}

.xo-btn[style*=--width] .xo-btn__content {
  padding: 0
}

.xo-btn:after {
  content: "";
  position: absolute;
  top: .2rem;
  right: .2rem;
  bottom: .2rem;
  left: .2rem;
  border: .1rem solid transparent;
  transition: .3s
}

.xo-btn:focus:after {
  border: .1rem solid color-mix(in srgb, rgba(var(--color-button-text)) 100%, transparent)
}

.xo-btn--animation {
  transition: .5s cubic-bezier(.25, .74, .22, .99)
}

.xo-btn--animation .xo-btn__content {
  position: relative
}

.xo-btn--animation:before {
  content: "";
  position: absolute;
  z-index: -1
}

[dir=ltr] .xo-btn--animation:before {
  left: 50%;
  transform: translate(-50%)
}

[dir=rtl] .xo-btn--animation:before {
  right: 50%;
  transform: translate(50%)
}

.xo-btn--animation:before {
  top: 100%;
  width: 100%;
  height: 0;
  padding-top: 100%;
  border-radius: 0;
  transition: all .5s cubic-bezier(.25, .74, .22, .99) .05s, border-radius .5s cubic-bezier(.25, .74, .22, .99) .22s
}

.xo-btn--animation:hover:before {
  width: 101%;
  height: 101%;
  padding-top: 0;
  top: 0
}

[dir=ltr] .xo-btn--animation:hover:before {
  transform: translate(-50%)
}

[dir=rtl] .xo-btn--animation:hover:before {
  transform: translate(50%)
}

.xo-btn--animation .xo-btn__text {
  color: transparent
}

.xo-btn--animation.xo-btn--radius:before {
  border-radius: 50% 50% 0 0
}

.xo-btn--animation.xo-btn--radius:hover:before {
  border-radius: 0
}

.xo-btn--animation.xo-btn--primary {
  border: .1rem solid color-mix(in srgb, rgba(var(--color-button)) 100%, transparent)
}

.xo-btn--animation.xo-btn--primary .xo-btn__content {
  text-shadow: 0 0 0 color-mix(in srgb, rgba(var(--color-button-text)) 100%, transparent), 0 3rem 0 transparent
}

.xo-btn--animation.xo-btn--primary:before {
  background-color: color-mix(in srgb, rgba(var(--color-secondary-button)) 100%, transparent)
}

.xo-btn--animation.xo-btn--primary:hover .xo-btn__content {
  text-shadow: 0 -3rem 0 transparent, 0 0 0 color-mix(in srgb, rgba(var(--color-secondary-button-text)) 100%, transparent)
}

.xo-btn--animation.xo-btn--primary:hover .xo-btn__content svg {
  color: color-mix(in srgb, rgba(var(--color-secondary-button-text)) 100%, transparent)
}

.xo-btn--animation.xo-btn--primary:hover .xo-btn__loading .xo-loader-3>*,
.xo-btn--animation.xo-btn--primary:hover .xo-btn__loading .xo-loader-3:before,
.xo-btn--animation.xo-btn--primary:hover .xo-btn__loading .xo-loader-3:after {
  background-color: color-mix(in srgb, rgba(var(--color-secondary-button-text)) 100%, transparent)
}

.xo-btn--animation.xo-btn--secondary .xo-btn__content {
  text-shadow: 0 0 0 color-mix(in srgb, rgba(var(--color-secondary-button-text)) 100%, transparent), 0 3rem 0 transparent
}

.xo-btn--animation.xo-btn--secondary:before {
  background-color: color-mix(in srgb, rgba(var(--color-button)) 100%, transparent)
}

.xo-btn--animation.xo-btn--secondary:hover {
  border: .1rem solid rgba(var(--color-button), 1)
}

.xo-btn--animation.xo-btn--secondary:hover .xo-btn__content {
  text-shadow: 0 -3rem 0 transparent, 0 0 0 color-mix(in srgb, rgba(var(--color-button-text)) 100%, transparent)
}

.xo-btn--animation.xo-btn--secondary:hover .xo-btn__content svg {
  color: color-mix(in srgb, rgba(var(--color-button-text)) 100%, transparent)
}

.xo-btn--animation.xo-btn--secondary:hover .xo-btn__loading .xo-loader-3>*,
.xo-btn--animation.xo-btn--secondary:hover .xo-btn__loading .xo-loader-3:before,
.xo-btn--animation.xo-btn--secondary:hover .xo-btn__loading .xo-loader-3:after {
  background-color: color-mix(in srgb, rgba(var(--color-button-text)) 100%, transparent)
}

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

.xo-btn__content {
  padding: .6rem calc(var(--buttons-scale) * 2rem);
  overflow: hidden;
  gap: .5rem;
  width: var(--width, auto);
  line-height: calc(1 + .6 / var(--font-body-scale));
  font-weight: 500;
  word-break: break-word;
  word-wrap: break-word
}

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

.xo-btn--xs {
  font-size: calc((1 + (var(--buttons-scale) - 1) / 2) * 1.4rem)
}

.xo-btn--xs .xo-btn__content {
  padding: 1rem calc(var(--buttons-scale) * 3.4rem);
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-weight: 500;
  line-height: calc(1 + .4 / var(--font-body-scale))
}

.xo-btn--xs .xo-btn__text {
  padding: 0 .6rem
}

.xo-btn--sm {
  font-size: calc((1 + (var(--buttons-scale) - 1) / 2) * 1.4rem)
}

@media(min-width:768px) {
  .xo-btn--sm {
    font-size: calc((1 + (var(--buttons-scale) - 1) / 2) * 1.5rem)
  }
}

.xo-btn--sm .xo-btn__content {
  padding: 1rem;
  font-weight: 500;
  font-size: calc(var(--font-body-scale) * 1.4rem);
  line-height: calc(1 + .4 / var(--font-body-scale))
}

@media(min-width:768px) {
  .xo-btn--sm .xo-btn__content {
    font-size: calc(var(--font-body-scale) * 1.5rem);
    line-height: calc(1 + .42 / var(--font-body-scale));
    padding: 1.35rem calc(var(--buttons-scale) * 1.6rem)
  }
}

.xo-btn--sm .xo-btn__text {
  padding: 0 .8rem
}

.xo-btn--md {
  font-size: calc((1 + (var(--buttons-scale) - 1) / 2) * 1.5rem)
}

@media(min-width:768px) {
  .xo-btn--md {
    font-size: calc((1 + (var(--buttons-scale) - 1) / 2) * 1.6rem)
  }
}

.xo-btn--md .xo-btn__content {
  padding: 1.35rem calc(var(--buttons-scale) * 1.6rem);
  font-weight: 500;
  font-size: calc(var(--font-body-scale) * 1.5rem);
  line-height: calc(1 + .42 / var(--font-body-scale));
  letter-spacing: normal
}

@media(min-width:768px) {
  .xo-btn--md .xo-btn__content {
    font-size: calc(var(--font-body-scale) * 1.6rem);
    line-height: calc(1 + .4 / var(--font-body-scale));
    letter-spacing: calc(var(--font-body-scale) * -.016rem);
    padding: 1.7rem calc(var(--buttons-scale) * 2rem)
  }
}

.xo-btn--md .xo-btn__text {
  padding: 0 .8rem
}

.xo-btn--lg {
  font-size: calc((1 + (var(--buttons-scale) - 1) / 2) * 1.6rem)
}

@media(min-width:768px) {
  .xo-btn--lg {
    font-size: calc((1 + (var(--buttons-scale) - 1) / 2) * 1.8rem)
  }
}

.xo-btn--lg .xo-btn__content {
  padding: 1.7rem calc(var(--buttons-scale) * 2rem);
  font-weight: 500;
  font-size: calc(var(--font-body-scale) * 1.6rem);
  line-height: calc(1 + .4 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.016rem)
}

@media(min-width:768px) {
  .xo-btn--lg .xo-btn__content {
    font-size: calc(var(--font-body-scale) * 1.8rem);
    line-height: calc(1 + .44 / var(--font-body-scale));
    letter-spacing: normal;
    padding: 2.1rem calc(var(--buttons-scale) * 2.4rem)
  }
}

.xo-btn--lg .xo-btn__text {
  padding: 0 .8rem
}

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

.xo-btn--secondary {
  border: .1rem solid rgba(var(--color-secondary-button-text), .4);
  background-color: color-mix(in srgb, rgba(var(--color-secondary-button)) 100%, transparent);
  color: color-mix(in srgb, rgba(var(--color-button)) 100%, transparent);
  transition: all .3s
}

.xo-btn--secondary .xo-btn__text[data-text]:before,
.xo-btn--secondary .xo-btn__text[data-text]:after {
  color: color-mix(in srgb, rgba(var(--color-secondary-button-text)) 100%, transparent)
}

.xo-btn--secondary:hover {
  color: color-mix(in srgb, rgba(var(--color-secondary-button-text)) 100%, transparent);
  opacity: 1 !important
}

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

.xo-btn--tertiary .xo-btn__text[data-text]:before,
.xo-btn--tertiary .xo-btn__text[data-text]:after {
  color: color-mix(in srgb, rgba(var(--color-tertiary-button-text)) 100%, transparent)
}

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

.xo-btn--gray .xo-btn__text[data-text]:before,
.xo-btn--gray .xo-btn__text[data-text]:after {
  color: color-mix(in srgb, rgba(var(--color-gray-button-text)) 100%, transparent)
}

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

.xo-btn--dark .xo-btn__text[data-text]:before,
.xo-btn--dark .xo-btn__text[data-text]:after {
  color: color-mix(in srgb, rgba(var(--color-dark-button-text)) 100%, transparent)
}

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

.xo-btn--light .xo-btn__text[data-text]:before,
.xo-btn--light .xo-btn__text[data-text]:after {
  color: color-mix(in srgb, rgba(var(--color-light-button-text)) 100%, transparent)
}

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

.xo-btn--light-2 .xo-btn__text[data-text]:before,
.xo-btn--light-2 .xo-btn__text[data-text]:after {
  color: color-mix(in srgb, rgba(var(--color-accent)) 100%, transparent)
}

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

.xo-btn__loading {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateY(100%);
  transition: .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,
xo-filters-load-more[xo-loading]:not([xo-loading=false]) .xo-btn__loading {
  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,
xo-filters-load-more[xo-loading]:not([xo-loading=false]) .xo-btn__content {
  transform: translateY(-100%)
}

.xo-btn__text[data-text] {
  color: transparent
}

.xo-btn__text[data-text]:before,
.xo-btn__text[data-text]:after {
  content: attr(data-text);
  color: color-mix(in srgb, rgba(var(--color-button-text)) 100%, transparent);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .3s;
  text-underline-offset: .2rem
}

.xo-btn__text[data-text]:after {
  transform: translateY(100%)
}

.xo-btn--slide-up .xo-btn__content {
  position: relative
}

.xo-btn--slide-up:hover .xo-btn__text:before {
  transform: translateY(-100%)
}

.xo-btn--slide-up:hover .xo-btn__text:after {
  transform: translateY(0)
}

.xo-btn--slide-up:has(.xo-btn__icon) .xo-btn__text:before,
.xo-btn--slide-up:has(.xo-btn__icon) .xo-btn__text:after {
  padding-inline-end: 1.5rem
}

.xo-btn--slide-up.xo-btn--link .xo-btn__text {
  padding: 0
}

.xo-btn--slide-up.xo-btn--link .xo-btn__text:before,
.xo-btn--slide-up.xo-btn--link .xo-btn__text:after {
  justify-content: end
}

.xo-btn--slide-up.xo-btn--link:has(.xo-btn__content--reverse) .xo-btn__text:before,
.xo-btn--slide-up.xo-btn--link:has(.xo-btn__content--reverse) .xo-btn__text:after {
  justify-content: start
}

.xo-btn--link {
  background: none;
  border-radius: 0;
  border: none
}

.xo-btn--link .xo-btn__content {
  position: relative;
  padding: 0;
  min-height: 0;
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  text-decoration: underline;
  text-underline-offset: .2rem;
  text-decoration-thickness: .1rem
}

.xo-btn--link .xo-btn__text[data-text]:before,
.xo-btn--link .xo-btn__text[data-text]:after {
  padding-inline-end: 0;
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent)
}

.xo-btn--link:after {
  border-radius: 0
}

.xo-btn--link:focus:after {
  border: .1rem solid transparent
}

.xo-btn--link:hover {
  opacity: .65
}

.xo-btn__icon {
  display: flex;
  align-self: center;
  justify-content: center
}

.xo-btn-icon {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  overflow: hidden;
  transition: all .3s;
  will-change: transform
}

.xo-btn-icon:after {
  content: "";
  position: absolute;
  top: .2rem;
  right: .2rem;
  bottom: .2rem;
  left: .2rem;
  border: .1rem solid transparent;
  transition: .3s
}

.xo-btn-icon:focus:after {
  border: .1rem solid color-mix(in srgb, rgba(var(--color-background)) 100%, transparent)
}

.xo-btn-icon--fill {
  transition: .5s cubic-bezier(.25, .74, .22, .99)
}

.xo-btn-icon--fill .xo-btn-icon__icon {
  position: relative;
  color: color-mix(in srgb, rgba(var(--color-button-text)) 100%, transparent);
  transition: all .3s
}

.xo-btn-icon--fill:before {
  content: "";
  position: absolute;
  z-index: -1
}

[dir=ltr] .xo-btn-icon--fill:before {
  left: 50%
}

[dir=rtl] .xo-btn-icon--fill:before {
  right: 50%
}

.xo-btn-icon--fill:before {
  top: 100%
}

[dir=ltr] .xo-btn-icon--fill:before {
  transform: translate(-50%)
}

[dir=rtl] .xo-btn-icon--fill:before {
  transform: translate(50%)
}

.xo-btn-icon--fill:before {
  width: 100%;
  height: 0;
  padding-top: 100%;
  border-radius: 50% 50% 0 0;
  transition: all .5s cubic-bezier(.25, .74, .22, .99) .05s, border-radius .5s cubic-bezier(.25, .74, .22, .99) .22s
}

.xo-btn-icon--fill:hover:before {
  width: 100%;
  height: 100%;
  padding-top: 0;
  border-radius: 0;
  top: 0
}

[dir=ltr] .xo-btn-icon--fill:hover:before {
  transform: translate(-50%)
}

[dir=rtl] .xo-btn-icon--fill:hover:before {
  transform: translate(50%)
}

.xo-btn-icon--fill.xo-btn-icon--primary:hover .xo-btn-icon__icon {
  color: color-mix(in srgb, rgba(var(--color-secondary-button-text)) 100%, transparent)
}

.xo-btn-icon--fill.xo-btn-icon--secondary:hover .xo-btn-icon__icon {
  color: color-mix(in srgb, rgba(var(--color-button-text)) 100%, transparent)
}

.xo-btn-icon--rotate .xo-btn-icon__icon {
  transition: .3s
}

.xo-btn-icon--rotate:hover .xo-btn-icon__icon {
  transform: rotate(90deg);
  transition: .3s
}

.xo-btn-icon--slide-up {
  overflow: hidden;
  position: relative
}

.xo-btn-icon--slide-up .xo-btn-icon__icon {
  transition: all .3s cubic-bezier(.31, .41, .38, .96)
}

.xo-btn-icon--slide-up:hover .xo-btn-icon__icon--after {
  transform: translateY(0);
  opacity: 1
}

.xo-btn-icon--slide-up:hover .xo-btn-icon__icon--before {
  transform: translateY(-100%);
  opacity: 0
}

.xo-btn-icon__icon--after {
  transform: translateY(100%);
  position: absolute;
  top: 0
}

[dir=ltr] .xo-btn-icon__icon--after {
  left: 0
}

[dir=rtl] .xo-btn-icon__icon--after {
  right: 0
}

.xo-btn-icon__icon--after {
  width: 100%;
  height: 100%;
  opacity: 0
}

.xo-btn-icon--primary {
  border: .1rem solid color-mix(in srgb, rgba(var(--color-button)) 100%, transparent);
  background-color: color-mix(in srgb, rgba(var(--color-button)) 100%, transparent);
  color: color-mix(in srgb, rgba(var(--color-button-text)) 100%, transparent)
}

.xo-btn-icon--primary:before {
  background-color: color-mix(in srgb, rgba(var(--color-secondary-button)) 100%, transparent)
}

.xo-btn-icon--primary:hover {
  border: .1rem solid transparent
}

.xo-btn-icon--secondary {
  border: .1rem solid color-mix(in srgb, rgba(var(--color-button)) 100%, transparent);
  background-color: transparent;
  color: color-mix(in srgb, rgba(var(--color-button)) 100%, transparent)
}

.xo-btn-icon--secondary:before {
  background-color: color-mix(in srgb, rgba(var(--color-button)) 100%, transparent)
}

.xo-btn-icon--secondary:hover {
  border: .1rem solid color-mix(in srgb, rgba(var(--color-button)) 100%, transparent)
}

.xo-btn-icon--light {
  background-color: color-mix(in srgb, rgba(var(--color-background)) 100%, transparent);
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  border: none
}

.xo-btn-icon__icon {
  display: flex;
  align-items: center;
  justify-content: center
}

.xo-btn-icon--sm {
  width: 3.2rem;
  height: 3.2rem
}

.xo-btn-icon--md {
  width: 4rem;
  height: 4rem
}

.xo-btn-icon--lg {
  width: 4.8rem;
  height: 4.8rem
}

.xo-btn-icon--boxed.xo-btn-icon--radius {
  border-radius: var(--button-icon-radius-boxed)
}

.xo-btn-icon--boxed.xo-btn-icon--radius:focus:after {
  border-radius: var(--button-icon-radius-boxed)
}

.xo-btn-icon--circle.xo-btn-icon--radius {
  border-radius: var(--button-icon-radius-circle)
}

.xo-btn-icon--circle.xo-btn-icon--radius:focus:after {
  border-radius: var(--button-icon-radius-circle)
}

.xo-btn-icon--transparent {
  border: .1rem solid transparent;
  background-color: transparent;
  border-radius: 0 !important;
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  width: unset;
  height: unset;
  padding: 0
}

.xo-btn-icon--transparent:before {
  background-color: transparent
}

.xo-btn-icon--transparent:hover {
  border: .1rem solid transparent
}

.xo-btn-icon--transparent:focus:after {
  border-radius: 0
}

.xo-btn-icon__loading {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateY(100%);
  transition: .3s
}

xo-cart-shipping-rates-submit[xo-loading]:not([xo-loading=false]) .xo-btn-icon__loading,
xo-cart-note-submit[xo-loading]:not([xo-loading=false]) .xo-btn-icon__loading,
xo-cart-add[xo-loading]:not([xo-loading=false]) .xo-btn-icon__loading,
xo-product-quick-view-trigger[xo-loading]:not([xo-loading=false]) .xo-btn-icon__loading,
xo-products-fetcher-remove[xo-loading]:not([xo-loading=false]) .xo-btn-icon__loading {
  transform: translateY(0)
}

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

.button-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--btn-size);
  height: var(--btn-size);
  position: relative;
  overflow: hidden;
  cursor: pointer
}

.button-slide.button-slide--radius {
  border-radius: 50%
}

.button-slide__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative
}

.button-slide--primary {
  color: color-mix(in srgb, rgba(var(--color-button-text)) 100%, transparent);
  background-color: color-mix(in srgb, rgba(var(--color-button)) 100%, transparent)
}

.button-slide--primary svg {
  color: color-mix(in srgb, rgba(var(--color-button-text)) 100%, transparent)
}

.button-slide--secondary {
  color: color-mix(in srgb, rgba(var(--color-secondary-button-text)) 100%, transparent);
  background-color: color-mix(in srgb, rgba(var(--color-secondary-button)) 100%, transparent)
}

.button-slide--secondary svg {
  color: color-mix(in srgb, rgba(var(--color-secondary-button-text)) 100%, transparent)
}

.button-slide--gray {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  background-color: color-mix(in srgb, rgba(var(--color-layer)) 100%, transparent)
}

.button-slide--gray svg {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent)
}

.button-slide--dark {
  background-color: color-mix(in srgb, rgba(var(--color-layer)) 100%, transparent);
  border: none;
  cursor: pointer;
  transition: all .3s
}

.button-slide--dark:hover {
  background-color: color-mix(in srgb, rgba(var(--color-button)) 100%, transparent)
}

.button-slide--dark:hover svg {
  color: color-mix(in srgb, rgba(var(--color-button-text)) 100%, transparent)
}

.button-slide--dark svg {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent)
}

.button-slide__icon-before,
.button-slide__icon-after {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .2s
}

.button-slide__icon-after {
  position: absolute;
  top: 50%
}

[dir=ltr] .button-slide__icon-after {
  left: 50%
}

[dir=rtl] .button-slide__icon-after {
  right: 50%
}

[dir=ltr] .button-slide--left .button-slide__icon-after {
  transform: translate(250%, -50%)
}

[dir=rtl] .button-slide--left .button-slide__icon-after {
  transform: translate(-250%, -50%)
}

[dir=ltr] .button-slide--left:hover .button-slide__icon-after {
  transform: translate(-50%, -50%)
}

[dir=rtl] .button-slide--left:hover .button-slide__icon-after {
  transform: translate(50%, -50%)
}

[dir=ltr] .button-slide--left:hover .button-slide__icon-before {
  transform: translate(-250%)
}

[dir=rtl] .button-slide--left:hover .button-slide__icon-before {
  transform: translate(250%)
}

[dir=ltr] .button-slide--right .button-slide__icon-after {
  transform: translate(-250%, -50%)
}

[dir=rtl] .button-slide--right .button-slide__icon-after {
  transform: translate(250%, -50%)
}

[dir=ltr] .button-slide--right:hover .button-slide__icon-after {
  transform: translate(-50%, -50%)
}

[dir=rtl] .button-slide--right:hover .button-slide__icon-after {
  transform: translate(50%, -50%)
}

[dir=ltr] .button-slide--right:hover .button-slide__icon-before {
  transform: translate(250%)
}

[dir=rtl] .button-slide--right:hover .button-slide__icon-before {
  transform: translate(-250%)
}

[dir=ltr] .button-slide--up .button-slide__icon-after {
  transform: translate(-50%, 250%)
}

[dir=rtl] .button-slide--up .button-slide__icon-after {
  transform: translate(50%, 250%)
}

[dir=ltr] .button-slide--up:hover .button-slide__icon-after {
  transform: translate(-50%, -50%)
}

[dir=rtl] .button-slide--up:hover .button-slide__icon-after {
  transform: translate(50%, -50%)
}

.button-slide--up:hover .button-slide__icon-before {
  transform: translateY(-250%)
}

[dir=ltr] .button-slide--down .button-slide__icon-after {
  transform: translate(-50%, -250%)
}

[dir=rtl] .button-slide--down .button-slide__icon-after {
  transform: translate(50%, -250%)
}

[dir=ltr] .button-slide--down:hover .button-slide__icon-after {
  transform: translate(-50%, -50%)
}

[dir=rtl] .button-slide--down:hover .button-slide__icon-after {
  transform: translate(50%, -50%)
}

.button-slide--down:hover .button-slide__icon-before {
  transform: translateY(250%)
}

.button-slide--boxed.button-slide--radius {
  border-radius: 20%
}

.button-slide--transparent {
  padding: 0;
  background-color: transparent;
  color: color-mix(in srgb, rgba(var(--color-button)) 100%, transparent);
  gap: .5rem
}

.button-slide--transparent svg {
  color: rgba(var(--color-button), .6) !important
}

.button-slide--transparent.button-slide--radius {
  border-radius: 0
}

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

.xo-carousel-navigation__nav {
  display: flex;
  align-items: center;
  z-index: 10;
  width: 12rem;
  padding-bottom: .5rem
}

.xo-carousel-navigation__button {
  z-index: 1;
  background-color: transparent;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 50%;
  border: .1rem solid rgba(var(--color-foreground));
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer
}

.xo-carousel-navigation__button:hover {
  box-shadow: 0 0 .6rem .1rem rgba(var(--color-accent), .4);
  transition: .3s
}

.xo-carousel-navigation__button svg {
  display: block
}

.xo-carousel-navigation__button:first-child {
  transform: rotate(180deg)
}

.xo-carousel-navigation__button--boxes {
  border: 0;
  background-color: rgb(var(--color-background));
  box-shadow: 0 0 .2rem .1rem rgba(var(--color-foreground), .2);
  border-radius: 20%
}

.xo-carousel-navigation__button--boxes:hover {
  box-shadow: 0 0 .6rem .1rem rgba(var(--color-accent), .4)
}

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

.xo-carousel-navigation--top {
  position: absolute;
  top: 0
}

[dir=ltr] .xo-carousel-navigation--top {
  left: 0
}

[dir=rtl] .xo-carousel-navigation--top {
  right: 0
}

.xo-carousel-navigation--top {
  transform: translateY(-110%)
}

.xo-carousel-navigation--in-content .xo-carousel-navigation__button {
  opacity: 0;
  transition: .3s;
  position: absolute;
  top: calc(50% - 5rem);
  transform: translateY(-50%)
}

@media(max-width:991px) {
  .xo-carousel-navigation--in-content .xo-carousel-navigation__button {
    top: 50%
  }
}

[dir=ltr] .xo-carousel-navigation--in-content .xo-carousel-navigation__button--prev {
  left: 1.6rem
}

[dir=rtl] .xo-carousel-navigation--in-content .xo-carousel-navigation__button--prev,
[dir=ltr] .xo-carousel-navigation--in-content .xo-carousel-navigation__button--next {
  right: 1.6rem
}

[dir=rtl] .xo-carousel-navigation--in-content .xo-carousel-navigation__button--next {
  left: 1.6rem
}

.xo-carousel-navigation--in-content .xo-carousel-navigation__nav {
  width: 100%
}

.xo-carousel-navigation__button--prev svg {
  transform: rotate(180deg)
}

xo-carousel:hover .xo-carousel-navigation__button {
  opacity: 1
}

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

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

.xo-carousel-navigation--disabled,
.is-mobile .xo-carousel-navigation--mobile-disabled {
  display: none
}

.xo-carousel-dynamic-bullets xo-carousel-bullet span {
  transform: scale(var(--xo-size));
  transition: var(--xo-speed)
}

.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: color-mix(in srgb, rgba(var(--color-layer)) 100%, transparent);
  transition: all .3s
}

.xo-carousel-paginator xo-carousel-bullet:hover span {
  transition-duration: .3s
}

.xo-carousel-paginator xo-carousel-bullet[xo-active]:not([xo-active=false]) span {
  background-color: rgba(var(--color-accent))
}

.xo-carousel-paginator xo-carousel-bullet[xo-active]:not([xo-active=false]):hover span {
  box-shadow: none
}

.xo-carousel-paginator--radius xo-carousel-bullet span {
  border-radius: 50%
}

.xo-carousel-paginator--sticks {
  gap: .2rem
}

.xo-carousel-paginator--sticks xo-carousel-bullet {
  width: unset;
  height: unset;
  padding: 1rem 0
}

.xo-carousel-paginator--sticks xo-carousel-bullet span {
  width: 1.8rem;
  height: .5rem
}

.xo-carousel-paginator--sticks xo-carousel-bullet[xo-active]:not([xo-active=false]) span {
  background-color: rgba(var(--color-accent));
  width: 5.5rem
}

.xo-carousel-paginator--sticks xo-carousel-bullet[xo-active]:not([xo-active=false]):hover span {
  background-color: rgba(var(--color-accent));
  box-shadow: none
}

.xo-carousel-paginator--sticks.xo-carousel-paginator--radius xo-carousel-bullet span {
  border-radius: 1rem
}

.xo-carousel-paginator--disabled,
.is-mobile .xo-carousel-paginator--mobile-disabled {
  display: none
}

.xo-collapse-2__heading {
  font-family: var(--font-heading-family);
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: var(--font-heading-weight);
  word-break: break-word;
  word-wrap: break-word;
  opacity: .65;
  transition: all .3s
}

.xo-collapse-2__heading:hover {
  opacity: 1;
  transition: all .3s
}

.xo-collapse-2__collapse {
  display: grid;
  grid-template-rows: 0fr;
  transition: .25s grid-template-rows ease
}

.xo-collapse-2__content {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: 500;
  font-size: calc(var(--font-body-scale) * 1.5rem);
  line-height: calc(1 + .42 / var(--font-body-scale));
  opacity: .7;
  overflow: hidden;
  padding-top: 1.6rem
}

@media(min-width:768px) {
  .xo-collapse-2__content {
    padding-top: 1.4rem
  }
}

.collection-card-v2 {
  height: 100%;
  width: 100%;
  padding: var(--padding-vertical) var(--padding-horizontal);
  background-color: color-mix(in srgb, rgba(var(--color-background)) 100%, transparent);
  border: .1rem solid transparent;
  transition: all .3s
}

.collection-card-v2:hover {
  border-color: color-mix(in srgb, rgba(var(--color-border)) 100%, transparent)
}

.collection-card-v2--vertical {
  background-color: transparent
}

.collection-card-v2--vertical:hover {
  background-color: color-mix(in srgb, rgba(var(--color-layer)) 100%, transparent);
  border-color: color-mix(in srgb, rgba(var(--color-border)) 100%, transparent)
}

@media(min-width:768px) {
  .collection-card-v2--vertical:hover .collection-card-v2__image {
    transform: translateY(-.5rem)
  }
}

.collection-card-v2--vertical .collection-card-v2__wrapper {
  flex-direction: column;
  text-align: center
}

.collection-card-v2--radius,
.collection-card-v2--radius .collection-card-v2__image {
  border-radius: .8rem;
  overflow: hidden
}

.collection-card-v2__link {
  color: inherit;
  display: block;
  height: 100%;
  width: 100%
}

.collection-card-v2__trigger {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-around;
  gap: 1.6rem;
  width: 100%
}

.collection-card-v2__wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: var(--gap)
}

.collection-card-v2__image {
  width: 4.8rem;
  height: 4.8rem;
  flex-shrink: 0;
  transition: all .3s;
  will-change: transform
}

.collection-card-v2__image .xo-image,
.collection-card-v2__image .xo-image__placeholder,
.collection-card-v2__image .placeholder-svg,
.collection-card-v2__image img {
  width: 100%;
  height: 100%
}

.collection-card-v2__image img {
  object-fit: contain
}

.collection-card-v2__image--lg,
.collection-card-v2__image--xl {
  width: 7.5rem;
  height: 7.5rem
}

@media(min-width:768px) {
  .collection-card-v2__image--xl {
    width: 8.5rem;
    height: 8.5rem
  }
}

@media(min-width:1200px) {
  .collection-card-v2__image--xl {
    width: 9.5rem;
    height: 9.5rem
  }
}

@media(min-width:1400px) {
  .collection-card-v2__image--xl {
    width: 10.5rem;
    height: 10.5rem
  }
}

@media(min-width:1600px) {
  .collection-card-v2__image--xl {
    width: 11.8rem;
    height: 11.8rem
  }
}

.collection-card-v2__title {
  color: color-mix(in srgb, rgba(var(--color-foregrround)) 100%, transparent);
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-weight: 500;
  line-height: calc(1 + .42 / var(--font-body-scale))
}

.collection-card-v2__icon {
  display: flex;
  align-items: center;
  justify-content: center
}

.collection-card-v2__icon svg {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent) !important
}

.count-number {
  position: relative;
  padding-top: 3.2rem;
  padding-bottom: 3.6rem
}

.count-number__heading {
  position: relative;
  display: flex;
  align-items: start;
  gap: .8rem;
  padding-bottom: 1rem;
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-size: calc(var(--font-body-scale) * 4.2rem);
  font-weight: 500;
  line-height: calc(1 + -.02 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.21rem);
  word-break: break-word;
  word-wrap: break-word
}

@media(max-width:1399px) {
  .count-number__heading {
    font-size: calc(var(--font-body-scale) * 3.2rem);
    line-height: calc(1 + .3 / var(--font-body-scale));
    letter-spacing: calc(var(--font-body-scale) * -.21rem)
  }
}

@media(max-width:991px) {
  .count-number__heading {
    font-size: calc(var(--font-body-scale) * 2rem);
    line-height: calc(1 + .4 / var(--font-body-scale));
    letter-spacing: calc(var(--font-body-scale) * -.034rem)
  }
}

.count-number__heading span {
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-weight: 500;
  line-height: calc(1 + .4 / var(--font-body-scale));
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  opacity: .4
}

.count-number__sub-heading {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  flex: 1 0 0;
  overflow: hidden;
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-size: calc(var(--font-body-scale) * 1.5rem);
  font-weight: 400;
  line-height: calc(1 + .42 / var(--font-body-scale));
  word-break: break-word;
  word-wrap: break-word;
  opacity: .6
}

.count-number__button {
  padding-top: 3rem
}

.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: .2rem;
  cursor: pointer
}

.xo-currency-select__trigger svg {
  transition: all .2s
}

.xo-currency-select__trigger[xo-active] svg {
  transform: rotate(180deg)
}

.xo-currency-select__trigger-name {
  display: flex;
  align-items: center;
  gap: .3rem
}

@media(max-width:1399px) {
  .xo-currency-select__trigger-name span:first-child {
    display: none
  }

  .xo-currency-select__trigger-name span:nth-child(2) {
    display: none
  }
}

.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-2)) 100%, transparent);
  border: .1rem solid color-mix(in srgb, rgba(var(--color-border)) 100%, transparent)
}

.xo-currency-select__content::-webkit-scrollbar {
  width: .2rem
}

.xo-currency-select__content::-webkit-scrollbar-thumb {
  background-color: color-mix(in srgb, rgba(var(--color-border)) 100%, transparent)
}

.xo-currency-select__item {
  width: 100%;
  padding: 1rem;
  border-bottom: .1rem solid color-mix(in srgb, rgba(var(--color-border)) 100%, transparent);
  color: color-mix(in srgb, rgba(var(--color-foreground-2)) 100%, transparent);
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-weight: 500;
  line-height: calc(1 + .42 / var(--font-body-scale));
  text-align: center;
  cursor: pointer;
  transition: all .3s
}

.xo-currency-select__item:last-child {
  border-bottom: none
}

.xo-currency-select__item:hover {
  background-color: rgba(var(--color-background-2), .7)
}

.xo-currency-select__name {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .4rem
}

.xo-currency-select__input {
  display: none
}

.xo-currency-select__input:checked~.xo-currency-select__name {
  color: color-mix(in srgb, rgba(var(--color-accent)) 100%, transparent)
}

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

@media(min-width:768px) {
  .xo-empty {
    gap: 1.8rem
  }
}

.xo-empty__header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.4rem
}

.xo-empty__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 14rem;
  height: 14rem;
  padding: .488rem .815rem 0 3.299rem
}

.xo-empty__icon svg {
  width: 100%;
  height: 100%;
  color: color-mix(in srgb, rgba(var(--color-accent)) 100%, transparent)
}

@media(min-width:768px) {
  .xo-empty__icon {
    width: 16rem;
    height: 16rem;
    padding: .558rem .932rem 0 3.771rem
  }
}

.xo-empty__title {
  font-family: var(--font-heading-family);
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: var(--font-heading-weight);
  text-align: center
}

.xo-empty__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  font-weight: 500;
  font-size: calc(var(--font-body-scale) * 1.6rem);
  line-height: calc(1 + .25 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.016rem)
}

@media(min-width:768px) {
  .xo-empty__content {
    gap: 1.4rem
  }
}

.xo-empty__button {
  padding-top: 2rem
}

@media(min-width:768px) {
  .xo-empty__button {
    padding-top: 3.2rem
  }
}

.xo-field-input {
  position: relative;
  width: 100%;
  padding: 1.7rem 2.4rem;
  border: .1rem solid rgba(var(--color-border), .4);
  display: inline-flex;
  overflow: hidden
}

.xo-field-input--radius {
  border-radius: var(--input-radius)
}

.xo-field-input__input {
  width: 100%;
  outline: none;
  border: none;
  background-color: transparent;
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: 500;
  font-size: calc(var(--font-body-scale) * 1.6rem);
  line-height: calc(1 + .4 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.016rem)
}

.xo-field-input__input::placeholder {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: 500;
  font-size: calc(var(--font-body-scale) * 1.6rem);
  line-height: calc(1 + .4 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.016rem);
  opacity: .65
}

.xo-field-input__input:-webkit-autofill,
.xo-field-input__input:-webkit-autofill:hover,
.xo-field-input__input:-webkit-autofill:focus,
.xo-field-input__input:-webkit-autofill:active {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  -webkit-text-fill-color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  -webkit-box-shadow: 0 0 0 1000px color-mix(in srgb, rgba(var(--color-background)) 100%, transparent) inset;
  -webkit-background-clip: text;
  background-clip: text
}

.xo-field-textarea {
  position: relative;
  width: 100%;
  height: 100%;
  display: inline-flex;
  padding: 1.6rem 2.4rem;
  border: .1rem solid rgba(var(--color-border), .4)
}

.xo-field-textarea--radius {
  border-radius: var(--textarea-radius)
}

.xo-field-textarea__textarea {
  width: 100%;
  height: 100%;
  outline: none;
  border: none;
  background-color: transparent;
  resize: vertical;
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: 500;
  font-family: var(--font-body-family);
  font-size: calc(var(--font-body-scale) * 1.6rem);
  line-height: calc(1 + .4 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.016rem)
}

.xo-field-textarea__textarea::placeholder {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: 500;
  font-size: calc(var(--font-body-scale) * 1.6rem);
  line-height: calc(1 + .4 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.016rem);
  opacity: .6;
  font-family: inherit
}

.xo-field-textarea__textarea::-webkit-scrollbar {
  width: .8rem
}

.xo-field-textarea__textarea::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 .5rem rgba(var(--color-foreground), .3);
  border-radius: 1rem
}

.xo-field-textarea__textarea::-webkit-scrollbar-thumb {
  border-radius: 1rem;
  -webkit-box-shadow: inset 0 0 .5rem rgba(var(--color-foreground), .3)
}

.xo-field-textarea__note {
  display: flex;
  gap: 1rem;
  align-items: center
}

.xo-field-textarea__text {
  color: rgba(var(--color-foreground), .6);
  font-size: calc(var(--font-body-scale) * 1.2rem);
  font-weight: 500;
  line-height: calc(1 + .5 / var(--font-body-scale))
}

.xo-form-error {
  display: flex;
  align-items: center;
  font-size: calc(var(--font-body-scale) * 1.4rem);
  padding: 1rem;
  margin: 1rem 0;
  background-color: color-mix(in srgb, rgba(var(--color-background)) 100%, transparent);
  border: .1rem solid color-mix(in srgb, rgba(var(--color-error)) 100%, transparent);
  color: color-mix(in srgb, rgba(var(--color-error)) 100%, transparent)
}

.xo-form-error__message {
  color: color-mix(in srgb, rgba(var(--color-error)) 100%, transparent);
  margin-inline-start: .5rem
}

.xo-form-error__message ul {
  list-style: none;
  padding: 0;
  margin: 0
}

.xo-form-error__message li {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: .4rem
}

.xo-form-error__message li div {
  display: flex;
  align-items: center;
  justify-content: center
}

.xo-form-success {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  padding: 1rem;
  margin: 1rem 0;
  background-color: #e4ffe5;
  border: .1rem solid color-mix(in srgb, rgba(var(--color-success)) 100%, transparent);
  color: color-mix(in srgb, rgba(var(--color-success)) 100%, transparent)
}

.xo-form-success__message {
  color: color-mix(in srgb, rgba(var(--color-success)) 100%, transparent);
  margin-inline-start: .5rem
}

.xo-grid-block {
  --xo-row-mobile: 1;
  --xo-row-tablet: 1;
  --xo-row-desktop: 1;
  --xo-col-mobile: 1;
  --xo-col-tablet: 2;
  --xo-col-desktop: 4;
  display: grid;
  grid-template-columns: repeat(var(--xo-col-desktop), minmax(0, 1fr));
  column-gap: var(--xo-col-gap-desktop, var(--xo-grid-col-gap, 3rem));
  row-gap: var(--xo-row-gap-desktop, var(--xo-grid-row-gap, 3rem))
}

.xo-grid-block.xo-grid-block--fixed-row {
  grid-auto-rows: calc(var(--xo-auto-row) * 1rem)
}

@media(min-width:768px)and (max-width:991px) {
  .xo-grid-block {
    grid-template-columns: repeat(var(--xo-col-tablet, var(--xo-col-desktop)), minmax(0, 1fr));
    column-gap: var(--xo-col-gap-tablet, var(--xo-col-gap-desktop, var(--xo-grid-col-gap, 3rem)));
    row-gap: var(--xo-row-gap-tablet, var(--xo-row-gap-desktop, var(--xo-grid-row-gap, 3rem)))
  }
}

@media(max-width:767px) {
  .xo-grid-block {
    grid-template-columns: repeat(var(--xo-col-mobile, var(--xo-col-tablet, var(--xo-col-desktop))), minmax(0, 1fr));
    column-gap: var(--xo-col-gap-mobile, var(--xo-col-gap-tablet, var(--xo-col-gap-desktop, var(--xo-grid-col-gap, 2rem))));
    row-gap: var(--xo-row-gap-mobile, var(--xo-row-gap-tablet, var(--xo-row-gap-desktop, var(--xo-grid-row-gap, 2rem))))
  }
}

.heading-multi-column {
  padding-bottom: 3.3rem
}

@media(min-width:1200px) {
  .heading-multi-column {
    padding-bottom: 4.8rem
  }
}

.heading-multi-column--style-2 {
  padding-bottom: 2rem;
  border-bottom: .1rem solid rgba(var(--color-overlay), .1)
}

@media(min-width:1200px) {
  .heading-multi-column--style-2 {
    padding-bottom: 4rem
  }
}

.heading-multi-column__heading {
  padding-inline-end: 0
}

@media(min-width:992px) {
  .heading-multi-column__heading {
    padding-inline-end: 3rem
  }
}

.xo-image {
  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 {
  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), .1)
}

.xo-image__placeholder {
  display: flex;
  object-fit: cover;
  aspect-ratio: var(--xo-ratio-percent)
}

.xo-image__placeholder svg {
  height: 100%;
  width: 100%
}

.introducing-card {
  padding-top: 3.2rem;
  padding-bottom: 3.6rem
}

.introducing-card__header {
  position: relative;
  background: none
}

.introducing-card__image {
  overflow: hidden
}

@media(max-width:767px) {
  .introducing-card__image {
    height: 19rem
  }
}

.introducing-card__image .xo-image {
  width: 100%;
  height: 100%
}

.introducing-card__image img {
  width: 100%;
  height: 100%;
  transition: all .5s ease;
  will-change: transform
}

.introducing-card__image .xo-image__placeholder,
.introducing-card__image .placeholder-svg {
  width: 100%;
  height: 100%
}

.introducing-card__image:hover img {
  transform: scale(1.05);
  transition: all .5s ease
}

.introducing-card__image--radius {
  border-radius: var(--general-radius-1)
}

.introducing-card__title {
  position: absolute;
  top: 1.4rem
}

[dir=ltr] .introducing-card__title {
  left: 2.4rem
}

[dir=rtl] .introducing-card__title {
  right: 2.4rem
}

.introducing-card__title {
  z-index: 2;
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: 500;
  font-size: calc(var(--font-body-scale) * 1.6rem);
  line-height: calc(1 + .4 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.016rem);
  word-break: break-word;
  word-wrap: break-word
}

@media(min-width:768px) {
  .introducing-card__title {
    font-size: calc(var(--font-body-scale) * 1.7rem);
    line-height: calc(1 + .3 / var(--font-body-scale));
    letter-spacing: calc(var(--font-body-scale) * -.034rem)
  }
}

.introducing-card__button {
  position: absolute;
  bottom: 2.2rem
}

[dir=ltr] .introducing-card__button {
  left: 2.4rem
}

[dir=rtl] .introducing-card__button {
  right: 2.4rem
}

.introducing-card__button {
  z-index: 2
}

.introducing-card__description {
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-weight: 500;
  line-height: calc(1 + .57 / var(--font-body-scale));
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  word-break: break-word;
  word-wrap: break-word;
  opacity: .75;
  padding-top: 1rem
}

@media(min-width:768px) {
  .introducing-card__description {
    font-size: calc(var(--font-body-scale) * 1.7rem);
    line-height: calc(1 + .52 / var(--font-body-scale))
  }
}

.xo-language-select__label {
  display: none
}

.xo-language-select__trigger {
  display: inline-flex;
  align-items: center;
  gap: .2rem;
  cursor: pointer
}

.xo-language-select__trigger svg {
  transition: all .2s
}

.xo-language-select__trigger[xo-active] svg {
  transform: rotate(180deg)
}

.xo-language-select__content {
  min-width: 15rem;
  display: flex;
  flex-direction: column;
  background-color: color-mix(in srgb, rgba(var(--color-background-2)) 100%, transparent);
  border: .1rem solid color-mix(in srgb, rgba(var(--color-border)) 100%, transparent)
}

.xo-language-select__item {
  width: 100%;
  padding: 1rem;
  border-bottom: .1rem solid color-mix(in srgb, rgba(var(--color-border)) 100%, transparent);
  color: color-mix(in srgb, rgba(var(--color-foreground-2)) 100%, transparent);
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-weight: 500;
  line-height: calc(1 + .42 / var(--font-body-scale));
  text-align: center;
  cursor: pointer;
  transition: all .3s
}

.xo-language-select__item:last-child {
  border-bottom: none
}

.xo-language-select__item:hover {
  background-color: rgba(var(--color-background-2), .7)
}

.xo-language-select__input {
  display: none
}

.xo-language-select__input:checked~.xo-language-select__name {
  color: color-mix(in srgb, rgba(var(--color-accent)) 100%, transparent)
}

.xo-lcp {
  color: color-mix(in srgb, rgba(var(--color-background)) 100%, transparent);
  background-color: color-mix(in srgb, rgba(var(--color-background)) 100%, transparent);
  overflow: hidden;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1rem;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.list-information__item {
  padding: 1.4rem 0;
  border-top: .1rem solid rgba(var(--color-border), .2)
}

.list-information__item:last-child {
  border-bottom: .1rem solid rgba(var(--color-border), .2)
}

@media(min-width:768px) {
  .list-information__item {
    padding: 1.4rem 1.9rem 1.4rem 0
  }
}

.list-information--animate .list-information__item {
  transition-delay: calc((var(--delay-from) + var(--delay)) * 1ms) !important
}

.list-information__label {
  color: rgba(var(--color-foreground), .65);
  font-weight: 500;
  font-size: calc(var(--font-body-scale) * 1.5rem);
  line-height: calc(1 + .42 / var(--font-body-scale));
  word-break: break-word;
  word-wrap: break-word
}

.list-information__value {
  color: rgba(var(--color-foreground));
  font-size: calc(var(--font-body-scale) * 1.6rem);
  line-height: calc(1 + .4 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.016rem);
  word-break: break-word;
  word-wrap: break-word
}

.xo-media,
.xo-media .xo-image,
.xo-media .xo-image__placeholder,
.xo-media .placeholder-svg {
  width: 100%;
  height: 100%
}

.xo-media model-viewer {
  width: 100%;
  height: 100%
}

.player {
  height: 100%
}

.xo-embed-responsive {
  height: 100% !important
}

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

.xo-modal-content .xo-cart-mini-drawer-footer__separator {
  border-top: .1rem solid rgba(var(--color-border));
  gap: 0
}

.xo-modal-content .xo-cart-empty {
  padding-top: 4.1rem
}

@media(min-width:768px) {
  .xo-modal-content .xo-cart-empty {
    padding-top: 5.6rem
  }
}

.xo-modal-content .xo-empty {
  gap: 1.6rem
}

.xo-modal-content .xo-empty__header,
.xo-modal-content .xo-empty__content {
  gap: 2rem
}

.xo-modal-content .xo-empty__title {
  font-size: calc(var(--font-body-scale) * 3.1rem);
  line-height: calc(1 + .2 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.093rem)
}

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

@media(min-width:768px) {
  .xo-modal-content__inner {
    width: var(--width)
  }
}

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

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

.xo-modal-content__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0
}

.xo-modal-content__header {
  display: flex;
  flex-direction: column;
  gap: .5rem
}

.xo-modal-content__title {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  display: flex;
  align-items: center;
  gap: .6rem
}

.xo-modal-content__title-icon {
  display: none;
  align-items: center;
  justify-content: center
}

.xo-modal-content__close {
  cursor: pointer;
  transition: .3s;
  padding: .5rem;
  display: flex;
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent)
}

.xo-modal-content__close:hover {
  opacity: .65
}

.xo-modal-content__close--abs {
  position: absolute;
  top: 1rem
}

[dir=ltr] .xo-modal-content__close--abs {
  right: 1rem
}

[dir=rtl] .xo-modal-content__close--abs {
  left: 1rem
}

.xo-modal-content__close--abs {
  z-index: 10
}

@media(min-width:768px) {
  .xo-modal-content__close--abs {
    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__body .xo-modal-content__content {
  padding-top: 3rem
}

@media(min-width:768px) {
  .xo-modal-content__body .xo-modal-content__content {
    padding-top: 1.6rem
  }
}

.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-pd {
  padding: 0 calc(var(--drawer-padding) / 2)
}

@media(min-width:992px) {
  .xo-modal-content__separator-pd {
    padding: 0 var(--drawer-padding)
  }
}

.xo-modal-content__separator-pd .xo-modal-content__separator {
  width: 100%;
  height: .1rem;
  transition: .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))
}

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;
  padding-bottom: 1.2rem;
  border-bottom: .1rem solid color-mix(in srgb, rgba(var(--color-border)) 100%, transparent)
}

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));
  box-shadow: var(--modal-shadow-horizontal-offset) var(--modal-shadow-vertical-offset) var(--modal-shadow-blur-radius) rgba(var(--color-foreground), var(--modal-shadow-opacity));
  width: 100%;
  padding: 1.9rem 1.3rem 2.3rem 2.4rem
}

@media(min-width:992px) {
  xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-modal-content__inner {
    width: 54.8rem;
    padding: 3rem 5rem
  }
}

@media(min-width:1400px) {
  xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-modal-content__inner {
    width: 74.8rem;
    padding: 5.3rem 7rem
  }
}

xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-modal-content__inner--radius {
  border-radius: var(--modal-corner-radius)
}

xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-modal-content__content {
  padding: 0;
  padding-bottom: 1.6rem
}

xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-modal-content__content .xo-cart-mini-item__image {
  width: 11.3rem;
  height: 15rem
}

@media(min-width:1200px) {
  xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-modal-content__content .xo-cart-mini-item__image {
    width: 19.5rem;
    height: 22.5rem
  }
}

xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-modal-content__footer {
  padding: 0;
  min-height: unset
}

xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-modal-content__footer xo-modal-trigger {
  display: none
}

xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-cart-notification {
  padding-top: 1.6rem;
  border-top: .1rem solid color-mix(in srgb, rgba(var(--color-border)) 100%, transparent)
}

@media(min-width:768px) {
  xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-cart-notification {
    padding-top: 3rem
  }
}

xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-cart-notification .xo-cart-popup-form {
  padding-top: .4rem
}

xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-cart-mini-item__content {
  position: relative;
  width: 100%;
  padding-top: .7rem
}

xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-cart-mini-item__content .xo-cart-mini-item__remove {
  position: relative;
  top: 0
}

[dir=ltr] xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-cart-mini-item__content .xo-cart-mini-item__remove {
  right: 0
}

[dir=rtl] xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-cart-mini-item__content .xo-cart-mini-item__remove {
  left: 0
}

xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-cart-mini-item__content .xo-cart-mini-item__remove .xo-cart-mini-item__remove-text {
  display: block !important
}

xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-cart-mini-item__content .xo-cart-mini-item__remove-action {
  justify-content: start;
  padding-bottom: 0rem
}

@media(min-width:1200px) {
  xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-cart-mini-item__content .xo-cart-mini-item__remove-action {
    padding-bottom: 1rem
  }
}

xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-cart-mini-item__content .xo-cart-mini-item__remove-action .xo-btn--link .xo-btn__content {
  padding: 0;
  text-transform: capitalize
}

xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-cart-mini-item__content .xo-cart-mini-item__quantity--popup {
  display: block;
  padding-bottom: 0;
  padding-top: .1rem
}

xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-cart-mini-item__content .xo-cart-mini-item__quantity--drawer {
  display: none
}

xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-cart-mini-item__content .xo-cart-mini-item__title {
  width: 80%
}

@media(min-width:768px) {
  xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-cart-mini-item__content .xo-cart-mini-item__title {
    width: 60%
  }
}

xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-cart-mini-item__content .xo-cart-mini-item__price .xo-price__item {
  opacity: 1
}

xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-cart-mini-item__content .xo-cart-mini-item__price .xo-price__item--del {
  opacity: .35
}

xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-empty,
xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-empty__content {
  gap: 1rem
}

xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-modal-content__title-icon {
  display: flex
}

xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-modal-content__close {
  position: relative
}

[dir=ltr] xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-modal-content__close {
  right: 0
}

[dir=rtl] xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-modal-content__close {
  left: 0
}

@media(min-width:768px) {
  xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-modal-content__close {
    position: absolute;
    z-index: 9999
  }

  [dir=ltr] xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-modal-content__close {
    right: .5rem
  }

  [dir=rtl] xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-modal-content__close {
    left: .5rem
  }

  xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-modal-content__close {
    top: 0;
    color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent)
  }
}

@media(max-width:767px) {
  xo-modal:not([xo-placement*=top-], [xo-placement*=bottom-]) .xo-cart-mini-item+.xo-cart-mini-item:last-child .xo-cart-mini-item__inner {
    padding-bottom: 1.6rem
  }
}

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: 2rem calc(var(--drawer-padding) / 2) 1rem calc(var(--drawer-padding) / 2)
}

@media(min-width:992px) {

  xo-modal[xo-placement*=-left] .xo-modal-content__header,
  xo-modal[xo-placement*=-right] .xo-modal-content__header {
    padding: 2.2rem var(--drawer-padding) 1.8rem 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));
  box-shadow: var(--drawer-shadow-horizontal-offset) var(--drawer-shadow-vertical-offset) var(--drawer-shadow-blur-radius) rgba(var(--color-foreground), var(--drawer-shadow-opacity))
}

xo-modal[xo-placement*=-left] .xo-modal-content__inner--radius,
xo-modal[xo-placement*=-right] .xo-modal-content__inner--radius {
  border-radius: var(--drawer-corner-radius)
}

xo-modal[xo-placement*=-left] .xo-modal-content__content,
xo-modal[xo-placement*=-right] .xo-modal-content__content {
  padding: 1.6rem calc(var(--drawer-padding) / 2)
}

@media(min-width:992px) {

  xo-modal[xo-placement*=-left] .xo-modal-content__content,
  xo-modal[xo-placement*=-right] .xo-modal-content__content {
    padding: 1.6rem var(--drawer-padding)
  }
}

xo-modal[xo-placement*=-left] .xo-modal-content__footer,
xo-modal[xo-placement*=-right] .xo-modal-content__footer {
  padding: 0 calc(var(--drawer-padding) / 2)
}

@media(min-width:992px) {

  xo-modal[xo-placement*=-left] .xo-modal-content__footer,
  xo-modal[xo-placement*=-right] .xo-modal-content__footer {
    padding: 0 var(--drawer-padding)
  }
}

xo-modal .xo-cart-mini-item__content .xo-cart-mini-item__remove-icon {
  display: block
}

xo-modal .xo-cart-mini-item__content .xo-cart-mini-item__remove-text {
  display: none
}

xo-modal .xo-cart-mini-item__content .xo-cart-mini-item__quantity--drawer {
  display: block
}

.our-team__item {
  position: relative;
  overflow: hidden
}

.our-team__item:hover {
  cursor: pointer
}

.our-team__item:hover img {
  transform: scale(1.05);
  transition: all .5s ease
}

.our-team__item:hover .our-team__info {
  opacity: 1;
  transform: translateY(0)
}

.our-team__item--radius {
  border-radius: var(--general-radius-3)
}

.our-team__header {
  padding-bottom: 2.6rem
}

@media(min-width:768px) {
  .our-team__header {
    padding-bottom: 4.2rem
  }
}

.our-team__heading {
  font-family: var(--font-heading-family);
  font-weight: var(--font-heading-weight);
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  word-break: break-word;
  word-wrap: break-word
}

.our-team__desktop {
  display: none
}

@media(min-width:768px) {
  .our-team__desktop {
    display: block
  }
}

.our-team__mobile {
  display: block
}

@media(min-width:768px) {
  .our-team__mobile {
    display: none
  }
}

.our-team__mobile .xo-carousel-paginator {
  padding-top: 2.4rem
}

.our-team__image .xo-image {
  width: 100%;
  height: 100%;
  overflow: hidden
}

.our-team__image img {
  width: 100%;
  height: 100%;
  transition: all .5s ease;
  will-change: transform
}

.our-team__image .xo-image__placeholder,
.our-team__image .placeholder-svg {
  width: 100%;
  height: 100%
}

.our-team__info {
  position: absolute;
  bottom: 0
}

[dir=ltr] .our-team__info {
  left: 0
}

[dir=rtl] .our-team__info {
  right: 0
}

.our-team__info {
  z-index: 3;
  transform: translateY(100%);
  opacity: 0;
  transition: all .3s ease;
  width: 100%;
  padding: 4.5rem 0 2.2rem 2.8rem;
  background: linear-gradient(180deg, #0000, #000)
}

@media(min-width:768px) {
  .our-team__info {
    padding: 3.5rem 0 3.2rem 3.7rem
  }
}

.our-team__info--radius {
  border-radius: 0 0 2rem 2rem
}

.our-team__name {
  color: color-mix(in srgb, rgba(var(--color-foreground-2)) 100%, transparent);
  font-weight: 500;
  font-size: calc(var(--font-body-scale) * 1.8rem);
  line-height: calc(1 + .44 / var(--font-body-scale));
  transition: all .3s
}

.our-team__name:hover {
  opacity: .8;
  transition: all .3s
}

.our-team__position {
  padding-top: .4rem;
  color: color-mix(in srgb, rgba(var(--color-foreground-2)) 100%, transparent);
  font-weight: 500;
  font-size: calc(var(--font-body-scale) * 1.3rem);
  line-height: calc(1 + .4 / var(--font-body-scale));
  text-transform: uppercase;
  opacity: .4;
  transition: all .3s
}

.our-team__position:hover {
  opacity: .8;
  transition: all .3s
}

.xo-page-heading {
  width: 100%
}

.xo-page-heading ul,
.xo-page-heading ol {
  padding-top: 2rem;
  padding-bottom: 2rem
}

.xo-page-heading--center {
  text-align: center
}

.xo-page-heading--right {
  text-align: right
}

.xo-page-heading__heading {
  font-family: var(--font-heading-family);
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: var(--font-heading-weight)
}

.xo-page-heading__description {
  padding: 1.7rem 0 0;
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: 400;
  font-size: calc(var(--font-nody-scale) * 1.7rem);
  line-height: calc(1 + .3 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.034rem);
  word-break: break-word;
  word-wrap: break-word;
  opacity: .7
}

@media(min-width:768px) {
  .xo-page-heading__description {
    padding: 1.6rem 0 0
  }
}

.page-heading-2 {
  flex-direction: row;
  gap: 1rem;
  width: 100%
}

.page-heading-2--center {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

.page-heading-2--center .page-heading-2__sub-heading {
  text-align: center
}

.page-heading-2--right {
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: end;
  justify-content: end
}

.page-heading-2--right .page-heading-2__sub-heading {
  text-align: right
}

.page-heading-2__heading {
  font-family: var(--font-heading-family);
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: var(--font-heading-weight);
  word-break: break-word;
  word-wrap: break-word;
  position: relative;
  width: fit-content;
  display: flex;
  align-items: start;
  gap: .8rem
}

.page-heading-2__count {
  display: block;
  padding-top: 2rem;
  opacity: .65;
  font-size: calc(var(--font-body-scale) * 1.4rem);
  line-height: calc(1 + .4 / var(--font-body-scale));
  font-weight: 500
}

.page-heading-2__sub-heading {
  padding-top: 1rem;
  width: 100%;
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: 400;
  word-break: break-word;
  word-wrap: break-word;
  opacity: .7
}

@media(min-width:740px) {
  .page-heading-2__sub-heading {
    padding-top: 1.4rem
  }
}

@media(min-width:992px) {
  .page-heading-2__sub-heading {
    padding-top: 1.6rem
  }
}

.page-heading-2__sub-heading--body {
  font-size: calc(var(--font-body-scale) * 1.5rem);
  line-height: calc(1 + .4 / var(--font-body-scale))
}

@media(min-width:740px) {
  .page-heading-2__sub-heading--body {
    font-size: calc(var(--font-body-scale) * 1.6rem);
    line-height: calc(1 + .5 / var(--font-body-scale));
    max-width: 62.7rem
  }
}

.page-heading-2__sub-heading--subtitle {
  font-size: calc(var(--font-body-scale) * 1.5rem);
  line-height: calc(1 + .4 / var(--font-body-scale))
}

@media(min-width:740px) {
  .page-heading-2__sub-heading--subtitle {
    font-size: calc(var(--font-body-scale) * 1.6rem);
    line-height: calc(1 + .5 / var(--font-body-scale));
    max-width: 68rem
  }
}

@media(min-width:992px) {
  .page-heading-2__sub-heading--subtitle {
    font-size: calc(var(--font-body-scale) * 1.8rem);
    line-height: calc(1 + .4 / var(--font-body-scale));
    letter-spacing: calc(var(--font-body-scale) * -.054rem)
  }
}

.page-heading-2__sub-heading--uppercase {
  text-transform: uppercase;
  font-size: calc(var(--font-body-scale) * 1.6rem);
  line-height: calc(1 + .5 / var(--font-body-scale))
}

@media(min-width:740px) {
  .page-heading-2__sub-heading--uppercase {
    max-width: 68rem
  }
}

.xo-pagination__list {
  margin: 0;
  padding: 4rem 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  list-style: none
}

.xo-pagination__list-item {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s;
  cursor: pointer
}

.xo-pagination__list-item:hover {
  background-color: color-mix(in srgb, rgba(var(--color-button)) 100%, transparent)
}

.xo-pagination__list-item:hover .xo-pagination__page {
  color: color-mix(in srgb, rgba(var(--color-button-text)) 100%, transparent)
}

.xo-pagination__list-item:hover svg {
  color: color-mix(in srgb, rgba(var(--color-button-text)) 100%, transparent) !important
}

.xo-pagination__list-item--radius {
  border-radius: var(--pagination-radius)
}

.xo-pagination__list-item--current {
  background-color: color-mix(in srgb, rgba(var(--color-button)) 100%, transparent)
}

.xo-pagination__list-item--current .xo-pagination__page--current {
  color: color-mix(in srgb, rgba(var(--color-button-text)) 100%, transparent)
}

.xo-pagination__page {
  font-size: calc(var(--font-body-scale) * 1.5rem);
  line-height: calc(1 + .42 / var(--font-body-scale));
  font-weight: 400;
  color: color-mix(in srgb, rgba(var(--color-button)) 100%, transparent);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem
}

.xo-pagination__page svg {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent)
}

@media(max-width:767px) {
  .xo-pagination__page {
    font-size: calc(var(--font-body-scale) * 1.2rem);
    width: 2.7rem;
    height: 2.7rem
  }
}

.xo-pagination__list-item--disable {
  pointer-events: none;
  cursor: not-allowed
}

.xo-pagination__list-item--disable svg {
  opacity: .65
}

.xo-pagination__arrow {
  cursor: pointer
}

.xo-predictive-search {
  position: relative;
  padding: 1.6rem 0 4rem
}

.xo-predictive-search .xo-field-input {
  border: none;
  padding: 0;
  border-radius: 0
}

.xo-predictive-search .xo-field-input__input {
  width: 85%;
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: 500;
  font-size: calc(var(--font-body-scale) * 4.2rem);
  line-height: calc(1 + 0 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.21rem);
  opacity: 1
}

.xo-predictive-search .xo-field-input__input::placeholder {
  width: 70%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  flex: 1 0 0;
  overflow: hidden;
  font-size: unset;
  color: rgba(var(--color-foreground), .4);
  font-weight: 500;
  font-size: calc(var(--font-body-scale) * 4.2rem);
  line-height: calc(1 + .01 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.21rem)
}

@media(min-width:992px) {
  .xo-predictive-search .xo-field-input__input {
    padding: 1rem 0;
    font-size: calc(var(--font-body-scale) * 7.5rem);
    letter-spacing: calc(var(--font-body-scale) * -.375rem)
  }

  .xo-predictive-search .xo-field-input__input::placeholder {
    width: 100%;
    padding-bottom: .6rem;
    font-size: calc(var(--font-body-scale) * 7.5rem);
    letter-spacing: calc(var(--font-body-scale) * -.375rem)
  }
}

.xo-predictive-search__input {
  position: relative;
  border-bottom: .1rem solid rgba(var(--color-border), .4);
  transition: all .3s;
  padding: 1rem 0
}

.xo-predictive-search__input:has(.xo-field-input__input:focus) {
  border-bottom-color: transparent
}

[dir=ltr] .xo-predictive-search__input:has(.xo-field-input__input:focus) .xo-predictive-search__line .xo-predictive-search__line-anim {
  transform: translate(0)
}

[dir=rtl] .xo-predictive-search__input:has(.xo-field-input__input:focus) .xo-predictive-search__line .xo-predictive-search__line-anim {
  transform: translate(0)
}

.xo-predictive-search__line {
  position: absolute;
  bottom: -.1rem
}

[dir=ltr] .xo-predictive-search__line {
  left: 0
}

[dir=rtl] .xo-predictive-search__line {
  right: 0
}

.xo-predictive-search__line {
  width: 100%;
  height: .4rem;
  overflow: hidden
}

.xo-predictive-search__line-anim {
  position: absolute;
  top: 0
}

[dir=ltr] .xo-predictive-search__line-anim {
  left: 0
}

[dir=rtl] .xo-predictive-search__line-anim {
  right: 0
}

.xo-predictive-search__line-anim {
  width: 100%;
  height: 100%;
  background-color: color-mix(in srgb, rgba(var(--color-accent)) 100%, transparent)
}

[dir=ltr] .xo-predictive-search__line-anim {
  transform: translate(-100%)
}

[dir=rtl] .xo-predictive-search__line-anim {
  transform: translate(100%)
}

.xo-predictive-search__line-anim {
  transition: .6s cubic-bezier(.31, .41, .38, .96)
}

.xo-predictive-search__line-anim--radius {
  border-radius: var(--general-radius-4);
  overflow: hidden
}

.xo-predictive-search__clear {
  position: absolute;
  top: 46%
}

[dir=ltr] .xo-predictive-search__clear {
  right: 2rem
}

[dir=rtl] .xo-predictive-search__clear {
  left: 2rem
}

.xo-predictive-search__clear {
  transform: translateY(-50%);
  cursor: pointer;
  display: none
}

.xo-predictive-search__clear:hover {
  opacity: .65
}

.xo-predictive-search__clear svg {
  width: 2.4rem
}

@media(min-width:768px) {
  .xo-predictive-search__clear svg {
    width: 3.2rem
  }
}

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

.xo-predictive-search__search {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%
}

[dir=ltr] .xo-predictive-search__search {
  right: 2rem
}

[dir=rtl] .xo-predictive-search__search {
  left: 2rem
}

.xo-predictive-search__search {
  transform: translateY(-50%);
  transition: all .3s
}

.xo-predictive-search__search svg {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent)
}

.xo-predictive-search__search .xo-btn {
  background-color: transparent
}

.xo-predictive-search__search.active {
  display: none
}

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 {
  width: 100%;
  position: absolute;
  top: 100%
}

[dir=ltr] .xo-predictive-search__result {
  left: 50%
}

[dir=rtl] .xo-predictive-search__result {
  right: 50%
}

[dir=ltr] .xo-predictive-search__result {
  transform: translate(-50%)
}

[dir=rtl] .xo-predictive-search__result {
  transform: translate(50%)
}

.xo-predictive-search__result {
  z-index: 99999;
  opacity: 0;
  pointer-events: none;
  transition: .3s
}

@media(min-width:768px) {
  .xo-predictive-search__result {
    width: 81.4rem
  }
}

.xo-predictive-search__result.predictive-search-wrapper--visible:not(:empty) {
  opacity: 1;
  pointer-events: auto
}

[dir=ltr] .xo-predictive-search__result.predictive-search-wrapper--visible:not(:empty) {
  transform: translate(-50%)
}

[dir=rtl] .xo-predictive-search__result.predictive-search-wrapper--visible:not(:empty) {
  transform: translate(50%)
}

.xo-predictive-search__inner::-webkit-scrollbar {
  width: 1.2rem
}

.xo-predictive-search__inner::-webkit-scrollbar-thumb {
  border-radius: 1rem;
  -webkit-box-shadow: inset 0 0 6px color-mix(in srgb, rgba(var(--color-border)) 100%, transparent)
}

.xo-predictive-search__inner {
  width: 100%;
  height: 100%;
  max-height: 71dvh;
  overflow: auto;
  border-radius: 1rem;
  background-color: color-mix(in srgb, rgba(var(--color-background)) 100%, transparent);
  box-shadow: 0 0 16px #00000014
}

@media(min-width:768px) {
  .xo-predictive-search__inner {
    width: 100%;
    overflow: auto
  }
}

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

.xo-predictive-search__inner-container {
  padding: .8rem 2rem 2rem !important
}

.xo-predictive-search__inner-container .xo-predictive-search__heading {
  padding: 1.2rem 0;
  font-family: var(--font-heading-family);
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-size: calc(var(--font-body-scale) * 1.6rem);
  font-weight: 400;
  line-height: calc(1 + .45 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.016rem);
  word-break: break-word;
  word-wrap: break-word
}

.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: .8rem;
  border-top: .1rem solid color-mix(in srgb, rgba(var(--color-foreground)) 15%, transparent)
}

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

.xo-predictive-search__item-list--article .xo-predictive-search__item {
  padding: 0 .8rem 0 0;
  gap: .8rem
}

.xo-predictive-search__item-list--article .xo-predictive-search__article-title {
  padding: .8rem
}

.xo-predictive-search__item-list--product .xo-predictive-search__item {
  padding: 0 .8rem 0 0;
  gap: .8rem
}

.xo-predictive-search__item-list--product .xo-predictive-search__product-title {
  padding: .8rem
}

.xo-predictive-search__item {
  display: flex;
  align-items: center;
  gap: 2rem;
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-size: calc(var(--font-body-scale) * 1.5rem);
  font-weight: 400;
  line-height: calc(1 + .6 / var(--font-body-scale));
  word-break: break-word;
  word-wrap: break-word;
  padding: .8rem;
  overflow: hidden;
  transition: .3s
}

.xo-predictive-search__item span {
  opacity: .7
}

.xo-predictive-search__item:hover {
  background-color: color-mix(in srgb, rgba(var(--color-foreground)) 5%, transparent)
}

.xo-predictive-search__item-image {
  width: 7.2rem;
  height: 8.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: .6rem;
  overflow: hidden;
  flex-shrink: 0
}

.xo-predictive-search__item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.xo-predictive-search__empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3rem;
  padding: 3.2rem 0
}

.xo-predictive-search__empty svg {
  width: 14.2rem
}

.xo-predictive-search__empty-text {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-size: calc(var(--font-body-scale) * 3.1rem);
  font-weight: 500;
  line-height: calc(1 + .2 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.093rem);
  text-align: center;
  word-break: break-word;
  word-wrap: break-word
}

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

.xo-price--larger .xo-price__item {
  font-size: calc(var(--font-body-scale) * 2.5rem)
}

.xo-price--larger .xo-price__sale {
  gap: 1.2rem
}

.xo-price__item {
  display: block;
  color: color-mix(in srgb, rgba(var(--color-foreground-4)) 100%, transparent);
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-weight: 500;
  line-height: calc(1 + .42 / var(--font-body-scale))
}

.xo-price__item--del {
  color: color-mix(in srgb, rgba(var(--color-foreground-4)) 100%, transparent);
  text-decoration: line-through;
  opacity: .4
}

.xo-price__sale {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: start;
  gap: .7rem;
  gap: .5rem;
  padding: .2rem 0
}

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

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

[xo-active] .xo-product-video-card {
  pointer-events: auto
}

[xo-active] .xo-product-video-card__product-card {
  transform: translateY(0);
  opacity: 1
}

[xo-active] .xo-product-video-card__controls,
[xo-active] .xo-product-video-card__time-bar-inner {
  opacity: 1
}

[xo-active] .xo-product-video-card__customer {
  top: 2rem
}

[dir=ltr] [xo-active] .xo-product-video-card__customer {
  left: 1rem
}

[dir=rtl] [xo-active] .xo-product-video-card__customer {
  right: 1rem
}

[xo-active] .xo-product-video-card__customer {
  transform: unset
}

[xo-active] .xo-product-video-card__customer-name {
  display: block
}

[xo-active] .xo-product-video-card__customer-avatar {
  transform: scale(1)
}

.xo-product-video-card {
  position: relative;
  height: 100%;
  overflow: hidden;
  transition: .5s;
  background-color: transparent;
  transition-timing-function: ease-in-out;
  will-change: transform
}

.xo-product-video-card--radius .xo-product-video-card__video-card {
  border-radius: 2rem
}

.xo-product-video-card--radius .xo-product-video-card__time-bar-wrap {
  border-radius: 3rem
}

.xo-product-video-card--radius .xo-product-video-card__product-wrap {
  border-radius: 1.6rem
}

.xo-product-video-card--radius .xo-product-video-card__product-image {
  border-radius: 1rem
}

.xo-product-video-card__video-card {
  display: flex;
  height: 100%;
  position: relative;
  overflow: hidden
}

.xo-product-video-card__video-card[xo-playing] .xo-product-video-card__icon--pause {
  display: flex
}

.xo-product-video-card__video-card[xo-playing] .xo-product-video-card__icon--play {
  display: none
}

.xo-product-video-card__video-card[xo-playing] .xo-product-video-card__time-bar-wrap {
  opacity: 1
}

.xo-product-video-card__video-card[xo-muted] .xo-product-video-card__icon--mute {
  display: flex
}

.xo-product-video-card__video-card[xo-muted] .xo-product-video-card__icon--unmute {
  display: none
}

.xo-product-video-card__video {
  width: 100%;
  height: 100%;
  aspect-ratio: var(--ratio-percent)
}

.xo-product-video-card__video video {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.xo-product-video-card__controls {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .6rem;
  position: absolute;
  top: 2rem
}

[dir=ltr] .xo-product-video-card__controls {
  right: 2rem
}

[dir=rtl] .xo-product-video-card__controls {
  left: 2rem
}

.xo-product-video-card__controls {
  z-index: 2;
  opacity: 0
}

.xo-product-video-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  transition: .5s;
  will-change: transform
}

.xo-product-video-card__icon:hover {
  transform: scale(1.1)
}

.xo-product-video-card__play {
  display: block;
  cursor: pointer
}

.xo-product-video-card__play .xo-product-video-card__icon--pause {
  display: none
}

.xo-product-video-card__mute {
  display: block;
  cursor: pointer
}

.xo-product-video-card__mute .xo-product-video-card__icon--mute {
  display: none
}

.xo-product-video-card__time-bar-inner {
  position: absolute;
  top: 1rem
}

[dir=ltr] .xo-product-video-card__time-bar-inner {
  left: 2rem;
  right: 2rem
}

[dir=rtl] .xo-product-video-card__time-bar-inner {
  right: 2rem;
  left: 2rem
}

.xo-product-video-card__time-bar-inner {
  opacity: 0
}

.xo-product-video-card__time-bar-wrap {
  position: relative;
  display: block;
  width: 100%;
  height: .3rem;
  opacity: 0;
  transition: .3s;
  overflow: hidden
}

.xo-product-video-card__time-bar-track {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background-color: color-mix(in srgb, rgba(var(--color-foreground)) 30%, transparent)
}

.xo-product-video-card__time-bar-thumb {
  display: block;
  width: var(--progress);
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: inherit;
  will-change: transform;
  transition: .3s ease-in-out;
  background-color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent)
}

.xo-product-video-card__product-card {
  position: absolute;
  bottom: 1.6rem
}

[dir=ltr] .xo-product-video-card__product-card {
  left: 1.6rem;
  right: 1.6rem
}

[dir=rtl] .xo-product-video-card__product-card {
  right: 1.6rem;
  left: 1.6rem
}

.xo-product-video-card__product-card {
  z-index: 9;
  transition: .5s ease-in-out;
  opacity: 0;
  transform: translateY(100%)
}

.xo-product-video-card__product-wrap {
  display: flex;
  gap: 1.6rem;
  padding: 1rem;
  overflow: hidden
}

.xo-product-video-card__product-image {
  width: 8.2rem;
  height: 8.2rem;
  display: flex;
  align-items: center;
  justify-content: center
}

.xo-product-video-card__product-image .xo-image,
.xo-product-video-card__product-image .xo-image__placeholder,
.xo-product-video-card__product-image .placeholder-svg,
.xo-product-video-card__product-image img {
  width: 100%;
  height: 100%
}

.xo-product-video-card__product-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem
}

.xo-product-video-card__title {
  display: inline-block;
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: 500;
  font-size: calc(var(--font-body-scale) * 1.5rem);
  letter-spacing: calc(var(--font-body-scale) * -.02rem)
}

@media(min-width:992px) {
  .xo-product-video-card__title {
    font-size: calc(var(--font-body-scale) * 1.8rem)
  }
}

@media(min-width:1200px) {
  .xo-product-video-card__title {
    font-size: calc(var(--font-body-scale) * 2rem)
  }
}

.xo-product-video-card__customer {
  display: flex;
  align-items: center;
  gap: .6rem;
  position: absolute;
  top: 50%
}

[dir=ltr] .xo-product-video-card__customer {
  left: 50%
}

[dir=rtl] .xo-product-video-card__customer {
  right: 50%
}

.xo-product-video-card__customer {
  transform: translate(-50%, -50%);
  z-index: 5;
  transition: .5s;
  will-change: transform
}

.xo-product-video-card__customer-name {
  display: inline-block;
  font-family: var(--font-heading-family);
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: 400;
  font-size: calc(var(--font-body-scale) * 1.5rem);
  letter-spacing: calc(var(--font-body-scale) * -.02rem);
  display: none
}

@media(min-width:992px) {
  .xo-product-video-card__customer-name {
    font-size: calc(var(--font-body-scale) * 1.8rem)
  }
}

@media(min-width:1200px) {
  .xo-product-video-card__customer-name {
    font-size: calc(var(--font-body-scale) * 2rem)
  }
}

.xo-product-video-card__customer-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.6rem;
  height: 3.6rem;
  transform: scale(1.5);
  border-radius: 50%;
  overflow: hidden;
  transition: .3s
}

.products-carousel__item {
  height: 100%
}

.products-carousel__paginate {
  padding-top: 2.4rem
}

@media(min-width:992px) {
  .products-carousel__paginate {
    padding-top: 2.9rem
  }
}

.products-grid,
.products-grid__grid,
.products-grid__item {
  height: 100%
}

.xo-quantity {
  width: 11.2rem;
  height: 4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: .1rem solid rgba(var(--color-border), .4)
}

.xo-quantity--radius {
  border-radius: var(--general-radius-4)
}

.xo-quantity--radius .xo-quantity__button--radius {
  border-radius: 50%
}

.xo-quantity--sm {
  width: 9.8rem;
  height: 4rem;
  background: color-mix(in srgb, rgba(var(--color-background)) 100%, transparent)
}

.xo-quantity--sm .xo-quantity__number {
  font-size: calc(var(--font-body-scale) * 1.2rem);
  line-height: calc(1 + .16 / var(--font-body-scale))
}

@media(min-width:768px) {
  .xo-quantity--sm .xo-quantity__number {
    font-size: calc(var(--font-body-scale) * 1.6rem);
    line-height: calc(1 + .43 / var(--font-body-scale))
  }
}

.xo-quantity--md {
  width: 11.2rem;
  height: 4rem;
  background: color-mix(in srgb, rgba(var(--color-background)) 100%, transparent)
}

.xo-quantity--md .xo-quantity__number {
  font-size: calc(var(--font-body-scale) * 1.5rem);
  line-height: calc(1 + .42 / var(--font-body-scale))
}

.xo-quantity--lg {
  width: 11.8rem;
  height: 5.4rem;
  background: color-mix(in srgb, rgba(var(--color-background)) 100%, transparent)
}

.xo-quantity--lg .xo-quantity__number {
  font-size: calc(var(--font-body-scale) * 1.8rem);
  line-height: calc(1 + .44 / var(--font-body-scale))
}

@media(min-width:768px) {
  .xo-quantity--lg .xo-quantity__number {
    font-size: calc(var(--font-body-scale) * 2.2rem);
    line-height: calc(1 + .2 / var(--font-body-scale))
  }
}

@media(min-width:768px) {
  .xo-quantity--lg {
    width: 15rem;
    height: 6.4rem
  }
}

.xo-quantity__number {
  width: 100%;
  height: 100%;
  padding: 0 .8rem;
  border: none;
  outline: none;
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-size: calc(var(--font-body-scale) * 1.5rem);
  line-height: calc(1 + .42 / var(--font-body-scale));
  font-weight: 400;
  text-align: center;
  background: transparent
}

.xo-quantity__button {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center
}

.xo-quantity__button svg {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent)
}

.xo-quantity__button--minus {
  padding: .6rem .6rem .6rem 1.4rem
}

@media(max-width:1199px) {
  .xo-quantity__button--minus {
    padding: .6rem
  }
}

.xo-quantity__button--plus {
  padding: .6rem 1.4rem .6rem .6rem
}

@media(max-width:1199px) {
  .xo-quantity__button--plus {
    padding: .6rem
  }
}

.quick-link__title {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-size: calc(var(--font-body-scale) * 1.2rem);
  font-weight: 500;
  line-height: calc(1 + .4 / var(--font-body-scale));
  text-transform: uppercase;
  word-break: break-word;
  word-wrap: break-word;
  opacity: .65
}

.quick-link__nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  list-style: none;
  padding: .4rem 0;
  margin: 0
}

.quick-link__nav-item {
  display: inline-flex;
  padding-inline-end: 1rem
}

[dir=ltr] .quick-link__nav-item,
[dir=rtl] .quick-link__nav-item {
  border-inline-end: .1rem solid rgba(var(--color-border), .4)
}

.quick-link__nav-item:last-child {
  border-inline-end: none
}

.quick-link__nav-item a {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-size: calc(var(--font-body-scale) * 1.6rem);
  font-weight: 500;
  line-height: calc(1 + .5 / var(--font-body-scale));
  opacity: .8;
  transition: all .3s
}

.quick-link__nav-item a:hover {
  opacity: 1;
  color: color-mix(in srgb, rgba(var(--color-accent)) 100%, transparent);
  transition: all .3s
}

.sale-up-card {
  position: relative;
  padding-top: 3.2rem;
  padding-bottom: 3.6rem
}

.sale-up-card__content {
  position: absolute;
  top: 50%
}

[dir=ltr] .sale-up-card__content {
  left: 50%
}

[dir=rtl] .sale-up-card__content {
  right: 50%
}

.sale-up-card__content {
  z-index: 2
}

[dir=ltr] .sale-up-card__content {
  transform: translate(-50%, -50%)
}

[dir=rtl] .sale-up-card__content {
  transform: translate(50%, -50%)
}

.sale-up-card__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .8rem;
  background: none
}

.sale-up-card__image {
  overflow: hidden
}

@media(max-width:767px) {
  .sale-up-card__image {
    height: 33.3rem
  }
}

.sale-up-card__image .xo-image {
  width: 100%;
  height: 100%
}

.sale-up-card__image img {
  width: 100%;
  height: 100%;
  transition: all .5s ease;
  will-change: transform
}

.sale-up-card__image .xo-image__placeholder,
.sale-up-card__image .placeholder-svg {
  width: 100%;
  height: 100%
}

.sale-up-card__image:hover img {
  transform: scale(1.05);
  transition: all .5s ease
}

.sale-up-card__image--radius {
  border-radius: var(--general-radius-1)
}

.sale-up-card__title {
  font-size: calc(var(--font-body-scale) * 1.7rem);
  font-weight: 500;
  line-height: calc(1 + .52 / var(--font-body-scale));
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  word-break: break-word;
  word-wrap: break-word
}

.xo-section {
  --pt: 25;
  --pb: 25;
  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_dt) * 1px);
  padding-bottom: calc(var(--pb_dt) * 1px)
}

@media(max-width:767px) {
  .xo-section {
    padding-top: calc(var(--pt_mb) * 1px);
    padding-bottom: calc(var(--pb_mb) * 1px)
  }
}

.xo-section:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-color: var(--bg-overlay)
}

.xo-section-bg-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -2;
  overflow: hidden;
  width: 100%;
  height: 100%
}

.xo-section-bg-image__item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%
}

@supports (-webkit-touch-callout: none) {
  .xo-section-bg-image__item {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100vw;
    min-height: 100dvh
  }
}

.xo-section-bg-image__url {
  position: relative;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center
}

.xo-section-bg-image__url svg {
  height: 100%;
  width: 100%
}

.xo-section-bg-image__video {
  width: 100%;
  height: 100%
}

.xo-section-bg-image--image .xo-section-bg-image__url {
  background-image: var(--img-mobile, var(--img-desktop))
}

@media(min-width:768px) {
  .xo-section-bg-image--image .xo-section-bg-image__url {
    background-image: var(--img-desktop)
  }
}

.xo-section-bg-image-2 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -2;
  overflow: hidden
}

.xo-section-bg-image-2__item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

@supports (-webkit-touch-callout: none) {
  .xo-section-bg-image-2__item {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100vw;
    min-height: 100dvh
  }
}

.xo-section-bg-image-2__url {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: var(--img-mobile, var(--img-desktop));
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

@media(min-width:768px) {
  .xo-section-bg-image-2__url {
    background-image: var(--img-desktop)
  }
}

.xo-section-bg-image-2__url svg {
  height: 100%;
  width: 100%
}

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

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

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

.xo-section-heading__title {
  margin: 0;
  word-break: break-word;
  word-wrap: break-word
}

.xo-section-heading__description {
  word-break: break-word;
  word-wrap: break-word
}

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

.shop-look-1 {
  height: 100%
}

.shop-look-1__content {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 3rem;
  padding: 4rem 2.5rem 3.1rem;
  background-color: color-mix(in srgb, rgba(var(--color-layer)) 100%, transparent)
}

@media(min-width:992px) {
  .shop-look-1__content {
    padding: 4rem 3.1rem 3.5rem 3.7rem;
    justify-content: space-between
  }
}

@media(min-width:1400px) {
  .shop-look-1__content {
    padding: 4.1rem 5.1rem 3.8rem 5.7rem
  }
}

.shop-look-1__content--radius {
  border-radius: 2rem
}

.shop-look-1__head {
  width: 17.1rem
}

@media(min-width:992px) {
  .shop-look-1__head {
    width: 26.9rem
  }
}

.shop-look-1__bottom {
  display: flex;
  flex-direction: column;
  align-items: center
}

.shop-look-1__feature {
  width: 100%
}

.shop-look-1__feature-item {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 1.8rem 0;
  border-top: .1rem solid color-mix(in srgb, rgba(var(--color-border)) 100%, transparent)
}

.shop-look-1__feature-item:last-child {
  border-bottom: .1rem solid color-mix(in srgb, rgba(var(--color-border)) 100%, transparent)
}

@media(max-width:767px) {
  .shop-look-1__feature-item:last-child {
    border-bottom: none
  }
}

@media(min-width:992px) {
  .shop-look-1__feature-item {
    padding: 2rem 0
  }
}

@media(min-width:1600px) {
  .shop-look-1__feature-item {
    padding: 2.6rem 0
  }
}

.shop-look-1__image {
  width: 50%
}

.shop-look-1__image .xo-image {
  width: 4.4rem;
  height: 3.8rem;
  padding: .5rem .8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0
}

.shop-look-1__image .xo-image__placeholder,
.shop-look-1__image .placeholder-svg {
  width: 100%;
  height: 100%
}

.shop-look-1__image img {
  width: 100%;
  height: 100%;
  object-fit: contain
}

.shop-look-1__info {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-size: calc(var(--font-body-scale) * 1.7rem);
  font-weight: 500;
  line-height: calc(1 + .3 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.034rem);
  word-break: break-word;
  word-wrap: break-word;
  width: 50%
}

.shop-look-1__button {
  width: 100%;
  padding-top: 0
}

@media(min-width:992px) {
  .shop-look-1__button {
    padding-top: 2.8rem
  }
}

@media(min-width:1400px) {
  .shop-look-1__button {
    padding-top: 5.8rem
  }
}

.shop-look-1__button .xo-btn {
  width: 100%
}

.shop-look-2__trigger {
  position: relative;
  border-radius: 50%;
  cursor: pointer
}

.shop-look-2__container {
  position: relative
}

.shop-look-2__container .shop-look-2__point {
  animation-delay: var(--delay)
}

.shop-look-2__point {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transform-origin: 50% 50%;
  width: var(--size);
  height: var(--size);
  border-radius: 50%
}

.shop-look-2__point--1 {
  border: .5rem solid var(--color);
  background: transparent;
  z-index: 1;
  opacity: .2;
  animation: point-1 2s infinite
}

.shop-look-2__point--2 {
  background: var(--color);
  border: .1rem solid rgba(var(--border), .2);
  z-index: 2;
  animation: point-2 2s infinite
}

.shop-look-2__point--3 {
  background: var(--color);
  z-index: 2;
  animation: point-3 1s alternate infinite
}

.shop-look-2__popover {
  z-index: 99999
}

.shop-look-2__popover--radius {
  border-radius: var(--general-radius-3)
}

@keyframes point-1 {
  0% {
    opacity: .2;
    transform: translate(-50%, -50%)
  }

  to {
    opacity: 0;
    transform: translate(-50%, -50%) scale(5)
  }
}

@keyframes point-2 {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%)
  }

  to {
    opacity: 0;
    transform: translate(-50%, -50%) scale(2)
  }
}

@keyframes point-3 {
  0% {
    transform: translate(-50%, -50%)
  }

  to {
    transform: translate(-50%, -50%) scale(1.1)
  }
}

.xo-skeleton {
  --color-background: #ECECEC;
  --color-skeleton: #F5F5F5;
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 1.4rem 0;
  border-bottom: .1rem solid color-mix(in srgb, rgba(var(--color-border)) 100%, transparent)
}

@media(min-width:992px) {
  .xo-skeleton {
    padding: 1.8rem 0
  }
}

.xo-skeleton--radius .xo-skeleton__thumbnail {
  border-radius: .8rem;
  overflow: hidden
}

.xo-skeleton--radius .xo-skeleton__line {
  border-radius: 2rem;
  overflow: hidden
}

.xo-skeleton__wrapper {
  width: 100%;
  display: flex;
  gap: 1.6rem
}

.xo-skeleton__thumbnail {
  width: 7.6rem;
  height: 9.9rem;
  background: var(--color-background)
}

.xo-skeleton__group {
  display: flex;
  flex-direction: column;
  gap: .9rem;
  padding-top: .9rem
}

.xo-skeleton__line {
  width: 19rem;
  height: 1.9rem;
  background: var(--color-background)
}

@media(min-width:768px) {
  .xo-skeleton__line {
    width: 21rem
  }
}

@media(min-width:1200px) {
  .xo-skeleton__line {
    width: 15.5rem
  }
}

@media(min-width:1800px) {
  .xo-skeleton__line {
    width: 21rem
  }
}

.xo-skeleton__line--2 {
  width: 14.1rem
}

@keyframes shimmer {
  0% {
    background-position: 100%
  }

  to {
    background-position: -100%
  }
}

.xo-socials {
  display: flex;
  gap: 1.5rem;
  height: 100%
}

.xo-socials__link {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(var(--color-foreground));
  transition: .3s;
  min-width: 2.4rem;
  min-height: 2.4rem
}

.xo-space {
  height: var(--space_dt)
}

@media(max-width:767px) {
  .xo-space {
    height: var(--space_mb)
  }
}

.xo-text {
  width: var(--width-mobile)
}

@media(min-width:768px) {
  .xo-text {
    width: var(--width-desktop)
  }
}

.xo-text__heading {
  font-family: var(--font-heading-family);
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: var(--font-heading-weight);
  margin: 0;
  letter-spacing: normal;
  word-break: break-word;
  word-wrap: break-word;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  transition: all .5s
}

.xo-text__word {
  overflow: hidden;
  display: flex;
  white-space: nowrap
}

.xo-text--split .xo-text__word .xo-text__char {
  backface-visibility: hidden;
  transform: translateY(100%);
  transition: transform .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
}

.text-with-image {
  width: fit-content;
  display: flex;
  font-family: var(--font-heading-family);
  font-weight: var(--font-heading-weight);
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  text-align: center
}

.text-with-image--modifier {
  font-size: calc(var(--font-heading-1-scale) * 6.2rem);
  line-height: calc(1 + -.2 / var(--font-heading-1-scale));
  letter-spacing: calc(var(--font-heading-1-scale) * -.02rem)
}

@media(min-width:768px) {
  .text-with-image--modifier {
    font-size: calc(var(--font-heading-1-scale) * 10.6rem);
    line-height: calc(1 + -.2 / var(--font-heading-1-scale));
    letter-spacing: calc(var(--font-heading-1-scale) * -.106rem)
  }
}

@media(min-width:1200px) {
  .text-with-image--modifier {
    font-size: calc(var(--font-heading-1-scale) * 15.6rem);
    line-height: calc(1 + -.2 / var(--font-heading-1-scale));
    letter-spacing: calc(var(--font-heading-1-scale) * -.156rem)
  }
}

.text-with-image__highlight {
  color: var(--color-highlight)
}

.text-with-image__image {
  width: var(--width-mobile);
  height: var(--height-mobile);
  vertical-align: middle;
  object-fit: contain
}

@media(min-width:768px) {
  .text-with-image__image {
    width: var(--width-desktop);
    height: var(--height-desktop)
  }
}

.text-with-image__image .placeholder-svg {
  width: inherit;
  height: inherit
}

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

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

.xo-toast__content {
  display: flex;
  align-items: center;
  gap: .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-video-custom {
  display: block;
  height: 100%;
  width: 100%
}

xo-video-custom .xo-media {
  height: 100%
}

xo-video-custom .placeholder-svg {
  height: 100%;
  width: 100%
}

.xo-video {
  position: relative;
  display: block;
  height: 100%;
  width: 100%
}

.xo-video__poster {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0
}

[dir=ltr] .xo-video__poster {
  left: 0
}

[dir=rtl] .xo-video__poster {
  right: 0
}

.xo-video__poster {
  z-index: 10
}

.xo-video__poster .xo-image,
.xo-video__poster .xo-image img,
.xo-video .xo-media iframe {
  width: 100%;
  height: 100%
}

.xo-video .xo-media video {
  width: 100%;
  height: 100%
}

.xo-video__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.2rem;
  height: 5.2rem;
  border-radius: 50%;
  background-color: color-mix(in srgb, rgba(var(--color-background)) 100%, transparent);
  cursor: pointer;
  position: absolute;
  top: 50%
}

[dir=ltr] .xo-video__button {
  left: 50%
}

[dir=rtl] .xo-video__button {
  right: 50%
}

[dir=ltr] .xo-video__button {
  transform: translate(-50%, -50%)
}

[dir=rtl] .xo-video__button {
  transform: translate(50%, -50%)
}

.xo-video__button {
  z-index: 11
}

.xo-video-2 {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: var(--aspect-ratio)
}

.xo-video-2--radius {
  border-radius: 2rem;
  overflow: hidden
}

.xo-video-2--radius .xo-video-2__button-play,
.xo-video-2--radius .xo-video-2__button-pause {
  border-radius: .6rem
}

.xo-video-2__button {
  position: absolute;
  bottom: 0
}

[dir=ltr] .xo-video-2__button {
  left: 0
}

[dir=rtl] .xo-video-2__button {
  right: 0
}

.xo-video-2__button {
  z-index: 9999;
  padding: 1.6rem;
  cursor: pointer
}

.xo-video-2__button[xo-disabled] {
  display: none;
  pointer-events: none
}

.xo-video-2__button-play,
.xo-video-2__button-pause {
  width: 4rem;
  height: 4rem;
  background-color: color-mix(in srgb, rgba(var(--color-light-button)) 100%, transparent);
  color: color-mix(in srgb, rgba(var(--color-accent)) 100%, transparent);
  display: flex;
  align-items: center;
  justify-content: center
}

.xo-video-2__button-play svg,
.xo-video-2__button-pause svg {
  color: color-mix(in srgb, rgba(var(--color-accent)) 100%, transparent)
}

.xo-video-2[xo-playing] .xo-video-2__button-play,
.xo-video-2[xo-paused] .xo-video-2__button-pause {
  display: none
}

.xo-animate-highlight {
  color: var(--highlight-color)
}

.xo-animate-highlight--1,
.xo-animate-highlight--3,
.xo-animate-highlight--4 {
  display: flex;
  width: 100%;
  position: absolute;
  bottom: 0
}

[dir=ltr] .xo-animate-highlight--1,
[dir=ltr] .xo-animate-highlight--3,
[dir=ltr] .xo-animate-highlight--4 {
  left: 0
}

[dir=rtl] .xo-animate-highlight--1,
[dir=rtl] .xo-animate-highlight--3,
[dir=rtl] .xo-animate-highlight--4 {
  right: 0
}

.xo-animate-highlight--1,
.xo-animate-highlight--3,
.xo-animate-highlight--4 {
  border: none
}

.xo-animate-highlight--1 {
  transform: translateY(90%)
}

.xo-animate-highlight--1 svg {
  width: 100%;
  height: auto
}

.xo-animate-highlight--2 svg {
  width: 100%;
  height: 100%
}

.xo-animate-highlight--3 {
  transform: translateY(100%)
}

.xo-animate-highlight--3 svg {
  width: 100%;
  height: auto
}

.xo-animate-highlight--4 {
  transform: translateY(80%)
}

.xo-animate-highlight--4 svg {
  width: 100%;
  height: auto
}

.xo-animate-highlight--5,
.xo-animate-highlight--6 {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.xo-animate-highlight--5 .xo-animate-highlight__anim,
.xo-animate-highlight--6 .xo-animate-highlight__anim {
  display: block;
  width: 100%;
  height: 100%;
  background-color: currentColor
}

.xo-animate-highlight--5 {
  transform: skew(-10deg)
}

.xo-animate-highlight__anim {
  visibility: hidden;
  animation-duration: calc(var(--xo-duration) * 1ms);
  animation-timing-function: var(--xo-easing);
  animation-delay: calc(var(--xo-order) * var(--xo-constant) * 1ms)
}

[xo-highlight-visible] .xo-animate-highlight__anim--1 {
  visibility: visible;
  transform: translate(0);
  animation-name: xo-animate-highlight__anim--1;
  animation-fill-mode: both
}

@keyframes xo-animate-highlight__anim--1 {
  0% {
    transform: translate(-105%)
  }

  to {
    transform: translate(0)
  }
}

.animate-image {
  height: 100%;
  overflow: hidden;
  border-radius: var(--border-radius);
  max-width: var(--max-width)
}

.animate-image .xo-image,
.animate-image .xo-image__placeholder,
.animate-image img,
.animate-image svg {
  width: 100%;
  height: 100%
}

.animate-image xo-animate {
  opacity: 1 !important
}

.xo-animate-st {
  display: inline-block
}

.xo-animate-st__word xo-animate-item {
  display: inline-block
}

.xo-animate-st__word--modifier {
  overflow: hidden
}

.xo-animate-st__word:has(xo-animate-item[style*="opacity: 1"]:last-of-type) {
  overflow: visible
}

.xo-animate-st__inner {
  position: relative;
  word-break: break-word
}

.xo-animate-st__word {
  position: relative;
  white-space: nowrap
}

.xo-animate-st__highlight {
  position: relative;
  pointer-events: none;
  color: var(--highlight-text-color)
}

.xo-animate-st__highlight xo-animate {
  transform: none !important;
  z-index: -1
}

.xo-animate-st__highlight--italic {
  font-style: italic
}

.xo-animate-text {
  display: block;
  perspective: 100rem
}

.xo-animate-text:hover .xo-animate-text__text,
.xo-animate-text:focus .xo-animate-text__text {
  transform: rotateX(90deg) translateY(-2.2rem)
}

.xo-animate-text:hover .xo-animate-text__text:before,
.xo-animate-text:focus .xo-animate-text__text:before {
  color: color-mix(in srgb, rgba(var(--color-accent)) 100%, transparent)
}

.xo-animate-text__text {
  position: relative;
  display: inline-block;
  padding: 0;
  transition: .3s;
  transform-origin: 50% 0;
  transform-style: preserve-3d
}

.xo-animate-text__text:before {
  content: attr(data-hover);
  position: absolute;
  top: 100%
}

[dir=ltr] .xo-animate-text__text:before {
  left: 0
}

[dir=rtl] .xo-animate-text__text:before {
  right: 0
}

.xo-animate-text__text:before {
  width: 100%;
  height: 100%;
  transition: .3s;
  transform: rotateX(-90deg);
  transform-origin: 50% 0
}

.xo-animate-text-normal {
  transition-duration: var(--duration);
  transition-delay: var(--delay);
  transition-property: background-size;
  transition-timing-function: cubic-bezier(0, 0, .3, 1);
  background-repeat: no-repeat;
  background-image: linear-gradient(var(--underline-color), var(--underline-color))
}

.xo-animate-text-normal--mask {
  -webkit-background-clip: text;
  background-clip: text;
  background-size: 0 100%
}

.xo-animate-text-normal--underline-out {
  background-size: 100% var(--underline-size);
  background-position: 0 100%
}

.xo-animate-text-normal--underline-in {
  background-size: 0% var(--underline-size);
  background-position: 100% 100%
}

[xo-animate-text-normal-active] .xo-animate-text-normal--underline-out,
[xo-animate-text-normal-active].xo-animate-text-normal--underline-out,
[xo-animate-text-normal-hover]:focus-within .xo-animate-text-normal--underline-out,
[xo-animate-text-normal-hover]:focus-within.xo-animate-text-normal--underline-out,
[xo-animate-text-normal-hover]:hover .xo-animate-text-normal--underline-out,
[xo-animate-text-normal-hover]:hover.xo-animate-text-normal--underline-out {
  background-size: 0% var(--underline-size);
  background-position: 100% 100%
}

[xo-animate-text-normal-active] .xo-animate-text-normal--underline-in,
[xo-animate-text-normal-active].xo-animate-text-normal--underline-in,
[xo-animate-text-normal-hover]:focus-within .xo-animate-text-normal--underline-in,
[xo-animate-text-normal-hover]:focus-within.xo-animate-text-normal--underline-in,
[xo-animate-text-normal-hover]:hover .xo-animate-text-normal--underline-in,
[xo-animate-text-normal-hover]:hover.xo-animate-text-normal--underline-in {
  background-size: 100% var(--underline-size);
  background-position: 0 100%
}

[xo-animate-text-normal-active] .xo-animate-text-normal--mask,
[xo-animate-text-normal-active].xo-animate-text-normal--mask,
[xo-animate-text-normal-hover]:focus-within .xo-animate-text-normal--mask,
[xo-animate-text-normal-hover]:focus-within.xo-animate-text-normal--mask,
[xo-animate-text-normal-hover]:hover .xo-animate-text-normal--mask,
[xo-animate-text-normal-hover]:hover.xo-animate-text-normal--mask {
  background-size: 100% 100%
}

.xo-badge-discount {
  display: flex;
  align-items: center;
  gap: .4rem;
  font-size: calc(var(--font-body-scale) * 1.3rem);
  font-weight: 500;
  line-height: calc(1 + .53 / var(--font-body-scale));
  padding-bottom: 1.6rem;
  opacity: .8
}

@media(min-width:1200px) {
  .xo-badge-discount {
    font-size: calc(var(--font-body-scale) * 1.4rem);
    line-height: calc(1 + .42 / var(--font-body-scale));
    padding-bottom: 2.1rem
  }
}

.xo-badge-new {
  min-height: 2.8rem;
  padding: .4rem .8rem;
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-weight: 400;
  line-height: calc(1 + .42 / var(--font-body-scale));
  text-align: center;
  color: color-mix(in srgb, rgba(var(--color-badge-new-label)) 100%, transparent);
  background-color: color-mix(in srgb, rgba(var(--color-badge-new-background)) 100%, transparent);
  transition: all .3s ease
}

.xo-badge-new--radius {
  border-radius: var(--badge-radius)
}

.xo-badge-sale {
  min-height: 2.8rem;
  padding: .4rem .8rem;
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-weight: 400;
  line-height: calc(1 + .42 / var(--font-body-scale));
  text-align: center;
  color: color-mix(in srgb, rgba(var(--color-badge-sale-label)) 100%, transparent);
  background-color: color-mix(in srgb, rgba(var(--color-badge-sale-background)) 100%, transparent);
  transition: all .3s ease;
  overflow: hidden
}

.xo-badge-sale--radius {
  border-radius: var(--badge-radius)
}

.xo-badge-sold-out {
  min-height: 2.8rem;
  padding: .4rem .8rem;
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-weight: 400;
  line-height: calc(1 + .42 / var(--font-body-scale));
  text-align: center;
  color: color-mix(in srgb, rgba(var(--color-badge-sold-out-label)) 100%, transparent);
  background-color: color-mix(in srgb, rgba(var(--color-badge-sold-out-background)) 100%, transparent);
  transition: all .3s ease
}

.xo-badge-sold-out--radius {
  border-radius: var(--badge-radius)
}

.xo-badge-block {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  padding: .2rem 1rem;
  font-size: calc(var(--font-body-scale) * 1.4rem);
  background: var(--bg-color);
  color: var(--text-color);
  word-break: break-word;
  word-wrap: break-word;
  border-radius: .6rem
}

.xo-badge-block__image {
  width: 1.4rem;
  height: 1.4rem
}

.category-2-block {
  position: relative;
  height: 100%;
  padding: 2.4rem 3.2rem;
  background-color: color-mix(in srgb, rgba(var(--color-layer)) 100%, transparent)
}

@media(min-width:992px) {
  .category-2-block {
    padding: 3.2rem 4.2rem
  }
}

@media(min-width:1400px) {
  .category-2-block {
    padding: 3.4rem 4.5rem 4.2rem 4.8rem
  }
}

.category-2-block--radius {
  border-radius: 2rem;
  overflow: hidden
}

.category-2-block__button {
  width: fit-content;
  padding-top: 1.6rem
}

@media(min-width:992px) {
  .category-2-block__button {
    padding-top: 2.2rem
  }
}

.category-2-block__heading,
.category-2-block__button {
  position: relative;
  z-index: 9
}

.category-2-block__heading {
  width: fit-content
}

.category-2-block__count {
  position: absolute;
  top: 0
}

[dir=ltr] .category-2-block__count {
  right: -2rem;
  padding-inline-start: .3rem
}

[dir=rtl] .category-2-block__count {
  left: -2rem;
  padding-inline-start: .3rem
}

.category-2-block__count {
  display: block;
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: 500;
  font-size: calc(var(--font-body-scale) * 1.3rem);
  line-height: calc(1 + .4 / var(--font-body-scale))
}

.category-2-block__bottom {
  padding-top: 13.3rem;
  position: relative;
  z-index: 9
}

.category-2-block__image {
  position: absolute;
  top: 0
}

[dir=ltr] .category-2-block__image {
  right: 0
}

[dir=rtl] .category-2-block__image {
  left: 0
}

.category-2-block__image {
  max-width: 37.7rem;
  height: 100%;
  overflow: hidden
}

.category-2-block__image .xo-image,
.category-2-block__image .xo-image__placeholder,
.category-2-block__image .placeholder-svg,
.category-2-block__image img {
  width: 100%;
  height: 100%
}

.category-2-block__image .xo-image img {
  object-fit: contain
}

.category-2-block__image--desktop {
  display: none
}

@media(min-width:768px) {
  .category-2-block__image--desktop {
    display: block
  }
}

.category-2-block__image--mobile {
  display: block
}

@media(min-width:768px) {
  .category-2-block__image--mobile {
    display: none
  }
}

.xo-circular-text-block {
  position: relative;
  width: var(--size);
  height: var(--size)
}

.xo-circular-text-block__svg text {
  transform-origin: center
}

.xo-circular-text-block__svg--counterclockwise text {
  animation: rotateCounterclockwise var(--speed-rotate) linear infinite
}

@keyframes rotateCounterclockwise {
  0% {
    transform: rotate(360deg)
  }

  to {
    transform: rotate(0)
  }
}

.xo-circular-text-block__svg--clockwise text {
  animation: rotateClockwise var(--speed-rotate) linear infinite
}

@keyframes rotateClockwise {
  0% {
    transform: rotate(-360deg)
  }

  to {
    transform: rotate(0)
  }
}

.xo-circular-text-block__image {
  position: absolute;
  top: 50%
}

[dir=ltr] .xo-circular-text-block__image {
  left: 50%
}

[dir=rtl] .xo-circular-text-block__image {
  right: 50%
}

[dir=ltr] .xo-circular-text-block__image {
  transform: translate(-50%, -50%)
}

[dir=rtl] .xo-circular-text-block__image {
  transform: translate(50%, -50%)
}

.xo-circular-text-block__image {
  z-index: 10
}

.xo-grid-block>xo-item,
.xo-grid-block>div {
  --xo-row-span-desktop: 1;
  --xo-row-span-tablet: 1;
  --xo-row-span-mobile: 1;
  --xo-col-span-desktop: 1;
  --xo-col-span-tablet: 1;
  --xo-col-span-mobile: 1;
  grid-area: span var(--xo-row-span-desktop)/span clamp(1, var(--xo-col-span-desktop), var(--xo-col-desktop))
}

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

  .xo-grid-block>xo-item,
  .xo-grid-block>div {
    --xo-row-span-tablet: 1;
    --xo-col-span-tablet: 1;
    grid-area: span var(--xo-row-span-tablet)/span clamp(1, var(--xo-col-span-tablet), var(--xo-col-tablet))
  }
}

@media(max-width:767px) {

  .xo-grid-block>xo-item,
  .xo-grid-block>div {
    --xo-row-span-mobile: 1;
    --xo-col-span-mobile: 1;
    grid-area: span var(--xo-row-span-mobile)/span clamp(1, var(--xo-col-span-mobile), var(--xo-col-mobile))
  }
}

.xo-column-2 {
  position: relative
}

.xo-column-2__content {
  width: 100%;
  height: 100%
}

.xo-column-2__content:empty {
  background-color: color-mix(in srgb, rgba(var(--color-layer)) 100%, transparent);
  display: flex !important;
  align-items: center;
  justify-content: center
}

.xo-column-2__content:empty:after {
  content: "Empty";
  display: flex;
  align-items: center;
  min-height: 20rem
}

.xo-column-2__content--modifier:after {
  content: "Empty";
  opacity: 0;
  display: none;
  min-height: 0
}

.xo-column-2__content>*:only-child {
  height: 100%
}

.xo-countdown-block {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  font-size: calc(var(--font-body-scale) * 2.4rem)
}

.xo-coutto-block {
  font-size: 3rem
}

.xo-divider-block {
  display: flex;
  align-items: center;
  justify-content: center
}

.xo-divider-block__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  width: var(--width)
}

.xo-divider-block__inner:before,
.xo-divider-block__inner:after {
  content: "";
  width: 100%;
  border-top: var(--divider-weight) var(--divider-style) color-mix(in srgb, rgba(var(--color-border)) 100%, transparent)
}

.xo-divider-block__inner--empty {
  gap: 0
}

.dynamic-promo-banner-block {
  height: 100%;
  width: 100%;
  position: relative
}

.dynamic-promo-banner-block__bg {
  width: 100%;
  height: 100%
}

.dynamic-promo-banner-block__bg--radius {
  border-radius: 1rem;
  overflow: hidden
}

.dynamic-promo-banner-block__image,
.dynamic-promo-banner-block__image .xo-image,
.dynamic-promo-banner-block__image .xo-image__placeholder,
.dynamic-promo-banner-block__image .placeholder-svg,
.dynamic-promo-banner-block__image img {
  width: 100%;
  height: 100%
}

.dynamic-promo-banner-block__image--desktop {
  display: none
}

@media(min-width:768px) {
  .dynamic-promo-banner-block__image--desktop {
    display: block
  }
}

.dynamic-promo-banner-block__image--mobile {
  display: block
}

@media(min-width:768px) {
  .dynamic-promo-banner-block__image--mobile {
    display: none
  }
}

.dynamic-promo-banner-block__content {
  position: absolute;
  top: 0
}

[dir=ltr] .dynamic-promo-banner-block__content {
  left: 0
}

[dir=rtl] .dynamic-promo-banner-block__content {
  right: 0
}

.dynamic-promo-banner-block__content {
  z-index: 9;
  height: 100%;
  width: 100%;
  padding: 3.2rem 2.4rem;
  display: flex;
  align-items: center
}

@media(min-width:768px) {
  .dynamic-promo-banner-block__content {
    width: fit-content;
    padding: 4.8rem 3.4rem
  }
}

@media(min-width:992px) {
  .dynamic-promo-banner-block__content {
    padding: 7.2rem 3.4rem
  }
}

@media(min-width:1200px) {
  .dynamic-promo-banner-block__content {
    padding: 10rem 3.4rem
  }
}

@media(min-width:1400px) {
  .dynamic-promo-banner-block__content {
    padding: 13rem 3.4rem
  }
}

.dynamic-promo-banner-block__wrap {
  width: 100%;
  padding: 2.4rem;
  background-color: color-mix(in srgb, rgba(var(--color-background)) 100%, transparent);
  display: flex;
  flex-direction: column;
  gap: 2rem
}

@media(min-width:768px) {
  .dynamic-promo-banner-block__wrap {
    width: fit-content;
    min-width: 32rem;
    gap: 2.8rem
  }
}

@media(min-width:992px) {
  .dynamic-promo-banner-block__wrap {
    padding: 3rem 3.4rem 2rem;
    min-width: 45rem
  }
}

.dynamic-promo-banner-block__wrap--radius {
  border-radius: 1rem;
  overflow: hidden
}

.dynamic-promo-banner-block__button {
  width: fit-content
}

.dynamic-promo-banner-block__discount-value {
  font-family: var(--font-heading-family);
  font-weight: var(--font-heading-weight);
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  word-break: break-word;
  word-wrap: break-word
}

.dynamic-promo-banner-block__promo-title {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: 500;
  font-size: calc(var(--font-body-scale) * 1.6rem);
  line-height: calc(1 + .4 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.016rem);
  word-break: break-word;
  word-wrap: break-word
}

@media(min-width:992px) {
  .dynamic-promo-banner-block__promo-title {
    font-size: calc(var(--font-body-scale) * 2rem);
    line-height: calc(1 + .05 / var(--font-body-scale));
    letter-spacing: calc(var(--font-body-scale) * -.02rem)
  }
}

.dynamic-promo-banner-block__promo-subtext {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: 500;
  font-size: calc(var(--font-body-scale) * 1.6rem);
  line-height: calc(1 + .4 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.016rem);
  word-break: break-word;
  word-wrap: break-word
}

.image-button-block,
.image-button-block__content {
  height: 100%
}

.image-button-block .collection-image__image--radius {
  border-radius: 2rem
}

.xo-img-compare {
  width: 100%;
  background-color: rgba(var(--color-background));
  color: rgba(var(--color-accent))
}

.xo-img-compare xo-image-comparison-before {
  -webkit-user-select: none;
  user-select: none
}

.xo-img-compare xo-image-comparison-before svg {
  display: block;
  height: 100% !important;
  width: calc(100 / var(--xo-value, 50) * 100%) !important;
  max-width: none !important;
  object-fit: cover !important;
  pointer-events: none
}

.xo-img-compare xo-image-comparison-after {
  -webkit-user-select: none;
  user-select: none
}

.xo-img-compare xo-image-comparison-after svg {
  width: 100%;
  pointer-events: none
}

.xo-img-compare__badge {
  font-size: calc(var(--font-body-scale) * 3.5rem);
  padding: 0 1.5rem;
  background-color: #0000;
  color: rgba(var(--color-accent));
  top: auto;
  bottom: 0;
  z-index: 1
}

@media(max-width:767px) {
  .xo-img-compare__badge {
    font-size: calc(var(--font-body-scale) * 2rem)
  }
}

.xo-img-compare__handle {
  z-index: 10
}

.xo-img-compare__handle-icon {
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(var(--color-background));
  position: relative
}

.xo-img-compare__icon-left,
.xo-img-compare__icon-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center
}

[dir=ltr] .xo-img-compare__icon-left {
  left: 0
}

[dir=rtl] .xo-img-compare__icon-left,
[dir=ltr] .xo-img-compare__icon-right {
  right: 0
}

[dir=rtl] .xo-img-compare__icon-right {
  left: 0
}

.image-with-text-block {
  display: block;
  height: 100%;
  position: relative;
  border: var(--collection-card-border-width) solid rgba(var(--color-border), var(--collection-card-border-opacity));
  box-shadow: var(--collection-card-shadow-horizontal-offset) var(--collection-card-shadow-vertical-offset) var(--collection-card-shadow-blur-radius) rgba(var(--color-shadow), var(--collection-card-shadow-opacity));
  overflow: hidden
}

.image-with-text-block:hover,
.image-with-text-block:focus-within {
  cursor: pointer
}

.image-with-text-block:hover img,
.image-with-text-block:focus-within img {
  transform: scale(1.05);
  transition: all .5s ease
}

.image-with-text-block:hover .image-with-text-block__button,
.image-with-text-block:focus-within .image-with-text-block__button {
  opacity: 1;
  transition: all .5s
}

.image-with-text-block .xo-video--modifier {
  height: 100%;
  width: 100%;
  object-fit: cover
}

.image-with-text-block--radius-auto {
  border-radius: var(--collection-card-radius);
  overflow: hidden
}

.image-with-text-block--radius-max {
  border-radius: 50%;
  overflow: hidden
}

.image-with-text-block--radius-none {
  border-radius: 0
}

.image-with-text-block--radius {
  border-radius: var(--border-radius);
  overflow: hidden
}

.image-with-text-block__content {
  height: 100%;
  position: relative;
  background: none
}

.image-with-text-block__button {
  transition: all .5s;
  padding-top: 2.1rem;
  width: fit-content
}

@media(min-width:992px) {
  .image-with-text-block__button {
    opacity: 0
  }
}

.image-with-text-block__text {
  width: 100%;
  position: absolute;
  top: 0
}

[dir=ltr] .image-with-text-block__text {
  left: 0
}

[dir=rtl] .image-with-text-block__text {
  right: 0
}

.image-with-text-block__text {
  z-index: 9;
  display: flex;
  flex-direction: column;
  padding: 2.6rem 3.1rem
}

@media(min-width:768px) {
  .image-with-text-block__text {
    padding: 3.3rem 4.2rem
  }
}

.image-with-text-block__text--middle {
  height: 100%;
  align-items: start;
  justify-content: center
}

.image-with-text-block__text--middle.image-with-text-block__text--center .xo-text__heading {
  justify-content: center
}

.image-with-text-block__text--middle.image-with-text-block__text--right {
  height: 100%;
  align-items: end;
  justify-content: center
}

.image-with-text-block__text--middle.image-with-text-block__text--right .xo-text__heading {
  justify-content: end
}

.image-with-text-block__text--bottom {
  height: 100%;
  align-items: start;
  justify-content: end
}

.image-with-text-block__text--bottom.image-with-text-block__text--center {
  justify-content: end;
  align-items: center;
  text-align: center
}

.image-with-text-block__text--bottom.image-with-text-block__text--center .xo-text__heading {
  justify-content: center
}

.image-with-text-block__text--bottom.image-with-text-block__text--right {
  justify-content: end;
  align-items: end;
  text-align: right
}

.image-with-text-block__text--bottom.image-with-text-block__text--right .xo-text__heading {
  justify-content: end
}

.image-with-text-block__text--center {
  justify-content: center;
  align-items: center;
  text-align: center
}

.image-with-text-block__text--right {
  justify-content: end;
  align-items: end;
  text-align: right
}

.image-with-text-block__text--right .xo-text__heading {
  justify-content: end
}

.image-with-text-block__text--modifier {
  height: 100%;
  justify-content: space-between !important
}

.image-with-text-block__image {
  width: 100%;
  height: 100%
}

.image-with-text-block__image .xo-image,
.image-with-text-block__image .xo-image__placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden
}

.image-with-text-block__image img {
  width: 100%;
  height: 100%;
  will-change: transform;
  transition: all .5s ease
}

.image-with-text-block__image .xo-image__placeholder {
  aspect-ratio: var(--xo-ratio-percent)
}

.image-with-text-block__image .placeholder-svg {
  width: 100%;
  height: 100%
}

.image-with-text-block__image--desktop {
  display: none
}

@media(min-width:992px) {
  .image-with-text-block__image--desktop {
    display: block
  }
}

.image-with-text-block__image--mobile {
  display: block
}

@media(min-width:992px) {
  .image-with-text-block__image--mobile {
    display: none
  }
}

.image-with-text-block__link {
  height: 100%;
  width: 100%;
  display: block;
  position: relative
}

.image-with-text-block__link:after {
  content: "";
  position: absolute;
  top: 0
}

[dir=ltr] .image-with-text-block__link:after {
  left: 0
}

[dir=rtl] .image-with-text-block__link:after {
  right: 0
}

.image-with-text-block__link:after {
  width: 100%;
  height: 100%;
  background: rgba(var(--color-overlay-2), calc(var(--opacity) / 100));
  z-index: 1
}

.image-with-text-block__video {
  height: 100%;
  aspect-ratio: var(--aspect-ratio-mb)
}

@media(min-width:992px) {
  .image-with-text-block__video {
    aspect-ratio: var(--aspect-ratio-dt)
  }
}

.information-with-image-block,
.information-with-image-block__content {
  height: 100%
}

.information-with-image-block__content--radius {
  border-radius: 2rem;
  overflow: hidden
}

.information-with-image-block__image {
  height: 100%
}

.information-with-image-block__image:hover {
  cursor: pointer
}

.information-with-image-block__image:hover img {
  transform: scale(1.05);
  transition: all .5s ease
}

.information-with-image-block__image .xo-image {
  width: 100%;
  height: 100%
}

.information-with-image-block__image img {
  width: 100%;
  height: 100%;
  will-change: transform;
  transition: all .5s ease
}

.information-with-image-block__image .xo-image__placeholder {
  height: 100%;
  width: 100%
}

.information-with-image-block__image .placeholder-svg {
  width: 100%;
  height: 100%
}

.information-with-image-block__image--desktop {
  display: none
}

@media(min-width:992px) {
  .information-with-image-block__image--desktop {
    display: block
  }
}

.information-with-image-block__image--mobile {
  display: block
}

@media(min-width:992px) {
  .information-with-image-block__image--mobile {
    display: none
  }
}

.information-with-image-block__caption {
  color: color-mix(in srgb, rgba(var(--color-foreground-2)) 100%, transparent);
  font-weight: 500;
  font-size: calc(var(--font-body-scale) * 1.5rem);
  line-height: calc(1 + .43 / var(--font-body-scale));
  text-transform: uppercase;
  word-break: break-word;
  word-wrap: break-word;
  position: absolute
}

[dir=ltr] .information-with-image-block__caption {
  left: 0
}

[dir=rtl] .information-with-image-block__caption {
  right: 0
}

.information-with-image-block__caption {
  top: 2.9rem;
  z-index: 2;
  padding: 0 3.3rem
}

@media(max-width:767px) {
  .information-with-image-block__caption {
    padding: 0 1.6rem
  }
}

.information-with-image-block__text {
  position: absolute
}

[dir=ltr] .information-with-image-block__text {
  left: 0
}

[dir=rtl] .information-with-image-block__text {
  right: 0
}

.information-with-image-block__text {
  bottom: 2.9rem;
  z-index: 2;
  padding: 0 3.3rem
}

@media(max-width:767px) {
  .information-with-image-block__text {
    padding: 0 1.6rem
  }
}

.information-with-image-block__sub-heading {
  font-family: var(--font-heading-family);
  color: color-mix(in srgb, rgba(var(--color-foreground-2)) 100%, transparent);
  font-weight: var(--font-heading-weight);
  font-size: calc(var(--font-heading-5-scale) * 2.5rem);
  line-height: calc(1 + .2 / var(--font-heading-5-scale));
  letter-spacing: calc(var(--font-heading-5-scale) * -.075rem);
  word-break: break-word;
  word-wrap: break-word
}

@media(min-width:768px) {
  .information-with-image-block__sub-heading {
    font-size: calc(var(--font-heading-5-scale) * 3.1rem);
    letter-spacing: calc(var(--font-heading-5-scale) * -.093rem)
  }
}

.information-with-image-block__heading .xo-text__heading {
  color: color-mix(in srgb, rgba(var(--color-foreground-2)) 100%, transparent);
  font-size: calc(var(--font-heading-1-scale) * 8rem);
  line-height: calc(1 + .01 / var(--font-heading-1-scale));
  letter-spacing: calc(var(--font-heading-1-scale) * -.56rem)
}

@media(min-width:992px) {
  .information-with-image-block__heading .xo-text__heading {
    font-size: calc(var(--font-heading-1-scale) * 10rem);
    letter-spacing: calc(var(--font-heading-1-scale) * -.6rem)
  }
}

@media(min-width:1400px) {
  .information-with-image-block__heading .xo-text__heading {
    font-size: calc(var(--font-heading-1-scale) * 15rem);
    letter-spacing: calc(var(--font-heading-1-scale) * -.105rem)
  }
}

.xo-marquee-block {
  overflow: hidden
}

.xo-marquee-block xo-marquee-item {
  display: flex;
  align-items: center
}

.xo-marquee-block img {
  width: 200px
}

.xo-marquee-block .shopify-block {
  padding-inline-start: var(--space)
}

.xo-parallax-block {
  position: absolute;
  top: var(--top);
  left: var(--left);
  width: var(--width);
  z-index: 10
}

.xo-parallax-block xo-parallax-scroll {
  width: auto
}

.product-featured-block {
  height: 100%;
  padding: 3rem 2.5rem;
  background-color: color-mix(in srgb, rgba(var(--color-layer)) 100%, transparent);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 2.6rem
}

@media(min-width:1200px) {
  .product-featured-block {
    padding: 4.5rem 5rem 4.3rem
  }
}

.product-featured-block .xo-text__heading {
  justify-content: center
}

.product-featured-block--radius {
  border-radius: var(--general-radius-3)
}

.product-featured-block__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

.product-featured-block__heading {
  display: flex;
  align-items: center;
  justify-content: center
}

.product-featured-block__button {
  padding-top: 2.3rem
}

.product-featured-block__image {
  width: 4.8rem;
  height: 4.8rem;
  padding: .6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all .3s
}

.product-featured-block__image .xo-image,
.product-featured-block__image .xo-image__placeholder,
.product-featured-block__image .placeholder-svg,
.product-featured-block__image img {
  width: 100%;
  height: 100%
}

.product-featured-block__image .xo-image img {
  object-fit: contain
}

.product-featured-block__title {
  padding-top: 0;
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: 500;
  font-size: calc(var(--font-body-scale) * 1.7rem);
  line-height: calc(1 + .3 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.034rem);
  word-break: break-word;
  word-wrap: break-word
}

@media(min-width:992px) {
  .product-featured-block__title {
    padding-top: .8rem
  }
}

.product-featured-block__item {
  display: flex;
  align-items: center;
  gap: 8.6rem;
  padding: 1.6rem 0;
  border-top: .1rem solid rgba(var(--color-border), 1)
}

.product-featured-block__item:last-child {
  padding-bottom: 0
}

@media(min-width:768px) {
  .product-featured-block__item {
    flex-direction: column;
    justify-content: start;
    gap: 0;
    text-align: center;
    padding: 2rem 1.6rem .8rem;
    border-top: none
  }

  [dir=ltr] .product-featured-block__item,
  [dir=rtl] .product-featured-block__item {
    border-inline-end: .1rem solid rgba(var(--color-border), 1)
  }

  .product-featured-block__item:last-child {
    border-inline-end: none
  }
}

@media(min-width:1800px) {
  .product-featured-block__item {
    padding: 2.4rem 4.8rem .8rem
  }
}

.product-featured-block__item:hover .product-featured-block__image {
  transform: translateY(-1rem)
}

.product-featured-block__bottom {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(1, 1fr)
}

@media(min-width:768px) {
  .product-featured-block__bottom {
    grid-template-columns: repeat(3, 1fr)
  }
}

.product-list-block,
.product-list-block__content,
.product-list-block__carousel {
  height: 100%
}

.product-list-block {
  padding-bottom: 1.4rem
}

@media(min-width:992px) {
  .product-list-block {
    padding-bottom: 2.8rem
  }
}

.product-list-block__paginate {
  padding-top: 2.4rem
}

@media(min-width:992px) {
  .product-list-block__paginate {
    padding-top: 2.9rem
  }
}

.xo-scroll-to-block {
  padding: 1rem 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  border: max(var(--buttons-border-width), .1rem) solid color-mix(in srgb, rgba(var(--color-button)) calc(var(--buttons-border-opacity) * 100%), transparent);
  border-radius: var(--buttons-radius-outset);
  background-color: color-mix(in srgb, rgba(var(--color-button)) 100%, transparent);
  color: color-mix(in srgb, rgba(var(--color-button-text)) 100%, transparent);
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  position: relative;
  z-index: 1;
  overflow: hidden
}

.xo-scroll-to-block:after {
  content: "";
  position: absolute;
  z-index: -1
}

[dir=ltr] .xo-scroll-to-block:after {
  left: 50%
}

[dir=rtl] .xo-scroll-to-block:after {
  right: 50%
}

.xo-scroll-to-block:after {
  top: 101%
}

[dir=ltr] .xo-scroll-to-block:after {
  transform: translate(-50%)
}

[dir=rtl] .xo-scroll-to-block:after {
  transform: translate(50%)
}

.xo-scroll-to-block:after {
  width: 100%;
  height: 0;
  padding-top: 100%;
  border-radius: 50% 50% 0 0;
  background-color: color-mix(in srgb, rgba(var(--color-secondary-button)) 100%, transparent);
  color: color-mix(in srgb, rgba(var(--color-button)) 100%, transparent);
  transition: all .5s cubic-bezier(.25, .74, .22, .99) .05s, border-radius .5s cubic-bezier(.25, .74, .22, .99) .22s
}

.xo-scroll-to-block:hover {
  color: color-mix(in srgb, rgba(var(--color-button)) 100%, transparent)
}

.xo-scroll-to-block:hover:after {
  width: 100%;
  height: 100%;
  padding-top: 0;
  border-radius: 0;
  top: 0
}

[dir=ltr] .xo-scroll-to-block:hover:after {
  transform: translate(-50%)
}

[dir=rtl] .xo-scroll-to-block:hover:after {
  transform: translate(50%)
}

.service-block {
  height: 100%
}

.service-block:hover .service-block__image {
  transform: translateY(-1rem)
}

.service-block--radius {
  border-radius: 1rem;
  overflow: hidden
}

.service-block--inherit-color-schema {
  background-color: inherit
}

.service-block__wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  text-align: left;
  gap: .6rem;
  padding: 2.4rem 1.6rem
}

@media(min-width:768px) {
  .service-block__wrapper {
    padding: 3.2rem 2rem
  }
}

@media(min-width:992px) {
  .service-block__wrapper {
    padding: 3.2rem
  }
}

@media(min-width:1200px) {
  .service-block__wrapper {
    padding: 4.3rem 9rem 4.9rem
  }
}

.service-block__wrapper--center {
  justify-content: start;
  align-items: center;
  text-align: center
}

.service-block__wrapper--end {
  justify-content: start;
  align-items: end;
  text-align: right
}

.service-block__heading,
.service-block__content {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-size: calc(var(--font-body-scale) * 1.5rem);
  line-height: calc(1 + .45 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.015rem);
  word-break: break-word;
  word-wrap: break-word
}

@media(min-width:768px) {

  .service-block__heading,
  .service-block__content {
    font-size: calc(var(--font-body-scale) * 1.6rem);
    letter-spacing: calc(var(--font-body-scale) * -.016rem)
  }
}

.service-block__link {
  color: inherit;
  transition: all .3s
}

.service-block__link:hover {
  text-decoration: underline
}

.service-block__heading {
  padding-top: .5rem;
  font-weight: var(--font-heading-weight)
}

.service-block__content {
  font-weight: 400;
  opacity: .5
}

.service-block__image {
  width: auto;
  height: 100%;
  max-height: 11.8rem;
  transition: all .3s;
  will-change: transform
}

.service-block__image .xo-image,
.service-block__image .xo-image__placeholder,
.service-block__image .placeholder-svg,
.service-block__image img {
  width: 100%;
  height: 100%
}

.service-block__image--sm {
  width: 3.2rem;
  height: 3.2rem
}

.service-block__image--md {
  width: 4.9rem;
  height: 4.9rem
}

.service-block__image--lg {
  width: 5.4rem;
  height: 5.4rem
}

.xo-typing-block__typing {
  color: #ff6969;
  font-size: 4rem
}

.xo-typing-block__content {
  word-break: normal;
  word-wrap: normal
}

.xo-wrapper-block {
  display: flex;
  flex-direction: var(--direction_mobile);
  align-items: var(--alignment_mobile);
  justify-content: var(--justify_content_mobile);
  row-gap: calc(var(--vertical_gap_mobile) * 1px);
  column-gap: calc(var(--horizontal_gap_mobile) * 1px)
}

@media(min-width:768px) {
  .xo-wrapper-block {
    flex-direction: var(--direction_desktop);
    align-items: var(--alignment_desktop);
    justify-content: var(--justify_content_desktop);
    row-gap: calc(var(--vertical_gap_desktop) * 1px);
    column-gap: calc(var(--horizontal_gap_desktop) * 1px)
  }
}

.xo-wrapper-block--full-width {
  width: 100%
}

.xo-wrapper-block--width-auto {
  width: fit-content
}

.xo-wrapper-block--full-height {
  height: 100%
}

.xo-wrapper-block--height-auto {
  height: fit-content
}

.xo-cart-add-error {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  color: #eb001b;
  background-color: #ffdbdf
}

.xo-cart-add-error svg {
  flex-shrink: 0;
  padding-top: .5rem
}

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

.xo-cart-empty {
  padding-top: 3rem
}

@media(min-width:768px) {
  .xo-cart-empty {
    padding-top: 4.4rem
  }
}

.cart-empty__header {
  display: flex;
  align-items: center;
  justify-content: center
}

.cart-empty__header svg {
  width: 2.4rem;
  height: 2.4rem
}

.cart-empty__login {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .8rem;
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: 400;
  font-size: calc(var(--font-body-scale) * 1.5rem);
  line-height: calc(1 + .42 / var(--font-body-scale));
  text-align: center
}

.cart-empty__login p {
  opacity: .7
}

.cart-empty__login-paragraph {
  display: flex;
  align-items: center;
  gap: .4rem
}

.cart-empty__login-paragraph a {
  color: color-mix(in srgb, rgba(var(--color-button)) 100%, transparent);
  opacity: 1
}

.xo-cart-mini-footer {
  padding-bottom: 4.1rem
}

@media(min-width:768px) {
  .xo-cart-mini-footer {
    padding-bottom: 2.8rem
  }
}

.xo-cart-mini-footer .xo-badge-discount {
  padding-bottom: 1.2rem
}

.xo-cart-mini-footer__price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .2rem;
  padding-bottom: .2rem
}

.xo-cart-mini-footer__price .xo-cart-mini__price-text {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: 400;
  font-size: calc(var(--font-body-scale) * 1.5rem);
  line-height: calc(1 + .42 / var(--font-body-scale));
  opacity: .7
}

.xo-cart-mini-footer__price .xo-cart-mini__price-number {
  font-family: var(--font-heading-family);
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: var(--font-heading-weight)
}

.xo-cart-mini-footer__taxes {
  width: 100%;
  display: inline-flex;
  background-color: color-mix(in srgb, rgba(var(--color-layer)) 100%, transparent);
  padding: .8rem 1rem .8rem 1.2rem
}

@media(min-width:768px) {
  .xo-cart-mini-footer__taxes {
    padding: .8rem 1.2rem
  }
}

.xo-cart-mini-footer__taxes--radius {
  border-radius: var(--general-radius-4);
  overflow: hidden
}

.xo-cart-mini-footer__taxes-text {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: 500;
  font-size: calc(var(--font-body-scale) * 1.3rem);
  line-height: calc(1 + .4 / var(--font-body-scale));
  opacity: .6
}

.xo-cart-mini-footer__taxes-text a {
  color: inherit;
  text-decoration: underline
}

.xo-cart-item__option span:last-child {
  font-weight: 500;
  color: rgb(var(--color-foreground))
}

.xo-cart-mini-footer__separator-pd {
  padding-bottom: 1.3rem
}

.xo-cart-mini-footer__separator-pd .xo-cart-mini-footer__separator {
  width: 100%;
  height: .1rem;
  transition: .3s ease calc(var(--xo-duration) * 1ms)
}

xo-modal[xo-active]:not([xo-active=false]) .xo-cart-mini-footer__separator {
  background-color: rgba(var(--color-border))
}

.xo-cart-mini-footer__separator-pd--pt {
  padding-top: 1.3rem;
  padding-bottom: 2rem
}

.pb-0 {
  padding-bottom: 0
}

.xo-cart-item__option span:last-child {
  color: rgb(var(--color-foreground));
  font-weight: 400;
  line-height: calc(1 + .22 / var(--font-body-scale));
  font-size: calc(var(--font-body-scale) * 1.4rem)
}

.xo-cart-shipping-rates__flex-drawer {
  padding: 2rem 0
}

.xo-cart-mini-footer__group {
  display: flex;
  align-items: center;
  gap: .6rem
}

.xo-cart-mini-footer__button {
  width: 100%
}

.xo-cart-mini-item+.xo-cart-mini-item .xo-cart-mini-item__inner {
  border-top: .1rem solid rgba(var(--color-border))
}

.xo-cart-mini-item+.xo-cart-mini-item:first-child .xo-cart-mini-item__inner {
  padding-top: 0
}

.xo-cart-mini-item+.xo-cart-mini-item:last-child .xo-cart-mini-item__inner {
  padding-bottom: 0
}

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

.xo-cart-mini-item__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  width: 100%
}

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

.xo-cart-mini-item__image .xo-image,
.xo-cart-mini-item__image img,
.xo-cart-mini-item__image .xo-image__placeholder,
.xo-cart-mini-item__image .placeholder-svg {
  width: 100%;
  height: 100%
}

.xo-cart-mini-item__image--radius {
  border-radius: 1rem
}

.xo-cart-mini-item__quantity--popup {
  display: none
}

.xo-cart-mini-item__remove {
  position: absolute;
  top: 1.6rem
}

[dir=ltr] .xo-cart-mini-item__remove {
  right: 0
}

[dir=rtl] .xo-cart-mini-item__remove {
  left: 0
}

.xo-cart-mini-item__remove-action {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center
}

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

.xo-cart-mini-item__options .xo-cart-mini-item__option {
  position: relative;
  display: flex;
  align-items: center;
  gap: .4rem
}

.xo-cart-mini-item__options .xo-cart-mini-item__option span {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-weight: 500;
  line-height: calc(1 + .42 / var(--font-body-scale));
  opacity: .65
}

.xo-cart-mini-item__options .xo-cart-mini-item__option span:last-child {
  opacity: .8
}

.xo-cart-mini-item__options--pd {
  padding-top: .4rem
}

.xo-cart-mini-item__discounts:not(:empty) {
  padding-top: .4rem
}

.xo-cart-mini-item__discounts .xo-badge-discount {
  padding-bottom: 0
}

.xo-cart-mini-item__header {
  display: flex;
  flex-direction: column
}

.xo-cart-mini-item__title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: 80%;
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-size: calc(var(--font-body-scale) * 1.5rem);
  font-weight: 400;
  line-height: calc(1 + .42 / var(--font-body-scale));
  opacity: .7
}

.xo-cart-mini-item__price .xo-cart-mini-item__final-price {
  display: block;
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-weight: 500;
  line-height: calc(1 + .42 / var(--font-body-scale))
}

.xo-cart-mini-item__price .xo-cart-mini-item__old-price {
  display: block;
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-weight: 500;
  line-height: calc(1 + .42 / var(--font-body-scale));
  text-decoration: line-through;
  opacity: .3
}

.xo-cart-mini-item__price .xo-cart-mini-item__discounted-prices {
  display: flex;
  align-items: center;
  gap: .7rem;
  padding: .2rem 0
}

@media(max-width:767px) {
  .xo-cart-mini-item__price .xo-cart-mini-item__discounted-prices {
    flex-direction: column;
    justify-content: start;
    align-items: start
  }
}

@media(max-width:767px) {
  xo-cart-mini {
    width: 100vw;
    height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center
  }
}

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

@media(min-width:740px) {
  .xo-cart-mini-item__selling-plan {
    font-size: calc(var(--font-body-scale) * 1.5rem);
    line-height: calc(1 + .4 / var(--font-body-scale))
  }
}

xo-modal[xo-name=cart] xo-cart-mini[xo-notification] .xo-modal-content__inner {
  padding: 2.4rem 2.4rem 3.2rem;
  width: 100%
}

@media(min-width:768px) {
  xo-modal[xo-name=cart] xo-cart-mini[xo-notification] .xo-modal-content__inner {
    width: 54rem
  }
}

@media(min-width:768px) {
  xo-modal[xo-name=cart] xo-cart-mini[xo-notification] .xo-cart-mini-item__title {
    font-size: calc(var(--font-body-scale) * 2rem)
  }
}

xo-modal[xo-name=cart] xo-cart-mini[xo-notification] .xo-modal-content__close {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.collection-list-1 {
  height: 100%;
  position: relative;
  border: var(--collection-card-border-width) solid rgba(var(--color-border), var(--collection-card-border-opacity));
  box-shadow: var(--collection-card-shadow-horizontal-offset) var(--collection-card-shadow-vertical-offset) var(--collection-card-shadow-blur-radius) rgba(var(--color-shadow), var(--collection-card-shadow-opacity));
  overflow: hidden
}

.collection-list-1:hover,
.collection-list-1:focus-within {
  cursor: pointer
}

.collection-list-1:hover img,
.collection-list-1:focus-within img {
  transform: scale(1.05);
  transition: all .5s ease
}

.collection-list-1:hover .collection-list-1__button,
.collection-list-1:focus-within .collection-list-1__button {
  opacity: 1;
  transition: all .5s
}

.collection-list-1--radius {
  border-radius: var(--collection-card-radius);
  overflow: hidden
}

.collection-list-1__item {
  height: 100%;
  position: relative;
  background: none
}

.collection-list-1__button {
  transition: all .5s
}

@media(min-width:992px) {
  .collection-list-1__button {
    opacity: 0
  }
}

.collection-list-1__text {
  width: 100%;
  position: absolute;
  top: 2.6rem
}

[dir=ltr] .collection-list-1__text {
  left: 0
}

[dir=rtl] .collection-list-1__text {
  right: 0
}

.collection-list-1__text {
  z-index: 2;
  padding: 0 3.1rem
}

@media(min-width:768px) {
  .collection-list-1__text {
    top: 3.3rem;
    padding: 0 4.2rem
  }
}

.collection-list-1__heading {
  font-family: var(--font-heading-family);
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: var(--font-heading-weight);
  padding-bottom: 2.1rem;
  word-break: break-word;
  word-wrap: break-word
}

.collection-list-1__image .xo-image {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden
}

.collection-list-1__image img {
  width: 100%;
  height: 100%;
  will-change: transform;
  transition: all .5s ease
}

.collection-list-1__image .xo-image__placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0
}

.collection-list-1__image .placeholder-svg {
  width: 100%;
  height: 100%
}

.collection-list-1__image--desktop {
  height: 100%;
  display: none
}

@media(min-width:768px) {
  .collection-list-1__image--desktop {
    display: block
  }
}

.collection-list-1__image--mobile {
  display: block
}

@media(min-width:768px) {
  .collection-list-1__image--mobile {
    display: none
  }
}

.collection-list-2 {
  height: 100%;
  position: relative;
  border: var(--collection-card-border-width) solid rgba(var(--color-border), var(--collection-card-border-opacity));
  box-shadow: var(--collection-card-shadow-horizontal-offset) var(--collection-card-shadow-vertical-offset) var(--collection-card-shadow-blur-radius) rgba(var(--color-shadow), var(--collection-card-shadow-opacity));
  overflow: hidden
}

.collection-list-2:hover,
.collection-list-2:focus-within {
  cursor: pointer
}

.collection-list-2:hover img,
.collection-list-2:focus-within img {
  transform: scale(1.05);
  transition: all .5s ease
}

.collection-list-2:hover .collection-list-2__button,
.collection-list-2:focus-within .collection-list-2__button {
  opacity: 1;
  transition: all .5s
}

.collection-list-2--radius {
  border-radius: var(--collection-card-radius);
  overflow: hidden
}

.collection-list-2__item {
  height: 100%;
  position: relative;
  background: none
}

.collection-list-2__button {
  transition: all .5s;
  padding-top: 2.1rem
}

@media(min-width:992px) {
  .collection-list-2__button {
    opacity: 0
  }
}

.collection-list-2__text {
  width: 100%;
  position: absolute;
  top: 2.6rem
}

[dir=ltr] .collection-list-2__text {
  left: 0
}

[dir=rtl] .collection-list-2__text {
  right: 0
}

.collection-list-2__text {
  z-index: 2;
  padding: 0 3.1rem
}

@media(min-width:768px) {
  .collection-list-2__text {
    top: 3.3rem;
    padding: 0 4.2rem
  }
}

.collection-list-2__heading {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-family: var(--font-heading-family);
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: var(--font-heading-weight);
  word-break: break-word;
  word-wrap: break-word
}

.collection-list-2__image .xo-image {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden
}

.collection-list-2__image img {
  width: 100%;
  height: 100%;
  will-change: transform;
  transition: all .5s ease
}

.collection-list-2__image .xo-image__placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  aspect-ratio: var(--xo-ratio-percent)
}

.collection-list-2__image .placeholder-svg {
  width: 100%;
  height: 100%
}

.collection-list-2__image--desktop {
  height: 100%;
  display: none
}

@media(min-width:768px) {
  .collection-list-2__image--desktop {
    display: block
  }
}

.collection-list-2__image--mobile {
  display: block
}

@media(min-width:768px) {
  .collection-list-2__image--mobile {
    display: none
  }
}

.collection-list-3__grid {
  justify-content: center;
  align-items: center
}

@media(max-width:767px) {
  .collection-list-3__grid {
    justify-content: center;
    align-items: start;
    row-gap: 3.2rem
  }
}

.collection-list-3__tab {
  padding-top: 1.6rem
}

@media(min-width:768px) {
  .collection-list-3__tab {
    padding-top: 3.2rem
  }
}

.collection-list-3__caption {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-size: calc(var(--font-body-scale) * 1.5rem);
  line-height: calc(1 + .42 / var(--font-body-scale));
  font-weight: 400;
  text-transform: uppercase;
  word-break: break-word;
  word-wrap: break-word;
  opacity: .4
}

.collection-list-3__tab-item {
  font-family: var(--font-heading-family);
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: var(--font-heading-weight);
  opacity: .4;
  transition: all .5s
}

.collection-list-3__tab-item:hover {
  opacity: 1;
  transition: all .5s
}

.collection-list-3__image--radius {
  border-radius: var(--collection-card-radius);
  overflow: hidden
}

.collection-list-3__image .xo-image {
  width: 100%;
  height: 100%
}

.collection-list-3__image img {
  width: 100%;
  height: 100%;
  transition: all .5s ease;
  will-change: transform
}

.collection-list-3__image .xo-image__placeholder,
.collection-list-3__image .placeholder-svg {
  width: 100%;
  height: 100%
}

.collection-list-3__image:hover img {
  transform: scale(1.05);
  transition: all .5s ease
}

.collection-list-3__tab-trigger {
  padding-bottom: 1rem
}

.collection-list-3__tab-trigger:last-child {
  padding-bottom: 0
}

.collection-list-3__tab-trigger[xo-active] .collection-list-3__tab-item {
  opacity: 1;
  transition: all .5s
}

.collection-list-3__link {
  overflow: hidden
}

.collection-list-4 {
  height: 100%;
  position: relative;
  border: var(--collection-card-border-width) solid rgba(var(--color-border), var(--collection-card-border-opacity));
  box-shadow: var(--collection-card-shadow-horizontal-offset) var(--collection-card-shadow-vertical-offset) var(--collection-card-shadow-blur-radius) rgba(var(--color-shadow), var(--collection-card-shadow-opacity));
  overflow: hidden
}

.collection-list-4:hover,
.collection-list-4:focus-within {
  cursor: pointer
}

.collection-list-4:hover img,
.collection-list-4:focus-within img {
  transform: scale(1.05);
  transition: all .5s ease
}

.collection-list-4:hover .collection-list-4__button,
.collection-list-4:focus-within .collection-list-4__button {
  opacity: 1;
  transition: all .5s
}

.collection-list-4--radius {
  border-radius: var(--collection-card-radius);
  overflow: hidden
}

.collection-list-4__content {
  height: 100%;
  position: relative;
  background: none
}

.collection-list-4__content:after {
  content: "";
  position: absolute;
  top: 0
}

[dir=ltr] .collection-list-4__content:after {
  left: 0
}

[dir=rtl] .collection-list-4__content:after {
  right: 0
}

.collection-list-4__content:after {
  width: 100%;
  height: 100%;
  background: rgba(var(--color-overlay-2), calc(var(--opacity) / 100));
  z-index: 1
}

.collection-list-4__button {
  transition: all .5s;
  padding-top: 2.1rem
}

@media(min-width:992px) {
  .collection-list-4__button {
    opacity: 0
  }
}

.collection-list-4__text {
  width: 100%;
  position: absolute;
  top: 2.6rem
}

[dir=ltr] .collection-list-4__text {
  left: 0
}

[dir=rtl] .collection-list-4__text {
  right: 0
}

.collection-list-4__text {
  z-index: 9;
  padding: 0 3.1rem
}

@media(min-width:768px) {
  .collection-list-4__text {
    top: 3.3rem;
    padding: 0 4.2rem
  }
}

.collection-list-4__heading {
  max-width: 32rem
}

.collection-list-4__image .xo-image,
.collection-list-4__image .xo-image__placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden
}

.collection-list-4__image img {
  width: 100%;
  height: 100%;
  will-change: transform;
  transition: all .5s ease
}

.collection-list-4__image .xo-image__placeholder {
  aspect-ratio: var(--xo-ratio-percent)
}

.collection-list-4__image .placeholder-svg {
  width: 100%;
  height: 100%
}

.collection-list-4__image--desktop {
  height: 100%;
  display: none
}

@media(min-width:768px) {
  .collection-list-4__image--desktop {
    display: block
  }
}

.collection-list-4__image--mobile {
  display: block;
  height: 100%
}

@media(min-width:768px) {
  .collection-list-4__image--mobile {
    display: none
  }
}

.collection-list-4__link {
  height: 100%
}

.featured-product-1 {
  position: relative;
  height: 100%
}

.featured-product-1 .xo-text__heading {
  color: color-mix(in srgb, rgba(var(--color-foreground-2)) 100%, transparent)
}

.featured-product-1__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -2;
  overflow: hidden
}

.featured-product-1__item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

@supports (-webkit-touch-callout: none) {
  .featured-product-1__item {
    top: 50%
  }

  [dir=ltr] .featured-product-1__item {
    left: 50%
  }

  [dir=rtl] .featured-product-1__item {
    right: 50%
  }

  .featured-product-1__item {
    width: 100vw;
    height: 100vh
  }

  [dir=ltr] .featured-product-1__item {
    transform: translate(-50%, -50%)
  }

  [dir=rtl] .featured-product-1__item {
    transform: translate(50%, -50%)
  }
}

.featured-product-1__image {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: var(--url-mobile, var(--url-desktop));
  background-size: cover;
  background-position: 100%;
  background-repeat: no-repeat;
  overflow: hidden
}

@media(min-width:768px) {
  .featured-product-1__image {
    background-image: var(--url-desktop)
  }
}

.featured-product-1__image .xo-image {
  width: 100%;
  height: 100%
}

.featured-product-1__image img {
  width: 100%;
  height: 100%;
  will-change: transform;
  transition: all .5s ease
}

.featured-product-1__image svg {
  width: 100%;
  height: 100%
}

.featured-product-1__body--left {
  height: 100%;
  position: absolute;
  top: 0
}

[dir=ltr] .featured-product-1__body--left {
  left: 0
}

[dir=rtl] .featured-product-1__body--left {
  right: 0
}

[dir=ltr] .featured-product-1__body--left,
[dir=rtl] .featured-product-1__body--left {
  transform: translate(0)
}

.featured-product-1__body--left {
  z-index: 2
}

@media(max-width:767px) {
  .featured-product-1__body--left {
    width: 100%
  }
}

.featured-product-1__body--left .featured-product-1__heading {
  max-width: 49rem;
  text-align: start
}

.featured-product-1__body--center {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0
}

[dir=ltr] .featured-product-1__body--center {
  left: 0
}

[dir=rtl] .featured-product-1__body--center {
  right: 0
}

[dir=ltr] .featured-product-1__body--center,
[dir=rtl] .featured-product-1__body--center {
  transform: translate(0)
}

.featured-product-1__body--center {
  z-index: 2
}

@media(min-width:768px) {
  [dir=ltr] .featured-product-1__body--center {
    left: 50%
  }

  [dir=rtl] .featured-product-1__body--center {
    right: 50%
  }

  [dir=ltr] .featured-product-1__body--center {
    transform: translate(-50%)
  }

  [dir=rtl] .featured-product-1__body--center {
    transform: translate(50%)
  }
}

.featured-product-1__body--center .xo-text {
  text-align: center;
  margin: 0 auto
}

@media(max-width:767px) {
  .featured-product-1__body--center .xo-text {
    text-align: start;
    margin: 0
  }
}

.featured-product-1__body--center .xo-text__heading {
  justify-content: center
}

@media(max-width:767px) {
  .featured-product-1__body--center .xo-text__heading {
    justify-content: start
  }
}

.featured-product-1__body--center .featured-product-1__action {
  width: 100%
}

.featured-product-1__container {
  height: 100%;
  width: 100%
}

.featured-product-1__content {
  height: 100%;
  width: fit-content;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.featured-product-1__top {
  text-align: center;
  padding-top: 4.2rem
}

@media(min-width:992px) {
  .featured-product-1__top {
    padding-top: 6.2rem
  }
}

@media(min-width:1400px) {
  .featured-product-1__top {
    padding-top: 8.2rem
  }
}

.featured-product-1__sub-heading {
  color: color-mix(in srgb, rgba(var(--color-foreground-2)) 100%, transparent);
  font-weight: 500;
  font-size: calc(var(--font-body-scale) * 1.5rem);
  line-height: calc(1 + .42 / var(--font-body-scale));
  text-align: center;
  word-break: break-word;
  word-wrap: break-word;
  padding-bottom: .7rem
}

@media(max-width:767px) {
  .featured-product-1__sub-heading {
    text-align: start;
    display: none
  }
}

.featured-product-1__bottom--center {
  padding-bottom: 2.6rem;
  width: 100%;
  max-width: 70rem;
  margin: 0 auto
}

@media(min-width:992px) {
  .featured-product-1__bottom--center {
    width: unset;
    padding-bottom: 4.8rem
  }
}

@media(min-width:1400px) {
  .featured-product-1__bottom--center {
    padding-bottom: 7.2rem
  }
}

.featured-product-1__bottom--left {
  padding-bottom: 9.7rem;
  padding-inline-start: 8rem
}

@media(min-width:768px) {
  .featured-product-1__bottom--left {
    padding-inline-start: 0;
    padding-bottom: 5rem
  }
}

@media(min-width:992px) {
  .featured-product-1__bottom--left {
    padding-bottom: 6.8rem
  }
}

.featured-product-1__bottom--left .product-card-custom {
  width: 24.5rem
}

@media(min-width:768px) {
  .featured-product-1__bottom--left .product-card-custom {
    width: 51.1rem;
    flex-direction: row
  }
}

.featured-product-1__bottom-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: .8rem
}

@media(min-width:768px) {
  .featured-product-1__bottom-content {
    gap: 2rem
  }
}

@media(min-width:992px) {
  .featured-product-1__bottom-content {
    flex-direction: row;
    padding: 1rem 1rem 1rem 3.1rem;
    background-color: color-mix(in srgb, rgba(var(--color-background)) 100%, transparent)
  }
}

@media(min-width:1400px) {
  .featured-product-1__bottom-content {
    gap: 7rem
  }
}

@media(min-width:992px) {
  .featured-product-1__bottom-content--radius {
    border-radius: 4.6rem
  }
}

.featured-product-1__info {
  display: flex;
  align-items: center;
  gap: 1.9rem
}

@media(max-width:991px) {
  .featured-product-1__info {
    width: 100%;
    justify-content: space-between;
    background-color: color-mix(in srgb, rgba(var(--color-background)) 100%, transparent);
    border-radius: 4.6rem;
    padding: 1.7rem 3.6rem 1.7rem 3.1rem
  }

  .featured-product-1__info .xo-price__sale {
    padding: 0
  }
}

.featured-product-1__name {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: 500;
  font-size: calc(var(--font-body-scale) * 1.6rem);
  line-height: calc(1 + .42 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.016rem)
}

@media(min-width:768px) {
  .featured-product-1__name {
    font-size: calc(var(--font-body-scale) * 1.8rem);
    letter-spacing: calc(var(--font-body-scale) * -.018rem)
  }
}

.featured-product-1__variant .xo-product-variant__inner-name {
  display: none
}

.featured-product-1__button .xo-btn {
  width: 23rem
}

@media(max-width:1199px) {
  .featured-product-1__button .xo-btn {
    width: 20rem
  }
}

@media(max-width:991px) {
  .featured-product-1__button .xo-btn {
    width: 100%
  }
}

.featured-product-1__button .xo-btn__content {
  padding: 1.7rem 0;
  width: 100%
}

@media(min-width:768px) {
  .featured-product-1__button .xo-btn__content {
    width: unset
  }
}

@media(min-width:992px) {
  .featured-product-1__button .xo-btn__content {
    padding: 1.7rem 2.4rem
  }
}

@media(max-width:991px) {
  .featured-product-1__button {
    width: 100%
  }
}

.featured-product-1__price .xo-price__sale {
  gap: .6rem;
  justify-content: start
}

.featured-product-1__price .xo-price__item {
  font-size: calc(var(--font-body-scale) * 1.7rem);
  font-weight: 500;
  line-height: calc(1 + .3 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.034rem);
  opacity: .6
}

.featured-product-1__price .xo-price__item--del {
  display: none
}

.featured-product-1__bottom-product--radius .product-card-custom {
  border-radius: var(--general-radius-3);
  overflow: hidden
}

.featured-product-1__add-cart[xo-disabled] {
  cursor: not-allowed;
  pointer-events: none;
  opacity: .65
}

.featured-product-1__content-container {
  width: 100%;
  height: 100%;
  position: relative
}

.featured-product-1__action {
  padding-top: 2rem;
  width: fit-content
}

@media(min-width:768px) {
  .featured-product-1__action {
    padding-top: 2.4rem
  }
}

@media(min-width:1200px) {
  .featured-product-1__action {
    padding-top: 3.8rem
  }
}

.xo-field-checkbox {
  display: flex;
  align-items: center;
  gap: .8rem;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none
}

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

.xo-field-checkbox__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgb(var(--color-button));
  opacity: 0;
  transition: .3s
}

.xo-field-checkbox__input {
  display: none
}

.xo-field-checkbox__input:checked~.xo-field-checkbox__item {
  border: none
}

.xo-field-checkbox__input:checked~.xo-field-checkbox__item .xo-field-checkbox__icon {
  opacity: 1
}

.xo-field-checkbox__label {
  display: flex;
  align-items: center;
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: 400;
  font-size: calc(var(--font-body-scale) * 1.5rem);
  line-height: calc(1 + .42 / var(--font-body-scale));
  opacity: .7
}

.xo-field-checkbox-1 {
  padding: .2rem;
  display: flex;
  align-items: center;
  gap: .8rem;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer
}

.xo-field-checkbox-1__item {
  display: block;
  flex-shrink: 0;
  width: var(--icon-size);
  height: var(--icon-size);
  border: .2rem solid color-mix(in srgb, rgba(var(--color-border)) 100%, transparent);
  border-radius: .4rem;
  overflow: hidden
}

.xo-field-checkbox-1__icon {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: color-mix(in srgb, rgba(var(--color-button)) 100%, transparent);
  opacity: 0;
  transition: .3s
}

.xo-field-checkbox-1__input {
  display: none
}

.xo-field-checkbox-1__input:checked~.xo-field-checkbox-1__item {
  border: .2rem solid color-mix(in srgb, rgba(var(--color-button)) 100%, transparent)
}

.xo-field-checkbox-1__input:checked~.xo-field-checkbox-1__item .xo-field-checkbox-1__icon {
  opacity: 1
}

.xo-field-checkbox-1__label {
  display: flex;
  align-items: center;
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: 500;
  font-size: calc(var(--font-body-scale) * 1.5rem);
  line-height: calc(1 + .42 / var(--font-body-scale));
  opacity: .8
}

.xo-field-checkbox-1__count {
  font-size: calc(var(--font-body-scale) * 1.3rem);
  line-height: calc(1 + .38 / var(--font-body-scale));
  opacity: .5
}

.xo-field-checkbox-2 {
  display: flex;
  align-items: center;
  gap: .8rem;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none
}

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

.xo-field-checkbox-2__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgb(var(--color-button));
  opacity: 0;
  transition: .3s
}

.xo-field-checkbox-2__icon svg {
  color: color-mix(in srgb, rgba(var(--color-button-text)) 100%, transparent)
}

.xo-field-checkbox-2__input {
  display: none
}

.xo-field-checkbox-2__input:checked~.xo-field-checkbox-2__item {
  border: none
}

.xo-field-checkbox-2__input:checked~.xo-field-checkbox-2__item .xo-field-checkbox-2__icon {
  opacity: 1
}

.xo-field-checkbox-2__label {
  font-size: calc(var(--font-body-scale) * 1.5rem);
  line-height: calc(1 + .42 / var(--font-body-scale));
  color: rgba(var(--color-foreground), .75);
  font-weight: 400
}

.xo-field-color {
  --color-default: rgba(var(--color-border), .5);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  position: relative
}

.xo-field-color--radius .xo-field-color__item,
.xo-field-color--radius .xo-field-color__fill {
  border-radius: 50%
}

.xo-field-color--modifier .xo-field-color__fill {
  background-color: transparent
}

.xo-field-color__item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--size) + .2rem);
  height: calc(var(--size) + .2rem);
  outline: .1rem solid transparent
}

.xo-field-color__fill {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--size);
  height: var(--size);
  background-color: var(--color);
  background-image: var(--image-src);
  background-size: cover;
  background-position: center;
  border: .1rem solid rgba(var(--color-border), .15);
  transition: all .3s ease-in-out;
  overflow: hidden
}

.xo-field-color__diagonal {
  position: absolute;
  display: none;
  width: calc(100% - .2rem);
  height: calc(100% - .2rem)
}

.xo-field-color__image {
  position: absolute;
  z-index: -1;
  top: -.1rem;
  right: -.1rem;
  bottom: -.1rem;
  left: -.1rem
}

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

.xo-field-color__input {
  display: none
}

.xo-field-color__input[checked]~.xo-field-color__item,
.xo-field-color__input:checked~.xo-field-color__item {
  outline: .1rem solid var(--color, --color-default);
  transition: all .3s ease-in-out
}

.xo-field-color__input[xo-disabled]~.xo-field-color__item,
.xo-field-color__input[xo-unavailable]~.xo-field-color__item {
  cursor: not-allowed;
  pointer-events: none
}

.xo-field-color__input[xo-disabled]~.xo-field-color__diagonal,
.xo-field-color__input[xo-unavailable]~.xo-field-color__diagonal {
  display: block;
  z-index: 2
}

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

.xo-field-color-1 {
  --color-default: rgba(var(--color-border), .5);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none
}

.xo-field-color-1--radius .xo-field-color-1__item,
.xo-field-color-1--radius .xo-field-color-1__fill {
  border-radius: 50%
}

.xo-field-color--modifier .xo-field-color-1__fill {
  background-color: transparent
}

.xo-field-color-1__item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--size) + .2rem);
  height: calc(var(--size) + .2rem);
  outline: .1rem solid transparent
}

.xo-field-color-1__fill {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--size);
  height: var(--size);
  background-color: var(--color);
  background-image: var(--image-src);
  background-size: cover;
  background-position: center;
  border: .1rem solid rgba(var(--color-border), .15);
  transition: all .3s ease-in-out;
  overflow: hidden
}

.xo-field-color-1__image {
  position: absolute;
  z-index: -1;
  top: -.1rem;
  right: -.1rem;
  bottom: -.1rem;
  left: -.1rem
}

.xo-field-color-1__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: .3s
}

.xo-field-color-1__input {
  display: none
}

.xo-field-color-1__input:checked~.xo-field-color-1__item {
  outline: .1rem solid var(--color, --color-default);
  transition: all .3s ease-in-out
}

.xo-field-color-1__label {
  margin-inline-start: .8rem;
  display: none
}

.xo-field-radio {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
  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: .1rem solid rgba(var(--color-foreground), .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: .3s
}

.xo-field-radio__input {
  display: none
}

.xo-field-radio__input[checked]~.xo-field-radio__label,
.xo-field-radio__input:checked~.xo-field-radio__label {
  color: color-mix(in srgb, rgba(var(--color-button)) 100%, transparent)
}

.xo-field-radio__input[checked]~.xo-field-radio__item,
.xo-field-radio__input:checked~.xo-field-radio__item {
  border-color: color-mix(in srgb, rgba(var(--color-button)) 50%, transparent)
}

.xo-field-radio__input[checked]~.xo-field-radio__item .xo-field-radio__icon,
.xo-field-radio__input:checked~.xo-field-radio__item .xo-field-radio__icon {
  transform: scale(.7);
  background-color: color-mix(in srgb, rgba(var(--color-button)) 100%, transparent);
  opacity: 1
}

.xo-field-radio__input[xo-disabled]~.xo-field-radio__item,
.xo-field-radio__input[xo-unavailable]~.xo-field-radio__item {
  opacity: .6
}

.xo-field-radio__input[xo-disabled]~.xo-field-radio__label,
.xo-field-radio__input[xo-unavailable]~.xo-field-radio__label {
  text-decoration: line-through;
  opacity: .6
}

.xo-field-radio__label {
  margin-inline-start: .8rem;
  text-transform: capitalize
}

.xo-field-radio--boxed .xo-field-radio__label {
  margin: 0;
  padding: .8rem 2rem;
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-weight: 500;
  line-height: calc(1 + .42 / var(--font-body-scale));
  text-transform: capitalize;
  text-align: center;
  border: .1rem solid rgba(var(--color-foreground), .2);
  transition: all .3s
}

.xo-field-radio--boxed .xo-field-radio__input[checked]~.xo-field-radio__label,
.xo-field-radio--boxed .xo-field-radio__input:checked~.xo-field-radio__label {
  border: .1rem solid color-mix(in srgb, rgba(var(--color-button)) 100%, transparent);
  background-color: color-mix(in srgb, rgba(var(--color-button)) 100%, transparent);
  color: color-mix(in srgb, rgba(var(--color-button-text)) 100%, transparent);
  transition: all .3s
}

.xo-field-radio--boxed .xo-field-radio__input[xo-disabled]~.xo-field-radio__label,
.xo-field-radio--boxed .xo-field-radio__input[xo-unavailable]~.xo-field-radio__label {
  text-decoration: line-through;
  opacity: .6
}

.xo-field-radio--boxed.xo-field-radio--radius .xo-field-radio__label {
  border-radius: 3.05rem
}

.xo-field-radio-1 {
  display: flex;
  align-items: center;
  gap: .2rem;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none
}

.xo-field-radio-1__input {
  display: none
}

.xo-field-radio-1__input:checked~.xo-field-radio-1__item .xo-field-radio-1__icon {
  transform: scale(.7);
  opacity: 1
}

.xo-field-radio-1__label {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-size: calc(var(--font-body-scale) * 1.5rem);
  font-weight: 500;
  line-height: calc(1 + .42 / var(--font-body-scale));
  opacity: .8
}

.xo-field-radio-1__icon {
  display: flex;
  align-items: center;
  justify-content: center
}

.xo-field-radio-1--boxed .xo-field-radio-1__label {
  margin: 0;
  border: .1rem solid rgba(var(--color-foreground));
  padding: .3rem 1.2rem;
  transition: .3s
}

.xo-field-radio-1--boxed .xo-field-radio-1__input:checked~.xo-field-radio-1__label {
  background-color: rgba(var(--color-foreground));
  color: rgb(var(--color-background))
}

.xo-field-radio-1__input[xo-disabled]:not([xo-disabled=false])+.xo-field-radio-1__label {
  text-decoration: line-through;
  opacity: .6
}

.xo-field-radio-2 {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  padding: .6rem 0
}

.xo-field-radio-2:first-child {
  padding: .2rem 0 .6rem
}

.xo-field-radio-2:last-child {
  padding: .6rem 0 .2rem
}

.xo-field-radio-2__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: .2rem solid rgba(var(--color-border), .4);
  flex-shrink: 0
}

.xo-field-radio-2__icon {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background-color: color-mix(in srgb, rgba(var(--color-background)) 100%, transparent);
  transform: scale(0);
  opacity: 0;
  transition: .3s
}

.xo-field-radio-2__input {
  display: none
}

.xo-field-radio-2__input:checked~.xo-field-radio-2__item {
  border: none
}

.xo-field-radio-2__input:checked~.xo-field-radio-2__item .xo-field-radio-2__icon {
  border: .5rem solid color-mix(in srgb, rgba(var(--color-button)) 100%, transparent);
  transform: scale(1);
  opacity: 1
}

.xo-field-radio-2__label {
  margin-inline-start: .8rem;
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: 400;
  font-size: calc(var(--font-body-scale) * 1.4rem);
  line-height: calc(1 + .4 / var(--font-body-scale))
}

.xo-field-radio-2--boxed .xo-field-radio-2__label {
  margin: 0;
  border: .1rem solid rgba(var(--color-foreground));
  padding: .3rem 1.2rem;
  transition: .3s
}

.xo-field-radio-2--boxed .xo-field-radio-2__input:checked~.xo-field-radio-2__label {
  background-color: rgba(var(--color-foreground));
  color: rgb(var(--color-background))
}

.xo-field-radio-2__input[xo-disabled]:not([xo-disabled=false])+.xo-field-radio-2__label {
  text-decoration: line-through;
  opacity: .6
}

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

.xo-field-radio-3__item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: rgb(var(--color-background));
  border: .1rem solid rgba(var(--color-foreground), .4);
  flex-shrink: 0
}

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

.xo-field-radio-3__input {
  display: none
}

.xo-field-radio-3__input:checked~.xo-field-radio-3__item .xo-field-radio-3__icon {
  transform: scale(.7);
  opacity: 1
}

.xo-field-radio-3__label {
  margin-inline-start: .8rem;
  font-size: calc(var(--font-body-scale) * 1.5rem);
  line-height: calc(1 + .42 / var(--font-body-scale));
  color: rgba(var(--color-foreground), .75);
  font-weight: 400
}

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

.xo-field-select__select {
  width: 100%;
  padding: 1.7rem 2.4rem;
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  background-color: transparent;
  border: .1rem solid rgba(var(--color-border), .4);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none
}

.xo-field-select__select--radius {
  border-radius: var(--button-radius-1)
}

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

.xo-field-select__icon {
  position: absolute;
  cursor: pointer;
  top: 50%
}

[dir=ltr] .xo-field-select__icon {
  right: 1.6rem
}

[dir=rtl] .xo-field-select__icon {
  left: 1.6rem
}

.xo-field-select__icon {
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center
}

.xo-field-select__icon svg {
  opacity: .6
}

.xo-field-select-custom xo-filters-field:hover .xo-field-select-custom__label {
  color: color-mix(in srgb, rgba(var(--color-accent)) 100%, transparent)
}

.xo-field-select-custom__trigger {
  padding: 1.6rem 1.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .3rem;
  cursor: pointer;
  border: .1rem solid rgba(var(--color-border), .2)
}

.xo-field-select-custom__trigger--radius {
  border-radius: 1.2rem
}

.xo-field-select-custom__trigger svg {
  transition: all .5s
}

.xo-field-select-custom__trigger[xo-active]:not([xo-active=false]) svg {
  transform: rotate(180deg);
  transition: all .5s
}

.xo-field-select-custom__label {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-size: calc(var(--font-body-scale) * 1.5rem);
  font-weight: 500;
  line-height: calc(1 + .42 / var(--font-body-scale));
  text-align: center;
  opacity: .6;
  transition: .3s
}

.xo-field-select-custom__name {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-size: calc(var(--font-body-scale) * 1.5rem);
  font-weight: 500;
  line-height: calc(1 + .42 / var(--font-body-scale));
  text-align: center;
  text-transform: capitalize;
  opacity: .6
}

.xo-field-select-custom__popover {
  min-width: 25rem;
  padding: 2rem 2.7rem;
  background-color: rgb(var(--color-background));
  border: .1rem solid rgba(var(--color-foreground), .15);
  max-height: max(50vh, 40rem)
}

.xo-field-select-custom__popover--radius {
  border-radius: 1.2rem
}

.xo-field-select-custom__check {
  display: flex;
  align-items: center;
  gap: .8rem;
  cursor: pointer;
  padding-top: .5rem;
  padding-bottom: .5rem
}

.xo-field-select-custom__check:has(.xo-field-select-custom__input[xo-unavailable]) .xo-field-select-custom__label {
  text-decoration: line-through
}

.xo-field-select-custom__input {
  display: none
}

.xo-field-select-custom__input[checked]~.xo-field-select-custom__icon svg,
.xo-field-select-custom__input:checked~.xo-field-select-custom__icon svg {
  opacity: 1;
  transform: scale(1);
  color: color-mix(in srgb, rgba(var(--color-accent)) 100%, transparent)
}

.xo-field-select-custom__input[checked]~.xo-field-select-custom__label,
.xo-field-select-custom__input:checked~.xo-field-select-custom__label {
  color: color-mix(in srgb, rgba(var(--color-accent)) 100%, transparent)
}

.xo-field-select-custom__icon {
  display: flex;
  justify-content: center;
  align-items: center
}

.xo-field-select-custom__icon svg {
  opacity: 0
}

.xo-field-select-custom-1 {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem
}

.xo-field-select-custom-1__name {
  letter-spacing: -.032rem;
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  text-align: center;
  font-size: calc(var(--font-body-scale) * 1.5rem);
  font-weight: 500;
  line-height: calc(1 + .6 / var(--font-body-scale))
}

.xo-field-select-custom-1__popover {
  min-width: 25rem;
  padding: 2rem 2.7rem;
  background-color: rgb(var(--color-background));
  border: .1rem solid rgba(var(--color-foreground), .15);
  max-height: max(50vh, 40rem)
}

.xo-field-select-custom-1__check {
  display: flex;
  align-items: center;
  gap: .8rem;
  cursor: pointer
}

.xo-field-select-custom-1__input {
  display: none
}

.xo-field-select-custom-1__input:checked~.xo-field-select-custom-1__label {
  border: .1rem solid color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent)
}

.xo-field-select-custom-1__label {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-weight: 500;
  line-height: calc(1 + .42 / var(--font-body-scale));
  padding: .5rem 1.6rem;
  border-radius: 3rem;
  border: .1rem solid color-mix(in srgb, rgba(var(--color-foreground)) 20%, transparent);
  display: flex
}

.img-with-text-1 {
  padding: 3.6rem 0 3.2rem
}

@media(min-width:768px) {
  .img-with-text-1 {
    padding: 4.4rem 0 3.6rem
  }
}

@media(min-width:992px) {
  .img-with-text-1 {
    padding: 5.6rem 0
  }
}

@media(min-width:1400px) {
  .img-with-text-1 {
    padding: 8.6rem 0 7.2rem
  }
}

@media(min-width:1800px) {
  .img-with-text-1 {
    padding: 11.6rem 0 17.6rem
  }
}

.img-with-text-1__inner {
  position: relative
}

.img-with-text-1__wrap {
  display: flex;
  flex-direction: column;
  gap: 6.7rem
}

@media(min-width:768px) {
  .img-with-text-1__wrap {
    gap: 8.2rem
  }
}

@media(min-width:1200px) {
  .img-with-text-1__wrap {
    gap: 10rem
  }
}

@media(min-width:1400px) {
  .img-with-text-1__wrap {
    gap: 13.6rem
  }
}

.img-with-text-1__group {
  display: flex;
  flex-direction: column;
  gap: 1.6rem
}

.img-with-text-1__description {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: 400;
  font-size: calc(var(--font-body-scale) * 1.6rem);
  line-height: calc(1 + .37 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.016rem)
}

@media(min-width:768px) {
  .img-with-text-1__description {
    font-size: calc(var(--font-body-scale) * 1.8rem);
    line-height: calc(1 + .42 / var(--font-body-scale));
    letter-spacing: calc(var(--font-body-scale) * -.018rem)
  }
}

.img-with-text-1__image .xo-image,
.img-with-text-1__image .xo-image__placeholder,
.img-with-text-1__image .placeholder-svg,
.img-with-text-1__image img {
  width: 100%;
  height: 100%
}

.img-with-text-1__image-group {
  position: relative
}

.img-with-text-1__image--small {
  max-width: 16rem
}

@media(min-width:768px) {
  .img-with-text-1__image--small {
    max-width: 25.5rem
  }
}

@media(min-width:1600px) {
  .img-with-text-1__image--small {
    max-width: 37.7rem
  }
}

.img-with-text-1__item-parallax {
  position: absolute;
  z-index: 2;
  overflow: hidden
}

.img-with-text-1__image--parallax {
  width: var(--width-mb);
  height: var(--height-mb)
}

.img-with-text-1__image--parallax img {
  object-fit: contain
}

.img-with-text-1__image-wrap {
  width: 100%
}

@media(min-width:768px) {
  .img-with-text-1__image-wrap {
    max-width: 40rem
  }
}

@media(min-width:992px) {
  .img-with-text-1__image-wrap {
    max-width: 42rem;
    position: absolute;
    bottom: 0;
    pointer-events: none;
    padding-top: 0;
    margin: unset
  }
}

@media(min-width:1200px) {
  .img-with-text-1__image-wrap {
    max-width: 56rem
  }
}

@media(min-width:1400px) {
  .img-with-text-1__image-wrap {
    max-width: 64rem
  }
}

@media(min-width:1600px) {
  .img-with-text-1__image-wrap {
    max-width: 72rem
  }
}

@media(min-width:1800px) {
  .img-with-text-1__image-wrap {
    max-width: 90rem
  }
}

.img-with-text-1--radius .img-with-text-1__image--small {
  border-radius: 2rem;
  overflow: hidden
}

.img-with-text-1--radius .img-with-text-1__image--parallax {
  border-radius: 1.2rem;
  overflow: hidden
}

.img-with-text-1--default .img-with-text-1__image-wrap {
  padding-top: 4.6rem
}

[dir=ltr] .img-with-text-1--default .img-with-text-1__image-wrap {
  right: 0
}

[dir=rtl] .img-with-text-1--default .img-with-text-1__image-wrap {
  left: 0
}

@media(min-width:768px) {
  .img-with-text-1--default .img-with-text-1__image-wrap {
    margin-left: auto
  }
}

@media(min-width:768px) {
  .img-with-text-1--default .img-with-text-1__image--parallax {
    width: var(--width-dt);
    height: var(--height-dt)
  }
}

.img-with-text-1--default .img-with-text-1__item-parallax--1 {
  top: -15%
}

[dir=ltr] .img-with-text-1--default .img-with-text-1__item-parallax--1 {
  left: 55%
}

[dir=rtl] .img-with-text-1--default .img-with-text-1__item-parallax--1 {
  right: 55%
}

@media(min-width:768px) {
  .img-with-text-1--default .img-with-text-1__item-parallax--1 {
    top: -20%
  }

  [dir=ltr] .img-with-text-1--default .img-with-text-1__item-parallax--1 {
    left: 90%
  }

  [dir=rtl] .img-with-text-1--default .img-with-text-1__item-parallax--1 {
    right: 90%
  }
}

@media(min-width:992px) {
  [dir=ltr] .img-with-text-1--default .img-with-text-1__item-parallax--1 {
    left: 70%
  }

  [dir=rtl] .img-with-text-1--default .img-with-text-1__item-parallax--1 {
    right: 70%
  }
}

@media(min-width:1200px) {
  .img-with-text-1--default .img-with-text-1__item-parallax--1 {
    top: -15%
  }

  [dir=ltr] .img-with-text-1--default .img-with-text-1__item-parallax--1 {
    left: 60%
  }

  [dir=rtl] .img-with-text-1--default .img-with-text-1__item-parallax--1 {
    right: 60%
  }
}

@media(min-width:1400px) {
  .img-with-text-1--default .img-with-text-1__item-parallax--1 {
    top: -15%
  }

  [dir=ltr] .img-with-text-1--default .img-with-text-1__item-parallax--1 {
    left: 60%
  }

  [dir=rtl] .img-with-text-1--default .img-with-text-1__item-parallax--1 {
    right: 60%
  }
}

.img-with-text-1--default .img-with-text-1__item-parallax--2 {
  top: 55%
}

[dir=ltr] .img-with-text-1--default .img-with-text-1__item-parallax--2 {
  left: 55%
}

[dir=rtl] .img-with-text-1--default .img-with-text-1__item-parallax--2 {
  right: 55%
}

@media(min-width:768px) {
  .img-with-text-1--default .img-with-text-1__item-parallax--2 {
    top: 50%
  }

  [dir=ltr] .img-with-text-1--default .img-with-text-1__item-parallax--2 {
    left: 100%
  }

  [dir=rtl] .img-with-text-1--default .img-with-text-1__item-parallax--2 {
    right: 100%
  }
}

@media(min-width:992px) {
  .img-with-text-1--default .img-with-text-1__item-parallax--2 {
    top: 30%
  }

  [dir=ltr] .img-with-text-1--default .img-with-text-1__item-parallax--2 {
    left: 80%
  }

  [dir=rtl] .img-with-text-1--default .img-with-text-1__item-parallax--2 {
    right: 80%
  }
}

@media(min-width:1400px) {
  .img-with-text-1--default .img-with-text-1__item-parallax--2 {
    top: 40%
  }

  [dir=ltr] .img-with-text-1--default .img-with-text-1__item-parallax--2 {
    left: 90%
  }

  [dir=rtl] .img-with-text-1--default .img-with-text-1__item-parallax--2 {
    right: 90%
  }
}

.img-with-text-1--reverse .img-with-text-1__image-wrap {
  padding-top: 13.4rem
}

[dir=ltr] .img-with-text-1--reverse .img-with-text-1__image-wrap {
  left: 0
}

[dir=rtl] .img-with-text-1--reverse .img-with-text-1__image-wrap {
  right: 0
}

@media(min-width:768px) {
  .img-with-text-1--reverse .img-with-text-1__image-wrap {
    margin-right: auto
  }
}

@media(min-width:1200px) {
  .img-with-text-1--reverse .img-with-text-1__image--parallax {
    width: var(--width-dt);
    height: var(--height-dt)
  }
}

.img-with-text-1--reverse .img-with-text-1__item-parallax--1 {
  bottom: -80%
}

[dir=ltr] .img-with-text-1--reverse .img-with-text-1__item-parallax--1 {
  left: 25%
}

[dir=rtl] .img-with-text-1--reverse .img-with-text-1__item-parallax--1 {
  right: 25%
}

@media(min-width:768px) {
  .img-with-text-1--reverse .img-with-text-1__item-parallax--1 {
    top: 30%;
    bottom: unset
  }

  [dir=ltr] .img-with-text-1--reverse .img-with-text-1__item-parallax--1 {
    left: -35%
  }

  [dir=rtl] .img-with-text-1--reverse .img-with-text-1__item-parallax--1 {
    right: -35%
  }
}

@media(min-width:992px) {
  .img-with-text-1--reverse .img-with-text-1__item-parallax--1 {
    top: 0
  }

  [dir=ltr] .img-with-text-1--reverse .img-with-text-1__item-parallax--1 {
    left: unset;
    right: 20%
  }

  [dir=rtl] .img-with-text-1--reverse .img-with-text-1__item-parallax--1 {
    right: unset;
    left: 20%
  }
}

@media(min-width:1200px) {
  .img-with-text-1--reverse .img-with-text-1__item-parallax--1 {
    top: 0%
  }

  [dir=ltr] .img-with-text-1--reverse .img-with-text-1__item-parallax--1 {
    left: unset;
    right: 25%
  }

  [dir=rtl] .img-with-text-1--reverse .img-with-text-1__item-parallax--1 {
    right: unset;
    left: 25%
  }
}

@media(min-width:1400px) {
  .img-with-text-1--reverse .img-with-text-1__item-parallax--1 {
    top: 20%
  }

  [dir=ltr] .img-with-text-1--reverse .img-with-text-1__item-parallax--1 {
    left: unset;
    right: 35%
  }

  [dir=rtl] .img-with-text-1--reverse .img-with-text-1__item-parallax--1 {
    right: unset;
    left: 35%
  }
}

@media(min-width:1600px) {
  .img-with-text-1--reverse .img-with-text-1__item-parallax--1 {
    top: 30%
  }

  [dir=ltr] .img-with-text-1--reverse .img-with-text-1__item-parallax--1 {
    left: unset;
    right: 20%
  }

  [dir=rtl] .img-with-text-1--reverse .img-with-text-1__item-parallax--1 {
    right: unset;
    left: 20%
  }
}

@media(min-width:1800px) {
  .img-with-text-1--reverse .img-with-text-1__item-parallax--1 {
    top: 35%
  }

  [dir=ltr] .img-with-text-1--reverse .img-with-text-1__item-parallax--1 {
    left: unset;
    right: 30%
  }

  [dir=rtl] .img-with-text-1--reverse .img-with-text-1__item-parallax--1 {
    right: unset;
    left: 30%
  }
}

.img-with-text-1--reverse .img-with-text-1__item-parallax--2 {
  bottom: -70%
}

[dir=ltr] .img-with-text-1--reverse .img-with-text-1__item-parallax--2 {
  left: 55%
}

[dir=rtl] .img-with-text-1--reverse .img-with-text-1__item-parallax--2 {
  right: 55%
}

@media(min-width:768px) {
  .img-with-text-1--reverse .img-with-text-1__item-parallax--2 {
    top: 65%;
    bottom: unset
  }

  [dir=ltr] .img-with-text-1--reverse .img-with-text-1__item-parallax--2 {
    left: -85%
  }

  [dir=rtl] .img-with-text-1--reverse .img-with-text-1__item-parallax--2 {
    right: -85%
  }
}

@media(min-width:992px) {
  .img-with-text-1--reverse .img-with-text-1__item-parallax--2 {
    top: 55%
  }

  [dir=ltr] .img-with-text-1--reverse .img-with-text-1__item-parallax--2 {
    left: unset;
    right: 0%
  }

  [dir=rtl] .img-with-text-1--reverse .img-with-text-1__item-parallax--2 {
    right: unset;
    left: 0%
  }
}

@media(min-width:1200px) {
  .img-with-text-1--reverse .img-with-text-1__item-parallax--2 {
    top: 45%
  }

  [dir=ltr] .img-with-text-1--reverse .img-with-text-1__item-parallax--2 {
    left: unset;
    right: 0%
  }

  [dir=rtl] .img-with-text-1--reverse .img-with-text-1__item-parallax--2 {
    right: unset;
    left: 0%
  }
}

@media(min-width:1400px) {
  .img-with-text-1--reverse .img-with-text-1__item-parallax--2 {
    top: 55%
  }

  [dir=ltr] .img-with-text-1--reverse .img-with-text-1__item-parallax--2 {
    left: unset;
    right: 0%
  }

  [dir=rtl] .img-with-text-1--reverse .img-with-text-1__item-parallax--2 {
    right: unset;
    left: 0%
  }
}

@media(min-width:1800px) {
  .img-with-text-1--reverse .img-with-text-1__item-parallax--2 {
    top: 70%
  }

  [dir=ltr] .img-with-text-1--reverse .img-with-text-1__item-parallax--2 {
    left: unset;
    right: 0%
  }

  [dir=rtl] .img-with-text-1--reverse .img-with-text-1__item-parallax--2 {
    right: unset;
    left: 0%
  }
}

.img-with-text-2 .xo-image {
  width: 100%;
  height: 100%
}

.img-with-text-2 img {
  width: 100%;
  height: 100%;
  transition: all .5s ease;
  will-change: transform
}

.img-with-text-2 .xo-image__placeholder,
.img-with-text-2 .placeholder-svg {
  width: 100%;
  height: 100%
}

.img-with-text-2--show-image-right .img-with-text-2__text {
  padding-top: 4rem
}

@media(min-width:992px) {
  .img-with-text-2--show-image-right .img-with-text-2__text {
    padding-top: 5.2rem
  }
}

@media(min-width:1400px) {
  .img-with-text-2--show-image-right .img-with-text-2__text {
    padding-top: 6.2rem
  }
}

.img-with-text-2--show-image-right .img-with-text-2__heading {
  word-break: break-word;
  word-wrap: break-word;
  padding-bottom: 2.6rem
}

@media(min-width:992px) {
  .img-with-text-2--show-image-right .img-with-text-2__heading {
    padding-bottom: 4.3rem
  }
}

.img-with-text-2--show-image-right .img-with-text-2__feature {
  padding: 0 2.5rem
}

@media(min-width:768px) {
  .img-with-text-2--show-image-right .img-with-text-2__feature {
    padding: 0
  }
}

.img-with-text-2--show-image-right .img-with-text-2__sub-heading {
  padding-bottom: 1.1rem
}

.img-with-text-2--show-image-right .img-with-text-2__image-box .img-with-text-2__image {
  padding-top: 0
}

.img-with-text-2__left {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: color-mix(in srgb, rgba(var(--color-layer)) 100%, transparent);
  overflow: hidden
}

.img-with-text-2__left--radius {
  border-radius: var(--general-radius-2)
}

.img-with-text-2__text {
  text-align: center
}

.img-with-text-2__sub-heading {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: 500;
  font-size: calc(var(--font-body-scale) * 1.5rem);
  line-height: calc(1 + .42 / var(--font-body-scale));
  word-break: break-word;
  word-wrap: break-word;
  opacity: .65;
  padding: 0 2rem 1.6rem
}

@media(max-width:767px) {
  .img-with-text-2__sub-heading {
    display: none
  }
}

.img-with-text-2__heading {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-heading-family);
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: var(--font-heading-weight);
  word-break: break-word;
  word-wrap: break-word;
  padding: 0 2rem
}

@media(min-width:992px) {
  .img-with-text-2__heading {
    padding: 0 4rem
  }
}

.img-with-text-2__heading .xo-text__heading {
  justify-content: center
}

.img-with-text-2__feature {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2.6rem 2.5rem 0
}

@media(min-width:768px) {
  .img-with-text-2__feature {
    flex-direction: row;
    padding: 4.1rem 0 0
  }
}

.img-with-text-2__feature-item {
  padding: .7rem 1.8rem .9rem;
  width: 19.3rem;
  display: flex;
  flex-direction: column;
  align-items: center
}

[dir=ltr] .img-with-text-2__feature-item,
[dir=rtl] .img-with-text-2__feature-item {
  border-inline-end: .1rem solid rgba(var(--color-overlay), .11)
}

.img-with-text-2__feature-item:last-child {
  border-inline-end: 0
}

@media(max-width:767px) {
  .img-with-text-2__feature-item {
    width: 100%;
    padding: 1.6rem 0;
    flex-direction: row;
    gap: 8.6rem;
    border-inline-end: 0
  }

  [dir=ltr] .img-with-text-2__feature-item,
  [dir=rtl] .img-with-text-2__feature-item {
    border-inline-end: 0
  }

  .img-with-text-2__feature-item {
    border-top: .1rem solid rgba(var(--color-overlay), .11)
  }

  .img-with-text-2__feature-item:last-child {
    border-bottom: .1rem solid rgba(var(--color-overlay), .11)
  }
}

.img-with-text-2__feature-item:hover .img-with-text-2__feature-image {
  transform: translateY(-1rem)
}

.img-with-text-2__feature-image {
  width: 4.8rem;
  height: 4.8rem;
  padding: .5rem .6rem;
  transition: all .3s
}

.img-with-text-2__feature-image img {
  object-fit: contain
}

.img-with-text-2__feature-heading {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: 500;
  font-size: calc(var(--font-body-scale) * 1.7rem);
  line-height: calc(1 + .3 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.034rem);
  text-align: center;
  word-break: break-word;
  word-wrap: break-word;
  padding: .8rem .5rem 0
}

@media(max-width:991px) {
  .img-with-text-2__feature-heading {
    padding: 0
  }
}

@media(max-width:767px) {
  .img-with-text-2__feature-heading {
    text-align: start
  }
}

.img-with-text-2__image {
  overflow: hidden
}

.img-with-text-2__right,
.img-with-text-2__right .img-with-text-2__image {
  height: 100%
}

.img-with-text-2__right .img-with-text-2__image img {
  transition: all .5s ease-in-out;
  will-change: transform
}

.img-with-text-2__right .img-with-text-2__image:hover img {
  transform: scale(1.05)
}

.img-with-text-2__right .img-with-text-2__image--radius {
  border-radius: var(--general-radius-2)
}

.img-with-text-2__image-box {
  overflow: hidden
}

.img-with-text-2__image-box .img-with-text-2__image {
  padding-top: 0
}

@media(min-width:992px) {
  .img-with-text-2__image-box .img-with-text-2__image {
    padding-top: 6.3rem
  }
}

@media(min-width:1400px) {
  .img-with-text-2__image-box .img-with-text-2__image {
    padding-top: 9.3rem
  }
}

.img-with-text-3__head {
  position: relative;
  padding: 3.2rem 0 4.6rem;
  border-top: .1rem solid color-mix(in srgb, rgba(var(--color-border)) 100%, transparent)
}

@media(min-width:992px) {
  .img-with-text-3__head {
    padding: 3.4rem 0 5.1rem
  }
}

.img-with-text-3__content {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 2.9rem
}

@media(min-width:768px) {
  .img-with-text-3__content {
    flex-direction: row;
    flex-wrap: wrap
  }
}

@media(min-width:992px) {
  .img-with-text-3__content {
    gap: 5.6rem
  }
}

@media(min-width:1400px) {
  .img-with-text-3__content {
    gap: 8.3rem
  }
}

.img-with-text-3__sub-heading {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: 500;
  font-size: calc(var(--font-body-scale) * 1.5rem);
  line-height: calc(1 + .42 / var(--font-body-scale));
  word-break: break-word;
  word-wrap: break-word;
  opacity: .65;
  padding-bottom: 2.7rem
}

@media(min-width:992px) {
  .img-with-text-3__sub-heading {
    padding-bottom: 2.4rem
  }
}

.img-with-text-3__heading {
  max-width: 33rem;
  display: flex;
  align-items: start;
  gap: 1.4rem;
  font-family: var(--font-heading-family);
  font-weight: var(--font-heading-weight);
  word-break: break-word;
  word-wrap: break-word
}

.img-with-text-3__heading:hover {
  cursor: pointer
}

.img-with-text-3__heading:hover .img-with-text-3__text {
  background-size: 100% 100%
}

.img-with-text-3__heading:hover .img-with-text-3__bullet {
  opacity: 1
}

.img-with-text-3__text {
  color: rgba(var(--color-foreground), .22);
  -webkit-background-clip: text;
  background-clip: text;
  background-repeat: no-repeat;
  background-image: linear-gradient(90deg, rgba(var(--color-foreground), 1), rgba(var(--color-foreground), 1));
  background-size: 0 100%;
  transition: all .3s
}

.img-with-text-3__text:after {
  content: ".";
  visibility: hidden
}

.img-with-text-3__bullet {
  display: inline-block;
  margin-top: .3rem;
  width: .8rem;
  height: .8rem;
  background-color: rgba(var(--color-overlay), .6);
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  opacity: .22;
  transition: all .3s
}

@media(min-width:768px) {
  .img-with-text-3__bullet {
    margin-top: .5rem
  }
}

.img-with-text-3__image {
  overflow: hidden
}

.img-with-text-3__image .xo-image {
  width: 100%;
  height: 100%
}

.img-with-text-3__image img {
  width: 100%;
  height: 100%;
  transition: all .5s ease;
  will-change: transform;
  object-fit: unset
}

.img-with-text-3__image .xo-image__placeholder,
.img-with-text-3__image .placeholder-svg {
  width: 100%;
  height: 100%
}

.img-with-text-3__image:hover {
  cursor: pointer
}

.img-with-text-3__image:hover img {
  transform: scale(1.05);
  transition: all .5s ease
}

.img-with-text-3__image--radius {
  border-radius: var(--general-radius-2)
}

.img-with-text-3__image--desktop {
  display: none
}

@media(min-width:768px) {
  .img-with-text-3__image--desktop {
    display: block
  }
}

.img-with-text-3__image--mobile {
  display: block
}

@media(min-width:768px) {
  .img-with-text-3__image--mobile {
    display: none
  }
}

.img-with-text-4 {
  background: none;
  border-radius: 1.5rem;
  padding: 3.6rem 0
}

@media(min-width:992px) {
  .img-with-text-4 {
    background-color: color-mix(in srgb, rgba(var(--color-layer)) 100%, transparent)
  }
}

@media(max-width:767px) {
  .img-with-text-4__grid {
    row-gap: 4.7rem
  }
}

.img-with-text-4__left {
  height: 100%;
  padding-inline-start: 0
}

@media(min-width:992px) {
  .img-with-text-4__left {
    padding-inline-start: 3.6rem
  }
}

@media(min-width:1400px) {
  .img-with-text-4__left {
    padding-inline-start: 6.6rem
  }
}

.img-with-text-4__sub-heading {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: 500;
  font-size: calc(var(--font-body-scale) * 1.5rem);
  line-height: normal;
  letter-spacing: calc(var(--font-body-scale) * -.03rem);
  word-break: break-word;
  word-wrap: break-word;
  opacity: .65;
  padding-bottom: 2.2rem
}

@media(min-width:768px) {
  .img-with-text-4__sub-heading {
    padding-bottom: 3rem
  }
}

@media(min-width:992px) {
  .img-with-text-4__sub-heading {
    padding-bottom: 3.9rem
  }
}

.img-with-text-4__tab {
  padding-bottom: 3.5rem
}

@media(min-width:992px) {
  .img-with-text-4__tab {
    padding-bottom: 3.7rem
  }
}

.img-with-text-4__tab:last-child {
  padding-bottom: 0
}

.img-with-text-4__right {
  height: 100%;
  padding-inline-end: 0
}

@media(min-width:992px) {
  .img-with-text-4__right {
    padding-inline-end: 2.4rem
  }
}

@media(min-width:1400px) {
  .img-with-text-4__right {
    padding-inline-end: 4.4rem
  }
}

.img-with-text-4__tab-pane {
  border-radius: 1.5rem;
  overflow: hidden
}

.img-with-text-4__image {
  height: 100%;
  border-radius: 1.5rem;
  overflow: hidden
}

.img-with-text-4__image .xo-image {
  width: 100%;
  height: 100%
}

.img-with-text-4__image img {
  width: 100%;
  height: 100%;
  transition: all .5s ease;
  will-change: transform
}

.img-with-text-4__image .xo-image__placeholder,
.img-with-text-4__image .placeholder-svg {
  width: 100%;
  height: 100%
}

.img-with-text-4__image:hover {
  cursor: pointer
}

.img-with-text-4__image:hover img {
  transform: scale(1.05);
  transition: all .5s ease
}

.img-with-text-4__tab[xo-active] .xo-collapse-2__heading {
  opacity: 1
}

.img-with-text-4__tab[xo-active] .xo-collapse-2__collapse {
  grid-template-rows: 1fr
}

.link-list__desktop {
  display: none
}

@media(min-width:1140px) {
  .link-list__desktop {
    display: flex
  }
}

.link-list__item {
  display: flex;
  flex-direction: column;
  gap: 1.5rem
}

.link-list__title {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: 500;
  font-size: calc(var(--font-body-scale) * 1.6rem);
  line-height: calc(1 + .4 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.016rem);
  word-break: break-word;
  word-wrap: break-word
}

.link-list__nav {
  display: flex;
  flex-direction: column;
  gap: 1.1rem
}

.link-list__nav-item {
  display: inline-flex;
  box-sizing: border-box
}

.link-list__nav-link {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: 400;
  font-size: calc(var(--font-body-scale) * 1.5rem);
  line-height: calc(1 + .42 / var(--font-body-scale));
  opacity: .8;
  transition: all .3s
}

.link-list__nav-link:hover {
  opacity: 1;
  color: color-mix(in srgb, rgba(var(--color-accent)) 100%, transparent)
}

.link-list__mobile {
  display: block
}

@media(min-width:1140px) {
  .link-list__mobile {
    display: none
  }
}

.link-list__mobile .link-list__item {
  gap: 0;
  border-bottom: .1rem solid rgba(var(--color-border))
}

.link-list__mobile .link-list__nav {
  padding: 1.4rem 0;
  gap: .5rem
}

.link-list__mobile .link-list__nav-item a {
  opacity: .65;
  width: 100%
}

.link-list__mobile .link-list__nav-item a:hover {
  opacity: .3
}

.link-list__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;
  cursor: pointer;
  padding: 1.4rem 0
}

.link-list__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .5s
}

.link-list__icon svg {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent)
}

.link-list__header[xo-active] {
  padding: 1.4rem 0 0
}

.link-list__header[xo-active] .link-list__icon {
  transform: rotate(180deg);
  transition: all .5s
}

.link-list-1__desktop {
  display: none
}

@media(min-width:768px) {
  .link-list-1__desktop {
    display: block
  }
}

.link-list-1__grid {
  row-gap: 5rem
}

.link-list-1__item {
  display: flex;
  flex-direction: column
}

.link-list-1__title {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-family: var(--font-body-family);
  font-size: calc(var(--font-body-scale) * 1.6rem);
  font-weight: 500;
  line-height: calc(1 + .43 / var(--font-body-scale));
  letter-spacing: unset;
  text-transform: uppercase;
  word-break: break-word;
  word-wrap: break-word;
  padding-bottom: 1.9rem
}

.link-list-1__nav {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  list-style: none;
  padding: 0;
  margin: 0
}

.link-list-1__nav-item a {
  font-size: calc(var(--font-body-scale) * 1.6rem);
  font-weight: 500;
  line-height: calc(1 + .43 / var(--font-body-scale));
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  opacity: .6;
  transition: all .3s
}

.link-list-1__nav-item a:hover {
  opacity: .65;
  transition: all .3s
}

.link-list-1__mobile {
  display: block
}

@media(min-width:768px) {
  .link-list-1__mobile {
    display: none
  }
}

.link-list-1__mobile .link-list-1__item {
  gap: 0;
  padding-bottom: .8rem
}

.link-list-1__mobile .link-list-1__title {
  font-size: calc(var(--font-body-scale) * 1.7rem);
  font-weight: 500;
  line-height: calc(1 + .52 / var(--font-body-scale));
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  text-transform: capitalize;
  word-break: break-word;
  word-wrap: break-word;
  opacity: .9;
  margin-bottom: 0
}

.link-list-1__mobile .link-list-1__nav {
  padding: .8rem 0;
  gap: 0
}

.link-list-1__mobile .link-list-1__nav-item {
  padding: .3rem 1.3rem
}

.link-list-1__mobile .link-list-1__nav-item a {
  font-size: calc(var(--font-body-scale) * 1.5rem);
  line-height: calc(1 + .4 / var(--font-body-scale));
  opacity: .6
}

.link-list-1__mobile .link-list-1__nav-item a:hover {
  opacity: .65
}

.link-list-1__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .8rem
}

.link-list-1__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .5s
}

.link-list-1__header[xo-active] .link-list-1__icon {
  transform: rotate(180deg);
  transition: all .5s
}

.link-list-2__desktop {
  display: none
}

@media(min-width:768px) {
  .link-list-2__desktop {
    display: block
  }
}

.link-list-2__grid {
  row-gap: unset;
  column-gap: unset
}

@media(min-width:1200px) {
  .link-list-2__grid {
    column-gap: 2rem
  }
}

@media(min-width:1600px) {
  .link-list-2__grid {
    row-gap: 5rem;
    column-gap: 5rem
  }
}

.link-list-2__item {
  display: flex;
  flex-direction: column
}

.link-list-2__nav {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  list-style: none;
  padding: 0;
  margin: 0
}

.link-list-2__nav-item a {
  font-size: calc(var(--font-body-scale) * 1.8rem);
  font-weight: 500;
  line-height: calc(1 + .38 / var(--font-body-scale));
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  opacity: .85;
  transition: all .3s
}

.link-list-2__nav-item a:hover {
  opacity: .65;
  transition: all .3s
}

.link-list-2__mobile {
  display: block
}

@media(min-width:768px) {
  .link-list-2__mobile {
    display: none
  }
}

.link-list-2__mobile .link-list-2__item {
  gap: 0;
  padding-bottom: .8rem
}

.link-list-2__mobile .link-list-2__nav {
  padding: .8rem 0;
  gap: 0
}

.link-list-2__mobile .link-list-2__nav-item {
  padding: .3rem 0
}

.link-list-2__mobile .link-list-2__nav-item a {
  font-size: calc(var(--font-body-scale) * 1.5rem);
  line-height: calc(1 + .26 / var(--font-body-scale));
  opacity: .86
}

.link-list-2__mobile .link-list-2__nav-item a:hover {
  opacity: .65
}

.link-list-2__mobile .link-list-2__grid {
  row-gap: unset;
  column-gap: unset
}

.link-list-2__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .8rem
}

.link-list-2__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .5s
}

.link-list-2__header[xo-active] .link-list-2__icon {
  transform: rotate(180deg);
  transition: all .5s
}

.link-list-3__desktop {
  display: none;
  justify-content: center
}

@media(min-width:768px) {
  .link-list-3__desktop {
    display: flex
  }
}

.link-list-3__item {
  display: flex;
  flex-direction: column;
  gap: 1.6rem
}

.link-list-3__title {
  margin-bottom: 0;
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-family: var(--font-heading-family);
  font-size: calc(var(--font-body-scale) * 2.2rem);
  font-weight: 400;
  line-height: calc(1 + .22 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.044rem);
  word-break: break-word;
  word-wrap: break-word
}

.link-list-3__nav {
  display: flex;
  flex-direction: column;
  gap: .9rem;
  list-style: none;
  padding: 0;
  margin: 0
}

.link-list-3__nav-item a {
  font-size: calc(var(--font-body-scale) * 1.8rem);
  font-weight: 500;
  line-height: calc(1 + .38 / var(--font-body-scale));
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  opacity: .65;
  transition: all .3s
}

.link-list-3__nav-item a:hover {
  opacity: .65;
  transition: all .3s
}

@media(max-width:767px) {
  .link-list-3__nav-item a {
    font-size: calc(var(--font-body-scale) * 1.6rem);
    line-height: calc(1 + .4 / var(--font-body-scale))
  }
}

.link-list-3__mobile {
  display: block
}

@media(min-width:768px) {
  .link-list-3__mobile {
    display: none
  }
}

.link-list-3__mobile .link-list-3__item {
  gap: 0;
  padding: 0
}

.link-list-3__mobile .link-list-3__nav {
  padding: 1.1rem 0;
  gap: .3rem
}

.link-list-3__mobile .link-list-3__nav-item {
  padding: .3rem 1.3rem
}

.link-list-3__mobile .link-list-3__nav-item a {
  opacity: .6
}

.link-list-3__mobile .link-list-3__nav-item a:hover {
  opacity: .65
}

.link-list-3__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .8rem
}

.link-list-3__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .5s
}

.link-list-3__header[xo-active] .link-list-3__icon {
  transform: rotate(180deg);
  transition: all .5s
}

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

[dir=ltr] .xo-loader-1:before {
  left: 50%
}

[dir=rtl] .xo-loader-1:before {
  right: 50%
}

.xo-loader-1:before {
  font-size: calc(var(--size) / 10 * 1px);
  width: 1em;
  height: 1em;
  margin: -.5em 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)
}

.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,
xo-filters-load-more[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 -.1em var(--color), 0 -4.15em 0 -.2em var(--color), 0 -4.15em 0 -.3em var(--color), 0 -4.15em 0 -.315em var(--color)
  }

  5%,
  95% {
    box-shadow: 0 -4.15em 0 0 var(--color), 0 -4.15em 0 -.1em var(--color), 0 -4.15em 0 -.2em var(--color), 0 -4.15em 0 -.3em var(--color), 0 -4.15em 0 -.315em var(--color)
  }

  10%,
  59% {
    box-shadow: 0 -4.15em 0 0 var(--color), -.435em -4.125em 0 -.1em var(--color), -.865em -4.06em 0 -.2em var(--color), -1.28em -3.945em 0 -.3em var(--color), -1.485em -3.875em 0 -.315em var(--color)
  }

  20% {
    box-shadow: 0 -4.15em 0 0 var(--color), -1.69em -3.79em 0 -.1em var(--color), -2.775em -3.085em 0 -.2em var(--color), -3.335em -2.44em 0 -.3em var(--color), -3.745em -1.7em 0 -.315em var(--color)
  }

  38% {
    box-shadow: 0 -4.15em 0 0 var(--color), -1.885em -3.7em 0 -.1em var(--color), -3.225em -2.61em 0 -.2em var(--color), -3.875em -1.485em 0 -.3em var(--color), -4.1em -.45em 0 -.315em var(--color)
  }

  to {
    transform: rotate(360deg);
    box-shadow: 0 -4.15em 0 0 var(--color), 0 -4.15em 0 -.1em var(--color), 0 -4.15em 0 -.2em var(--color), 0 -4.15em 0 -.3em var(--color), 0 -4.15em 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>*,
xo-filters-load-more[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)
  }

  to {
    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 .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 .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>*,
xo-filters-load-more[xo-loading]:not([xo-loading=false]) .xo-loader-3>* {
  animation: calc(var(--duration) * 1ms) xo-loader-3 ease-in-out infinite .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,
xo-filters-load-more[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,
xo-filters-load-more[xo-loading]:not([xo-loading=false]) .xo-loader-3:after {
  animation: calc(var(--duration) * 1ms) xo-loader-3 ease-in-out infinite .3s
}

@keyframes xo-loader-3 {

  0%,
  80%,
  to {
    transform: scale(0);
    opacity: 0
  }

  40% {
    transform: scale(1);
    opacity: 1
  }
}

.xo-menu-hamburger {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3.3rem;
  height: 100%
}

.xo-menu-hamburger__search-trigger,
.xo-menu-hamburger__action-account,
.xo-menu-hamburger__action-favorite,
.xo-menu-hamburger__action-cart {
  padding: 1rem;
  cursor: pointer
}

.xo-menu-hamburger__search-trigger:hover svg,
.xo-menu-hamburger__action-account:hover svg,
.xo-menu-hamburger__action-favorite:hover svg,
.xo-menu-hamburger__action-cart:hover svg {
  opacity: .65;
  transition: .3s
}

.xo-menu-hamburger__modal {
  z-index: 1000;
  height: 100vh;
  overflow: hidden
}

.xo-menu-hamburger__trigger {
  cursor: pointer
}

.xo-menu-hamburger__trigger svg {
  vertical-align: middle;
  color: unset
}

.xo-menu-hamburger__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100vw;
  height: 100vh;
  max-height: 100vh;
  background-color: rgb(var(--color-background));
  padding-bottom: 2rem
}

@media(min-width:768px) {
  .xo-menu-hamburger__content {
    width: 40vw
  }
}

.xo-menu-hamburger__content::-webkit-scrollbar {
  width: .5rem;
  border-radius: .5rem;
  background-color: color-mix(in srgb, rgba(var(--color-background-2)) 100%, transparent);
  opacity: .65
}

.xo-menu-hamburger__content::-webkit-scrollbar-thumb {
  background-color: color-mix(in srgb, rgba(var(--color-background-2)) 100%, transparent)
}

.xo-menu-hamburger__link {
  padding: 1.5rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2.5rem;
  color: rgba(var(--color-foreground), .9);
  font-weight: 500;
  font-size: calc(var(--font-body-scale) * 1.7rem);
  line-height: calc(1 + .3 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.034rem);
  border-bottom: .1rem solid rgba(var(--color-border), .5);
  transition: all .3s;
  cursor: pointer
}

.xo-menu-hamburger__item--current {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent)
}

.xo-menu-hamburger__arrow {
  line-height: normal;
  width: 2.4rem;
  height: 2.4rem;
  display: inline-block
}

.xo-menu-hamburger__arrow svg {
  vertical-align: middle;
  opacity: .65
}

.xo-menu-hamburger__mega-menu:empty {
  display: none
}

.xo-menu-hamburger__mega-menu:empty~.xo-menu-hamburger__account {
  display: none
}

.xo-menu-hamburger__mega-menu:empty~.xo-menu-hamburger__arrow--mega-menu {
  display: none !important
}

.xo-menu-hamburger__mega-menu:not(:empty)~* {
  display: none
}

.xo-menu-hamburger__mega-menu:not(:empty)~.xo-menu-hamburger__account {
  display: block
}

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

@media(max-width:767px) {
  .xo-menu-hamburger__mega-menu .xo-section {
    padding: 0
  }
}

.xo-menu-hamburger__action-cart {
  position: relative;
  cursor: pointer
}

.xo-menu-hamburger__action-cart svg {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent) !important
}

.xo-menu-hamburger__action-cart--hidden {
  display: flex
}

@media(min-width:768px) {
  .xo-menu-hamburger__action-cart--hidden {
    display: flex
  }
}

@media(min-width:992px) {
  .xo-menu-hamburger__action-cart--hidden {
    display: none
  }
}

.xo-menu-hamburger__action-number {
  padding: .4rem;
  min-width: 1.8rem;
  height: 1.8rem;
  background-color: color-mix(in srgb, rgba(var(--color-accent)) 100%, transparent);
  border-radius: 1.6rem;
  position: absolute;
  top: 50%
}

[dir=ltr] .xo-menu-hamburger__action-number {
  right: -2%
}

[dir=rtl] .xo-menu-hamburger__action-number {
  left: -2%
}

.xo-menu-hamburger__action-number {
  display: flex;
  justify-content: center;
  align-items: center;
  color: color-mix(in srgb, rgba(var(--color-foreground-3)) 100%, transparent);
  font-weight: 500;
  font-size: calc(var(--font-body-scale) * 1rem);
  line-height: calc(1 + 0 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.01rem);
  transition: all .3s
}

@media(max-width:991px) {
  .xo-menu-hamburger__action-number {
    top: 40%
  }

  [dir=ltr] .xo-menu-hamburger__action-number {
    right: 0
  }

  [dir=rtl] .xo-menu-hamburger__action-number {
    left: 0
  }
}

.xo-menu-hamburger__icon,
.xo-menu-hamburger__icon-bar,
.xo-menu-hamburger__action-cart,
.xo-menu-hamburger__search,
.xo-menu-hamburger__search-trigger,
.xo-menu-hamburger__search-icon,
.xo-menu-hamburger__action-account,
.xo-menu-hamburger__button-close,
.xo-menu-hamburger__close-trigger,
.xo-menu-hamburger__back,
.xo-menu-hamburger__back-icon {
  display: flex;
  align-items: center;
  justify-content: center
}

.xo-menu-hamburger__search {
  box-sizing: border-box
}

.xo-menu-hamburger__search--hidden {
  display: flex
}

@media(min-width:768px) {
  .xo-menu-hamburger__search--hidden {
    display: flex
  }
}

@media(min-width:992px) {
  .xo-menu-hamburger__search--hidden {
    display: none
  }
}

.xo-menu-hamburger__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2rem 0;
  border-bottom: 1px solid rgba(var(--color-border), .4);
  gap: 1rem
}

@media(max-width:1140px) {
  .xo-menu-hamburger__wrapper {
    padding: 1.2rem 0
  }
}

.xo-menu-hamburger__button-close {
  padding-inline-start: 1rem;
  cursor: pointer
}

.xo-menu-hamburger__logo {
  display: flex;
  justify-content: start;
  align-items: center
}

.xo-menu-hamburger__logo a {
  display: flex;
  align-items: center
}

@media(min-width:992px) {
  .xo-menu-hamburger__logo {
    flex-shrink: 0
  }
}

.xo-menu-hamburger__logo-img {
  width: var(--width_mobile);
  height: var(--height_mobile)
}

@media(min-width:768px) {
  .xo-menu-hamburger__logo-img {
    width: var(--width_desktop);
    height: var(--height_desktop)
  }
}

.xo-menu-hamburger__logo-img--transparent {
  display: none
}

.xo-menu-hamburger__action {
  display: flex;
  align-items: center;
  gap: .5rem
}

.xo-menu-hamburger__action svg {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent)
}

.xo-menu-hamburger__header {
  width: 100%;
  flex-shrink: 0;
  padding: 0 2rem
}

.xo-menu-hamburger__body {
  height: 100%;
  overflow-y: auto;
  padding: 0 2rem
}

.xo-menu-hamburger__body::-webkit-scrollbar {
  display: none
}

.xo-menu-hamburger__body::-webkit-scrollbar-thumb {
  background-color: transparent
}

.xo-menu-hamburger__back .xo-menu-hamburger__label {
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-weight: 500;
  line-height: calc(1 + .4 / var(--font-body-scale));
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  opacity: .65 !important;
  padding-top: .3rem
}

.xo-menu-hamburger__link--login a {
  color: rgba(var(--color-foreground), .9);
  width: 100%;
  display: flex;
  align-items: center;
  gap: .2rem
}

.xo-menu-hamburger__account {
  display: none
}

.xo-menu-hamburger__account a {
  display: flex;
  align-items: center;
  gap: .8rem;
  font-family: var(--font-heading-family);
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-size: calc(var(--font-body-scale) * 1.9rem);
  font-weight: 400;
  line-height: calc(1 + .26 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.076rem);
  opacity: .9;
  padding-top: 1.7rem;
  padding-bottom: 2.4rem;
  border-top: .1rem solid color-mix(in srgb, rgba(var(--color-border)) 100%, transparent)
}

.xo-menu-hamburger__search-form {
  display: flex;
  align-items: center;
  gap: .8rem;
  width: 100%
}

.xo-menu-hamburger__search-icon svg {
  opacity: .6
}

.xo-menu-hamburger__search-input {
  border: none;
  font-size: calc(var(--font-body-scale) * 1.6rem);
  font-weight: 500;
  line-height: calc(1 + .4 / var(--font-body-scale));
  width: 100%;
  background-color: transparent
}

.xo-menu-hamburger__search-input::placeholder {
  opacity: .4;
  font-size: calc(var(--font-body-scale) * 1.4rem)
}

.xo-menu-hamburger__search-input:focus {
  outline: none
}

.xo-menu-hamburger__currency-select {
  padding: 1.5rem 0;
  border-bottom: .1rem solid color-mix(in srgb, rgba(var(--color-border)) 100%, transparent)
}

.xo-menu-hamburger__currency-select .xo-currency-select__trigger-name {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 90%, transparent)
}

.xo-menu-hamburger__currency-select .xo-currency-select__content {
  background-color: color-mix(in srgb, rgba(var(--color-background)) 100%, transparent)
}

.xo-menu-hamburger__currency-select .xo-currency-select__item {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent)
}

.xo-menu-hamburger__language-select {
  padding: 1.5rem 0;
  border-bottom: .1rem solid color-mix(in srgb, rgba(var(--color-border)) 100%, transparent)
}

.xo-menu-hamburger__language-select .xo-language-select__trigger {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 90%, transparent)
}

.xo-menu-hamburger__language-select .xo-language-select__content {
  background-color: color-mix(in srgb, rgba(var(--color-background)) 100%, transparent)
}

.xo-menu-hamburger__language-select .xo-language-select__item {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent)
}

.xo-menu-horizontal {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-shrink: 0;
  flex: 1 0 0;
  align-self: stretch;
  padding-top: 1.6rem
}

@media(min-width:992px) {
  .xo-menu-horizontal {
    column-gap: 1rem
  }
}

@media(min-width:1140px) {
  .xo-menu-horizontal {
    padding-top: 0
  }
}

@media(min-width:1400px) {
  .xo-menu-horizontal {
    column-gap: 1.8rem
  }
}

@media(min-width:1600px) {
  .xo-menu-horizontal {
    column-gap: 2.8rem
  }
}

.xo-menu-horizontal--modifier {
  padding-top: 2.5rem
}

.xo-menu-horizontal--modifier .xo-menu-horizontal__item {
  padding: 0 0 2.5rem
}

.xo-menu-horizontal--modifier .xo-menu-horizontal__item--sub {
  padding: 0 1.6rem .7rem
}

.xo-menu-horizontal__item {
  padding: 0 0 1.6rem
}

@media(min-width:1140px) {
  .xo-menu-horizontal__item {
    padding: 2.5rem 0
  }
}

.xo-menu-horizontal__item--hover:hover>.xo-menu-horizontal__link,
.xo-menu-horizontal__item--hover.xo-menu-horizontal__item--current>.xo-menu-horizontal__link {
  color: color-mix(in srgb, rgba(var(--color-accent)) 100%, transparent)
}

.xo-menu-horizontal__item--hover:hover>.xo-menu-horizontal__link svg,
.xo-menu-horizontal__item--hover.xo-menu-horizontal__item--current>.xo-menu-horizontal__link svg {
  opacity: 1;
  color: color-mix(in srgb, rgba(var(--color-accent)) 100%, transparent)
}

.xo-menu-horizontal__item--hover:hover .xo-menu-horizontal__line-hover,
.xo-menu-horizontal__item--hover.xo-menu-horizontal__item--current .xo-menu-horizontal__line-hover {
  width: 100%
}

.xo-menu-horizontal__item--hover:hover .xo-menu-horizontal__arrow--first,
.xo-menu-horizontal__item--hover:hover .xo-menu-horizontal__arrow--mega-menu {
  transform: rotate(180deg);
  transition: all .3s
}

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

.xo-menu-horizontal__item--open>.xo-menu-horizontal__link svg {
  opacity: 1;
  color: color-mix(in srgb, rgba(var(--color-accent)) 100%, transparent)
}

.xo-menu-horizontal__item--open .xo-menu-horizontal__line-hover {
  width: 100%
}

.xo-menu-horizontal__item--open .xo-menu-horizontal__arrow--first,
.xo-menu-horizontal__item--open .xo-menu-horizontal__arrow--mega-menu {
  transform: rotate(180deg);
  transition: all .3s
}

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

[dir=ltr] .xo-menu-horizontal__item--hover:hover>.xo-menu-horizontal__sub-menu,
[dir=ltr] .xo-menu-horizontal__item--hover:hover>.xo-menu-horizontal__mega-menu,
[dir=ltr] .xo-menu-horizontal__item--hover:focus-within>.xo-menu-horizontal__sub-menu,
[dir=ltr] .xo-menu-horizontal__item--hover:focus-within>.xo-menu-horizontal__mega-menu,
[dir=ltr] .xo-menu-horizontal__item--open>.xo-menu-horizontal__sub-menu,
[dir=ltr] .xo-menu-horizontal__item--open>.xo-menu-horizontal__mega-menu {
  transform: translateZ(0)
}

[dir=rtl] .xo-menu-horizontal__item--hover:hover>.xo-menu-horizontal__sub-menu,
[dir=rtl] .xo-menu-horizontal__item--hover:hover>.xo-menu-horizontal__mega-menu,
[dir=rtl] .xo-menu-horizontal__item--hover:focus-within>.xo-menu-horizontal__sub-menu,
[dir=rtl] .xo-menu-horizontal__item--hover:focus-within>.xo-menu-horizontal__mega-menu,
[dir=rtl] .xo-menu-horizontal__item--open>.xo-menu-horizontal__sub-menu,
[dir=rtl] .xo-menu-horizontal__item--open>.xo-menu-horizontal__mega-menu {
  transform: translateZ(0)
}

.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 {
  box-shadow: 0 .1rem .1rem #0000001a
}

@media(max-width:767px) {

  .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 {
    display: none
  }
}

.xo-menu-horizontal__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .4rem;
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-weight: 500;
  line-height: calc(1 + .42 / var(--font-body-scale));
  transition: all .3s;
  position: relative
}

.xo-menu-horizontal__link:has(~.xo-menu-horizontal__mega-menu:not(:empty)) .xo-menu-horizontal__arrow {
  display: block
}

.xo-menu-horizontal__line-hover {
  width: 0;
  height: .15rem;
  position: absolute;
  top: 2rem
}

[dir=ltr] .xo-menu-horizontal__line-hover {
  left: 0
}

[dir=rtl] .xo-menu-horizontal__line-hover {
  right: 0
}

.xo-menu-horizontal__line-hover {
  background-color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  transition: width .3s ease
}

.xo-menu-horizontal__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
  transition: .3s
}

.xo-menu-horizontal__arrow svg {
  vertical-align: middle
}

.xo-menu-horizontal__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  margin-top: -.4rem
}

.xo-menu-horizontal__arrow--after {
  position: absolute;
  top: 50%
}

[dir=ltr] .xo-menu-horizontal__arrow--after {
  left: 50%
}

[dir=rtl] .xo-menu-horizontal__arrow--after {
  right: 50%
}

[dir=ltr] .xo-menu-horizontal__arrow--after {
  transform: translate(-160%, -50%)
}

[dir=rtl] .xo-menu-horizontal__arrow--after {
  transform: translate(160%, -50%)
}

.xo-menu-horizontal__arrow--first {
  transition: all .3s
}

.xo-menu-horizontal__arrow--mega-menu {
  display: none;
  transition: all .3s
}

.xo-menu-horizontal__sub-menu {
  position: absolute;
  top: calc(100% - 1rem)
}

[dir=ltr] .xo-menu-horizontal__sub-menu {
  left: 0;
  transform: translate3d(0, 1rem, 0)
}

[dir=rtl] .xo-menu-horizontal__sub-menu {
  right: 0;
  transform: translate3d(0, 1rem, 0)
}

.xo-menu-horizontal__sub-menu {
  z-index: 10;
  width: 100%;
  min-width: 20rem;
  background-color: color-mix(in srgb, rgba(var(--color-background)) 100%, transparent);
  border: .1rem solid rgba(var(--color-foreground), .1);
  opacity: 0;
  pointer-events: none;
  transition: all .3s
}

.xo-menu-horizontal__sub-menu::-webkit-scrollbar {
  width: .5rem
}

.xo-menu-horizontal__sub-menu::-webkit-scrollbar-thumb {
  background-color: rgba(var(--color-foreground), .4)
}

.xo-menu-horizontal__sub-menu .xo-menu-horizontal__sub-menu {
  top: 0
}

[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 {
  background: none;
  border: none;
  padding-inline-start: .8rem
}

.xo-menu-horizontal__sub-menu .xo-menu-horizontal__sub-menu .xo-menu-horizontal__link {
  opacity: .7
}

.xo-menu-horizontal__sub-menu .xo-menu-horizontal__sub-menu .xo-menu-horizontal__link:hover {
  opacity: 1
}

.xo-menu-horizontal__sub-menu .xo-menu-horizontal__sub-menu .xo-menu-horizontal__item--sub {
  padding: .6rem 0
}

.xo-menu-horizontal__sub-menu .xo-menu-horizontal__sub-menu .xo-menu-horizontal__item--sub:last-child {
  padding-bottom: 0
}

.xo-menu-horizontal__sub-menu--third {
  min-width: 23rem
}

.xo-menu-horizontal__sub-menu-last {
  list-style: none;
  width: 100%;
  min-width: 22.5rem;
  background-color: color-mix(in srgb, rgba(var(--color-background)) 100%, transparent);
  padding: 1rem 1.8rem;
  box-shadow: 0 .1rem .1rem #0000001a;
  border: .1rem solid rgba(var(--color-foreground), .1)
}

.xo-menu-horizontal__mega-menu {
  position: absolute;
  top: calc((var(--xo-top) + var(--xo-height)) * 1px)
}

[dir=ltr] .xo-menu-horizontal__mega-menu {
  left: 0
}

[dir=rtl] .xo-menu-horizontal__mega-menu {
  right: 0
}

.xo-menu-horizontal__mega-menu {
  z-index: 9999;
  background-color: rgb(var(--color-background));
  border: .1rem solid rgba(var(--color-foreground), .1);
  overflow: hidden;
  width: 100%;
  opacity: 0;
  pointer-events: none
}

[dir=ltr] .xo-menu-horizontal__mega-menu,
[dir=rtl] .xo-menu-horizontal__mega-menu {
  transform: translate3d(0, 2rem, 0)
}

.xo-menu-horizontal__mega-menu {
  transition: all .3s
}

.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 !important
}

.xo-menu-horizontal__link--sub {
  display: flex;
  align-items: center
}

.xo-menu-horizontal__item--sub {
  position: relative;
  padding: .6rem 1.9rem .6rem 1.8rem
}

.xo-menu-horizontal__item--sub .xo-menu-horizontal__link {
  opacity: .7;
  transition: all .3s
}

.xo-menu-horizontal__item--sub .xo-menu-horizontal__link:hover {
  opacity: 1
}

.xo-menu-horizontal__item--sub:hover>.xo-menu-horizontal__link {
  opacity: 1
}

.xo-menu-horizontal__item--sub:hover>.xo-menu-horizontal__sub-menu {
  box-shadow: none
}

[dir=ltr] .xo-menu-horizontal__item--sub:hover .xo-menu-horizontal__arrow--after {
  transform: translate(-50%, -50%)
}

[dir=rtl] .xo-menu-horizontal__item--sub:hover .xo-menu-horizontal__arrow--after {
  transform: translate(50%, -50%)
}

.xo-menu-horizontal__item--sub:hover .xo-menu-horizontal__arrow--after {
  transition-delay: .1s
}

[dir=ltr] .xo-menu-horizontal__item--sub:hover .xo-menu-horizontal__arrow--before {
  transform: translate(110%)
}

[dir=rtl] .xo-menu-horizontal__item--sub:hover .xo-menu-horizontal__arrow--before {
  transform: translate(-110%)
}

.xo-menu-horizontal__item--first {
  position: relative
}

.xo-menu-horizontal__polygon {
  position: absolute;
  z-index: 2;
  top: -1.5rem
}

[dir=ltr] .xo-menu-horizontal__polygon {
  left: 2.06rem
}

[dir=rtl] .xo-menu-horizontal__polygon {
  right: 2.06rem
}

.xo-menu-horizontal__polygon svg {
  color: color-mix(in srgb, rgba(var(--color-background)) 100%, transparent)
}

.xo-menu-horizontal__border {
  position: absolute;
  z-index: 2;
  top: -1.5rem
}

[dir=ltr] .xo-menu-horizontal__border {
  left: 2rem
}

[dir=rtl] .xo-menu-horizontal__border {
  right: 2rem
}

.xo-menu-horizontal__border svg {
  color: rgba(var(--color-foreground), .1)
}

.xo-menu-horizontal__sub-menu--second {
  padding: 1rem 0
}

.xo-menu-horizontal__sub-menu--second .xo-menu-horizontal__link {
  gap: 1rem
}

[dir=ltr] .xo-menu-horizontal__sub-menu .xo-menu-horizontal__sub-menu--left {
  left: auto;
  right: 100%
}

[dir=rtl] .xo-menu-horizontal__sub-menu .xo-menu-horizontal__sub-menu--left {
  right: auto;
  left: 100%
}

.xo-menu-horizontal__mega-menu[xo-selected]:not([xo-selected=false]) {
  pointer-events: auto;
  opacity: 1;
  visibility: visible
}

[dir=ltr] .xo-menu-horizontal__mega-menu[xo-selected]:not([xo-selected=false]) {
  transform: translateZ(0)
}

[dir=rtl] .xo-menu-horizontal__mega-menu[xo-selected]:not([xo-selected=false]) {
  transform: translateZ(0)
}

.xo-menu-horizontal__mega-menu[xo-selected]:not([xo-selected=false]) {
  box-shadow: 0 .1rem .1rem #0000001a
}

@media(max-width:767px) {
  .xo-menu-horizontal__mega-menu[xo-selected]:not([xo-selected=false]) {
    display: none
  }
}

.xo-menu-horizontal--radius .xo-menu-horizontal__sub-menu,
.xo-menu-horizontal--radius .xo-menu-horizontal__sub-menu-last {
  border-radius: .7rem
}

.xo-menu-horizontal--radius .xo-menu-horizontal__sub-menu::-webkit-scrollbar-thumb {
  border-radius: .5rem
}

.xo-menu-horizontal--radius .xo-menu-horizontal__mega-menu {
  border-radius: 1.2rem
}

.menu-mobile {
  display: flex;
  align-items: center;
  justify-content: center
}

.menu-mobile__modal {
  z-index: 999
}

.menu-mobile__content {
  width: 100vw;
  height: 100vh;
  background: color-mix(in srgb, rgba(var(--color-background)) 100%, transparent)
}

.menu-mobile-list {
  display: flex;
  align-items: start;
  flex-direction: column;
  flex-shrink: 0;
  align-self: stretch;
  flex: 1 0 0;
  padding-inline-start: 2rem;
  padding-inline-end: 2rem
}

.menu-mobile-list__item {
  width: 100%;
  padding: .6rem 0;
  position: relative;
  border-top: .1rem solid rgba(var(--color-border), .4)
}

.menu-mobile-list__item:hover>.menu-mobile-list__link,
.menu-mobile-list__item.menu-mobile-list__item--current>.menu-mobile-list__link {
  color: rgb(var(--color-accent))
}

.menu-mobile-list__item--search {
  display: flex;
  align-items: center;
  border-top: none
}

.menu-mobile-list__item--search .xo-field-input {
  margin-bottom: 0;
  border-bottom: none;
  width: 100%
}

.menu-mobile-list__search-icon {
  display: flex;
  align-items: center;
  justify-content: center
}

.menu-mobile-list__search-input {
  border: none;
  padding: 1rem;
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-weight: 500;
  line-height: calc(1 + .57 / var(--font-body-scale));
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent)
}

.menu-mobile-list__search-input:focus {
  outline: none
}

.menu-mobile-list__search-input::placeholder {
  color: rgba(var(--color-foreground), .4)
}

.menu-mobile-list__trigger {
  width: 100%
}

.menu-mobile-list__link {
  display: flex;
  align-items: center;
  font-size: calc(var(--font-body-scale) * 1.6rem);
  font-weight: 500;
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  line-height: calc(1 + 1.4 / var(--font-body-scale));
  transition: all .3s;
  opacity: .6
}

.menu-mobile-list__arrow {
  line-height: normal;
  transition: all .3s;
  padding-inline-start: 1rem
}

.menu-mobile-list__arrow svg {
  vertical-align: middle;
  transition: all .3s
}

.menu-mobile-list__trigger[xo-active] .menu-mobile-list__arrow svg {
  transform: rotate(180deg);
  transition: all .3s
}

.menu-mobile-list__sub-menu {
  position: relative;
  width: 100%;
  transition: all .3s
}

.menu-mobile-list__link--sub {
  padding: 0;
  font-size: calc(var(--font-body-scale) * 1.4rem);
  transition: all .3s
}

.menu-mobile__icon-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s ease-in-out;
  cursor: pointer
}

.menu-mobile__bottom {
  width: 100%;
  display: flex;
  justify-content: start;
  align-items: center;
  padding-inline-start: .9rem;
  padding-top: 5rem
}

.menu-mobile__bottom-item {
  padding: 1.2rem;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center
}

@media(min-width:768px) {
  .menu-mobile__bottom-item {
    padding: 1.6rem
  }
}

.menu-mobile__bottom-item-account {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  opacity: .6
}

.menu-mobile-list__item--login {
  display: flex;
  align-items: center;
  font-size: calc(var(--font-body-scale) * 1.6rem);
  font-weight: 500;
  line-height: calc(1 + 1.4 / var(--font-body-scale));
  transition: all .3s;
  opacity: .6;
  border-bottom: .1rem solid rgba(var(--color-border), .4)
}

.menu-mobile-list__item--login a {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  transition: all .3s
}

.menu-mobile-list__item--login:hover a {
  color: color-mix(in srgb, rgba(var(--color-accent)) 100%, transparent)
}

.menu-mobile__action-cart {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer
}

.menu-mobile__action-cart-number {
  position: absolute;
  top: -.5rem
}

[dir=ltr] .menu-mobile__action-cart-number {
  right: -1rem
}

[dir=rtl] .menu-mobile__action-cart-number {
  left: -1rem
}

.menu-mobile__action-cart-number {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .8rem;
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 50%;
  font-size: calc(var(--font-body-scale) * 1.3rem);
  font-weight: 400;
  color: rgb(var(--color-button-text));
  background-color: rgb(var(--color-button));
  border: 1px solid rgb(var(--color-button-text))
}

.menu-mobile__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2rem;
  border-bottom: 1px solid rgba(var(--color-border), .4)
}

.menu-mobile__button-close {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center
}

.menu-mobile__button-close-trigger {
  display: flex;
  align-items: center;
  justify-content: center
}

.menu-mobile__logo {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0
}

.menu-mobile__logo a {
  display: flex;
  align-items: center
}

.menu-mobile__logo-img {
  width: var(--width_mobile);
  height: var(--height_mobile)
}

@media(min-width:768px) {
  .menu-mobile__logo-img {
    width: var(--width_desktop);
    height: var(--height_desktop)
  }
}

.menu-mobile__action {
  display: flex;
  align-items: center;
  gap: 1.4rem
}

.menu-mobile-list__mega-menu {
  background-color: rgb(var(--color-background));
  border: .1rem solid rgba(var(--color-foreground), .1);
  width: 100vw;
  opacity: 1;
  transition: all .3s
}

xo-product {
  height: 100%
}

.xo-product-card--boxed.xo-product-card--radius {
  border-radius: var(--product-card-radius)
}

.xo-product-card--boxed {
  background-color: rgb(var(--color-background))
}

.xo-product-card--boxed .xo-product-card__header {
  background: none
}

.xo-product-card--standard {
  background: none;
  border-radius: 0
}

.xo-product-card--standard .xo-product-card__header {
  background-color: rgb(var(--color-background));
  padding-top: 0
}

.xo-product-card--start .xo-price__sale {
  justify-content: start
}

.xo-product-card--center .xo-price__sale {
  justify-content: center
}

.xo-product-card--end .xo-price__sale {
  justify-content: end
}

.xo-product-card {
  border: var(--product-card-border-width) solid rgba(var(--color-border), var(--product-card-border-opacity));
  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;
  height: 100%;
  position: relative
}

.xo-product-card .placeholder-svg {
  width: 100%;
  height: auto
}

.xo-product-card:hover img,
.xo-product-card:focus-within img {
  transform: scale(1.05)
}

[dir=ltr] .xo-product-card:hover .xo-product-card__add,
[dir=ltr] .xo-product-card:hover .xo-product-card__quick-view,
[dir=ltr] .xo-product-card:focus-within .xo-product-card__add,
[dir=ltr] .xo-product-card:focus-within .xo-product-card__quick-view {
  transform: translate(0)
}

[dir=rtl] .xo-product-card:hover .xo-product-card__add,
[dir=rtl] .xo-product-card:hover .xo-product-card__quick-view,
[dir=rtl] .xo-product-card:focus-within .xo-product-card__add,
[dir=rtl] .xo-product-card:focus-within .xo-product-card__quick-view {
  transform: translate(0)
}

.xo-product-card:hover .xo-product-card__add,
.xo-product-card:hover .xo-product-card__quick-view,
.xo-product-card:focus-within .xo-product-card__add,
.xo-product-card:focus-within .xo-product-card__quick-view {
  opacity: 1
}

.xo-product-card:hover .xo-product-card__add[xo-disabled],
.xo-product-card:focus-within .xo-product-card__add[xo-disabled] {
  opacity: .65
}

[dir=ltr] .xo-product-card:hover .xo-product-card__add[xo-disabled],
[dir=ltr] .xo-product-card:focus-within .xo-product-card__add[xo-disabled] {
  transform: translate(0)
}

[dir=rtl] .xo-product-card:hover .xo-product-card__add[xo-disabled],
[dir=rtl] .xo-product-card:focus-within .xo-product-card__add[xo-disabled] {
  transform: translate(0)
}

.xo-product-card:hover .xo-product-card__quick-view,
.xo-product-card:focus-within .xo-product-card__quick-view {
  transition-delay: .1s
}

.xo-product-card__header,
.xo-product-card__image-link {
  position: relative;
  overflow: hidden
}

.xo-product-card__image-link:after {
  content: "";
  position: absolute;
  top: 1rem;
  right: 1rem;
  bottom: 1rem;
  left: 1rem;
  border: .1rem solid transparent;
  transition: .3s
}

.xo-product-card__image-link:focus-visible:after {
  border: .1rem solid color-mix(in srgb, rgba(var(--color-accent)) 100%, transparent)
}

.xo-product-card__information {
  display: flex;
  flex-direction: column;
  align-items: var(--product-card-text-alignment);
  padding: .8rem 3.2rem 3.2rem
}

@media(max-width:991px) {
  .xo-product-card__information {
    padding: 1rem 1rem 3.2rem
  }
}

.xo-product-card__vendor {
  color: rgba(var(--color-foreground), .6);
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-weight: 500;
  line-height: calc(1 + .42 / var(--font-body-scale));
  text-align: var(--product-card-text-alignment);
  text-transform: capitalize;
  padding-bottom: .4rem
}

.xo-product-card__title {
  display: block;
  overflow: hidden;
  font-family: var(--font-heading-family);
  color: color-mix(in srgb, rgba(var(--color-foreground-4)) 100%, transparent);
  font-size: calc(var(--font-body-scale) * 1.6rem);
  font-weight: 500;
  line-height: calc(1 + .25 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.016rem);
  text-align: var(--product-card-text-alignment);
  word-wrap: break-word;
  word-break: break-word;
  transition: all .3s;
  padding-bottom: .8rem
}

.xo-product-card__description {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-size: calc(var(--font-body-scale) * 1.6rem);
  font-weight: 500;
  line-height: calc(1 + .43 / var(--font-body-scale));
  text-align: var(--product-card-text-alignment);
  opacity: .7;
  padding-inline-end: 0;
  margin-top: 1.2rem
}

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

.xo-product-card__price .xo-price__sale {
  padding: 0
}

.xo-product-card__price-varies {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-weight: 500;
  line-height: normal;
  text-align: var(--product-card-text-alignment);
  display: block
}

.xo-product-card__price-inner .xo-unit-price {
  display: flex;
  align-items: center;
  justify-content: var(--product-card-text-alignment);
  text-align: var(--product-card-text-alignment)
}

.xo-product-card__price-inner .xo-unit-price--hidden {
  display: none
}

.xo-product-card__variants {
  padding-top: 2.4rem
}

@media(max-width:767px) {
  .xo-product-card__variants {
    padding-top: 1.6rem
  }
}

.xo-product-card__price-badge {
  display: flex;
  align-items: center;
  gap: 1.2rem
}

@media(max-width:767px) {
  .xo-product-card__price-badge {
    flex-direction: column
  }
}

.xo-product-card__badge {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
  pointer-events: none;
  position: absolute;
  top: 1.6rem
}

[dir=ltr] .xo-product-card__badge {
  left: 1.6rem
}

[dir=rtl] .xo-product-card__badge {
  right: 1.6rem
}

.xo-product-card__badge {
  z-index: 11
}

@media(max-width:767px) {
  .xo-product-card__badge {
    flex-direction: column
  }
}

.xo-product-card__actions {
  position: absolute;
  top: 1.6rem
}

[dir=ltr] .xo-product-card__actions {
  right: 1.6rem
}

[dir=rtl] .xo-product-card__actions {
  left: 1.6rem
}

.xo-product-card__actions {
  z-index: 11;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .9rem;
  transition: .3s
}

@media(max-width:767px) {
  .xo-product-card__actions {
    gap: .8rem;
    top: 1.2rem
  }

  [dir=ltr] .xo-product-card__actions {
    right: 1.2rem
  }

  [dir=rtl] .xo-product-card__actions {
    left: 1.2rem
  }
}

[dir=ltr] .xo-product-card__add,
[dir=ltr] .xo-product-card__quick-view {
  transform: translate(calc(100% + 2rem))
}

[dir=rtl] .xo-product-card__add,
[dir=rtl] .xo-product-card__quick-view {
  transform: translate(calc(-100% - 2rem))
}

.xo-product-card__add,
.xo-product-card__quick-view {
  transition: all .3s cubic-bezier(.31, .41, .38, .96);
  opacity: 0
}

@media(max-width:767px) {

  .xo-product-card__add,
  .xo-product-card__quick-view {
    opacity: 1
  }

  [dir=ltr] .xo-product-card__add,
  [dir=ltr] .xo-product-card__quick-view,
  [dir=rtl] .xo-product-card__add,
  [dir=rtl] .xo-product-card__quick-view {
    transform: translate(0)
  }
}

.xo-product-card__add {
  display: block
}

.xo-product-card__quick-view {
  transition-delay: .1s
}

xo-products-fetcher-add[xo-added] .xo-btn-icon--primary {
  background-color: color-mix(in srgb, rgba(var(--color-badge-sale-background)) 100%, transparent);
  color: color-mix(in srgb, rgba(var(--color-button-text)) 100%, transparent);
  border-color: color-mix(in srgb, rgba(var(--color-badge-sale-background)) 100%, transparent)
}

xo-products-fetcher-remove .xo-btn-icon--primary {
  background-color: color-mix(in srgb, rgba(var(--color-badge-sale-background)) 100%, transparent);
  color: color-mix(in srgb, rgba(var(--color-button-text)) 100%, transparent);
  border-color: color-mix(in srgb, rgba(var(--color-badge-sale-background)) 100%, transparent)
}

.product-card-custom-placeholder {
  position: relative;
  width: 24.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding-top: 1.3rem
}

@media(min-width:768px) {
  .product-card-custom-placeholder {
    padding-top: 0
  }
}

@media(min-width:992px) {
  .product-card-custom-placeholder {
    align-items: start;
    flex-direction: row;
    width: 41.1rem
  }
}

@media(min-width:1400px) {
  .product-card-custom-placeholder {
    width: 51.1rem
  }
}

.product-card-custom-placeholder--modifier {
  width: 100%
}

.product-card-custom-placeholder--radius,
.product-card-custom-placeholder--radius .product-card-custom-placeholder__image {
  border-radius: var(--general-radius-3);
  overflow: hidden
}

.product-card-custom-placeholder__image {
  width: 16.4rem;
  height: 17.8rem
}

.product-card-custom-placeholder__image .xo-product-image,
.product-card-custom-placeholder__image .xo-image,
.product-card-custom-placeholder__image img,
.product-card-custom-placeholder__image .xo-image__placeholder,
.product-card-custom-placeholder__image .placeholder-svg {
  width: 100%;
  height: 100%
}

.product-card-custom-placeholder__info {
  width: 100%;
  height: unset;
  padding: 1rem 2rem 1.9rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

@media(min-width:992px) {
  .product-card-custom-placeholder__info {
    height: 17.8rem;
    width: calc(100% - 16.4rem);
    padding: 2.6rem 2rem 1.7rem 0
  }
}

.product-card-custom-placeholder__title {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-size: calc(var(--font-body-scale) * 2rem);
  font-weight: 500;
  line-height: calc(1 + .05 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.02rem);
  word-break: break-word;
  word-wrap: break-word
}

@media(max-width:767px) {
  .product-card-custom-placeholder__title {
    font-size: calc(var(--font-body-scale) * 1.8rem);
    line-height: calc(1 + .05 / var(--font-body-scale));
    letter-spacing: calc(var(--font-body-scale) * -.018rem)
  }
}

.product-card-custom-placeholder__description {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: 400;
  font-size: calc(var(--font-body-scale) * 1.4rem);
  line-height: calc(1 + .42 / var(--font-body-scale));
  word-break: break-word;
  word-wrap: break-word;
  opacity: .6;
  padding-top: .6rem;
  padding-inline-end: 0
}

@media(min-width:768px) {
  .product-card-custom-placeholder__description {
    font-size: calc(var(--font-body-scale) * 1.5rem);
    line-height: calc(1 + .42 / var(--font-body-scale));
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
  }
}

@media(min-width:992px) {
  .product-card-custom-placeholder__description {
    padding-inline-end: 2rem
  }
}

.product-card-custom-placeholder__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.product-card-custom-placeholder__add-cart {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer
}

.product-card-custom-placeholder__add-cart .xo-btn {
  width: 4rem;
  height: 4rem;
  background-color: color-mix(in srgb, rgba(var(--color-button)) 100%, transparent);
  transition: all .3s ease
}

.product-card-custom-placeholder__add-cart .xo-btn:focus:after,
.product-card-custom-placeholder__add-cart .xo-btn:focus-within:after {
  border-radius: var(--add-cart-radius)
}

.product-card-custom-placeholder__add-cart:hover {
  opacity: .8
}

.product-card-custom-placeholder__add-cart:hover .xo-btn {
  padding: 0 1rem;
  width: 14rem
}

@media(max-width:1399px) {
  .product-card-custom-placeholder__add-cart:hover .xo-btn {
    width: 4rem
  }
}

.product-card-custom-placeholder__add-cart:hover .xo-btn__text {
  position: relative;
  opacity: 1
}

@media(max-width:1399px) {
  .product-card-custom-placeholder__add-cart:hover .xo-btn__text {
    display: none
  }
}

.product-card-custom-placeholder__add-cart svg {
  width: 2rem;
  color: color-mix(in srgb, rgba(var(--color-button-text)) 100%, transparent)
}

.product-card-custom-placeholder__add-cart .xo-btn {
  border-radius: 0
}

.product-card-custom-placeholder__add-cart .xo-btn__content {
  min-height: unset;
  padding: 0
}

.product-card-custom-placeholder__add-cart .xo-btn__text {
  position: absolute;
  opacity: 0;
  white-space: nowrap;
  transition: all .3s
}

.product-card-custom-placeholder__add-cart--radius {
  border-radius: var(--add-cart-radius);
  overflow: hidden
}

.product-card-custom {
  position: relative;
  width: 24.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: width .5s ease
}

@media(min-width:992px) {
  .product-card-custom {
    align-items: start;
    flex-direction: row;
    width: 41.1rem
  }
}

@media(min-width:1400px) {
  .product-card-custom {
    width: 51.1rem
  }
}

.product-card-custom--modifier {
  width: 100%
}

.product-card-custom--radius {
  border-radius: var(--general-radius-3)
}

.product-card-custom--radius .product-card-custom__image {
  border-radius: var(--general-radius-3);
  overflow: hidden
}

.product-card-custom__image {
  width: 16.4rem;
  height: 17.8rem;
  display: flex;
  align-items: center;
  justify-content: center
}

@media(min-width:768px) {
  .product-card-custom__image {
    padding: 1rem
  }
}

.product-card-custom__image .xo-image,
.product-card-custom__image .xo-product-image,
.product-card-custom__image .placeholder-svg,
.product-card-custom__image img {
  width: 100%;
  height: 100%
}

.product-card-custom__info {
  width: 100%;
  padding: 1rem 2rem 1.9rem;
  height: unset;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

@media(min-width:992px) {
  .product-card-custom__info {
    height: 17.8rem;
    width: calc(100% - 16.4rem);
    padding: 2.6rem 2rem 1.7rem 1rem
  }
}

.product-card-custom__header {
  padding-inline-end: 0
}

@media(min-width:992px) {
  .product-card-custom__header {
    padding-inline-end: 3rem
  }
}

@media(min-width:1400px) {
  .product-card-custom__header {
    padding-inline-end: 6rem
  }
}

.product-card-custom__title {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-size: calc(var(--font-body-scale) * 2rem);
  font-weight: 500;
  line-height: calc(1 + .05 / var(--font-body-scale));
  letter-spacing: calc(var(--font-body-scale) * -.02rem);
  word-break: break-word;
  word-wrap: break-word
}

@media(max-width:767px) {
  .product-card-custom__title {
    font-size: calc(var(--font-body-scale) * 1.8rem);
    line-height: calc(1 + .05 / var(--font-body-scale));
    letter-spacing: calc(var(--font-body-scale) * -.018rem)
  }
}

.product-card-custom__description {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: 400;
  font-size: calc(var(--font-body-scale) * 1.4rem);
  line-height: calc(1 + .42 / var(--font-body-scale));
  word-break: break-word;
  word-wrap: break-word;
  opacity: .6;
  padding-top: .6rem;
  padding-inline-end: 0
}

@media(min-width:768px) {
  .product-card-custom__description {
    font-size: calc(var(--font-body-scale) * 1.5rem);
    line-height: calc(1 + .42 / var(--font-body-scale));
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
  }
}

@media(min-width:992px) {
  .product-card-custom__description {
    padding-inline-end: 2rem
  }
}

.product-card-custom__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between
}

@media(max-width:991px) {
  .product-card-custom__bottom {
    padding-top: 2.4rem
  }
}

.xo-product-card-custom__add[xo-disabled] {
  opacity: .65;
  cursor: not-allowed
}

.product-card-custom__add-cart {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer
}

.product-card-v2 {
  height: 100%;
  padding: var(--padding);
  transition: all .3s;
  border: .1rem solid transparent
}

.product-card-v2:hover {
  background-color: color-mix(in srgb, rgba(var(--color-layer)) 100%, transparent);
  border-color: color-mix(in srgb, rgba(var(--color-border)) 100%, transparent)
}

.product-card-v2--radius {
  border-radius: 2rem;
  overflow: hidden
}

.product-card-v2__link {
  display: block;
  color: inherit;
  width: 100%;
  height: 100%
}

.product-card-v2__wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: var(--gap)
}

.product-card-v2__image {
  width: 4.8rem;
  height: 4.8rem
}

.product-card-v2__image .xo-image,
.product-card-v2__image .xo-image__placeholder,
.product-card-v2__image .placeholder-svg,
.product-card-v2__image img {
  width: 100%;
  height: 100%
}

.product-card-v2__image--lg {
  width: 7.5rem;
  height: 7.5rem
}

.product-card-v2__title {
  color: color-mix(in srgb, rgba(var(--color-foregrround)) 100%, transparent);
  font-size: calc(var(--font-body-scale) * 1.4rem);
  font-weight: 500;
  line-height: calc(1 + .42 / var(--font-body-scale))
}

.xo-product-image {
  position: relative;
  z-index: 9;
  transition: all .5s;
  display: block;
  overflow: hidden
}

.xo-product-image img {
  transition: all .5s ease;
  will-change: transform
}

.xo-product-image .xo-media {
  height: 100%;
  width: 100%
}

.xo-product-image--contain img {
  object-fit: contain
}

.xo-product-image--modifier:hover .xo-product-image__first {
  opacity: 0;
  transform: scale(.5);
  visibility: hidden
}

.xo-product-image--modifier:hover .xo-product-image__secondary {
  opacity: 1;
  transform: scale(1);
  visibility: visible
}

.xo-product-image__first {
  transition: all .5s cubic-bezier(.25, .74, .22, .99);
  will-change: transform;
  height: 100%
}

.xo-product-image__secondary {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9;
  opacity: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  transform: scale(1.05);
  will-change: transform;
  transition: all .5s cubic-bezier(.25, .74, .22, .99)
}

.xo-product-variant,
.xo-product-variant__inner {
  padding-inline-start: .2rem;
  padding-inline-end: .2rem
}

.xo-product-variant__top {
  display: flex;
  justify-content: space-between
}

.xo-product-variant__top .xo-btn__content {
  color: color-mix(in srgb, rgba(var(--color-accent)) 100%, transparent);
  font-size: calc(var(--font-body-scale) * 1.5rem);
  font-weight: 500;
  line-height: calc(1 + .6 / var(--font-body-scale))
}

.xo-product-variant__top-name {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 40%, transparent);
  font-size: calc(var(--font-body-scale) * 1.6rem);
  font-weight: 400;
  line-height: calc(1 + .5 / var(--font-body-scale));
  padding-bottom: .8rem
}

.xo-product-variant__inner-value {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: var(--product-card-text-alignment);
  gap: .7rem
}

.xo-product-variant__inner-name {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: 500;
  line-height: calc(1 + .42 / var(--font-body-scale));
  font-size: calc(var(--font-body-scale) * 1.4rem);
  display: flex;
  align-items: center;
  gap: .4rem;
  padding-bottom: .7rem
}

.xo-product-variant__inner-name .xo-product-variant__value-selected {
  opacity: .7
}

.xo-product-variant-link {
  display: flex;
  align-items: center;
  gap: .8rem
}

.xo-product-variant-link__quickview {
  display: contents;
  cursor: pointer
}

.xo-product-variant-link__quickview-text {
  font-size: calc(var(--font-body-scale) * 1.5rem);
  color: color-mix(in srgb, rgba(var(--color-foreground)) 80%, transparent)
}

.xo-product-bundle-content--1 {
  width: 100%;
  padding: 1.4rem 0;
  border-bottom: .1rem solid color-mix(in srgb, rgba(var(--color-border)) 100%, transparent);
  display: flex;
  justify-content: space-between;
  gap: 1.6rem
}

@media(min-width:992px) {
  .xo-product-bundle-content--1 {
    padding: 1.8rem 0
  }
}

.xo-product-bundle-content--1:first-child {
  padding-top: 0
}

.xo-product-bundle-content--1 .xo-product-bundle-content__group-info {
  display: flex;
  gap: 1.7rem
}

.xo-product-bundle-content--1 .xo-product-bundle-content__info {
  padding-top: .7rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2rem
}

.xo-product-bundle-content--1 .xo-product-bundle-content__image {
  width: 7.6rem;
  height: 9.9rem;
  display: flex;
  align-items: center;
  justify-content: center
}

.xo-product-bundle-content--1 .xo-product-bundle-content__image .xo-product-image,
.xo-product-bundle-content--1 .xo-product-bundle-content__image .xo-image,
.xo-product-bundle-content--1 .xo-product-bundle-content__image .xo-image__placeholder,
.xo-product-bundle-content--1 .xo-product-bundle-content__image .placeholder-svg,
.xo-product-bundle-content--1 .xo-product-bundle-content__image img {
  width: 100%;
  height: 100%
}

.xo-product-bundle-content--1 .xo-product-bundle-content__image--radius {
  border-radius: .8rem;
  overflow: hidden
}

.xo-product-bundle-content--1 .xo-product-bundle-content__title {
  font-size: calc(var(--font-body-scale) * 1.4rem);
  line-height: calc(1 + .42 / var(--font-body-scale));
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: 500;
  padding-bottom: .1rem
}

@media(min-width:768px) {
  .xo-product-bundle-content--1 .xo-product-bundle-content__title {
    font-size: calc(var(--font-body-scale) * 1.5rem)
  }
}

.xo-product-bundle-content--1 .xo-product-bundle-content__variant-label {
  font-size: calc(var(--font-body-scale) * 1.2rem);
  line-height: calc(1 + .4 / var(--font-body-scale));
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: 500;
  opacity: .8
}

@media(min-width:768px) {
  .xo-product-bundle-content--1 .xo-product-bundle-content__variant-label {
    font-size: calc(var(--font-body-scale) * 1.3rem)
  }
}

.xo-product-bundle-content--1 .xo-product-bundle-content__price {
  font-size: calc(var(--font-body-scale) * 1.3rem);
  line-height: calc(1 + .4 / var(--font-body-scale));
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-weight: 500;
  opacity: .6
}

@media(min-width:768px) {
  .xo-product-bundle-content--1 .xo-product-bundle-content__price {
    font-size: calc(var(--font-body-scale) * 1.4rem)
  }
}

.xo-product-bundle-content--1 .xo-product-bundle-content__quantity .xo-quantity {
  background-color: color-mix(in srgb, rgba(var(--color-layer)) 100%, transparent)
}

.xo-product-bundle-content--1 .xo-product-bundle-content__quantity .xo-quantity__button--minus,
.xo-product-bundle-content--1 .xo-product-bundle-content__quantity .xo-quantity__button--plus {
  padding: .6rem
}

.xo-product-bundle-content--1 .xo-product-bundle-content__action-group {
  display: flex;
  flex-direction: column;
  align-items: end;
  justify-content: space-between;
  gap: 1.6rem
}

.xo-product-bundle-content--1 .xo-product-bundle-content__remove {
  cursor: pointer
}

.xo-product-bundle-content--1 .xo-product-bundle-content__remove svg {
  transition: .3s
}

.xo-product-bundle-content--1 .xo-product-bundle-content__remove:hover svg {
  color: color-mix(in srgb, rgba(var(--color-button)) 100%, transparent);
  scale: 1.05
}

.xo-product-bundle-content--2 {
  position: relative
}

.xo-product-bundle-content--2 .xo-product-bundle-content__image {
  width: 6.4rem;
  height: 6.4rem;
  border-radius: 50%;
  background-color: color-mix(in srgb, rgba(var(--color-layer)) 100%, transparent)
}

@media(min-width:992px) {
  .xo-product-bundle-content--2 .xo-product-bundle-content__image {
    width: 7.5rem;
    height: 7.5rem
  }
}

.xo-product-bundle-content--2 .xo-product-bundle-content__action {
  position: absolute;
  top: -5%
}

[dir=ltr] .xo-product-bundle-content--2 .xo-product-bundle-content__action {
  right: 0
}

[dir=rtl] .xo-product-bundle-content--2 .xo-product-bundle-content__action {
  left: 0
}

.xo-product-bundle-content--2 .xo-product-bundle-content__action {
  z-index: 9;
  width: 2rem;
  height: 2rem;
  border-radius: .5rem;
  background-color: color-mix(in srgb, rgba(var(--color-gray-button)) 100%, transparent);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  overflow: hidden
}

.xo-add-to-cart {
  display: contents;
  cursor: pointer
}

.xo-add-to-cart--unavailable {
  --xo-add-to-cart-unavailable: attr(xo-unavailable-text);
  display: none
}

xo-product[xo-product-information][xo-unavailable]:not([xo-unavailable=false]) .xo-add-to-cart:not(xo-modal-trigger) {
  display: none
}

xo-product[xo-product-information][xo-unavailable]:not([xo-unavailable=false]) .xo-add-to-cart--unavailable {
  opacity: .5;
  pointer-events: none;
  cursor: not-allowed
}

.xo-add-to-cart:not(xo-modal-trigger)[xo-disabled] {
  display: none
}

.xo-add-to-cart:not(xo-modal-trigger)[xo-disabled]~.xo-add-to-cart--unavailable {
  opacity: .5;
  pointer-events: none;
  cursor: not-allowed
}

xo-product[xo-product-information][xo-unavailable]:not([xo-unavailable=false]) .xo-add-to-cart--unavailable {
  display: contents
}

xo-product[xo-product-information][xo-unavailable]:not([xo-unavailable=false]) .xo-add-to-cart--unavailable [xo-add-to-cart-text] {
  text-indent: -999px
}

xo-product[xo-product-information][xo-unavailable]:not([xo-unavailable=false]) .xo-add-to-cart--unavailable [xo-add-to-cart-text]:before {
  content: var(--xo-add-to-cart-unavailable);
  color: color-mix(in srgb, rgba(var(--color-button-text)) 100%, transparent);
  text-indent: 0px;
  float: left
}

.xo-reveal-text-effect__group {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 1.6rem
}

@media(min-width:768px) {
  .xo-reveal-text-effect__group {
    gap: 2.2rem
  }
}

.xo-reveal-text-effect__heading {
  font-family: var(--font-heading-family);
  font-weight: var(--font-heading-weight);
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  word-break: break-word;
  word-wrap: break-word;
  text-align: inherit
}

.xo-reveal-text-effect__reveal>* {
  color: color-mix(in srgb, rgba(var(--color-foreground)) var(--reveal-opacity), transparent);
  -webkit-background-clip: text;
  background-clip: text;
  background-repeat: no-repeat;
  background-image: linear-gradient(90deg, rgba(var(--color-foreground)), rgba(var(--color-foreground)))
}

.xo-reveal-text-effect__reveal * {
  display: inline;
  background-size: inherit
}

.xo-reveal-text-effect__sub-heading {
  color: color-mix(in srgb, rgba(var(--color-foreground)) 100%, transparent);
  font-size: calc(var(--font-body-scale) * 1.4rem);
  line-height: calc(1 + .5 / var(--font-body-scale));
  word-break: break-word;
  word-wrap: break-word;
  text-align: inherit
}

@media(min-width:768px) {
  .xo-reveal-text-effect__sub-heading {
    font-size: calc(var(--font-body-scale) * 1.5rem);
    line-height: calc(1 + .4 / var(--font-body-scale))
  }
}

.xo-reveal-text-effect__image-wrap {
  margin-top: -5rem
}

@media(min-width:992px) {
  .xo-reveal-text-effect__image-wrap {
    padding: 0 2.4rem;
    margin-top: -10rem
  }
}

@media(min-width:1200px) {
  .xo-reveal-text-effect__image-wrap {
    padding: 0 3.2rem;
    margin-top: -12rem
  }
}

@media(min-width:1400px) {
  .xo-reveal-text-effect__image-wrap {
    padding: 0 4rem
  }
}

.xo-reveal-text-effect__image,
.xo-reveal-text-effect__image .xo-image,
.xo-reveal-text-effect__image .xo-image__placeholder,
.xo-reveal-text-effect__image .placeholder-svg,
.xo-reveal-text-effect__image img {
  width: 100%;
  height: 100%
}

.xo-reveal-text-effect__image--desktop {
  display: none
}

@media(min-width:768px) {
  .xo-reveal-text-effect__image--desktop {
    display: block
  }
}

.xo-reveal-text-effect__image--mobile {
  display: block
}

@media(min-width:768px) {
  .xo-reveal-text-effect__image--mobile {
    display: none
  }
}

:where([xo-abs]) {
  position: absolute;
  z-index: var(--z-index, 1)
}

:where([xo-abs$=top]) {
  top: var(--top, 0)
}

[dir=ltr] :where([xo-abs^=right]) {
  right: var(--right, 0)
}

[dir=rtl] :where([xo-abs^=right]) {
  left: var(--left, 0)
}

:where([xo-abs$=bottom]) {
  bottom: var(--bottom, 0)
}

[dir=ltr] :where([xo-abs^=left]) {
  left: var(--left, 0)
}

[dir=rtl] :where([xo-abs^=left]) {
  right: var(--left, 0)
}

:where([xo-abs^="center "]) {
  left: 50%;
  translate: -50% 0
}

:where([xo-abs$=center]) {
  top: 50%;
  translate: 0 -50%
}

:where([xo-abs=center]),
:where([xo-abs="center center"]) {
  top: 50%;
  left: 50%;
  translate: -50% -50%
}

:where([xo-abs=full]),
:where([xo-abs=fill]) {
  inset: var(--inset, 0)
}

.xo-stack {
  display: flex;
  flex-direction: var(--dir, var(--direction));
  flex-wrap: var(--wrap);
  row-gap: calc(var(--row-gap, var(--gap)) / 10 * 1rem);
  column-gap: calc(var(--col-gap, var(--gap)) / 10 * 1rem);
  align-items: var(--ai, var(--align-items));
  justify-content: var(--jc, var(--justify-content))
}

@media(max-width:768px) {
  .xo-stack {
    row-gap: calc(var(--row-gap-mobile, var(--gap-mobile)) / 10 * 1rem);
    column-gap: calc(var(--col-gap-mobile, var(--gap-mobile)) / 10 * 1rem)
  }
}

@media(min-width:576px) {
  .sm\:xo-hidden {
    display: none !important
  }
}

@media(min-width:768px) {
  .md\:xo-hidden {
    display: none !important
  }
}

@media(min-width:992px) {
  .lg\:xo-hidden {
    display: none !important
  }
}

@media(min-width:1200px) {
  .xl\:xo-hidden {
    display: none !important
  }
}

@media(max-width:991px) {
  .xo-hidden--mobile {
    display: none !important
  }
}

@media(min-width:992px) {
  .xo-hidden--desktop {
    display: none !important
  }
}

[class*=xo-line-] {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.xo-line-1 {
  line-clamp: 1;
  -webkit-line-clamp: 1
}

.xo-line-2 {
  line-clamp: 2;
  -webkit-line-clamp: 2
}

.xo-line-3 {
  line-clamp: 3;
  -webkit-line-clamp: 3
}

.xo-line-4 {
  line-clamp: 4;
  -webkit-line-clamp: 4
}

.xo-success {
  background-color: color-mix(in srgb, rgba(var(--color-success)) 100%, transparent);
  color: #fff;
  font-size: 1.4rem;
  padding: .2rem 1.2rem
}

.xo-warning {
  background-color: color-mix(in srgb, rgba(var(--color-warning)) 100%, transparent);
  color: #fff;
  font-size: 1.4rem;
  padding: .2rem 1.2rem
}

.xo-error {
  background-color: color-mix(in srgb, rgba(var(--color-error)) 100%, transparent);
  color: #fff;
  font-size: 1.4rem;
  padding: .2rem 1.2rem
}

.xo-success:empty,
.xo-warning:empty,
.xo-error:empty {
  display: none
}

.xo-bleed-offset-left,
.xo-bleed-offset-right {
  --xo-bleed-offset: ((100vw - var(--xo-container-width)) / 2 + var(--xo-container-gap));
  width: max(100% + var(--xo-container-gap), 100% + var(--xo-bleed-offset))
}

.xo-bleed-offset-right {
  margin-inline-start: min(var(--xo-container-gap) * -1, var(--xo-bleed-offset) * -1)
}

.xo-bleed {
  --xo-bleed-offset: ((100vw - var(--xo-container-width)) / 2 + var(--xo-container-gap));
  --xo-bleed-left: min(calc(var(--xo-container-gap) * -1), calc(var(--xo-bleed-offset) * -1));
  --xo-bleed-width: max(calc(100% + var(--xo-container-gap)), calc(100% + var(--xo-bleed-offset)));
  --xo-bleed-width-mobile-container: 100%;
  --xo-bleed-width-mobile-full: calc(100% + var(--xo-container-gap) * 2)
}

.xo-bleed__left,
.xo-bleed__right {
  position: relative;
  z-index: 9;
  height: 100%
}

.xo-bleed__left .xo-bleed__item,
.xo-bleed__right .xo-bleed__item {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  height: 100%;
  object-fit: cover;
  max-width: none;
  width: var(--xo-bleed-width)
}

.xo-bleed__left .xo-bleed__item {
  margin-inline-start: var(--xo-bleed-left)
}

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
}


/* custom image with text block */
.image-with-text-block__description {
  font-size: 1.6rem;
  line-height: 1.5;
  color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
  padding: 1rem 0;
  width: 100%;
}

@media (min-width: 992px) {
  .image-with-text-block__description {
    width: 80%;
  }
}

/* custom product card */
.xo-product-card__btn-shop-now {
  padding: 1rem 0;
}