/** Shopify CDN: Minification failed

Line 15622:28 Expected identifier but found "*"
Line 16443:12 Expected ":"

**/
@charset "UTF-8";

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    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 + -.01 / 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 + .04 / 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 + -.01 / 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 + .04 / 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 + .04 / var(--font-heading-1-scale));
    letter-spacing: calc(var(--font-heading-1-scale) * -.264rem)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h6 {
    font-size: calc(var(--font-heading-6-scale) * 1.8rem);
    line-height: calc(1 + .2 / 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 + -.02 / 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__heading {
    max-width: 32rem
}

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

@media(max-width:991px) {
    .xo-product-card__information {
        padding: 1rem 1rem 2.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 */
.home-product-grop{
    display: grid;
    gap: var(--xo-grid-col-gap, 30px);
}
.home-product-grop.row1{
    grid-template-columns: 1fr;
    margin-bottom: var(--xo-grid-col-gap, 30px);
}

.home-product-grop.row2{
    grid-template-columns: 1fr;
}

.home-product-grop .col{
  position:relative;  
  border-radius: var(--general-radius-3);
  overflow: hidden;
}

.home-product-grop .col img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s ease;
}

.home-product-grop .col .product-b{
    position: absolute;
    left: var(--xo-grid-col-gap, 30px);
    bottom: var(--xo-grid-col-gap, 30px);
    max-width: 50%;
}

.home-product-grop .col .product-b .h3{
    color:#fff;
}

.home-product-grop .col .product-b>p{
    color: rgba(255, 255, 255, 0.8);
    margin: 1rem 0;
}

.home-product-grop .col .product-t{
    position: absolute;
    right: var(--xo-grid-col-gap, 30px);
    top: -60px;
    display: flex;
    align-items: center;
    gap: 2rem;
    transition:all 0.3s;
}

.home-product-grop .col .product-t .price{
    color: #fff;
    font-size: 2rem;
    text-align: right;
    line-height: 2.6rem;
}

.home-product-grop .col .product-t .link{
    width: 6rem;
    height: 6rem;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(4px);
    border-radius: 50%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.home-product-grop .col .col-link:hover .product-t{
    top: var(--xo-grid-col-gap, 30px);
}

.home-product-grop .col .col-link:hover>img{
    transform: scale(1.05); */
    transition: all .5s ease;
}

@media(min-width:768px){
    .home-product-grop.row1{
        grid-template-columns: 2fr 1fr;
    }

    .home-product-grop.row2{
        grid-template-columns: 1fr 2fr;
    }
}

.home-section-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.home-section-title .titlebox.user{
    text-align: center;
    letter-spacing: 1px;
    line-height: 2.5rem;
}

.home-section-title .tbm{
    font-weight: 600;
    font-size: 2.5rem;
    color: #242424;
}

.home-section-title .more{
    position: relative;
    display: inline-block;
    font-size: 1.5rem;
    color: #fff;
    padding: 1rem 2rem;
    border-radius: 3rem;
    white-space: nowrap;
    background-color: #1e305a;
}

.home-section-title .more .bg{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #ffffff4d;
    transition: all .3s;
}

.home-section-title .more:hover .bg{
    top: 0;
}

.home-section-title .more .ic{
    display: inline-block;
    width: 12px;
}

.allitem{
    width: 100%;
}

@media(min-width:768px){
    .allitem{
        width: 90%;
        margin: 0 auto;
    }

    .home-section-title .tbm{
        font-size: 4rem;
    }

    .home-section-title .more{
        font-size: 2rem;
        padding: 1rem 3rem;
    }

    .home-section-title .more .ic{
        display: inline-block;
        width: 15px;
    }
}

.home-section-designer{
    display:block;
    padding:0;
}

.home-section-designer .designer{
  width: 100%;
}

.home-section-designer .introduction{
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 0;
}

.home-section-designer .introduction .name{
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 4rem;
    color: #FFFFFF;
    line-height: 100px;
    font-style: normal;
    margin: 0;
}

.home-section-designer .introduction .University{
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 2rem;
    color: #FFFFFF;
    line-height: 3rem;
    font-style: normal;
    margin: 0;
}

.home-section-designer .introduction .intro-item{
    background: rgba(205, 223, 255, 0.1);
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 14px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
    line-height: 20px;
    text-align: left;
    font-style: normal;
    margin-top: 25px;
    transition: all 0.1s;
}

.home-section-designer .introduction .intro-item:hover{
    color: #fff;
    margin-left: -10px;
}

@media(min-width:768px){
    .home-section-designer{
        padding: 70px 0;
        display: grid;
        grid-template-columns: 1fr 2fr;
        gap: var(--xo-grid-col-gap, 30px);
    }

    .home-section-designer .designer{
        width: 90%;
    }

    .home-section-designer .introduction{
        padding: 0 15% var(--xo-grid-col-gap, 30px);
    }

    .home-section-designer .introduction .name{
        font-size: 6rem;
    }

    .home-section-designer .introduction .University{
        font-size: 2.8rem;
        line-height: 4rem;
        margin: 1.5rem 0;
    }
}

.home-section-vision{
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--xo-grid-col-gap, 30px);
}

.home-section-vision .vision-item{
    border-radius: var(--general-radius-3);
    border: 1px solid rgba(0,0,0,0.14);
    padding: var(--xo-grid-col-gap, 30px);
}

.home-section-vision .vision-item .vision-icon{
    width: 80px;
    height: 80px;
    background: rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 50%;
}

.home-section-vision .vision-item .sl{
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 28px;
    color: #000000;
    line-height: 40px;
    text-align: center;
    font-style: normal;
    margin: var(--xo-grid-col-gap, 30px) 0;
}

.home-section-vision .vision-item .ds{
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    color: rgba(0,0,0,0.6);
    line-height: 22px;
    text-align: center;
    font-style: normal;
}

@media(min-width:768px){
    .home-section-vision{
        grid-template-columns: 1fr 1fr 1fr;
    }
}

.home-section-vbg{
    position: relative;
    box-sizing: border-box;
    margin-left: calc(var(--container-gap, 2rem) - 2 * var(--container-gap, 2rem));
    margin-right: calc(var(--container-gap, 2rem) - 2 * var(--container-gap, 2rem));
}

.home-section-vbg .bg{
    display:none;
}

.home-section-vbg .vbg-posi{
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    height: 100%;
    padding: 0 var(--xo-grid-col-gap, 30px);
    box-sizing: border-box;
    background:url('/cdn/shop/files/vision_bg.jpg?v=1768889086') no-repeat 10% 70%;
}

.home-section-vbg .vbg-posi .vbg-visi{
    padding: var(--page-margin);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
}

.home-section-vbg .vbg-posi .vbg-visi .ti{
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 4rem;
    color: #FFFFFF;
    line-height: 84px;
    text-align: left;
    font-style: normal;
    width: 300px;
    margin: 10% 0;
}

.home-section-vbg .vbg-posi .vbg-visi .learnmore{
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 200px;
    height: 50px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 10%;
    text-decoration: none;
    transition: all 0.2s;
}

.home-section-vbg .vbg-posi .vbg-visi .learnmore .lm{
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 20px;
    text-align: left;
    font-style: normal;
}

.home-section-vbg .vbg-posi .vbg-visi .learnmore .lsvgw{
    display: block;
}

.home-section-vbg .vbg-posi .vbg-visi .learnmore .lsvgb{
    display: none;
}

.home-section-vbg .vbg-posi .vbg-visi .learnmore:hover{
    background-color: #fff;
}

.home-section-vbg .vbg-posi .vbg-visi .learnmore:hover .lm{
    color: #000;
}

.home-section-vbg .vbg-posi .vbg-visi .learnmore:hover .lsvgw{
    display: none;
}

.home-section-vbg .vbg-posi .vbg-visi .learnmore:hover .lsvgb{
    display: block;
}

.home-section-vbg .vbg-posi .vbg-exis{
    padding: 0 0 var(--xo-grid-col-gap, 30px);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.home-section-vbg .vbg-posi .vbg-exis .title{
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 2.5rem;
    color: #FFFFFF;
    line-height: 4rem;
    font-style: normal;
}

.home-section-vbg .vbg-posi .vbg-exis .exis-item{
    background: rgba(255, 255, 255, 0.06);
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: grid;
    padding: var(--xo-grid-col-gap, 30px);
    grid-template-columns: 40px 1fr;
    margin-top: var(--xo-grid-col-gap, 30px);
    transition: all 0.1s;
}

.home-section-vbg .vbg-posi .vbg-exis .exis-item:hover{
    transform: translateX(-10px);
}

.home-section-vbg .vbg-posi .vbg-exis .exis-item .exis-icon{
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-section-vbg .vbg-posi .vbg-exis .exis-item .exis-des{
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    line-height: 20px;
    text-align: left;
    font-style: normal;
    padding-left: 15px;
}

@media(min-width:768px){
    .home-section-vbg{
        margin:0;
    }

    .home-section-vbg .bg{
        display:block;
        border-radius: var(--general-radius-3);
        overflow: hidden;
    }

    .home-section-vbg .vbg-posi{
        position: absolute;
        left: 0;
        top: 0;
        grid-template-columns: 1fr 1fr;
        background:none;
    }

    .home-section-vbg .vbg-posi .vbg-visi .ti{
        font-size:6rem;
    }

    .home-section-vbg .vbg-posi .vbg-exis{
        padding: 0 10% 14%;
    }

    .home-section-vbg .vbg-posi .vbg-exis .title{
        font-size:3.2rem;
    }

    .home-section-vbg .vbg-posi .vbg-exis .exis-item{
        padding: 20px;
        margin-top: calc(var(--xo-grid-col-gap, 30px) + 20px);
    }
}

.home-section-lm{
    display: flex;
    justify-content: center;
    margin-bottom: calc(var(--page-margin) * 3);
}

.home-section-lm .lm{
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    width: 300px;
    height: 60px;
    background: rgba(0,0,0,0.06);
    border-radius: 16px;
    border: 1px solid rgba(0,0,0,0.14);
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 20px;
    color: #000000;
    line-height: 28px;
    font-style: normal;
    transition: all 0.2s;
}

.home-section-lm .lm:hover{
    background-color: #000;
    color: #fff;
}

.xo-table.xo-content table{
    border: 0;
}

.xo-table.xo-content table td{
    padding:0.5rem 0;
    border: 0;
    font-weight:400;
}

/* ===== 动态Tab组件基础样式 ===== */
.simple-image-tabs {
    display:block;
    margin-bottom: 4rem;
  }
  
  .tabs-buttons {
    display: flex;
    justify-content:center;
    padding-bottom: 8px;
  }
  
  .tab-btn {
    padding: 10px 20px;
    background: #f5f5f5;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    color: #666;
    transition: background 0.2s;
    margin:0 10px;
  }
  
  .tab-btn:hover {
    background: #e5e5e5;
  }
  
  .tab-btn.active {
    background: #333;
    color: white;
  }
  
  .tabs-content {
    position: relative;
    min-height: 200px;
  }
  
  .tab-panel {
    display: none;
  }
  
  .tab-panel.active {
    display: block;
  }
  
  .tab-image {
    max-width: 1464px;
    margin: 0 auto;
  }
  
  .tab-image.empty {
    background: #f9f9f9;
    padding: 40px;
    text-align: center;
    border-radius: 8px;
    color: #999;
  }
  
  .tab-img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
  }
  
  @media (max-width: 768px) {
    .tabs-buttons {
      flex-wrap: wrap;
    }
    
    .tab-btn {
      flex: 1;
      min-width: 0;
      padding: 8px 12px;
      font-size: 13px;
    }
  }

  .p-line{
    border-top: 1px solid rgba(var(--color-border), 1);
    font-size: 3rem;
    font-weight: 500;
    line-height: 5rem;
  }

  .pd-image{
    display: flex;
    justify-content: center;
  }

  /* 产品参数表格 */
  .product-specs-simple {
      margin: 30px 0;
      padding:5rem 0 10rem;
    }
    
  .product-specs-simple  .specs-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 12rem;
    }
    
    .product-specs-simple .specs-table {
        border-top: 1px solid rgba(229, 229, 229, 0.9);
    }

    .product-specs-simple .specs-row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        border-bottom: 1px solid rgba(229,229,229,0.9);
    }

    .product-specs-simple  .specs-param {
        padding: 1.8rem 12px;
        font-weight: 500;
        color: rgba(30,30,30,0.5);
    }

    .product-specs-simple  .specs-value {
        padding: 1.8rem 12px;
        color: rgba(30,30,30,1);
    }

    .product-specs-simple .specs-title{
        margin-bottom:5rem;
    }

    /* 响应式 */
    @media (max-width: 768px) {
        .product-specs-simple .specs-grid {
            grid-template-columns: 1fr;
            gap: 0;
        }
        
        .product-specs-simple .specs-table{
            border-top:none;
        }
    }

/* slogan */
.section-textwithicon{
    display: grid;
    grid-template-columns: repeat(4, 1fr);  
}

.section-textwithicon .tiitem{
    display: flex;
    align-items: center;
    gap: 2rem;
}

/* prolist */
.section-prolist{
    display: grid;
    grid-template-columns: 1fr;
    gap: calc(var(--xo-grid-col-gap, 30px) - 3px);
    overflow: hidden;
}

.section-prolist.desk{
    display: none;
}

.section-prolist.mob{
    display: grid;
}

.section-prolist .prolist-nor{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: calc(var(--xo-grid-col-gap, 30px) - 3px);
}

.section-prolist .prolist-pa img{
    width: 100%;
    transition: all .5s ease;
}

.section-prolist .prolist-pa{
    position:relative;
    display: block;
    width: 100%;
    border-radius: calc(var(--general-radius-2) / 2);
    overflow: hidden;
    vertical-align: bottom;
}

.section-prolist .prolist-pa .pa-t{
    position: absolute;
    right: var(--xo-grid-col-gap, 30px);
    top: -20px;
    display: flex;
    align-items: center;
    gap: 2rem;
    opacity: 0;
    transition: all .4s;
}

.section-prolist .prolist-pa:hover .pa-t{
    top: var(--xo-grid-col-gap, 30px);
    opacity: 1;
}

.section-prolist .prolist-pa:hover img{
    transform: scale(1.05);
}

.section-prolist .prolist-pa .pa-t .price{
    color: #fff;
    font-size: 2rem;
    text-align: right;
    line-height: 2.6rem;
}

.section-prolist .prolist-pa .pa-t .link{
    width: 6rem;
    height: 6rem;
    background: #ffffff1a;
    border: 1px solid rgba(255, 255, 255, .4);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-prolist .prolist-pa .pa-b{
    position: absolute;
    left: 0;
    bottom: 5px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 var(--xo-grid-col-gap, 30px);
    white-space: nowrap;
}

.section-prolist .prolist-pa .pa-b .h5{
    color:#fff;
}

.section-prolist .prolist-pa .pa-b>p{
    color:#fff;
    margin:1rem 0;
}

@media(min-width:768px){
    .section-prolist{
        grid-template-columns: repeat(2, 1fr);
    }

    .section-prolist.desk{
        display: grid;
        width: 90%;
        margin: 0 auto;
    }

    .section-prolist.mob{
        display: none;
    }

    .section-prolist .prolist-pa{
        border-radius: var(--general-radius-2);
    }
}


/* img-with-text-11 */
.img-with-text-11__row{
    flex:1;
}

.img-with-text-11__row .img-with-text-11__trigger-wrap{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}


/* banner-width-text */
.bwt-text{
   width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    text-align: center; 
    padding: 0 2rem;
}

.bwt-text .bwt-logo{
    margin: 0 auto 5rem;
    width: 150px;
}

.bwt-text .bwt-logo img{
    width:130px;
}

.bwt-text .bwt-p{
    font-size: 1.5rem;
    color: #fff;
    margin-bottom: 7rem;
}

.bwt-text .bwt-p p.second{
    margin:0.5rem 0;
}

.bwt-text .bwt-b{
    position:relative;
    display:inline-block;
    font-size: 1.8rem;
    color: #fff;
    border: 2px solid #fff;
    padding: 0.8rem 2.6rem;
    border-radius: 3rem;
    overflow:hidden;
}

.bwt-text .bwt-b .ic{
    display: inline-block;
    width: 12px;
}

.bwt-text .bwt-b .bg{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    transition: all 0.3s;
}

.bwt-text .bwt-b:hover .bg{
    top:0;
}

@media(min-width:768px){
    .bwt-text .bwt-p{
        font-size: 2.5rem;
        margin-bottom: 8rem;
    }

    .bwt-text .bwt-b{
        font-size: 2.5rem;
    }

    .bwt-text .bwt-b .ic{
        width: 20px;
    }

    .bwt-text .bwt-logo{
        width: 170px;
    }
}

/* hero-carousel */
.hero-carousel.auto .xo-video--modifier{
    height:auto;
}


/* sell point */
.sellpoint{
    position:relative;
}

.spdesktop{
    display:none;
}

.spmobile{
    display: block;
}

.sellpoint-mobile{
    position
}

.sellpoint #smttoivideo{
    vertical-align:bottom;
}

.sellpoint .video-text-container{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.sellpoint.spmobile .video-text-container{
    height: 42%;
}

.sellpoint .video-text-container .video-text{
    position: absolute;
    bottom: 0;
    width:36.2%;
    height:100%;
    color: #fff;
    font-size: 40px;
    transition: opacity 0.4s ease;
    background: linear-gradient(rgba(0, 42, 102, 1) 15%, rgba(91, 112, 165, 1) 91%);
}

.sellpoint.spmobile .video-text-container .video-text{
    width: 100%;
    background:none;
}

.sellpoint .video-text-container .video-text-left{
    left:0;
}

.sellpoint .video-text-container .video-text-right{
    right:0;
}

.sellpoint .video-text-container .video-text .point-content{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 10%;
}


.sellpoint.spmobile .video-text-container .video-text .point-content .tit{
    font-size: 2.4rem;
}

.sellpoint .video-text-container .video-text .point-content .tit{
    font-size:4rem;
    color:#fff;
}

.sellpoint .video-text-container .video-text .point-content .complain{
    font-size: 1.8rem;
    color: rgba(158, 169, 203, 0.6);
    line-height: 2.5rem;
    margin: 3rem 0 4rem;
    word-break: break-all;
}

.sellpoint.spmobile .video-text-container .video-text .point-content .complain{
    font-size: 1.2rem;
    line-height: 1.4rem;
    margin: 1rem 0;
    height: 44px;
}

.sellpoint .video-text-container .video-text .point-content .point-image{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.sellpoint .video-text-container .video-text .point-content .point-image .item>img{
    border-radius: 0.5rem;
}

.sellpoint.spmobile  .video-text-container .video-text .point-content .point-image .item>img{
    border-radius: 0;
    max-height: 85px;
}


.sellpoint .video-text-container .video-text .point-content .point-image .item .imagen{
    font-size: 2rem;
    margin: 1rem 0;
}

.sellpoint.spmobile .video-text-container .video-text .point-content .point-image .item .imagen{
    font-size: 1.2rem;
}

@media(min-width:768px){
    .spdesktop{
        display:block;
    }

    .spmobile{
        display: none;
    }
}

/* section bcv */
.section-bcv{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--xo-grid-col-gap, 30px);
}

.section-bcv .bcv-item{
    overflow:hidden;
}

.section-bcv .bcv-item .item-image{
    border-radius: 0.75rem;
    overflow: hidden;
}

/* .section-bcv .bcv-item .item-txt{
    text-align: center;
}

.section-bcv .bcv-item .item-txt .tit{
    margin: 2rem 0 1rem;
    font-size: 2rem;
    font-weight: 600;
    transition: all .3s;
}

.section-bcv .bcv-item:hover .item-txt .tit{
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.15);
    transform: translateY(-5px);
}

.section-bcv .bcv-item .item-txt .des{
    color: #999;
} */

@media(min-width:768px){
    .section-bcv{
        grid-template-columns: repeat(3, 1fr);
        margin: 8rem 0 2rem;
    }

    .section-bcv .bcv-item .item-image{
        border-radius: 1rem;
    }

    /* .section-bcv .bcv-item .item-txt .tit{
        display: inline-block;
        margin: 3rem 0 2rem;
        font-size: 2.6rem;
        padding: 0.6rem 3rem;
        border-radius: 3rem;

    } */

}

/* section-buyershow */
.section-buyershow{
    /* display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--xo-grid-col-gap, 30px); */
}

.section-buyershow .bs-item{
    background-color: #f6f6f6;
    padding: 2rem 2rem 1rem;
    border-radius: 1rem;
}

.section-buyershow .bs-item .item-info .himage{
    display: flex;
    align-items: center;
    gap: 1rem;
}

.section-buyershow .bs-item .item-info .himage .photo{
    width: 30px;
    border-radius: 50%;
    overflow: hidden;
}

.section-buyershow .bs-item .item-info .himage .name{
    font-size: 1rem;
}

.section-buyershow .bs-item .item-info .stars{

}

.section-buyershow .bs-item .item-info .tit{
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.section-buyershow .bs-item .item-info .con{
    font-size: 1rem;
    margin-bottom: 2rem;
    height:100px;
}

.section-buyershow .bs-item .item-image{
    border-radius: 0.5rem;
    overflow: hidden;
}

/* product specification carousel */
.carousel-text.spe{
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 1.5rem 0;
    border-top: 1px solid #9ea9cb;
}

.carousel-text.spe .carousel-text__image{
    width: 2rem;
}

.carousel-text.spe .carousel-text__image.nh{
    width: 2.5rem;
}

.carousel-text.spe .carousel-text__image>svg{
    vertical-align: bottom;
}

@media(min-width:768px){
    .carousel-text.spe{
        padding: 1.8rem 0;
    }

    .carousel-text.spe .carousel-text__image{
        width: 2.5rem;
    }

    .carousel-text.spe .carousel-text__image.nh{
        width: 3.5rem;
    }
}

/* after sales */
.section-aftersale{
    display: flex;
    justify-content: center;
}

.section-aftersale .map{
    position: relative;
    display: inline-block;
}

.section-aftersale .mapline{
    width: 70.699%;
    position: absolute;
    top: 8.66%;
    right: 15.45%;
}

.section-aftersale .items .itempc{
    position: absolute;
    cursor: pointer;
    z-index: 2;
    list-style: none;
}

.section-aftersale .items .itempc.item1{
    left: 13.42%;
    top: 26.45%;
}

.section-aftersale .items .itempc.item2{
    left: 17.62%;
    top: 34.48%;
}

.section-aftersale .items .itempc.item3{
    left: 32%;
    top: 69%;
}

.section-aftersale .items .itempc.item4{
    left: 54.19%;
    top: 30.39%;
}

.section-aftersale .items .itempc.item5{
    left: 51.39%;
    top: 56.22%;
}

.section-aftersale .items .itempc.item6{
    left: 75.87%;
    top: 40.15%;
}

.section-aftersale .items .itempc.item7{
    right: 23.21%;
    top: 64.72%;
}

.section-aftersale .items .itempc.item8{
    right: 16.78%;
    top: 77.32%;
}

.section-aftersale .items .itempc.item9{
    right: 16.1%;
    top: 66%;
}

.section-aftersale .items .itempc.item10{
    right: 25.6%;
    top: 64.32%;
}

.section-aftersale .items .itempc.item11{
    right: 15.3%;
    top: 42.32%;
}

.section-aftersale .items .itempc.item12{
    right: 20.78%;
    top: 18.32%;
}

.section-aftersale .items .itempc .point{
    width: .625em;
    height: .625em;
    display: block;
    border-radius: 50%;
    background: #434343;
    position: relative;
    z-index: 2;
    transition: all .35s ease;
}

.section-aftersale .items .itempc.item6 .point{
    width: 1rem;
    height: 1rem;
    background-color: #FFBD57;
}

.section-aftersale .items .itempc .ring{
    position: absolute;
    z-index: 1;
    top: -0.40625em;
    left: -0.40625em;
    width: 1.4375em;
    height: 1.4375em;
    border-radius: 50%;
    background-color: #434343;
    -webkit-animation: yhuan 2s linear infinite;
    animation: yhuan 2s linear infinite;
    opacity: .22;
    transition: all .35s ease;
}

@keyframes yhuan {
    0% {
        transform: scale(1);
        opacity: 0.22;
    }
    100% {
        transform: scale(2.5);
        opacity: 0.05;
    }
}

.section-aftersale .items .itempc.item6 .ring{
    top: -0.39375em;
    left: -0.39375em;
    background-color: transparent;
    border: 0.1875em solid #3b7f38;
}

.section-aftersale .items .itempc .info{
    position: absolute;
    top: 1rem;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

.section-aftersale .items .itempc .info .address{
    position: absolute;
    opacity: 0;
    pointer-events: none;
    padding: 0.8125em 0;
    transform: translate(0, -5%);
    transition: all .35s ease;
    z-index: 3;
    top: 100%;
}

.section-aftersale .items .itempc.active .info .address{
    opacity: 1;
    pointer-events: auto;
    transform: none;
}

.section-aftersale .items .itempc.active .info .city{
    color: #FFBD57;
    font-weight: bold;
}

.asbanner{
    border-top: 1px solid #ccc;
}

.asbanner .asd{
    position: relative;
}

.asbanner .asd .lm{
    position: absolute;
    left: 11%;
    top: 55%;
    display: block;
    width: 10%;
    height: 13%;
    background-color: transparent;
}

/* home about us */
.section-fac{

}

.section-fac::after{
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.section-fac .facdes{
    width: 50%;
    float: left;
}

.section-fac .facimage{
    width: 50%;
    float: right;
}

.section-fac .facdes>p{
    padding-right: 10%;
}

.section-fac .facdes .gray{
    color: #999;
    margin: 3rem 0;
}

.section-fac .facdes .blue{
    color: #254685;
    margin-bottom: 3rem;
}

.section-fac .slo{
    list-style-type: disclosure-closed;
    padding-left: 20px;
}

.section-fac .slo .slo-item{
    margin-bottom: 2rem;
}

.section-fac .slo .slo-item::marker{
    color: #254685;
}

.section-fac .slo .slo-item .tit{
    font-size: 2rem;
    font-weight: bold;
    line-height: 3rem;
}

.section-fac .slo .slo-item .tit span{
    color: #254685;
    font-size: 1rem;
    vertical-align: middle;
}

.section-fac .slo .slo-item>p{
    color: #999;
}

.section-parameter{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--xo-grid-col-gap, 30px);
    box-shadow: 0 0px 5px 2px #eee;
    border-radius: 0.5rem;
    margin: 5rem 0;
}

.section-parameter .parameter-item{
    position: relative;
    text-align: center;
    margin: 3rem 0 2rem;
}

.section-parameter .parameter-item .num{
    color: #254685;
}

.section-parameter .parameter-item .des{
    color: #999;
    margin-top: 1rem;
}

.section-parameter .parameter-item .line{
    display: block;
    width: 1px;
    height: 26px;
    position: absolute;
    top: 50%;
    margin-top: -13px;
    right: 0;
    background-color: #eee;
    box-shadow: 0 0px 5px 1px #eee;
}

.section-dh{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin: 15rem 0;
}

.section-dh .dh-intro{
    padding: 0 10%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.section-dh .dh-intro .gray{
    color: #999;
    line-height: 2.5rem;
}

.section-dh .dh-intro .thr{
    list-style: none;
    padding: 0;
    margin: 0;
}

.section-dh .dh-intro .thr>li{
    font-weight: bold;
    margin-bottom: 1rem;
    font-size: 2rem;
}

.section-sj{
    position: relative;
}

.section-sj .intro{
    position: absolute;
    top: 30%;
    left: 8%;
    max-width: 350px;
}

.section-sj .intro .gray{
    color: #999;
    margin: 3rem 0;
}