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

h1 {
    font-size: 2em;
    margin: .67em 0
}

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

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

a {
    background-color: rgba(0,0,0,0)
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    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: -0.25em
}

sup {
    top: -0.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-foreground)) calc(0.2 * 100%), transparent)
}

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

html {
    font-size: 62.5%
}

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

html,body {
    height: auto !important
}

.link,a {
    text-decoration: none
}

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

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

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

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

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

#xo-root {
    overflow: hidden;
    overflow: clip;
    display: flow-root
}

xo-container {
    display: block;
    max-width: var(--xo-container-width, 1400px);
    margin: auto;
    padding-left: var(--xo-container-gap, 20px);
    padding-right: var(--xo-container-gap, 20px)
}

xo-container[xo-fluid]:not([xo-fluid=false]) {
    max-width: 100%
}

.section+.section {
    margin-top: var(--spacing-sections-mobile)
}

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

.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: -0.1rem;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    word-wrap: normal !important
}

.xo-skip-to-content {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 1rem 1.5rem;
    background: color-mix(in srgb, rgba(var(--color-accent-1)) calc(1 * 100%), transparent);
    color: color-mix(in srgb, rgba(var(--color-foreground)) calc(0.75 * 100%), transparent);
    font-size: 1.6rem
}

.xo-skip-to-content:focus {
    z-index: 9999;
    position: inherit;
    overflow: auto;
    width: auto;
    height: auto;
    clip: auto
}

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

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

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

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

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

.xo-scrollbar:hover::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb-color-hover)
}

.xo-embed-responsive {
    --aspect-ratio: 16 / 9;
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.xo-embed-responsive:before {
    content: "";
    display: block;
    padding-top: calc(1/(var(--aspect-ratio))*100%)
}

.xo-embed-responsive iframe,.xo-embed-responsive video,.xo-embed-responsive .xo-embed-responsive__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

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

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

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

:root {
    --xo-container-width: var(--page-width, 1400px);
    --xo-container-gap: var(--page-gap, 20px);
    --xo-grid-col-gap: var(--grid-mobile-horizontal-spacing, 30px);
    --xo-grid-row-gap: var(--grid-mobile-vertical-spacing, 30px)
}

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

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
}

h1,.h1 {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*3rem)
}

@media(min-width: 576px) {
    h1,.h1 {
        font-size:calc(var(--font-heading-scale)*var(--font-body-scale)*4rem)
    }
}

h2,.h2 {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*2rem)
}

@media(min-width: 576px) {
    h2,.h2 {
        font-size:calc(var(--font-heading-scale)*var(--font-body-scale)*2.4rem)
    }
}

h3,.h3 {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*2rem)
}

@media(min-width: 576px) {
    h3,.h3 {
        font-size:calc(var(--font-heading-scale)*var(--font-body-scale)*1.8rem)
    }
}

h4,.h4 {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*1.5rem)
}

h5,.h5 {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*1.2rem)
}

@media(min-width: 576px) {
    h5,.h5 {
        font-size:calc(var(--font-heading-scale)*var(--font-body-scale)*1.3rem)
    }
}

h6,.h6 {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*1.1rem)
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    font-family: var(--font-heading-family);
    font-style: var(--font-heading-style);
    font-weight: var(--font-heading-weight);
    color: rgb(var(--color-foreground));
    line-height: calc(1 + .3/max(1,var(--font-heading-scale)));
    word-break: break-word;
    margin: 0;
    margin-bottom: 1rem;
    text-transform: none
}

.xo-table {
    width: 100%;
    border-collapse: collapse
}

.xo-table tr {
    padding-top: 2.2rem;
    padding-bottom: 2.2rem
}

.xo-table th,.xo-table td {
    text-align: left;
    padding-top: 2.2rem;
    padding-bottom: 2.2rem
}

.xo-table th:last-child,.xo-table td:last-child {
    text-align: right;
    padding-inline-end:2rem}

.xo-table td {
    color: rgba(var(--color-foreground), 0.7)
}

.xo-table td:last-child {
    color: rgba(var(--color-foreground))
}

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

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

@media(max-width: 600px) {
    .xo-table {
        display:block
    }

    .xo-table tbody,.xo-table tfoot,.xo-table tr,.xo-table th,.xo-table td {
        display: block
    }

    .xo-table thead {
        display: none
    }

    .xo-table td {
        display: flex;
        gap: 2rem;
        justify-content: space-between
    }

    .xo-table td:before {
        content: attr(data-th) ": ";
        float: left;
        text-transform: uppercase;
        color: rgba(var(--color-foreground))
    }
}

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

.l-0 {
    left: 0
}

.r-0 {
    right: 0
}

xo-list {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap
}

xo-list-item {
    display: block
}

xo-list-portal {
    position: fixed;
    display: flex;
    flex-direction: column;
    width: -moz-fit-content;
    width: fit-content;
    visibility: hidden
}

xo-list-trigger {
    display: none;
    visibility: hidden;
    width: 0;
    height: 0;
    overflow: hidden
}

xo-list-trigger[xo-visible]:not([xo-visible=false]) {
    display: block;
    visibility: visible;
    width: auto;
    height: auto;
    overflow: visible
}

xo-360-viewer {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

xo-360-viewer-content {
    cursor: grab
}

xo-360-viewer,xo-360-viewer-content,xo-360-viewer-next,xo-360-viewer-prev,xo-360-viewer-play,xo-360-viewer-pause {
    display: block
}

xo-360-viewer-content {
    position: relative
}

xo-360-viewer-content img+img {
    position: absolute;
    inset: 0;
    -o-object-fit: cover;
    object-fit: cover;
    visibility: hidden
}

.gift_card__header,.gift_card__main {
    display: flex;
    flex-direction: column;
    align-items: center
}

.gift_card__name {
    font-weight: 400;
    color: rgb(0 0 0);
    margin-top: 2rem
}

.gift-card__price {
    margin-bottom: 2rem
}

.gift-card__image-wrapper {
    margin-bottom: 4rem
}

.gift-card__qr-code {
    margin-bottom: 2.5rem
}

.gift-card__buttons {
    display: flex;
    flex-direction: column;
    align-items: center
}

.gift-card__copy-button {
    all: unset;
    cursor: pointer;
    color: var(--color-foreground);
    text-decoration: underline;
    transition: .3s;
    text-underline-offset: .5rem;
    margin-bottom: 2rem
}

.gift-card__copy-button:hover {
    color: rgb(0 0 0)
}

.gift-card__shopping-button,.gift-card__print-button {
    position: relative;
    width: 30rem;
    height: 5rem;
    overflow: hidden;
    background-color: rgba(var(--color-foreground));
    color: rgba(var(--color-background));
    margin-bottom: 1rem;
    border-radius: var(--buttons-radius);
    cursor: pointer
}

.gift-card__print-button {
    background-color: rgba(var(--color-background));
    color: rgba(var(--color-foreground));
    border: solid .1rem rgba(var(--color-foreground));
    margin-bottom: 2rem;
    transition: .3
}

.gift-card__shopping-before,.gift-card__print-before {
    transition: .3s;
    line-height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.gift-card__shopping-after,.gift-card__print-after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 5rem);
    transition: .3s;
    line-height: 0
}

.gift-card__shopping-button:hover .gift-card__shopping-before {
    transform: translate(-50%, -5rem)
}

.gift-card__shopping-button:hover .gift-card__shopping-after {
    transform: translate(-50%, -50%)
}

.gift-card__print-button:hover {
    background-color: rgba(var(--color-foreground))
}

.gift-card__print-button:hover .gift-card__print-before {
    transform: translate(-50%, -5rem);
    color: rgba(var(--color-background))
}

.gift-card__print-button:hover .gift-card__print-after {
    transform: translate(-50%, -50%);
    color: rgba(var(--color-background))
}

.jdgm-prev-badge {
    padding-bottom: 15px
}

.jdgm-star {
    font-size: 14px
}

.jdgm-write-rev-link {
    border-radius: 8px !important
}

.jdgm-prev-badge__stars {
    display: inline-flex
}

.jdgm-prev-badge__text {
    visibility: unset !important
}

.article-card-style1__image {
    display: block;
    margin-bottom: 1rem
}

.article-card-style1__image .xo-image {
    border-radius: var(--modal-corner-radius)
}

.article-card-style1__image .xo-image img {
    border-radius: var(--modal-corner-radius)
}

.article-card-style1__date-comment {
    display: flex;
    gap: .2rem
}

.article-card-style1__date {
    color: rgba(var(--color-foreground), 0.6);
    font-size: calc(var(--font-body-scale)*1.1rem);
    text-transform: uppercase
}

.article-card-style1__comment {
    font-size: calc(var(--font-body-scale)*1.1rem);
    color: rgba(var(--color-foreground), 0.6);
    display: inline-block;
    text-transform: uppercase
}

.article-card-style1__comment::before {
    content: "|";
    display: inline-block;
    margin: 0 .5rem;
    color: rgba(var(--color-foreground), 0.6)
}

.article-card-style1__title {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*1.8rem);
    line-height: calc(1 + 0.4/var(--font-body-scale));
    cursor: pointer;
    transition: .3s
}

.article-card-style1__title:hover {
    color: rgba(var(--color-foreground), 0.7)
}

.article-card-style1__description {
    font-size: clamp(1.5rem,calc(0vw + 1.5rem),1.5rem);
    font-weight: 400;
    color: rgb(0 0 0);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: calc(1 + 0.5/var(--font-body-scale))
}

.article-card-style2__grid {
    margin-bottom: 1.5rem
}

.article-card-style2__image {
    display: block
}

.article-card-style2__title {
    font-size: clamp(1.5rem,calc(0vw + 1.5rem),1.5rem);
    line-height: calc(1 + 0.4/var(--font-body-scale));
    transition: .3s
}

.article-card-style2__title:hover {
    color: rgb(0 0 0)
}

.article-card-style2__description {
    font-size: clamp(1.5rem,calc(0vw + 1.5rem),1.5rem);
    font-weight: 400;
    color: rgb(0 0 0);
    margin-bottom: 1rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: center
}

.article-card-style2__date-comment {
    display: flex;
    gap: .2rem
}

.article-card-style2__date {
    color: rgba(var(--color-foreground), 0.6);
    font-size: calc(var(--font-body-scale)*1.4rem)
}

.article-card-style2__comment {
    font-size: calc(var(--font-body-scale)*1.4rem);
    color: rgba(var(--color-foreground), 0.6);
    display: inline-block
}

.article-card-style2__comment::before {
    content: "|";
    display: inline-block;
    margin: 0 .5rem;
    color: rgba(var(--color-foreground), 0.6)
}

.article-card-style3 {
    display: flex;
    gap: 1.5rem;
    align-items: center;
    margin-bottom: 1.5rem
}

.article-card-style3__image {
    flex-shrink: 0;
    width: 8rem;
    border-radius: var(--modal-corner-radius);
    overflow: hidden
}

.article-card-style3__date {
    color: rgba(var(--color-foreground), 0.6);
    font-size: calc(var(--font-body-scale)*1.4rem)
}

.article-card-style3__title {
    font-size: clamp(1.4rem,calc(0vw + 1.4rem),1.4rem);
    line-height: calc(1 + 0.4/var(--font-body-scale));
    transition: .3s;
    margin-bottom: 0
}

.article-card-style3__title:hover {
    color: rgba(var(--color-foreground), 0.7)
}

.article-card-style3__description {
    font-size: clamp(1.5rem,calc(0vw + 1.5rem),1.5rem);
    font-weight: 400;
    color: rgb(0 0 0);
    margin-bottom: 1rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.article-card-style3__comment {
    font-size: calc(var(--font-body-scale)*1.4rem);
    color: rgba(var(--color-foreground), 0.6);
    display: inline-block
}

.article-card-style4 {
    border-bottom: solid 1px rgba(var(--color-foreground), 0.1);
    padding-bottom: 3rem
}

.article-card-style4__image {
    display: block
}

.article-card-style4__image .xo-image {
    border-radius: var(--modal-corner-radius)
}

.article-card-style4__image .xo-image img {
    border-radius: var(--modal-corner-radius)
}

.article-card-style4__date-comment {
    display: flex;
    gap: .2rem
}

.article-card-style4__date {
    color: rgba(var(--color-foreground), 0.6);
    font-size: calc(var(--font-body-scale)*1.1rem);
    text-transform: uppercase
}

.article-card-style4__comment {
    font-size: calc(var(--font-body-scale)*1.1rem);
    color: rgba(var(--color-foreground), 0.6);
    display: inline-block;
    text-transform: uppercase
}

.article-card-style4__comment::before {
    content: "|";
    display: inline-block;
    margin: 0 .5rem;
    color: rgba(var(--color-foreground), 0.6)
}

.article-card-style4__title {
    font-size: clamp(2.4rem,calc(-0.5vw + 2.6rem),2rem);
    line-height: calc(1 + 1/var(--font-body-scale));
    margin-bottom: 0;
    transition: .3s
}

.article-card-style4__title:hover {
    color: rgba(var(--color-foreground), 0.7)
}

.article-card-style4__description {
    font-size: clamp(1.5rem,calc(0vw + 1.5rem),1.5rem);
    font-weight: 400;
    color: rgb(0 0 0);
    margin-bottom: 1rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    -webkit-box-orient: vertical;
    line-height: calc(1 + 0.5/var(--font-body-scale))
}

.xo-article-card {
    overflow: hidden;
    background-color: rgb(var(--color-background));
    border: var(--article-card-border-width) solid rgba(var(--color-border), var(--article-card-border-opacity));
    border-radius: var(--article-card-corner-radius);
    box-shadow: var(--article-card-shadow-horizontal-offset) var(--article-card-shadow-vertical-offset) var(--article-card-shadow-blur-radius) rgba(var(--color-shadow), var(--article-card-shadow-opacity))
}

.xo-article-card__image {
    display: block;
    padding: var(--article-card-image-padding)
}

.xo-article-card__image img {
    width: 100%
}

.xo-article-card__information {
    padding: var(--article-card-content-padding);
    padding-top: max(var(--article-card-content-padding),1rem);
    text-align: var(--article-card-text-alignment)
}

.xo-article-card__author {
    font-size: 1.4rem;
    letter-spacing: .01em;
    text-transform: uppercase;
    color: rgb(0 0 0);
    padding-bottom: .3rem
}

.xo-article-card__title {
    padding-bottom: .5rem;
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*2.4rem);
    color: rgb(var(--color-foreground))
}

.xo-article-card__title a {
    color: inherit
}

.xo-article-card__description {
    font-size: 1.5rem;
    letter-spacing: .02em;
    color: rgba(var(--color-foreground), 0.8)
}

.xo-article-card--boxed .xo-article-card__information {
    padding: var(--article-card-content-padding, 1.5rem)
}

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

.xo-badge-new {
    padding: .2rem .8rem;
    font-size: 1.4rem;
    line-height: 1.21;
    color: #fff;
    background-color: #3ad370
}

.xo-badge-sale {
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: .1rem;
    line-height: 1.21;
    color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #e12c43
}

.xo-badge-sold-out {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    pointer-events: none;
    background-color: rgb(var(--color-background));
    width: 5.4rem;
    height: 5.4rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 1rem
}

.xo-badge-sold-out__title {
    text-transform: uppercase;
    font-size: calc(var(--font-body-scale)*1rem);
    color: rgb(var(--color-foreground), 0.5);
    font-weight: 600;
    text-align: center;
    line-height: calc(1 + 0.3/var(--font-body-scale));
    letter-spacing: calc(var(--font-body-scale)*0.1rem)
}

@media(max-width: 767px) {
    .breadcrumb {
        display:var(--display-mobile)
    }
}

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

.breadcrumb__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: var(--justify);
    align-items: center;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    list-style: none;
    margin-block-start:0;margin-block-end:0;padding-inline-start:0}

.breadcrumb__item {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    transition: .3s
}

.breadcrumb__item .breadcrumb--current {
    color: rgb(0 0 0);
    font-size: calc(var(--font-body-scale)*1.3rem);
    font-weight: 500;
    pointer-events: none
}

.breadcrumb__item .breadcrumb--normal {
    font-weight: 400
}

.breadcrumb__item a {
    transition: .3s;
    color: rgba(var(--color-foreground));
    font-size: calc(var(--font-body-scale)*1.3rem)
}

.breadcrumb__item:last-child a {
    color: rgb(0 0 0);
    pointer-events: none
}

.breadcrumb__item:last-child .breadcrumb__separator {
    display: none
}

.breadcrumb__item:hover a {
    color: rgb(0 0 0)
}

.breadcrumb__item--current {
    display: var(--display)
}

.breadcrumb__link {
    color: rgba(var(--color-foreground));
    font-size: calc(var(--font-body-scale)*1.3rem)
}

.breadcrumb__separator {
    line-height: 0
}

.breadcrumb__separator svg {
    color: rgba(var(--color-foreground))
}

.xo-btn {
    --width: initial;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: calc((1 + (var(--buttons-scale) - 1)/2)*1.4rem);
    font-weight: 500;
    background-color: color-mix(in srgb, rgba(var(--color-button)) calc(var(--buttons-background-opacity) * 100%), transparent);
    color: rgba(var(--color-button-text));
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-radius: var(--buttons-radius);
    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-secondary-button)) calc(var(--buttons-border-opacity) * 100%), transparent);
    padding: 0;
    overflow: hidden;
    transition: .3s
}

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

.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)) calc(1 * 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)) calc(1 * 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)) calc(1 * 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)) calc(1 * 100%), transparent)
}

.xo-btn--primary.xo-btn--light {
    border: var(--buttons-border-width) solid color-mix(in srgb, rgba(var(--color-dark-button)) calc(var(--buttons-border-opacity) * 100%), transparent)
}

.xo-btn--primary.xo-btn--light .xo-btn__icon svg {
    color: color-mix(in srgb, rgba(var(--color-light-button-text)) calc(1 * 100%), transparent)
}

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

.xo-btn--primary.xo-btn--light:hover {
    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)) calc(1 * 100%), transparent)
}

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

.xo-btn--primary.xo-btn--light:hover .xo-btn__icon svg {
    color: color-mix(in srgb, rgba(var(--color-dark-button-text)) calc(1 * 100%), transparent)
}

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

.xo-btn--primary.xo-btn--dark {
    border: var(--buttons-border-width) solid color-mix(in srgb, rgba(var(--color-light-button)) calc(var(--buttons-border-opacity) * 100%), transparent)
}

.xo-btn--primary.xo-btn--dark .xo-btn__icon svg {
    color: color-mix(in srgb, rgba(var(--color-dark-button-text)) calc(1 * 100%), transparent)
}

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

.xo-btn--primary.xo-btn--dark:hover {
    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)) calc(1 * 100%), transparent)
}

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

.xo-btn--primary.xo-btn--dark:hover .xo-btn__icon svg {
    color: color-mix(in srgb, rgba(var(--color-light-button-text)) calc(1 * 100%), transparent)
}

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

.xo-btn--primary.xo-btn--accent {
    border: var(--buttons-border-width) solid color-mix(in srgb, rgba(var(--color-accent)) calc(var(--buttons-border-opacity) * 100%), transparent);
    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)) calc(1 * 100%), transparent)
}

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

.xo-btn--primary.xo-btn--accent .xo-btn__icon svg {
    color: color-mix(in srgb, rgba(var(--color-accent)) calc(1 * 100%), transparent)
}

.xo-btn--primary.xo-btn--accent .xo-loader-3>*,.xo-btn--primary.xo-btn--accent .xo-loader-3:before,.xo-btn--primary.xo-btn--accent .xo-loader-3:after {
    background-color: color-mix(in srgb, rgba(var(--color-accent)) calc(1 * 100%), transparent)
}

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

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

.xo-btn--primary.xo-btn--accent:hover .xo-btn__icon svg {
    color: color-mix(in srgb, rgba(var(--color-dark-button-text)) calc(1 * 100%), transparent)
}

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

.xo-btn--secondary.xo-btn--light {
    border: var(--buttons-border-width) solid color-mix(in srgb, rgba(var(--color-light-button)) calc(var(--buttons-border-opacity) * 100%), transparent)
}

.xo-btn--secondary.xo-btn--light .xo-btn__icon svg {
    color: color-mix(in srgb, rgba(var(--color-light-button-text)) calc(1 * 100%), transparent)
}

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

.xo-btn--secondary.xo-btn--dark {
    border: var(--buttons-border-width) solid color-mix(in srgb, rgba(var(--color-dark-button)) calc(var(--buttons-border-opacity) * 100%), transparent)
}

.xo-btn--secondary.xo-btn--dark .xo-btn__icon svg {
    color: color-mix(in srgb, rgba(var(--color-dark-button-text)) calc(1 * 100%), transparent)
}

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

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

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

.xo-btn--secondary.xo-btn--accent .xo-btn__icon svg {
    color: color-mix(in srgb, rgba(var(--color-dark-button-text)) calc(1 * 100%), transparent)
}

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

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

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

.xo-btn--tertiary.xo-btn--light .xo-btn__icon svg {
    color: color-mix(in srgb, rgba(var(--color-dark-button-text)) calc(1 * 100%), transparent)
}

.xo-btn--tertiary.xo-btn--light .xo-loader-3>*,.xo-btn--tertiary.xo-btn--light .xo-loader-3:before,.xo-btn--tertiary.xo-btn--light .xo-loader-3:after {
    background-color: color-mix(in srgb, rgba(var(--color-dark-button-text)) calc(1 * 100%), transparent)
}

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

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

.xo-btn--tertiary.xo-btn--dark .xo-btn__icon svg {
    color: color-mix(in srgb, rgba(var(--color-light-button-text)) calc(1 * 100%), transparent)
}

.xo-btn--tertiary.xo-btn--dark .xo-loader-3>*,.xo-btn--tertiary.xo-btn--dark .xo-loader-3:before,.xo-btn--tertiary.xo-btn--dark .xo-loader-3:after {
    background-color: color-mix(in srgb, rgba(var(--color-light-button-text)) calc(1 * 100%), transparent)
}

.xo-btn--tertiary.xo-btn--accent {
    border: var(--buttons-border-width) solid color-mix(in srgb, rgba(var(--color-accent)) calc(var(--buttons-border-opacity) * 100%), transparent);
    background-color: rgba(0,0,0,0);
    color: color-mix(in srgb, rgba(var(--color-accent)) calc(1 * 100%), transparent)
}

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

.xo-btn--tertiary.xo-btn--accent .xo-btn__icon svg {
    color: color-mix(in srgb, rgba(var(--color-accent)) calc(1 * 100%), transparent)
}

.xo-btn--tertiary.xo-btn--accent .xo-loader-3>*,.xo-btn--tertiary.xo-btn--accent .xo-loader-3:before,.xo-btn--tertiary.xo-btn--accent .xo-loader-3:after {
    background-color: color-mix(in srgb, rgba(var(--color-accent)) calc(1 * 100%), transparent)
}

.xo-btn--link {
    background: none;
    box-shadow: none;
    border: none
}

.xo-btn--link .xo-btn__content {
    padding: unset !important;
    text-decoration: underline;
    text-underline-offset: .7rem;
    line-height: 2.4
}

.xo-btn--link .xo-btn__text[data-text] {
    line-height: unset
}

.xo-btn--link.xo-btn--light .xo-btn__content {
    color: color-mix(in srgb, rgba(var(--color-dark-button-text)) calc(1 * 100%), transparent)
}

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

.xo-btn--link.xo-btn--dark .xo-btn__content {
    color: color-mix(in srgb, rgba(var(--color-light-button-text)) calc(1 * 100%), transparent)
}

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

.xo-btn--link.xo-btn--accent .xo-btn__content {
    color: color-mix(in srgb, rgba(var(--color-accent)) calc(1 * 100%), transparent)
}

.xo-btn--link.xo-btn--accent .xo-btn__text[data-text]:before,.xo-btn--link.xo-btn--accent .xo-btn__text[data-text]:after {
    color: color-mix(in srgb, rgba(var(--color-accent)) calc(1 * 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)) calc(1 * 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)) calc(1 * 100%), transparent)
}

.xo-btn--circle {
    border-radius: 50%;
    width: 4.2rem;
    height: 4.2rem;
    transition: .3s;
    border: none !important
}

.xo-btn--circle2 {
    border-radius: 50%;
    width: 4.2rem;
    height: 4.2rem;
    transition: .3s
}

.xo-btn--square {
    width: 5rem;
    height: 5rem;
    transition: .3s;
    border: none !important
}

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

.xo-btn__icon svg {
    line-height: 0
}

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

.xo-btn__content {
    padding: 0 calc(var(--buttons-scale)*2rem);
    min-height: calc(var(--buttons-scale)*4.1rem);
    overflow: hidden;
    gap: .5rem;
    width: var(--width, auto)
}

.xo-btn--xs .xo-btn__content {
    padding-inline-start:calc(var(--buttons-scale)*1rem);padding-inline-end: calc(var(--buttons-scale)*1rem);
    min-height: calc(var(--buttons-scale)*3rem);
    text-underline-offset: .7rem
}

.xo-btn--xs .xo-btn__text[data-text] {
    font-size: calc((1 + (var(--buttons-scale) - 1)/2)*1.1rem)
}

.xo-btn--sm .xo-btn__content {
    padding-inline-start:calc(var(--buttons-scale)*2rem);padding-inline-end: calc(var(--buttons-scale)*2rem);
    min-height: calc(var(--buttons-scale)*4.1rem);
    text-underline-offset: .8rem
}

.xo-btn--sm .xo-btn__text[data-text] {
    font-size: calc((1 + (var(--buttons-scale) - 1)/2)*1.2rem)
}

.xo-btn--md .xo-btn__content {
    padding-inline-start:calc(var(--buttons-scale)*2.6rem);padding-inline-end: calc(var(--buttons-scale)*2.6rem);
    min-height: calc(var(--buttons-scale)*4.5rem);
    text-underline-offset: .9rem
}

.xo-btn--md .xo-btn__text[data-text] {
    font-size: calc((1 + (var(--buttons-scale) - 1)/2)*1.3rem)
}

.xo-btn--lg .xo-btn__content {
    padding-inline-start:calc(var(--buttons-scale)*3.2rem);padding-inline-end: calc(var(--buttons-scale)*3.2rem);
    min-height: calc(var(--buttons-scale)*6.2rem);
    text-underline-offset: 1rem
}

.xo-btn--lg .xo-btn__text[data-text] {
    font-size: calc((1 + (var(--buttons-scale) - 1)/2)*1.4rem)
}

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

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

.xo-btn__loading {
    position: absolute;
    inset: 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 {
    transform: translateY(0)
}

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

.xo-btn--fade:hover {
    opacity: .6
}

.xo-btn__text[data-text] {
    color: rgba(0,0,0,0);
    font-size: calc(var(--font-body-scale)*1.2rem);
    font-weight: 500;
    letter-spacing: calc(var(--font-body-scale)*0.16rem);
    line-height: 0
}

.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)) calc(1 * 100%), transparent);
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s
}

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

.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--noborder {
    border: none !important;
    background: none;
    box-shadow: none;
    width: 100%
}

.xo-btn--noborder .xo-btn__content {
    padding: 0
}

.xo-btn--noborder:hover .xo-btn__icon {
    color: rgb(0 0 0)
}

.xo-btn--advertise {
    border: none
}

.xo-btn--advertise .xo-btn__text {
    line-height: calc(1 + 2.6/var(--font-body-scale));
    font-weight: 700;
    text-transform: uppercase
}

.xo-btn__text {
    text-transform: uppercase
}

.xo-btn__number {
    line-height: 0
}

.carousel-navigation-style1__arrow {
    display: var(--display-mobile);
    position: absolute;
    top: 100%;
    z-index: 9;
    transition: .3s
}

@media(min-width: 768px) {
    .carousel-navigation-style1__arrow {
        display:var(--display-desktop);
        top: 50%;
        transform: translateY(-50%)
    }
}

.carousel-navigation-style1__arrow button {
    all: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    border: solid .1rem rgba(var(--color-foreground), 0.1);
    background-color: rgba(var(--color-background));
    transition: .3s
}

@media(min-width: 768px) {
    .carousel-navigation-style1__arrow button {
        width:4.5rem;
        height: 4.5rem
    }
}

.carousel-navigation-style1__arrow svg {
    color: rgba(var(--color-foreground))
}

.carousel-navigation-style1__arrow:hover button {
    transform: scale(1.2);
    background-color: rgba(var(--color-foreground))
}

.carousel-navigation-style1__arrow:hover svg {
    color: rgba(var(--color-background))
}

.carousel-navigation-style1__arrow--left {
    left: 0
}

@media(min-width: 768px) {
    .carousel-navigation-style1__arrow--left {
        left:-9.7rem
    }
}

.carousel-navigation-style1__arrow--right {
    right: 0
}

@media(min-width: 768px) {
    .carousel-navigation-style1__arrow--right {
        right:-9.7rem
    }
}

.carousel-navigation-style3 {
    position: relative;
    display: inline-block;
    transition: background-color linear .3s;
    width: 5rem;
    height: 5rem;
    border: none;
    border-radius: 50%;
    background-color: rgb(0 0 0);
    overflow: hidden;
    will-change: background-color;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer
}

.carousel-navigation-style3 svg {
    color: rgba(var(--color-background), 0.5)
}

.carousel-navigation-style3__icon-before {
    transition: .3s;
    line-height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.carousel-navigation-style3__icon-after {
    position: absolute;
    top: 50%;
    left: 50%;
    transition: .3s;
    line-height: 0
}

.carousel-navigation-style3__icon-after--left {
    transform: translate(5rem, -50%)
}

.carousel-navigation-style3__icon-after--right {
    transform: translate(-5rem, -50%)
}

.carousel-navigation-style3:hover {
    background-color: rgba(var(--color-foreground))
}

.carousel-navigation-style3:hover svg {
    color: rgba(var(--color-background))
}

.carousel-navigation-style3:hover .carousel-navigation-style3__icon-before--left {
    transform: translate(-5rem, -50%)
}

.carousel-navigation-style3:hover .carousel-navigation-style3__icon-before--right {
    transform: translate(5rem, -50%)
}

.carousel-navigation-style3:hover .carousel-navigation-style3__icon-after {
    transform: translate(-50%, -50%)
}

.carousel-pagination-style1__pagination {
    display: var(--display-mobile);
    padding-top: 1rem;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    width: 100%;
    z-index: 9
}

@media(min-width: 768px) {
    .carousel-pagination-style1__pagination {
        display:var(--display-desktop);
        gap: 1rem
    }
}

.carousel-pagination-style1__pagination xo-carousel-bullet[xo-active]:not([xo-active=false]) .carousel-pagination-style1__bullet {
    background-color: rgba(var(--color-foreground))
}

.carousel-pagination-style1__bullet {
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-color: rgba(var(--color-foreground), 0.2);
    transition: .3s
}

@media(min-width: 768px) {
    .carousel-pagination-style1__bullet {
        width:.8rem;
        height: .8rem
    }
}

.carousel-pagination-style3 {
    position: relative;
    z-index: 9
}

.carousel-pagination-style3__pagination-wrap {
    position: relative;
    display: inline-flex
}

.carousel-pagination-style3__pagination {
    display: inline-flex;
    gap: .6rem
}

.carousel-pagination-style3__pagination span {
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-color: rgba(var(--color-foreground), 0.2);
    transition: .3s
}

@media(min-width: 768px) {
    .carousel-pagination-style3__pagination span {
        width:.8rem;
        height: .8rem
    }
}

.carousel-pagination-style3__pagination span:hover {
    background-color: rgba(var(--color-foreground))
}

.carousel-pagination-style3__pagination[xo-vertical]:not([xo-vertical=false]) {
    flex-direction: column
}

xo-carousel-pagination-bullet-active {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 10000000px;
    background-color: rgba(var(--color-foreground));
    transition: var(--xo-duration) ease-in-out;
    opacity: 0;
    pointer-events: none
}

xo-carousel-pagination-bullet-active[xo-vertical]:not([xo-vertical=false]) {
    top: 0;
    transform: unset;
    left: 50%;
    transform: translateX(-50%)
}

.xo-cart-empty a {
    color: rgb(var(--color-foreground));
    font-size: calc(var(--font-body-scale)*1.8rem)
}

.xo-cart-drawer__login-title {
    padding: 1rem 0;
    font-size: calc(var(--font-body-scale)*1.8rem);
    color: rgb(var(--color-foreground))
}

.xo-cart-free-shipping__checking {
    padding-bottom: 1.5rem;
    font-size: 0;
    display: none
}

.xo-cart-free-shipping__checking:empty {
    display: none
}

.xo-cart-free-shipping__checking:empty~* {
    display: none
}

.xo-cart-free-shipping__progress {
    position: relative;
    height: .6rem;
    display: flex;
    height: .5rem;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem;
    font-size: 0;
    border-radius: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem
}

[dir=ltr] .xo-cart-free-shipping__progress {
    margin-inline-end:.2rem}

[dir=rtl] .xo-cart-free-shipping__progress {
    margin-inline-end:0.2rem}

@media(max-width: 991px) {
    [dir=ltr] .xo-cart-free-shipping__progress {
        margin-inline-end:0
    }

    [dir=rtl] .xo-cart-free-shipping__progress {
        margin-inline-end:0}
}

.xo-cart-free-shipping__progress--level-4 {
    animation-delay: .6s;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: shakeY
}

.xo-cart-free-shipping__progress::after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: var(--progress);
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    background-color: rgba(var(--color-foreground));
    transition: all .35s ease-in-out,transform .2s ease;
    transition-delay: .5s;
    animation: progress-bar 1s linear infinite;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
    background-size: 2rem 2rem
}

[dir=ltr] .xo-cart-free-shipping__progress::after {
    left: 0
}

[dir=rtl] .xo-cart-free-shipping__progress::after {
    right: 0
}

.xo-cart-free-shipping__progress::before {
    position: absolute;
    content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' width='14px' height='14px' fill='white'><path d='M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z'/></svg>");
    top: -1rem;
    transition: all .35s ease-in-out,transform .2s ease;
    transition-delay: .5s;
    background: rgba(var(--color-foreground));
    border-radius: 50%;
    height: 2.4rem;
    width: 2.4rem;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center
}

[dir=ltr] .xo-cart-free-shipping__progress::before {
    left: var(--progress, 0)
}

[dir=rtl] .xo-cart-free-shipping__progress::before {
    right: var(--progress, 0)
}

.xo-cart-free-shipping__content {
    color: rgba(var(--color-foreground));
    font-size: calc(var(--font-body-scale)*1.5rem);
    margin: 0 0 1.6rem;
    display: block
}

@keyframes progress-bar {
    0% {
        background-position: 2rem 0
    }

    100% {
        background-position: 0 0
    }
}

@keyframes shakeY {
    0%,100% {
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        transform: translate3d(0, -1rem, 0)
    }

    20%,40%,60%,80% {
        transform: translate3d(0, 1rem, 0)
    }
}

.xo-cart-free-shipping__free-ship {
    color: var(--foxkit-heading-text-color, #000);
    font-size: calc(var(--font-body-scale)*1.5rem);
    display: block;
    margin-top: .5rem
}

.xo-cart-free-shipping__position {
    position: relative
}

.xo-cart-mini-footer {
    padding-top: 1rem;
    padding-bottom: 2.4rem
}

.xo-cart-mini-footer__price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: calc(var(--font-body-scale)*1.6rem);
    font-weight: 500;
    line-height: calc(1 + 0.1/var(--font-body-scale));
    color: rgb(var(--color-foreground))
}

.xo-cart-mini-footer__taxes {
    font-size: calc(var(--font-body-scale)*1.28rem);
    color: rgba(var(--color-foreground), 0.7);
    margin: .8rem 0
}

.xo-cart-item__option span:last-child {
    font-weight: 500;
    color: rgb(var(--color-foreground))
}

.cart-mini-item__btn-flex {
    display: flex;
    margin-top: 1.5rem;
    gap: 1.5rem
}

.cart-mini-item__btn-flex .xo-btn__text {
    text-transform: none;
    font-size: calc(var(--font-body-scale)*1.5rem) !important
}

.cart-mini-item__checkout {
    width: 50%
}

.cart-mini-item__viewcart {
    width: 50%
}

.cart-mini-item__btn-flex .xo-btn__text[data-text] {
    letter-spacing: 0
}

.xo-cart-mini-item+.xo-cart-mini-item .xo-cart-mini-item__inner {
    border-top: .1rem solid #e9e9e9
}

.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 {
    position: relative;
    display: flex;
    gap: 2rem;
    padding: 1.5rem 0
}

.xo-cart-mini-item__image {
    display: block;
    width: 9rem
}

@media(min-width: 768px) {
    .xo-cart-mini-item__image {
        width:11rem
    }
}

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

[dir=ltr] .xo-cart-mini-item__title {
    margin-inline-end:1rem}

[dir=rtl] .xo-cart-mini-item__title {
    margin-inline-end:1rem}

.xo-cart-mini-item__remove {
    bottom: 2.6rem
}

[dir=ltr] .xo-cart-mini-item__remove {
    right: 1.5rem
}

[dir=rtl] .xo-cart-mini-item__remove {
    left: 1.5rem
}

.xo-cart-mini-item__remove-action {
    cursor: pointer;
    font-size: calc(var(--font-body-scale)*1.2rem);
    display: block
}

.xo-cart-mini-item__remove-action span {
    color: rgb(0 0 0);
    transition: .3s all;
    position: relative
}

.xo-cart-mini-item__remove-action span::after {
    position: absolute;
    content: "";
    transform: translateY(-0.2rem);
    height: .1rem;
    width: 100%;
    background-color: rgb(0 0 0);
    left: 0;
    bottom: 0;
    transition: .3s
}

.xo-cart-mini-item__remove-action:hover span {
    color: rgba(var(--color-foreground))
}

.xo-cart-mini-item__remove-action:hover span::after {
    background-color: rgba(var(--color-foreground))
}

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

.xo-cart-mini-item__content-name {
    font-weight: 500;
    font-size: calc(var(--font-body-scale)*1.4rem)
}

.xo-cart-mini-item__content-value {
    font-size: calc(var(--font-body-scale)*1.4rem)
}

.xo-cart-mini-item__option {
    line-height: calc(1 + 0.25/var(--font-heading-scale))
}

.xo-cart-mini-item__content {
    flex: 1
}

.xo-cart-mini-item__discounts {
    margin: 0;
    padding: 0;
    list-style: none
}

.xo-cart-mini-item__discount {
    display: flex;
    align-items: center;
    gap: .3rem
}

@keyframes fadeInOut {
    0% {
        opacity: 0
    }

    25% {
        opacity: 1
    }

    75% {
        opacity: 1
    }

    100% {
        opacity: 0;
        display: none
    }
}

.xo-notify-cart {
    display: none;
    transition: .3s ease all
}

.cart-drawer-hidden {
    opacity: 0;
    animation-duration: .5s;
    animation: fadeInOut 2s forwards;
    display: flex;
    align-items: center;
    padding: 1rem 1.5rem;
    background-color: #eaf7e6;
    gap: 1.5rem;
    border-radius: 1rem
}

.cart-drawer-hd {
    display: none
}

.xo-notify--show {
    display: block
}

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

.cartlength {
    display: none
}

.xo-cart-mini-item__original-price {
    font-size: calc(var(--font-body-scale)*1.5rem);
    color: rgba(var(--color-foreground))
}

.xo-cart-mini-item__original-price--old {
    font-size: calc(var(--font-body-scale)*1.3rem);
    color: rgb(0 0 0)
}

.xo-cart-mini-item__final-price {
    font-size: calc(var(--font-body-scale)*1.5rem);
    color: rgba(var(--color-accent))
}

.xo-cart-note .xo-collapse:first-child {
    border-top: none
}

.xo-cart-note__btn {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-align: center;
    padding: 1rem 0
}

.xo-cart-note__trigger {
    display: flex;
    align-items: center;
    gap: .8rem;
    padding: 0 1.5rem;
    transition: .3s
}

.xo-cart-note__trigger svg {
    transition: .3s
}

.xo-cart-note__trigger:hover {
    color: #000
}

.xo-cart-note__trigger:hover svg {
    color: #000
}

.xo-cart-note__icon {
    line-height: 0
}

.xo-cart-note__text {
    font-size: calc(var(--font-body-scale)*1.5rem)
}

.xo-cart-note__content {
    z-index: 9999;
    overflow-x: unset;
    overflow-y: unset
}

.xo-cart-note__inner {
    background-color: rgb(var(--color-background))
}

.xo-cart-note__inner .cart-note__btn-add {
    width: 50%
}

.xo-cart-note__inner .cart-note__btn-add .xo-btn {
    width: 100%
}

.xo-cart-note__inner .cart-note__btn-add .xo-btn:hover {
    background-color: rgb(var(--color-background))
}

.xo-cart-note__inner .cart-note__btn-add .xo-btn--primary:hover .xo-btn__text[data-text]:after {
    color: rgb(var(--color-foreground))
}

.xo-cart-note__inner .cart-note__btn-cancel {
    width: 50%
}

.xo-cart-note__inner .cart-note__btn-cancel .cart-note__btn-trigger {
    width: 100%;
    height: 100%
}

.xo-cart-note__inner .cart-note__btn-cancel .cart-note__btn-trigger .xo-btn {
    width: 100%;
    height: 100%
}

.xo-cart-note__inner--padding {
    padding: 2rem
}

.xo-cart-note__inner--effect {
    width: 40rem;
    box-shadow: 0 .2rem 1rem rgba(var(--color-shadow), 0.2)
}

xo-modal .xo-cart-note__inner {
    width: 50rem
}

.xo-cart-mini-drawer-footer__border {
    border-top: .1rem solid #e9e9e9;
    border-bottom: .1rem solid #e9e9e9;
    margin-top: 2rem
}

.cart-note-textarea .xo-field-textarea__textarea {
    padding: 1.2rem;
    width: 100%;
    font-size: 1.4rem
}

.cart-note-textarea .xo-field-textarea__textarea:focus-visible {
    outline: unset
}

.cart-note-textarea .xo-field-textarea__placeholder {
    display: none
}

.cart-note-textarea label {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*1.8rem);
    font-weight: 500
}

.xo-collection-card {
    position: relative;
    background-color: rgb(var(--color-background));
    border: var(--collection-card-border-width) solid rgba(var(--color-border), var(--collection-card-border-opacity));
    border-radius: var(--collection-card-corner-radius);
    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
}

.xo-collection-card:hover .xo-collection-card__image img {
    transform: scale(1.1)
}

.xo-collection-card .placeholder-svg {
    width: 100%;
    height: auto
}

.xo-collection-card__link {
    display: block;
    min-height: 100%
}

.xo-collection-card__image {
    padding: var(--collection-card-image-padding);
    overflow: hidden
}

.xo-collection-card__image img {
    transition: .8s
}

.xo-collection-card__content {
    position: absolute;
    bottom: 2rem;
    left: 2rem;
    right: 2rem;
    background-color: rgba(var(--color-background));
    border-radius: var(--text-boxes-radius);
    display: flex;
    flex-direction: column;
    padding: var(--collection-card-content-padding);
    padding-top: max(var(--collection-card-content-padding),1rem);
    padding-bottom: max(var(--collection-card-content-padding),1rem);
    text-align: var(--collection-card-text-alignment);
    z-index: 9
}

@media(min-width: 768px) {
    .xo-collection-card__content {
        padding-top:max(var(--collection-card-content-padding),1.5rem);
        padding-bottom: max(var(--collection-card-content-padding),1.5rem)
    }
}

.xo-collection-card__title {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*1.8rem);
    color: rgb(var(--color-foreground));
    margin: 0;
    transition: .3s
}

.xo-collection-card__title:hover {
    color: rgb(0 0 0)
}

.xo-collection-card__description {
    margin-top: .5rem;
    font-size: clamp(1rem,calc(0.25vw + 0.9rem),1.2rem);
    font-weight: 500;
    color: rgba(var(--color-foreground), 0.7);
    text-transform: uppercase;
    letter-spacing: .02em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.xo-collection-card__count {
    font-size: calc(var(--font-body-scale)*1.2rem);
    color: rgb(0 0 0)
}

.xo-collection-card--boxed .xo-collection-card__content {
    padding: var(--collection-card-content-padding, 1.5rem)
}

.countdown {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    -moz-column-gap: 3rem;
    column-gap: 3rem;
    border-left: .1rem solid rgba(var(--color-foreground), 0.2);
    padding-left: 2rem
}

.countdown__text {
    padding-top: .3rem
}

.countdown__text h3 {
    margin: 0;
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*1.4rem);
    font-weight: 600;
    text-transform: uppercase
}

.countdown__text label {
    font-size: calc(var(--font-body-scale)*1.4rem);
    color: rgb(0 0 0)
}

.countdown__time {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap
}

.countdown__circle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    color: #fff;
    background-color: rgba(var(--color-accent))
}

.countdown__expired {
    display: none
}

xo-countdown[xo-expired]:not([xo-expired=false]) .countdown__time {
    display: none
}

xo-countdown[xo-expired]:not([xo-expired=false]) .countdown__expired {
    display: block
}

.xo-currency-select__trigger {
    display: flex;
    line-height: 0;
    align-items: center;
    gap: .5rem;
    cursor: pointer;
    font-weight: 500
}

.xo-currency-select__trigger span {
    color: rgb(var(--color-foreground));
    margin-top: .15rem
}

.xo-currency-select__trigger svg {
    color: rgb(var(--color-foreground))
}

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

.xo-currency-select__content {
    display: flex;
    flex-direction: column;
    background-color: color-mix(in srgb, rgba(var(--color-background)) calc(1 * 100%), transparent);
    box-shadow: 0 2rem 3rem rgba(0,0,0,.1215686275);
    border-radius: .5rem;
    z-index: 100
}

.xo-currency-select__item {
    width: 100%;
    padding-bottom: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
    text-align: center;
    transition: .3s;
    font-weight: 500;
    cursor: pointer
}

.xo-currency-select__item:hover .xo-currency-select__name {
    opacity: 1;
    color: rgb(var(--color-foreground))
}

.xo-currency-select__item:first-child {
    padding: 1rem 2rem
}

.xo-currency-select__input {
    display: none
}

.xo-currency-select__input:checked~.xo-currency-select__name {
    opacity: 1;
    color: rgb(var(--color-foreground))
}

.xo-currency-select__name {
    opacity: .5;
    transition: .3s
}

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

@media(max-width: 767px) {
    .xo-empty {
        padding:5rem 0 0
    }
}

.xo-empty__icon svg {
    color: rgba(var(--color-foreground), 0.1)
}

.xo-empty__title {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*2.4rem)
}

.field-checkbox-block {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.field-checkbox-block__item {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--inputs-radius);
    border: .1rem solid rgba(var(--color-foreground), 0.3);
    transition: .3s
}

.field-checkbox-block__item:hover {
    background-color: rgba(var(--color-foreground));
    border-color: rgba(var(--color-foreground))
}

.field-checkbox-block__item:hover .field-checkbox-block__content {
    color: rgba(var(--color-background))
}

.field-checkbox-block__content {
    color: rgba(var(--color-foreground));
    transition: .3s;
    font-size: calc(var(--font-body-scale)*1.6rem);
    font-weight: 400;
    line-height: 0
}

.field-checkbox-block__item--size {
    width: 4.2rem;
    height: 4.2rem
}

.field-checkbox-block__item--tag {
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 1.2rem;
    height: 4rem
}

.field-checkbox-block__input {
    display: none
}

.field-checkbox-block__input:checked~.field-checkbox-block__item {
    background-color: rgba(var(--color-foreground));
    border: none
}

.field-checkbox-block__input:checked~.field-checkbox-block__item .field-checkbox-block__content {
    color: rgba(var(--color-background))
}

.field-checkbox-color {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.field-checkbox-color__item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    transition: .3s
}

.field-checkbox-color__content {
    background-color: var(--color);
    background-image: var(--image-src);
    background-size: cover;
    background-position: center;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    border: .1rem solid rgba(var(--color-foreground), 0.2);
    transition: .3s;
    position: relative
}

.field-checkbox-color__item:hover {
    box-shadow: 0 0 0 .1rem #000,0 .8rem 2rem rgba(0,0,0,.2),inset 0 0 0 .4rem #fff
}

.field-checkbox-color__item:hover .field-checkbox-color__content {
    transform: scale(0.8)
}

.field-checkbox-color__input {
    display: none
}

.field-checkbox-color__input:checked~.field-checkbox-color__item {
    box-shadow: 0 0 0 .1rem #000,0 .8rem 2rem rgba(0,0,0,.2),inset 0 0 0 .4rem #fff
}

.field-checkbox-color__input:checked~.field-checkbox-color__item .field-checkbox-color__content {
    transform: scale(0.8)
}

.field-checkbox-text {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.field-checkbox-text__item {
    display: flex;
    align-items: center;
    gap: 1rem;
    transition: .3s;
    transform: translateX(-1.8rem)
}

.field-checkbox-text__item:hover {
    transform: translateX(0)
}

.field-checkbox-text__item:hover .field-checkbox-text__content {
    color: rgba(var(--color-foreground))
}

.field-checkbox-text__icon {
    display: flex;
    align-items: center
}

.field-checkbox-text__content {
    color: rgb(0 0 0);
    transition: .3s;
    font-size: calc(var(--font-body-scale)*1.6rem);
    font-weight: 500
}

.field-checkbox-text__input {
    display: none
}

.field-checkbox-text__input:checked~.field-checkbox-text__item {
    transform: translateX(0)
}

.field-checkbox-text__input:checked~.field-checkbox-text__item .field-checkbox-text__content {
    color: rgba(var(--color-foreground))
}

.xo-field-checkbox {
    display: flex;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.xo-field-checkbox__item {
    display: flex;
    flex-shrink: 0;
    width: var(--icon-size);
    height: var(--icon-size);
    border: .1rem solid rgb(0 0 0);
    border-radius: .3rem;
    overflow: hidden
}

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

.xo-field-checkbox__input {
    display: none
}

.xo-field-checkbox__input:checked~.xo-field-checkbox__item .xo-field-checkbox__icon {
    opacity: 1
}

.xo-field-checkbox__label {
    margin-inline-start:.8rem;display: flex;
    align-items: center
}

.xo-field-checkbox__label span {
    line-height: 1
}

.xo-field-color {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: .3s
}

.xo-field-color:hover {
    transform: scale(1.2)
}

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

.xo-field-color__item .xo-image {
    width: 100px
}

.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__image {
    border: .15rem solid rgba(var(--color-foreground))
}

.xo-field-color__label {
    margin-inline-start:.8rem}

.xo-field-color__image {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    overflow: hidden
}

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

.xo-field-input__input {
    padding: 1.5rem 2rem;
    width: 100%;
    outline: none;
    background-color: rgba(0,0,0,0);
    border-radius: var(--inputs-radius);
    border: .1rem solid rgba(var(--color-foreground), 0.1);
    color: rgba(var(--color-foreground))
}

.xo-field-input__input::-moz-placeholder {
    color: rgb(0 0 0)
}

.xo-field-input__input::placeholder {
    color: rgb(0 0 0)
}

.xo-field-input__placeholder {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: .2s;
    transform-origin: 0 0;
    color: rgb(0 0 0)
}

.xo-field-input__placeholder span {
    color: rgba(var(--color-accent))
}

[dir=ltr] .xo-field-input__placeholder {
    left: 2rem
}

[dir=rtl] .xo-field-input__placeholder {
    right: 2rem
}

.xo-field-input__input:not(:-moz-placeholder-shown)+.xo-field-input__placeholder {
    transform: translateY(-4.3rem) scale(0.7)
}

.xo-field-input__input:focus+.xo-field-input__placeholder,.xo-field-input__input:not(:placeholder-shown)+.xo-field-input__placeholder {
    transform: translateY(-4.3rem) scale(0.7)
}

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

.xo-field-radio:has(>.xo-field-radio__input[xo-unavailable]:not([xo-unavailable=false])) {
    cursor: not-allowed !important;
    pointer-events: none
}

.xo-field-radio__item {
    position: relative;
    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), 0.2);
    flex-shrink: 0
}

.xo-field-radio__item--image {
    padding: .1rem
}

.xo-field-radio__item--image img {
    border-radius: 50%
}

.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__item .xo-field-radio__icon {
    transform: scale(0.7);
    opacity: 1
}

.xo-field-radio__input:checked~.xo-field-radio__item--image {
    border: .2rem solid rgba(var(--color-accent))
}

.xo-field-radio__label {
    position: relative;
    margin-inline-start:.8rem;line-height: 0
}

.xo-field-radio__label span {
    line-height: 0;
    font-size: 1.8rem
}

.xo-field-radio--radio .xo-field-radio__input[xo-disabled]:not([xo-disabled=false])~.xo-field-radio__item .xo-field-radio__icon {
    transform: unset;
    opacity: 0
}

.xo-field-radio--radio .xo-field-radio__input[xo-disabled]:not([xo-disabled=false])~.xo-field-radio__item::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    width: 101%;
    height: .1rem;
    background-color: rgba(var(--color-foreground), 0.15)
}

[dir=ltr] .xo-field-radio--radio .xo-field-radio__input[xo-disabled]:not([xo-disabled=false])~.xo-field-radio__item::after {
    right: 0
}

[dir=rtl] .xo-field-radio--radio .xo-field-radio__input[xo-disabled]:not([xo-disabled=false])~.xo-field-radio__item::after {
    left: 0
}

.xo-field-radio--radio .xo-field-radio__input[xo-disabled]:not([xo-disabled=false])~.xo-field-radio__label {
    color: rgba(var(--color-foreground), 0.15)
}

.xo-field-radio--radio:hover .xo-field-radio__icon {
    transform: scale(0.7);
    opacity: 1
}

.xo-field-radio--radio:hover .xo-field-radio__item--image {
    border: .2rem solid rgba(var(--color-accent))
}

.xo-field-radio--boxed .xo-field-radio__label,.xo-field-radio--boxed2 .xo-field-radio__label,.xo-field-radio--boxed3 .xo-field-radio__label {
    overflow: hidden;
    width: 4.2rem;
    height: 4.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    border: .1rem solid rgba(var(--color-foreground), 0.3);
    border-radius: .5rem;
    background-color: rgba(var(--color-background));
    transition: .3s
}

.xo-field-radio--boxed .xo-field-radio__label span,.xo-field-radio--boxed2 .xo-field-radio__label span,.xo-field-radio--boxed3 .xo-field-radio__label span {
    font-size: calc(var(--font-body-scale)*1.6rem)
}

.xo-field-radio--boxed .xo-field-radio__input:checked~.xo-field-radio__label,.xo-field-radio--boxed2 .xo-field-radio__input:checked~.xo-field-radio__label,.xo-field-radio--boxed3 .xo-field-radio__input:checked~.xo-field-radio__label {
    background-color: rgba(var(--color-foreground));
    color: rgb(var(--color-background))
}

.xo-field-radio--boxed .xo-field-radio__input[xo-disabled]:not([xo-disabled=false])~.xo-field-radio__label,.xo-field-radio--boxed2 .xo-field-radio__input[xo-disabled]:not([xo-disabled=false])~.xo-field-radio__label,.xo-field-radio--boxed3 .xo-field-radio__input[xo-disabled]:not([xo-disabled=false])~.xo-field-radio__label {
    background-color: rgba(var(--color-background));
    color: rgb(var(--color-foreground), 0.15);
    border: .1rem solid rgba(var(--color-foreground), 0.15)
}

.xo-field-radio--boxed .xo-field-radio__input[xo-disabled]:not([xo-disabled=false])~.xo-field-radio__label::after,.xo-field-radio--boxed2 .xo-field-radio__input[xo-disabled]:not([xo-disabled=false])~.xo-field-radio__label::after,.xo-field-radio--boxed3 .xo-field-radio__input[xo-disabled]:not([xo-disabled=false])~.xo-field-radio__label::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: linear-gradient(to top right, transparent calc(50% - 1px), rgba(var(--color-foreground), 0.15), transparent calc(50% + 1px))
}

.xo-field-radio--boxed2 .xo-field-radio__label {
    width: auto;
    padding: 0 1rem
}

.xo-field-radio--boxed3 .xo-field-radio__label {
    width: auto;
    height: 2rem;
    padding: 0 1rem
}

.xo-field-radio--boxed3 .xo-field-radio__label span {
    font-size: calc(var(--font-body-scale)*1.4rem)
}

.xo-field-radio--boxed:hover .xo-field-radio__label,.xo-field-radio--boxed2:hover .xo-field-radio__label,.xo-field-radio--boxed3:hover .xo-field-radio__label {
    background-color: rgba(var(--color-foreground));
    color: rgb(var(--color-background))
}

.xo-field-select-custom-filter__trigger {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    cursor: pointer;
    border-bottom: .1rem solid rgba(var(--color-foreground), 0.1)
}

.xo-field-select-custom-filter__trigger svg {
    color: rgb(0 0 0);
    transition: .3s
}

.xo-field-select-custom-filter__trigger:hover .xo-field-select-custom-filter__name {
    color: rgba(var(--color-foreground))
}

.xo-field-select-custom-filter__trigger:hover svg {
    color: rgba(var(--color-foreground))
}

.xo-field-select-custom-filter__trigger[xo-active]:not([xo-active=false]) .xo-field-select-custom-filter__name {
    color: rgba(var(--color-foreground))
}

.xo-field-select-custom-filter__trigger[xo-active]:not([xo-active=false]) svg {
    color: rgba(var(--color-foreground));
    rotate: 180deg
}

.xo-field-select-custom-filter__name {
    font-weight: 500;
    letter-spacing: -0.032rem;
    color: rgb(0 0 0);
    transition: .3s
}

.xo-field-select-custom-filter__popover {
    min-width: 16rem;
    padding: 1rem 2rem;
    background-color: rgb(var(--color-background));
    box-shadow: 0 2rem 3rem rgba(0,0,0,.1215686275);
    border-radius: .8rem;
    max-height: max(50vh,40rem)
}

.xo-field-select-custom-filter__check {
    display: flex;
    align-items: center;
    gap: .8rem;
    cursor: pointer;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.xo-field-select-custom-filter__input {
    display: none
}

.xo-field-select-custom-filter__input:checked~.xo-field-select-custom-filter__label {
    color: rgba(var(--color-foreground))
}

.xo-field-select-custom-filter__label {
    color: rgba(var(--color-foreground), 0.3);
    transition: .3s;
    font-size: calc(var(--font-body-scale)*1.6rem);
    font-weight: 500;
    line-height: calc(1 + 0.4/var(--font-body-scale))
}

.xo-field-select-custom-filter__label:hover {
    color: rgba(var(--color-foreground))
}

.xo-field-select-custom-variant__trigger {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2.5rem;
    cursor: pointer;
    padding: 0 1.5rem;
    border: solid .1rem rgba(var(--color-foreground), 0.1);
    border-radius: var(--inputs-radius);
    background-color: rgba(var(--color-background));
    width: var(--width);
    height: var(--height);
    transition: .3s
}

.xo-field-select-custom-variant__trigger svg {
    color: rgba(var(--color-foreground))
}

.xo-field-select-custom-variant__trigger:hover {
    background-color: rgba(var(--color-foreground))
}

.xo-field-select-custom-variant__trigger:hover .xo-field-select-custom-variant__name {
    color: rgba(var(--color-background))
}

.xo-field-select-custom-variant__trigger:hover svg {
    color: rgba(var(--color-background))
}

@media(min-width: 576px) {
    .xo-field-select-custom-variant__trigger--sticky {
        width:calc((100vw - 20rem)/2)
    }
}

.xo-field-select-custom-variant__name {
    letter-spacing: -0.032rem;
    color: rgba(var(--color-foreground));
    line-height: 1
}

.xo-field-select-custom-variant__popover {
    min-width: 10rem;
    background-color: rgb(var(--color-background));
    box-shadow: 0 2rem 3rem rgba(0,0,0,.1215686275);
    border-radius: var(--inputs-radius);
    max-height: max(50vh,40rem)
}

.xo-field-select-custom-variant__check {
    display: flex;
    align-items: center;
    gap: .8rem;
    cursor: pointer
}

.xo-field-select-custom-variant__check:has(>.xo-field-select-custom-variant__input[xo-unavailable]:not([xo-unavailable=false])) {
    cursor: not-allowed;
    pointer-events: none
}

.xo-field-select-custom-variant__input {
    display: none
}

.xo-field-select-custom-variant__input:checked~.xo-field-select-custom-variant__label {
    color: rgba(var(--color-background));
    background-color: rgba(var(--color-foreground))
}

.xo-field-select-custom-variant__input[xo-disabled]:not([xo-disabled=false])~.xo-field-select-custom-variant__label {
    color: rgba(var(--color-foreground), 0.15);
    background-color: rgba(var(--color-background))
}

.xo-field-select-custom-variant__label {
    color: rgba(var(--color-foreground));
    transition: .3s;
    font-size: calc(var(--font-body-scale)*1.6rem);
    line-height: calc(1 + 0.4/var(--font-body-scale));
    padding: 1rem 2rem;
    width: 100%
}

.xo-field-select-custom-variant__label:first-child {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem
}

.xo-field-select-custom-variant__label:first-child {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem
}

.xo-field-select-custom-variant__label:hover {
    color: rgba(var(--color-background));
    background-color: rgba(var(--color-foreground))
}

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

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

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

.xo-field-select__icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center
}

[dir=ltr] .xo-field-select__icon {
    right: 1rem
}

[dir=rtl] .xo-field-select__icon {
    left: 1rem
}

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

.xo-field-textarea__textarea {
    padding: 1.5rem 2rem;
    margin-bottom: -1rem;
    min-height: 6.8rem;
    width: 100%;
    outline: none;
    background-color: rgba(0,0,0,0);
    resize: vertical;
    border-radius: var(--inputs-radius);
    border: solid .1rem rgba(var(--color-foreground), 0.1);
    color: rgba(var(--color-foreground))
}

.xo-field-textarea__textarea::-moz-placeholder {
    color: rgb(0 0 0)
}

.xo-field-textarea__textarea::placeholder {
    color: rgb(0 0 0)
}

.xo-field-textarea__placeholder {
    position: absolute;
    top: .5rem;
    transition: .2s;
    transform-origin: 0 0;
    color: rgb(0 0 0)
}

[dir=ltr] .xo-field-textarea__placeholder {
    left: 2rem
}

[dir=rtl] .xo-field-textarea__placeholder {
    right: 2rem
}

.xo-field-textarea__textarea:not(:-moz-placeholder-shown)+.xo-field-textarea__placeholder {
    transform: translateY(-2.3rem) scale(0.7)
}

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

.filters-content__page {
    border: dashed .1rem rgba(var(--color-border));
    border-radius: var(--text-boxes-radius);
    aspect-ratio: var(--aspect-ratio);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 1.5rem
}

.filters-content__page span {
    color: rgba(var(--color-foreground));
    text-transform: uppercase;
    font-size: clamp(2rem,calc(0.5vw + 1.8rem),2.4rem);
    transition: .3s
}

.filters-content__page span:first-child {
    color: rgb(0 0 0);
    font-size: clamp(1rem,calc(0.75vw + 0.7rem),1.6rem)
}

.filters-content__page:hover span:last-child {
    color: rgb(0 0 0)
}

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

.xo-form-error__message {
    color: #eb001b;
    margin-inline-start:.5rem}

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

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

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

.xo-header {
    --margin: 0;
    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)
}

@media(min-width: 768px) {
    .xo-header {
        margin-left:calc(var(--margin)*1px);
        margin-right: calc(var(--margin)*1px)
    }
}

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

.header-bg:after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    background-color: var(--bg-overlay);
    opacity: var(--overlay-opacity);
    z-index: 1
}

.header-bg xo-video-cover {
    height: 100%
}

.header-bg-image__item {
    position: absolute;
    inset: 0
}

@supports(-webkit-touch-callout: none) {
    .header-bg-image__item {
        top: 50%;
        left: 50%;
        min-width: 100vw;
        min-height: 100vh;
        height: 100%;
        transform: translate(-50%, -50%)
    }
}

.header-bg-image__url {
    position: relative;
    width: 100%;
    height: 100%;
    background-image: var(--img-mobile, var(--img-desktop));
    background-size: cover;
    background-position: center
}

@media(min-width: 768px) {
    .header-bg-image__url {
        background-image:var(--img-desktop)
    }
}

.hover-style--scale-up img {
    transition: .8s
}

@media(min-width: 768px) {
    .hover-style--scale-up:hover img {
        transform:scale(1.1)
    }
}

.hover-style--scale-down img {
    transition: .8s
}

@media(min-width: 768px) {
    .hover-style--scale-down:hover img {
        transform:scale(0.9)
    }
}

.hover-style--rotate img {
    transition: .6s
}

@media(min-width: 768px) {
    .hover-style--rotate:hover img {
        transform:scale(1.4) rotate(10deg)
    }
}

.hover-style--slide-up img {
    transition: 1s
}

@media(min-width: 768px) {
    .hover-style--slide-up:hover img {
        transform:translateY(-15px)
    }
}

.hover-style--ripple .xo-image::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    z-index: 2;
    background: hsla(0,0%,100%,.7);
    transition: width .6s,height .6s,opacity .6s .6s;
    pointer-events: none
}

@media(min-width: 768px) {
    .hover-style--ripple:hover .xo-image::after {
        width:100%;
        height: 100%;
        opacity: 0
    }
}

.hover-style--black-white img {
    transition: .5s
}

@media(min-width: 768px) {
    .hover-style--black-white:hover img {
        filter:blur(0.3rem);
        filter: grayscale(100%)
    }
}

@media(min-width: 768px) {
    .hover-style--shake:hover img {
        animation-name:horizontal;
        animation-duration: 1s;
        animation-timing-function: ease-in-out;
        animation-iteration-count: 1;
        transform: scale(1)
    }
}

@keyframes horizontal {
    16.65% {
        transform: translate(8px)
    }

    33.3% {
        transform: translate(-6px)
    }

    49.95% {
        transform: translate(4px)
    }

    66.6% {
        transform: translate(-2px)
    }

    83.25% {
        transform: translate(1px)
    }

    100% {
        transform: translate(0)
    }
}

.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;
    transform: translateZ(0)
}

.xo-image:not(.xo-image--svg) {
    width: 100%;
    padding-top: calc(1/(var(--xo-ratio-percent))*100%)
}

.xo-image:not(.xo-image--svg) img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.xo-image:not(.xo-image--svg) .xo-image__placeholder {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.xo-image img,.xo-image svg {
    transform: translateZ(0)
}

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

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

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

.xo-image__placeholder {
    -o-object-fit: cover;
    object-fit: cover
}

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

.xo-language-select__trigger {
    display: flex;
    line-height: 0;
    align-items: center;
    gap: .5rem;
    cursor: pointer;
    padding: .5rem 0;
    font-weight: 500
}

.xo-language-select__trigger span {
    color: rgb(var(--color-foreground))
}

.xo-language-select__trigger svg {
    color: rgb(var(--color-foreground))
}

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

.xo-language-select__content {
    display: flex;
    flex-direction: column;
    min-width: 10rem;
    background-color: color-mix(in srgb, rgba(var(--color-background)) calc(1 * 100%), transparent);
    border-radius: .5rem;
    box-shadow: 0 2rem 3rem rgba(0,0,0,.1215686275);
    z-index: 100
}

.xo-language-select__item {
    width: 100%;
    padding-bottom: 1rem;
    padding-left: 2rem;
    font-weight: 500;
    padding-right: 2rem;
    transition: all .3s ease;
    cursor: pointer
}

.xo-language-select__item:hover .xo-language-select__name {
    opacity: 1;
    color: var(--color-foreground)
}

.xo-language-select__item:first-child {
    padding: 1rem 2rem
}

.xo-language-select__name {
    opacity: .5;
    transition: .3s
}

.xo-language-select__input {
    display: none
}

.xo-language-select__input:checked~.xo-language-select__name {
    opacity: 1;
    color: var(--color-foreground)
}

.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%;
    left: 50%;
    font-size: calc(var(--size)/10*1px);
    width: 1em;
    height: 1em;
    margin: -0.5em 0 0 -0.5em;
    border: none;
    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 {
    animation: xo-loader-1 calc(var(--duration)*1ms) infinite ease
}

@keyframes xo-loader-1 {
    0% {
        transform: rotate(0);
        box-shadow: 0 -4.15em 0 0 var(--color),0 -4.15em 0 -0.1em var(--color),0 -4.15em 0 -0.2em var(--color),0 -4.15em 0 -0.3em var(--color),0 -4.15em 0 -0.315em var(--color)
    }

    5%,95% {
        box-shadow: 0 -4.15em 0 0 var(--color),0 -4.15em 0 -0.1em var(--color),0 -4.15em 0 -0.2em var(--color),0 -4.15em 0 -0.3em var(--color),0 -4.15em 0 -0.315em var(--color)
    }

    10%,59% {
        box-shadow: 0 -4.15em 0 0 var(--color),-0.435em -4.125em 0 -0.1em var(--color),-0.865em -4.06em 0 -0.2em var(--color),-1.28em -3.945em 0 -0.3em var(--color),-1.485em -3.875em 0 -0.315em var(--color)
    }

    20% {
        box-shadow: 0 -4.15em 0 0 var(--color),-1.69em -3.79em 0 -0.1em var(--color),-2.775em -3.085em 0 -0.2em var(--color),-3.335em -2.44em 0 -0.3em var(--color),-3.745em -1.7em 0 -0.315em var(--color)
    }

    38% {
        box-shadow: 0 -4.15em 0 0 var(--color),-1.885em -3.7em 0 -0.1em var(--color),-3.225em -2.61em 0 -0.2em var(--color),-3.875em -1.485em 0 -0.3em var(--color),-4.1em -0.45em 0 -0.315em var(--color)
    }

    100% {
        transform: rotate(360deg);
        box-shadow: 0 -4.15em 0 0 var(--color),0 -4.15em 0 -0.1em var(--color),0 -4.15em 0 -0.2em var(--color),0 -4.15em 0 -0.3em var(--color),0 -4.15em 0 -0.315em var(--color)
    }
}

.xo-loader-2 {
    --size: 26;
    --color: #000;
    --duration: 1000;
    --stroke-width: 2;
    position: relative;
    width: calc(var(--size)*1px);
    height: calc(var(--size)*1px)
}

.xo-loader-2>* {
    width: 100%;
    height: 100%;
    position: absolute;
    border: calc(var(--stroke-width)*1px) solid rgba(0,0,0,0);
    border-top-color: currentColor;
    animation: xo-loader-2 calc(var(--duration)*1ms) linear infinite;
    transform: translateZ(0);
    border-radius: 50%;
    color: var(--color)
}

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

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

@keyframes xo-loader-2 {
    0% {
        visibility: hidden;
        display: none;
        transform: rotate(0)
    }

    100% {
        visibility: visible;
        display: block;
        transform: rotate(360deg)
    }
}

.xo-loader-3 {
    --size: 10;
    --color: #000;
    --duration: 1000;
    display: flex;
    align-items: center;
    width: -moz-fit-content;
    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>* {
    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 {
    animation: calc(var(--duration)*1ms) xo-loader-3 ease-in-out infinite 0s
}

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

@keyframes xo-loader-3 {
    0%,80%,100% {
        transform: scale(0);
        opacity: 0
    }

    40% {
        transform: scale(1);
        opacity: 1
    }
}

.main-search-mobile__trigger {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    border: .2rem solid rgb(0 0 0);
    border-radius: var(--buttons-radius);
    padding: 1rem 2rem;
    cursor: pointer;
    transition: .3s
}

@media(min-width: 768px) {
    .main-search-mobile__trigger {
        display:none
    }
}

.main-search-mobile__trigger:hover {
    background-color: rgba(var(--color-foreground));
    border: .2rem solid rgba(var(--color-foreground))
}

.main-search-mobile__trigger:hover .main-search-mobile__trigger-text {
    color: rgba(var(--color-background))
}

.main-search-mobile__trigger:hover svg {
    color: rgba(var(--color-background))
}

.main-search-mobile__trigger-text {
    font-size: calc(var(--font-body-scale)*1.5rem);
    text-transform: capitalize;
    font-weight: 500;
    letter-spacing: calc(var(--font-body-scale)*0.1rem);
    line-height: 0;
    color: rgba(var(--color-foreground))
}

.main-search-mobile__modal-wrap {
    width: 100%;
    padding: 4.8rem;
    background-color: rgba(var(--color-background));
    position: relative
}

@media(min-width: 576px) {
    .main-search-mobile__modal-wrap {
        width:41.5rem
    }
}

@media(min-width: 768px) {
    .main-search-mobile__modal-wrap {
        display:none
    }
}

.main-search-mobile__modal {
    overflow-x: hidden
}

.main-search-mobile__modal-close {
    cursor: pointer;
    position: absolute;
    top: 1rem
}

[dir=ltr] .main-search-mobile__modal-close {
    right: 1rem
}

[dir=rtl] .main-search-mobile__modal-close {
    left: 1rem
}

.main-search-mobile__modal-close button {
    all: unset;
    width: 3.2rem;
    height: 3.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: .3s
}

.main-search-mobile__modal-close svg {
    color: rgba(var(--color-foreground));
    line-height: 0
}

.main-search-mobile__modal-close:hover button {
    background-color: rgba(var(--color-foreground));
    rotate: 180deg
}

.main-search-mobile__modal-close:hover svg {
    color: rgba(var(--color-background))
}

.main-search-style1__header {
    padding-bottom: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media(min-width: 768px) {
    .main-search-style1__header {
        justify-content:flex-end;
        padding-bottom: 3rem
    }
}

@media(max-width: 767px) {
    .main-search-style1__sidebar {
        display:none
    }
}

.main-search-style2__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 2rem
}

@media(min-width: 768px) {
    .main-search-style2__header {
        padding-bottom:3rem
    }
}

.main-search-style2__header--end {
    justify-content: flex-end
}

.main-search-style2__trigger {
    display: none
}

@media(min-width: 768px) {
    .main-search-style2__trigger {
        display:flex;
        justify-content: center;
        align-items: center;
        gap: 1rem;
        border: .2rem solid rgb(0 0 0);
        border-radius: var(--buttons-radius);
        padding: 1rem 2rem;
        cursor: pointer;
        transition: .3s
    }
}

.main-search-style2__trigger svg {
    font-weight: bold
}

.main-search-style2__trigger.xo-active {
    background-color: rgba(var(--color-foreground));
    border-color: rgba(var(--color-foreground))
}

.main-search-style2__trigger.xo-active .main-search-style2__trigger-text {
    color: rgba(var(--color-background))
}

.main-search-style2__trigger.xo-active svg {
    color: rgba(var(--color-background))
}

.main-search-style2__trigger[xo-active]:not([xo-active=false]) {
    background-color: rgba(var(--color-foreground));
    border-color: rgba(var(--color-foreground))
}

.main-search-style2__trigger[xo-active]:not([xo-active=false]) .main-search-style2__trigger-text {
    color: rgba(var(--color-background))
}

.main-search-style2__trigger[xo-active]:not([xo-active=false]) svg {
    color: rgba(var(--color-background))
}

.main-search-style2__trigger:hover {
    background-color: rgba(var(--color-foreground));
    border-color: rgba(var(--color-foreground))
}

.main-search-style2__trigger:hover .main-search-style2__trigger-text {
    color: rgba(var(--color-background))
}

.main-search-style2__trigger:hover svg {
    color: rgba(var(--color-background))
}

.main-search-style2__trigger-text {
    font-size: calc(var(--font-body-scale)*1.5rem);
    text-transform: capitalize;
    font-weight: 500;
    letter-spacing: calc(var(--font-body-scale)*0.1rem);
    line-height: 0;
    color: rgba(var(--color-foreground))
}

.main-search-style2__modal-wrap {
    display: none;
    position: relative
}

@media(min-width: 768px) {
    .main-search-style2__modal-wrap {
        display:block;
        width: 41.5rem;
        padding: 4.8rem;
        background-color: rgba(var(--color-background))
    }
}

.main-search-style2__modal {
    overflow-x: hidden
}

.main-search-style2__modal-close {
    cursor: pointer;
    position: absolute;
    top: 1rem
}

[dir=ltr] .main-search-style2__modal-close {
    right: 1rem
}

[dir=rtl] .main-search-style2__modal-close {
    left: 1rem
}

.main-search-style2__modal-close button {
    all: unset;
    width: 3.2rem;
    height: 3.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: .3s
}

.main-search-style2__modal-close svg {
    color: rgba(var(--color-foreground));
    line-height: 0
}

.main-search-style2__modal-close:hover button {
    background-color: rgba(var(--color-foreground));
    rotate: 180deg
}

.main-search-style2__modal-close:hover svg {
    color: rgba(var(--color-background))
}

.main-search-style2__grid {
    display: flex;
    justify-content: space-between
}

.main-search-style2__grid.xo-active {
    display: flex
}

.main-search-style2__grid.xo-active .main-search-style2__sidebar {
    visibility: visible;
    opacity: 1;
    width: 32rem;
    margin-right: 3rem
}

.main-search-style2__grid.xo-active .main-search-style2__content-wrap {
    width: calc(100% - 35rem)
}

.main-search-style2__sidebar {
    width: 0;
    opacity: 0;
    transition: .3s;
    overflow-x: hidden;
    visibility: hidden
}

.main-search-style2__content-wrap {
    width: 100%;
    transition: .3s
}

.main-search-style2__collapse-wrap {
    display: none
}

@media(min-width: 768px) {
    .main-search-style2__collapse-wrap {
        display:grid;
        padding: 3rem 6rem;
        margin-bottom: 2rem;
        border: .1rem solid rgba(var(--color-foreground), 0.1)
    }
}

.main-search-style2__collapse {
    overflow-x: hidden
}

.main-search-style2__collapse .search-sidebar__menu {
    max-height: 22rem;
    overflow-y: auto;
    overflow-x: hidden
}

.main-search-style2__collapse .search-sidebar__menu::-webkit-scrollbar {
    width: .3rem;
    background-color: rgba(var(--color-foreground), 0.08)
}

.main-search-style2__collapse .search-sidebar__menu::-webkit-scrollbar-thumb {
    background-color: rgba(var(--color-foreground), 0.12)
}

.main-search-style2__collapse .search-sidebar__menu::-webkit-scrollbar-thumb:hover {
    background-color: rgba(var(--color-foreground))
}

.xo-media {
    width: 100%;
    aspect-ratio: var(--media-aspect-ratio)
}

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

.menu-hamburger-drawer-desktop {
    z-index: 1000;
    overflow: hidden
}

@media(max-width: 1199px) {
    .menu-hamburger-drawer-desktop {
        display:none
    }
}

.menu-hamburger-drawer-desktop[xo-ready] .menu-hamburger-drawer-desktop__mega-menu {
    display: block
}

.menu-hamburger-drawer-desktop__content {
    width: 34.5rem;
    height: 100dvh;
    background-color: var(--drawer-bg-color, rgb(var(--color-background)));
    background-image: var(--drawer-bg-gradient);
    padding: 4rem 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.menu-hamburger-drawer-desktop__logo {
    display: flex;
    align-items: center;
    margin: 4rem 0 6rem;
    padding: 0 5rem
}

.menu-hamburger-drawer-desktop__logo-placeholder {
    text-align: center;
    margin-bottom: 0
}

.menu-hamburger-drawer-desktop__item {
    position: relative !important;
    cursor: pointer;
    padding: 2rem 5rem
}

.menu-hamburger-drawer-desktop__item:hover .menu-hamburger-drawer-desktop__label {
    opacity: .5;
    padding-inline-start:.5rem}

.menu-hamburger-drawer-desktop__item:hover .menu-hamburger-drawer-desktop__arrow svg {
    opacity: .5
}

.menu-hamburger-drawer-desktop__item::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 10rem);
    height: .1rem;
    background-color: rgba(var(--color-foreground), 0.1)
}

.menu-hamburger-drawer-desktop__item:last-child::after {
    content: none
}

.menu-hamburger-drawer-desktop__item--child {
    padding: .5rem 1.5rem
}

.menu-hamburger-drawer-desktop__item--child:hover .menu-hamburger-drawer-desktop__child-label {
    opacity: 1;
    transform: translateX(0.5rem)
}

.menu-hamburger-drawer-desktop__item--child:hover .menu-hamburger-drawer-desktop__child-arrow svg {
    opacity: 1
}

.menu-hamburger-drawer-desktop__item--child::after {
    content: none
}

.menu-hamburger-drawer-desktop__item--child.menu-hamburger-drawer-desktop__item--open .menu-hamburger-drawer-desktop__child-label {
    opacity: 1;
    transform: translateX(0.5rem)
}

.menu-hamburger-drawer-desktop__item--child.menu-hamburger-drawer-desktop__item--open .menu-hamburger-drawer-desktop__child-arrow svg {
    opacity: 1
}

.menu-hamburger-drawer-desktop__item--grandchild {
    padding: .5rem 1.5rem
}

.menu-hamburger-drawer-desktop__item--grandchild:hover .menu-hamburger-drawer-desktop__grandchild-label {
    opacity: 1;
    transform: translateX(0.5rem)
}

.menu-hamburger-drawer-desktop__item--grandchild::after {
    content: none
}

.menu-hamburger-drawer-desktop__item--hover:hover>.menu-hamburger-drawer-desktop__sub-menu,.menu-hamburger-drawer-desktop__item--hover:hover>.menu-hamburger-drawer-desktop__mega-menu,.menu-hamburger-drawer-desktop__item--open>.menu-hamburger-drawer-desktop__sub-menu,.menu-hamburger-drawer-desktop__item--open>.menu-hamburger-drawer-desktop__mega-menu {
    pointer-events: auto;
    opacity: 1;
    transform: translate3d(5rem, -50%, 0)
}

.menu-hamburger-drawer-desktop__item--hover:hover>.menu-hamburger-drawer-desktop__sub-menu--grandchild,.menu-hamburger-drawer-desktop__item--open>.menu-hamburger-drawer-desktop__sub-menu--grandchild {
    transform: translate3d(2.5rem, -50%, 0)
}

.menu-hamburger-drawer-desktop__item--hover:hover .menu-hamburger-drawer-desktop__label,.menu-hamburger-drawer-desktop__item--open .menu-hamburger-drawer-desktop__label {
    opacity: .5;
    padding-inline-start:.5rem}

.menu-hamburger-drawer-desktop__item--hover:hover .menu-hamburger-drawer-desktop__arrow svg,.menu-hamburger-drawer-desktop__item--open .menu-hamburger-drawer-desktop__arrow svg {
    opacity: .5
}

.menu-hamburger-drawer-desktop__mega-menu {
    display: none;
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    width: calc(100vw - 38rem);
    opacity: 0;
    pointer-events: none;
    transition: .3s;
    padding-inline-start:1.8rem}

[dir=ltr] .menu-hamburger-drawer-desktop__mega-menu {
    left: 29.5rem
}

[dir=rtl] .menu-hamburger-drawer-desktop__mega-menu {
    right: 29.5rem
}

.menu-hamburger-drawer-desktop__mega-menu .xo-section {
    border-radius: .5rem
}

.menu-hamburger-drawer-desktop__mega-menu .xo-section::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-right: 1.2rem solid var(--bg-color);
    border-top: 1.2rem solid rgba(0,0,0,0);
    border-bottom: 1.2rem solid rgba(0,0,0,0);
    border-left: 0
}

[dir=ltr] .menu-hamburger-drawer-desktop__mega-menu .xo-section::before {
    left: -1.2rem
}

[dir=rtl] .menu-hamburger-drawer-desktop__mega-menu .xo-section::before {
    right: -1.2rem
}

.menu-hamburger-drawer-desktop__mega-menu:empty {
    display: none
}

.menu-hamburger-drawer-desktop__mega-menu:not(:empty)~.menu-hamburger-drawer-desktop__sub-menu {
    display: none
}

.menu-hamburger-drawer-desktop__mega-menu:not(:empty)~.menu-hamburger-drawer-desktop__link .menu-hamburger-drawer-desktop__arrow--mega-menu {
    display: block
}

.menu-hamburger-drawer-desktop__link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.menu-hamburger-drawer-desktop__label {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*1.3rem);
    color: rgba(var(--color-foreground));
    font-weight: 500;
    margin-bottom: 0;
    text-transform: uppercase;
    white-space: nowrap;
    transition: .3s;
    font-family: var(--font-custom-family)
}

.menu-hamburger-drawer-desktop__child-label,.menu-hamburger-drawer-desktop__grandchild-label {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*1.5rem);
    color: rgba(var(--color-foreground));
    opacity: .5;
    font-weight: 500;
    margin-bottom: 0;
    white-space: nowrap;
    transition: .3s
}

.menu-hamburger-drawer-desktop__label-filter {
    position: absolute;
    top: -1.8rem;
    font-size: calc(var(--font-body-scale)*0.8rem);
    text-transform: uppercase;
    padding: 0 .5rem;
    font-weight: 600;
    line-height: calc(1 + 1/var(--font-heading-scale));
    letter-spacing: calc(var(--font-heading-scale)*0.2rem);
    color: #fff;
    background-color: var(--bg-color)
}

[dir=ltr] .menu-hamburger-drawer-desktop__label-filter {
    left: 0;
    transform: translateX(50%)
}

[dir=rtl] .menu-hamburger-drawer-desktop__label-filter {
    right: 0;
    transform: translateX(-50%)
}

.menu-hamburger-drawer-desktop__label-filter::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 1rem;
    border-right: .4rem solid rgba(0,0,0,0);
    border-top: .4rem solid var(--bg-color)
}

.menu-hamburger-drawer-desktop__arrow {
    line-height: 0
}

.menu-hamburger-drawer-desktop__arrow svg {
    stroke: rgba(var(--color-foreground));
    transition: .3s
}

.menu-hamburger-drawer-desktop__child-arrow {
    line-height: 0
}

.menu-hamburger-drawer-desktop__child-arrow svg {
    stroke: rgba(var(--color-foreground));
    opacity: .5;
    transition: .3s
}

.menu-hamburger-drawer-desktop__arrow--mega-menu {
    display: none
}

.menu-hamburger-drawer-desktop__sub-menu {
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    width: 20rem;
    opacity: 0;
    pointer-events: none;
    transition: .3s;
    padding-inline-start:1.8rem}

[dir=ltr] .menu-hamburger-drawer-desktop__sub-menu {
    left: 29.5rem
}

[dir=rtl] .menu-hamburger-drawer-desktop__sub-menu {
    right: 29.5rem
}

.menu-hamburger-drawer-desktop__sub-menu-list {
    position: relative;
    border-radius: .5rem;
    background-color: var(--submenu-bg-color, rgb(var(--color-background)));
    background-image: var(--submenu-bg-gradient);
    padding: 1.5rem 0
}

.menu-hamburger-drawer-desktop__sub-menu-list::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-right: 1.2rem solid var(--submenu-bg-color);
    border-top: 1.2rem solid rgba(0,0,0,0);
    border-bottom: 1.2rem solid rgba(0,0,0,0);
    border-left: 0
}

[dir=ltr] .menu-hamburger-drawer-desktop__sub-menu-list::before {
    left: -1.2rem
}

[dir=rtl] .menu-hamburger-drawer-desktop__sub-menu-list::before {
    right: -1.2rem
}

[dir=ltr] .menu-hamburger-drawer-desktop__sub-menu--grandchild {
    left: 15.7rem
}

[dir=rtl] .menu-hamburger-drawer-desktop__sub-menu--grandchild {
    right: 15.7rem
}

.menu-hamburger-drawer-desktop__search {
    position: relative;
    padding: 0 5rem
}

.menu-hamburger-drawer-desktop__search .xo-field-input__input {
    padding-inline-start:1.5rem;padding-inline-end:4rem}

.menu-hamburger-drawer-desktop__search-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    line-height: 0
}

[dir=ltr] .menu-hamburger-drawer-desktop__search-icon {
    right: 6.5rem
}

[dir=rtl] .menu-hamburger-drawer-desktop__search-icon {
    left: 6.5rem
}

.menu-hamburger-drawer-mobile {
    z-index: 1000;
    top: var(--top);
    overflow: hidden
}

@media(min-width: 1200px) {
    .menu-hamburger-drawer-mobile {
        display:none
    }
}

.menu-hamburger-drawer-mobile[xo-ready] .menu-hamburger-drawer-mobile__mega-menu {
    display: block
}

.menu-hamburger-drawer-mobile__mega-menu {
    display: none
}

.menu-hamburger-drawer-mobile__content {
    width: 34.5rem;
    height: calc(100dvh - var(--top));
    background-color: var(--drawer-bg-color, rgb(var(--color-background)));
    background-image: var(--drawer-bg-gradient);
    padding: 0 2rem 2rem;
    overflow: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 3rem
}

.menu-hamburger-drawer-mobile__collapse-trigger {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem 0;
    border-bottom: solid .1rem rgba(var(--color-foreground), 0.1);
    cursor: pointer
}

.menu-hamburger-drawer-mobile__collapse-child-trigger {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.menu-hamburger-drawer-mobile__collapse-trigger:hover .menu-hamburger-drawer-mobile__label {
    color: rgba(var(--color-foreground));
    opacity: .5
}

.menu-hamburger-drawer-mobile__collapse-trigger:hover .menu-hamburger-drawer-mobile__arrow svg {
    stroke: rgba(var(--color-foreground));
    opacity: .5
}

.menu-hamburger-drawer-mobile__collapse-child-trigger:hover .menu-hamburger-drawer-mobile__child-link {
    opacity: 1
}

.menu-hamburger-drawer-mobile__collapse-child-trigger:hover .menu-hamburger-drawer-mobile__child-arrow svg {
    opacity: 1
}

.menu-hamburger-drawer-mobile__collapse-trigger[xo-active]:not([xo-active=false]) .menu-hamburger-drawer-mobile__label {
    color: rgba(var(--color-foreground));
    opacity: .5
}

.menu-hamburger-drawer-mobile__collapse-trigger[xo-active]:not([xo-active=false]) .menu-hamburger-drawer-mobile__arrow {
    transform: rotate(180deg)
}

.menu-hamburger-drawer-mobile__collapse-trigger[xo-active]:not([xo-active=false]) .menu-hamburger-drawer-mobile__arrow svg {
    stroke: rgba(var(--color-foreground));
    opacity: .5
}

.menu-hamburger-drawer-mobile__collapse-child-trigger[xo-active]:not([xo-active=false]) .menu-hamburger-drawer-mobile__child-link {
    opacity: 1
}

.menu-hamburger-drawer-mobile__collapse-child-trigger[xo-active]:not([xo-active=false]) .menu-hamburger-drawer-mobile__child-arrow {
    transform: rotate(180deg)
}

.menu-hamburger-drawer-mobile__collapse-child-trigger[xo-active]:not([xo-active=false]) .menu-hamburger-drawer-mobile__child-arrow svg {
    opacity: 1
}

.menu-hamburger-drawer-mobile__link {
    position: relative
}

.menu-hamburger-drawer-mobile__label {
    color: rgba(var(--color-foreground));
    transition: .3s;
    font-size: calc(var(--font-body-scale)*1.5rem);
    font-weight: 500;
    font-family: var(--font-custom-family)
}

.menu-hamburger-drawer-mobile__label-filter {
    position: absolute;
    top: -1.3rem;
    font-size: calc(var(--font-body-scale)*0.8rem);
    text-transform: uppercase;
    padding: 0 .5rem;
    font-weight: 600;
    line-height: calc(1 + 1/var(--font-heading-scale));
    letter-spacing: calc(var(--font-heading-scale)*0.2rem);
    color: #fff;
    background-color: var(--bg-color)
}

[dir=ltr] .menu-hamburger-drawer-mobile__label-filter {
    left: 50%
}

[dir=rtl] .menu-hamburger-drawer-mobile__label-filter {
    right: 50%
}

.menu-hamburger-drawer-mobile__label-filter::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 1rem;
    border-right: .4rem solid rgba(0,0,0,0);
    border-top: .4rem solid var(--bg-color)
}

.menu-hamburger-drawer-mobile__child-link,.menu-hamburger-drawer-mobile__grandchild-link {
    color: rgba(var(--color-foreground));
    opacity: .5;
    transition: .3s;
    font-size: calc(var(--font-body-scale)*1.5rem);
    font-weight: 500;
    line-height: calc(1 + 1.6/var(--font-body-scale))
}

.menu-hamburger-drawer-mobile__grandchild-link {
    display: block
}

.menu-hamburger-drawer-mobile__grandchild-link:hover {
    opacity: 1
}

.menu-hamburger-drawer-mobile__arrow {
    transition: .25s;
    line-height: 0
}

.menu-hamburger-drawer-mobile__arrow svg {
    stroke: rgba(var(--color-foreground))
}

.menu-hamburger-drawer-mobile__child-arrow {
    transition: .25s;
    line-height: 0
}

.menu-hamburger-drawer-mobile__child-arrow svg {
    stroke: rgba(var(--color-foreground));
    opacity: .5
}

@media(max-width: 1199px) {
    .menu-hamburger-drawer-mobile__collapse-content .xo-section {
        padding:3rem 0 0
    }

    .menu-hamburger-drawer-mobile__collapse-content .mega-menu-v8__image {
        display: none
    }

    .menu-hamburger-drawer-mobile__collapse-content .mega-menu-v5__blog {
        display: none
    }
}

.menu-hamburger-drawer-mobile__utilities {
    display: flex;
    gap: 1rem;
    margin-bottom: 3rem
}

.menu-hamburger-drawer-mobile__utility {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    padding: 1rem 1.5rem;
    border: solid .1rem rgba(var(--color-foreground), 0.1);
    border-radius: .8rem;
    color: rgba(var(--color-foreground));
    line-height: 0;
    transition: .3s
}

.menu-hamburger-drawer-mobile__utility svg {
    color: rgba(var(--color-foreground));
    transition: .3s
}

.menu-hamburger-drawer-mobile__utility:hover {
    background-color: rgba(var(--color-foreground));
    color: var(--drawer-bg-color, rgba(var(--color-background)))
}

.menu-hamburger-drawer-mobile__utility:hover svg {
    color: var(--drawer-bg-color, rgba(var(--color-background)))
}

.menu-hamburger-drawer-mobile__selects {
    display: flex;
    gap: 3rem;
    padding-top: 2rem;
    border-top: solid .1rem rgba(var(--color-foreground), 0.1)
}

.menu-hamburger-drawer-mobile__select-item {
    display: flex;
    gap: .5rem;
    align-items: center
}

.menu-hamburger-drawer-mobile__flag {
    line-height: 0
}

.menu-hamburger-drawer-mobile__flag img {
    width: 2.3rem
}

.menu-hamburger-horizontal {
    z-index: 1000;
    height: unset
}

.menu-hamburger-horizontal__list {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 6rem;
    width: 100vw;
    height: 100dvh
}

@media(min-width: 1200px) {
    .menu-hamburger-horizontal__list {
        flex-direction:row
    }
}

.menu-hamburger-horizontal__link {
    position: relative;
    color: #fff;
    font-weight: 500;
    transition: .3s;
    font-size: calc(var(--font-body-scale)*2.4rem)
}

.menu-hamburger-horizontal__link:hover {
    color: rgb(var(--color-accent))
}

.menu-hamburger-horizontal__link::after {
    content: "";
    position: absolute;
    border-bottom: .1rem solid rgb(var(--color-accent));
    bottom: 0;
    width: 0;
    transition: .3s linear 0s
}

[dir=ltr] .menu-hamburger-horizontal__link::after {
    right: 0
}

[dir=rtl] .menu-hamburger-horizontal__link::after {
    left: 0
}

.menu-hamburger-horizontal__link:hover::after {
    width: 100%
}

[dir=ltr] .menu-hamburger-horizontal__link:hover::after {
    left: 0
}

[dir=rtl] .menu-hamburger-horizontal__link:hover::after {
    right: 0
}

.menu-hamburger-vertical {
    z-index: 1000;
    height: unset
}

.menu-hamburger-vertical__list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6rem;
    width: 100vw;
    height: 100dvh
}

.menu-hamburger-vertical__link {
    position: relative;
    color: #fff;
    font-weight: 500;
    transition: .3s;
    font-size: calc(var(--font-body-scale)*2.4rem)
}

.menu-hamburger-vertical__link:hover {
    color: rgb(var(--color-accent))
}

.menu-hamburger-vertical__link::after {
    content: "";
    position: absolute;
    border-bottom: .1rem solid rgb(var(--color-accent));
    bottom: 0;
    width: 0;
    transition: .3s linear 0s
}

[dir=ltr] .menu-hamburger-vertical__link::after {
    right: 0
}

[dir=rtl] .menu-hamburger-vertical__link::after {
    left: 0
}

.menu-hamburger-vertical__link:hover::after {
    width: 100%
}

[dir=ltr] .menu-hamburger-vertical__link:hover::after {
    left: 0
}

[dir=rtl] .menu-hamburger-vertical__link:hover::after {
    right: 0
}

.xo-menu-hamburger__trigger {
    width: 2.3rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    height: 100%
}

.xo-menu-hamburger__trigger--close {
    height: 2rem;
    margin: 0 5rem
}

.xo-menu-hamburger__trigger--close2 {
    position: absolute;
    top: 15%;
    left: 15%;
    height: 2rem
}

.xo-menu-hamburger__trigger--close2 .xo-menu-hamburger__icon {
    background-color: #fff
}

.xo-menu-hamburger__trigger--close2 .xo-menu-hamburger__icon::before,.xo-menu-hamburger__trigger--close2 .xo-menu-hamburger__icon::after {
    background-color: #fff
}

@media(min-width: 1200px) {
    .xo-menu-hamburger__trigger--close2 {
        top:30%;
        left: 30%
    }
}

.xo-menu-hamburger__trigger--close3 {
    position: absolute;
    top: 15%;
    left: 15%;
    height: 2rem
}

.xo-menu-hamburger__trigger--close3 .xo-menu-hamburger__icon {
    background-color: #fff
}

.xo-menu-hamburger__trigger--close3 .xo-menu-hamburger__icon::before,.xo-menu-hamburger__trigger--close3 .xo-menu-hamburger__icon::after {
    background-color: #fff
}

@media(min-width: 1200px) {
    .xo-menu-hamburger__trigger--close3 {
        left:30%
    }
}

.xo-menu-hamburger__trigger[xo-active]:not([xo-active=false]) .xo-menu-hamburger__icon {
    transform: rotate(45deg);
    transition-delay: .22s;
    width: 2.3rem
}

.xo-menu-hamburger__trigger[xo-active]:not([xo-active=false]) .xo-menu-hamburger__icon::before {
    top: 0;
    opacity: 0;
    transition: top .2s ease,opacity .2s ease .22s,width .1s ease
}

.xo-menu-hamburger__trigger[xo-active]:not([xo-active=false]) .xo-menu-hamburger__icon::after {
    bottom: 0;
    transform: rotate(-90deg);
    width: 2.3rem;
    transition: bottom .2s ease,transform .2s ease .22s,width .1s ease
}

.xo-menu-hamburger__trigger:hover .xo-menu-hamburger__icon,.xo-menu-hamburger__trigger:hover .xo-menu-hamburger__icon::after {
    width: 2.3rem
}

.xo-menu-hamburger__icon {
    position: relative;
    width: 1.2rem;
    height: .2rem;
    background-color: rgba(var(--color-foreground));
    transition: .2s ease
}

.xo-menu-hamburger__icon::before,.xo-menu-hamburger__icon::after {
    content: "";
    position: absolute;
    height: .2rem;
    background-color: rgba(var(--color-foreground))
}

[dir=ltr] .xo-menu-hamburger__icon::before,[dir=ltr] .xo-menu-hamburger__icon::after {
    left: 0
}

[dir=rtl] .xo-menu-hamburger__icon::before,[dir=rtl] .xo-menu-hamburger__icon::after {
    right: 0
}

.xo-menu-hamburger__icon::before {
    top: -0.7rem;
    width: 2.3rem;
    transition: top .2s ease .22s,opacity .2s ease
}

@media(min-width: 1200px) {
    .xo-menu-hamburger__icon::before {
        top:-0.8rem
    }
}

.xo-menu-hamburger__icon::after {
    bottom: -0.7rem;
    width: 1.7rem;
    transition: bottom .2s ease .22s,transform .2s ease,width .2s ease
}

@media(min-width: 1200px) {
    .xo-menu-hamburger__icon::after {
        bottom:-0.8rem
    }
}

.xo-menu-horizontal {
    display: flex;
    align-items: center
}

.xo-menu-horizontal__item {
    position: relative;
    cursor: pointer;
    padding: var(--padding) 2.5rem
}

.xo-menu-horizontal__item:hover .xo-menu-horizontal__label {
    color: rgb(0 0 0)
}

.xo-menu-horizontal__item:hover .xo-menu-horizontal__arrow svg {
    stroke: rgb(from rgb(0 0 0) r g b / 1)
}

.xo-menu-horizontal__item:first-child {
    padding-inline-start:0}

.xo-menu-horizontal__item:last-child {
    padding-inline-end:0}

.xo-menu-horizontal__item--child {
    padding: .5rem 1.5rem
}

.xo-menu-horizontal__item--child:first-child {
    padding-inline-start:1.5rem}

.xo-menu-horizontal__item--child:last-child {
    padding-inline-end:1.5rem}

.xo-menu-horizontal__item--child .xo-menu-horizontal__link {
    justify-content: space-between
}

.xo-menu-horizontal__item--child:hover .xo-menu-horizontal__child-label {
    opacity: 1;
    transform: translateX(0.5rem)
}

.xo-menu-horizontal__item--child:hover .xo-menu-horizontal__child-arrow svg {
    opacity: 1
}

.xo-menu-horizontal__item--child.xo-menu-horizontal__item--open .xo-menu-horizontal__child-label {
    opacity: 1;
    transform: translateX(0.5rem)
}

.xo-menu-horizontal__item--child.xo-menu-horizontal__item--open .xo-menu-horizontal__child-arrow svg {
    opacity: 1
}

.xo-menu-horizontal__item--grandchild {
    padding: .5rem 1.5rem
}

.xo-menu-horizontal__item--grandchild:first-child {
    padding-inline-start:1.5rem}

.xo-menu-horizontal__item--grandchild:last-child {
    padding-inline-end:1.5rem}

.xo-menu-horizontal__item--grandchild:hover .xo-menu-horizontal__grandchild-label {
    opacity: 1;
    transform: translateX(0.5rem)
}

.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--open>.xo-menu-horizontal__sub-menu,.xo-menu-horizontal__item--open>.xo-menu-horizontal__mega-menu {
    pointer-events: auto;
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.xo-menu-horizontal__mega-menu {
    position: absolute;
    top: 100%;
    box-shadow: .7rem .6rem 4rem rgba(204,204,223,.1607843137);
    width: 100%;
    opacity: 0;
    pointer-events: none;
    transform: translate3d(0, 1rem, 0);
    transition: .3s
}

[dir=ltr] .xo-menu-horizontal__mega-menu {
    left: 0
}

[dir=rtl] .xo-menu-horizontal__mega-menu {
    right: 0
}

.xo-menu-horizontal__mega-menu:empty {
    display: none
}

.xo-menu-horizontal__mega-menu:not(:empty)~.xo-menu-horizontal__sub-menu {
    display: none
}

.xo-menu-horizontal__mega-menu:not(:empty)~.xo-menu-horizontal__link .xo-menu-horizontal__arrow--mega-menu {
    display: block
}

.xo-menu-horizontal__link {
    position: relative;
    display: flex;
    align-items: center
}

.xo-menu-horizontal__label {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*1.3rem);
    color: rgb(var(--color-foreground));
    font-weight: 500;
    margin-bottom: 0;
    text-transform: uppercase;
    white-space: nowrap;
    transition: .3s
}

.xo-menu-horizontal__child-label,.xo-menu-horizontal__grandchild-label {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*1.5rem);
    color: rgba(var(--color-foreground));
    opacity: .5;
    font-weight: 500;
    margin-bottom: 0;
    white-space: nowrap;
    transition: .3s
}

.xo-menu-horizontal__label-filter {
    position: absolute;
    top: -1.8rem;
    font-size: calc(var(--font-body-scale)*0.8rem);
    text-transform: uppercase;
    padding: 0 .5rem;
    font-weight: 600;
    line-height: calc(1 + 1/var(--font-heading-scale));
    letter-spacing: calc(var(--font-heading-scale)*0.2rem);
    color: #fff;
    background-color: var(--bg-color)
}

[dir=ltr] .xo-menu-horizontal__label-filter {
    left: 50%
}

[dir=rtl] .xo-menu-horizontal__label-filter {
    right: 50%
}

.xo-menu-horizontal__label-filter::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 1rem;
    border-right: .4rem solid rgba(0,0,0,0);
    border-top: .4rem solid var(--bg-color)
}

.xo-menu-horizontal__arrow {
    line-height: 0
}

.xo-menu-horizontal__arrow svg {
    stroke: rgb(from rgba(var(--color-foreground)) r g b / 1);
    transition: .3s
}

.xo-menu-horizontal__child-arrow {
    line-height: 0
}

.xo-menu-horizontal__child-arrow svg {
    stroke: rgba(var(--color-foreground));
    opacity: .5;
    transition: .3s
}

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

.xo-menu-horizontal__logo {
    display: flex;
    align-items: center
}

.xo-menu-horizontal__sub-menu {
    position: absolute;
    top: 100%;
    box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.0705882353);
    width: 20rem;
    opacity: 0;
    pointer-events: none;
    transform: translate3d(0, 1rem, 0);
    transition: .3s;
    border-radius: .5rem;
    background-color: var(--submenu-bg-color, rgb(var(--color-background)));
    background-image: var(--submenu-bg-gradient);
    padding: 1.5rem 0
}

[dir=ltr] .xo-menu-horizontal__sub-menu {
    left: 0
}

[dir=rtl] .xo-menu-horizontal__sub-menu {
    right: 0
}

.xo-menu-horizontal__sub-menu--grandchild {
    top: -0.1rem
}

[dir=ltr] .xo-menu-horizontal__sub-menu--grandchild {
    left: 100%
}

[dir=rtl] .xo-menu-horizontal__sub-menu--grandchild {
    right: 100%
}

.xo-menu-scroll__list {
    white-space: nowrap;
    margin: 0;
    padding: 0;
    overflow-x: auto
}

.xo-menu-scroll__list::-webkit-scrollbar {
    width: 0;
    height: 0
}

@-moz-document url-prefix() {
    .xo-menu-scroll__list {
        scrollbar-width: 0;
        scrollbar-height: 0
    }
}

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

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

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

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

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

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

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

.xo-modal-content-style1__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    min-height: 5rem
}

.xo-modal-content-style1__title {
    font-size: clamp(2rem,calc(0.5vw + 1.8rem),2.4rem);
    line-height: 1.3;
    margin: 0
}

.xo-modal-content-style1__close {
    cursor: pointer;
    transition: .3s;
    width: 3.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3.2rem;
    border-radius: 50%;
    background-color: rgba(var(--color-background))
}

.xo-modal-content-style1__close:hover {
    background-color: rgba(var(--color-foreground));
    rotate: 180deg
}

.xo-modal-content-style1__close:hover svg {
    color: rgba(var(--color-background))
}

.xo-modal-content-style1__close--abs {
    position: absolute;
    top: 1.5rem;
    transition: all .5s ease;
    line-height: calc(1 + 0/var(--font-heading-scale));
    display: inline-block
}

[dir=ltr] .xo-modal-content-style1__close--abs {
    right: 1.5rem
}

[dir=rtl] .xo-modal-content-style1__close--abs {
    left: 1.5rem
}

.xo-modal-content-style1__close--abs:hover {
    transform-origin: center;
    transform: rotate(180deg)
}

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

.xo-modal-content-style1__footer {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    min-height: var(--footer-height)
}

.xo-modal-content-style1__footer>* {
    width: 100%
}

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

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-style1 {
    padding: var(--modal-margin)
}

xo-modal:not([xo-placement*=top-],[xo-placement*=bottom-]) .xo-modal-content-style1__header {
    padding: 0 2.4rem
}

xo-modal:not([xo-placement*=top-],[xo-placement*=bottom-]) .xo-modal-content-style1__inner {
    border: var(--modal-border-width) solid rgba(var(--color-foreground), var(--modal-border-opacity));
    border-radius: var(--modal-corner-radius);
    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))
}

xo-modal:not([xo-placement*=top-],[xo-placement*=bottom-]) .xo-modal-content-style1__inner--full-height {
    height: calc(100dvh - var(--modal-margin)*2);
    max-height: calc(100dvh - var(--modal-margin)*2)
}

xo-modal:not([xo-placement*=top-],[xo-placement*=bottom-]) .xo-modal-content-style1__inner--full-width {
    width: calc(100vw - var(--modal-margin)*2);
    max-width: calc(100vw - var(--modal-margin)*2)
}

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

xo-modal:not([xo-placement*=top-],[xo-placement*=bottom-]) .xo-modal-content-style1__footer {
    padding: 2.4rem
}

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-style1,xo-modal[xo-placement*=-right] .xo-modal-content-style1 {
    padding: var(--drawer-margin)
}

xo-modal[xo-placement*=-left] .xo-modal-content-style1__header,xo-modal[xo-placement*=-right] .xo-modal-content-style1__header {
    padding: 0 2.4rem
}

xo-modal[xo-placement*=-left] .xo-modal-content-style1__inner,xo-modal[xo-placement*=-right] .xo-modal-content-style1__inner {
    border: var(--drawer-border-width) solid rgba(var(--color-foreground), var(--drawer-border-opacity));
    border-radius: var(--drawer-corner-radius);
    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-style1__inner--full-height,xo-modal[xo-placement*=-right] .xo-modal-content-style1__inner--full-height {
    height: calc(100dvh - var(--drawer-margin)*2);
    max-height: calc(100dvh - var(--drawer-margin)*2)
}

xo-modal[xo-placement*=-left] .xo-modal-content-style1__inner--full-width,xo-modal[xo-placement*=-right] .xo-modal-content-style1__inner--full-width {
    width: calc(100vw - var(--drawer-margin)*2);
    max-width: calc(100vw - var(--drawer-margin)*2)
}

xo-modal[xo-placement*=-left] .xo-modal-content-style1__content,xo-modal[xo-placement*=-right] .xo-modal-content-style1__content {
    padding: 0rem 2.4rem 1.6rem 2.4rem
}

xo-modal[xo-placement*=-left] .xo-modal-content-style1__footer,xo-modal[xo-placement*=-right] .xo-modal-content-style1__footer {
    padding: 2.4rem
}

.xo-modal-content-style1__header--scroll {
    box-shadow: 0 0 .4rem #e9e9e9
}

.collection-product-footer {
    display: flex;
    gap: 2rem
}

.collection-product-footer__name-product {
    font-size: calc(var(--font-body-scale)*1.5rem);
    margin-bottom: .5rem
}

.collection-product-footer__name-product a {
    color: rgba(var(--color-foreground))
}

.collection-product-footer__price .xo-price__sale .xo-price__item {
    font-size: calc(var(--font-body-scale)*1.4rem)
}

.collection-product-footer__price .xo-price__sale .xo-price__item--del {
    font-size: calc(var(--font-body-scale)*1.2rem)
}

.xo-product-card__add {
    cursor: pointer;
    transition: all .3s ease-in
}

.xo-product-card__add:hover span {
    color: rgba(var(--color-foreground));
    text-decoration-color: rgba(var(--color-foreground))
}

.xo-product-card__add span {
    text-decoration: underline;
    text-underline-offset: .4rem;
    text-decoration-color: rgba(var(--color-foreground), 0.6);
    color: rgba(var(--color-foreground), 0.6);
    transition: .3s ease-in;
    font-size: calc(var(--font-body-scale)*1.3rem)
}

.collection-product-footer__img {
    display: block;
    width: 7rem
}

@media(min-width: 768px) {
    .collection-product-footer__img {
        width:8rem
    }
}

.cart-carousel-btn__wrap {
    position: absolute;
    top: -5rem;
    right: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    gap: .5rem
}

.cart-carousel-btn[xo-disabled] {
    opacity: .35
}

.button-trans {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(var(--color-background));
    cursor: pointer;
    border: .1rem solid rgba(var(--color-foreground));
    transition: all .3s ease
}

.button-trans svg {
    color: rgba(var(--color-foreground))
}

.button-trans:hover {
    scale: 1.1;
    background-color: rgba(var(--color-foreground))
}

.button-trans:hover svg {
    color: rgba(var(--color-background))
}

.title-collection-cart {
    position: relative;
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*1.8rem);
    margin-bottom: 2rem;
    padding-top: .8rem
}

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

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

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

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

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

.xo-modal-content__header.recover {
    margin-top: 2rem;
    justify-content: center;
    min-height: 4rem
}

.xo-modal-content__header.recover .xo-modal-content__close {
    position: absolute;
    top: 1rem;
    right: 1rem
}

.xo-modal-content__title {
    font-size: clamp(2rem,calc(0.5vw + 1.8rem),2.4rem);
    line-height: 1.3;
    margin: 0
}

.xo-modal-content__close {
    cursor: pointer;
    transition: .3s;
    width: 3.2rem;
    display: flex;
    z-index: 10;
    align-items: center;
    justify-content: center;
    height: 3.2rem;
    border-radius: 50%;
    background-color: rgba(var(--color-background))
}

.xo-modal-content__close:hover {
    background-color: rgba(var(--color-foreground));
    rotate: 180deg
}

.xo-modal-content__close:hover svg {
    color: rgba(var(--color-background))
}

.xo-modal-content__close--abs {
    position: absolute;
    top: 1.5rem;
    transition: all .5s ease;
    line-height: calc(1 + 0/var(--font-heading-scale));
    display: flex
}

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

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

.xo-modal-content__close--abs:hover {
    transform-origin: center;
    transform: rotate(180deg)
}

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

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

.xo-modal-content__footer>* {
    width: 100%
}

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

xo-modal:not([xo-placement*=top-],[xo-placement*=bottom-]) {
    --xo-backdrop-color: rgba(var(--color-foreground), var(--modal-backdrop-opacity));
    --xo-backdrop-blur: var(--modal-backdrop-blur)
}

xo-modal:not([xo-placement*=top-],[xo-placement*=bottom-]) .xo-modal-content {
    padding: var(--modal-margin)
}

xo-modal:not([xo-placement*=top-],[xo-placement*=bottom-]) .xo-modal-content__header {
    padding: 0 var(--modal-padding)
}

xo-modal:not([xo-placement*=top-],[xo-placement*=bottom-]) .xo-modal-content__inner {
    border: var(--modal-border-width) solid rgba(var(--color-foreground), var(--modal-border-opacity));
    border-radius: var(--modal-corner-radius);
    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))
}

xo-modal:not([xo-placement*=top-],[xo-placement*=bottom-]) .xo-modal-content__inner--full-height {
    height: calc(100dvh - var(--modal-margin)*2);
    max-height: calc(100dvh - var(--modal-margin)*2)
}

xo-modal:not([xo-placement*=top-],[xo-placement*=bottom-]) .xo-modal-content__inner--full-width {
    width: calc(100vw - var(--modal-margin)*2);
    max-width: calc(100vw - var(--modal-margin)*2)
}

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

xo-modal[xo-placement*=-left],xo-modal[xo-placement*=-right] {
    --xo-backdrop-color: rgba(var(--color-foreground), var(--drawer-backdrop-opacity));
    --xo-backdrop-blur: var(--drawer-backdrop-blur)
}

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

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

xo-modal[xo-placement*=-left] .xo-modal-content__inner,xo-modal[xo-placement*=-right] .xo-modal-content__inner {
    border: var(--drawer-border-width) solid rgba(var(--color-foreground), var(--drawer-border-opacity));
    border-radius: var(--drawer-corner-radius);
    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--full-height,xo-modal[xo-placement*=-right] .xo-modal-content__inner--full-height {
    height: calc(100dvh - var(--drawer-margin)*2);
    max-height: calc(100dvh - var(--drawer-margin)*2)
}

xo-modal[xo-placement*=-left] .xo-modal-content__inner--full-width,xo-modal[xo-placement*=-right] .xo-modal-content__inner--full-width {
    width: calc(100vw - var(--drawer-margin)*2);
    max-width: calc(100vw - var(--drawer-margin)*2)
}

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

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

.newsletter-form-message {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: 2rem;
    padding: 1rem;
    border-radius: var(--text-boxes-radius)
}

.newsletter-form-message--success {
    background-color: rgba(58,135,53,.1);
    color: #3a8735
}

.newsletter-form-message--error {
    background-color: rgba(186,4,4,.1);
    color: #ba0404
}

.xo-page-heading {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

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

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

.xo-page-heading__title {
    margin: 0;
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*4.5rem)
}

.xo-page-heading__description {
    color: rgb(0 0 0)
}

.xo-pagination__list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.4rem;
    padding-top: 2rem;
    padding-left: 0;
    font-size: 1.5rem;
    font-weight: 500;
    text-transform: uppercase;
    color: rgba(var(--color-foreground), 0.3);
    list-style: none
}

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

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

.xo-pagination__arrow {
    cursor: pointer
}

.xo-pagination__page {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    color: rgba(var(--color-foreground));
    cursor: pointer;
    transition: .3s;
    line-height: 0
}

.xo-pagination__page:hover {
    background-color: rgba(var(--color-foreground), 0.05)
}

.xo-pagination__page--current {
    background-color: rgba(var(--color-foreground), 0.05);
    width: 4.4rem;
    height: 4.4rem
}

.popup-newsletter-v1 {
    position: relative;
    background: rgba(var(--color-background));
    line-height: 1.5;
    max-height: 60rem;
    overflow: hidden;
    border-radius: var(--modal-corner-radius)
}

.popup-newsletter-v1__close {
    position: absolute;
    top: 1rem;
    z-index: 2;
    right: 1rem
}

.popup-newsletter-v1__close .xo-modal-content-style1__close {
    width: 3.5rem;
    height: 3.5rem;
    background: rgba(0,0,0,0)
}

.popup-newsletter-v1__close .xo-modal-content-style1__close:hover {
    background: rgba(var(--color-foreground));
    border-color: rgba(var(--color-foreground))
}

.popup-newsletter-v1__close svg {
    width: 1.2rem
}

.popup-newsletter-v1__left {
    position: relative;
    text-align: center;
    padding: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: rgba(var(--color-background))
}

.popup-newsletter-v1__content {
    width: 100%
}

.popup-newsletter-v1__subtitle {
    position: relative;
    font-size: calc(var(--font-body-scale)*1.4rem);
    font-weight: 400;
    line-height: calc(1 + 0.125/var(--font-heading-scale));
    margin-bottom: 3rem;
    padding-bottom: 1rem;
    text-transform: uppercase
}

.popup-newsletter-v1__subtitle::before {
    content: "";
    position: absolute;
    width: 6.8rem;
    height: .2rem;
    background: rgba(var(--color-foreground), 0.75);
    bottom: 0;
    left: calc(50% - 3.4rem)
}

@media(min-width: 992px) {
    .popup-newsletter-v1__subtitle {
        font-size:calc(var(--font-body-scale)*1.6rem)
    }
}

.popup-newsletter-v1__title {
    font-size: calc(var(--font-body-scale)*2.5rem);
    font-weight: 400;
    max-width: 34rem;
    padding-bottom: 1rem;
    margin: auto auto 2rem;
    position: relative;
    text-transform: unset
}

@media(min-width: 992px) {
    .popup-newsletter-v1__title {
        font-size:calc(var(--font-body-scale)*3rem)
    }
}

.popup-newsletter-v1__description {
    font-size: calc(var(--font-body-scale)*1.4rem);
    max-width: 33rem;
    line-height: calc(1 + 0.33/var(--font-heading-scale));
    margin: auto auto 3rem;
    color: #969696
}

.popup-newsletter-v1__description strong {
    font-weight: 400;
    color: rgba(var(--color-foreground))
}

@media(min-width: 992px) {
    .popup-newsletter-v1__description {
        margin:auto auto 3.5rem
    }
}

@media(min-width: 576px) {
    .popup-newsletter-v1__description {
        max-width:44rem
    }
}

.popup-newsletter-v1__signup {
    display: block;
    margin-bottom: 3rem
}

.popup-newsletter-v1__form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 80%
}

.popup-newsletter-v1__form .xo-field-input__placeholder {
    left: 50%;
    transform: translate(-50%, -50%)
}

.popup-newsletter-v1__form .xo-field-input__input:not(:-moz-placeholder-shown)+.xo-field-input__placeholder {
    transform: scale(0.7) translate(-50%, -5.5rem)
}

.popup-newsletter-v1__form .xo-field-input__input:focus+.xo-field-input__placeholder,.popup-newsletter-v1__form .xo-field-input__input:not(:placeholder-shown)+.xo-field-input__placeholder {
    transform: scale(0.7) translate(-50%, -5.5rem)
}

.popup-newsletter-v1__form button {
    margin-top: 2.5rem
}

@media(max-width: 575px) {
    .popup-newsletter-v1__form .xo-btn__text[data-text] {
        font-size:calc(var(--font-body-scale)*1rem)
    }

    .popup-newsletter-v1__form button {
        padding: 0 !important;
        max-height: 3.5rem
    }
}

.popup-newsletter-v1__close-text {
    font-size: calc(var(--font-body-scale)*1.6rem);
    text-transform: capitalize;
    cursor: pointer;
    transition: .2s;
    letter-spacing: 0;
    color: rgba(var(--color-foreground));
    font-weight: 500;
    text-decoration: underline
}

.popup-newsletter-v1__close-text:hover {
    color: rgb(0 0 0)
}

@media(max-width: 767px) {
    .popup-newsletter-v1__right {
        display:none
    }
}

.popup-newsletter-v1__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.popup-newsletter-v1__img img {
    width: 100%;
    max-height: 60rem;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.popup-newsletter-v1__img .xo-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.popup-newsletter-v1__img .xo-image img {
    width: 100%;
    height: 100%;
    max-height: 60rem;
    -o-object-fit: cover;
    object-fit: cover
}

.popup-newsletter-v1__close--mb {
    display: none
}

@media(max-width: 767px) {
    .popup-newsletter-v1__close--mb {
        display:block
    }
}

.popup-newsletter-v2 {
    position: relative;
    background: rgba(var(--color-background));
    line-height: 1.5;
    max-height: 60rem;
    overflow: hidden;
    border-radius: var(--modal-corner-radius)
}

.popup-newsletter-v2 li {
    list-style: none
}

.popup-newsletter-v2__content {
    width: 100%
}

.popup-newsletter-v2__close {
    position: absolute;
    top: 1rem;
    right: 1rem
}

.popup-newsletter-v2__close .xo-modal-content-style1__close {
    width: 3.5rem;
    height: 3.5rem;
    border: .1rem solid rgba(var(--color-foreground), 0.1)
}

.popup-newsletter-v2__close .xo-modal-content-style1__close:hover {
    border-color: rgba(var(--color-foreground))
}

.popup-newsletter-v2__close svg {
    width: 1.2rem
}

@media(max-width: 991px) {
    .popup-newsletter-v2__left {
        display:none !important
    }
}

.popup-newsletter-v2__title {
    font-size: calc(var(--font-body-scale)*3rem);
    font-weight: 500;
    max-width: 45rem;
    padding-bottom: 1rem;
    margin: auto auto 2rem;
    position: relative;
    text-transform: unset
}

@media(min-width: 992px) {
    .popup-newsletter-v2__title {
        max-width:50rem;
        font-size: calc(var(--font-body-scale)*3.4rem)
    }
}

.popup-newsletter-v2__description {
    font-size: calc(var(--font-body-scale)*1.5rem);
    max-width: 32rem;
    line-height: calc(1 + 0.33/var(--font-heading-scale));
    margin: auto auto 3.5rem;
    color: rgb(0 0 0)
}

.popup-newsletter-v2__description strong {
    font-weight: 400;
    color: rgba(var(--color-foreground))
}

@media(min-width: 992px) {
    .popup-newsletter-v2__description {
        font-size:calc(var(--font-body-scale)*1.8rem)
    }
}

.popup-newsletter-v2__social-list {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    gap: 2.2rem;
    padding-bottom: 2.2rem
}

.popup-newsletter-v2__social-link {
    line-height: calc(1 + 2/var(--font-heading-scale));
    position: relative;
    text-align: center;
    transition: all .3s;
    display: flex;
    justify-content: center;
    align-items: center
}

.popup-newsletter-v2__social-link svg {
    width: 1.7rem;
    height: 1.7rem;
    color: rgba(var(--color-foreground));
    fill: rgba(var(--color-foreground))
}

.popup-newsletter-v2__social-link:hover svg {
    opacity: .5
}

.popup-newsletter-v2__signup {
    display: block;
    margin-bottom: 3rem
}

.popup-newsletter-v2__form {
    display: flex;
    justify-content: center;
    max-width: 54rem;
    margin: 0 auto
}

.popup-newsletter-v2__form .xo-field-input__input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    height: 100%
}

.popup-newsletter-v2__form button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--inputs-radius);
    border-bottom-right-radius: var(--inputs-radius)
}

@media(max-width: 575px) {
    .popup-newsletter-v2__form button {
        padding-left:0 !important;
        padding-right: 0 !important
    }
}

@media(max-width: 767px) {
    .popup-newsletter-v2__form {
        max-height:4rem;
        max-width: 45rem
    }

    .popup-newsletter-v2__form .popup-newsletter-v2__input {
        height: auto
    }

    .popup-newsletter-v2__form .popup-newsletter-v2__form {
        font-size: calc(var(--font-body-scale)*1rem)
    }

    .popup-newsletter-v2__form .xo-btn__text[data-text] {
        font-size: calc(var(--font-body-scale)*1rem)
    }
}

.popup-newsletter-v2__right {
    position: relative;
    text-align: center;
    padding: 5rem;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column
}

.popup-newsletter-v2__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.popup-newsletter-v2__img img {
    width: 100%;
    max-height: 60rem;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.popup-newsletter-v2__img .xo-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.popup-newsletter-v2__img .xo-image img {
    width: 100%;
    max-height: 60rem;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.popup-newsletter-v3 {
    position: relative;
    display: flex;
    background: rgba(var(--color-background));
    line-height: 1.5;
    max-height: 60rem;
    border-radius: var(--modal-corner-radius)
}

.popup-newsletter-v3__container {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 5rem 3rem;
    display: flex;
    justify-content: start;
    align-items: center;
    flex-direction: column;
    display: flex;
    margin: 1.5rem;
    border: .2rem solid rgba(var(--color-foreground), 0.1);
    border-radius: var(--modal-corner-radius)
}

@media(max-width: 575px) {
    .popup-newsletter-v3__container {
        padding:5rem 1rem
    }
}

.popup-newsletter-v3__content {
    margin: 0 auto
}

.popup-newsletter-v3__close {
    position: absolute;
    top: 1rem;
    right: 1rem
}

.popup-newsletter-v3__close .xo-modal-content-style1__close {
    width: 3.5rem;
    height: 3.5rem;
    border: .1rem solid rgba(var(--color-foreground), 0.1)
}

.popup-newsletter-v3__close .xo-modal-content-style1__close:hover {
    border-color: rgba(var(--color-foreground))
}

.popup-newsletter-v3__close svg {
    width: 1.2rem
}

.popup-newsletter-v3__subtitle {
    position: relative;
    font-size: calc(var(--font-body-scale)*1.6rem);
    font-weight: 500;
    line-height: calc(1 + 0.09/var(--font-heading-scale));
    color: rgba(var(--color-foreground));
    margin-bottom: 3rem;
    padding-bottom: 2rem;
    text-transform: uppercase
}

.popup-newsletter-v3__subtitle::before {
    content: "";
    width: 6.8rem;
    height: .2rem;
    background: rgba(var(--color-foreground));
    position: absolute;
    bottom: 0;
    left: calc(50% - 3.4rem)
}

@media(min-width: 992px) {
    .popup-newsletter-v3__subtitle {
        font-size:calc(var(--font-body-scale)*2.2rem)
    }
}

.popup-newsletter-v3__title {
    font-size: calc(var(--font-body-scale)*2.5rem);
    font-weight: 500;
    padding-bottom: 10px;
    margin: auto auto 2rem;
    position: relative;
    text-transform: uppercase;
    max-width: 40rem
}

@media(min-width: 768px) {
    .popup-newsletter-v3__title {
        max-width:45rem;
        font-size: calc(var(--font-body-scale)*3rem)
    }
}

@media(min-width: 992px) {
    .popup-newsletter-v3__title {
        font-size:calc(var(--font-body-scale)*3.2rem)
    }
}

@media(min-width: 1200px) {
    .popup-newsletter-v3__title {
        max-width:52rem;
        font-size: calc(var(--font-body-scale)*3.5rem)
    }
}

.popup-newsletter-v3__description {
    font-size: calc(var(--font-body-scale)*1.6rem);
    line-height: calc(1 + 0.625/var(--font-heading-scale));
    margin: auto auto 3.5rem;
    max-width: 33rem
}

.popup-newsletter-v3__description strong {
    font-weight: 400;
    color: rgba(var(--color-foreground))
}

@media(min-width: 992px) {
    .popup-newsletter-v3__description {
        margin:auto auto 3.5rem
    }
}

@media(min-width: 576px) {
    .popup-newsletter-v3__description {
        max-width:40rem
    }
}

.popup-newsletter-v3__signup {
    margin-bottom: 3rem
}

.popup-newsletter-v3__form {
    display: flex;
    justify-content: center;
    max-width: 54rem;
    margin: 0 auto
}

.popup-newsletter-v3__form .xo-field-input__input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    height: 100%
}

.popup-newsletter-v3__form button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--inputs-radius);
    border-bottom-right-radius: var(--inputs-radius)
}

@media(max-width: 575px) {
    .popup-newsletter-v3__form button {
        padding-left:0 !important;
        padding-right: 0 !important
    }
}

@media(max-width: 767px) {
    .popup-newsletter-v3__form {
        max-height:4rem;
        max-width: 45rem
    }

    .popup-newsletter-v3__form .popup-newsletter-v3__input {
        height: auto
    }

    .popup-newsletter-v3__form .popup-newsletter-v3__form {
        font-size: calc(var(--font-body-scale)*1rem)
    }

    .popup-newsletter-v3__form .xo-btn__text[data-text] {
        font-size: calc(var(--font-body-scale)*1rem)
    }
}

.popup-newsletter-v3__close-text {
    font-size: calc(var(--font-body-scale)*1.6rem);
    text-transform: capitalize;
    cursor: pointer;
    transition: .2s;
    letter-spacing: 0;
    color: rgba(var(--color-foreground));
    font-weight: 500;
    text-decoration: underline
}

.popup-newsletter-v3__close-text:hover {
    color: rgb(0 0 0)
}

.popup-newsletter-v4 {
    position: relative;
    background: rgba(var(--color-background));
    line-height: 1.5;
    max-height: 60rem;
    overflow: hidden;
    border-radius: var(--modal-corner-radius)
}

.popup-newsletter-v4__content {
    width: 100%
}

.popup-newsletter-v4__close {
    position: absolute;
    top: 1rem;
    right: 1rem
}

.popup-newsletter-v4__close .xo-modal-content-style1__close {
    width: 3.5rem;
    height: 3.5rem;
    border: .1rem solid rgba(0,0,0,0)
}

.popup-newsletter-v4__close .xo-modal-content-style1__close:hover {
    border-color: rgba(var(--color-foreground))
}

.popup-newsletter-v4__close svg {
    width: 1.2rem
}

@media(max-width: 767px) {
    .popup-newsletter-v4__left {
        display:none !important
    }
}

.popup-newsletter-v4__content {
    text-align: left
}

.popup-newsletter-v4__subtitle {
    color: rgb(0 0 0);
    font-size: calc(var(--font-body-scale)*1rem);
    font-weight: 700;
    letter-spacing: calc(var(--font-heading-scale)*0.2rem);
    line-height: calc(1 + 1.1666666667/var(--font-heading-scale));
    margin: 0px 0px 1.6rem;
    text-transform: uppercase
}

@media(min-width: 576px) {
    .popup-newsletter-v4__subtitle {
        font-size:calc(var(--font-body-scale)*1.2rem)
    }
}

.popup-newsletter-v4__title {
    font-size: calc(var(--font-body-scale)*2.2rem);
    font-weight: 600;
    line-height: 31.2px;
    margin: 0px 0px .8rem;
    letter-spacing: 0em;
    text-transform: none
}

@media(min-width: 576px) {
    .popup-newsletter-v4__title {
        font-size:calc(var(--font-body-scale)*2.6rem)
    }
}

.popup-newsletter-v4__description {
    padding-bottom: 3.2rem;
    color: rgba(var(--color-foreground));
    font-size: calc(var(--font-body-scale)*1.3rem)
}

@media(min-width: 576px) {
    .popup-newsletter-v4__description {
        font-size:calc(var(--font-body-scale)*1.6rem)
    }
}

.popup-newsletter-v4__signup {
    display: block
}

.popup-newsletter-v4__form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.popup-newsletter-v4__form button {
    width: 100%;
    margin-top: 2.5rem
}

@media(max-width: 575px) {
    .popup-newsletter-v4__form .xo-btn__text[data-text] {
        font-size:calc(var(--font-body-scale)*1rem)
    }

    .popup-newsletter-v4__form button {
        padding: 0 !important;
        max-height: 3.5rem
    }
}

.popup-newsletter-v4__right {
    position: relative;
    text-align: center;
    padding: 4.5rem;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column
}

.popup-newsletter-v4__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.popup-newsletter-v4__img img {
    width: 100%;
    max-height: 60rem;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.popup-newsletter-v4__img .xo-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.popup-newsletter-v4__img .xo-image img {
    width: 100%;
    max-height: 60rem;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.popup-newsletter-v5__wrap {
    display: flex;
    flex-direction: column;
    background: rgba(var(--color-background));
    margin: auto;
    border-radius: var(--modal-corner-radius);
    overflow: hidden;
    max-height: 90dvh
}

.popup-newsletter-v5__box1,.popup-newsletter-v5__box2 {
    flex: 1;
    overflow: hidden
}

.popup-newsletter-v5__img {
    max-height: 28rem
}

.popup-newsletter-v5__img img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
}

.popup-newsletter-v5__close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 1
}

.popup-newsletter-v5__close .xo-modal-content-style1__close {
    width: 3.5rem;
    height: 3.5rem;
    border: .1rem solid rgba(0,0,0,0);
    background-color: rgba(0,0,0,0)
}

.popup-newsletter-v5__close .xo-modal-content-style1__close:hover {
    border-color: rgba(var(--color-foreground));
    background-color: rgba(var(--color-foreground)) !important
}

.popup-newsletter-v5__close svg {
    width: 1.2rem
}

.popup-newsletter-v5__title {
    color: rgba(var(--color-accent));
    font-weight: 600;
    grid-area: auto;
    line-height: calc(1 + 0.19/var(--font-heading-scale));
    margin: 0 0 .8rem;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: .8rem;
    font-size: calc(var(--font-body-scale)*2rem)
}

@media(min-width: 768px) {
    .popup-newsletter-v5__title {
        font-size:calc(var(--font-body-scale)*2.5rem)
    }
}

@media(min-width: 1200px) {
    .popup-newsletter-v5__title {
        font-size:calc(var(--font-body-scale)*3rem)
    }
}

.popup-newsletter-v5__description {
    color: rgba(var(--color-foreground));
    font-size: calc(var(--font-body-scale)*1.5rem);
    grid-area: auto;
    line-height: calc(1 + 0.66/var(--font-heading-scale));
    text-align: center;
    padding-bottom: 1.8rem
}

@media(min-width: 576px) {
    .popup-newsletter-v5__description {
        padding-bottom:3.8rem
    }
}

@media(min-width: 768px) {
    .popup-newsletter-v5__description {
        padding-bottom:4.8rem
    }
}

.popup-newsletter-v5__box2 {
    text-align: center;
    padding: 2.4rem 4.8rem 4.8rem
}

.popup-newsletter-v5__signup {
    display: block;
    margin-bottom: 3rem
}

.popup-newsletter-v5__form {
    display: flex;
    justify-content: center;
    flex-direction: row;
    gap: 1.5rem;
    margin: 0 auto
}

.popup-newsletter-v5__form .xo-field-input__input {
    height: 5rem
}

.popup-newsletter-v5__form button {
    border-radius: var(--buttons-radius);
    height: 5rem
}

@media(max-width: 767px) {
    .popup-newsletter-v5__form button {
        width:10rem;
        margin: auto
    }
}

@media(max-width: 767px) {
    .popup-newsletter-v5__form {
        flex-direction:column;
        gap: 1.5rem;
        max-width: 45rem
    }

    .popup-newsletter-v5__form .popup-newsletter-v5__form {
        font-size: calc(var(--font-body-scale)*1rem)
    }

    .popup-newsletter-v5__form .xo-btn__text[data-text] {
        font-size: calc(var(--font-body-scale)*1rem)
    }
}

.popup-newsletter-v6 {
    position: relative;
    display: flex;
    background: rgba(var(--color-background));
    line-height: 1.5;
    overflow: hidden;
    max-height: 60rem;
    border-radius: var(--modal-corner-radius)
}

.popup-newsletter-v6__overlay {
    max-height: 50rem;
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.popup-newsletter-v6__overlay .xo-image {
    height: 100%
}

.popup-newsletter-v6__overlay img {
    height: 100%
}

.popup-newsletter-v6__close {
    z-index: 3;
    position: absolute;
    top: 1rem;
    right: 1rem
}

.popup-newsletter-v6__close .xo-modal-content-style1__close {
    width: 3.5rem;
    height: 3.5rem;
    border-color: rgba(0,0,0,0)
}

.popup-newsletter-v6__container {
    width: 100%;
    height: 100%;
    padding: 4.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1
}

.popup-newsletter-v6__align {
    max-width: 100%;
    width: 100%
}

.popup-newsletter-v6__subtitle {
    color: rgba(var(--color-foreground));
    font-weight: 600;
    line-height: calc(1 + 0.5/var(--font-heading-scale));
    margin: 0px 0px 1.6rem;
    text-align: center;
    text-transform: capitalize;
    font-size: calc(var(--font-body-scale)*2.3rem)
}

@media(min-width: 576px) {
    .popup-newsletter-v6__subtitle {
        font-size:calc(var(--font-body-scale)*2.8rem)
    }
}

.popup-newsletter-v6__title {
    color: rgb(0 0 0);
    font-size: calc(var(--font-body-scale)*1.4rem);
    grid-area: auto;
    line-height: calc(1 + 1.14/var(--font-heading-scale));
    text-align: center;
    padding-bottom: 1.8rem
}

@media(min-width: 576px) {
    .popup-newsletter-v6__title {
        padding-bottom:4.8rem
    }
}

.popup-newsletter-v6__signup {
    display: block;
    max-width: 100%
}

.popup-newsletter-v6__form {
    display: flex;
    justify-content: center;
    flex-direction: row;
    gap: 3rem;
    margin: 0 auto
}

.popup-newsletter-v6__form .xo-field-input__input {
    height: 5rem
}

.popup-newsletter-v6__form button {
    height: 5rem;
    border-radius: var(--buttons-radius)
}

@media(max-width: 575px) {
    .popup-newsletter-v6__form button {
        width:10rem;
        margin: auto
    }
}

@media(max-width: 767px) {
    .popup-newsletter-v6__form {
        flex-direction:column;
        gap: 1.5rem;
        max-width: 45rem
    }

    .popup-newsletter-v6__form .popup-newsletter-v6__form {
        font-size: calc(var(--font-body-scale)*1rem)
    }

    .popup-newsletter-v6__form .xo-btn__text[data-text] {
        font-size: calc(var(--font-body-scale)*1rem)
    }
}

.popup-promotion-v1 {
    position: relative;
    background: rgba(var(--color-background));
    line-height: 1.5;
    max-height: 60rem;
    overflow: hidden;
    border-radius: var(--modal-corner-radius);
    overflow: hidden
}

@media(max-width: 767px) {
    .popup-promotion-v1 {
        overflow-y:auto
    }
}

.popup-promotion-v1__left {
    padding: 1.5rem 2rem;
    border-right: .1rem solid rgba(var(--color-foreground), 0.1)
}

.popup-promotion-v1__recommend {
    font-size: calc(var(--font-body-scale)*2.2rem);
    font-weight: 500;
    color: rgba(var(--color-foreground));
    word-break: break-word;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: .1rem solid rgba(var(--color-foreground), 0.1)
}

.popup-promotion-v1__item {
    display: flex;
    gap: 1.5rem;
    padding-bottom: 2rem
}

.popup-promotion-v1__product {
    flex: 1;
    border-radius: var(--text-boxes-radius);
    width: 10rem;
    overflow: hidden;
    transition: all .5s ease
}

.popup-promotion-v1__product-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: .3rem;
    padding-top: 1.3rem
}

.popup-promotion-v1__product-content .xo-field-radio__label span {
    font-size: calc(var(--font-body-scale)*1.5rem)
}

.popup-promotion-v1__product-content .xo-price__item {
    font-size: calc(var(--font-body-scale)*1.4rem);
    font-weight: 500
}

.popup-promotion-v1__product-title {
    transition: all .25s ease;
    line-height: 1.2;
    vertical-align: top;
    font-weight: 400;
    font-size: calc(var(--font-body-scale)*1.8rem);
    letter-spacing: calc(var(--font-heading-scale)*0.09rem);
    color: rgb(var(--color-foreground))
}

.popup-promotion-v1__grid {
    min-height: 50rem
}

.popup-promotion-v1__right {
    overflow: hidden;
    position: relative;
    max-height: 52.4rem
}

.popup-promotion-v1__close {
    position: absolute;
    z-index: 3;
    top: 1rem;
    right: 1rem
}

.popup-promotion-v1__close .xo-modal-content-style1__close {
    width: 3.5rem;
    height: 3.5rem;
    background: rgba(0,0,0,0);
    border: .1rem solid rgba(0,0,0,0)
}

.popup-promotion-v1__close .xo-modal-content-style1__close:hover {
    border-color: #fff;
    background: #fff
}

.popup-promotion-v1__close .xo-modal-content-style1__close:hover svg {
    fill: #000
}

.popup-promotion-v1__close svg {
    width: 1.2rem
}

@media(max-width: 767px) {
    .popup-promotion-v1__close {
        display:none
    }
}

.popup-promotion-v1__background {
    height: 100%;
    width: 100%
}

.popup-promotion-v1__background img {
    height: 100%
}

.popup-promotion-v1__background .xo-image {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.popup-promotion-v1__content {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: min(5vw,5rem);
    justify-content: center;
    align-items: center
}

.popup-promotion-v1__title {
    font-weight: 400;
    font-size: calc(var(--font-body-scale)*2.8rem);
    padding-bottom: 3rem;
    color: #fff
}

.popup-promotion-v1__subtitle {
    font-size: calc(var(--font-body-scale)*1.4rem);
    padding-bottom: 2.6rem;
    color: #fff
}

.popup-promotion-v1__description {
    font-size: calc(var(--font-body-scale)*1.4rem);
    padding-bottom: 2rem;
    color: #fff
}

.popup-promotion-v1__copy .xo-share-style2__social-title,.popup-promotion-v1__copy .xo-share-style2__title,.popup-promotion-v1__copy .xo-share-style2__social {
    display: none
}

.popup-promotion-v1__copy .xo-share-style2__input {
    max-width: 14rem;
    background: #fff;
    border-radius: var(--inputs-radius);
    outline: none;
    border: none;
    font-weight: 500
}

.popup-promotion-v1__variants .xo-field-color__item {
    width: 2.1rem;
    height: 2.1rem
}

.xo-predictive-search__icon {
    all: unset;
    line-height: 0;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 2rem
}

.xo-predictive-search__icon svg {
    transition: .3s
}

.xo-predictive-search__icon:hover svg {
    color: rgb(0 0 0)
}

.xo-predictive-search {
    position: relative
}

.xo-predictive-search .xo-field-input {
    font-size: 1.8rem;
    font-family: var(--font-heading-family);
    margin-bottom: unset
}

.xo-predictive-search .xo-field-input__input {
    padding: .6rem 1.2rem;
    line-height: calc(1 + 1/var(--font-heading-scale))
}

.xo-predictive-search__input {
    position: relative
}

.xo-predictive-search__clear {
    position: absolute;
    bottom: 1rem;
    cursor: pointer;
    display: none
}

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

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

.xo-predictive-search__clear:hover {
    opacity: .5
}

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

input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none
}

.xo-predictive-search__result {
    position: absolute;
    top: 100%;
    z-index: 99999;
    border: .1rem solid color-mix(in srgb, rgba(var(--color-foreground)) calc(0.15 * 100%), transparent);
    background-color: color-mix(in srgb, rgba(var(--color-background)) calc(1 * 100%), transparent);
    opacity: 0;
    pointer-events: none;
    transform: translateY(2rem);
    transition: .3s;
    max-height: 90dvh;
    --width: 6px;
    --scrollbar-thumb-color: rgba(var(--color-foreground), 0.08);
    --scrollbar-thumb-color-hover: rgba(var(--color-foreground), 0.1)
}

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

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

.xo-predictive-search__result.predictive-search-wrapper--visible:not(:empty) {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0)
}

.xo-predictive-search__inner {
    padding: 1.5rem 0
}

.xo-predictive-search__item-list {
    padding-top: 1rem;
    border-top: .1rem solid color-mix(in srgb, rgba(var(--color-foreground)) calc(0.15 * 100%), transparent)
}

.xo-predictive-search__item-list--article {
    padding-bottom: 3rem
}

.xo-predictive-search__item {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 2rem;
    padding: 1rem;
    transition: .3s;
    color: rgb(var(--color-foreground))
}

.xo-predictive-search__item:hover {
    background-color: color-mix(in srgb, rgba(var(--color-foreground)) calc(0.05 * 100%), transparent)
}

.xo-predictive-search__item-image {
    aspect-ratio: 1/1
}

.xo-predictive-search__box {
    align-items: center
}

.xo-predictive-search__right {
    display: none
}

@media(min-width: 992px) {
    .xo-predictive-search__right {
        display:flex;
        justify-content: flex-end;
        align-items: center;
        gap: 1.4rem
    }
}

.xo-predictive-search__icon-wrap {
    line-height: 0
}

.xo-predictive-search__search-icon {
    position: relative;
    cursor: pointer;
    line-height: 0
}

.xo-predictive-search__cart-count,.xo-predictive-search__wishlist-count:not([xo-empty]) {
    position: absolute;
    width: 1.3rem;
    height: 1.3rem;
    line-height: 0;
    border-radius: 50%;
    font-size: calc(var(--font-body-scale)*0.9rem);
    color: #fff;
    background-color: rgb(var(--color-accent));
    display: flex;
    justify-content: center;
    align-items: center
}

@media(min-width: 1200px) {
    .xo-predictive-search__cart-count,.xo-predictive-search__wishlist-count:not([xo-empty]) {
        width:1.6rem;
        height: 1.6rem;
        font-size: calc(var(--font-body-scale)*1.1rem)
    }
}

.xo-predictive-search__wishlist-count:not([xo-empty]) {
    top: .77rem
}

[dir=ltr] .xo-predictive-search__wishlist-count:not([xo-empty]) {
    right: -0.5rem
}

[dir=rtl] .xo-predictive-search__wishlist-count:not([xo-empty]) {
    left: -0.5rem
}

.xo-predictive-search__wishlist-count[xo-empty]:not([xo-empty=false]) {
    display: none
}

.xo-predictive-search__cart-count {
    top: 1.5rem
}

[dir=ltr] .xo-predictive-search__cart-count {
    left: 1.1rem
}

[dir=rtl] .xo-predictive-search__cart-count {
    right: 1.1rem
}

.xo-predictive-search__right-item {
    display: flex
}

.xo-predictive-search__center {
    position: relative
}

.xo-predictive-search__product-title {
    text-align: center
}

.xo-predictive-search__product-vendor {
    text-align: center;
    color: rgb(0 0 0)
}

.xo-predictive-search__product-price {
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: .3rem
}

.xo-predictive-search__article-title {
    text-align: center
}

@media(min-width: 0px) {
    .xo-predictive-search__left {
        display:none
    }
}

@media(min-width: 992px) {
    .xo-predictive-search__left {
        display:block
    }
}

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

.xo-price--larger .xo-price__item {
    font-size: 2.5rem
}

.xo-price--larger .xo-price__sale {
    gap: .8rem
}

.xo-price--larger .xo-price__item--del {
    font-size: 1.4rem
}

.xo-price--small .xo-price__item {
    font-size: 1.4rem
}

.xo-price--small .xo-price__item--del {
    font-size: 1.2rem
}

.xo-price--small1 .xo-price__item {
    font-size: 1.5rem
}

.xo-price--small1 .xo-price__item--del {
    font-size: 1.5rem
}

.xo-price__item {
    font-size: calc(var(--font-body-scale)*1.5rem);
    font-weight: 400;
    color: rgba(var(--color-foreground))
}

.xo-price__item--accent {
    color: rgba(var(--color-accent))
}

.xo-price__sale {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    -moz-column-gap: .7rem;
    column-gap: .7rem;
    line-height: calc(1 + 0.8/var(--font-body-scale))
}

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

@media(max-width: 767px) {
    .xo-price__sale--column {
        flex-direction:column
    }
}

.xo-price__item--del {
    font-size: calc(var(--font-body-scale)*1.5rem);
    height: -moz-fit-content;
    height: fit-content;
    line-height: 1;
    color: rgb(0 0 0);
    text-decoration: line-through
}

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

.xo-product-card-list {
    background-color: rgb(var(--color-background));
    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;
    position: relative;
    padding-bottom: 4rem;
    margin-bottom: 4rem;
    border-bottom: .1rem solid rgba(var(--color-foreground), 0.1)
}

.xo-product-card-list__header xo-carousel-prev {
    left: 2rem !important
}

.xo-product-card-list__header xo-carousel-next {
    right: 2rem !important
}

.xo-product-card-list__header:hover .xo-product-card-list__variants {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0)
}

.xo-product-card-list__variants {
    position: absolute;
    align-items: center;
    transition: .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 11;
    left: 50%;
    bottom: 5%;
    transform: translateX(-50%) translateY(1.5rem)
}

.xo-product-card-list__title {
    margin-bottom: .6rem
}

.xo-product-card-list__title a {
    transition: .3s;
    font-size: calc(var(--font-body-scale)*2.2rem);
    font-weight: 500;
    color: rgba(var(--color-foreground))
}

.xo-product-card-list__title a:hover {
    color: rgba(var(--color-foreground), 0.7)
}

.xo-product-card-list__actions {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding-top: 1rem
}

.xo-product-card-list__description {
    padding-top: .5rem;
    margin-bottom: .5rem;
    line-height: calc(1 + 0.4/var(--font-body-scale));
    font-size: calc(var(--font-body-scale)*1.5rem);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical
}

@media(min-width: 768px) {
    .xo-product-card-list__description {
        -webkit-line-clamp:3
    }
}

@media(min-width: 1400px) {
    .xo-product-card-list__description {
        -webkit-line-clamp:5
    }
}

.xo-product-card-list__description--fullwidth {
    -webkit-line-clamp: 5
}

@media(min-width: 1400px) {
    .xo-product-card-list__description--fullwidth {
        -webkit-line-clamp:10
    }
}

[dir=ltr] .xo-product-card:hover .xo-product-card__actions--style1 {
    transform: translateX(0) translateY(-50%)
}

[dir=rtl] .xo-product-card:hover .xo-product-card__actions--style1 {
    transform: translateX(0) translateY(-50%)
}

.xo-product-card__actions--style1 {
    top: 50%;
    flex-direction: column;
    gap: 1.3rem
}

[dir=ltr] .xo-product-card__actions--style1 {
    right: 1rem;
    transform: translateX(1.5rem) translateY(-50%)
}

[dir=rtl] .xo-product-card__actions--style1 {
    left: 1rem;
    transform: translateX(-1.5rem) translateY(-50%)
}

.xo-product-card__variants--style1 {
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
    padding: .5rem
}

.xo-product-card__header--style1 xo-carousel-prev {
    left: 50% !important;
    top: unset !important;
    transform: translate(calc(-100% - 0.5rem), 0) !important;
    bottom: 2rem
}

.xo-product-card__header--style1 xo-carousel-next {
    right: 50% !important;
    top: unset !important;
    transform: translate(calc(100% + 0.5rem), 0) !important;
    bottom: 2rem
}

@media(min-width: 768px) {
    [dir=ltr] .xo-product-card:hover .xo-product-card__actions--style10 {
        transform:translateX(0)
    }

    [dir=rtl] .xo-product-card:hover .xo-product-card__actions--style10 {
        transform: translateX(0)
    }

    [dir=ltr] .xo-product-card:hover .xo-product-card__variants--style10 {
        transform: translate(0, -50%)
    }

    [dir=rtl] .xo-product-card:hover .xo-product-card__variants--style10 {
        transform: translate(0, -50%)
    }

    .xo-product-card:hover .xo-btn--primary.xo-btn--accent {
        background-color: color-mix(in srgb, rgba(var(--color-accent)) calc(var(--buttons-background-opacity) * 100%), transparent);
        border: .1rem solid color-mix(in srgb, rgba(var(--color-accent)) calc(1 * 100%), transparent)
    }

    .xo-product-card:hover .xo-btn--primary.xo-btn--accent .xo-btn__icon svg {
        color: color-mix(in srgb, rgba(var(--color-dark-button-text)) calc(1 * 100%), transparent)
    }
}

.xo-product-card__actions--style10 {
    top: 2rem;
    flex-direction: column;
    gap: 1.3rem
}

[dir=ltr] .xo-product-card__actions--style10 {
    left: 2rem;
    transform: translateX(-1.5rem)
}

[dir=rtl] .xo-product-card__actions--style10 {
    right: 2rem;
    transform: translateX(1.5rem)
}

@media(min-width: 768px) {
    .xo-product-card__information--style10 {
        position:absolute;
        bottom: 0;
        padding: 1.5rem 2rem !important
    }
}

.xo-product-card__information--style10 .xo-btn--primary.xo-btn--accent {
    background-color: rgba(0,0,0,0);
    border: .1rem solid rgba(var(--color-light-button-text), 0.1)
}

.xo-product-card__information--style10 .xo-btn--primary.xo-btn--accent .xo-btn__icon svg {
    color: color-mix(in srgb, rgba(var(--color-light-button-text)) calc(1 * 100%), transparent)
}

.xo-product-card__information--center {
    align-items: center
}

.xo-product-card__information--left {
    flex-direction: row-reverse !important;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1.5rem;
    align-items: flex-end
}

.xo-product-card__information--right {
    flex-direction: row !important;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1.5rem;
    align-items: flex-end
}

@media(max-width: 767px) {
    .xo-product-card__icon--style10 {
        display:none !important
    }
}

.xo-product-card__variants--style10 {
    top: 50%
}

[dir=ltr] .xo-product-card__variants--style10 {
    right: 1.8rem;
    transform: translate(1.5rem, -50%)
}

[dir=rtl] .xo-product-card__variants--style10 {
    left: 1.8rem;
    transform: translate(-1.5rem, -50%)
}

.xo-product-card__header--style10 xo-carousel-prev {
    left: 50% !important;
    top: 2rem !important;
    transform: translate(calc(-100% - 0.5rem), 0) !important
}

.xo-product-card__header--style10 xo-carousel-next {
    right: 50% !important;
    top: 2rem !important;
    transform: translate(calc(100% + 0.5rem), 0) !important
}

@media(min-width: 768px) {
    [dir=ltr] .xo-product-card:hover .xo-product-card__actions--style2 {
        transform:translateX(0) translateY(-50%)
    }

    [dir=rtl] .xo-product-card:hover .xo-product-card__actions--style2 {
        transform: translateX(0) translateY(-50%)
    }

    [dir=ltr] .xo-product-card:hover .xo-product-card__variants--style2 {
        transform: translate(0, -50%)
    }

    [dir=rtl] .xo-product-card:hover .xo-product-card__variants--style2 {
        transform: translate(0, -50%)
    }
}

.xo-product-card__actions--style2 {
    top: 50%;
    flex-direction: column;
    gap: 1.3rem
}

[dir=ltr] .xo-product-card__actions--style2 {
    left: 1.8rem;
    transform: translateX(-1.5rem) translateY(-50%)
}

[dir=rtl] .xo-product-card__actions--style2 {
    right: 1.8rem;
    transform: translateX(1.5rem) translateY(-50%)
}

.xo-product-card__information--style2 {
    position: absolute;
    bottom: 0
}

@media(max-width: 767px) {
    .xo-product-card__information--style2 {
        position:static
    }
}

.xo-product-card__variants--style2 {
    top: 50%
}

[dir=ltr] .xo-product-card__variants--style2 {
    right: 1.8rem;
    transform: translate(1.5rem, -50%)
}

[dir=rtl] .xo-product-card__variants--style2 {
    left: 1.8rem;
    transform: translate(-1.5rem, -50%)
}

.xo-product-card__header--style2 xo-carousel-prev {
    left: 50% !important;
    top: 2rem !important;
    transform: translate(calc(-100% - 0.5rem), 0) !important
}

.xo-product-card__header--style2 xo-carousel-next {
    right: 50% !important;
    top: 2rem !important;
    transform: translate(calc(100% + 0.5rem), 0) !important
}

@media(min-width: 768px) {
    [dir=ltr] .xo-product-card:hover .xo-product-card__actions--style3 {
        transform:translateX(0) translateY(-50%)
    }

    [dir=rtl] .xo-product-card:hover .xo-product-card__actions--style3 {
        transform: translateX(0) translateY(-50%)
    }

    .xo-product-card:hover .xo-product-card__information--style3 {
        transform: translateX(-50%) translateY(0);
        opacity: 1
    }

    [dir=ltr] .xo-product-card:hover .xo-product-card__variants--style3 {
        transform: translateY(-50%)
    }

    [dir=rtl] .xo-product-card:hover .xo-product-card__variants--style3 {
        transform: translateY(-50%)
    }
}

.xo-product-card__actions--style3 {
    top: 50%;
    flex-direction: column;
    gap: 0;
    padding: 0 1.2rem;
    box-shadow: 0 15px 25px rgba(0,0,0,.08);
    background-color: #fff
}

[dir=ltr] .xo-product-card__actions--style3 {
    right: 1.8rem;
    transform: translateX(0) translateY(-40%)
}

[dir=rtl] .xo-product-card__actions--style3 {
    left: 1.8rem;
    transform: translateX(0) translateY(-40%)
}

.xo-product-card__icon--style3 {
    width: 2rem;
    padding: 1.5rem 0;
    border-top: .1rem solid rgba(0,0,0,.4)
}

.xo-product-card__icon--style3:first-child {
    border: none
}

.xo-product-card__information--style3 {
    position: absolute;
    opacity: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) translateY(1.5rem)
}

@media(max-width: 767px) {
    .xo-product-card__information--style3 {
        position:static;
        transform: unset;
        opacity: 1
    }
}

.xo-product-card__variants--style3 {
    top: 50%
}

[dir=ltr] .xo-product-card__variants--style3 {
    left: 1.8rem;
    transform: translateY(calc(-50% + 1.5rem))
}

[dir=rtl] .xo-product-card__variants--style3 {
    right: 1.8rem;
    transform: translateY(calc(50% - 1.5rem))
}

.xo-product-card__header--style3 xo-carousel-prev {
    left: 50% !important;
    top: 2rem !important;
    transform: translate(calc(-100% - 0.5rem), 0) !important
}

.xo-product-card__header--style3 xo-carousel-next {
    right: 50% !important;
    top: 2rem !important;
    transform: translate(calc(100% + 0.5rem), 0) !important
}

@media(min-width: 768px) {
    [dir=ltr] .xo-product-card:hover .xo-product-card__actions--style4 {
        transform:translateX(0) translateY(-50%)
    }

    [dir=rtl] .xo-product-card:hover .xo-product-card__actions--style4 {
        transform: translateX(0) translateY(-50%)
    }

    .xo-product-card:hover .xo-product-card__information--style4 {
        transform: translateX(-50%) translateY(0);
        opacity: 1
    }

    [dir=ltr] .xo-product-card:hover .xo-product-card__variants--style4 {
        transform: translate(0, -50%)
    }

    [dir=rtl] .xo-product-card:hover .xo-product-card__variants--style4 {
        transform: translate(0, -50%)
    }
}

.xo-product-card__actions--style4 {
    top: 50%;
    flex-direction: column;
    gap: 1.3rem
}

[dir=ltr] .xo-product-card__actions--style4 {
    left: 1.8rem;
    transform: translateX(-1.5rem) translateY(-50%)
}

[dir=rtl] .xo-product-card__actions--style4 {
    right: 1.8rem;
    transform: translateX(1.5rem) translateY(-50%)
}

@media(min-width: 768px) {
    .xo-product-card__information--style4 {
        position:absolute;
        opacity: 0;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%) translateY(1.5rem)
    }
}

.xo-product-card__variants--style4 {
    top: 50%
}

[dir=ltr] .xo-product-card__variants--style4 {
    right: 1.8rem;
    transform: translate(1.5rem, -50%)
}

[dir=rtl] .xo-product-card__variants--style4 {
    left: 1.8rem;
    transform: translate(-1.5rem, -50%)
}

.xo-product-card__header--style4 xo-carousel-prev {
    left: 50% !important;
    top: 2rem !important;
    transform: translate(calc(-100% - 0.5rem), 0) !important
}

.xo-product-card__header--style4 xo-carousel-next {
    right: 50% !important;
    top: 2rem !important;
    transform: translate(calc(100% + 0.5rem), 0) !important
}

.xo-product-card:hover .xo-product-card__add-style5 {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0)
}

.xo-product-card:hover .xo-product-card__actions--style5 {
    transform: translateX(-50%) translateY(0)
}

.xo-product-card:hover .xo-product-card__variants--style5 {
    transform: translate(0, -50%)
}

.xo-product-card:hover .xo-product-card__price--style5 {
    visibility: hidden
}

.xo-product-card__actions--style5 {
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) translateY(1.5rem);
    background-color: #fff;
    width: 100%;
    padding: 1rem 0
}

.xo-product-card__icon--style5 {
    width: 50%;
    height: 2.5rem;
    border-left: .1rem solid rgb(var(--color-foreground), 0.4)
}

.xo-product-card__icon--style5 xo-tooltip {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.xo-product-card__icon--style5:first-child {
    border: none;
    padding-top: .6rem
}

.xo-product-card__add-style5 {
    width: 100%;
    display: flex;
    justify-content: var(--justify_button);
    position: absolute;
    left: 50%;
    bottom: 1rem;
    transform: translateX(-50%) translateY(1.5rem);
    transition: .5s;
    opacity: 0;
    visibility: hidden;
    padding: 0 2rem
}

.xo-product-card__variants--style5 {
    right: 10%;
    top: 50%;
    transform: translate(1.5rem, -50%)
}

.xo-btn--style5 .xo-btn__content {
    text-underline-offset: .7rem;
    padding-bottom: 1rem
}

.xo-btn--style5 .xo-btn__text {
    font-size: calc(var(--font-body-scale)*1.2rem) !important
}

.xo-btn--style5 .xo-btn__text[data-text]:before {
    color: rgb(0 0 0)
}

.xo-product-card__header--style5 xo-carousel-prev {
    left: 50% !important;
    top: 2rem !important;
    transform: translate(calc(-100% - 0.5rem), 0) !important
}

.xo-product-card__header--style5 xo-carousel-next {
    right: 50% !important;
    top: 2rem !important;
    transform: translate(calc(100% + 0.5rem), 0) !important
}

@media(min-width: 768px) {
    .xo-product-card:hover .xo-product-card__actions--style6 {
        transform:translateX(-50%) translateY(-50%)
    }

    .xo-product-card:hover .xo-product-card__header--style6:after {
        opacity: 1
    }

    .xo-product-card:hover .xo-product-card__variants--style6 {
        transition-delay: .5s;
        transform: translateX(-50%) translateY(0)
    }
}

.xo-product-card__header--style6:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition: .3s;
    background-color: rgba(35,37,41,.6);
    z-index: 10
}

.xo-product-card__actions--style6 {
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(1.5rem);
    gap: 1.5rem
}

.xo-product-card__variants--style6 {
    left: 50%;
    top: 65%;
    transform: translateX(-50%) translateY(3rem)
}

@media(min-width: 768px) {
    [dir=ltr] .xo-product-card:hover .xo-product-card__icon--style7 {
        transform:translateX(0)
    }

    [dir=rtl] .xo-product-card:hover .xo-product-card__icon--style7 {
        transform: translateX(0)
    }
}

[dir=ltr] .xo-product-card:hover .xo-product-card__variants--style7 {
    transform: translate(0, -50%)
}

[dir=rtl] .xo-product-card:hover .xo-product-card__variants--style7 {
    transform: translate(0, -50%)
}

@media(min-width: 768px) {
    .xo-product-card--style7:hover {
        box-shadow:0 15px 25px 0 rgba(0,0,0,.08)
    }
}

.xo-product-card__actions--style7 {
    top: 50%;
    transform: translateY(-50%);
    flex-direction: column;
    gap: 1.3rem
}

[dir=ltr] .xo-product-card__actions--style7 {
    left: 1.8rem
}

[dir=rtl] .xo-product-card__actions--style7 {
    right: 1.8rem
}

.xo-product-card__icon--style7 {
    transition: .3s
}

[dir=ltr] .xo-product-card__icon--style7 {
    transform: translateX(-1.5rem)
}

[dir=rtl] .xo-product-card__icon--style7 {
    transform: translateX(1.5rem)
}

.xo-product-card__icon--style7:nth-child(1) {
    transition-delay: .1s
}

.xo-product-card__icon--style7:nth-child(2) {
    transition-delay: .05s
}

.xo-product-card__variants--style7 {
    top: 50%
}

[dir=ltr] .xo-product-card__variants--style7 {
    right: 1.8rem;
    transform: translate(1.5rem, -50%)
}

[dir=rtl] .xo-product-card__variants--style7 {
    left: 1.8rem;
    transform: translate(-1.5rem, -50%)
}

.xo-product-card__header--style7 xo-carousel-prev {
    left: 50% !important;
    top: 2rem !important;
    transform: translate(calc(-100% - 0.5rem), 0) !important
}

.xo-product-card__header--style7 xo-carousel-next {
    right: 50% !important;
    top: 2rem !important;
    transform: translate(calc(100% + 0.5rem), 0) !important
}

@media(min-width: 768px) {
    .xo-product-card:hover .xo-product-card__collapse {
        opacity:1;
        transform: translateY(0);
        visibility: visible
    }

    .xo-product-card:hover .xo-product-card__variants--style8 {
        transition-delay: .5s;
        transform: translateX(-50%) translateY(0)
    }
}

.xo-product-card__description--style8 {
    margin: 1.2rem 0;
    padding: 0 2.5rem;
    border-top: .1rem solid rgb(var(--color-foreground), 0.1)
}

@media(min-width: 768px) {
    .xo-product-card--style8:hover {
        box-shadow:0 15px 25px 0 rgba(0,0,0,.08);
        z-index: 999;
        overflow: visible
    }
}

.xo-product-card__actions--style8 {
    position: static;
    padding: 1.2rem 2.5rem;
    border-top: .1rem solid rgb(var(--color-foreground), 0.1);
    justify-content: space-between !important;
    background-color: #fff;
    width: 100%;
    box-shadow: 0 15px 25px 0 rgba(0,0,0,.08)
}

.xo-product-card__actions--style8 xo-product-quick-view-trigger {
    display: flex;
    justify-content: center;
    align-items: center
}

.xo-product-card__collapse {
    position: absolute;
    top: 100%;
    left: 0;
    transform: translateY(-3rem);
    opacity: 0;
    transition: .5s;
    visibility: hidden;
    background-color: #fff;
    box-shadow: 0 15px 25px 0 rgba(0,0,0,.08);
    width: 100%
}

.xo-product-card__variants--style8 {
    left: 50%;
    bottom: 5%;
    transform: translateX(-50%) translateY(1.5rem)
}

.xo-btn--style8 {
    background-color: rgb(0 0 0);
    color: rgba(var(--color-background));
    transition: .3s;
    border: none;
    border-radius: var(--buttons-radius)
}

.xo-btn--style8 .xo-btn__text[data-text]:before,.xo-btn--style8 .xo-btn__text[data-text]:after {
    color: rgba(var(--color-background))
}

.xo-btn--style8:hover {
    background-color: rgba(var(--color-foreground))
}

.xo-product-card__header--style8 xo-carousel-prev {
    left: 2rem !important
}

.xo-product-card__header--style8 xo-carousel-next {
    right: 2rem !important
}

@media(min-width: 768px) {
    .xo-product-card:hover .xo-product-card__actions--style9 {
        transform:translateX(-50%) translateY(0)
    }

    .xo-product-card:hover .xo-product-card__variants--style9 {
        transition-delay: .5s;
        transform: translateX(-50%) translateY(0)
    }
}

.xo-product-card__actions--style9 {
    left: 50%;
    bottom: 15%;
    transform: translateX(-50%) translateY(1.5rem);
    gap: 1.5rem
}

.xo-product-card__variants--style9 {
    left: 50%;
    bottom: 5%;
    transform: translateX(-50%) translateY(1.5rem)
}

.xo-product-card__header--style9 xo-carousel-prev {
    left: 2rem !important
}

.xo-product-card__header--style9 xo-carousel-next {
    right: 2rem !important
}

.xo-product-card {
    background-color: rgb(var(--color-background));
    border: var(--product-card-border-width) solid rgba(var(--color-border), var(--product-card-border-opacity));
    border-radius: var(--product-card-corner-radius);
    box-shadow: var(--product-card-shadow-horizontal-offset) var(--product-card-shadow-vertical-offset) var(--product-card-shadow-blur-radius) rgba(var(--color-shadow), var(--product-card-shadow-opacity));
    overflow: hidden;
    position: relative
}

@media(min-width: 768px) {
    .xo-product-card:hover .xo-product-card__actions {
        opacity:1;
        pointer-events: auto
    }

    .xo-product-card:hover .xo-product-card__variants {
        opacity: 1;
        visibility: visible
    }
}

.xo-product-card__header {
    position: relative;
    overflow: hidden;
    padding: var(--product-card-image-padding);
    transform: translateZ(0)
}

.xo-product-card__badge {
    position: absolute;
    top: 1rem;
    z-index: 10;
    pointer-events: none;
    width: 11rem;
    height: 2.8rem;
    transform: rotate(45deg)
}

[dir=ltr] .xo-product-card__badge {
    right: -3rem
}

[dir=rtl] .xo-product-card__badge {
    left: -3rem
}

.xo-product-card__actions {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .3s;
    opacity: 0;
    pointer-events: none;
    z-index: 11;
    will-change: transform,opacity
}

.xo-product-card__actions .xo-product-card__quick-view-btn {
    padding: 0;
    width: 4.5rem;
    height: 4.5rem;
    flex-shrink: 0
}

.xo-product-card__variants {
    position: absolute;
    align-items: center;
    transition: .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 11
}

.xo-product-card__variant-dot:hover {
    transform: scale(1.1)
}

.xo-product-card__icon {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.xo-product-card__information {
    display: flex;
    flex-direction: column;
    padding: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-align: var(--product-card-text-alignment);
    width: 100%;
    z-index: 10;
    transition: .5s
}

.xo-product-card__title {
    display: block;
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*1.6rem);
    color: rgb(var(--color-foreground));
    letter-spacing: .02em;
    padding-top: 1rem;
    margin-bottom: .3rem
}

.xo-product-card__title a {
    transition: .3s;
    color: inherit;
    text-transform: capitalize;
    font-size: calc(var(--font-body-scale)*1.6rem);
    font-weight: 500
}

.xo-product-card__title a:hover {
    color: rgba(var(--color-foreground), 0.7)
}

.xo-product-card__vendor {
    font-size: calc(var(--font-body-scale)*1.2rem);
    font-weight: 500;
    letter-spacing: calc(var(--font-body-scale)*0.3rem);
    text-transform: uppercase;
    letter-spacing: .02em;
    color: rgb(var(--color-foreground), 0.7);
    padding-top: 1rem
}

.xo-product-card__description {
    padding-top: .5rem;
    margin-bottom: .5rem;
    line-height: calc(1 + 0.4/var(--font-body-scale));
    font-size: calc(var(--font-body-scale)*1.5rem);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.xo-product-card__price {
    display: inline-block;
    padding-bottom: .2rem
}

.xo-product-card__price-inner {
    display: inline-flex;
    align-items: center;
    gap: 2rem;
    font-size: calc(var(--font-body-scale)*1.5rem);
    font-weight: 500
}

.xo-product-card__wishlist[xo-added] .xo-product-card__icon-wishlist[xo-added] {
    display: none
}

.xo-product-card__wishlist[xo-added] .xo-product-card__icon-wishlist[xo-removed] {
    display: flex
}

.xo-product-card__icon-wishlist[xo-removed] {
    display: none
}

.xo-product-card__icon-wishlist[xo-removed] .xo-btn--primary.xo-btn--light.circle,.xo-product-card__icon-wishlist[xo-removed] .xo-btn--primary.xo-btn--light.square {
    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)) calc(1 * 100%), transparent)
}

.xo-product-card__icon-wishlist[xo-removed] .xo-btn--primary.xo-btn--light.circle .xo-btn__text[data-text]:before,.xo-product-card__icon-wishlist[xo-removed] .xo-btn--primary.xo-btn--light.circle .xo-btn__text[data-text]:after,.xo-product-card__icon-wishlist[xo-removed] .xo-btn--primary.xo-btn--light.square .xo-btn__text[data-text]:before,.xo-product-card__icon-wishlist[xo-removed] .xo-btn--primary.xo-btn--light.square .xo-btn__text[data-text]:after {
    color: color-mix(in srgb, rgba(var(--color-dark-button-text)) calc(1 * 100%), transparent)
}

.xo-product-card__icon-wishlist[xo-removed] .xo-btn--primary.xo-btn--light.circle .xo-btn__icon svg,.xo-product-card__icon-wishlist[xo-removed] .xo-btn--primary.xo-btn--light.square .xo-btn__icon svg {
    color: color-mix(in srgb, rgba(var(--color-dark-button-text)) calc(1 * 100%), transparent)
}

.xo-product-card__icon-wishlist[xo-removed] .xo-btn--primary.xo-btn--light.circle .xo-loader-3>*,.xo-product-card__icon-wishlist[xo-removed] .xo-btn--primary.xo-btn--light.circle .xo-loader-3:before,.xo-product-card__icon-wishlist[xo-removed] .xo-btn--primary.xo-btn--light.circle .xo-loader-3:after,.xo-product-card__icon-wishlist[xo-removed] .xo-btn--primary.xo-btn--light.square .xo-loader-3>*,.xo-product-card__icon-wishlist[xo-removed] .xo-btn--primary.xo-btn--light.square .xo-loader-3:before,.xo-product-card__icon-wishlist[xo-removed] .xo-btn--primary.xo-btn--light.square .xo-loader-3:after {
    background-color: color-mix(in srgb, rgba(var(--color-dark-button-text)) calc(1 * 100%), transparent)
}

.xo-product-card__carousel-prev,.xo-product-card__carousel-next {
    width: 3.2rem;
    height: 3.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: .1rem solid rgba(var(--color-foreground), 0.15);
    color: rgba(var(--color-foreground));
    cursor: pointer;
    transition: .3s
}

.xo-product-card__carousel-prev:hover,.xo-product-card__carousel-next:hover {
    background-color: rgba(var(--color-foreground));
    color: rgba(var(--color-background))
}

.xo-product-card__header xo-carousel-pagination {
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    padding: 0 2rem;
    flex-wrap: wrap;
    justify-content: center;
    position: absolute;
    top: 2rem;
    bottom: unset !important;
    left: 50%;
    transform: translateX(-50%);
    gap: .3rem
}

.xo-product-card__header xo-carousel-bullet .xo-product-card__bullet:after {
    transform: translate3d(0, 0, 0)
}

.xo-product-card__header xo-carousel-bullet[xo-active]>.xo-product-card__bullet:after {
    transform: translate3d(-100%, 0, 0);
    animation: xo-carousel-bullet-animate calc(var(--xo-auto-play) + var(--xo-speed)/2) forwards
}

.xo-product-card__header xo-carousel-bullet[xo-active]~xo-carousel-bullet>.xo-product-card__bullet:after {
    transform: translate3d(-100%, 0, 0)
}

@keyframes xo-carousel-bullet-animate {
    0% {
        transform: translate3d(-100%, 0, 0)
    }

    100% {
        transform: translate3d(0, 0, 0)
    }
}

.xo-product-card__bullet {
    position: relative;
    width: 2rem;
    height: .3rem;
    border-radius: 10rem;
    background-color: rgba(var(--color-foreground), 0.05);
    overflow: hidden
}

.xo-product-card__bullet:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--color-foreground), 0.3);
    transform: translate3d(-100%, 0, 0)
}

.xo-product-image {
    position: relative
}

.xo-product-image:hover .xo-product-image__secondary {
    opacity: 1;
    visibility: visible
}

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

.product-variant-modal__variant-list {
    display: flex;
    flex-direction: column;
    gap: .3rem
}

.product-variant-modal__toggle-wrap {
    display: contents
}

.product-variant-modal__toggle-content {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    max-height: 100%;
    z-index: 12;
    transform: translateY(100%);
    transition: .5s;
    background-color: rgba(var(--color-background));
    overflow: auto;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center
}

[dir=ltr] .product-variant-modal__toggle-content {
    left: 0
}

[dir=rtl] .product-variant-modal__toggle-content {
    right: 0
}

.product-variant-modal__toggle-wrap[xo-active] .product-variant-modal__toggle-content {
    transform: translateY(0)
}

.product-variant-modal__close {
    cursor: pointer;
    position: absolute;
    top: 1rem
}

[dir=ltr] .product-variant-modal__close {
    right: 1rem
}

[dir=rtl] .product-variant-modal__close {
    left: 1rem
}

.product-variant-modal__close button {
    all: unset;
    width: 2.8rem;
    height: 2.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: .3s
}

.product-variant-modal__close svg {
    color: rgba(var(--color-foreground));
    line-height: 0
}

.product-variant-modal__close:hover button {
    background-color: rgba(var(--color-foreground));
    rotate: 180deg
}

.product-variant-modal__close:hover svg {
    color: rgba(var(--color-background))
}

.product-variant-modal__variant-list {
    padding-bottom: 1.5rem
}

.xo-product-variant-modal__quantity {
    padding-bottom: 1rem
}

.product-variant-modal__modal-content {
    width: 35rem;
    background-color: rgba(var(--color-background));
    padding: 2rem;
    border-radius: var(--modal-corner-radius)
}

.xo-product-variant,.xo-product-variant__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .6rem
}

.xo-product-variant__inner--style10,.xo-product-variant__inner--style7,.xo-product-variant__inner--style5,.xo-product-variant__inner--style4,.xo-product-variant__inner--style3,.xo-product-variant__inner--style2 {
    flex-direction: column
}

.xo-product-variant__inner--style1 {
    justify-content: var(--justify_variant);
    width: 100%
}

.xo-product-variant__label {
    display: flex;
    gap: .5rem;
    font-size: calc(var(--font-body-scale)*1.4rem);
    font-weight: 500
}

.xo-product-variant__label-name {
    color: rgb(0 0 0)
}

.xo-product-variant__selected-value {
    color: rgba(var(--color-foreground))
}

.xo-quantity-style2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: solid .1rem rgba(var(--color-foreground), 0.1);
    border-radius: .8rem;
    background-color: rgba(var(--color-background));
    width: var(--width);
    height: var(--height);
    padding: 0 1.2rem
}

.xo-quantity-style2 svg {
    color: rgba(var(--color-foreground))
}

.xo-quantity-style2__number {
    width: 70%;
    border: none;
    outline: none;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100%
}

.xo-quantity-style2__button {
    transition: .4s all ease-in-out;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.xo-quantity-style2__button svg {
    line-height: 0;
    color: rgba(var(--color-foreground), 0.75)
}

.xo-quantity-style2__button:hover svg {
    color: rgba(var(--color-foreground))
}

.scroll-top {
    position: fixed;
    bottom: 7rem;
    right: var(--right-mobile);
    left: var(--left-mobile);
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background-color: var(--bg-color, rgb(var(--color-foreground)));
    background-image: var(--bg-gradient);
    z-index: 998;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
    transform: translateY(5rem);
    box-shadow: rgba(0,0,0,.25) 0px 54px 55px,rgba(0,0,0,.12) 0px -12px 30px,rgba(0,0,0,.12) 0px 4px 6px,rgba(0,0,0,.17) 0px 12px 13px,rgba(0,0,0,.09) 0px -3px 5px;
    overflow: hidden
}

.scroll-top svg {
    color: var(--icon-color, rgba(var(--color-background)))
}

@media(min-width: 768px) {
    .scroll-top {
        bottom:9rem;
        right: var(--right-desktop);
        left: var(--left-desktop);
        width: 4rem;
        height: 4rem
    }
}

.scroll-top.xo-active {
    transform: translateY(0);
    visibility: visible;
    opacity: 1
}

.scroll-top__icon-before {
    transition: .3s;
    line-height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.scroll-top__icon-after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 5rem);
    transition: .3s;
    line-height: 0
}

.scroll-top:hover .scroll-top__icon-before {
    transform: translate(-50%, -5rem)
}

.scroll-top:hover .scroll-top__icon-after {
    transform: translate(-50%, -50%)
}

.xo-section {
    --pt: 50;
    --pb: 50;
    --margin: 0;
    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: var(--pt-mobile, calc(var(--pt) * 0.75 * 1px));
    padding-bottom: var(--pb-mobile, calc(var(--pb) * 0.75 * 1px))
}

@media(min-width: 768px) {
    .xo-section {
        padding-top:calc(var(--pt)*1px);
        padding-bottom: calc(var(--pb)*1px);
        margin-left: calc(var(--margin)*1px);
        margin-right: calc(var(--margin)*1px)
    }
}

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

.xo-section-bg:after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    background-color: var(--bg-overlay);
    z-index: 1
}

.xo-section-bg xo-video-cover {
    height: 100%
}

.xo-section-bg-image__item {
    position: absolute;
    inset: 0
}

@supports(-webkit-touch-callout: none) {
    .xo-section-bg-image__item {
        top: 50%;
        left: 50%;
        min-width: 100vw;
        min-height: 100vh;
        height: 100%;
        transform: translate(-50%, -50%)
    }
}

.xo-section-bg-image__url {
    position: relative;
    width: 100%;
    height: 100%;
    background-image: var(--img-mobile, var(--img-desktop));
    background-size: cover;
    background-position: center
}

@media(min-width: 768px) {
    .xo-section-bg-image__url {
        background-image:var(--img-desktop)
    }
}

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

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

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

.xo-section-heading__title {
    margin: 0;
    font-size: clamp(2rem,calc(1.75vw + 1.3rem),3.4rem);
    font-family: var(--font-custom-family)
}

.xo-container--box {
    width: 100%
}

.xo-container--wide {
    max-width: unset;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 100%
}

@media(min-width: 1400px) {
    .xo-container--wide {
        padding-left:14rem;
        padding-right: 14rem
    }
}

.xo-container--fullwidth {
    max-width: unset;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 100%
}

@media(min-width: 768px) {
    .xo-container--fullwidth {
        padding-left:calc(var(--padding)*1px);
        padding-right: calc(var(--padding)*1px)
    }
}

.xo-share-style2__title {
    font-size: calc(var(--font-body-scale)*1.8rem);
    font-weight: 500;
    color: rgba(var(--color-foreground));
    padding-bottom: .7rem
}

.xo-share-style2__copy {
    display: flex;
    gap: 1rem;
    align-items: center;
    margin-bottom: 2rem
}

.xo-share-style2__copy-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5rem;
    height: 5rem;
    border-radius: .5rem;
    border: solid .1rem rgba(var(--color-foreground), 0.15);
    background-color: rgba(var(--color-background));
    cursor: pointer;
    flex-shrink: 0;
    transition: .3s
}

.xo-share-style2__copy-button svg {
    color: rgba(var(--color-foreground));
    line-height: 0
}

.xo-share-style2__copy-button:hover {
    background-color: rgba(var(--color-foreground))
}

.xo-share-style2__copy-button:hover svg {
    color: rgba(var(--color-background))
}

.xo-share-style2__social-title {
    font-size: calc(var(--font-body-scale)*1.4rem);
    font-weight: 500;
    padding-bottom: .7rem;
    color: rgba(var(--color-foreground))
}

.xo-share-style2__social {
    display: flex;
    gap: .5rem
}

.xo-share-style2__link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    border: .1rem solid rgba(var(--color-foreground), 0.2);
    background-color: rgba(var(--color-background));
    color: rgba(var(--color-foreground));
    cursor: pointer;
    transition: .3s
}

.xo-share-style2__link svg {
    color: rgba(var(--color-foreground))
}

.xo-share-style2__link:hover {
    background-color: rgba(var(--color-foreground))
}

.xo-share-style2__link:hover svg {
    color: rgba(var(--color-background))
}

.xo-share-style2__label {
    position: relative;
    width: 100%;
    display: block;
    border-radius: .5rem;
    border: .1rem solid rgba(var(--color-foreground), 0.15)
}

.xo-share-style2__input {
    padding: 1.5rem 2rem;
    width: 100%;
    outline: none;
    border: none;
    background-color: rgba(0,0,0,0)
}

.xo-share {
    display: flex;
    gap: 1rem
}

.xo-share__link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    border: .1rem solid rgba(var(--color-foreground), 0.1);
    border-radius: var(--buttons-radius);
    cursor: pointer;
    transition: .3s
}

.xo-share__link svg {
    color: rgba(var(--color-foreground));
    transition: .3s
}

.xo-share__link:hover {
    background-color: rgba(var(--color-foreground))
}

.xo-share__link:hover svg {
    color: rgba(var(--color-background))
}

.xo-slideshow {
    --margin: 0;
    z-index: 1;
    position: relative;
    background-size: cover;
    background-position: center;
    background-color: var(--bg-color, rgb(var(--color-background)));
    background-image: var(--bg-gradient)
}

@media(min-width: 768px) {
    .xo-slideshow {
        margin-left:calc(var(--margin)*1px);
        margin-right: calc(var(--margin)*1px)
    }
}

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

.slideshow-bg:after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    background-color: var(--bg-overlay);
    z-index: 1
}

.slideshow-bg xo-video-cover {
    height: 100%
}

.slideshow-bg-image__item {
    position: absolute;
    inset: 0
}

@supports(-webkit-touch-callout: none) {
    .slideshow-bg-image__item {
        top: 50%;
        left: 50%;
        min-width: 100vw;
        min-height: 100vh;
        height: 100%;
        transform: translate(-50%, -50%)
    }
}

.slideshow-bg-image__url {
    position: relative;
    width: 100%;
    height: 100%;
    background-image: var(--img-mobile, var(--img-desktop));
    background-size: cover;
    background-position: center
}

@media(min-width: 768px) {
    .slideshow-bg-image__url {
        background-image:var(--img-desktop)
    }
}

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

.xo-socials__link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    border: .1rem solid rgba(var(--color-border), 0.2);
    background-color: rgba(var(--color-background));
    color: rgba(var(--color-foreground));
    transition: .3s
}

@media(min-width: 576px) {
    .xo-socials__link {
        width:3.4rem;
        height: 3.4rem
    }
}

.xo-socials__link:hover {
    color: rgba(var(--color-background));
    background-color: rgba(var(--color-foreground))
}

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

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

.xo-toast {
    font-size: 1.4rem;
    padding-top: .4rem;
    padding-bottom: .4rem;
    background-color: #000
}

[dir=ltr] .xo-toast {
    padding-right: .5rem;
    padding-left: 1rem
}

[dir=rtl] .xo-toast {
    padding-left: 0.5rem;
    padding-right: 1rem
}

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

.toolbar {
    height: 5.3rem;
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 998;
    background-color: var(--bg-color, rgb(var(--color-background)));
    background-image: var(--bg-gradient);
    border-top: .1rem solid rgb(var(--color-foreground), 0.06);
    box-shadow: 0px 0px 10px rgba(var(--color-foreground), 0.12)
}

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

.toolbar__item-wrap {
    height: 100%;
    flex: 1 0 auto;
    border-right: solid .1rem rgba(var(--color-foreground), 0.1)
}

.toolbar__item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 0 auto;
    line-height: 0;
    height: 100%;
    border-right: solid .1rem rgba(var(--color-foreground), 0.1)
}

.toolbar__item:last-child {
    border: none
}

.toolbar__icon {
    position: relative
}

.toolbar__cart-count {
    position: absolute;
    width: 1.3rem;
    height: 1.3rem;
    line-height: 0;
    border-radius: 50%;
    font-size: calc(var(--font-body-scale)*0.9rem);
    color: #fff;
    background-color: rgb(var(--color-accent));
    display: flex;
    justify-content: center;
    align-items: center
}

.toolbar__cart-count {
    top: 1.5rem
}

[dir=ltr] .toolbar__cart-count {
    left: 1.2rem
}

[dir=rtl] .toolbar__cart-count {
    right: 1.2rem
}

.xo-video {
    position: relative;
    display: block
}

.xo-video__poster {
    position: absolute;
    width: 100%;
    height: 100%
}

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

.xo-video .xo-media iframe {
    width: 100%;
    height: 100%
}

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

.footer-v5__top {
    padding-top: 3rem;
    padding-bottom: 3rem;
    border-top: .1rem solid rgba(var(--color-foreground), 0.15);
    border-bottom: .1rem solid rgba(var(--color-foreground), 0.15)
}

@media(min-width: 768px) {
    .footer-v5__top {
        padding-top:5rem;
        padding-bottom: 5rem
    }
}

.footer-v5__heading {
    font-size: clamp(1.2rem,calc(0.25vw + 1.1rem),1.4rem);
    letter-spacing: calc(var(--font-heading-scale)*0.32rem);
    padding-bottom: 1.7rem;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
    position: relative
}

.footer-v5__heading::before {
    content: "";
    position: absolute;
    bottom: 0;
    height: .1rem;
    width: 3.5rem;
    background-color: rgba(var(--color-foreground), 0.15)
}

[dir=ltr] .footer-v5__heading::before {
    left: 0
}

[dir=rtl] .footer-v5__heading::before {
    right: 0
}

.footer-v5__description {
    margin-top: 2rem;
    margin-bottom: 1.5rem;
    color: rgb(0 0 0);
    font-weight: 500;
    max-width: 36rem
}

.footer-v5__input-btn {
    display: flex;
    align-items: center;
    max-width: 36rem
}

.footer-v5__input-btn .xo-field-input {
    height: 5.6rem
}

.footer-v5__input-btn .xo-field-input__input {
    padding: 1.5rem 1.5rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
    height: 100%
}

.footer-v5__email-button {
    all: unset;
    position: relative;
    cursor: pointer;
    border-top-right-radius: var(--buttons-radius);
    border-bottom-right-radius: var(--buttons-radius);
    width: 5.6rem;
    height: 5.6rem;
    flex-shrink: 0;
    background-color: rgba(var(--color-foreground));
    overflow: hidden
}

.footer-v5__icon-before {
    transition: .3s;
    line-height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.footer-v5__icon-after {
    position: absolute;
    top: 50%;
    left: 50%;
    transition: .3s;
    line-height: 0;
    transform: translate(-50%, 5rem)
}

.footer-v5__email-button:hover .footer-v5__icon-before {
    transform: translate(-50%, -5rem)
}

.footer-v5__email-button:hover .footer-v5__icon-after {
    transform: translate(-50%, -50%)
}

.footer-v5__social {
    margin-top: 2rem;
    display: flex;
    gap: 2rem
}

.footer-v5__social li {
    margin: 0 .5rem
}

.footer-v5__social-link {
    display: flex;
    align-items: center;
    justify-content: center
}

.footer-v5__social-link svg path {
    transition: fill .1s;
    fill: rgba(var(--color-foreground), 0.3)
}

.footer-v5__social-link:hover svg path {
    fill: rgba(var(--color-foreground))
}

.footer-v5__list-item {
    padding: .4rem 0
}

.footer-v5__list-item a {
    font-size: calc(var(--font-body-scale)*1.5rem);
    color: rgb(0 0 0);
    font-weight: 500;
    transition: .3s
}

.footer-v5__list-item:hover a {
    color: rgba(var(--color-foreground));
    padding-inline-start:1rem}

.footer-v5__subtext {
    font-weight: 500;
    color: rgb(0 0 0)
}

.footer-v5__bottom {
    padding: 1.5rem 0;
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between
}

@media(min-width: 768px) {
    .footer-v5__bottom {
        flex-direction:row;
        align-items: center
    }
}

.footer-v5__copyright {
    font-size: calc(var(--font-body-scale)*1.4rem)
}

.footer-v5__payment {
    width: 20rem
}

.footer-v5__copyright-content {
    font-size: calc(var(--font-body-scale)*1.4rem)
}

.footer-v5__copyright-content a {
    color: rgba(var(--color-foreground), 0.3);
    transition: .3s;
    font-weight: 500;
    position: relative
}

.footer-v5__copyright-content a::after {
    content: "";
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: -0.1rem;
    display: block;
    width: 0;
    height: .1rem;
    background-color: rgba(var(--color-foreground), 0.15);
    transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.075)
}

.footer-v5__copyright-content a:hover {
    color: rgb(var(--color-foreground))
}

.footer-v5__copyright-content a:hover::after {
    width: 100%
}

.footer-v5__copyright-content--black a:hover {
    color: rgba(var(--color-foreground), 0.3)
}

.footer-v5__copyright-content .footer-v5__copyright-shopilaunch {
    color: rgba(var(--color-foreground), 0.6)
}

.footer-v5__theme-name,.footer-v5__powered-shopify {
    color: rgba(var(--color-foreground), 0.3);
    transition: .3s;
    font-weight: 500;
    position: relative
}

.footer-v5__theme-name::after,.footer-v5__powered-shopify::after {
    content: "";
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: -0.1rem;
    display: block;
    width: 0;
    height: .1rem;
    background-color: rgba(var(--color-foreground), 0.15);
    transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.075)
}

.footer-v5__theme-name:hover {
    color: rgb(var(--color-foreground))
}

.footer-v5__theme-name:hover::after {
    width: 100%
}

.footer-v5__powered-shopify:hover {
    color: rgba(var(--color-foreground), 0.3)
}

.footer-v5__powered-shopify:hover::after {
    width: 100%
}

.footer-v5__shop-name {
    color: rgba(var(--color-foreground), 0.6);
    transition: .3s;
    font-weight: 500;
    position: relative
}

.footer-v5__shop-name::after {
    content: "";
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: -0.1rem;
    display: block;
    width: 0;
    height: .1rem;
    background-color: rgba(var(--color-foreground), 0.15);
    transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.075)
}

.footer-v5__shop-name:hover {
    color: rgb(var(--color-foreground))
}

.footer-v5__shop-name:hover::after {
    width: 100%
}

.footer-v6__top {
    border-top: .1rem solid rgba(var(--color-foreground), 0.15);
    border-bottom: .1rem solid rgba(var(--color-foreground), 0.15)
}

@media(max-width: 991px) {
    .footer-v6__top {
        padding:2rem 0
    }
}

.footer-v6__block {
    padding: 0
}

@media(min-width: 992px) {
    .footer-v6__block {
        border-right:.1rem solid rgba(var(--color-foreground), 0.15);
        padding: 4rem 3rem 4rem 0
    }
}

.footer-v6__block:last-child {
    border-right: none
}

.footer-v6__heading {
    font-size: clamp(1.2rem,calc(0.25vw + 1.1rem),1.4rem);
    letter-spacing: calc(var(--font-heading-scale)*0.32rem);
    padding-bottom: 1.7rem;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
    position: relative
}

.footer-v6__heading::before {
    content: "";
    position: absolute;
    bottom: 0;
    height: .1rem;
    width: 3.5rem;
    background-color: rgba(var(--color-foreground), 0.15)
}

[dir=ltr] .footer-v6__heading::before {
    left: 0
}

[dir=rtl] .footer-v6__heading::before {
    right: 0
}

.footer-v6__description {
    margin-top: 2rem;
    margin-bottom: 1.5rem;
    color: rgb(0 0 0);
    font-weight: 500;
    max-width: 36rem;
    text-align: justify;

}

.footer-v6__input-btn {
    display: flex;
    align-items: center
}

.footer-v6__input-btn .xo-field-input {
    height: 5.6rem
}

.footer-v6__input-btn .xo-field-input__input {
    padding: 1.5rem 1.5rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
    height: 100%
}

.footer-v6__email-button {
    all: unset;
    position: relative;
    cursor: pointer;
    border-top-right-radius: var(--buttons-radius);
    border-bottom-right-radius: var(--buttons-radius);
    width: 5.6rem;
    height: 5.6rem;
    flex-shrink: 0;
    background-color: rgba(var(--color-foreground));
    overflow: hidden
}

.footer-v6__icon-before {
    transition: .3s;
    line-height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.footer-v6__icon-after {
    position: absolute;
    top: 50%;
    left: 50%;
    transition: .3s;
    line-height: 0;
    transform: translate(-50%, 5rem)
}

.footer-v6__email-button:hover .footer-v6__icon-before {
    transform: translate(-50%, -5rem)
}

.footer-v6__email-button:hover .footer-v6__icon-after {
    transform: translate(-50%, -50%)
}

.footer-v6__social {
    margin-top: 2rem;
    display: flex;
    gap: 2rem
}

/* .footer-v6__social li {
    margin: 0 .5rem
} */

.footer-v6__social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

ul.footer-v6__social.list-unstyled li:nth-child(-n+2) a {
    padding: 6px;
    border-radius: 26%;
    background: #ea1e29;
}

.footer-v6__social-link svg path {
    transition: fill .1s;
    fill: rgb(255 255 255);
}
.footer-v6__social-link:hover svg path {
    fill: rgba(var(--color-foreground))
}

.footer-v6__list-item {
    padding: .4rem 0
}

.footer-v6__list-item a {
    font-size: calc(var(--font-body-scale)*1.5rem);
    color: rgb(0 0 0);
    font-weight: 500;
    transition: .3s
}

.footer-v6__list-item:hover a {
    color: rgba(var(--color-foreground));
    padding-inline-start:1rem}

.footer-v6__subtext {
    font-weight: 500;
    color: rgb(0 0 0)
}

.footer-v6__bottom {
    padding: 1.5rem 0;
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between
}

@media(min-width: 768px) {
    .footer-v6__bottom {
        flex-direction:row;
        align-items: center
    }
}

.footer-v6__copyright {
    font-size: calc(var(--font-body-scale)*1.4rem)
}

.footer-v6__payment {
    width: 20rem
}

.footer-v6__copyright-content {
    font-size: calc(var(--font-body-scale)*1.4rem)
}

.footer-v6__copyright-content a {
    color: rgba(var(--color-foreground), 0.3);
    transition: .3s;
    font-weight: 500;
    position: relative
}

.footer-v6__copyright-content a::after {
    content: "";
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: -0.1rem;
    display: block;
    width: 0;
    height: .1rem;
    background-color: rgba(var(--color-foreground), 0.15);
    transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.075)
}

.footer-v6__copyright-content a:hover {
    color: rgb(var(--color-foreground))
}

.footer-v6__copyright-content a:hover::after {
    width: 100%
}

.footer-v6__copyright-content--black a:hover {
    color: rgba(var(--color-foreground), 0.3)
}

.footer-v6__copyright-content .footer-v6__copyright-shopilaunch {
    color: rgba(var(--color-foreground), 0.6)
}

.footer-v6__theme-name,.footer-v6__powered-shopify {
    color: rgba(var(--color-foreground), 0.3);
    transition: .3s;
    font-weight: 500;
    position: relative
}

.footer-v6__theme-name::after,.footer-v6__powered-shopify::after {
    content: "";
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: -0.1rem;
    display: block;
    width: 0;
    height: .1rem;
    background-color: rgba(var(--color-foreground), 0.15);
    transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.075)
}

.footer-v6__theme-name:hover {
    color: rgb(var(--color-foreground))
}

.footer-v6__theme-name:hover::after {
    width: 100%
}

.footer-v6__powered-shopify:hover {
    color: rgba(var(--color-foreground), 0.3)
}

.footer-v6__powered-shopify:hover::after {
    width: 100%
}

.footer-v6__shop-name {
    color: rgba(var(--color-foreground), 0.6);
    transition: .3s;
    font-weight: 500;
    position: relative
}

.footer-v6__shop-name::after {
    content: "";
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: -0.1rem;
    display: block;
    width: 0;
    height: .1rem;
    background-color: rgba(var(--color-foreground), 0.15);
    transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.075)
}

.footer-v6__shop-name:hover {
    color: rgb(var(--color-foreground))
}

.footer-v6__shop-name:hover::after {
    width: 100%
}

.footer-v16__top {
    padding-top: 3rem;
    padding-bottom: 3rem;
    border-bottom: .1rem solid rgba(var(--color-foreground), 0.15)
}

@media(min-width: 768px) {
    .footer-v16__top {
        padding-top:5rem;
        padding-bottom: 5rem
    }
}

.footer-v16__heading {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*2.1rem);
    padding-bottom: 1.7rem;
    margin-bottom: 1.5rem;
    text-transform: capitalize;
    position: relative
}

.footer-v16__heading::before {
    content: "";
    position: absolute;
    bottom: 0;
    height: .1rem;
    width: 3.5rem;
    background-color: rgba(var(--color-foreground), 0.15)
}

[dir=ltr] .footer-v16__heading::before {
    left: 0
}

[dir=rtl] .footer-v16__heading::before {
    right: 0
}

.footer-v16__description {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    color: rgb(0 0 0);
    font-weight: 500
}

.footer-v16__information-item {
    font-size: calc(var(--font-body-scale)*1.5rem);
    color: rgb(0 0 0);
    line-height: calc(1 + 1.3/var(--font-body-scale));
    font-weight: 500
}

.footer-v16__input-btn {
    margin-top: 2rem;
    display: flex;
    align-items: center
}

.footer-v16__input-btn .xo-field-input {
    height: 6.5rem
}

.footer-v16__input-btn .xo-field-input__input {
    padding: 1.5rem 1.5rem;
    border: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    height: 100%;
    background-color: rgba(var(--color-foreground), 0.05)
}

.footer-v16__email-button {
    all: unset;
    position: relative;
    cursor: pointer;
    border-top-right-radius: var(--buttons-radius);
    border-bottom-right-radius: var(--buttons-radius);
    width: 9rem;
    height: 6.5rem;
    flex-shrink: 0;
    background-color: rgba(var(--color-foreground));
    overflow: hidden
}

.footer-v16__email-button span {
    font-size: calc(var(--font-body-scale)*1.2rem);
    letter-spacing: calc(var(--font-body-scale)*0.2rem);
    font-weight: 500;
    text-transform: uppercase;
    color: rgba(var(--color-background))
}

.footer-v16__text-before {
    transition: .3s;
    line-height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.footer-v16__text-after {
    position: absolute;
    top: 50%;
    left: 50%;
    transition: .3s;
    line-height: 0;
    transform: translate(-50%, 5rem)
}

.footer-v16__email-button:hover .footer-v16__text-before {
    transform: translate(-50%, -5rem)
}

.footer-v16__email-button:hover .footer-v16__text-after {
    transform: translate(-50%, -50%)
}

.footer-v16__social {
    margin-top: 1rem;
    display: flex
}

.footer-v16__social li {
    margin: 0 .5rem
}

.footer-v16__social-link {
    border: .1rem solid rgba(var(--color-foreground), 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    transition: .3s
}

.footer-v16__social-link svg path {
    transition: fill .1s;
    fill: rgba(var(--color-foreground), 0.6)
}

.footer-v16__social-link:hover {
    background-color: rgba(var(--color-foreground));
    border: .1rem solid rgb(var(--color-foreground))
}

.footer-v16__social-link:hover svg path {
    fill: rgba(var(--color-background))
}

.footer-v16__list-item {
    padding: .4rem 0
}

.footer-v16__list-item a {
    font-size: calc(var(--font-body-scale)*1.5rem);
    color: rgb(0 0 0);
    font-weight: 500;
    transition: .3s
}

.footer-v16__list-item:hover a {
    color: rgba(var(--color-foreground));
    padding-inline-start:1rem}

.footer-v16__subtext {
    font-weight: 500;
    color: rgb(0 0 0)
}

.footer-v16__bottom {
    align-items: center;
    padding: 1.5rem 0
}

@media(min-width: 992px) {
    .footer-v16__copyright-wrap {
        display:flex;
        justify-content: flex-end
    }
}

.footer-v16__copyright {
    font-size: calc(var(--font-body-scale)*1.4rem)
}

@media(min-width: 992px) {
    .footer-v16__payment-wrap {
        display:flex;
        justify-content: center
    }
}

.footer-v16__payment {
    width: 20rem
}

.footer-v16__copyright-content {
    font-size: calc(var(--font-body-scale)*1.4rem)
}

.footer-v16__copyright-content a {
    color: rgba(var(--color-foreground), 0.3);
    transition: .3s;
    font-weight: 500;
    position: relative
}

.footer-v16__copyright-content a::after {
    content: "";
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: -0.1rem;
    display: block;
    width: 0;
    height: .1rem;
    background-color: rgba(var(--color-foreground), 0.15);
    transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.075)
}

.footer-v16__copyright-content a:hover {
    color: rgb(var(--color-foreground))
}

.footer-v16__copyright-content a:hover::after {
    width: 100%
}

.footer-v16__copyright-content--black a:hover {
    color: rgba(var(--color-foreground), 0.3)
}

.footer-v16__copyright-content .footer-v16__copyright-shopilaunch {
    color: rgba(var(--color-foreground), 0.6)
}

.footer-v16__theme-name,.footer-v16__powered-shopify {
    color: rgba(var(--color-foreground), 0.3);
    transition: .3s;
    font-weight: 500;
    position: relative
}

.footer-v16__theme-name::after,.footer-v16__powered-shopify::after {
    content: "";
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: -0.1rem;
    display: block;
    width: 0;
    height: .1rem;
    background-color: rgba(var(--color-foreground), 0.15);
    transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.075)
}

.footer-v16__theme-name:hover {
    color: rgb(var(--color-foreground))
}

.footer-v16__theme-name:hover::after {
    width: 100%
}

.footer-v16__powered-shopify:hover {
    color: rgba(var(--color-foreground), 0.3)
}

.footer-v16__powered-shopify:hover::after {
    width: 100%
}

.footer-v16__shop-name {
    color: rgba(var(--color-foreground), 0.6);
    transition: .3s;
    font-weight: 500;
    position: relative
}

.footer-v16__shop-name::after {
    content: "";
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: -0.1rem;
    display: block;
    width: 0;
    height: .1rem;
    background-color: rgba(var(--color-foreground), 0.15);
    transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.075)
}

.footer-v16__shop-name:hover {
    color: rgb(var(--color-foreground))
}

.footer-v16__shop-name:hover::after {
    width: 100%
}

.footer-v25__top {
    padding-bottom: 7rem;
    border-bottom: .1rem solid rgba(var(--color-foreground), 0.15)
}

.footer-v25__top-content {
    max-width: 69rem;
    margin: 0 auto;
    text-align: center
}

.footer-v25__title {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*2.8rem);
    text-transform: capitalize
}

.footer-v25__description {
    color: rgba(var(--color-foreground));
    font-size: calc(var(--font-body-scale)*1.6rem);
    font-weight: 500;
    margin-bottom: 1.5rem
}

.footer-v25__input-btn {
    display: flex;
    align-items: center
}

.footer-v25__input-btn .xo-field-input {
    height: 5.6rem
}

.footer-v25__input-btn .xo-field-input__input {
    padding: 1.5rem 1.5rem;
    border: none;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom: solid .1rem rgba(var(--color-foreground));
    border-right: none;
    height: 100%
}

.footer-v25__email-button {
    all: unset;
    position: relative;
    cursor: pointer;
    width: 8rem;
    height: 5.5rem;
    flex-shrink: 0;
    overflow: hidden;
    border-bottom: solid .1rem rgba(var(--color-foreground))
}

.footer-v25__email-button span {
    font-size: calc(var(--font-body-scale)*1.2rem);
    color: rgba(var(--color-foreground));
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: calc(var(--font-body-scale)*0.32rem)
}

.footer-v25__text-before {
    transition: .3s;
    line-height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.footer-v25__text-after {
    position: absolute;
    top: 50%;
    left: 50%;
    transition: .3s;
    line-height: 0;
    transform: translate(-50%, 5rem)
}

.footer-v25__email-button:hover .footer-v25__text-before {
    transform: translate(-50%, -5rem)
}

.footer-v25__email-button:hover .footer-v25__text-after {
    transform: translate(-50%, -50%)
}

.footer-v25__bottom {
    padding: 1.5rem 0
}

.footer-v25__left {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

@media(min-width: 992px) {
    .footer-v25__left {
        justify-content:flex-start;
        text-align: start
    }
}

.footer-v25__center {
    display: flex;
    justify-content: center;
    align-items: center
}

.footer-v25__right {
    display: flex;
    justify-content: center;
    align-items: center
}

@media(min-width: 992px) {
    .footer-v25__right {
        justify-content:flex-end
    }
}

.footer-v25__copyright {
    font-size: calc(var(--font-body-scale)*1.4rem)
}

.footer-v25__payment {
    width: 20rem
}

.footer-v25__list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    -moz-column-gap: 4rem;
    column-gap: 4rem
}

.footer-v25__list-item {
    padding: .4rem 0
}

.footer-v25__list-item a {
    font-size: calc(var(--font-body-scale)*1.4rem);
    color: rgba(var(--color-foreground));
    font-weight: 500;
    transition: .3s
}

.footer-v25__list-item:hover a {
    color: rgb(0 0 0)
}

.footer-v25__social {
    display: flex;
    align-items: center;
    gap: 2.6rem
}

.footer-v25__social-link {
    display: flex;
    align-items: center;
    justify-content: center
}

.footer-v25__social-link svg path {
    transition: fill .1s;
    fill: rgba(var(--color-foreground))
}

.footer-v25__social-link:hover svg path {
    fill: rgba(var(--color-foreground), 0.3)
}

.footer-v25__copyright-content {
    font-size: calc(var(--font-body-scale)*1.4rem)
}

.footer-v25__copyright-content a {
    color: rgba(var(--color-foreground), 0.3);
    transition: .3s;
    font-weight: 500;
    position: relative
}

.footer-v25__copyright-content a::after {
    content: "";
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: -0.1rem;
    display: block;
    width: 0;
    height: .1rem;
    background-color: rgba(var(--color-foreground), 0.15);
    transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.075)
}

.footer-v25__copyright-content a:hover {
    color: rgb(var(--color-foreground))
}

.footer-v25__copyright-content a:hover::after {
    width: 100%
}

.footer-v25__copyright-content--black a:hover {
    color: rgba(var(--color-foreground), 0.3)
}

.footer-v25__copyright-content .footer-v25__copyright-shopilaunch {
    color: rgba(var(--color-foreground), 0.6)
}

.footer-v25__theme-name,.footer-v25__powered-shopify {
    color: rgba(var(--color-foreground), 0.3);
    transition: .3s;
    font-weight: 500;
    position: relative
}

.footer-v25__theme-name::after,.footer-v25__powered-shopify::after {
    content: "";
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: -0.1rem;
    display: block;
    width: 0;
    height: .1rem;
    background-color: rgba(var(--color-foreground), 0.15);
    transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.075)
}

.footer-v25__theme-name:hover {
    color: rgb(var(--color-foreground))
}

.footer-v25__theme-name:hover::after {
    width: 100%
}

.footer-v25__powered-shopify:hover {
    color: rgba(var(--color-foreground), 0.3)
}

.footer-v25__powered-shopify:hover::after {
    width: 100%
}

.footer-v25__shop-name {
    color: rgba(var(--color-foreground), 0.6);
    transition: .3s;
    font-weight: 500;
    position: relative
}

.footer-v25__shop-name::after {
    content: "";
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: -0.1rem;
    display: block;
    width: 0;
    height: .1rem;
    background-color: rgba(var(--color-foreground), 0.15);
    transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.075)
}

.footer-v25__shop-name:hover {
    color: rgb(var(--color-foreground))
}

.footer-v25__shop-name:hover::after {
    width: 100%
}

.header-v6 {
    position: relative;
    z-index: 100
}

.header-v6 xo-sticky[xo-is-sticky] {
    transition: 1s ease all
}

.header-v6 xo-sticky[xo-is-sticky] .header-v6__sticky {
    animation-name: translate;
    animation: translate 1s ease !important;
    transition: .5s ease all
}

@keyframes translate {
    0% {
        transform: translateY(-100%)
    }

    100% {
        transform: translateY(0)
    }
}

.header-v6__topbar {
    background-color: var(--topbar-bg-color, rgb(var(--color-background)));
    background-image: var(--topbar-bg-gradient);
    border-bottom: solid .1rem rgba(var(--color-foreground), 0.1);
    padding: .5rem 0
}

@media(max-width: 1199px) {
    .header-v6__topbar {
        display:none
    }
}

.header-v6__information {
    display: flex;
    align-items: center
}

.header-v6__phone {
    padding-inline-end:1.2rem;margin-inline-end:1.2rem;border-right: solid .1rem rgba(var(--color-foreground), 0.1);
    display: flex;
    align-items: center;
    gap: .5rem
}

.header-v6__phone-label {
    color: rgba(var(--color-foreground));
    opacity: .5;
    font-size: calc(var(--font-body-scale)*1.2rem);
    font-weight: 500;
    text-transform: uppercase
}

.header-v6__phone-text {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*1.2rem);
    color: rgba(var(--color-foreground));
    margin-bottom: 0
}

.header-v6__email {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*1.2rem);
    font-weight: 500;
    color: rgba(var(--color-foreground));
    opacity: .5;
    transition: .3s
}

.header-v6__email:hover {
    opacity: 1
}

.header-v6__email-text {
    color: rgb(var(--color-foreground));
    font-size: calc(var(--font-body-scale)*1.4rem);
    padding-top: .2rem
}

.header-v6__selector-wrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 3rem
}

.header-v6__social {
    display: flex;
    align-items: center;
    gap: 1.5rem
}

.header-v6__social li,.header-v6__social a {
    line-height: 0
}

.header-v6__social svg {
    fill: rgba(var(--color-foreground));
    opacity: .5;
    transition: .3s
}

.header-v6__social svg:hover {
    opacity: 1
}

.header-v6__selector {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 2rem
}

.header-v6__language,.header-v6__currency {
    display: none;
    font-size: calc(var(--font-body-scale)*1.2rem)
}

@media(min-width: 1200px) {
    .header-v6__language,.header-v6__currency {
        display:flex
    }
}

.header-v6__currency {
    padding-right: .5rem;
    border-right: .1rem solid rgba(var(--color-foreground), 0.1)
}

.header-v6__sticky {
    position: relative;
    height: 5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-bottom: solid .1rem rgba(var(--color-foreground), 0.1)
}

@media(min-width: 1200px) {
    .header-v6__sticky {
        height:8.5rem
    }
}

.header-v6__center {
    padding: 2rem 0;
    border-bottom: solid .1rem rgba(var(--color-foreground), 0.1)
}

.header-v6--transparent {
    position: absolute;
    width: 100%
}

.header-v6--transparent .header-v6__sticky {
    background-color: rgba(0,0,0,0)
}

.header-v6--transparent xo-sticky[xo-is-sticky] .header-v6__sticky {
    box-shadow: rgba(99,99,99,.2) 0 0 .4rem;
    background-color: var(--bg-color, rgb(var(--color-background)))
}

.header-v6--transparent .header-v6__topbar {
    background-color: rgba(0,0,0,0)
}

.header-v6__navigation {
    display: flex;
    justify-content: center
}

@media(max-width: 1199px) {
    .header-v6__navigation {
        display:none
    }
}

.header-v6__navigation span.xo-menu-horizontal__label {
    font-size: 1.5rem
}

.header-v6__logo {
    display: flex;
    align-items: center;
    justify-content: center
}

@media(min-width: 1200px) {
    .header-v6__logo {
        justify-content:flex-start
    }
}

@media(min-width: 1200px) {
    .header-v6__logo--center {
        justify-content:center
    }
}

.header-v6__logo-desktop {
    display: flex;
    align-items: center
}

@media(max-width: 1199px) {
    .header-v6__logo-desktop {
        display:none
    }
}

.header-v6__logo-mobile {
    display: flex;
    align-items: center
}

@media(min-width: 1200px) {
    .header-v6__logo-mobile {
        display:none
    }
}

.header-v6__logo-placeholder {
    text-align: center;
    margin-bottom: 0
}

.header-v6__hamburger-hidden {
    height: 100%
}

@media(min-width: 1200px) {
    .header-v6__hamburger-hidden {
        display:none
    }
}

.header-v6__utilities {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1.4rem
}

.header-v6__selector {
    display: flex;
    gap: 1.2rem
}

.header-v6__icon-wrap {
    line-height: 0
}

@media(max-width: 1199px) {
    .header-v6__icon-wrap--desktop {
        display:none !important
    }
}

.header-v6__icon {
    position: relative;
    cursor: pointer;
    line-height: 0
}

@media(max-width: 1199px) {
    .header-v6__icon svg {
        width:2.2rem
    }
}

@media(max-width: 1199px) {
    .header-v6__icon--search {
        padding-top:.2rem
    }
}

.header-v6__cart-count,.header-v6__wishlist-count:not([xo-empty]) {
    position: absolute;
    width: 1.3rem;
    height: 1.3rem;
    line-height: 0;
    border-radius: 50%;
    font-size: calc(var(--font-body-scale)*0.9rem);
    color: #fff;
    background-color: rgb(var(--color-accent));
    display: flex;
    justify-content: center;
    align-items: center
}

@media(min-width: 1200px) {
    .header-v6__cart-count,.header-v6__wishlist-count:not([xo-empty]) {
        width:1.6rem;
        height: 1.6rem;
        font-size: calc(var(--font-body-scale)*1.1rem)
    }
}

.header-v6__wishlist-count:not([xo-empty]) {
    top: .77rem
}

[dir=ltr] .header-v6__wishlist-count:not([xo-empty]) {
    right: -0.5rem
}

[dir=rtl] .header-v6__wishlist-count:not([xo-empty]) {
    left: -0.5rem
}

.header-v6__wishlist-count[xo-empty]:not([xo-empty=false]) {
    display: none
}

.header-v6__cart-count {
    top: 1.5rem
}

[dir=ltr] .header-v6__cart-count {
    left: 1.1rem
}

[dir=rtl] .header-v6__cart-count {
    right: 1.1rem
}

.main-search__search {
    max-width: 60rem;
    width: 100%;
    margin: 0 auto
}

.main-search__title {
    text-align: center;
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*3.6rem)
}

.main-search__status {
    margin-bottom: 2rem
}

.mega-menu-v2__grid {
    max-height: 40dvh;
    --width: 6px;
    --scrollbar-thumb-color: rgba(var(--color-foreground), 0.08);
    --scrollbar-thumb-color-hover: rgba(var(--color-foreground), 0.1)
}

@media(max-width: 1399px) {
    .mega-menu-v2__grid {
        --col-width: 20rem
    }
}

.mega-menu-v2__link {
    display: inline-block;
    font-size: calc(var(--font-body-scale)*1.6rem);
    color: rgb(var(--color-foreground));
    padding-bottom: 1rem;
    margin-top: 1.5rem;
    position: relative;
    transition: .3s ease;
    font-family: var(--font-custom-family)
}

.mega-menu-v2__link::after {
    content: "";
    position: absolute;
    width: 50%;
    bottom: 0;
    border-bottom: .1rem solid rgb(var(--color-foreground), 0.15)
}

[dir=ltr] .mega-menu-v2__link::after {
    left: 0
}

[dir=rtl] .mega-menu-v2__link::after {
    right: 0
}

.mega-menu-v2__link:hover {
    color: rgb(var(--color-foreground), 0.6)
}

.mega-menu-v2__img {
    transition: box-shadow .2s ease-out;
    box-shadow: .3rem .4rem 1.8rem rgba(var(--color-foreground), 0.05);
    transition-duration: .3s;
    transition-property: transform;
    display: block;
    margin: .5rem;
    line-height: calc(1 + 0.6/var(--font-heading-scale));
    height: 21.5rem;
    overflow: hidden;
    position: relative
}

.mega-menu-v2__img:hover img {
    transform: translateY(calc(-100% + 21.5rem))
}

.mega-menu-v2__img img {
    transition: transform 2s ease-in-out;
    width: 100%;
    height: 100%
}

.mega-menu-v2__img .xo-image {
    height: 100%
}

.mega-menu-v8 {
    max-height: 50dvh;
    --width: 6px;
    --scrollbar-thumb-color: rgba(var(--color-foreground), 0.08);
    --scrollbar-thumb-color-hover: rgba(var(--color-foreground), 0.1)
}

.mega-menu-v8__title {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*1.5rem);
    padding-bottom: .9rem;
    margin-bottom: 1.4rem;
    position: relative;
    font-family: var(--font-custom-family)
}

.mega-menu-v8__title::after {
    content: "";
    position: absolute;
    bottom: 0rem;
    background-color: rgba(var(--color-foreground), 0.15);
    width: 4rem;
    height: .1rem
}

[dir=ltr] .mega-menu-v8__title::after {
    left: 0
}

[dir=rtl] .mega-menu-v8__title::after {
    right: 0
}

.mega-menu-v8__item {
    padding: .25rem 0
}

.mega-menu-v8__link {
    position: relative;
    transition: .3s
}

.mega-menu-v8__link:hover {
    padding-inline-start:.5rem}

.mega-menu-v8__link:hover .mega-menu-v8__label {
    color: rgba(var(--color-foreground))
}

.mega-menu-v8__label {
    font-size: calc(var(--font-body-scale)*1.5rem);
    line-height: calc(1 + 0.6/var(--font-heading-scale));
    color: rgb(0 0 0);
    font-weight: 500;
    transition: .3s
}

.mega-menu-v8__label-filter {
    position: absolute;
    top: 50%;
    transform: translate(25%, -50%);
    border-radius: 3rem;
    font-size: calc(var(--font-body-scale)*0.8rem);
    text-transform: uppercase;
    padding: 0 .6rem;
    font-weight: 500;
    line-height: calc(1 + 1/var(--font-heading-scale));
    color: #fff;
    background-color: var(--bg-color)
}

[dir=ltr] .mega-menu-v8__label-filter {
    left: 100%
}

[dir=rtl] .mega-menu-v8__label-filter {
    right: 100%
}

.mega-menu-v8__image {
    overflow: hidden;
    border-radius: 1.8rem;
    height: -moz-fit-content;
    height: fit-content
}

@media(max-width: 1199px) {
    .mega-menu-v8__image {
        display:none
    }
}

.mega-menu-v8__image:hover img {
    transform: scale(1.05)
}

.mega-menu-v8__image a {
    display: block
}

.mega-menu-v8__image .xo-image {
    border-radius: 1.8rem
}

.mega-menu-v8__image img {
    transition: .5s;
    border-radius: 1.8rem;
    max-height: 40rem
}

.mega-menu-v3__title {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*1.5rem);
    padding-bottom: .9rem;
    margin-bottom: 1.4rem;
    position: relative;
    font-family: var(--font-custom-family)
}

.mega-menu-v3__title::after {
    content: "";
    position: absolute;
    bottom: 0rem;
    background-color: rgba(var(--color-foreground), 0.15);
    width: 4rem;
    height: .1rem
}

[dir=ltr] .mega-menu-v3__title::after {
    left: 0
}

[dir=rtl] .mega-menu-v3__title::after {
    right: 0
}

.mega-menu-v3__item {
    padding: .25rem 0
}

.mega-menu-v3__link {
    position: relative;
    transition: .3s
}

.mega-menu-v3__link:hover {
    padding-inline-start:.5rem}

.mega-menu-v3__link:hover .mega-menu-v3__label {
    color: rgba(var(--color-foreground))
}

.mega-menu-v3__label {
    font-size: calc(var(--font-body-scale)*1.5rem);
    line-height: calc(1 + 0.6/var(--font-heading-scale));
    color: rgb(0 0 0);
    font-weight: 500;
    transition: .3s
}

.mega-menu-v3__label-filter {
    position: absolute;
    top: 50%;
    transform: translate(25%, -50%);
    border-radius: 3rem;
    font-size: calc(var(--font-body-scale)*0.8rem);
    text-transform: uppercase;
    padding: 0 .6rem;
    font-weight: 500;
    line-height: calc(1 + 1/var(--font-heading-scale));
    color: #fff;
    background-color: var(--bg-color)
}

[dir=ltr] .mega-menu-v3__label-filter {
    left: 100%
}

[dir=rtl] .mega-menu-v3__label-filter {
    right: 100%
}

.mega-menu-v3__grid-wrap {
    max-height: 60dvh;
    --width: 6px;
    --scrollbar-thumb-color: rgba(var(--color-foreground), 0.08);
    --scrollbar-thumb-color-hover: rgba(var(--color-foreground), 0.1)
}

@media(max-width: 1199px) {
    .mega-menu-v3__grid-wrap xo-grid[style*="--col-width"] {
        grid-template-columns:repeat(auto-fill, minmax(min(var(--col-width-mobile, 0), 100%), 1fr))
    }
}

.mega-menu-v5 {
    max-height: 60dvh;
    --width: 6px;
    --scrollbar-thumb-color: rgba(var(--color-foreground), 0.08);
    --scrollbar-thumb-color-hover: rgba(var(--color-foreground), 0.1)
}

.mega-menu-v5__column {
    display: flex;
    flex-direction: column;
    gap: 3rem
}

.mega-menu-v5__title {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*1.5rem);
    padding-bottom: .9rem;
    margin-bottom: 1.4rem;
    position: relative;
    font-family: var(--font-custom-family)
}

.mega-menu-v5__title::after {
    content: "";
    position: absolute;
    bottom: 0rem;
    background-color: rgba(var(--color-foreground), 0.15);
    width: 4rem;
    height: .1rem
}

[dir=ltr] .mega-menu-v5__title::after {
    left: 0
}

[dir=rtl] .mega-menu-v5__title::after {
    right: 0
}

.mega-menu-v5__item {
    padding: .25rem 0
}

.mega-menu-v5__link {
    position: relative;
    transition: .3s
}

.mega-menu-v5__link:hover {
    padding-inline-start:.5rem}

.mega-menu-v5__link:hover .mega-menu-v5__label {
    color: rgba(var(--color-foreground))
}

.mega-menu-v5__label {
    font-size: calc(var(--font-body-scale)*1.5rem);
    line-height: calc(1 + 0.6/var(--font-heading-scale));
    color: rgb(0 0 0);
    font-weight: 500;
    transition: .3s
}

.mega-menu-v5__label-filter {
    position: absolute;
    top: 50%;
    transform: translate(25%, -50%);
    border-radius: 3rem;
    font-size: calc(var(--font-body-scale)*0.8rem);
    text-transform: uppercase;
    padding: 0 .6rem;
    font-weight: 500;
    line-height: calc(1 + 1/var(--font-heading-scale));
    color: #fff;
    background-color: var(--bg-color)
}

[dir=ltr] .mega-menu-v5__label-filter {
    left: 100%
}

[dir=rtl] .mega-menu-v5__label-filter {
    right: 100%
}

.search-v1 {
    z-index: 99999;
    background-size: cover;
    background-position: center;
    background-color: rgba(0,0,0,0);
    background-image: var(--bg-gradient)
}

.search-v1 .xo-predictive-search__result {
    display: none
}

.search-v1[xo-active]:not([xo-active=false]) .xo-predictive-search__result {
    display: block
}

.search-v1:after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    z-index: -1;
    background-color: var(--bg-overlay)
}

.search {
    z-index: 101
}

.search-v1__caption {
    padding-top: 1rem;
    font-size: 1.5rem;
    font-weight: 500;
    text-transform: uppercase;
    color: rgb(0 0 0)
}

.search-v1__tag-group {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .8rem;
    padding-top: 1rem
}

.search-v1__tag-group .xo-btn__content {
    width: auto
}

#popup-newsletter__modal .popup-newsletter__container {
    max-width: 90dvw !important;
    max-height: 90dvh !important;
    border-radius: var(--modal-corner-radius)
}

#popup-promotion__modal .popup-promotion__container {
    max-width: 90dvw !important;
    max-height: 90dvh !important;
    border-radius: var(--modal-corner-radius)
}

xo-product-quick-view {
    --xo-container-gap: 0
}

xo-product-quick-view .sticky-addcart-desktop {
    display: none
}

@media(max-width: 767px) {
    .banner-countdown1 xo-grid {
        row-gap:var(--xo-row-gap)
    }
}

@media(min-width: 768px) {
    .banner-countdown1 xo-grid {
        -moz-column-gap:var(--xo-col-gap);
        column-gap: var(--xo-col-gap)
    }
}

.banner-countdown1__item-left {
    background-image: var(--background-image1);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: flex;
    justify-content: center;
    flex-direction: column
}

@media(max-width: 767px) {
    .banner-countdown1__item-left {
        margin-bottom:4.8rem
    }
}

.banner-countdown1__item-left .banner-countdown1__title {
    font-size: clamp(2.2rem,calc(1vw + 1.8rem),3rem);
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 3rem;
    position: relative;
    display: inline-block;
    padding-bottom: 1rem
}

@media(max-width: 767px) {
    .banner-countdown1__item-left .banner-countdown1__title {
        text-align:center
    }
}

.banner-countdown1__item-left .banner-countdown1__title::after {
    content: "";
    height: .2rem;
    width: 50%;
    background: rgba(var(--color-accent));
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%)
}

.banner-countdown1__testimonial-wrapper {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center
}

.banner-countdown1__testimonial-item {
    padding: 2.5rem;
    text-align: center;
    margin: 0 auto
}

.banner-countdown1__list-star {
    display: flex;
    list-style: none;
    gap: .5rem;
    padding: 0;
    margin: 0;
    justify-content: center
}

.banner-countdown1__testimonial {
    font-size: calc(var(--font-body-scale)*1.6rem);
    line-height: calc(1 + 0.5/var(--font-body-scale));
    width: 80%;
    margin: 1rem auto 1.5rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical
}

.banner-countdown1__customer {
    display: flex;
    gap: 1.5rem;
    align-items: center;
    flex-direction: column
}

.banner-countdown1__img {
    border-radius: 50%;
    overflow: hidden;
    width: 8.8rem;
    height: 8.8rem
}

.banner-countdown1__name {
    text-transform: uppercase;
    font-weight: 500;
    font-size: calc(var(--font-body-scale)*1.8rem)
}

.banner-countdown1__position {
    font-size: calc(var(--font-body-scale)*1.5rem);
    text-transform: capitalize;
    color: rgba(var(--color-foreground), 0.6)
}

.banner-countdown1__item-right {
    display: flex;
    padding: 10rem 5rem;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    background-image: var(--background-image2);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.banner-countdown1__item-right .banner-countdown1__item-wrap {
    display: flex;
    flex-direction: column;
    align-items: center
}

.banner-countdown1__item-right .banner-countdown1__subtitle {
    font-size: calc(var(--font-body-scale)*1.6rem);
    margin-bottom: 1.5rem;
    color: rgba(var(--color-accent));
    font-weight: 500;
    text-transform: uppercase
}

@media(max-width: 767px) {
    .banner-countdown1__item-right .banner-countdown1__subtitle {
        text-align:center
    }
}

.banner-countdown1__item-right .banner-countdown1__title {
    font-size: clamp(2.2rem,calc(1vw + 1.8rem),3rem);
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 3rem;
    position: relative;
    padding-bottom: 1rem
}

@media(max-width: 767px) {
    .banner-countdown1__item-right .banner-countdown1__title {
        text-align:center
    }
}

.banner-countdown1__item-right .banner-countdown1__countdown {
    display: flex;
    gap: 1rem;
    padding-bottom: 4rem
}

@media(min-width: 768px) {
    .banner-countdown1__item-right .banner-countdown1__countdown {
        gap:4rem
    }
}

.banner-countdown1__item-right .banner-countdown1__item {
    width: 6rem;
    height: 6rem;
    border-radius: var(--text-boxes-radius);
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

@media(min-width: 768px) {
    .banner-countdown1__item-right .banner-countdown1__item {
        width:8rem;
        height: 8rem
    }
}

.banner-countdown1__item-right .banner-countdown1__item span {
    font-size: clamp(1.4rem,calc(0.25vw + 1.3rem),1.6rem)
}

.banner-countdown1__item-right .banner-countdown1__number {
    font-size: clamp(2rem,calc(0.5vw + 1.8rem),2.4rem);
    line-height: 1.2;
    font-weight: 500
}

@media(max-width: 767px) {
    .banner-countdown1__item-right .banner-countdown1__button {
        text-align:center;
        padding-bottom: 1rem
    }
}

.banner-v38 {
    max-width: 100%;
    text-align: center;
    margin: 0 auto
}

.banner-v38__title {
    font-size: clamp(3rem,calc(3.75vw + 1.5rem),6rem);
    margin-bottom: 2.2rem
}

.banner-v38__subtitle {
    font-size: calc(var(--font-body-scale)*2.2rem);
    margin-bottom: 5rem
}

.banner-v38__subtitle br {
    display: block
}

@media(max-width: 767px) {
    .banner-v38__subtitle br {
        display:none
    }
}

.banner-v73__position {
    display: flex;
    justify-content: var(--align)
}

.banner-v73__content {
    text-align: var(--text)
}

.banner-v73__title {
    font-size: clamp(2.4rem,calc(4.5vw + 0.6rem),6rem);
    line-height: calc(1 + 0.2/var(--font-heading-scale));
    font-weight: 500;
    margin-bottom: 2rem
}

.banner-v73__subtitle {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*2rem);
    line-height: calc(1 + 0.2/var(--font-heading-scale));
    margin-bottom: 2rem
}

@media(min-width: 768px) {
    .banner-v73__subtitle {
        margin-bottom:4rem
    }
}

.banner-v73__subtitle br {
    display: block
}

@media(max-width: 767px) {
    .banner-v73__subtitle br {
        display:none
    }
}

.banner142 {
    padding-right: 2rem;
    padding-top: 4rem
}

@media(max-width: 991px) {
    .banner142 {
        padding-right:0;
        padding-top: 0
    }
}

.banner142__bottom {
    display: flex;
    flex-direction: column;
    gap: 3rem
}

.banner142__item {
    display: flex;
    align-items: center;
    gap: 1rem
}

.banner142__svg {
    max-width: 6rem;
    text-align: center;
    margin-right: 2rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

@media(max-width: 991px) {
    .banner142__svg {
        margin-right:1rem
    }
}

.banner142__title {
    font-size: clamp(3.8rem,calc(1.25vw + 3.3rem),4.8rem);
    margin-bottom: 3rem;
    line-height: calc(1 + 0.2/var(--font-heading-scale));
    font-family: var(--font-custom-family)
}

.banner142__desc {
    font-size: clamp(1.7rem,calc(0vw + 1.7rem),1.7rem);
    margin-bottom: 5rem;
    line-height: calc(1 + 0.5/var(--font-body-scale))
}

.banner142__desc br {
    display: block
}

@media(max-width: 767px) {
    .banner142__desc br {
        display:none
    }
}

.banner142__subttile {
    font-size: clamp(1.8rem,calc(0vw + 1.8rem),1.8rem);
    line-height: calc(1 + 0.2/var(--font-heading-scale));
    font-family: var(--font-custom-family);
    margin-bottom: .5rem
}

.banner142__content-desc {
    font-size: clamp(1.5rem,calc(0vw + 1.5rem),1.5rem)
}

.banner142__content {
    max-width: 48rem
}

.banner142__top {
    padding-right: clamp(2rem,calc(5vw + 0rem),6rem)
}

@media(max-width: 991px) {
    .banner142__top {
        padding-right:unset
    }
}

.banner-v239__heading-wrap {
    padding-bottom: 8.5rem;
    text-align: center
}

.banner-v239__heading {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*4rem);
    font-weight: 600;
    position: relative;
    text-transform: capitalize;
    display: inline-block
}

.banner-v239__subtitle-heading {
    font-size: calc(var(--font-body-scale)*2.3rem);
    margin-bottom: 1rem;
    font-weight: 500;
    color: rgba(var(--color-accent))
}

.banner-v239__list {
    padding-top: 3rem
}

.banner-v239__item {
    display: flex
}

.banner-v239__item-img {
    width: 85px
}

.banner-v239__content {
    max-width: 54rem;
    margin: 0 auto 4.5rem;
    width: 100%
}

.banner-v239__title {
    font-weight: 500;
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*2.3rem);
    line-height: calc(1 + 0.2/var(--font-heading-scale));
    margin-bottom: 1rem;
    color: rgba(var(--color-accent));
    text-transform: capitalize
}

.banner-v239__description {
    display: flex;
    justify-content: space-between;
    padding-bottom: 2rem;
    border-bottom: 1px dashed #c8c8c8
}

.banner-v239__text {
    font-weight: 400;
    font-size: calc(var(--font-body-scale)*1.5rem);
    color: rgba(var(--color-foreground), 0.6)
}

.banner-v239__price {
    font-weight: 500;
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*2.3rem);
    color: rgba(var(--color-accent))
}

@media(max-width: 767px) {
    .banner-v171 xo-grid {
        row-gap:var(--xo-row-gap)
    }
}

@media(min-width: 768px) {
    .banner-v171 xo-grid {
        -moz-column-gap:var(--xo-col-gap);
        column-gap: var(--xo-col-gap)
    }
}

@media(max-width: 767px) {
    .banner-v171__item--left {
        margin-bottom:4.8rem
    }
}

.banner-v171__item--left .banner-v171__item-wrap {
    position: relative
}

.banner-v171__img-full {
    position: relative
}

.banner-v171__item--right {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    padding: .5rem 1.5rem .5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #f0f8f6
}

.banner-v171__item--right .xo-image {
    width: 3.6rem;
    height: 3.6rem
}

@media(max-width: 767px) {
    .banner-v171__item--right {
        padding:30px 15px 40px
    }
}

.banner-v171__item--right .banner-v171__item-wrap {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    text-align: center;
    justify-content: center;
    flex-direction: column
}

.banner-v171__svg svg {
    width: 3.6rem;
    height: 3.6rem
}

.banner-v171__info {
    margin-bottom: 1.5rem
}

.banner-v171__title {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*3.2rem);
    letter-spacing: calc(var(--font-heading-scale)*0.1rem);
    color: rgba(var(--color-foreground));
    font-weight: 500;
    margin-top: 2rem;
    margin-bottom: 2rem;
    text-align: center
}

.banner-v171__subtitle {
    font-size: calc(var(--font-body-scale)*1.8rem);
    color: rgba(var(--color-foreground));
    margin-bottom: 1.5rem;
    text-align: center
}

.banner-v171__input-wrap {
    width: 100%
}

.banner-v171__input-btn {
    text-align: center;
    margin: 0 auto
}

.banner-v171__input-btn .xo-field-input__input {
    border: none;
    border-radius: unset;
    text-align: center;
    border-bottom: .1rem solid #ccc
}

.banner-v171__input-btn button {
    margin-top: 2rem
}

.banner-v171__input-btn .xo-btn__content {
    text-decoration-thickness: .2rem
}

@media(min-width: 768px) {
    .banner-v171__input-btn {
        max-width:70%
    }
}

@media(max-width: 767px) {
    .banner-v21 {
        gap:1.5rem
    }
}

.banner-v21__item {
    position: relative
}

.banner-v21__img {
    display: block;
    height: 100%
}

.banner-v21__img .xo-image {
    height: 100%
}

.banner-v21__img img {
    height: 100%
}

.banner-v21__content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 1
}

[dir=ltr] .banner-v21__content {
    left: 4rem
}

[dir=rtl] .banner-v21__content {
    right: 4rem
}

@media(max-width: 767px) {
    [dir=ltr] .banner-v21__content {
        left:2rem
    }

    [dir=rtl] .banner-v21__content {
        right: 2rem
    }
}

.banner-v21__title {
    font-size: clamp(3rem,calc(0.625vw + 2.75rem),3.5rem);
    margin-bottom: 2rem;
    font-weight: 500;
    position: relative
}

@media(max-width: 767px) {
    .banner-v21__title {
        margin-bottom:1rem
    }
}

.banner-v21__subtitle {
    font-size: clamp(1.2rem,calc(0.5vw + 1rem),1.6rem);
    color: rgba(var(--color-foreground), 0.6);
    font-weight: 400;
    text-transform: capitalize
}

.blog-v28__title {
    position: relative;
    font-size: clamp(2rem,calc(0.5vw + 1.8rem),2.4rem);
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    background-color: rgba(var(--color-background));
    z-index: 2;
    padding-bottom: 2rem;
    margin-bottom: 5rem
}

.blog-v28__title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 6rem;
    height: .2rem;
    background-color: rgba(var(--color-accent))
}

.blog-v28__image {
    position: relative
}

.blog-v28__date {
    position: absolute;
    top: 2rem;
    padding: 1.2rem;
    width: 5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    z-index: 1;
    color: rgba(var(--color-foreground));
    font-size: calc(var(--font-body-scale)*1.4rem);
    line-height: calc(1 + 0.2/var(--font-body-scale));
    text-align: center
}

[dir=ltr] .blog-v28__date {
    right: 2rem
}

[dir=rtl] .blog-v28__date {
    left: 2rem
}

.blog-v28__day {
    position: relative;
    padding-bottom: .7rem;
    margin-bottom: .7rem;
    width: 100%
}

.blog-v28__day::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .1rem;
    background-color: rgba(var(--color-foreground))
}

.blog-v28__month {
    text-transform: uppercase;
    width: 100%
}

.blog-v28__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1.5rem 0
}

@media(min-width: 768px) {
    .blog-v28__content {
        padding:6rem
    }
}

.blog-v28__item-title {
    font-size: clamp(2.4rem,calc(1.375vw + 1.85rem),3.5rem);
    transition: .3s
}

.blog-v28__item-title:hover {
    color: rgba(var(--color-accent))
}

.blog-v28__comment {
    margin-bottom: 1rem;
    color: rgb(0 0 0)
}

@media(min-width: 768px) {
    .blog-v28__comment {
        margin-bottom:2rem
    }
}

.blog-v28__description {
    font-size: calc(var(--font-body-scale)*1.5rem);
    color: rgb(0 0 0);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    margin-bottom: 2rem
}

@media(min-width: 768px) {
    .blog-v28__description {
        margin-bottom:5rem
    }
}

.blog-v21__heading {
    text-align: center;
    margin-bottom: 3rem
}

@media(min-width: 768px) {
    .blog-v21__heading {
        margin-bottom:5rem
    }
}

.blog-v21__title {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*2.4rem);
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: calc(var(--font-heading-scale)*0.16rem)
}

@media(min-width: 768px) {
    .blog-v21__title::before {
        content:"";
        position: absolute;
        right: 104%;
        bottom: 9px;
        transform: translateY(-50%);
        width: 5rem;
        height: .2rem;
        background-color: rgba(var(--color-accent))
    }

    .blog-v21__title::after {
        content: "";
        position: absolute;
        bottom: 9px;
        left: 104%;
        transform: translateY(-50%);
        width: 5rem;
        height: .2rem;
        background-color: rgba(var(--color-accent))
    }
}

.blog-v21__item {
    position: relative;
    padding: 1rem 1rem 3.5rem;
    background: #f5f5f5;
    border-bottom: .4rem solid #f5f5f5
}

.blog-v21__date {
    position: absolute;
    top: 2rem;
    padding: .5rem 1.2rem;
    display: flex;
    align-items: center;
    background-color: #fff;
    z-index: 1;
    color: rgb(0 0 0);
    font-size: calc(var(--font-body-scale)*1.2rem);
    font-weight: 500;
    line-height: calc(1 + 0.8/var(--font-body-scale));
    text-align: center
}

[dir=ltr] .blog-v21__date {
    left: 2rem
}

[dir=rtl] .blog-v21__date {
    right: 2rem
}

.blog-v21__day,.blog-v21__month {
    position: relative;
    padding-inline-end:.7rem;margin-inline-end:.7rem;text-transform: uppercase
}

.blog-v21__day::after,.blog-v21__month::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: .1rem;
    height: 50%;
    background-color: rgba(var(--color-foreground), 0.1)
}

[dir=ltr] .blog-v21__day::after,[dir=ltr] .blog-v21__month::after {
    right: 0
}

[dir=rtl] .blog-v21__day::after,[dir=rtl] .blog-v21__month::after {
    left: 0
}

.blog-v21__comment {
    display: flex;
    align-items: center;
    gap: .8rem;
    padding: 2.5rem 0;
    font-size: calc(var(--font-body-scale)*1.4rem)
}

.blog-v21__comment span,.blog-v21__comment svg {
    line-height: 0;
    color: rgba(var(--color-foreground))
}

.blog-v21__item-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: clamp(1.6rem,calc(0.625vw + 1.35rem),2.1rem);
    transition: .3s
}

.blog-v21__item-title:hover {
    color: rgba(var(--color-accent))
}

.blog-v21__description {
    font-size: calc(var(--font-body-scale)*1.5rem);
    color: rgb(0 0 0);
    margin-bottom: 1rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.blog-v21__arrows {
    display: none
}

@media(min-width: 992px) {
    .blog-v21__arrows {
        display:block;
        position: absolute;
        top: calc(50% - 14.1rem);
        transform: translateY(-50%);
        z-index: 9;
        width: 100%
    }
}

.blog-v21__arrows .carousel-navigation-style3 {
    position: absolute;
    transform: translateY(-50%)
}

[dir=ltr] .blog-v21__arrows .carousel-navigation-style3:first-child {
    left: 2rem
}

[dir=rtl] .blog-v21__arrows .carousel-navigation-style3:first-child {
    right: 2rem
}

[dir=ltr] .blog-v21__arrows .carousel-navigation-style3:last-child {
    right: 2rem
}

[dir=rtl] .blog-v21__arrows .carousel-navigation-style3:last-child {
    left: 2rem
}

.blog-v21__pagination {
    margin-top: 3rem;
    text-align: center
}

@media(min-width: 768px) {
    .blog-v21__pagination {
        margin-top:5rem
    }
}

@media(max-width: 767px) {
    .collection-v9 {
        row-gap:1.5rem
    }
}

.collection-v9__item-image {
    min-height: 237px;
    width: 23rem;
    height: auto;
    margin: 0 auto -120px
}

.collection-v9__item-text {
    background: #fff;
    border-radius: 4px;
    text-align: center;
    -webkit-border-radius: 4px;
    box-shadow: 0 7px 81px rgba(0,0,0,.0784313725);
    padding: 150px 20px 33px
}

.collection-v9__item-title {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*2rem);
    margin-bottom: .5rem;
    text-transform: uppercase;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical
}

.collection-v9__item-description {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*1.6rem);
    margin-bottom: 1.5rem;
    font-weight: 500;
    color: rgb(0 0 0);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical
}

.instagram-v1 {
    position: relative
}

.instagram-v1__heading {
    text-align: center;
    padding: 3rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    flex-direction: column;
    text-align: center
}

.instagram-v1__icon svg {
    width: 5rem;
    height: 5rem
}

@media(min-width: 1400px) {
    .instagram-v1__icon svg {
        width:7rem;
        height: 7rem
    }
}

.instagram-v1__title {
    text-transform: uppercase;
    position: relative;
    font-size: clamp(2rem,calc(0.5vw + 1.8rem),2.4rem);
    font-weight: 500;
    padding-bottom: 1rem
}

.instagram-v1__title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 40%;
    height: .2rem;
    background-color: rgba(var(--color-accent))
}

.instagram-v1__subtitle {
    font-size: calc(var(--font-body-scale)*3.6rem);
    line-height: calc(1 + 0.6/var(--font-body-scale))
}

.instagram-v1__item {
    position: relative;
    overflow: hidden
}

.instagram-v1__item:hover .instagram-v1__image-layer {
    opacity: 1
}

.instagram-v1__item:hover img {
    transform: scale(1.2)
}

.instagram-v1__image {
    aspect-ratio: 1;
    width: 100%;
    height: 100%;
    transition: .3s
}

.instagram-v1__image-layer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.4);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: .3s
}

.instagram-v1__image-layer svg {
    width: 3rem;
    height: 3rem;
    fill: rgb(from #fff r g b / 1);
    transition: .3s
}

.instagram-v1__image-layer svg:hover {
    fill: var(--color)
}

.instagram-v1__grid xo-instagram-item a {
    position: relative;
    overflow: hidden
}

@media(min-width: 768px) {
    .instagram-v1__grid xo-instagram-item:nth-child(3) {
        visibility:hidden
    }
}

.instagram-v1__grid xo-instagram-item:hover img {
    transform: scale(1.2)
}

.instagram-v1__grid xo-instagram-item:hover span {
    opacity: 1
}

.instagram-v5__heading {
    text-align: center
}

.instagram-v5__icon svg {
    width: 5rem;
    height: 5rem
}

@media(min-width: 1400px) {
    .instagram-v5__icon svg {
        width:7rem;
        height: 7rem
    }
}

.instagram-v5__title {
    position: relative;
    text-transform: uppercase;
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*2.4rem);
    font-weight: 500;
    display: inline-block;
    letter-spacing: .2rem;
    padding-bottom: 1rem
}

.instagram-v5__title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 40%;
    height: .2rem;
    background-color: rgba(var(--color-accent))
}

.instagram-v5__description {
    margin-bottom: 3.5rem;
    font-weight: 400;
    font-size: 2.4rem;
    color: rgba(var(--color-accent))
}

.instagram-v5__item {
    position: relative;
    overflow: hidden;
    margin: 0 .75rem
}

.instagram-v5__item:hover .instagram-v5__image-layer {
    opacity: 1
}

.instagram-v5__item:hover img {
    transform: scale(1.2)
}

.instagram-v5__image {
    aspect-ratio: 1;
    width: 100%;
    height: 100%;
    transition: .3s
}

.instagram-v5__image-layer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.4);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: .3s
}

.instagram-v5__image-layer svg {
    width: 3rem;
    height: 3rem;
    fill: rgb(from #fff r g b / 1);
    transition: .3s
}

.instagram-v5__image-layer svg:hover {
    fill: rgb(from rgba(var(--color-accent)) r g b / 1)
}

.instagram-v5__list xo-instagram-item a {
    position: relative;
    overflow: hidden
}

.instagram-v5__list xo-instagram-item:hover img {
    transform: scale(1.2)
}

.instagram-v5__list xo-instagram-item:hover span {
    opacity: 1
}

.newsletter-v1 {
    max-width: 116rem;
    margin: 0 auto
}

.newsletter-v1__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3rem
}

@media(min-width: 768px) {
    .newsletter-v1__content {
        flex-direction:row
    }
}

.newsletter-v1__svg svg {
    width: 6.4rem;
    height: 6.4rem
}

.newsletter-v1__svg path {
    fill: rgba(var(--color-foreground))
}

@media(min-width: 768px) {
    .newsletter-v1__text {
        padding-inline-start:3rem;
        border-left: solid .1rem rgba(var(--color-foreground))
    }
}

.newsletter-v1__title {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*2.6rem);
    line-height: calc(1 + 0.2/var(--font-heading-scale));
    letter-spacing: calc(var(--font-heading-scale)*0.5rem);
    text-align: center;
    font-family: var(--font-custom-family);
    font-weight: 300
}

.newsletter-v1__title strong {
    font-weight: 600
}

@media(min-width: 768px) {
    .newsletter-v1__title {
        text-align:left
    }
}

.newsletter-v1__subtitle {
    font-size: calc(var(--font-body-scale)*2rem);
    line-height: calc(1 + 0.3/var(--font-body-scale));
    color: rgba(var(--color-foreground), 0.8);
    text-align: center;
    margin-bottom: 2rem
}

@media(min-width: 768px) {
    .newsletter-v1__subtitle {
        text-align:left;
        margin-bottom: 0
    }
}

.newsletter-v1__input-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.newsletter-v1__input-btn {
    height: 6rem;
    width: 100%;
    display: flex
}

.newsletter-v1__input-btn .xo-field-input__input {
    color: rgba(var(--color-background));
    background-color: rgba(var(--color-foreground));
    border-radius: 0;
    padding: 0 1.5rem;
    height: 100%
}

.newsletter-v1__input-btn .xo-field-input__input:focus+.xo-field-input__placeholder {
    transform: translateY(-4.9rem) scale(0.7)
}

.newsletter-v1__input-btn .xo-field-input__placeholder {
    color: rgba(var(--color-background), 0.4)
}

.newsletter-v1__input-btn button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: 18.5rem
}

.product-v1__heading {
    text-align: center;
    margin-bottom: 4rem
}

.product-v1__subtitle {
    font-weight: 500;
    color: rgba(var(--color-foreground), 0.6);
    font-size: clamp(1.6rem,calc(0.25vw + 1.5rem),1.8rem);
    padding-top: 2rem
}

.product-v1__title {
    position: relative;
    font-size: clamp(2rem,calc(0.5vw + 1.8rem),2.4rem);
    letter-spacing: calc(var(--font-heading-scale)*0.16rem);
    font-weight: 500;
    margin: .5rem 0 0;
    padding: 0 4rem 1rem;
    background-color: rgba(0,0,0,0);
    display: inline-block;
    z-index: 2
}

.product-v1__title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 6rem;
    height: .2rem;
    background-color: rgba(var(--color-accent))
}

.product-v1__button {
    text-align: center;
    padding-top: 2rem
}

.xo-section-heading__title {
    font-size: clamp(2rem,calc(0.5vw + 1.8rem),2.4rem);
    font-weight: 500;
    position: relative;
    padding-bottom: 1rem;
    text-transform: uppercase
}

.xo-section-heading__title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 10rem;
    height: .2rem;
    background-color: rgba(var(--color-accent))
}

.product-v3__tab {
    display: flex;
    flex-wrap: wrap;
    justify-content: var(--justify);
    align-items: center;
    gap: 1rem;
    padding-top: 2.5rem;
    padding-bottom: 5rem
}

@media(min-width: 576px) {
    .product-v3__tab {
        gap:2rem
    }
}

.product-v3__tab-trigger {
    font-size: 1.3rem;
    line-height: 4rem;
    font-weight: var(--font-heading-weight);
    width: 100%;
    border: .1rem solid rgba(var(--color-accent));
    text-transform: uppercase;
    text-align: center
}

.product-v3__tab-trigger span {
    color: rgba(var(--color-accent))
}

@media(min-width: 576px) {
    .product-v3__tab-trigger {
        position:relative;
        padding: .1rem 2.5rem;
        border: .1rem solid rgba(var(--color-accent));
        background: none;
        width: -moz-fit-content;
        width: fit-content
    }
}

.product-v3__tab-trigger:hover {
    background-color: rgba(var(--color-accent));
    transition: .5s
}

.product-v3__tab-trigger:hover span {
    transition: .5s;
    color: rgba(var(--color-background))
}

.product-v3__tab-trigger[xo-active]:not([xo-active=false]) {
    background-color: rgba(var(--color-accent));
    transition: .5s
}

.product-v3__tab-trigger[xo-active]:not([xo-active=false]) span {
    transition: .5s;
    color: rgba(var(--color-background))
}

.product-v3__tab-trigger[xo-active]:not([xo-active=false]):after {
    width: 100%
}

.product-v3__nav-button {
    text-align: center;
    padding-top: 3rem
}

.product-v7__heading {
    margin-bottom: 4rem;
    text-align: var(--align)
}

.product-v7__title {
    position: relative;
    display: inline-block;
    height: 100%;
    margin: 0;
    font-weight: 500;
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*2.4rem);
    letter-spacing: calc(var(--font-heading-scale)*0.1rem);
    text-transform: uppercase;
    padding-bottom: 1rem
}

.product-v7__title:after {
    position: absolute;
    display: inline-block;
    content: "";
    width: 35%;
    height: .2rem;
    background-color: rgba(var(--color-accent));
    bottom: 0
}

[dir=ltr] .product-v7__title--left:after {
    left: 0
}

[dir=rtl] .product-v7__title--left:after {
    right: 0
}

.product-v7__title--center:after {
    left: 50%;
    transform: translateX(-50%)
}

[dir=ltr] .product-v7__title--right:after {
    right: 0
}

[dir=rtl] .product-v7__title--right:after {
    left: 0
}

.product-v7__subtitle {
    font-weight: 400;
    color: rgba(var(--color-foreground), 0.6);
    font-size: clamp(1.6rem,calc(0.25vw + 1.5rem),1.8rem);
    padding-top: 2rem
}

.product-v7__pagination {
    display: none
}

@media(min-width: 576px) {
    .product-v7__pagination {
        display:block;
        text-align: center;
        padding-top: 2rem
    }
}

.product-v18__collection-title {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*3rem);
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 2rem
}

.product-v18__carousel-inner {
    height: calc(15rem/(var(--aspect-ratio))*var(--xo-per-view) + (var(--xo-per-view) - 1)*var(--xo-gap))
}

.product-v18__item-wrap {
    padding-block-start:1rem;border-bottom: .1rem solid rgba(var(--color-foreground), 0.1)
}

.product-v18__item {
    display: flex;
    align-items: center;
    gap: 1.8rem;
    height: 100%
}

.product-v18__product-image {
    width: 15rem;
    flex-shrink: 0
}

.product-v18__product-title {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*1.6rem);
    font-weight: 500;
    transition: .3s
}

.product-v18__product-title:hover {
    color: rgba(var(--color-accent))
}

.product-v18__price del {
    font-weight: 500;
    font-size: calc(var(--font-body-scale)*1.5rem);
    color: rgb(0 0 0)
}

.product-v16__banner {
    position: relative
}

.product-v16__banner-image {
    display: block;
    height: 100%
}

.product-v16__banner-image .xo-image,.product-v16__banner-image .xo-image__placeholder {
    height: 100%
}

.product-v16__banner-image img {
    height: 100%
}

.product-v16__content {
    position: absolute;
    bottom: 7rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    max-width: 42rem;
    width: 100%
}

.product-v16__content--center {
    text-align: center
}

.product-v16__content--right {
    text-align: right
}

.product-v16__title {
    font-size: var(--fz);
    font-family: var(--font-custom-family);
    padding-bottom: 1rem;
    margin-bottom: 0;
    color: rgb(var(--color-foreground))
}

.product-v16__description {
    color: rgba(var(--color-foreground), 0.6);
    margin-bottom: 3rem;
    line-height: calc(1 + 0.6/var(--font-heading-scale))
}

.slideshow-v33__content {
    position: relative;
    height: calc(var(--height-mobile)*1px);
    padding-top: calc(var(--pt)*.75*1px);
    padding-bottom: calc(var(--pb)*.75*1px)
}

@media(min-width: 768px) {
    .slideshow-v33__content {
        height:calc(var(--height-desktop)*1px);
        padding-top: calc(var(--pt)*1px);
        padding-bottom: calc(var(--pb)*1px)
    }
}

.slideshow-v33__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

@media(min-width: 768px) {
    .slideshow-v33__text {
        text-align:var(--align)
    }
}

.slideshow-v33__title {
    font-size: clamp(3rem,var(--fontsize)/190*100vw,var(--fontsize)*1rem);
    font-weight: var(--fontweight);
    line-height: calc(1 + 0.2/var(--font-heading-scale));
    text-transform: capitalize;
    margin-bottom: 1.5rem
}

.slideshow-v33__description {
    font-size: clamp(1.5rem,var(--fontsize)/190*100vw,var(--fontsize)*1rem);
    font-weight: var(--fontweight);
    color: rgba(var(--color-foreground), 0.8);
    text-transform: unset;
    margin-bottom: 3rem
}

.slideshow-v33__subtitle {
    font-size: clamp(1.5rem,var(--fontsize)/190*100vw,var(--fontsize)*1rem);
    font-weight: var(--fontweight);
    line-height: calc(1 + 1/var(--font-heading-scale));
    letter-spacing: .3rem;
    text-transform: capitalize;
    color: rgba(var(--color-foreground), 0.8);
    margin-bottom: .5rem
}

.slideshow-v33__pagination {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(var(--pb)*.75*1px + 2rem)
}

@media(min-width: 768px) {
    .slideshow-v33__pagination {
        bottom:calc(var(--pb)*1px + 5rem)
    }
}

.slideshow-v33__arrows {
    display: none
}

@media(min-width: 768px) {
    .slideshow-v33__arrows {
        display:flex;
        position: absolute;
        justify-content: space-between;
        top: 50%;
        width: 90%
    }

    [dir=ltr] .slideshow-v33__arrows {
        left: 50%;
        transform: translateX(-50%)
    }

    [dir=rtl] .slideshow-v33__arrows {
        right: 50%;
        transform: translateX(50%)
    }

    .slideshow-v33__arrows .carousel-navigation-style3 {
        transform: translateY(-50%)
    }
}

.testimonial__title-wrap {
    text-align: center
}

.testimonial-v1__title {
    position: relative;
    display: inline-block;
    font-size: clamp(2rem,calc(0.5vw + 1.8rem),2.4rem);
    font-weight: 500;
    line-height: calc(1 + 0.2/var(--font-heading-scale));
    font-family: var(--font-custom-family);
    padding-bottom: 2rem;
    margin-bottom: 4rem
}

@media(max-width: 767px) {
    .testimonial-v1__title {
        padding-bottom:1rem;
        margin-bottom: 2rem
    }
}

.testimonial-v1__title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 40%;
    height: .2rem;
    background-color: rgba(var(--color-accent))
}

.testimonial-v1__pagination {
    justify-content: center;
    padding-top: 1rem;
    text-align: center
}

@media(min-width: 768px) {
    .testimonial-v1__pagination {
        padding-top:2rem
    }
}

.testimonial-v1__item {
    background-color: rgba(var(--color-background));
    padding: 2.5rem;
    min-height: 100%;
    box-shadow: 0 9px 18px rgba(0,0,0,.08),0 5px 7px rgba(0,0,0,.05);
    border: 2px dashed rgba(var(--color-background));
    border-radius: 1rem;
    transition: all .3s ease;
    overflow: hidden
}

.testimonial-v1__item:hover {
    transform: translateY(-2rem);
    border: .2rem dashed rgba(var(--color-accent))
}

.testimonial-v1__list-star {
    display: flex;
    list-style: none;
    gap: .5rem;
    padding: 0;
    margin: 0
}

.testimonial-v1__box {
    padding: 2rem
}

.testimonial-v1__testimonial {
    font-size: calc(var(--font-body-scale)*1.6rem);
    line-height: calc(1 + 0.5/var(--font-body-scale));
    margin: 1.5rem 0;
    overflow: hidden
}

.testimonial-v1__img {
    border-radius: 50%;
    overflow: hidden;
    width: 8rem;
    height: 8rem;
    margin: 0 auto;
    display: block
}

.testimonial-v1__name {
    text-transform: uppercase;
    font-weight: 500;
    font-size: calc(var(--font-body-scale)*1.4rem);
    color: rgba(var(--color-foreground));
    letter-spacing: .2rem;
    padding-top: 2rem
}

.testimonial-v1__position {
    font-size: calc(var(--font-body-scale)*1.4rem);
    color: rgb(0 0 0);
    font-weight: 500
}

.xo-404-page {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto
}

@media(min-width: 768px) {
    .xo-404-page {
        width:48%
    }
}

.xo-404-page__subtitle {
    font-size: clamp(1.4rem,calc(0.25vw + 1.3rem),1.6rem);
    line-height: calc(1 + 0.17/var(--font-heading-scale));
    text-align: center
}

.xo-404-page__title {
    font-size: clamp(3rem,calc(1.25vw + 2.5rem),4rem);
    line-height: calc(1 + 0.27/var(--font-heading-scale));
    margin-bottom: 2rem;
    text-align: center
}

.xo-404-page__description {
    padding-top: 1rem;
    padding-bottom: 5rem;
    text-align: center
}

@media(min-width: 768px) {
    .main-account__table {
        padding-right:6rem;
        border-right: solid .1rem rgba(var(--color-border), 0.15)
    }
}

@media(min-width: 768px) {
    .main-account__detail {
        padding-left:3rem
    }
}

@media(min-width: 768px) {
    .main-account__title {
        display:flex;
        align-items: flex-end;
        gap: 1rem;
        margin-bottom: 2rem
    }
}

.main-account__title h3 {
    margin: 0;
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*2.4rem)
}

.xo-account-detail__title {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*1.8rem);
    line-height: calc(1 + 0.22/var(--font-heading-scale));
    font-weight: 500;
    color: rgb(var(--color-foreground));
    padding-bottom: 2.7rem
}

.xo-account-detail__user {
    display: flex;
    font-weight: 500;
    color: rgb(var(--color-foreground))
}

.xo-account-detail__user-name {
    padding-inline-end:1.2rem;border-inline-end:.1rem solid rgba(var(--color-foreground), 0.15)}

.xo-account-detail__user-phone {
    padding-inline-start: 1.2rem
}

.xo-account-detail__address {
    padding-top: 1rem;
    padding-bottom: 1.3rem
}

.xo-orders-table {
    width: 100%;
    border-collapse: collapse
}

.xo-orders-table tr {
    padding-top: 2.2rem;
    padding-bottom: 2.2rem
}

.xo-orders-table th,.xo-orders-table td {
    text-align: left;
    padding-top: 2.2rem;
    padding-bottom: 2.2rem
}

.xo-orders-table th:last-child,.xo-orders-table td:last-child {
    text-align: right;
    padding-inline-end:2rem}

.xo-orders-table td {
    color: rgba(var(--color-foreground), 0.7)
}

.xo-orders-table td:last-child {
    color: rgba(var(--color-foreground))
}

@media(max-width: 575px) {
    .xo-orders-table {
        display:block
    }

    .xo-orders-table tbody,.xo-orders-table tfoot,.xo-orders-table tr,.xo-orders-table th,.xo-orders-table td {
        display: block
    }

    .xo-orders-table tbody:last-child,.xo-orders-table tfoot:last-child,.xo-orders-table tr:last-child,.xo-orders-table th:last-child,.xo-orders-table td:last-child {
        padding-inline-end:0}

    .xo-orders-table thead {
        display: none
    }

    .xo-orders-table td {
        text-align: right
    }

    .xo-orders-table td:before {
        content: attr(data-th) ": ";
        float: left;
        text-transform: uppercase;
        color: rgba(var(--color-foreground));
        display: flex;
        justify-content: space-between
    }
}

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

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

.xo-orders-table__order-number {
    font-size: calc(var(--font-body-scale)*1.4rem);
    padding: .7rem 1rem;
    color: rgba(var(--color-foreground));
    background-color: rgba(var(--color-foreground), 0.08);
    border-radius: var(--text-boxes-radius);
    transition: .3s
}

.xo-orders-table__order-number:hover {
    color: rgba(var(--color-background));
    background-color: rgba(var(--color-foreground))
}

.xo-activate-account {
    width: 60rem;
    margin: 0 auto
}

.xo-address-list {
    padding-top: 2rem;
    padding-bottom: 5rem
}

@media(min-width: 768px) {
    .main-address__table {
        padding-right:6rem;
        border-right: solid .1rem rgba(var(--color-border), 0.15)
    }
}

.main-address__detail {
    padding-top: 2rem
}

@media(min-width: 768px) {
    .main-address__detail {
        padding-top:0;
        padding-left: 3rem
    }
}

.xo-address-detail__title {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*1.8rem);
    line-height: calc(1 + 0.22/var(--font-heading-scale));
    font-weight: 500;
    color: rgb(var(--color-foreground));
    padding-bottom: 2.7rem
}

.xo-address-detail__user {
    display: flex;
    font-weight: 500;
    color: rgb(var(--color-foreground))
}

.xo-address-detail__user-name {
    padding-inline-end:1.2rem;border-inline-end:.1rem solid rgba(var(--color-foreground), 0.15)}

.xo-address-detail__user-phone {
    padding-inline-start: 1.2rem
}

.xo-address-detail__address {
    padding-top: 1rem;
    padding-bottom: 1.3rem
}

.address-form {
    padding: 2rem .5rem 3rem 2rem
}

@media(min-width: 768px) {
    .xo-address-table__title {
        display:flex;
        align-items: flex-end;
        gap: 1rem;
        margin-bottom: 2rem
    }
}

.xo-address-table__title h3 {
    margin: 0;
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*2.4rem)
}

.xo-address-table__table {
    width: 100%;
    border-collapse: collapse
}

.xo-address-table__table th,.xo-address-table__table td {
    text-align: left;
    padding-top: 2.2rem;
    padding-bottom: 2.2rem
}

.xo-address-table__table th:last-child,.xo-address-table__table td:last-child {
    text-align: right;
    padding-inline-end:2rem}

.xo-address-table__table td {
    color: rgba(var(--color-foreground), 0.7)
}

.xo-address-table__table td:last-child {
    color: rgba(var(--color-foreground))
}

@media(max-width: 575px) {
    .xo-address-table__table {
        display:block
    }

    .xo-address-table__table tbody,.xo-address-table__table tfoot,.xo-address-table__table tr,.xo-address-table__table th,.xo-address-table__table td {
        display: block
    }

    .xo-address-table__table tbody:last-child,.xo-address-table__table tfoot:last-child,.xo-address-table__table tr:last-child,.xo-address-table__table th:last-child,.xo-address-table__table td:last-child {
        padding-inline-end:0}

    .xo-address-table__table thead {
        display: none
    }

    .xo-address-table__table td {
        text-align: right
    }

    .xo-address-table__table td:before {
        content: attr(data-th) ": ";
        float: left;
        text-transform: uppercase;
        color: rgba(var(--color-foreground));
        display: flex;
        justify-content: space-between
    }
}

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

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

.xo-address-table__button {
    margin-top: 3rem
}

@media(max-width: 575px) {
    .xo-table__body-row td:last-child {
        padding-inline-end:0
    }
}

.main-article__image-wrap {
    position: relative;
    margin-bottom: 3.5rem
}

.main-article__image {
    border-radius: var(--modal-corner-radius);
    height: 64rem;
    overflow: hidden
}

.main-article__image .xo-image {
    padding-top: unset;
    height: 100%
}

.main-article__header {
    position: absolute;
    bottom: 3rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    width: 90%
}

@media(max-width: 767px) {
    .main-article__header {
        bottom:1.5rem
    }
}

.main-article__title {
    color: rgba(var(--color-background));
    text-align: center;
    font-size: clamp(2rem,calc(2vw + 1.2rem),3.6rem)
}

.main-article__information {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    row-gap: .5rem
}

.main-article__information span {
    color: rgba(var(--color-background));
    font-size: clamp(1.1rem,calc(0.25vw + 1rem),1.3rem);
    text-transform: capitalize
}

.main-article__information-item {
    display: flex;
    align-items: center;
    gap: .5rem
}

.main-article__content {
    padding-bottom: 2rem
}

.main-article__content iframe {
    width: 100%
}

@media(max-width: 767px) {
    .main-article__content iframe {
        height:auto
    }
}

@media(max-width: 767px) {
    .main-article__content .blog-grid {
        flex-direction:column;
        align-items: center
    }
}

.main-article__content .blog-grid img {
    width: 100%;
    height: 100%
}

.main-article__footer {
    display: flex;
    justify-content: space-between;
    -moz-column-gap: 3rem;
    column-gap: 3rem;
    row-gap: 1.5rem;
    padding-bottom: 3rem
}

@media(max-width: 767px) {
    .main-article__footer {
        flex-direction:column;
        align-items: flex-start
    }
}

.main-article__navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 3rem;
    border-top: solid .1rem rgba(var(--color-foreground), 0.1);
    border-bottom: solid .1rem rgba(var(--color-foreground), 0.1);
    padding: 3rem 0;
    margin-bottom: 3rem
}

.main-article__navigation-item {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.main-article__navigation-item--right {
    align-items: flex-end
}

.main-article__navigation-item--disable {
    visibility: hidden
}

.main-article__navigation-arrow {
    display: flex;
    align-items: center;
    gap: .5rem
}

.main-article__navigation-arrow svg {
    color: rgba(var(--color-foreground), 0.3);
    transition: .3s
}

.main-article__navigation-arrow span {
    color: rgb(0 0 0);
    transition: .3s;
    text-transform: uppercase;
    font-size: clamp(1rem,calc(0.25vw + 0.9rem),1.2rem);
    line-height: 1;
    padding-top: .1rem
}

.main-article__navigation-arrow--left {
    padding-left: 1rem
}

.main-article__navigation-arrow--right {
    padding-right: 1rem;
    flex-direction: row-reverse
}

.main-article__navigation-arrow:hover span,.main-article__navigation-arrow:hover svg {
    color: rgba(var(--color-foreground))
}

.main-article__navigation-title {
    transition: .3s;
    font-size: clamp(1.6rem,calc(0.25vw + 1.5rem),1.8rem);
    margin-bottom: 0
}

.main-article__navigation-title--right {
    text-align: right
}

.main-article__navigation-title:hover {
    color: rgb(0 0 0)
}

.main-article__tags,.main-article__share {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    height: -moz-fit-content;
    height: fit-content
}

.main-article__tags span,.main-article__share span {
    font-size: calc(var(--font-body-scale)*1.2rem);
    font-weight: 500;
    color: rgba(var(--color-foreground));
    letter-spacing: calc(var(--font-body-scale)*0.2rem);
    text-transform: uppercase
}

.main-article__sidebar-wrap {
    position: sticky;
    top: 10rem
}

.main-article__sidebar-title {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*1.5remrem);
    letter-spacing: calc(var(--font-heading-scale)*0.2rem);
    text-transform: uppercase;
    padding-bottom: 1.5rem;
    margin-bottom: 2rem;
    border-bottom: .1rem solid rgba(var(--color-foreground), 0.1)
}

.main-article__sidebar-category {
    padding-bottom: 4rem
}

.main-article__sidebar-post {
    padding-bottom: 4rem
}

.main-article__sidebar-tag {
    padding-bottom: 4rem
}

.main-article__sidebar-category-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.main-article__sidebar-category-item {
    border-bottom: .1rem dashed rgba(var(--color-foreground), 0.1);
    padding: .8rem 0
}

.main-article__sidebar-category-item a {
    color: rgb(0 0 0);
    transition: .3s;
    display: block
}

.main-article__sidebar-category-item:hover a {
    color: rgba(var(--color-foreground))
}

.main-article__sidebar-tag-list,.main-article__tag-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem
}

.main-article__sidebar-tag-item a,.main-article__tag-item a {
    font-size: calc(var(--font-body-scale)*1.4rem);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .4rem 1.5rem;
    border: solid .1rem rgba(var(--color-foreground), 0.1);
    border-radius: var(--buttons-radius);
    color: rgba(var(--color-foreground));
    transition: .3s
}

.main-article__sidebar-tag-item a:hover,.main-article__tag-item a:hover {
    background-color: rgba(var(--color-foreground));
    border-color: rgba(var(--color-foreground));
    color: rgba(var(--color-background))
}

.main-article__sidebar-banner a {
    display: block
}

.main-article__sidebar-banner .xo-image {
    border-radius: var(--modal-corner-radius)
}

.main-article__sidebar-banner img {
    width: 100%;
    border-radius: var(--modal-corner-radius)
}

.related-article__carousel {
    margin-top: 3rem
}

.related-article__carousel .carousel-pagination-style1__pagination {
    padding-top: 2rem
}

@media(min-width: 768px) {
    .related-article__carousel .carousel-pagination-style1__pagination {
        padding-top:4rem
    }
}

.related-article__pagination {
    padding-top: 1rem;
    text-align: center
}

.xo-article-comments-form {
    padding: 1rem 0
}

.xo-article-comments-form__title {
    padding-bottom: 1rem;
    font-family: var(--font-custom-family)
}

.xo-article-comments-form__inputs {
    padding-bottom: 2.5rem
}

.xo-article-comments-form__text-area textarea {
    height: 24rem
}

.xo-article-comments-form__submit {
    display: flex;
    justify-content: center
}

.xo-article-comments {
    padding: 1rem 0
}

.xo-article-comments__title {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*2.2rem);
    font-weight: 500;
    margin-bottom: 2.5rem;
    font-family: var(--font-custom-family)
}

.xo-article-comments__wrap {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.xo-article-comments__wrap .xo-pagination__list {
    padding-top: 1rem
}

.xo-article-comments__item {
    background-color: rgba(var(--color-foreground), 0.05);
    border-radius: var(--text-boxes-radius);
    padding: 1.5rem 2.5rem
}

.xo-article-comments__item-info {
    display: flex;
    align-items: center
}

.xo-article-comments__item-author,.xo-article-comments__item-date {
    color: rgb(0 0 0);
    font-size: calc(var(--font-body-scale)*1.4rem)
}

.xo-article-comments__item-date::before {
    content: "|";
    display: inline-block;
    margin: 0 .5rem;
    color: rgb(0 0 0)
}

.xo-article-comments__item-content p {
    font-size: calc(var(--font-body-scale)*1.8rem)
}

.xo-article-comments__footer {
    display: flex;
    align-items: center;
    gap: 1rem
}

.xo-article-comments__author {
    color: rgba(var(--color-foreground));
    font-weight: 500
}

.xo-article-comments__dot {
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background-color: rgb(0 0 0)
}

.xo-article-comments__date {
    color: rgb(0 0 0);
    text-transform: uppercase
}

.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: rgba(var(--color-foreground));
    background-color: rgba(var(--color-foreground), 0.1);
    padding: .2rem .8rem;
    margin-inline-start:.5rem;border-radius: 1rem
}

.xo-blog-tags__title {
    color: rgb(0 0 0)
}

.main-blog__list-layout {
    display: flex;
    flex-direction: column;
    gap: 3rem
}

.main-blog__sidebar-wrap {
    position: sticky;
    top: 10rem
}

.main-blog__title {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*1.5remrem);
    letter-spacing: calc(var(--font-heading-scale)*0.2rem);
    text-transform: uppercase;
    padding-bottom: 1.5rem;
    margin-bottom: 2rem;
    border-bottom: .1rem solid rgba(var(--color-foreground), 0.1);
    font-family: var(--font-custom-family)
}

.main-blog__category {
    padding-bottom: 4rem
}

.main-blog__post {
    padding-bottom: 4rem
}

.main-blog__tag {
    padding-bottom: 4rem
}

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

.main-blog__category-item {
    border-bottom: .1rem dashed rgba(var(--color-foreground), 0.1);
    padding: .8rem 0
}

.main-blog__category-item a {
    color: rgb(0 0 0);
    transition: .3s;
    display: block
}

.main-blog__category-item:hover a {
    color: rgba(var(--color-foreground))
}

.main-blog__tag-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem
}

.main-blog__tag-item a {
    font-size: calc(var(--font-body-scale)*1.4rem);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .4rem 1.5rem;
    border: solid .1rem rgba(var(--color-foreground), 0.1);
    border-radius: var(--buttons-radius);
    color: rgba(var(--color-foreground));
    transition: .3s
}

.main-blog__tag-item a:hover {
    background-color: rgba(var(--color-foreground));
    border-color: rgba(var(--color-foreground));
    color: rgba(var(--color-background))
}

.main-blog__tag-item.xo-active {
    font-size: calc(var(--font-body-scale)*1.4rem);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .4rem 1.5rem;
    border-radius: var(--buttons-radius);
    color: rgba(var(--color-background));
    background-color: rgba(var(--color-foreground))
}

.main-blog__banner a {
    display: block
}

.main-blog__banner .xo-image {
    border-radius: var(--modal-corner-radius)
}

.main-blog__banner img {
    width: 100%;
    border-radius: var(--modal-corner-radius)
}

.featured-collection__pagination {
    display: var(--display-mobile);
    padding-top: 1rem;
    text-align: center
}

@media(min-width: 768px) {
    .featured-collection__pagination {
        display:var(--display-desktop)
    }
}

.xo-cart .xo-empty {
    padding: 0
}

.xo-cart__right {
    padding: 2rem 3rem 2.8rem;
    background-color: rgba(var(--color-foreground), 0.03);
    height: -moz-fit-content;
    height: fit-content
}

.xo-cart__right .xo-cart-shipping-rates__inner {
    background-color: rgba(0,0,0,0)
}

.xo-cart__badge {
    display: flex;
    flex-direction: column;
    align-items: center
}

.xo-cart-item {
    display: flex;
    flex-direction: column;
    gap: 1.8rem
}

@media(min-width: 768px) {
    .xo-cart-item {
        flex-direction:row;
        gap: 2.3rem
    }
}

.xo-cart-item__image {
    display: block;
    width: 12rem
}

.xo-cart-item__content {
    display: flex;
    flex-direction: column
}

@media(max-width: 767px) {
    .xo-cart-item__content {
        row-gap:.5rem
    }
}

.xo-cart-item__title {
    font-weight: 500;
    color: rgb(var(--color-foreground))
}

.xo-cart-item__price {
    font-size: calc(var(--font-body-scale)*1.5rem);
    font-weight: 500;
    color: rgba(var(--color-foreground))
}

.xo-cart-item__option {
    display: flex;
    gap: .5rem;
    line-height: calc(1 + 0.3/var(--font-body-scale))
}

.xo-cart-item__option span {
    font-size: calc(var(--font-body-scale)*1.4rem);
    color: rgb(0 0 0)
}

@media(max-width: 767px) {
    .xo-cart-item__option {
        display:none
    }
}

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

.xo-cart-item__detail-discounts {
    margin: 0;
    padding: 0;
    list-style: none
}

.xo-cart-item__detail-discount {
    display: flex;
    align-items: center;
    gap: .3rem
}

.xo-cart-item__original-price {
    font-size: calc(var(--font-body-scale)*1.5rem);
    color: rgba(var(--color-foreground))
}

.xo-cart-item__original-price--old {
    font-size: calc(var(--font-body-scale)*1.3rem);
    color: rgb(0 0 0)
}

.xo-cart-item__final-price {
    font-size: calc(var(--font-body-scale)*1.5rem);
    color: rgba(var(--color-accent))
}

.xo-cart-table__title {
    font-size: calc(var(--font-body-scale)*1.8rem);
    color: rgba(var(--color-foreground));
    padding-bottom: 3rem
}

.xo-cart-table__quantity {
    width: 100%
}

@media(min-width: 768px) {
    .xo-cart-table__quantity {
        width:50%
    }
}

.xo-cart-table__price {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-weight: 500;
    color: rgb(var(--color-foreground))
}

@media(max-width: 767px) {
    .xo-cart-table tr {
        padding:0
    }
}

@media(max-width: 767px) {
    .xo-cart-table td::before {
        content:unset
    }
}

@media(max-width: 767px) {
    .xo-cart-table td:not([data-th=Product]) {
        display:none
    }
}

.cart-item__discounted-prices {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.cart-item__old-price {
    color: rgb(0 0 0);
    font-size: calc(var(--font-body-scale)*1.3rem)
}

.xo-cart-totals {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: rgba(var(--color-foreground));
    font-weight: 500
}

.collection-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: var(--font-custom-family)
}

.collection-title__title {
    font-size: clamp(3rem,calc(1.875vw + 2.25rem),4.5rem);
    letter-spacing: calc(var(--font-heading-scale)*0.1rem);
    line-height: calc(1 + 0.2/var(--font-heading-scale));
    margin-bottom: .5rem
}

.main-collection__banner-modern {
    margin-bottom: 3rem
}

.main-collection__banner-modern a {
    display: block
}

.main-collection__banner-modern .xo-image {
    border-radius: var(--text-boxes-radius)
}

.main-collection__banner-modern img {
    width: 100%;
    border-radius: var(--text-boxes-radius)
}

.main-collection__banner a {
    display: block
}

.main-collection__banner img {
    width: 100%;
    border-radius: var(--text-boxes-radius)
}

.collapse-style1__trigger {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.collapse-style1__trigger-option {
    font-weight: 500;
    font-size: 1.8rem;
    letter-spacing: .01em;
    color: rgba(var(--color-foreground), 0.8)
}

.collapse-style1__trigger-option--blur {
    color: rgba(var(--color-foreground), 0.3)
}

.collapse-style1__trigger-icon {
    display: flex;
    align-items: center;
    transition: .3s
}

.collapse-style1__trigger[xo-active]:not([xo-active=false]) .collapse-style1__trigger-option--blur {
    color: rgba(var(--color-foreground), 0.8)
}

.collapse-style1__trigger[xo-active]:not([xo-active=false]) .collapse-style1__trigger-icon {
    transform: rotate(180deg)
}

.collapse-style1__body {
    display: flex;
    flex-direction: column;
    gap: .8rem
}

.collapse-style1__detail-item {
    display: flex;
    gap: 1.1rem
}

.collapse-style1__detail-item:last-child {
    padding-bottom: 2rem
}

.collapse-style1__detail-item-number {
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: .02em;
    color: rgba(var(--color-foreground), 0.3)
}

.collapse-style1__detail-item-title {
    letter-spacing: .02em;
    color: rgba(var(--color-foreground), 0.6)
}

.collection-bestsell__header {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    border-bottom: .1rem solid rgba(var(--color-foreground), 0.1);
    margin-bottom: 2.5rem;
    padding-bottom: 1.5rem
}

.collection-bestsell__title {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*1.6rem);
    letter-spacing: calc(var(--font-heading-scale)*0.3rem);
    text-transform: uppercase;
    margin-top: .2rem;
    margin-bottom: 0;
    font-family: var(--font-custom-family)
}

.collection-bestsell__carousel {
    border-bottom: .1rem solid rgba(var(--color-foreground), 0.1);
    padding-bottom: 3rem;
    margin-bottom: 3rem
}

.collection-bestsell__pagination {
    display: var(--display-mobile);
    padding-top: 1rem;
    text-align: center
}

@media(min-width: 768px) {
    .collection-bestsell__pagination {
        display:var(--display-desktop)
    }
}

.collection-bestsell__navigation {
    position: absolute;
    top: -6.9rem;
    right: 0;
    z-index: 9;
    transition: .3s;
    gap: .8rem
}

.collection-bestsell__arrow button {
    all: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    border: solid .1rem rgba(var(--color-foreground), 0.1);
    background-color: rgba(var(--color-background));
    transition: .3s
}

.collection-bestsell__arrow svg {
    color: rgba(var(--color-foreground))
}

.collection-bestsell__arrow:hover button {
    background-color: rgba(var(--color-foreground))
}

.collection-bestsell__arrow:hover svg {
    color: rgba(var(--color-background))
}

.collection-sidebar__header {
    padding: .6rem 0 .6rem 1.4rem;
    border-left: .3rem solid rgba(var(--color-foreground));
    white-space: nowrap
}

.collection-sidebar__title {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*1.6rem);
    letter-spacing: calc(var(--font-heading-scale)*0.2rem);
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    padding-right: 1.5rem;
    margin-bottom: 0;
    font-family: var(--font-custom-family)
}

.collection-sidebar__title::after {
    content: "";
    border-bottom: .1rem solid rgba(var(--color-foreground), 0.1);
    width: 32rem;
    position: absolute;
    top: 50%;
    left: 100%
}

.collection-sidebar__menu {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 3rem 0 4rem;
    gap: 1rem
}

.collection-sidebar__menu .collapse-style1__body {
    margin-left: 2rem
}

.collection-sidebar__item {
    display: flex;
    align-items: center;
    gap: 1rem;
    transition: .3s;
    transform: translateX(-1.7rem);
    white-space: nowrap;
    cursor: pointer
}

.collection-sidebar__item a {
    color: rgb(0 0 0);
    transition: .3s;
    font-size: calc(var(--font-body-scale)*1.6rem);
    font-weight: 500
}

.collection-sidebar__item--child a {
    font-size: calc(var(--font-body-scale)*1.4rem);
    line-height: calc(1 + 1.6/var(--font-body-scale))
}

.collection-sidebar__item:hover {
    transform: translateX(0)
}

.collection-sidebar__item:hover a {
    color: rgba(var(--color-foreground))
}

.collection-sidebar__banner a {
    display: block
}

.collection-sidebar__banner img {
    width: 100%;
    border-radius: var(--text-boxes-radius)
}

.collection-title-style2__carousel {
    margin-top: 2rem
}

@media(min-width: 768px) {
    .collection-title-style2__carousel {
        margin-top:4rem
    }
}

.collection-title-style2__carousel:hover .collection-title-style2__arrow-left,.collection-title-style2__carousel:hover .collection-title-style2__arrow-right {
    opacity: 1;
    transform: translateX(0)
}

.collection-title-style2__nav {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1rem
}

@media(min-width: 768px) {
    .collection-title-style2__nav {
        gap:1.6rem
    }
}

.collection-title-style2__nav-img .xo-image {
    width: 12rem;
    border-radius: 50%
}

.collection-title-style2__nav-img img {
    transition: .3s
}

.collection-title-style2__nav-img .xo-image:hover img {
    transform: scale(1.1)
}

.collection-title-style2__nav-text a {
    color: rgba(var(--color-foreground));
    font-size: calc(var(--font-body-scale)*1.6rem);
    font-weight: 500;
    text-transform: capitalize;
    transition: .3s
}

@media(min-width: 768px) {
    .collection-title-style2__nav-text a {
        font-size:calc(var(--font-body-scale)*2rem)
    }
}

.collection-title-style2__nav-text a:hover {
    color: rgba(var(--color-foreground), 0.7)
}

.collection-title-style2__arrow-left,.collection-title-style2__arrow-right {
    display: none
}

@media(min-width: 768px) {
    .collection-title-style2__arrow-left,.collection-title-style2__arrow-right {
        display:block;
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 50%;
        background-color: rgba(var(--color-foreground));
        transition: .3s;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        position: absolute;
        top: 28%;
        cursor: pointer;
        z-index: 9
    }
}

.collection-title-style2__arrow-left button,.collection-title-style2__arrow-right button {
    all: unset;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.collection-title-style2__arrow-left svg,.collection-title-style2__arrow-right svg {
    color: rgba(var(--color-background))
}

.collection-title-style2__arrow-left {
    left: 0;
    transform: translateX(-2rem)
}

.collection-title-style2__arrow-right {
    right: 0;
    transform: translateX(2rem)
}

.collection-title-style2__arrow-left:hover,.collection-title-style2__arrow-right:hover {
    background-color: rgba(var(--color-background))
}

.collection-title-style2__arrow-left:hover svg,.collection-title-style2__arrow-right:hover svg {
    color: rgba(var(--color-foreground))
}

.collection-title-style3__carousel {
    padding: 2rem 0
}

.collection-title-style3__nav-text {
    display: flex;
    justify-content: center;
    align-items: center
}

.collection-title-style3__nav-text a {
    position: relative;
    color: rgba(var(--color-background));
    font-size: calc(var(--font-body-scale)*1.5rem);
    letter-spacing: calc(var(--font-body-scale)*0.2rem);
    font-weight: 500;
    text-transform: uppercase;
    padding-bottom: .3rem;
    transition: .3s
}

.collection-title-style3__nav-text a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .2rem;
    background-color: rgba(var(--color-background));
    transition: .3s
}

.collection-title-style3__nav-text:hover a {
    color: rgba(var(--color-background), 0.5)
}

.collection-title-style3__nav-text:hover a:after {
    background-color: rgba(var(--color-background), 0.5)
}

.collection-title-style3__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.collection-title-style3__arrow button {
    all: unset;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.collection-title-style3__arrow svg {
    color: rgba(var(--color-background));
    transition: .3s
}

.collection-title-style3__arrow:hover svg {
    color: rgba(var(--color-background), 0.5)
}

.collection-title-style3__arrow--left {
    left: 0
}

.collection-title-style3__arrow--right {
    right: 0
}

.collection-title-style4__carousel {
    margin-top: 4.5rem
}

.collection-title-style4__carousel:hover .collection-title-style4__arrow-left,.collection-title-style4__carousel:hover .collection-title-style4__arrow-right {
    opacity: 1;
    transform: translate(0, -50%)
}

.collection-title-style4__nav-text {
    display: flex;
    justify-content: center;
    align-items: center
}

.collection-title-style4__nav-text a {
    color: rgba(var(--color-foreground));
    font-size: calc(var(--font-body-scale)*1.6rem);
    font-weight: 500;
    text-transform: capitalize;
    padding-bottom: .3rem;
    transition: .3s;
    position: relative
}

@media(min-width: 768px) {
    .collection-title-style4__nav-text a {
        font-size:calc(var(--font-body-scale)*2rem)
    }
}

.collection-title-style4__nav-text a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: .2rem;
    background-color: rgba(var(--color-foreground), 0.7);
    transition: .3s
}

.collection-title-style4__nav-text a:hover {
    color: rgba(var(--color-foreground), 0.7)
}

.collection-title-style4__nav-text a:hover:after {
    width: 3.6rem
}

.collection-title-style4__arrow-left,.collection-title-style4__arrow-right {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background-color: rgba(var(--color-foreground));
    transition: .3s;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: .3s;
    position: absolute;
    top: 50%;
    cursor: pointer;
    z-index: 9
}

.collection-title-style4__arrow-left button,.collection-title-style4__arrow-right button {
    all: unset;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.collection-title-style4__arrow-left svg,.collection-title-style4__arrow-right svg {
    color: rgba(var(--color-background))
}

.collection-title-style4__arrow-left {
    left: 0;
    transform: translate(-2rem, -50%)
}

.collection-title-style4__arrow-right {
    right: 0;
    transform: translate(2rem, -50%)
}

.collection-title-style4__arrow-left:hover,.collection-title-style4__arrow-right:hover {
    background-color: rgba(var(--color-background))
}

.collection-title-style4__arrow-left:hover svg,.collection-title-style4__arrow-right:hover svg {
    color: rgba(var(--color-foreground))
}

.collection-title-style5__carousel {
    margin-top: .5rem
}

@media(min-width: 768px) {
    .collection-title-style5__carousel {
        margin-top:2.5rem
    }
}

.collection-title-style5__carousel:hover .collection-title-style5__arrow-left,.collection-title-style5__carousel:hover .collection-title-style5__arrow-right {
    opacity: 1;
    transform: translateX(0)
}

.collection-title-style5__nav {
    display: flex;
    flex-direction: column;
    align-items: center
}

.collection-title-style5__nav-img {
    position: relative;
    padding: 1rem
}

.collection-title-style5__nav-img .xo-image {
    width: 12rem;
    border-radius: 50%
}

@media(min-width: 768px) {
    .collection-title-style5__nav-img {
        padding:3rem
    }
}

.collection-title-style5__nav-img:hover::before,.collection-title-style5__nav-img:hover::after {
    width: 11.5rem;
    height: 11.5rem;
    position: absolute;
    content: "";
    left: calc(50% - 5.75rem);
    top: calc(50% - 5.75rem);
    background: hsla(0,0%,100%,.5);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    z-index: -1;
    animation-name: k;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite
}

.collection-title-style5__nav-img:hover::after {
    animation-delay: 1s
}

@keyframes k {
    0% {
        -webkit-transform: scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1.5);
        opacity: 0
    }
}

.collection-title-style5__nav-text a {
    color: rgba(var(--color-foreground));
    font-size: calc(var(--font-body-scale)*1.6rem);
    font-weight: 500;
    text-transform: capitalize;
    transition: .3s
}

@media(min-width: 768px) {
    .collection-title-style5__nav-text a {
        font-size:calc(var(--font-body-scale)*1.6rem)
    }
}

.collection-title-style5__nav-text a:hover {
    color: rgba(var(--color-foreground), 0.7)
}

.collection-title-style5__arrow-left,.collection-title-style5__arrow-right {
    display: none
}

@media(min-width: 768px) {
    .collection-title-style5__arrow-left,.collection-title-style5__arrow-right {
        display:block;
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 50%;
        background-color: rgba(var(--color-foreground));
        transition: .3s;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        position: absolute;
        top: 34%;
        cursor: pointer;
        z-index: 9
    }
}

.collection-title-style5__arrow-left button,.collection-title-style5__arrow-right button {
    all: unset;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.collection-title-style5__arrow-left svg,.collection-title-style5__arrow-right svg {
    color: rgba(var(--color-background))
}

.collection-title-style5__arrow-left {
    left: 0;
    transform: translateX(-2rem)
}

.collection-title-style5__arrow-right {
    right: 0;
    transform: translateX(2rem)
}

.collection-title-style5__arrow-left:hover,.collection-title-style5__arrow-right:hover {
    background-color: rgba(var(--color-background))
}

.collection-title-style5__arrow-left:hover svg,.collection-title-style5__arrow-right:hover svg {
    color: rgba(var(--color-foreground))
}

.xo-facets {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 2rem;
    height: -moz-fit-content;
    height: fit-content
}

.xo-facets__toggle {
    display: none
}

@media(min-width: 992px) {
    .xo-facets__toggle {
        display:block;
        position: relative
    }

    .xo-facets__toggle button {
        all: unset;
        cursor: pointer;
        width: 3.4rem;
        height: 3.4rem;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        border: .2rem solid rgb(0 0 0);
        transition: .3s
    }

    .xo-facets__toggle svg .cls-1 {
        fill: rgba(var(--color-foreground))
    }
}

.xo-facets__toggle:hover .xo-facets__toggle-content {
    transform: translateX(-2.5rem);
    opacity: 1;
    visibility: visible
}

.xo-facets__toggle:hover button {
    border-color: rgba(var(--color-foreground))
}

.xo-facets__toggle xo-toggle-trigger[xo-active]:not([xo-active=false]) button {
    border-color: rgba(var(--color-foreground))
}

.xo-facets__toggle-content {
    position: absolute;
    top: 0;
    left: -18rem;
    opacity: 0;
    transition: .3s;
    visibility: hidden
}

.xo-facets__toggle-content[xo-active]:not([xo-active=false]) {
    transform: translateX(-2.5rem);
    opacity: 1;
    visibility: visible
}

.xo-facets__group-button {
    display: flex;
    gap: .5rem
}

.xo-facets__button-item {
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    border: .1rem solid rgba(var(--color-foreground), 0.3);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .3s;
    color: rgba(var(--color-foreground));
    background-color: rgba(var(--color-background));
    cursor: pointer;
    line-height: 0
}

.xo-facets__button-item:hover {
    background-color: rgba(var(--color-foreground));
    border-color: rgba(var(--color-foreground));
    color: rgba(var(--color-background))
}

.xo-facets__button-item[xo-active]:not([xo-active=false]) {
    background-color: rgba(var(--color-foreground));
    border-color: rgba(var(--color-foreground));
    color: rgba(var(--color-background))
}

.xo-facets__item {
    display: flex;
    align-items: center;
    gap: 2.6rem
}

.xo-facets__filters {
    padding-top: 5.4rem
}

.xo-field-price__range {
    margin-bottom: 1.7rem
}

.xo-field-price__range xo-range-progress {
    background-color: rgb(var(--color-foreground))
}

.xo-field-price__range xo-range-thumb {
    width: 2rem;
    height: 2rem;
    background-color: rgb(var(--color-foreground))
}

.xo-field-price__range xo-range-thumb:after {
    content: "";
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background-color: rgb(var(--color-background));
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.xo-field-price__input-group {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
    color: rgba(var(--color-foreground))
}

.xo-field-price__label {
    color: rgba(var(--color-foreground), 0.8)
}

.xo-field-price__text {
    font-size: calc(var(--font-body-scale)*1.6rem);
    font-weight: 500
}

.fieldset-block__header {
    padding: .6rem 0 .6rem 1.4rem;
    border-left: .3rem solid rgba(var(--color-foreground));
    white-space: nowrap
}

.fieldset-block__title {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*1.6rem);
    letter-spacing: calc(var(--font-heading-scale)*0.2rem);
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    padding-right: 1.5rem;
    margin-bottom: 0;
    font-family: var(--font-custom-family)
}

.fieldset-block__title::after {
    content: "";
    border-bottom: .1rem solid rgba(var(--color-foreground), 0.1);
    width: 32rem;
    position: absolute;
    top: 50%;
    left: 100%
}

.fieldset-block__content {
    display: flex;
    flex-wrap: wrap;
    row-gap: 1rem;
    -moz-column-gap: 1.2rem;
    column-gap: 1.2rem;
    padding-top: 3rem;
    padding-bottom: 4rem
}

.fieldset-block__content--column {
    flex-direction: column;
    flex-wrap: nowrap
}

.fieldset-block__content--color {
    row-gap: .5rem;
    -moz-column-gap: .6rem;
    column-gap: .6rem;
    padding-left: .8rem;
    padding-right: .8rem
}

.fieldset-block__content--scroll {
    max-height: 22rem;
    overflow-y: auto
}

.fieldset-block__content--scroll::-webkit-scrollbar {
    width: .3rem;
    background-color: rgba(var(--color-foreground), 0.08)
}

.fieldset-block__content--scroll::-webkit-scrollbar-thumb {
    background-color: rgba(var(--color-foreground), 0.12)
}

.fieldset-block__content--scroll::-webkit-scrollbar-thumb:hover {
    background-color: rgba(var(--color-foreground))
}

.xo-fieldset-popover__trigger {
    display: flex;
    align-items: center;
    gap: .3rem;
    cursor: pointer
}

.xo-fieldset-popover__label {
    font-weight: 500;
    letter-spacing: -0.032rem;
    color: rgba(var(--color-foreground), 0.8)
}

.xo-fieldset-popover__popover {
    min-width: 25rem;
    padding: 2rem 2.7rem;
    background-color: rgb(var(--color-background));
    border: .1rem solid rgba(var(--color-foreground), 0.15)
}

.xo-fieldset-popover__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1.6rem;
    border-bottom: .1rem solid rgba(var(--color-foreground), 0.15)
}

.xo-fieldset-popover__caption {
    font-size: 1.5rem;
    font-weight: 500;
    text-transform: uppercase;
    color: rgb(0 0 0);
    flex-shrink: 0
}

.xo-fieldset-popover__content {
    display: flex;
    flex-direction: column;
    gap: .7rem;
    padding-top: 1.5rem
}

.xo-filters-refine {
    margin-bottom: 2rem
}

.xo-filters-refine[xo-empty]:not([xo-empty=false]) {
    display: none
}

.xo-filters-refine xo-filters-clear {
    background-color: rgba(var(--color-foreground), 0.1);
    border-radius: .5rem;
    padding: .6rem 1.2rem .6rem 1rem;
    font-size: 1.5rem;
    color: rgba(var(--color-foreground));
    transition: .3s;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
    gap: .6rem;
    line-height: 0;
    font-weight: 500
}

.xo-filters-refine xo-filters-clear svg {
    line-height: 0
}

.xo-filters-refine xo-filters-clear:hover {
    background-color: rgba(var(--color-foreground));
    color: rgba(var(--color-background))
}

.xo-filters-refine xo-filters-clear[xo-clear-all] {
    color: rgb(0 0 0);
    text-decoration: underline;
    background: unset;
    text-transform: capitalize;
    margin-left: 1.2rem;
    transition: .3s
}

.xo-filters-refine xo-filters-clear[xo-clear-all]:hover {
    color: rgba(var(--color-foreground))
}

.main-collection-mobile__trigger {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    border: .2rem solid rgb(0 0 0);
    border-radius: var(--buttons-radius);
    padding: 1rem 2rem;
    cursor: pointer;
    transition: .3s
}

@media(min-width: 768px) {
    .main-collection-mobile__trigger {
        display:none
    }
}

.main-collection-mobile__trigger:hover {
    background-color: rgba(var(--color-foreground));
    border: .2rem solid rgba(var(--color-foreground))
}

.main-collection-mobile__trigger:hover .main-collection-mobile__trigger-text {
    color: rgba(var(--color-background))
}

.main-collection-mobile__trigger:hover svg {
    color: rgba(var(--color-background))
}

.main-collection-mobile__trigger-text {
    font-size: calc(var(--font-body-scale)*1.5rem);
    text-transform: capitalize;
    font-weight: 500;
    letter-spacing: calc(var(--font-body-scale)*0.1rem);
    line-height: 0;
    color: rgba(var(--color-foreground))
}

.main-collection-mobile__modal-wrap {
    width: 100%;
    padding: 4.8rem;
    background-color: rgba(var(--color-background));
    position: relative
}

@media(min-width: 576px) {
    .main-collection-mobile__modal-wrap {
        width:41.5rem
    }
}

@media(min-width: 768px) {
    .main-collection-mobile__modal-wrap {
        display:none
    }
}

.main-collection-mobile__modal {
    overflow-x: hidden
}

.main-collection-mobile__modal-close {
    cursor: pointer;
    position: absolute;
    top: 1rem
}

[dir=ltr] .main-collection-mobile__modal-close {
    right: 1rem
}

[dir=rtl] .main-collection-mobile__modal-close {
    left: 1rem
}

.main-collection-mobile__modal-close button {
    all: unset;
    width: 3.2rem;
    height: 3.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: .3s
}

.main-collection-mobile__modal-close svg {
    color: rgba(var(--color-foreground));
    line-height: 0
}

.main-collection-mobile__modal-close:hover button {
    background-color: rgba(var(--color-foreground));
    rotate: 180deg
}

.main-collection-mobile__modal-close:hover svg {
    color: rgba(var(--color-background))
}

.main-collection-style1__header {
    padding-bottom: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media(min-width: 768px) {
    .main-collection-style1__header {
        justify-content:flex-end;
        padding-bottom: 3rem
    }
}

@media(max-width: 767px) {
    .main-collection-style1__sidebar {
        display:none
    }
}

.main-collection-style2__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 2rem
}

@media(min-width: 768px) {
    .main-collection-style2__header {
        padding-bottom:3rem
    }
}

.main-collection-style2__trigger {
    display: none
}

@media(min-width: 768px) {
    .main-collection-style2__trigger {
        display:flex;
        justify-content: center;
        align-items: center;
        gap: 1rem;
        border: .2rem solid rgb(0 0 0);
        border-radius: var(--buttons-radius);
        padding: 1rem 2rem;
        cursor: pointer;
        transition: .3s
    }
}

.main-collection-style2__trigger svg {
    font-weight: bold
}

.main-collection-style2__trigger.xo-active {
    background-color: rgba(var(--color-foreground));
    border-color: rgba(var(--color-foreground))
}

.main-collection-style2__trigger.xo-active .main-collection-style2__trigger-text {
    color: rgba(var(--color-background))
}

.main-collection-style2__trigger.xo-active svg {
    color: rgba(var(--color-background))
}

.main-collection-style2__trigger[xo-active]:not([xo-active=false]) {
    background-color: rgba(var(--color-foreground));
    border-color: rgba(var(--color-foreground))
}

.main-collection-style2__trigger[xo-active]:not([xo-active=false]) .main-collection-style2__trigger-text {
    color: rgba(var(--color-background))
}

.main-collection-style2__trigger[xo-active]:not([xo-active=false]) svg {
    color: rgba(var(--color-background))
}

.main-collection-style2__trigger:hover {
    background-color: rgba(var(--color-foreground));
    border-color: rgba(var(--color-foreground))
}

.main-collection-style2__trigger:hover .main-collection-style2__trigger-text {
    color: rgba(var(--color-background))
}

.main-collection-style2__trigger:hover svg {
    color: rgba(var(--color-background))
}

.main-collection-style2__trigger-text {
    font-size: calc(var(--font-body-scale)*1.5rem);
    text-transform: capitalize;
    font-weight: 500;
    letter-spacing: calc(var(--font-body-scale)*0.1rem);
    line-height: 0;
    color: rgba(var(--color-foreground))
}

.main-collection-style2__modal-wrap {
    display: none;
    position: relative
}

@media(min-width: 768px) {
    .main-collection-style2__modal-wrap {
        display:block;
        width: 41.5rem;
        padding: 4.8rem;
        background-color: rgba(var(--color-background))
    }
}

.main-collection-style2__modal {
    overflow-x: hidden
}

.main-collection-style2__modal-close {
    cursor: pointer;
    position: absolute;
    top: 1rem
}

[dir=ltr] .main-collection-style2__modal-close {
    right: 1rem
}

[dir=rtl] .main-collection-style2__modal-close {
    left: 1rem
}

.main-collection-style2__modal-close button {
    all: unset;
    width: 3.2rem;
    height: 3.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: .3s
}

.main-collection-style2__modal-close svg {
    color: rgba(var(--color-foreground));
    line-height: 0
}

.main-collection-style2__modal-close:hover button {
    background-color: rgba(var(--color-foreground));
    rotate: 180deg
}

.main-collection-style2__modal-close:hover svg {
    color: rgba(var(--color-background))
}

.main-collection-style2__grid {
    display: flex;
    justify-content: space-between
}

.main-collection-style2__grid.xo-active {
    display: flex
}

.main-collection-style2__grid.xo-active .main-collection-style2__sidebar {
    visibility: visible;
    opacity: 1;
    width: 32rem;
    margin-right: 3rem
}

.main-collection-style2__grid.xo-active .main-collection-style2__content-wrap {
    width: calc(100% - 35rem)
}

.main-collection-style2__sidebar {
    width: 0;
    opacity: 0;
    transition: .3s;
    overflow-x: hidden;
    visibility: hidden
}

.main-collection-style2__content-wrap {
    width: 100%;
    transition: .3s
}

.main-collection-style2__collapse-wrap {
    display: none
}

@media(min-width: 768px) {
    .main-collection-style2__collapse-wrap {
        display:grid;
        padding: 3rem 6rem;
        margin-bottom: 2rem;
        border: .1rem solid rgba(var(--color-foreground), 0.1)
    }
}

.main-collection-style2__collapse {
    overflow-x: hidden
}

.main-collection-style2__collapse .collection-sidebar__menu {
    max-height: 22rem;
    overflow-y: auto;
    overflow-x: hidden
}

.main-collection-style2__collapse .collection-sidebar__menu::-webkit-scrollbar {
    width: .3rem;
    background-color: rgba(var(--color-foreground), 0.08)
}

.main-collection-style2__collapse .collection-sidebar__menu::-webkit-scrollbar-thumb {
    background-color: rgba(var(--color-foreground), 0.12)
}

.main-collection-style2__collapse .collection-sidebar__menu::-webkit-scrollbar-thumb:hover {
    background-color: rgba(var(--color-foreground))
}

.xo-login {
    width: 100%;
    max-width: 60rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 3rem
}

.xo-login__footer {
    width: 100%;
    max-width: 60rem;
    margin: 0 auto
}

.xo-login__password {
    text-align: right
}

.xo-recover-password-form {
    padding: 0 2rem 2rem
}

.xo-recover-password-form__description {
    padding-bottom: 2rem;
    text-align: center
}

.xo-recover-password-form__cancel {
    display: block
}

.xo-order-detail {
    padding-top: 2rem;
    padding-bottom: 5rem
}

@media(min-width: 768px) {
    .xo-order-detail__order {
        padding-right:7rem;
        border-right: .1rem solid rgba(var(--color-foreground), 0.15)
    }
}

@media(min-width: 768px) {
    .xo-order-detail__detail {
        padding-left:3rem
    }
}

.xo-order-bill {
    padding-top: 2rem
}

.xo-order-bill__nav-title {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*1.6rem);
    font-weight: 500;
    line-height: calc(1 + 0.38/var(--font-heading-scale));
    letter-spacing: calc(var(--font-heading-scale)*-0.01rem);
    color: rgb(var(--color-foreground))
}

@media(min-width: 576px) {
    .xo-order-bill__nav-title {
        font-size:calc(var(--font-heading-scale)*var(--font-body-scale)*1.8rem);
        line-height: calc(1 + 0.22/var(--font-heading-scale));
        letter-spacing: calc(var(--font-heading-scale)*0.01rem)
    }
}

.xo-order-bill__payment-status {
    padding-top: 1rem;
    padding-bottom: 1rem;
    color: rgb(var(--color-foreground))
}

.xo-order-bill__payment-status-text {
    font-size: calc(var(--font-body-scale)*1.4rem);
    font-weight: 500;
    text-transform: uppercase;
    color: rgb(0 0 0)
}

.xo-order-bill__user {
    font-weight: 500;
    display: flex;
    color: rgb(var(--color-foreground))
}

.xo-order-bill__user-name {
    padding-inline-end:1.2rem;border-inline-end:.1rem solid rgba(var(--color-foreground), 0.15)}

.xo-order-bill__user-phone {
    padding-inline-start: 1.2rem
}

.xo-order-bill__address {
    padding-top: .9rem
}

.xo-order-bill__ship-address {
    padding-top: 4.5rem
}

@media(min-width: 768px) {
    .xo-order-table__title {
        display:flex;
        align-items: flex-end;
        gap: 1rem;
        margin-bottom: 2rem
    }
}

.xo-order-table__date {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*2.4rem);
    line-height: 1.2
}

.xo-order-table__product {
    color: rgba(var(--color-foreground), 0.7)
}

.xo-order-table__bill {
    padding-top: 2.2rem
}

.xo-order-table__bill-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-inline-end:2rem}

.xo-order-table__total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1.4rem;
    padding-inline-end:2rem;font-size: calc(var(--font-body-scale)*1.8rem);
    font-weight: 500;
    color: rgb(var(--color-foreground))
}

@media(max-width: 575px) {
    .xo-table__body-row td:last-child {
        padding-inline-end:0
    }
}

.about-v1__content {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.about-v1__title {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*4rem);
    line-height: calc(1 + 0.33/var(--font-heading-scale));
    margin-bottom: 2rem;
    font-family: var(--font-custom-family)
}

.about-v1__subtitle {
    position: relative;
    font-size: calc(var(--font-body-scale)*1.2rem);
    color: rgb(0 0 0);
    font-weight: 500;
    letter-spacing: calc(var(--font-body-scale)*0.32rem);
    padding-inline-start:7rem}

.about-v1__subtitle::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 4.5rem;
    height: .2rem;
    background-color: rgba(var(--color-foreground))
}

.about-v1__description {
    line-height: calc(1 + 0.6/var(--font-body-scale));
    font-size: calc(var(--font-body-scale)*1.6rem);
    color: rgb(0 0 0);
    margin-top: 2rem
}

@media(min-width: 992px) {
    .about-v1__description {
        margin-top:3.5rem
    }
}

.about-v2__item {
    display: flex;
    flex-direction: column;
    align-items: center
}

.about-v2__icon svg {
    width: 9rem;
    height: 9rem;
    color: rgba(var(--color-foreground))
}

.about-v2__icon svg path {
    fill: rgba(var(--color-foreground))
}

.about-v2__icon svg rect {
    fill: rgba(var(--color-foreground))
}

.about-v2__icon .xo-image {
    width: 9rem;
    height: 9rem
}

.about-v2__content {
    text-align: center
}

.about-v2__title {
    position: relative;
    padding-bottom: 1.5rem;
    margin: 2rem 0;
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*3rem)
}

@media(min-width: 992px) {
    .about-v2__title {
        margin:4.5rem 0 2rem
    }
}

.about-v2__title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 6rem;
    height: .1rem;
    background-color: rgba(var(--color-foreground))
}

.about-v2__subtitle {
    font-size: calc(var(--font-body-scale)*1.5rem);
    line-height: calc(1 + 0.5/var(--font-body-scale))
}

.about-v3__title {
    font-size: clamp(3.4rem,calc(1.5vw + 2.8rem),4.6rem);
    font-family: var(--font-custom-family)
}

.about-v3__description {
    color: rgba(var(--color-foreground), 0.6);
    font-size: calc(var(--font-body-scale)*1.6rem);
    line-height: calc(1 + 0.6/var(--font-body-scale));
    padding: 2rem 0
}

@media(min-width: 768px) {
    .about-v3__description {
        margin-bottom:1.6rem
    }
}

.about-v3__video {
    position: relative;
    margin-top: 3rem
}

@media(min-width: 768px) {
    .about-v3__video {
        margin-top:6rem
    }
}

.about-v3__button-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 6.4rem;
    width: 6.4rem;
    background-color: rgb(var(--color-background));
    border-radius: 50%
}

.about-v3__button-play:hover .about-v3__icon-play {
    border-left: 1.6rem solid rgba(var(--color-foreground), 0.6)
}

.about-v3__icon-play {
    border-bottom: .9rem solid rgba(0,0,0,0);
    border-top: .9rem solid rgba(0,0,0,0);
    border-left: 1.6rem solid rgba(var(--color-foreground));
    margin-left: .2rem;
    transition: all .3s ease;
    margin-left: .5rem
}

.about-v3__modal .xo-video {
    width: 70vw
}

.about-v3__modal .xo-media {
    position: relative;
    top: 3rem
}

.about-v3__button-close {
    position: absolute;
    top: 1rem;
    cursor: pointer;
    transition: .3s;
    width: 3.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3.2rem;
    border-radius: 50%;
    background-color: rgba(var(--color-background))
}

[dir=ltr] .about-v3__button-close {
    right: -4rem
}

[dir=rtl] .about-v3__button-close {
    left: -4rem
}

.about-v3__button-close:hover {
    background-color: rgba(var(--color-foreground));
    rotate: 180deg
}

.about-v3__button-close:hover svg {
    color: rgba(var(--color-background))
}

.about-v4__content {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.about-v4__title {
    font-size: clamp(4.8rem,calc(2.125vw + 3.95rem),6.5rem);
    font-family: var(--font-custom-family)
}

.about-v4__subtitle {
    font-size: calc(var(--font-body-scale)*3rem);
    line-height: calc(1 + 0.25/var(--font-body-scale));
    color: rgba(var(--color-foreground));
    font-weight: 500;
    margin-bottom: 3.5rem
}

.about-v4__description {
    line-height: calc(1 + 0.6/var(--font-body-scale));
    font-size: calc(var(--font-body-scale)*1.6rem);
    color: rgb(0 0 0)
}

.about-v5 {
    max-width: 74.5rem;
    margin: 0 auto;
    text-align: center
}

.about-v5__icon {
    margin-bottom: 2rem
}

.about-v5__icon svg {
    width: 11rem;
    height: 11rem;
    color: rgba(var(--color-foreground))
}

.about-v5__icon svg path {
    fill: rgba(var(--color-foreground))
}

.about-v5__icon svg rect {
    fill: rgba(var(--color-foreground))
}

.about-v5__icon .xo-image {
    width: 11rem;
    height: 11rem
}

.about-v5__title {
    font-size: clamp(3rem,calc(1.25vw + 2.5rem),4rem);
    line-height: calc(1 + 0.35/var(--font-heading-scale));
    font-weight: 600;
    margin-bottom: 0;
    font-family: var(--font-custom-family)
}

.about-v6__content {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.about-v6__title {
    font-size: clamp(3rem,calc(1.25vw + 2.5rem),4rem);
    margin-bottom: 3rem;
    font-family: var(--font-custom-family)
}

.about-v6__description {
    line-height: calc(1 + 0.6/var(--font-body-scale));
    font-size: calc(var(--font-body-scale)*1.6rem);
    color: rgb(0 0 0)
}

.about-v7__item {
    padding: 4.5rem 2rem 5.5rem;
    border-radius: var(--text-boxes-radius);
    background-color: rgba(var(--color-foreground));
    text-align: center
}

@media(min-width: 992px) {
    .about-v7__item {
        padding:13rem 2rem 14rem
    }
}

.about-v7__icon {
    margin-bottom: 2rem
}

.about-v7__icon svg {
    width: 7rem;
    height: 7rem;
    color: rgba(var(--color-background))
}

.about-v7__icon svg path {
    fill: rgba(var(--color-background))
}

.about-v7__icon svg rect {
    fill: rgba(var(--color-background))
}

.about-v7__icon .xo-image {
    width: 7rem;
    height: 7rem
}

.about-v7__title {
    font-size: clamp(2.6rem,calc(0.5vw + 2.4rem),3rem);
    text-transform: capitalize;
    margin-bottom: 0;
    color: rgba(var(--color-background));
    font-family: var(--font-custom-family)
}

.about-v8 {
    max-width: 99rem;
    margin: 0 auto;
    text-align: center
}

.about-v8__title {
    font-size: clamp(3rem,calc(1.25vw + 2.5rem),4rem);
    line-height: calc(1 + 0.35/var(--font-heading-scale));
    font-weight: 600;
    margin-bottom: 1.5rem;
    font-family: var(--font-custom-family)
}

.about-v8__description {
    color: rgb(0 0 0);
    margin-bottom: 3rem
}

.banner-v262__heading {
    font-weight: 600;
    font-size: clamp(5rem,calc(6.25vw + 2.5rem),10rem);
    color: rgb(var(--color-background));
    line-height: calc(1 + 0.2/var(--font-heading-scale));
    font-family: var(--font-custom-family)
}

.banner-v262 {
    text-align: center;
    margin: 0 auto
}

.banner-v262__description {
    color: rgb(var(--color-background));
    font-size: clamp(2.4rem,calc(0.75vw + 2.1rem),3rem)
}

.brand-v1__inner {
    border: .1rem solid rgba(var(--color-foreground), 0.15);
    border-radius: var(--text-boxes-radius)
}

.brand-v1__item {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 20rem;
    border-right: .1rem solid rgba(var(--color-foreground), 0.15)
}

.brand-v1__image {
    width: 14rem
}

.brand-v1__image .xo-image {
    overflow: unset
}

.brand-v1__image img {
    transition: .5s;
    filter: grayscale(100%)
}

.brand-v1__item:hover img {
    filter: grayscale(0);
    transform: scale(1.1)
}

.breadcrumb-v2 {
    display: flex;
    flex-direction: column;
    align-items: center
}

.breadcrumb-v2__title {
    font-size: clamp(3rem,calc(1.875vw + 2.25rem),4.5rem);
    letter-spacing: calc(var(--font-heading-scale)*0.1rem);
    line-height: calc(1 + 0.2/var(--font-heading-scale));
    margin-bottom: .5rem;
    text-align: center;
    font-family: var(--font-custom-family)
}

.contact-v1__grid {
    background-color: #f7f7f7
}

.contact-v1__wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2rem 2.5rem
}

@media(min-width: 768px) {
    .contact-v1__wrap {
        padding:10rem
    }
}

.contact-v1__title {
    color: rgba(var(--color-foreground));
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*1.4rem);
    letter-spacing: calc(var(--font-heading-scale)*0.48rem);
    text-transform: uppercase;
    position: relative;
    padding-bottom: 3rem;
    margin-bottom: 3.5rem;
    font-family: var(--font-custom-family)
}

@media(max-width: 767px) {
    .contact-v1__title {
        padding-bottom:1.5rem
    }
}

.contact-v1__title::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 8rem;
    height: .1rem;
    background: rgb(0 0 0)
}

.contact-v1__btn {
    margin: 6rem 0 2rem
}

@media(max-width: 767px) {
    .contact-v1__btn {
        margin:1rem 0
    }
}

.contact-v1__btn .xo-btn__content {
    text-underline-offset: 1rem
}

.contact-v1__btn .xo-btn__text {
    font-size: clamp(1.6rem,calc(2.5vw + 0.6rem),3.6rem);
    font-weight: 500;
    text-transform: unset;
    text-underline-offset: 1rem
}

.contact-v1__social {
    margin-top: 3rem
}

@media(min-width: 992px) {
    .contact-v1__social {
        margin-top:5rem
    }
}

.contact-v1__icon-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem
}

.contact-v1__icon {
    color: rgb(var(--color-foreground));
    border-radius: 50%;
    border: .1rem solid rgba(var(--color-foreground), 0.3);
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .3s
}

.contact-v1__icon svg {
    color: rgba(var(--color-foreground));
    transition: .3s
}

.contact-v1__icon:hover {
    background-color: rgb(var(--color-foreground));
    border: .1rem solid rgb(var(--color-foreground))
}

.contact-v1__icon:hover svg {
    fill: rgba(var(--color-background))
}

.contact-v1__map {
    height: 100%
}

.contact-v1__map iframe {
    width: 100%;
    height: 100%
}

@media(max-width: 767px) {
    .contact-v1__map iframe {
        height:70dvh
    }
}

.contact-v1__map a {
    display: block;
    height: 100%
}

.contact-v1__map .xo-image {
    height: 100%
}

.contact-v1__map img {
    height: 100%
}

.contact-v2__title {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*4rem);
    position: relative;
    text-align: center;
    padding-bottom: 2rem;
    margin-bottom: 4rem;
    color: rgba(var(--color-foreground));
    font-family: var(--font-custom-family)
}

.contact-v2__title::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(50% - 40px);
    width: 8rem;
    height: .1rem;
    background: rgb(0 0 0)
}

.contact-v2__wrap {
    width: 100%
}

.contact-v2__name {
    position: relative;
    color: rgba(var(--color-foreground));
    font-size: calc(var(--font-body-scale)*1.6rem);
    margin-bottom: 1.5rem;
    font-weight: 500;
    margin-left: 1rem
}

.contact-v2__name::before {
    content: "*";
    color: rgba(var(--color-accent));
    position: absolute;
    top: .1rem;
    right: -1rem
}

.contact-v2__input .xo-field-input__input {
    height: 6rem
}

.contact-v2__textarea .xo-field-textarea__textarea {
    height: 27rem
}

.contact-v2__btn {
    text-align: center
}

.contact-v2__btn button {
    width: 19rem
}

.contact-v2__btn .xo-btn__text {
    font-size: calc(var(--font-body-scale)*1.4rem);
    letter-spacing: calc(var(--font-body-scale)*0.2rem)
}

.contact-v3__map iframe {
    width: 100%;
    height: 80dvh
}

@media(max-width: 767px) {
    .contact-v3__map iframe {
        height:70dvh
    }
}

@media(max-width: 767px) {
    .contact-v3__map .xo-image {
        height:70dvh
    }
}

.contact-v3__map img {
    height: 100%
}

.contact-v3__main {
    margin-top: 10rem
}

@media(max-width: 767px) {
    .contact-v3__main {
        margin-top:2rem
    }
}

@media(min-width: 768px) {
    .contact-v3__information {
        margin-right:5rem
    }
}

.contact-v3__title {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*3.4rem);
    font-family: var(--font-custom-family)
}

@media(min-width: 768px) {
    .contact-v3__title {
        padding-bottom:1.5rem
    }
}

.contact-v3__description {
    font-size: calc(var(--font-body-scale)*1.5rem);
    color: rgba(var(--color-foreground));
    line-height: calc(1 + 0.4/var(--font-body-scale));
    margin-bottom: 1.5rem
}

.contact-v3__description a {
    color: rgb(0 0 0)
}

@media(min-width: 768px) {
    .contact-v3__info-wrap {
        padding-top:2.5rem
    }
}

.contact-v3__item {
    display: flex;
    gap: 1.5rem;
    width: 100%
}

@media(min-width: 768px) {
    .contact-v3__item {
        gap:3.5rem
    }
}

.contact-v3__icon svg {
    width: 3rem;
    height: 3rem
}

.contact-v3__icon svg path {
    fill: rgba(var(--color-foreground))
}

.contact-v3__item-title {
    color: rgba(var(--color-foreground));
    font-size: calc(var(--font-body-scale)*1.8rem);
    line-height: calc(1 + 0.08/var(--font-body-scale));
    font-weight: 500;
    margin-bottom: 1rem
}

.contact-v3__item-content {
    font-size: calc(var(--font-body-scale)*1.5rem);
    margin-bottom: 0;
    color: rgb(0 0 0);
    line-height: 2rem
}

.contact-v3__input-wrap {
    width: 100%
}

.contact-v3__input .xo-field-input__input {
    height: 6rem
}

.contact-v3__input .xo-field-input__input:not(:-moz-placeholder-shown)+.xo-field-input__placeholder {
    transform: translateY(-4.7rem) scale(0.7)
}

.contact-v3__input .xo-field-input__input:focus+.xo-field-input__placeholder,.contact-v3__input .xo-field-input__input:not(:placeholder-shown)+.xo-field-input__placeholder {
    transform: translateY(-4.7rem) scale(0.7)
}

.contact-v3__textarea .xo-field-textarea__textarea {
    height: 26rem
}

.contact-v3__btn button {
    width: 100%;
    height: 5.5rem
}

.contact-v3__btn .xo-btn__text {
    font-size: calc(var(--font-body-scale)*1.4rem)
}

.contact-v4__information {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 3rem
}

@media(min-width: 768px) {
    .contact-v4__information {
        margin-bottom:0;
        padding: 10rem
    }
}

.contact-v4__title {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*3.4rem);
    font-family: var(--font-custom-family)
}

@media(min-width: 768px) {
    .contact-v4__title {
        padding-bottom:1.5rem
    }
}

.contact-v4__description {
    font-size: calc(var(--font-body-scale)*1.5rem);
    color: rgba(var(--color-foreground));
    line-height: calc(1 + 0.4/var(--font-body-scale));
    margin-bottom: 1.5rem
}

.contact-v4__description a {
    color: rgb(0 0 0)
}

@media(min-width: 768px) {
    .contact-v4__info-wrap {
        padding-top:2rem
    }
}

.contact-v4__item {
    display: flex;
    gap: 1.5rem;
    width: 100%
}

@media(min-width: 768px) {
    .contact-v4__item {
        gap:3.5rem
    }
}

.contact-v4__icon svg {
    width: 3rem;
    height: 3rem
}

.contact-v4__icon svg path {
    fill: rgba(var(--color-foreground))
}

.contact-v4__item-title {
    color: rgba(var(--color-foreground));
    font-size: calc(var(--font-body-scale)*1.8rem);
    line-height: calc(1 + 0.08/var(--font-body-scale));
    font-weight: 500;
    margin-bottom: 1rem
}

.contact-v4__item-content {
    font-size: calc(var(--font-body-scale)*1.5rem);
    margin-bottom: 0;
    color: rgb(0 0 0);
    line-height: 2rem
}

.contact-v4__map {
    height: 100%
}

.contact-v4__map iframe {
    width: 100%;
    height: 100%
}

@media(max-width: 767px) {
    .contact-v4__map iframe {
        height:70dvh
    }
}

.contact-v4__map a {
    display: block;
    height: 100%
}

.contact-v4__map .xo-image {
    height: 100%
}

.contact-v4__map img {
    height: 100%
}

.contact-v5__title {
    font-size: clamp(3.4rem,calc(0.75vw + 3.1rem),4rem);
    text-align: center;
    font-family: var(--font-custom-family)
}

@media(min-width: 768px) {
    .contact-v5__title {
        margin-bottom:6rem
    }
}

.contact-v5__wrap {
    width: 100%
}

.contact-v5__input .xo-field-input__input {
    height: 6rem
}

.contact-v5__input .xo-field-input__input:not(:-moz-placeholder-shown)+.xo-field-input__placeholder {
    transform: translateY(-4.7rem) scale(0.7)
}

.contact-v5__input .xo-field-input__input:focus+.xo-field-input__placeholder,.contact-v5__input .xo-field-input__input:not(:placeholder-shown)+.xo-field-input__placeholder {
    transform: translateY(-4.7rem) scale(0.7)
}

.contact-v5__textarea .xo-field-textarea__textarea {
    height: 26rem
}

.contact-v5__btn {
    text-align: center
}

.contact-v5__btn button {
    width: 18rem
}

.contact-v5__btn .xo-btn__text {
    font-size: calc(var(--font-body-scale)*1.6rem)
}

.faq-v3__heading {
    max-width: 71rem;
    margin: 0 auto;
    padding-bottom: 4.8rem
}

.faq-v3__subtitle {
    color: rgb(0 0 0);
    font-size: calc(var(--font-body-scale)*1.2rem);
    font-weight: 500;
    letter-spacing: calc(var(--font-heading-scale)*0.2rem);
    line-height: calc(1 + 1.1/var(--font-heading-scale));
    margin-bottom: .8rem;
    text-transform: uppercase;
    text-align: center
}

.faq-v3__title {
    line-height: calc(1 + 0.18/var(--font-heading-scale));
    font-size: clamp(2.4rem,calc(2.5vw + 1.4rem),4.4rem);
    text-transform: capitalize;
    text-align: center;
    font-family: var(--font-custom-family)
}

.faq-v3__row {
    padding: 2rem;
    border-top: .1rem solid rgba(var(--color-foreground), 0.15)
}

.faq-v3__row:last-child {
    border-bottom: .1rem solid rgba(var(--color-foreground), 0.15)
}

.faq-v3__trigger {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.5rem
}

.faq-v3__trigger[xo-active] .faq-v3__icon #path-2 {
    transform: scale(1, 0)
}

.faq-v3__question {
    font-size: calc(var(--font-body-scale)*1.8rem);
    line-height: calc(1 + 0.16/var(--font-heading-scale))
}

.faq-v3__icon path {
    transition: all .3s ease-in-out;
    transform-origin: center
}

.faq-v3__answer {
    padding: 2rem .5rem 0;
    color: rgb(0 0 0)
}

.faq-v3__answer p {
    font-size: calc(var(--font-body-scale)*1.4rem);
    line-height: calc(1 + 0.8/var(--font-body-scale))
}

.instagram-v3 {
    position: relative
}

.instagram-v3__heading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
    padding: 1.5rem 2rem;
    background-color: #fff;
    z-index: 99;
    border-radius: var(--text-boxes-radius)
}

.instagram-v3__icon {
    line-height: 0
}

.instagram-v3__icon svg {
    width: 2rem;
    height: 2rem
}

.instagram-v3__title {
    font-size: clamp(1.4rem,calc(0.25vw + 1.3rem),1.6rem);
    margin-bottom: 0;
    white-space: nowrap
}

.instagram-v3__item {
    position: relative;
    overflow: hidden
}

.instagram-v3__item:hover .instagram-v3__image-layer {
    opacity: 1
}

.instagram-v3__item:hover img {
    transform: scale(1.2)
}

.instagram-v3__image {
    aspect-ratio: 1;
    width: 100%;
    height: 100%;
    transition: .3s
}

.instagram-v3__image-layer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.4);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: .3s
}

.instagram-v3__image-layer svg {
    width: 3rem;
    height: 3rem;
    fill: rgb(from #fff r g b / 1);
    transition: .3s
}

.instagram-v3__image-layer svg:hover {
    fill: rgb(from rgba(var(--color-accent)) r g b / 1)
}

.instagram-v3__list xo-instagram-item a {
    position: relative;
    overflow: hidden
}

.instagram-v3__list xo-instagram-item:hover img {
    transform: scale(1.2)
}

.instagram-v3__list xo-instagram-item:hover span {
    opacity: 1
}

.main-wishlist:has(xo-products-fetcher[xo-empty]:not([xo-empty=false])) .main-wishlist__empty {
    display: block
}

.main-wishlist:has(xo-products-fetcher[xo-empty]:not([xo-empty=false])) .main-wishlist__list {
    display: none
}

.main-wishlist__empty {
    display: none
}

.newsletter-v1 {
    max-width: 116rem;
    margin: 0 auto
}

.newsletter-v1__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3rem
}

@media(min-width: 768px) {
    .newsletter-v1__content {
        flex-direction:row
    }
}

.newsletter-v1__svg svg {
    width: 6.4rem;
    height: 6.4rem
}

.newsletter-v1__svg path {
    fill: rgba(var(--color-foreground))
}

@media(min-width: 768px) {
    .newsletter-v1__text {
        padding-inline-start:3rem;
        border-left: solid .1rem rgba(var(--color-foreground))
    }
}

.newsletter-v1__title {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*2.6rem);
    line-height: calc(1 + 0.2/var(--font-heading-scale));
    letter-spacing: calc(var(--font-heading-scale)*0.5rem);
    text-align: center;
    font-family: var(--font-custom-family)
}

@media(min-width: 768px) {
    .newsletter-v1__title {
        text-align:left
    }
}

.newsletter-v1__subtitle {
    font-size: calc(var(--font-body-scale)*2rem);
    line-height: calc(1 + 0.3/var(--font-body-scale));
    color: rgba(var(--color-foreground));
    text-align: center;
    margin-bottom: 2rem
}

@media(min-width: 768px) {
    .newsletter-v1__subtitle {
        text-align:left;
        margin-bottom: 0
    }
}

.newsletter-v1__input-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.newsletter-v1__input-btn {
    height: 6rem;
    width: 100%;
    display: flex
}

.newsletter-v1__input-btn .xo-field-input__input {
    color: rgba(var(--color-background));
    background-color: rgba(var(--color-foreground));
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 0 1.5rem;
    height: 100%
}

.newsletter-v1__input-btn .xo-field-input__input:not(:-moz-placeholder-shown)+.xo-field-input__placeholder {
    transform: translateY(-4.9rem) scale(0.7)
}

.newsletter-v1__input-btn .xo-field-input__input:focus+.xo-field-input__placeholder,.newsletter-v1__input-btn .xo-field-input__input:not(:placeholder-shown)+.xo-field-input__placeholder {
    transform: translateY(-4.9rem) scale(0.7)
}

.newsletter-v1__input-btn .xo-field-input__placeholder {
    color: rgba(var(--color-background), 0.4)
}

.newsletter-v1__input-btn button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: 18.5rem
}

.newsletter-v2 {
    margin: 0 auto;
    max-width: 60rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

.newsletter-v2__title {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*3rem);
    text-align: center;
    font-family: var(--font-custom-family)
}

.newsletter-v2__subtitle {
    font-size: calc(var(--font-body-scale)*1.6rem);
    color: rgba(var(--color-foreground));
    margin-bottom: 3rem;
    text-align: center
}

.newsletter-v2__input-wrap {
    width: 100%
}

.newsletter-v2__input-btn button {
    margin-top: 2.5rem;
    width: 100%
}

.newsletter-v4 {
    border-top: .1rem solid rgb(var(--color-border), 0.15);
    padding: 2rem 0
}

.newsletter-v4__svg svg {
    width: 5.4rem;
    height: 5.4rem
}

.newsletter-v4__svg path {
    fill: rgba(var(--color-foreground))
}

.newsletter-v4__content {
    display: flex;
    align-items: center;
    flex-direction: column
}

@media(min-width: 768px) {
    .newsletter-v4__content {
        flex-direction:row
    }
}

.newsletter-v4__logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem
}

@media(min-width: 768px) {
    .newsletter-v4__logo {
        flex-direction:row;
        border-right: .1rem solid rgb(var(--color-foreground), 0.15);
        padding-inline-end:5.5rem;margin-inline-end:5.5rem;padding-top: 1rem;
        padding-bottom: 1rem
    }
}

.newsletter-v4__title {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*1.8rem);
    margin-bottom: 2rem;
    text-align: center
}

@media(min-width: 768px) {
    .newsletter-v4__title {
        margin-bottom:0;
        text-align: left
    }
}

.newsletter-v4__subtitle {
    font-size: calc(var(--font-body-scale)*1.6rem);
    line-height: calc(1 + 0.5/var(--font-body-scale));
    color: rgb(0 0 0);
    text-align: center
}

@media(min-width: 768px) {
    .newsletter-v4__subtitle {
        text-align:left
    }
}

.newsletter-v4__input-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.newsletter-v4__input-btn {
    height: 6rem;
    width: 100%;
    display: flex
}

.newsletter-v4__input-btn .xo-field-input__input {
    background-color: rgb(var(--color-foreground), 0.05);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 0 1.5rem;
    height: 100%;
    border: none
}

.newsletter-v4__input-btn .xo-field-input__input:not(:-moz-placeholder-shown)+.xo-field-input__placeholder {
    transform: translateY(-4.9rem) scale(0.7)
}

.newsletter-v4__input-btn .xo-field-input__input:focus+.xo-field-input__placeholder,.newsletter-v4__input-btn .xo-field-input__input:not(:placeholder-shown)+.xo-field-input__placeholder {
    transform: translateY(-4.9rem) scale(0.7)
}

.newsletter-v4__input-btn button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: 18.5rem
}

.our-store-v5__heading {
    max-width: 80rem;
    margin: 0 auto 5rem;
    text-align: center
}

.our-store-v5__title {
    font-size: clamp(3.5rem,calc(0.375vw + 3.35rem),3.8rem);
    font-family: var(--font-custom-family)
}

.our-store-v5__description {
    color: rgba(var(--color-foreground), 0.6)
}

.our-store-v5__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 1.5rem
}

@media(min-width: 768px) {
    .our-store-v5__grid {
        gap:var(--gap)
    }
}

.our-store-v5__item a {
    display: block
}

.our-store-v5__item a,.our-store-v5__item .xo-image,.our-store-v5__item img {
    height: 100%
}

.our-store-v5__item:first-child {
    grid-column: span 2
}

@media(min-width: 768px) {
    .our-store-v5__item:first-child {
        grid-row:span 2;
        grid-column: span 1
    }
}

.our-store-v5__item:nth-child(2),.our-store-v5__item:nth-child(3) {
    grid-column: span 2
}

@media(min-width: 768px) {
    .our-store-v5__item:nth-child(2),.our-store-v5__item:nth-child(3) {
        grid-row:span 1;
        grid-column: span 1
    }
}

.our-store-v6__item-title {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*1.6rem);
    margin-bottom: 2rem;
    font-family: var(--font-custom-family)
}

@media(min-width: 768px) {
    .our-store-v6__item-title {
        margin-bottom:3rem
    }
}

.our-store-v6__item-content>* {
    color: rgb(0 0 0)
}

.our-store-v6__item-content ul {
    padding-inline-start:1.5rem;margin: 0
}

.our-store-v6__item-content li {
    margin-bottom: 1.4rem
}

.our-team-v1__heading {
    position: relative;
    text-align: center;
    max-width: 116rem;
    margin: 0 auto 4rem;
    padding-bottom: 2rem
}

.our-team-v1__heading::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 5rem;
    height: .2rem;
    background-color: rgba(var(--color-foreground))
}

.our-team-v1__title {
    font-size: clamp(3.5rem,calc(2.5vw + 2.5rem),5.5rem);
    font-family: var(--font-custom-family)
}

.our-team-v1__image {
    position: relative
}

.our-team-v1__image:hover .our-team-v1__social {
    opacity: 1;
    visibility: visible
}

.our-team-v1__image:hover::before {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1)
}

.our-team-v1__image::before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    transition: all .3s ease;
    opacity: 0;
    visibility: hidden;
    z-index: 2
}

.our-team-v1__social {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all .3s ease;
    z-index: 2;
    display: flex;
    justify-content: center;
    gap: 1rem
}

@media(max-width: 767px) {
    .our-team-v1__social {
        opacity:1;
        visibility: unset
    }
}

.our-team-v1__icon {
    width: 4rem;
    height: 4rem;
    display: flex;
    text-align: center;
    align-items: center;
    background-color: #fff;
    justify-content: center;
    border-radius: var(--buttons-radius);
    transition: all .3s ease
}

.our-team-v1__icon svg {
    height: 1.4rem
}

.our-team-v1__icon svg path {
    fill: rgba(0,0,0,.5);
    transition: all .3s ease
}

.our-team-v1__icon:hover {
    background-color: #000
}

.our-team-v1__icon:hover svg path {
    fill: #fff
}

.our-team-v1__information {
    margin-top: 1.5rem;
    text-align: center
}

.our-team-v1__name {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*2.2rem);
    font-weight: 500;
    margin-bottom: .5rem;
    color: rgba(var(--color-foreground))
}

.our-team-v1__position {
    font-size: calc(var(--font-body-scale)*1.6rem);
    color: rgb(0 0 0)
}

.our-team-v2__heading {
    max-width: 66rem;
    margin: 0 auto 4.8rem;
    text-align: center
}

.our-team-v2__title {
    font-size: clamp(3.5rem,calc(0.375vw + 3.35rem),3.8rem);
    font-family: var(--font-custom-family)
}

.our-team-v2__description {
    color: rgba(var(--color-foreground), 0.6)
}

.our-team-v2__image {
    position: relative
}

.our-team-v2__information {
    margin-top: 1.5rem;
    text-align: center
}

.our-team-v2__name {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*2.2rem);
    font-weight: 500;
    margin-bottom: .5rem;
    color: rgba(var(--color-foreground))
}

.our-team-v2__position {
    font-size: calc(var(--font-body-scale)*1.6rem);
    color: rgba(var(--color-foreground))
}

@media(min-width: 992px) {
    .our-team-v3 {
        gap:9.5rem
    }
}

.our-team-v3__title {
    font-size: clamp(3.5rem,calc(2.5vw + 2.5rem),5.5rem);
    margin-bottom: 3rem;
    font-family: var(--font-custom-family)
}

.our-team-v3__description {
    text-align: justify;
    color: rgba(var(--color-foreground))
}

.our-team-v3__image {
    position: relative
}

.our-team-v3__image:hover .our-team-v3__social {
    opacity: 1;
    visibility: visible
}

.our-team-v3__image:hover::before {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1)
}

.our-team-v3__image::before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    transition: all .3s ease;
    opacity: 0;
    visibility: hidden;
    z-index: 2
}

.our-team-v3__social {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all .3s ease;
    z-index: 2;
    display: flex;
    justify-content: center;
    gap: 1rem
}

@media(max-width: 767px) {
    .our-team-v3__social {
        opacity:1;
        visibility: unset
    }
}

.our-team-v3__icon {
    width: 4rem;
    height: 4rem;
    display: flex;
    text-align: center;
    align-items: center;
    background-color: #fff;
    justify-content: center;
    border-radius: var(--buttons-radius);
    transition: all .3s ease
}

.our-team-v3__icon svg {
    height: 1.4rem
}

.our-team-v3__icon svg path {
    fill: rgba(0,0,0,.5);
    transition: all .3s ease
}

.our-team-v3__icon:hover {
    background-color: #000
}

.our-team-v3__icon:hover svg path {
    fill: #fff
}

.our-team-v3__information {
    padding: 2rem;
    background-color: rgba(var(--color-foreground))
}

.our-team-v3__name {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*2.2rem);
    font-weight: 500;
    margin-bottom: .5rem;
    color: rgba(var(--color-background))
}

.our-team-v3__position {
    font-size: calc(var(--font-body-scale)*1.6rem);
    color: rgba(var(--color-background), 0.5)
}

.policy-v2__wrap {
    border: .1rem solid rgba(var(--color-border), 0.1);
    width: 100%;
    padding: 3rem 1.5rem;
    border-radius: var(--text-boxes-radius)
}

.policy-v2 {
    padding: 0
}

@media(min-width: 992px) {
    .policy-v2 {
        padding:0rem 1.5rem;
        margin-bottom: 2rem
    }
}

.policy-v2__svg {
    max-width: 5.5rem;
    margin: 0 auto
}

.policy-v2__svg svg {
    width: 5.5rem;
    height: 5.5rem;
    margin: 0 auto
}

.policy-v2__info {
    text-align: center
}

.policy-v2__title {
    margin-bottom: 0;
    margin-top: 1.5rem;
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*2.2rem);
    font-weight: 500;
    line-height: calc(1 + 0.2/var(--font-heading-scale))
}

.policy-v2__title-sub {
    font-size: calc(var(--font-body-scale)*1.6rem);
    color: rgba(var(--color-foreground), 0.6)
}

.policy-v2__svg:hover,.policy-v2__svg:focus {
    animation-name: elementor-animation-wobble-horizontal;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1
}

@keyframes elementor-animation-wobble-horizontal {
    16.65% {
        transform: translateX(0.8rem)
    }

    33.3% {
        transform: translateX(-0.6rem)
    }

    49.95% {
        transform: translateX(0.4rem)
    }

    66.6% {
        transform: translateX(-0.2rem)
    }

    83.25% {
        transform: translateX(0.1rem)
    }

    100% {
        transform: translateX(0)
    }
}

.about-star__list-star {
    display: flex;
    list-style: none;
    gap: .5rem;
    padding: 0;
    margin: 0
}

@media(max-width: 767px) {
    .wishlist-table tr {
        padding:0
    }
}

@media(max-width: 767px) {
    .wishlist-table td::before {
        content:unset
    }
}

@media(max-width: 767px) {
    .wishlist-table td:not([data-th=Product]) {
        display:none
    }
}

.main-wishlist__inner {
    max-width: 106rem;
    margin: 0 auto
}

.wishlist-table__item {
    display: flex;
    gap: 1rem;
    flex-direction: column
}

@media(min-width: 768px) {
    .wishlist-table__item {
        flex-direction:row;
        align-items: center;
        gap: 2.3rem
    }
}

.wishlist-table__item-image {
    display: block;
    width: 12rem
}

@media(min-width: 768px) {
    .wishlist-table__item-image {
        width:8rem
    }
}

.wishlist-table__item-title {
    margin-bottom: 0
}

.wishlist-table__item-title a {
    color: rgba(var(--color-foreground));
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*1.5rem)
}

@media(min-width: 768px) {
    .wishlist-table__desktop-hidden {
        display:none
    }
}

.wishlist-table__stock {
    text-align: end !important;
    padding-inline-end:2rem;color: rgba(var(--color-foreground));
    font-weight: 500
}

@media(max-width: 767px) {
    .wishlist-table__action {
        margin-top:1rem
    }
}

.testimonial-v18__title {
    text-align: center;
    font-size: clamp(3rem,calc(1.25vw + 2.5rem),4rem);
    font-weight: 600;
    margin-bottom: 2rem;
    font-family: var(--font-custom-family)
}

@media(min-width: 992px) {
    .testimonial-v18__title {
        margin-bottom:5rem
    }
}

.testimonial-v18__item {
    background-color: rgba(var(--color-background));
    padding: 2.5rem;
    min-height: 100%;
    border: solid .2rem rgba(var(--color-foreground), 0.1);
    border-radius: var(--text-boxes-radius)
}

.testimonial-v18__list-star {
    display: flex;
    list-style: none;
    gap: .5rem;
    padding: 0;
    margin: 0
}

.testimonial-v18__testimonial {
    font-size: calc(var(--font-body-scale)*1.5rem);
    line-height: calc(1 + 0.5/var(--font-body-scale));
    margin: 1.5rem 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical
}

.testimonial-v18__customer {
    display: flex;
    gap: 1.5rem;
    align-items: center
}

.testimonial-v18__img {
    border-radius: 50%;
    overflow: hidden;
    width: 6.8rem;
    height: 6.8rem
}

.testimonial-v18__name {
    text-transform: uppercase;
    font-weight: 500;
    font-size: calc(var(--font-body-scale)*1.2rem)
}

.testimonial-v18__position {
    font-size: calc(var(--font-body-scale)*1.3rem);
    color: rgb(0 0 0)
}

.email-signup-banner .newsletter-form,.email-signup-banner .newsletter-form__field-wrapper {
    display: inline-block
}

@media only screen and (min-width: 750px) {
    .email-signup-banner:not(.banner--desktop-transparent) .email-signup-banner__box {
        width:100%
    }
}

.email-signup-banner__box .email-signup-banner__heading {
    margin-bottom: 0
}

.email-signup-banner__box>*+.newsletter__subheading {
    margin-top: 2rem
}

.email-signup-banner__box .newsletter__subheading p {
    margin: 0
}

.email-signup-banner-background {
    width: 100%;
    height: 100%;
    position: relative;
    left: 50%;
    transform: translateX(-50%)
}

@media screen and (max-width: 749px) {
    .email-signup-banner:not(.banner--mobile-bottom) .banner__box:not(.email-signup-banner__box--no-image) {
        background-color:rgba(0,0,0,0);
        --color-foreground: 255, 255, 255;
        --color-button: 255, 255, 255;
        --color-button-text: 0, 0, 0
    }
}

@media only screen and (min-width: 750px) {
    .banner--desktop-transparent .email-signup-banner__box--no-image * {
        color:rgb(var(--color-foreground))
    }

    .banner--desktop-transparent .email-signup-banner__box .field__input {
        background-color: rgba(0,0,0,0)
    }

    .banner--desktop-transparent .email-signup-banner__box--no-image .field__input {
        box-shadow: 0 0 0 .1rem rgba(var(--color-foreground), 0.55)
    }

    .banner--desktop-transparent .email-signup-banner__box--no-image .field__input:focus {
        box-shadow: 0 0 0 .2rem rgba(var(--color-foreground), 0.75)
    }

    .banner--desktop-transparent .email-signup-banner__box--no-image .field__button:focus-visible {
        outline: .2rem solid rgb(0 0 0);
        box-shadow: 0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground), 0.3)
    }
}

@media only screen and (min-width: 750px) {
    .email-signup-banner-background-mobile {
        display:none
    }
}

@media only screen and (max-width: 749px) {
    .email-signup-banner-background:not(.email-signup-banner-background-mobile) {
        display:none
    }
}

.email-signup-banner .banner__media {
    overflow: hidden
}

.email-signup-banner .banner__media img {
    width: 100%;
    height: 100%
}

@media screen and (max-width: 749px) {
    .banner--mobile-content-align-left .newsletter-form__message {
        justify-content:flex-start
    }

    .banner--mobile-content-align-right .newsletter-form__message {
        justify-content: right
    }
}

@media screen and (min-width: 750px) {
    .banner--content-align-center .newsletter-form__message {
        justify-content:center
    }

    .banner--content-align-right .newsletter-form__message {
        justify-content: right
    }
}

.email-signup-banner {
    border-top: .1rem solid color-mix(in srgb, rgba(var(--color-border)) calc(1 * 100%), transparent);
    border-bottom: .1rem solid color-mix(in srgb, rgba(var(--color-border)) calc(1 * 100%), transparent)
}

.email-signup-banner__box--radius {
    border-radius: var(--general-radius-3)
}

@media(min-width: 992px) {
    .main-product__right {
        padding-left:3rem
    }
}

.main-product__portal xo-gallery-prev,.main-product__portal xo-gallery-next,.main-product__portal xo-modal-trigger {
    top: unset;
    bottom: 3rem;
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(var(--color-background));
    border: solid .1rem rgba(var(--color-foreground), 0.05);
    border-radius: 50%;
    transition: .3s
}

.main-product__portal xo-gallery-prev svg,.main-product__portal xo-gallery-next svg,.main-product__portal xo-modal-trigger svg {
    fill: rgba(var(--color-foreground))
}

.main-product__portal xo-gallery-prev {
    left: calc(50% - 10rem);
    transform: unset
}

.main-product__portal xo-gallery-prev svg {
    width: .8rem
}

.main-product__portal xo-gallery-next {
    right: calc(50% - 10rem);
    transform: unset
}

.main-product__portal xo-gallery-next svg {
    width: .8rem
}

.main-product__portal xo-modal-trigger {
    right: 50%;
    transform: translateX(50%)
}

.main-product__portal xo-modal-trigger svg {
    width: 1.4rem
}

.main-product__portal xo-gallery-prev:hover,.main-product__portal xo-gallery-next:hover,.main-product__portal xo-modal-trigger:hover {
    transform: scale(1.1);
    background-color: rgba(var(--color-foreground))
}

.main-product__portal xo-gallery-prev:hover svg,.main-product__portal xo-gallery-next:hover svg,.main-product__portal xo-modal-trigger:hover svg {
    fill: rgba(var(--color-background))
}

.main-product__portal xo-modal-trigger:hover {
    transform: translateX(50%)
}

xo-gallery-item {
    cursor: zoom-in
}

.main-product__container {
    max-width: 74rem;
    margin: 0 auto;
    padding: 0 1.5rem
}

.terms-binding {
    position: relative;
    width: 100%
}

.terms-binding.disabled-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    cursor: not-allowed;
    background-color: #fff;
    opacity: .5;
    border-radius: var(--buttons-radius)
}

xo-product-model {
    display: block;
    position: relative;
    overflow: hidden;
    background-color: rgba(0,0,0,0);
    width: 100%;
    height: 100%
}

xo-product-model model-viewer {
    display: block;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

xo-product-model>img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    transition: opacity .4s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.xb-product-model__poster {
    display: block;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0);
    border: none;
    cursor: pointer;
    margin: 0;
    padding: 0;
    overflow: hidden
}

.xb-product-model__poster img {
    width: auto;
    max-width: 100%;
    height: 100%
}

xo-product-model:not([loaded]) template {
    z-index: -1
}

xo-product-model[loaded]>.xb-product-model__poster {
    display: none !important
}

.xb-product-model__poster:focus-visible {
    outline: none
}

.xb-product-model__poster:focus {
    outline: none
}

@media(forced-colors: active) {
    .xb-product-model__poster:focus {
        outline: rgba(0,0,0,0) solid 1px
    }
}

.xb-product-model__poster:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: none
}

.xb-product-model__poster-button {
    background-color: #e9e9e9;
    border: .1rem solid rgba(0,0,0,.1);
    border-radius: 50%;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 62px;
    width: 62px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    transition: transform 1s ease,color 1s ease;
    z-index: 2
}

.xb-product-model__poster-button:hover {
    transform: translate(-50%, -50%) scale(1.1)
}

.xb-product-model__poster-button .icon {
    width: 20px !important;
    height: 20px !important
}

.xb-product-model__poster-image {
    position: relative;
    aspect-ratio: var(--media-aspect-ratio)
}

.product__xr-button {
    background: #e9e9e9;
    color: #000;
    margin: 1rem auto;
    box-shadow: none;
    display: flex
}

.button.product__xr-button:hover {
    box-shadow: none
}

@media screen and (max-width: 749px) {
    .active .product__xr-button:not([data-shopify-xr-hidden]) {
        display:block
    }
}

@media screen and (min-width: 750px) {
    .product__xr-button[data-shopify-xr-hidden] {
        display:none
    }
}

.product__xr-button[data-shopify-xr-hidden] {
    visibility: hidden
}

.product__xr-button .icon {
    width: 1.4rem;
    margin-right: 1rem
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__poster-control-icon {
    width: 48px !important;
    height: 48px !important;
    z-index: 1;
    fill: none
}

.shopify-model-viewer-ui {
    position: relative;
    display: inline-block;
    cursor: pointer
}

.shopify-model-viewer-ui model-viewer {
    --progress-bar-height: 2px;
    --progress-bar-color: currentColor;
    transform: translateZ(0);
    z-index: 1;
    background-color: #fff
}

xo-product-model>*:not(.zoom):not(.xb-product-model__poster-button),xo-product-model model-viewer {
    display: block;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.shopify-model-viewer-ui model-viewer.shopify-model-viewer-ui__disabled {
    pointer-events: none
}

.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen model-viewer {
    position: relative;
    width: 100vw;
    height: 100vh
}

.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon--exit-fullscreen {
    display: block
}

.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon--enter-fullscreen {
    display: none
}

.shopify-model-viewer-ui.shopify-model-viewer-ui--desktop:hover .shopify-model-viewer-ui__controls-area,.shopify-model-viewer-ui.shopify-model-viewer-ui--desktop.shopify-model-viewer-ui--child-focused .shopify-model-viewer-ui__controls-area {
    opacity: 1
}

.shopify-model-viewer-ui:not(.shopify-model-viewer-ui--desktop) .shopify-model-viewer-ui__controls-area {
    display: none
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
    display: flex;
    flex-direction: column;
    background: #fff;
    opacity: 0;
    border: 1px solid rgba(0,0,0,.05);
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 1;
    transition: opacity .1s linear
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area:not(.shopify-model-viewer-ui__controls-area--playing) {
    display: none
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button {
    color: #3a3a3a;
    border-radius: 0;
    border: none;
    margin: 0px;
    cursor: pointer
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button:not(.focus-visible) {
    outline: none
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control {
    padding: 0px;
    height: 44px;
    width: 44px;
    background: rgba(0,0,0,0);
    position: relative
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover {
    color: rgba(0,0,0,.55)
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active,.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus {
    color: rgba(0,0,0,.55);
    background: rgba(0,0,0,.05)
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after {
    position: absolute;
    content: "";
    border-bottom: 1px solid rgba(0,0,0,.05);
    width: 28px;
    bottom: 0px;
    right: 8px
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon {
    width: 44px;
    height: 44px;
    fill: none
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster {
    background: #fff;
    position: absolute;
    border: 1px solid rgba(0,0,0,.05);
    top: 50%;
    left: 50%;
    padding: 0;
    transform: translate3d(-50%, -50%, 0);
    height: 62px;
    width: 62px;
    z-index: 1
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover,.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus {
    color: rgba(0,0,0,.55)
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__poster-control-icon {
    width: 60px;
    height: 60px;
    z-index: 1;
    fill: none
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon--exit-fullscreen {
    display: none
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon--enter-fullscreen {
    display: block
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__spritesheet {
    display: none
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
    background: #fff;
    border-color: rgba(0,0,0,.04)
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button {
    color: rgba(0,0,0,.75)
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover {
    color: rgba(0,0,0,.55)
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active,.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus {
    color: rgba(0,0,0,.55);
    background: rgba(0,0,0,.04)
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after {
    border-color: rgba(0,0,0,.04)
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster {
    border-radius: 50%;
    color: #000;
    background: #fff;
    border-color: rgba(0,0,0,.1);
    transform: translate(-50%, -50%) scale(1);
    transition: transform 1s ease,color 1s ease
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover,.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus {
    transform: translate(-50%, -50%) scale(1.1)
}

.product-information-tabs__header {
    display: flex;
    align-items: center;
    gap: 6.4rem;
    border-bottom: solid .1rem rgba(var(--color-foreground), 0.1);
    margin-bottom: 4rem
}

@media(min-width: 992px) {
    .product-information-tabs__header {
        justify-content:center
    }
}

.product-information-tabs__trigger {
    position: relative;
    padding: 1.2rem 0;
    font-size: calc(var(--font-body-scale)*1.8rem);
    font-weight: 500;
    font-family: var(--font-custom-family)
}

.product-information-tabs__trigger[xo-active]:not([xo-active=false]) {
    color: rgba(var(--color-foreground))
}

.product-information-tabs__trigger::after {
    position: absolute;
    left: 0;
    bottom: -0.2rem;
    content: "";
    width: 0;
    height: .2rem;
    background-color: rgba(var(--color-foreground));
    transition: .3s
}

.product-information-tabs__trigger[xo-active]:not([xo-active=false])::after {
    width: 100%
}

.product-information-tabs__portal {
    z-index: 9;
    background-color: rgba(var(--color-background));
    border-radius: var(--modal-corner-radius);
    box-shadow: 0 0 1rem rgba(0,0,0,.2);
    padding: .5rem 2rem
}

.product-information-tabs__portal xo-list-item {
    border-bottom: solid .1rem rgba(var(--color-foreground), 0.1)
}

.product-information-tabs__portal xo-list-item:last-child {
    border: unset
}

.product-information-tabs__toggle {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    border: solid .1rem rgba(var(--color-foreground), 0.1);
    color: rgba(var(--color-foreground));
    background-color: rgba(var(--color-background));
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-left: 1rem;
    transition: .3s
}

.product-information-tabs__toggle:hover {
    color: rgba(var(--color-background));
    background-color: rgba(var(--color-foreground))
}

.shopify-section:has(xo-products-fetcher[xo-empty]) {
    display: none
}

.product-viewed__pagination {
    padding-top: 1rem;
    text-align: center;
    display: var(--display-mobile)
}

@media(min-width: 768px) {
    .product-viewed__pagination {
        display:var(--display-desktop)
    }
}

.xo-main-product-quickview__media {
    position: relative
}

@media(min-width: 992px) {
    .xo-main-product-quickview__media {
        position:sticky;
        top: 0;
        height: -moz-fit-content;
        height: fit-content
    }
}

.terms-binding {
    width: 100%
}

.terms-binding.disabled-button {
    position: relative
}

.terms-binding.disabled-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    cursor: not-allowed;
    background-color: #fff;
    opacity: .5;
    border-radius: var(--buttons-radius)
}

.xb-product-model__poster-image {
    position: relative;
    aspect-ratio: var(--aspect-ratio)
}

xo-product-model {
    display: block;
    position: relative;
    overflow: hidden;
    background-color: rgba(0,0,0,0);
    width: 100%;
    height: 100%;
    padding: 0 !important
}

xo-product-model model-viewer {
    display: block;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

xo-product-model>img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    transition: opacity .4s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.xb-product-model__poster {
    display: block;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0);
    border: none;
    cursor: pointer;
    margin: 0;
    padding: 0;
    overflow: hidden
}

.xb-product-model__poster img {
    width: auto;
    max-width: 100%;
    height: 100%
}

xo-product-model:not([loaded]) template {
    z-index: -1
}

xo-product-model[loaded]>.xb-product-model__poster {
    display: none !important
}

.xb-product-model__poster:focus-visible {
    outline: none
}

.xb-product-model__poster:focus {
    outline: none
}

@media(forced-colors: active) {
    .xb-product-model__poster:focus {
        outline: rgba(0,0,0,0) solid 1px
    }
}

.xb-product-model__poster:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: none
}

.xb-product-model__poster-button {
    background-color: #e9e9e9;
    border: .1rem solid rgba(0,0,0,.1);
    border-radius: 50%;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 62px;
    width: 62px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    transition: transform 1s ease,color 1s ease;
    z-index: 2
}

.xb-product-model__poster-button:hover {
    transform: translate(-50%, -50%) scale(1.1)
}

.xb-product-model__poster-button .icon {
    width: 20px !important;
    height: 20px !important
}

.xb-product-model__poster-image {
    position: relative
}

.product__xr-button {
    background: #e9e9e9;
    color: #000;
    margin: 1rem auto;
    box-shadow: none;
    display: flex
}

.button.product__xr-button:hover {
    box-shadow: none
}

@media screen and (max-width: 749px) {
    .active .product__xr-button:not([data-shopify-xr-hidden]) {
        display:block
    }
}

@media screen and (min-width: 750px) {
    .product__xr-button[data-shopify-xr-hidden] {
        display:none
    }
}

.product__xr-button[data-shopify-xr-hidden] {
    visibility: hidden
}

.product__xr-button .icon {
    width: 1.4rem;
    margin-right: 1rem
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__poster-control-icon {
    width: 48px !important;
    height: 48px !important;
    z-index: 1;
    fill: none
}

.shopify-model-viewer-ui {
    position: relative;
    display: inline-block;
    cursor: pointer
}

.shopify-model-viewer-ui model-viewer {
    --progress-bar-height: 2px;
    --progress-bar-color: currentColor;
    transform: translateZ(0);
    z-index: 1;
    background-color: #fff
}

xo-product-model>*:not(.zoom):not(.xb-product-model__poster-button),xo-product-model model-viewer {
    display: block;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.shopify-model-viewer-ui model-viewer.shopify-model-viewer-ui__disabled {
    pointer-events: none
}

.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen model-viewer {
    position: relative;
    width: 100vw;
    height: 100vh
}

.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon--exit-fullscreen {
    display: block
}

.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon--enter-fullscreen {
    display: none
}

.shopify-model-viewer-ui.shopify-model-viewer-ui--desktop:hover .shopify-model-viewer-ui__controls-area,.shopify-model-viewer-ui.shopify-model-viewer-ui--desktop.shopify-model-viewer-ui--child-focused .shopify-model-viewer-ui__controls-area {
    opacity: 1
}

.shopify-model-viewer-ui:not(.shopify-model-viewer-ui--desktop) .shopify-model-viewer-ui__controls-area {
    display: none
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
    display: flex;
    flex-direction: column;
    background: #fff;
    opacity: 0;
    border: 1px solid rgba(0,0,0,.05);
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 1;
    transition: opacity .1s linear
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area:not(.shopify-model-viewer-ui__controls-area--playing) {
    display: none
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button {
    color: #3a3a3a;
    border-radius: 0;
    border: none;
    margin: 0px;
    cursor: pointer
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button:not(.focus-visible) {
    outline: none
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control {
    padding: 0px;
    height: 44px;
    width: 44px;
    background: rgba(0,0,0,0);
    position: relative
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover {
    color: rgba(0,0,0,.55)
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active,.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus {
    color: rgba(0,0,0,.55);
    background: rgba(0,0,0,.05)
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after {
    position: absolute;
    content: "";
    border-bottom: 1px solid rgba(0,0,0,.05);
    width: 28px;
    bottom: 0px;
    right: 8px
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon {
    width: 44px;
    height: 44px;
    fill: none
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster {
    background: #fff;
    position: absolute;
    border: 1px solid rgba(0,0,0,.05);
    top: 50%;
    left: 50%;
    padding: 0;
    transform: translate3d(-50%, -50%, 0);
    height: 62px;
    width: 62px;
    z-index: 1
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover,.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus {
    color: rgba(0,0,0,.55)
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__poster-control-icon {
    width: 60px;
    height: 60px;
    z-index: 1;
    fill: none
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon--exit-fullscreen {
    display: none
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon--enter-fullscreen {
    display: block
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__spritesheet {
    display: none
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
    background: #fff;
    border-color: rgba(0,0,0,.04)
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button {
    color: rgba(0,0,0,.75)
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover {
    color: rgba(0,0,0,.55)
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active,.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus {
    color: rgba(0,0,0,.55);
    background: rgba(0,0,0,.04)
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after {
    border-color: rgba(0,0,0,.04)
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster {
    border-radius: 50%;
    color: #000;
    background: #fff;
    border-color: rgba(0,0,0,.1);
    transform: translate(-50%, -50%) scale(1);
    transition: transform 1s ease,color 1s ease
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover,.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus {
    transform: translate(-50%, -50%) scale(1.1)
}

.addon-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem
}

.addon-buttons__trigger {
    display: flex;
    align-items: center;
    gap: .8rem;
    cursor: pointer
}

.addon-buttons__trigger span {
    font-size: 16px;
    transition: .3s;
    color: rgba(var(--color-foreground), 0.8);
    line-height: calc(1 + 0/var(--font-body-scale));
    padding-top: .2rem
}

.addon-buttons__trigger svg {
    flex-shrink: 0
}

.addon-buttons__trigger:hover span {
    color: rgba(var(--color-foreground))
}

.addon-buttons__modal {
    z-index: 10001
}

.addon-buttons__modal-content {
    position: relative;
    width: 90vw;
    background-color: #fff;
    border-radius: var(--modal-corner-radius)
}

@media(min-width: 768px) {
    .addon-buttons__modal-content {
        width:70rem
    }
}

@media(min-width: 768px) {
    .addon-buttons__modal-content--guide {
        width:80rem
    }
}

@media(min-width: 768px) {
    .addon-buttons__modal-content--ask {
        width:60rem
    }
}

@media(min-width: 768px) {
    .addon-buttons__modal-content--share {
        width:40rem
    }
}

.addon-buttons__modal-header {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: solid .1rem rgba(var(--color-foreground), 0.1);
    height: 6rem
}

.addon-buttons__modal-header--share {
    border: unset
}

.addon-buttons__modal-title {
    color: rgba(var(--color-foreground));
    font-size: calc(var(--font-body-scale)*2rem);
    font-weight: 500
}

.addon-buttons__modal-close {
    cursor: pointer;
    position: absolute;
    top: 1rem
}

[dir=ltr] .addon-buttons__modal-close {
    right: 1rem
}

[dir=rtl] .addon-buttons__modal-close {
    left: 1rem
}

.addon-buttons__modal-close button {
    all: unset;
    width: 3.2rem;
    height: 3.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: .3s
}

.addon-buttons__modal-close svg {
    color: rgba(var(--color-foreground));
    line-height: 0
}

.addon-buttons__modal-close:hover button {
    background-color: rgba(var(--color-foreground));
    rotate: 180deg
}

.addon-buttons__modal-close:hover svg {
    color: rgba(var(--color-background))
}

.addon-buttons__modal-body {
    padding: 3rem
}

.addon-buttons__modal-body h5 {
    margin: 0
}

@media(min-width: 768px) {
    .addon-buttons__modal-body {
        padding:4rem
    }
}

.addon-buttons__variant-colorwrap {
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem
}

.addon-buttons__variant-imagewrap {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem
}

.addon-buttons__variant-note {
    padding-top: 2rem
}

.addon-buttons__variant-color {
    cursor: pointer
}

.addon-buttons__variant-color button {
    all: unset
}

.addon-buttons__variant-color span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background-color: var(--color);
    transition: .3s
}

.addon-buttons__variant-color:hover span {
    box-shadow: 0 0 0 .1rem #000,0 .8rem 2rem rgba(0,0,0,.2),inset 0 0 0 .4rem #fff
}

.addon-buttons__variant-color[xo-active]:not([xo-active=false]) span {
    box-shadow: 0 0 0 .1rem #000,0 .8rem 2rem rgba(0,0,0,.2),inset 0 0 0 .4rem #fff
}

.addon-buttons__variant-image {
    display: none
}

.addon-buttons__variant-image .xo-image {
    border-radius: .5rem
}

.addon-buttons__variant-image[xo-active]:not([xo-active=false]) {
    display: block;
    padding-top: 2rem
}

.addon-buttons__variant-value {
    padding-top: 1rem
}

.addon-buttons__sizeguide-table h4 {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*2rem);
    margin-bottom: 1rem
}

.addon-buttons__sizeguide-table h5 {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*1.8rem);
    margin-bottom: 0
}

.addon-buttons__sizeguide-table p {
    font-size: calc(var(--font-body-scale)*1.6rem)
}

.addon-buttons__sizeguide-table table {
    border: .1rem solid rgba(var(--color-foreground), 0.1);
    vertical-align: middle;
    border-collapse: collapse;
    margin-bottom: 1rem;
    width: 100%;
    line-height: 1.4
}

.addon-buttons__sizeguide-table th {
    color: rgba(var(--color-foreground));
    font-weight: 500;
    border: .1rem solid rgba(var(--color-foreground), 0.1);
    border-width: 0 .1rem .1rem 0;
    font-size: calc(var(--font-body-scale)*1.8rem);
    vertical-align: middle;
    text-align: left;
    padding: 1.1rem 2rem
}

.addon-buttons__sizeguide-table td {
    border: .1rem solid rgba(var(--color-foreground), 0.1);
    vertical-align: middle;
    text-align: left;
    padding: 1.1rem 2rem
}

.addon-buttons__sizeguide-table img {
    vertical-align: middle;
    max-width: 100%;
    height: auto
}

.badge {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .3rem;
    border-radius: 1.5rem;
    background-color: #da3f3f;
    padding: 0 1rem;
    height: 2rem
}

.badge span {
    color: rgba(var(--color-background));
    font-size: calc(var(--font-body-scale)*1.1rem);
    font-weight: 500;
    line-height: 0
}

.buy-button {
    display: flex;
    justify-content: space-between;
    gap: 1.5rem
}

.buy-button__add {
    position: relative;
    flex: 1
}

.buy-button__add button {
    height: 5rem
}

.buy-button__add .xo-btn__text {
    font-size: calc(var(--font-body-scale)*1.3rem)
}

.buy-button__now {
    position: relative;
    width: 100%
}

.buy-button__add[xo-disabled]::before,.buy-button__now[xo-disabled]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    cursor: not-allowed;
    background-color: #fff;
    opacity: .5;
    border-radius: var(--buttons-radius)
}

.shopify-payment-button__button {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: calc((1 + (var(--buttons-scale) - 1)/2)*1.3rem) !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: .28rem !important;
    background: rgb(var(--color-foreground)) !important;
    color: rgb(var(--color-background)) !important;
    cursor: pointer !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important;
    border-radius: var(--buttons-radius) !important;
    box-shadow: var(--buttons-shadow-horizontal-offset) var(--buttons-shadow-vertical-offset) var(--buttons-shadow-blur-radius) rgba(var(--color-shadow), var(--buttons-shadow-opacity)) !important;
    border: .2rem solid rgba(var(--color-foreground)) !important;
    padding: .6rem calc(var(--buttons-scale)*2.6rem) !important;
    min-height: calc(var(--buttons-scale)*4rem) !important;
    overflow: hidden !important;
    transition: .3s !important;
    height: 5rem !important;
    text-transform: uppercase !important
}

.shopify-payment-button__button--unbranded:hover:not([disabled]) {
    color: rgba(var(--color-foreground)) !important;
    background-color: rgba(var(--color-background)) !important
}

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

.buy-button__policy {
    display: flex;
    gap: .4rem
}

.buy-button__modal {
    z-index: 10001
}

.buy-button__modal-content {
    position: relative;
    width: 90vw;
    background-color: #fff;
    border-radius: var(--modal-corner-radius)
}

@media(min-width: 768px) {
    .buy-button__modal-content {
        width:80rem
    }
}

.buy-button__modal-header {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: solid .1rem rgba(var(--color-foreground), 0.1);
    height: 6rem
}

.buy-button__modal-title {
    color: rgba(var(--color-foreground));
    font-size: calc(var(--font-body-scale)*2rem);
    font-weight: 500
}

.buy-button__modal-close {
    cursor: pointer;
    position: absolute;
    top: 1rem
}

[dir=ltr] .buy-button__modal-close {
    right: 1rem
}

[dir=rtl] .buy-button__modal-close {
    left: 1rem
}

.buy-button__modal-close button {
    all: unset;
    width: 3.2rem;
    height: 3.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: .3s
}

.buy-button__modal-close svg {
    color: rgba(var(--color-foreground));
    line-height: 0
}

.buy-button__modal-close:hover button {
    background-color: rgba(var(--color-foreground));
    rotate: 180deg
}

.buy-button__modal-close:hover svg {
    color: rgba(var(--color-background))
}

.buy-button__modal-body {
    padding: 3rem
}

.buy-button__modal-body h5 {
    margin: 0
}

@media(min-width: 768px) {
    .buy-button__modal-body {
        padding:4rem
    }
}

.carousel-navigation-style2__wrap {
    display: var(--display-mobile);
    position: absolute;
    top: -6.3rem;
    right: 0;
    z-index: 9;
    transition: .3s;
    gap: .8rem
}

@media(min-width: 768px) {
    .carousel-navigation-style2__wrap {
        display:var(--display-desktop)
    }
}

.carousel-navigation-style2__wrap--collapse {
    position: static;
    justify-content: flex-end
}

.carousel-navigation-style2__arrow button {
    all: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    border: solid .1rem rgba(var(--color-foreground), 0.1);
    background-color: rgba(var(--color-background));
    transition: .3s
}

.carousel-navigation-style2__arrow svg {
    color: rgba(var(--color-foreground))
}

.carousel-navigation-style2__arrow:hover button {
    background-color: rgba(var(--color-foreground))
}

.carousel-navigation-style2__arrow:hover svg {
    color: rgba(var(--color-background))
}

.carousel-navigation-style2__line {
    position: relative
}

.carousel-navigation-style2__line:before {
    display: var(--display-mobile);
    content: "";
    position: absolute;
    bottom: 1.6rem;
    left: 0;
    width: calc(100% - 9rem);
    height: .1rem;
    background-color: rgba(var(--color-foreground), 0.1)
}

@media(min-width: 768px) {
    .carousel-navigation-style2__line:before {
        display:var(--display-desktop)
    }
}

.carousel-pagination-style2__pagination {
    display: var(--display-mobile);
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: .6rem;
    width: 100%;
    z-index: 9
}

@media(min-width: 768px) {
    .carousel-pagination-style2__pagination {
        display:var(--display-desktop);
        gap: 1rem
    }
}

.carousel-pagination-style2__pagination xo-carousel-bullet[xo-active]:not([xo-active=false]) .carousel-pagination-style2__bullet {
    background-color: rgba(var(--color-foreground))
}

.carousel-pagination-style2__bullet {
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-color: rgba(var(--color-foreground), 0.2);
    transition: .3s
}

@media(min-width: 768px) {
    .carousel-pagination-style2__bullet {
        width:.8rem;
        height: .8rem
    }
}

.xo-collapse-style2__trigger {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding-bottom: .7rem;
    border-bottom: .1rem solid rgba(var(--color-foreground), 0.1)
}

.xo-collapse-style2__trigger-option {
    font-weight: 500;
    font-size: 1.8rem;
    letter-spacing: .01em;
    color: rgba(var(--color-foreground))
}

.xo-collapse-style2__trigger-option--blur {
    color: rgba(var(--color-foreground), 0.3)
}

.xo-collapse-style2__trigger-icon {
    display: flex;
    align-items: center;
    transition: .3s
}

.xo-collapse-style2__trigger-icon svg {
    color: rgba(var(--color-foreground))
}

.xo-collapse-style2__trigger[xo-active]:not([xo-active=false]) .xo-collapse-style2__trigger-option--blur {
    color: rgba(var(--color-foreground), 0.8)
}

.xo-collapse-style2__trigger[xo-active]:not([xo-active=false]) .xo-collapse-style2__trigger-icon {
    transform: rotate(180deg)
}

.xo-collapse-style2__body {
    display: flex;
    flex-direction: column;
    gap: .8rem
}

.xo-collapse-style2__content:first-child {
    padding-top: 1.6rem
}

.xo-collapse-style2__detail-item {
    display: flex;
    gap: 1.1rem
}

.xo-collapse-style2__detail-item:last-child {
    padding-bottom: 2rem
}

.xo-collapse-style2__detail-item-number {
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: .02em;
    color: rgba(var(--color-foreground), 0.3)
}

.xo-collapse-style2__detail-item-title {
    letter-spacing: .02em;
    color: rgba(var(--color-foreground), 0.6)
}

.compare__modal {
    z-index: 10001
}

.compare__modal-content {
    width: 90vw;
    background-color: #fff;
    border-radius: var(--modal-corner-radius)
}

@media(min-width: 768px) {
    .compare__modal-content {
        width:70rem
    }
}

.compare__modal-header {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: solid .1rem rgba(var(--color-foreground), 0.1);
    height: 6rem
}

.compare__modal-title {
    color: rgba(var(--color-foreground));
    font-size: calc(var(--font-body-scale)*2rem);
    font-weight: 500
}

.compare__modal-close {
    cursor: pointer;
    position: absolute;
    top: 1rem
}

[dir=ltr] .compare__modal-close {
    right: 1rem
}

[dir=rtl] .compare__modal-close {
    left: 1rem
}

.compare__modal-close button {
    all: unset;
    width: 3.2rem;
    height: 3.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: .3s
}

.compare__modal-close svg {
    color: rgba(var(--color-foreground));
    line-height: 0
}

.compare__modal-close:hover button {
    background-color: rgba(var(--color-foreground));
    rotate: 180deg
}

.compare__modal-close:hover svg {
    color: rgba(var(--color-background))
}

.compare__modal-body {
    padding: 3rem
}

@media(min-width: 768px) {
    .compare__modal-body {
        padding:4rem
    }
}

.compare__variant-colorwrap {
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem
}

.compare__variant-note {
    padding-top: 2rem
}

.compare__variant-color {
    cursor: pointer
}

.compare__variant-color button {
    all: unset
}

.compare__variant-color span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    border: solid .1rem rgba(var(--color-border), 0.1);
    background-color: var(--color);
    background-image: var(--image-src);
    background-size: cover;
    background-position: center;
    transition: .3s
}

.compare__variant-color:hover span {
    box-shadow: 0 0 0 0 #000,0 .8rem 2rem rgba(0,0,0,.2),inset 0 0 0 .4rem #fff;
    border: solid .1rem rgba(var(--color-border))
}

.compare__variant-color[xo-active]:not([xo-active=false]) span {
    box-shadow: 0 0 0 0 #000,0 .8rem 2rem rgba(0,0,0,.2),inset 0 0 0 .4rem #fff;
    border: solid .1rem rgba(var(--color-border))
}

.compare__variant-image {
    display: none
}

.compare__variant-image .xo-image {
    border-radius: .5rem
}

.compare__variant-image[xo-active]:not([xo-active=false]) {
    display: block;
    padding-top: 2rem
}

.compare__variant-value {
    padding-top: 1rem
}

.countdown-stock__title {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding-bottom: .7rem
}

.countdown-stock__title p {
    font-size: calc(var(--font-body-scale)*1.3rem)
}

.countdown-stock__text {
    font-size: calc(var(--font-body-scale)*1.5rem);
    letter-spacing: .1em;
    font-weight: 500
}

.countdown-stock__progress {
    display: flex;
    height: .5rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.countdown-stock__bar {
    background-color: rgba(var(--color-foreground));
    transition: .5s;
    animation: progress-bar 1s linear infinite;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
    background-size: 2rem 2rem
}

@keyframes progress-bar {
    0% {
        background-position: 2rem 0
    }

    100% {
        background-position: 0 0
    }
}

.countdown-time {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    padding: 1rem 1.5rem;
    border: solid .1rem rgba(var(--color-accent), 0.3);
    border-radius: var(--text-boxes-radius)
}

@media(min-width: 1200px) {
    .countdown-time {
        flex-direction:row;
        justify-content: space-between;
        flex-wrap: wrap
    }
}

.countdown-time__text {
    display: flex;
    align-items: center;
    gap: .5rem
}

.countdown-time__text span {
    color: rgba(var(--color-accent));
    font-size: calc(var(--font-body-scale)*1.7rem);
    font-weight: 500;
    line-height: 1
}

.countdown-time__time {
    display: flex;
    align-items: center;
    gap: 3rem;
    line-height: 0
}

.countdown-time__box {
    position: relative;
    width: 4rem;
    height: 4rem;
    border-radius: var(--text-boxes-radius);
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(var(--color-accent));
    background-color: rgba(var(--color-accent), 0.1);
    font-weight: 500
}

.countdown-time__box:after {
    content: ":";
    position: absolute;
    color: rgba(var(--color-accent));
    top: 1.9rem;
    right: -1.75rem;
    font-weight: 600
}

.countdown-time__box:last-child::after {
    content: none
}

.xo-field-color-style2 {
    display: inline-flex;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-radius: 50%;
    transition: .3s;
    cursor: pointer
}

.xo-field-color-style2:has(>.xo-field-color-style2__input[xo-unavailable]:not([xo-unavailable=false])) {
    cursor: not-allowed;
    pointer-events: none
}

.xo-field-color-style2:hover .xo-field-color-style2__item {
    box-shadow: 0 0 0 0 #000,0 .8rem 2rem rgba(0,0,0,.2),inset 0 0 0 .4rem #fff;
    border: solid .1rem rgba(var(--color-foreground))
}

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

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

.xo-field-color-style2__input {
    display: none
}

.xo-field-color-style2__input:checked~.xo-field-color-style2__image {
    border: .1rem solid rgba(var(--color-foreground))
}

.xo-field-color-style2__input:checked~.xo-field-color-style2__item {
    box-shadow: 0 0 0 0 #000,0 .8rem 2rem rgba(0,0,0,.2),inset 0 0 0 .4rem #fff;
    border: solid .1rem rgba(var(--color-foreground))
}

.xo-field-color-style2__input[xo-disabled]:not([xo-disabled=false])~.xo-field-color-style2__image {
    border: .1rem solid rgba(var(--color-foreground), 0.15);
    opacity: .5
}

.xo-field-color-style2__input[xo-disabled]:not([xo-disabled=false])~.xo-field-color-style2__image::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: linear-gradient(to top right, transparent calc(50% - 1px), rgba(var(--color-foreground), 0.15), transparent calc(50% + 1px));
    z-index: 2
}

.xo-field-color-style2__input[xo-disabled]:not([xo-disabled=false])~.xo-field-color-style2__item {
    box-shadow: inset 0 0 0 .4rem #fff;
    border: solid .1rem #e7e7e7
}

.xo-field-color-style2__input[xo-disabled]:not([xo-disabled=false])~.xo-field-color-style2__item::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    width: 100%;
    height: .1rem;
    background-color: rgba(var(--color-foreground), 0.15)
}

[dir=ltr] .xo-field-color-style2__input[xo-disabled]:not([xo-disabled=false])~.xo-field-color-style2__item::after {
    right: 0
}

[dir=rtl] .xo-field-color-style2__input[xo-disabled]:not([xo-disabled=false])~.xo-field-color-style2__item::after {
    left: 0
}

.xo-field-color-style2__label {
    margin-inline-start:.8rem}

.xo-field-color-style2__image {
    position: relative;
    overflow: hidden;
    width: 6rem
}

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

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

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

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

.xo-modal-pickup__header {
    position: relative;
    min-height: var(--header-height);
    border-bottom: solid .1rem rgba(var(--color-foreground), 0.1)
}

.xo-modal-pickup__product {
    display: flex;
    gap: 1.5rem
}

.xo-modal-pickup__text .xo-product-info-content__header-variant {
    font-size: calc(var(--font-body-scale)*1.4rem);
    line-height: calc(1 + 0.5/var(--font-body-scale))
}

.xo-modal-pickup__text .xo-price__item {
    font-size: 1.4rem
}

.xo-modal-pickup__text .xo-price__item--del {
    font-size: 1.2rem
}

.xo-modal-pickup__title {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*1.6rem);
    line-height: calc(1 + 0.2/var(--font-heading-scale));
    margin-bottom: .5rem
}

.xo-modal-pickup__close {
    cursor: pointer;
    position: absolute;
    top: 1rem
}

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

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

.xo-modal-pickup__close button {
    all: unset;
    width: 3.2rem;
    height: 3.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: .3s
}

.xo-modal-pickup__close svg {
    color: rgba(var(--color-foreground));
    line-height: 0
}

.xo-modal-pickup__close:hover button {
    background-color: rgba(var(--color-foreground));
    rotate: 180deg
}

.xo-modal-pickup__close:hover svg {
    color: rgba(var(--color-background))
}

.xo-modal-pickup__close--abs {
    position: absolute;
    top: 1.5rem;
    transition: all .5s ease;
    line-height: calc(1 + 0/var(--font-heading-scale));
    display: inline-block
}

[dir=ltr] .xo-modal-pickup__close--abs {
    right: 1.5rem
}

[dir=rtl] .xo-modal-pickup__close--abs {
    left: 1.5rem
}

.xo-modal-pickup__close--abs:hover {
    transform-origin: center;
    transform: rotate(180deg)
}

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

.xo-modal-pickup__footer {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    min-height: var(--footer-height)
}

.xo-modal-pickup__footer>* {
    width: 100%
}

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

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-pickup {
    padding: var(--modal-margin)
}

xo-modal:not([xo-placement*=top-],[xo-placement*=bottom-]) .xo-modal-pickup__product {
    padding: var(--modal-padding)
}

xo-modal:not([xo-placement*=top-],[xo-placement*=bottom-]) .xo-modal-pickup__inner {
    border: var(--modal-border-width) solid rgba(var(--color-foreground), var(--modal-border-opacity));
    border-radius: var(--modal-corner-radius);
    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))
}

xo-modal:not([xo-placement*=top-],[xo-placement*=bottom-]) .xo-modal-pickup__inner--full-height {
    height: calc(100dvh - var(--modal-margin)*2);
    max-height: calc(100dvh - var(--modal-margin)*2)
}

xo-modal:not([xo-placement*=top-],[xo-placement*=bottom-]) .xo-modal-pickup__inner--full-width {
    width: calc(100vw - var(--modal-margin)*2);
    max-width: calc(100vw - var(--modal-margin)*2)
}

xo-modal:not([xo-placement*=top-],[xo-placement*=bottom-]) .xo-modal-pickup__content {
    padding: var(--modal-padding)
}

xo-modal:not([xo-placement*=top-],[xo-placement*=bottom-]) .xo-modal-pickup__footer {
    padding: 0 var(--modal-padding)
}

xo-modal[xo-placement*=-left],xo-modal[xo-placement*=-right] {
    --xo-backdrop-color: rgba(var(--color-foreground), var(--drawer-backdrop-opacity));
    --xo-backdrop-blur: var(--drawer-backdrop-blur)
}

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

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

xo-modal[xo-placement*=-left] .xo-modal-pickup__inner,xo-modal[xo-placement*=-right] .xo-modal-pickup__inner {
    border: var(--drawer-border-width) solid rgba(var(--color-foreground), var(--drawer-border-opacity));
    border-radius: var(--drawer-corner-radius);
    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-pickup__inner--full-height,xo-modal[xo-placement*=-right] .xo-modal-pickup__inner--full-height {
    height: calc(100dvh - var(--drawer-margin)*2);
    max-height: calc(100dvh - var(--drawer-margin)*2)
}

xo-modal[xo-placement*=-left] .xo-modal-pickup__inner--full-width,xo-modal[xo-placement*=-right] .xo-modal-pickup__inner--full-width {
    width: calc(100vw - var(--drawer-margin)*2);
    max-width: calc(100vw - var(--drawer-margin)*2)
}

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

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

.offer {
    border: .1rem solid rgb(var(--color-foreground), 0.1);
    border-radius: var(--text-boxes-radius);
    padding: 2.6rem 3rem 2rem;
    position: relative
}

.offer__title {
    font-size: 1.8rem;
    margin: 0;
    font-weight: 500;
    display: inline-block;
    position: absolute;
    left: 4.9rem;
    top: -1.1rem;
    padding: 0 1.4rem;
    background-color: rgb(var(--color-background))
}

.offer__list {
    margin: 0;
    padding: 0
}

.offer__item {
    display: flex;
    align-items: center;
    gap: 1rem
}

.offer__content {
    font-weight: 500;
    list-style: none;
    position: relative;
    text-align: left;
    line-height: 2.8rem;
    text-transform: capitalize
}

.xo-pickup-availability-item {
    display: flex;
    gap: 1rem
}

.xo-pickup-availability-item__icon {
    flex-shrink: 0;
    color: #428445;
    margin-top: .4rem
}

.xo-pickup-availability-item__name {
    font-size: calc(var(--font-body-scale)*1.6rem)
}

.xo-pickup-availability-item__name .color-foreground {
    font-weight: 500;
    color: rgba(var(--color-foreground))
}

.xo-pickup-availability-item__time {
    font-size: calc(var(--font-body-scale)*1.6rem)
}

.xo-pickup-availability-list {
    display: flex;
    flex-direction: column
}

.xo-pickup-availability-list__item {
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    border-bottom: .1rem solid rgba(var(--color-border), 0.1)
}

.xo-pickup-availability-list__item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

.xo-pickup-availability-list__title {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*1.6rem);
    margin-bottom: 1rem
}

.xo-pickup-availability-list__available {
    display: flex;
    gap: 1rem
}

.xo-pickup-availability-list__available p {
    font-size: calc(var(--font-body-scale)*1.4rem)
}

.xo-pickup-availability-list__icon {
    flex-shrink: 0;
    color: #428445;
    margin-top: .2rem
}

.xo-pickup-availability-list__address {
    font-style: normal
}

.xo-pickup-availability-list__address li {
    font-size: calc(var(--font-body-scale)*1.4rem)
}

.xo-pickup-availability-list__map {
    padding-top: 1rem;
    display: flex;
    align-items: center;
    gap: 1rem
}

.xo-pickup-availability-list__map .xo-btn__text[data-text] {
    font-size: calc(var(--font-body-scale)*1rem)
}

.popup-video__trigger {
    position: absolute;
    right: 3rem;
    bottom: 3rem;
    z-index: 9
}

.popup-video__trigger button {
    all: unset;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    border: solid .1rem rgba(var(--color-foreground), 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    background-color: rgba(var(--color-background));
    transition: .3s;
    box-shadow: 0 .3rem 1.8rem rgba(0,0,0,.0588235294);
    cursor: pointer
}

.popup-video__trigger button svg {
    color: rgba(var(--color-foreground));
    margin-left: .2rem
}

.popup-video__trigger--style5,.popup-video__trigger--style6,.popup-video__trigger--style7 {
    position: sticky;
    top: 17.6rem;
    width: -moz-fit-content;
    width: fit-content;
    right: unset;
    bottom: unset
}

.popup-video__trigger--style8,.popup-video__trigger--mobile {
    right: 1.5rem;
    bottom: 1.5rem
}

.popup-video__trigger--style10 {
    right: 36%;
    bottom: 2.5rem
}

.popup-video__trigger:hover button {
    background-color: rgba(var(--color-foreground));
    transform: scale(1.1)
}

.popup-video__trigger:hover svg {
    color: rgba(var(--color-background))
}

.popup-video__modal {
    z-index: 10001
}

.popup-video__wrap {
    width: 70vw;
    aspect-ratio: 1000/563
}

.popup-video__wrap iframe {
    width: 100%;
    height: 100%;
    border-radius: var(--modal-corner-radius)
}

.popup-video__close {
    cursor: pointer;
    position: absolute;
    top: -4rem
}

[dir=ltr] .popup-video__close {
    right: 1rem
}

[dir=rtl] .popup-video__close {
    left: 1rem
}

.popup-video__close button {
    all: unset;
    width: 3.2rem;
    height: 3.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: .3s
}

.popup-video__close svg {
    color: rgba(var(--color-foreground));
    line-height: 0
}

.popup-video__close:hover button {
    background-color: rgba(var(--color-foreground));
    rotate: 180deg
}

.popup-video__close:hover svg {
    color: rgba(var(--color-background))
}

.product-360__trigger {
    position: absolute;
    left: 3rem;
    bottom: 3rem;
    z-index: 9
}

.product-360__trigger button {
    all: unset;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    border: solid .1rem rgba(var(--color-foreground), 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    background-color: rgba(var(--color-background));
    transition: .3s;
    box-shadow: 0 .3rem 1.8rem rgba(0,0,0,.0588235294);
    cursor: pointer
}

.product-360__trigger button svg .cls-1 {
    fill: rgba(var(--color-foreground))
}

.product-360__trigger--style5,.product-360__trigger--style6,.product-360__trigger--style7 {
    position: sticky;
    top: 17.6rem;
    width: -moz-fit-content;
    width: fit-content;
    left: unset;
    bottom: unset
}

.product-360__trigger--style8,.product-360__trigger--mobile {
    left: 1.5rem;
    bottom: 1.5rem
}

.product-360__trigger--style10 {
    left: 36%;
    bottom: 2.5rem
}

.product-360__trigger:hover button {
    background-color: rgba(var(--color-foreground));
    color: rgba(var(--color-background));
    transform: scale(1.1)
}

.product-360__trigger:hover svg {
    padding-top: .2rem
}

.product-360__trigger:hover svg .cls-1 {
    fill: rgba(var(--color-background))
}

.product-360__modal {
    z-index: 10001
}

.product-360__wrap {
    width: 30rem;
    background-color: #fff;
    border-radius: var(--modal-corner-radius);
    display: flex;
    justify-content: center;
    align-items: center
}

@media(min-width: 576px) {
    .product-360__wrap {
        width:50rem
    }
}

@media(min-width: 768px) {
    .product-360__wrap {
        width:70rem
    }
}

@media(min-width: 992px) {
    .product-360__wrap {
        width:80rem
    }
}

.product-360__inner {
    width: 95%;
    padding: 2rem 0
}

.product-360__inner xo-360-viewer[xo-loading] .product-360__loading {
    display: flex
}

.product-360__inner xo-360-viewer xo-360-viewer-pause {
    display: none
}

.product-360__inner xo-360-viewer[xo-playing] xo-360-viewer-play {
    display: none
}

.product-360__inner xo-360-viewer[xo-playing] xo-360-viewer-pause {
    display: block
}

.product-360__inner img {
    width: 100%
}

.product-360__close {
    cursor: pointer;
    position: absolute;
    top: 1rem;
    z-index: 9
}

[dir=ltr] .product-360__close {
    right: 1rem
}

[dir=rtl] .product-360__close {
    left: 1rem
}

.product-360__close button {
    all: unset;
    width: 3.2rem;
    height: 3.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: .3s
}

.product-360__close svg {
    color: rgba(var(--color-foreground));
    line-height: 0
}

.product-360__close:hover button {
    background-color: rgba(var(--color-foreground));
    rotate: 180deg
}

.product-360__close:hover svg {
    color: rgba(var(--color-background))
}

.product-360__loading {
    display: none;
    background-color: #eee;
    height: 300px;
    align-items: center;
    justify-content: center
}

.product-360__buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5rem
}

.product-360__arrow button,.product-360__action button {
    all: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    border: solid .1rem rgba(var(--color-foreground), 0.1);
    background-color: rgba(var(--color-background));
    transition: .3s;
    cursor: pointer
}

.product-360__arrow svg,.product-360__action svg {
    color: rgba(var(--color-foreground))
}

.product-360__action--play svg {
    padding-left: .2rem
}

.product-360__arrow:hover button,.product-360__action:hover button {
    background-color: rgba(var(--color-foreground))
}

.product-360__arrow:hover svg,.product-360__action:hover svg {
    color: rgba(var(--color-background))
}

.product-description-style10 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.product-description-style10 .product-description__img-wrap {
    aspect-ratio: 650/420
}

.product-description-style3 ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.product-description-style3 li {
    display: flex;
    align-items: center;
    gap: 1rem;
    gap: .8rem;
    padding-bottom: 1.2rem
}

.product-description-style3 h3 {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*2rem)
}

.product-description-style4 h3 {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*2rem)
}

.product-description-style4 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: .3s
}

.product-description-style4 .product-description__img-wrap {
    overflow: hidden;
    aspect-ratio: 665/400
}

.product-description-style4 .product-description__img-wrap--2 {
    aspect-ratio: 433/285;
    margin-bottom: 1rem
}

.product-description-style4 .product-description__img-wrap:hover img {
    transform: scale(1.1)
}

.product-description-style8 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.product-description-style8 .product-description__img-wrap {
    aspect-ratio: 650/500
}

.product-description-style9 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: var(--text-boxes-radius);
    transition: .3s
}

.product-description-style9 .product-description__img-wrap {
    overflow: hidden;
    height: -moz-fit-content;
    height: fit-content;
    border-radius: var(--text-boxes-radius);
    aspect-ratio: 1360/457
}

.product-description-style9 .product-description__img-wrap--2 {
    aspect-ratio: 433/285
}

.product-description-style9 .product-description__img-wrap:hover img {
    transform: scale(1.1)
}

.product-info-content-quickview__header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.product-info-content-quickview__header h1 {
    margin: 0
}

.product-info-content-quickview__title {
    color: rgba(var(--color-foreground));
    font-weight: 500;
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*2.4rem);
    line-height: calc(1 + 0.1/var(--font-heading-scale));
    padding-bottom: 1rem;
    letter-spacing: -0.01em
}

.product-info-content-quickview__wishlist {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .3s;
    height: 4.6rem;
    width: 4.6rem;
    border: .1rem solid rgba(var(--color-foreground), 0.1);
    border-radius: 50%
}

.product-info-content-quickview__wishlist svg {
    line-height: 0;
    color: rgba(var(--color-foreground))
}

.product-info-content-quickview__wishlist:hover {
    background-color: rgba(var(--color-foreground));
    transform: scale(1.1)
}

.product-info-content-quickview__wishlist:hover svg {
    color: rgba(var(--color-background))
}

.product-info-content-quickview__description {
    letter-spacing: .01em;
    color: rgb(0 0 0);
    font-size: calc(var(--font-body-scale)*1.5rem);
    padding-top: 2.2rem;
    padding-bottom: 3rem;
    font-weight: 400;
    border-top: .1rem solid #e7e7e7
}

.product-info-content-quickview__image .xo-image {
    border-radius: var(--text-boxes-radius)
}

.product-info-content-quickview__variants {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    padding-bottom: 3rem
}

.product-info-content-quickview__variants .xo-field-radio--boxed .xo-field-radio__label {
    width: 3.5rem;
    height: 3.5rem
}

.product-info-content-quickview__variants .xo-field-radio--boxed .xo-field-radio__label span {
    font-size: calc(var(--font-body-scale)*1.3rem)
}

.product-info-content-quickview__variants .xo-product-info-variant__header {
    align-items: center
}

.product-info-content-quickview__variants .xo-product-info-variant__name {
    font-size: calc(var(--font-body-scale)*1.4rem)
}

.product-info-content-quickview__variants--header {
    gap: 0
}

.product-info-content-quickview__header-variant {
    display: flex;
    gap: .3rem;
    line-height: 1.2
}

.product-info-content-quickview__price {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding-bottom: 1.5rem
}

.product-info-content-quickview__price .xo-price__item {
    font-size: calc(var(--font-body-scale)*2.5rem)
}

.product-info-content-quickview__price .xo-price__item--del {
    font-size: calc(var(--font-body-scale)*1.4rem)
}

.product-info-content-quickview__pickup-image .xo-image {
    width: 9.5rem;
    aspect-ratio: var(--aspect-ratio)
}

.product-info-content-quickview__pickup-image .xo-image img {
    height: 100%
}

.product-info-content-quickview__buy-othersite {
    width: 100%;
    cursor: pointer
}

.product-info-content-quickview__buy-othersite a {
    width: 100%;
    height: 5rem;
    border-radius: var(--buttons-radius);
    background-color: rgba(var(--color-foreground));
    color: rgba(var(--color-background));
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .8rem;
    font-size: calc(var(--font-body-scale)*1.3rem);
    font-weight: 500;
    line-height: 1;
    letter-spacing: .28rem;
    transition: .3s
}

.product-info-content-quickview__buy-othersite:hover a {
    transform: scale(1.05)
}

.product-info-content-quickview__buy-logo {
    width: var(--width)
}

.product-info-content-quickview__complementary-title {
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    border-bottom: .1rem solid rgba(var(--color-foreground), 0.1);
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*1.9rem)
}

.product-info-content-quickview__complementary-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    border-bottom: .1rem solid rgba(var(--color-foreground), 0.1);
    cursor: pointer
}

.product-info-content-quickview__complementary-header h3 {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*1.9rem)
}

.product-info-content-quickview {
    padding-top: 3rem;
    padding-left: 1rem;
    padding-right: 1.5rem
}

@media(min-width: 992px) {
    .product-info-content-quickview {
        position:absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow-y: auto;
        --width: 0.6rem;
        --scrollbar-thumb-padding: 0
    }
}

.product-info-content-quickview .shopify-payment-button__more-options {
    display: none
}

.product-info-content-quickview .shopify-payment-button__button--unbranded {
    background-color: rgba(var(--color-foreground));
    color: rgba(var(--color-background));
    border-radius: .8rem;
    border: .2rem solid rgba(var(--color-foreground));
    font-size: calc(var(--font-body-scale)*1.3rem)
}

.product-info-content-quickview .shopify-payment-button__button--unbranded:hover:not([disabled]) {
    color: rgba(var(--color-foreground));
    background-color: rgba(var(--color-background))
}

.product-info-content-quickview .countdown-time {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    padding-right: 1rem
}

.product-info-content-quickview .countdown-time__text span {
    font-size: calc(var(--font-body-scale)*1.5rem)
}

.product-info-content-quickview .countdown-stock__title p {
    font-size: calc(var(--font-body-scale)*1.2rem)
}

.product-info-content-quickview .countdown-time__time {
    gap: 2rem
}

.product-info-content-quickview .countdown-time__box {
    width: 3.2rem;
    height: 3.2rem;
    font-size: calc(var(--font-body-scale)*1.3rem)
}

.product-info-content-quickview .countdown-time__box::after {
    top: 1.5rem
}

[dir=ltr] .product-info-content-quickview .countdown-time__box::after {
    right: -1.15rem
}

[dir=rtl] .product-info-content-quickview .countdown-time__box::after {
    left: -1.15rem
}

.product-info-content-quickview .badge {
    padding: 0 .8rem
}

.product-info-content-quickview .badge span {
    font-size: calc(var(--font-body-scale)*1rem)
}

.xo-main-product-quickview__content {
    position: relative
}

.product-info-content-quickview__variants .xo-field-color-style2__item {
    width: 3.2rem;
    height: 3.2rem
}

.product-info-content-quickview__review {
    padding-bottom: 1.5rem
}

.product-info-content-quickview__buy-button {
    padding-bottom: 3rem
}

.product-info-content-quickview__countdown-stock {
    padding-bottom: 3rem
}

.xo-product-info-content__header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.xo-product-info-content__header h1 {
    margin: 0
}

.xo-product-info-content__title {
    color: rgba(var(--color-foreground));
    font-weight: 500;
    font-size: var(--fz);
    line-height: 1.11;
    letter-spacing: -0.01em
}

.xo-product-info-content__description {
    letter-spacing: .01em;
    color: rgb(0 0 0) !important;
    font-size: calc(var(--font-body-scale)*1.5rem);
    padding-top: 2.2rem;
    font-weight: 400;
    border-top: .1rem solid #e7e7e7
}

.xo-product-info-content__image {
    display: block
}

.xo-product-info-content__image .xo-image {
    border-radius: var(--text-boxes-radius)
}

.xo-product-info-content__image img {
    width: 100%;
    border-radius: var(--text-boxes-radius)
}

.xo-product-info-content__variants {
    display: flex;
    flex-direction: column;
    gap: 3rem
}

.xo-product-info-content__variants--header {
    gap: 0
}

.xo-product-info-content__header-variant {
    display: flex;
    gap: .3rem;
    line-height: 1.2
}

.xo-product-info-content__price {
    display: flex;
    align-items: center;
    gap: 1rem
}

.xo-product-info-content__pickup-image {
    width: 9.5rem
}

.xo-product-info-content__buy-othersite {
    width: 100%;
    cursor: pointer
}

.xo-product-info-content__buy-othersite a {
    width: 100%;
    height: 5rem;
    border-radius: var(--buttons-radius);
    background-color: rgba(var(--color-foreground));
    color: rgba(var(--color-background));
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .8rem;
    font-size: calc(var(--font-body-scale)*1.3rem);
    font-weight: 500;
    line-height: 1;
    letter-spacing: .28rem;
    transition: .3s
}

.xo-product-info-content__buy-othersite:hover a {
    transform: scale(1.05)
}

.xo-product-info-content__buy-logo {
    width: var(--width)
}

[xo-products-count="0"] .xo-product-info-content__complementary-title {
    display: none
}

[xo-products-count="0"] .xo-product-info-content__complementary {
    padding: 0 !important
}

.xo-product-info-content__complementary-title {
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    border-bottom: .1rem solid rgba(var(--color-foreground), 0.1);
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*1.9rem);
    font-family: var(--font-custom-family)
}

.xo-product-info-content__complementary-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    border-bottom: .1rem solid rgba(var(--color-foreground), 0.1);
    cursor: pointer
}

.xo-product-info-content__complementary-header h3 {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*1.9rem)
}

.xo-product-info-content__wishlist[xo-added] .xo-product-info-content__icon-wishlist[xo-added] {
    display: none
}

.xo-product-info-content__wishlist[xo-added] .xo-product-info-content__icon-wishlist[xo-removed] {
    display: flex
}

.xo-product-info-content__icon-wishlist[xo-removed] {
    display: none;
    background-color: rgba(var(--color-foreground))
}

.xo-product-info-content__icon-wishlist[xo-removed] svg {
    color: rgba(var(--color-background))
}

.xo-product-info-content__icon-wishlist {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .3s;
    height: 4.6rem;
    width: 4.6rem;
    border: .1rem solid rgba(var(--color-foreground), 0.1);
    border-radius: 50%;
    cursor: pointer
}

.xo-product-info-content__icon-wishlist svg {
    line-height: 0;
    color: rgba(var(--color-foreground))
}

.xo-product-info-content__icon-wishlist:hover {
    background-color: rgba(var(--color-foreground));
    transform: scale(1.1)
}

.xo-product-info-content__icon-wishlist:hover svg {
    color: rgba(var(--color-background))
}

.xo-product-info-media-mobile {
    position: relative
}

@media(min-width: 768px) {
    .xo-product-info-media-mobile {
        display:none
    }
}

.xo-product-info-media-mobile__top {
    position: relative
}

.xo-product-info-media-mobile__top:hover .xo-product-info-media-mobile__arrow {
    opacity: 1;
    transform: translate(0, -50%)
}

.xo-product-info-media-mobile__image {
    position: relative
}

.xo-product-info-media-mobile__pagination {
    position: absolute;
    bottom: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: .6rem;
    width: 100%;
    z-index: 9
}

.xo-product-info-media-mobile__pagination xo-carousel-bullet[xo-active]:not([xo-active=false]) .xo-product-info-media-mobile__bullet {
    background-color: rgba(var(--color-foreground))
}

.xo-product-info-media-mobile__bullet {
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-color: rgba(var(--color-foreground), 0.2);
    transition: .3s
}

.xo-product-info-media-mobile__thumbnails {
    margin-top: 1rem
}

.xo-product-info-media-mobile__thumb-slide {
    transition: .3s;
    position: relative
}

.xo-product-info-media-mobile__media-icon {
    position: absolute;
    top: .3rem;
    right: 1.4rem;
    z-index: 9;
    line-height: 0;
    border-radius: 50%;
    background-color: rgba(var(--color-foreground));
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem
}

.xo-product-info-media-mobile__media-icon svg {
    color: rgba(var(--color-background))
}

.xo-product-info-media-mobile__media-icon--play svg {
    padding-left: .2rem
}

.xo-product-info-media-mobile__thumb-slide[xo-active]:not([xo-active=false]) .xo-media {
    border: solid .1rem rgba(var(--color-foreground))
}

.xo-product-info-media-mobile__arrow {
    position: absolute;
    top: 50%;
    opacity: 0;
    z-index: 9;
    transition: .3s
}

.xo-product-info-media-mobile__arrow button {
    all: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    background-color: rgba(var(--color-background));
    transition: .3s
}

.xo-product-info-media-mobile__arrow svg {
    color: rgba(var(--color-foreground))
}

.xo-product-info-media-mobile__arrow:hover button {
    transform: scale(1.2);
    background-color: rgba(var(--color-foreground))
}

.xo-product-info-media-mobile__arrow:hover svg {
    color: rgba(var(--color-background))
}

.xo-product-info-media-mobile__arrow--left {
    left: 1.2rem;
    transform: translate(-100%, -50%)
}

.xo-product-info-media-mobile__arrow--right {
    right: 1.2rem;
    transform: translate(100%, -50%)
}

.xo-product-info-media-style1 {
    position: relative;
    top: 9.3rem
}

@media(max-width: 767px) {
    .xo-product-info-media-style1 {
        display:none
    }
}

.xo-product-info-media-style1__image {
    position: relative
}

.xo-product-info-media-style1__thumbnails {
    margin-bottom: 1rem
}

.xo-product-info-media-style1__bottom {
    position: relative
}

.xo-product-info-media-style1__bottom:hover .xo-product-info-media-style1__arrow {
    opacity: 1;
    transform: translate(0, -50%)
}

.xo-product-info-media-style1__thumb-slide {
    transition: .3s;
    position: relative
}

.xo-product-info-media-style1__media-icon {
    position: absolute;
    top: .5rem;
    right: 1.6rem;
    z-index: 9;
    line-height: 0;
    border-radius: 50%;
    background-color: rgba(var(--color-foreground));
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem
}

.xo-product-info-media-style1__media-icon svg {
    color: rgba(var(--color-background))
}

.xo-product-info-media-style1__media-icon--play svg {
    padding-left: .2rem
}

.xo-product-info-media-style1__thumb-slide[xo-active]:not([xo-active=false]) .xo-media {
    border: solid .1rem rgba(var(--color-foreground))
}

.xo-product-info-media-style1__arrow {
    position: absolute;
    top: 50%;
    opacity: 0;
    z-index: 9;
    transition: .3s
}

.xo-product-info-media-style1__arrow button {
    all: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    background-color: rgba(var(--color-background));
    transition: .3s
}

.xo-product-info-media-style1__arrow svg {
    color: rgba(var(--color-foreground))
}

.xo-product-info-media-style1__arrow:hover button {
    transform: scale(1.2);
    background-color: rgba(var(--color-foreground))
}

.xo-product-info-media-style1__arrow:hover svg {
    color: rgba(var(--color-background))
}

.xo-product-info-media-style1__arrow--left {
    left: 1.2rem;
    transform: translate(-100%, -50%)
}

.xo-product-info-media-style1__arrow--right {
    right: 1.2rem;
    transform: translate(100%, -50%)
}

.xo-product-info-media-style10 {
    position: relative
}

@media(max-width: 767px) {
    .xo-product-info-media-style10 {
        display:none
    }
}

.xo-product-info-media-style10:hover .xo-product-info-media-style10__arrow {
    opacity: 1;
    transform: translate(0, -50%)
}

.xo-product-info-media-style10__image {
    position: relative
}

.xo-product-info-media-style10__arrow {
    position: absolute;
    top: 50%;
    opacity: 0;
    z-index: 9;
    transition: .3s
}

.xo-product-info-media-style10__arrow button {
    all: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    background-color: rgba(var(--color-background));
    transition: .3s
}

.xo-product-info-media-style10__arrow svg {
    color: rgba(var(--color-foreground))
}

.xo-product-info-media-style10__arrow:hover button {
    transform: scale(1.2);
    background-color: rgba(var(--color-foreground))
}

.xo-product-info-media-style10__arrow:hover svg {
    color: rgba(var(--color-background))
}

.xo-product-info-media-style10__arrow--left {
    left: 1.2rem;
    transform: translate(-100%, -50%)
}

.xo-product-info-media-style10__arrow--right {
    right: 1.2rem;
    transform: translate(100%, -50%)
}

.xo-product-info-media-style10__pagination {
    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%)
}

.xo-product-info-media-style11 {
    position: relative;
    top: 9.3rem
}

@media(max-width: 767px) {
    .xo-product-info-media-style11 {
        display:none
    }
}

.xo-product-info-media-style11__image {
    position: relative
}

.xo-product-info-media-style11__carousel:hover .xo-product-info-media-style11__arrow {
    opacity: 1;
    transform: translate(0, -50%)
}

.xo-product-info-media-style11__arrow {
    position: absolute;
    top: 50%;
    opacity: 0;
    z-index: 9;
    transition: .3s
}

.xo-product-info-media-style11__arrow button {
    all: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    background-color: rgba(var(--color-background));
    transition: .3s
}

.xo-product-info-media-style11__arrow svg {
    color: rgba(var(--color-foreground))
}

.xo-product-info-media-style11__arrow:hover button {
    transform: scale(1.2);
    background-color: rgba(var(--color-foreground))
}

.xo-product-info-media-style11__arrow:hover svg {
    color: rgba(var(--color-background))
}

.xo-product-info-media-style11__arrow--left {
    left: 1.2rem;
    transform: translate(-100%, -50%)
}

.xo-product-info-media-style11__arrow--right {
    right: 1.2rem;
    transform: translate(100%, -50%)
}

.xo-product-info-media-style12 {
    position: relative
}

.xo-product-info-media-style12__top {
    position: relative
}

.xo-product-info-media-style12__top:hover .xo-product-info-media-style12__arrow {
    opacity: 1;
    transform: translate(0, -50%)
}

.xo-product-info-media-style12__arrow {
    position: absolute;
    top: 50%;
    opacity: 0;
    z-index: 9;
    transition: .3s
}

.xo-product-info-media-style12__arrow button {
    all: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    background-color: rgba(var(--color-background));
    transition: .3s
}

.xo-product-info-media-style12__arrow svg {
    color: rgba(var(--color-foreground))
}

.xo-product-info-media-style12__arrow:hover button {
    transform: scale(1.2);
    background-color: rgba(var(--color-foreground))
}

.xo-product-info-media-style12__arrow:hover svg {
    color: rgba(var(--color-background))
}

.xo-product-info-media-style12__arrow--left {
    left: 1.2rem;
    transform: translate(-100%, -50%)
}

.xo-product-info-media-style12__arrow--right {
    right: 1.2rem;
    transform: translate(100%, -50%)
}

.xo-product-info-media-style2 {
    position: relative;
    top: 9.3rem
}

@media(max-width: 767px) {
    .xo-product-info-media-style2 {
        display:none
    }
}

.xo-product-info-media-style2__carousel {
    display: flex
}

.xo-product-info-media-style2__left {
    position: relative;
    width: calc(100% - 9rem)
}

@media(min-width: 992px) {
    .xo-product-info-media-style2__left {
        width:calc(100% - 11rem)
    }
}

@media(min-width: 1200px) {
    .xo-product-info-media-style2__left {
        width:calc(100% - 15rem)
    }
}

.xo-product-info-media-style2__left:hover .xo-product-info-media-style2__arrow {
    opacity: 1;
    transform: translate(0, -50%)
}

.xo-product-info-media-style2__right {
    width: 8rem;
    margin-left: 1rem
}

@media(min-width: 992px) {
    .xo-product-info-media-style2__right {
        width:10rem
    }
}

@media(min-width: 1200px) {
    .xo-product-info-media-style2__right {
        width:14rem
    }
}

.xo-product-info-media-style2__image {
    position: relative
}

.xo-product-info-media-style2__thumb-slide {
    transition: .3s;
    position: relative
}

.xo-product-info-media-style2__media-icon {
    position: absolute;
    top: .5rem;
    right: .7rem;
    z-index: 9;
    line-height: 0;
    border-radius: 50%;
    background-color: rgba(var(--color-foreground));
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem
}

.xo-product-info-media-style2__media-icon svg {
    color: rgba(var(--color-background))
}

.xo-product-info-media-style2__media-icon--play svg {
    padding-left: .2rem
}

.xo-product-info-media-style2__thumb-slide[xo-active]:not([xo-active=false]) .xo-media {
    border: solid .1rem rgba(var(--color-foreground))
}

.xo-product-info-media-style2__thumbnails-inner {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: calc(8rem/(var(--media-aspect-ratio))*var(--xo-per-view) + (var(--xo-per-view) - 1)*var(--xo-gap))
}

@media(min-width: 992px) {
    .xo-product-info-media-style2__thumbnails-inner {
        height:calc(10rem/(var(--media-aspect-ratio))*var(--xo-per-view) + (var(--xo-per-view) - 1)*var(--xo-gap))
    }
}

@media(min-width: 1200px) {
    .xo-product-info-media-style2__thumbnails-inner {
        height:calc(14rem/(var(--media-aspect-ratio))*var(--xo-per-view) + (var(--xo-per-view) - 1)*var(--xo-gap))
    }
}

.xo-product-info-media-style2__arrow {
    position: absolute;
    top: 50%;
    opacity: 0;
    z-index: 9;
    transition: .3s
}

.xo-product-info-media-style2__arrow button {
    all: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    background-color: rgba(var(--color-background));
    transition: .3s
}

.xo-product-info-media-style2__arrow svg {
    color: rgba(var(--color-foreground))
}

.xo-product-info-media-style2__arrow:hover button {
    transform: scale(1.2);
    background-color: rgba(var(--color-foreground))
}

.xo-product-info-media-style2__arrow:hover svg {
    color: rgba(var(--color-background))
}

.xo-product-info-media-style2__arrow--left {
    left: 1.2rem;
    transform: translate(-100%, -50%)
}

.xo-product-info-media-style2__arrow--right {
    right: 1.2rem;
    transform: translate(100%, -50%)
}

.xo-product-info-media-style3 {
    position: relative;
    top: 9.3rem
}

@media(max-width: 767px) {
    .xo-product-info-media-style3 {
        display:none
    }
}

.xo-product-info-media-style3__top {
    position: relative
}

.xo-product-info-media-style3__top:hover .xo-product-info-media-style3__arrow {
    opacity: 1;
    transform: translate(0, -50%)
}

.xo-product-info-media-style3__image {
    position: relative
}

.xo-product-info-media-style3__thumbnails {
    margin-top: 1rem
}

.xo-product-info-media-style3__thumb-slide {
    transition: .3s;
    position: relative
}

.xo-product-info-media-style3__media-icon {
    position: absolute;
    top: .5rem;
    right: 1.6rem;
    z-index: 9;
    line-height: 0;
    border-radius: 50%;
    background-color: rgba(var(--color-foreground));
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem
}

.xo-product-info-media-style3__media-icon svg {
    color: rgba(var(--color-background))
}

.xo-product-info-media-style3__media-icon--play svg {
    padding-left: .2rem
}

.xo-product-info-media-style3__thumb-slide[xo-active]:not([xo-active=false]) .xo-media {
    border: solid .1rem rgba(var(--color-foreground))
}

.xo-product-info-media-style3__arrow {
    position: absolute;
    top: 50%;
    opacity: 0;
    z-index: 9;
    transition: .3s
}

.xo-product-info-media-style3__arrow button {
    all: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    background-color: rgba(var(--color-background));
    transition: .3s
}

.xo-product-info-media-style3__arrow svg {
    color: rgba(var(--color-foreground))
}

.xo-product-info-media-style3__arrow:hover button {
    transform: scale(1.2);
    background-color: rgba(var(--color-foreground))
}

.xo-product-info-media-style3__arrow:hover svg {
    color: rgba(var(--color-background))
}

.xo-product-info-media-style3__arrow--left {
    left: 1.2rem;
    transform: translate(-100%, -50%)
}

.xo-product-info-media-style3__arrow--right {
    right: 1.2rem;
    transform: translate(100%, -50%)
}

.xo-product-info-media-style4 {
    position: relative;
    top: 9.3rem
}

@media(max-width: 767px) {
    .xo-product-info-media-style4 {
        display:none
    }
}

.xo-product-info-media-style4__carousel {
    display: flex
}

.xo-product-info-media-style4__left {
    width: 8rem;
    margin-right: 1rem
}

@media(min-width: 992px) {
    .xo-product-info-media-style4__left {
        width:10rem
    }
}

@media(min-width: 1200px) {
    .xo-product-info-media-style4__left {
        width:14rem
    }
}

.xo-product-info-media-style4__right {
    position: relative;
    width: calc(100% - 9rem)
}

@media(min-width: 992px) {
    .xo-product-info-media-style4__right {
        width:calc(100% - 11rem)
    }
}

@media(min-width: 1200px) {
    .xo-product-info-media-style4__right {
        width:calc(100% - 15rem)
    }
}

.xo-product-info-media-style4__right:hover .xo-product-info-media-style4__arrow {
    opacity: 1;
    transform: translate(0, -50%)
}

.xo-product-info-media-style4__image {
    position: relative
}

.xo-product-info-media-style4__thumb-slide {
    transition: .3s;
    position: relative
}

.xo-product-info-media-style4__media-icon {
    position: absolute;
    top: .5rem;
    right: .7rem;
    z-index: 9;
    line-height: 0;
    border-radius: 50%;
    background-color: rgba(var(--color-foreground));
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem
}

.xo-product-info-media-style4__media-icon svg {
    color: rgba(var(--color-background))
}

.xo-product-info-media-style4__media-icon--play svg {
    padding-left: .2rem
}

.xo-product-info-media-style4__thumb-slide[xo-active]:not([xo-active=false]) .xo-media {
    border: solid .1rem rgba(var(--color-foreground))
}

.xo-product-info-media-style4__thumbnails-inner {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: calc(8rem/(var(--media_aspect-ratio))*var(--xo-per-view) + (var(--xo-per-view) - 1)*var(--xo-gap))
}

@media(min-width: 992px) {
    .xo-product-info-media-style4__thumbnails-inner {
        height:calc(10rem/(var(--media_aspect-ratio))*var(--xo-per-view) + (var(--xo-per-view) - 1)*var(--xo-gap))
    }
}

@media(min-width: 1200px) {
    .xo-product-info-media-style4__thumbnails-inner {
        height:calc(14rem/(var(--media_aspect-ratio))*var(--xo-per-view) + (var(--xo-per-view) - 1)*var(--xo-gap))
    }
}

.xo-product-info-media-style4__arrow {
    position: absolute;
    top: 50%;
    opacity: 0;
    z-index: 9;
    transition: .3s
}

.xo-product-info-media-style4__arrow button {
    all: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    background-color: rgba(var(--color-background));
    transition: .3s
}

.xo-product-info-media-style4__arrow svg {
    color: rgba(var(--color-foreground))
}

.xo-product-info-media-style4__arrow:hover button {
    transform: scale(1.2);
    background-color: rgba(var(--color-foreground))
}

.xo-product-info-media-style4__arrow:hover svg {
    color: rgba(var(--color-background))
}

.xo-product-info-media-style4__arrow--left {
    left: 1.2rem;
    transform: translate(-100%, -50%)
}

.xo-product-info-media-style4__arrow--right {
    right: 1.2rem;
    transform: translate(100%, -50%)
}

.xo-product-info-media-style5 {
    position: relative;
    top: 9.3rem
}

@media(max-width: 767px) {
    .xo-product-info-media-style5 {
        display:none
    }
}

.xo-product-info-media-style5__gallery {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.xo-product-info-media-style5__image {
    position: relative
}

.xo-product-info-media-style5__popup-wrap {
    position: absolute;
    top: 0;
    right: 7.7rem;
    height: 100%;
    padding-bottom: 3rem;
    width: 0;
    z-index: 99
}

.xo-product-info-media-style5__360-wrap {
    position: absolute;
    top: 0;
    left: 3rem;
    height: 100%;
    padding-bottom: 3rem;
    width: 0;
    z-index: 99
}

.xo-product-info-media-style6 {
    position: relative;
    top: 9.3rem
}

@media(max-width: 767px) {
    .xo-product-info-media-style6 {
        display:none
    }
}

.xo-product-info-media-style6__gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem
}

.xo-product-info-media-style6__image-item {
    width: calc(50% - .5rem)
}

.xo-product-info-media-style6__image {
    position: relative
}

.xo-product-info-media-style6__popup-wrap {
    position: absolute;
    top: 0;
    right: 7.6rem;
    height: 100%;
    padding-bottom: 3rem;
    width: 0;
    z-index: 99
}

.xo-product-info-media-style6__360-wrap {
    position: absolute;
    top: 0;
    left: 3rem;
    height: 100%;
    padding-bottom: 3rem;
    width: 0;
    z-index: 99
}

.xo-product-info-media-style7 {
    position: relative;
    top: 7.5rem
}

@media(max-width: 767px) {
    .xo-product-info-media-style7 {
        display:none
    }
}

.xo-product-info-media-style7__gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem
}

.xo-product-info-media-style7__image-item {
    width: calc(50% - .5rem)
}

.xo-product-info-media-style7__image-item:nth-child(3n+1) {
    width: 100%
}

.xo-product-info-media-style7__image {
    position: relative
}

.xo-product-info-media-style7__popup-wrap {
    position: absolute;
    top: 0;
    right: 7.7rem;
    height: 100%;
    padding-bottom: 3rem;
    width: 0;
    z-index: 99
}

.xo-product-info-media-style7__360-wrap {
    position: absolute;
    top: 0;
    left: 3rem;
    height: 100%;
    padding-bottom: 3rem;
    width: 0;
    z-index: 99
}

.xo-product-info-media-style8 {
    position: relative;
    top: 9.3rem
}

@media(max-width: 767px) {
    .xo-product-info-media-style8 {
        display:none
    }
}

.xo-product-info-media-style8__top {
    position: relative
}

.xo-product-info-media-style8__top:hover .xo-product-info-media-style8__arrow {
    opacity: 1;
    transform: translate(0, -50%)
}

.xo-product-info-media-style8__image {
    position: relative
}

.xo-product-info-media-style8__pagination {
    padding-top: 1rem;
    text-align: center
}

.xo-product-info-media-style8__arrow {
    position: absolute;
    top: 50%;
    opacity: 0;
    z-index: 9;
    transition: .3s
}

.xo-product-info-media-style8__arrow button {
    all: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    background-color: rgba(var(--color-background));
    transition: .3s
}

.xo-product-info-media-style8__arrow svg {
    color: rgba(var(--color-foreground))
}

.xo-product-info-media-style8__arrow:hover button {
    transform: scale(1.2);
    background-color: rgba(var(--color-foreground))
}

.xo-product-info-media-style8__arrow:hover svg {
    color: rgba(var(--color-background))
}

.xo-product-info-media-style8__arrow--left {
    left: 1.2rem;
    transform: translate(-100%, -50%)
}

.xo-product-info-media-style8__arrow--right {
    right: 1.2rem;
    transform: translate(100%, -50%)
}

.xo-product-info-media-style9 {
    position: relative
}

@media(max-width: 767px) {
    .xo-product-info-media-style9 {
        display:none
    }
}

.xo-product-info-media-style9:hover .xo-product-info-media-style9__arrow {
    opacity: 1;
    transform: translate(0, -50%)
}

.xo-product-info-media-style9__container {
    width: 33.3333333333vw;
    margin: auto
}

.xo-product-info-media-style9__slide {
    opacity: .3
}

.xo-product-info-media-style9__slide[xo-active]:not([xo-active=false]) {
    opacity: 1
}

.xo-product-info-media-style9__image {
    position: relative
}

.xo-product-info-media-style9__arrow {
    position: absolute;
    top: 50%;
    opacity: 0;
    z-index: 9;
    transition: .3s
}

.xo-product-info-media-style9__arrow button {
    all: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    background-color: rgba(var(--color-background));
    transition: .3s
}

.xo-product-info-media-style9__arrow svg {
    color: rgba(var(--color-foreground))
}

.xo-product-info-media-style9__arrow:hover button {
    transform: scale(1.2);
    background-color: rgba(var(--color-foreground))
}

.xo-product-info-media-style9__arrow:hover svg {
    color: rgba(var(--color-background))
}

.xo-product-info-media-style9__arrow--left {
    left: 1.2rem;
    transform: translate(-100%, -50%)
}

.xo-product-info-media-style9__arrow--right {
    right: 1.2rem;
    transform: translate(100%, -50%)
}

.xo-product-info-variant__inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem
}

.xo-product-info-variant__inner--radio {
    gap: 2rem
}

.xo-product-info-variant__header {
    display: flex;
    gap: .3rem;
    padding-bottom: 1rem
}

.xo-product-info-variant__name {
    font-weight: 500;
    letter-spacing: -0.032rem;
    color: rgb(0 0 0)
}

.meta {
    margin-top: 2rem;
    margin-bottom: 1.6rem
}

.meta__info {
    font-size: 1.4rem;
    font-weight: 400;
    color: rgb(var(--color-foreground));
    padding-right: .5rem;
    font-weight: 500
}

.meta__info span {
    color: rgb(var(--color-foreground), 0.5)
}

.meta__info--sku {
    letter-spacing: .1em
}

.meta__info--disable {
    display: none
}

#randomText {
    color: rgb(var(--color-foreground));
    margin: 2rem 0;
    font-size: calc(var(--font-body-scale)*1.6rem);
    font-weight: 500
}

.number {
    color: rgb(var(--color-accent))
}

.product-recommendations__pagination {
    text-align: center;
    display: var(--display-mobile)
}

@media(min-width: 768px) {
    .product-recommendations__pagination {
        display:var(--display-desktop)
    }
}

.product-recommendations__pagination--related {
    padding-top: 1rem
}

.xo-recipient {
    padding-bottom: 2rem
}

.xo-recipient[xo-active]:not([xo-active=false]) .xo-recipient__fields {
    display: flex;
    flex-direction: column;
    gap: 1.8rem
}

.xo-recipient[xo-error]:not([xo-error=false]) .xo-recipient__error {
    display: block
}

.xo-recipient__error,.xo-recipient__fields {
    display: none
}

.shipping {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.shipping_item {
    display: flex;
    gap: 1.2rem
}

.shipping_item svg {
    flex-shrink: 0;
    display: flex;
    height: -moz-fit-content;
    height: fit-content
}

.shipping_item:last-child {
    padding-left: .2rem
}

.sticky-addcart-desktop {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 9999
}

.sticky-addcart-desktop xo-sticky {
    opacity: 0;
    transition: .3s
}

.sticky-addcart-desktop xo-sticky[xo-is-sticky]:not([xo-is-sticky=false]) {
    opacity: 1
}

.sticky-addcart {
    background-color: rgba(var(--color-background));
    box-shadow: 0 0 1rem 0 rgba(0,0,0,.09);
    height: 7.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.sticky-addcart__wrap {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.sticky-addcart__left {
    display: flex;
    align-items: center;
    gap: 1.2rem
}

@media(max-width: 767px) {
    .sticky-addcart__left {
        display:none
    }
}

.sticky-addcart__right {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem
}

@media(max-width: 767px) {
    .sticky-addcart__right {
        gap:1rem;
        width: 100%
    }

    .sticky-addcart__right .xo-quantity-style2 {
        display: none
    }
}

.sticky-addcart__variants-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    flex-shrink: 0
}

@media(max-width: 575px) {
    .sticky-addcart__variants-wrap {
        gap:1rem
    }
}

@media(max-width: 575px) {
    .sticky-addcart__variants-wrap .xo-field-select-custom-variant__trigger {
        gap:1rem;
        padding: 0 1rem
    }
}

.sticky-addcart__buttons-wrap {
    display: flex;
    align-items: center;
    gap: 2rem
}

.sticky-addcart__buttons-wrap button {
    height: 5rem
}

@media(max-width: 767px) {
    .sticky-addcart__buttons-wrap {
        display:none
    }
}

.sticky-addcart__buttons-mobile {
    width: 100%
}

.sticky-addcart__buttons-mobile button {
    height: 5rem
}

.sticky-addcart__buttons-mobile .xo-btn__text {
    font-size: calc(var(--font-body-scale)*1.1rem)
}

@media(min-width: 768px) {
    .sticky-addcart__buttons-mobile {
        display:none
    }
}

.sticky-addcart__media .xo-media {
    width: auto;
    height: 5.5rem
}

.sticky-addcart__product {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .5rem
}

.sticky-addcart__product h3 {
    font-size: calc(var(--font-heading-scale)*var(--font-body-scale)*1.6rem);
    line-height: calc(1 + 0/var(--font-heading-scale));
    margin-bottom: 0
}

.sticky-addcart__product .xo-price__item {
    line-height: calc(1 + 0/var(--font-body-scale))
}

.sticky-addcart__product .xo-price__item {
    font-size: 1.4rem
}

.sticky-addcart__product .xo-price__item--del {
    font-size: 1.2rem
}

.sticky-addcart__add {
    height: 5rem
}

.sticky-addcart__buy-now .shopify-payment-button__button {
    font-size: calc(var(--font-body-scale)*1.2rem) !important;
    font-weight: 500 !important;
    letter-spacing: calc(var(--font-body-scale)*0.2rem) !important;
    border-radius: var(--buttons-radius) !important;
    min-height: unset !important;
    height: 5rem !important;
    padding: 0 2.5rem !important;
    border: solid .2rem rgba(var(--color-foreground)) !important;
    white-space: nowrap !important
}

@media(max-width: 767px) {
    .sticky-addcart__buy-now .shopify-payment-button__button {
        font-size:calc(var(--font-body-scale)*1.1rem) !important;
        padding: 0 !important
    }
}

.sticky-addcart__buy-now .shopify-payment-button__button--unbranded:hover:not([disabled]) {
    background-color: rgba(var(--color-background)) !important
}

.sticky-addcart__compare-trigger {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .3s;
    height: 4.6rem;
    width: 4.6rem;
    border-radius: 50%;
    border: .1rem solid rgba(var(--color-foreground), 0.1);
    cursor: pointer
}

.sticky-addcart__compare-trigger svg {
    line-height: 0;
    color: rgba(var(--color-foreground))
}

.sticky-addcart__compare-trigger:hover {
    background-color: rgba(var(--color-foreground));
    transform: scale(1.1)
}

.sticky-addcart__compare-trigger:hover svg {
    color: rgba(var(--color-background))
}

.sticky-addcart__wishlist[xo-added] .sticky-addcart__icon-wishlist[xo-added] {
    display: none
}

.sticky-addcart__wishlist[xo-added] .sticky-addcart__icon-wishlist[xo-removed] {
    display: flex
}

.sticky-addcart__icon-wishlist[xo-removed] {
    display: none;
    background-color: rgba(var(--color-foreground))
}

.sticky-addcart__icon-wishlist[xo-removed] svg {
    color: rgba(var(--color-background))
}

.sticky-addcart__icon-wishlist {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .3s;
    height: 4.6rem;
    width: 4.6rem;
    border-radius: 50%;
    border: .1rem solid rgba(var(--color-foreground), 0.1);
    cursor: pointer
}

.sticky-addcart__icon-wishlist svg {
    line-height: 0;
    color: rgba(var(--color-foreground))
}

.sticky-addcart__icon-wishlist:hover {
    background-color: rgba(var(--color-foreground));
    transform: scale(1.1)
}

.sticky-addcart__icon-wishlist:hover svg {
    color: rgba(var(--color-background))
}

.trustbadge {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: var(--text-boxes-radius);
    gap: 1.5rem;
    background-color: var(--bg-color);
    padding: 2rem
}

.trustbadge--reverse {
    flex-direction: column-reverse
}

.trustbadge__image {
    width: var(--width)
}

.trustbadge__text {
    color: rgba(var(--color-foreground));
    font-weight: 500
}

.visitor {
    display: flex;
    align-items: center;
    gap: 1rem
}

.visitor__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--buttons-radius);
    background-color: rgba(var(--color-foreground));
    width: 2.2rem;
    height: 2.2rem
}

.visitor__icon svg {
    color: rgba(var(--color-background))
}

.visitor__text {
    line-height: 0;
    font-size: calc(var(--font-body-scale)*1.4rem)
}

.xo-register {
    width: 100%;
    max-width: 60rem;
    margin: 0 auto
}

.xo-reset-pass {
    width: 100%;
    max-width: 60rem;
    margin: 0 auto
}

[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)) calc(1 * 100%), transparent);
    color: #fff;
    font-size: 1.4rem;
    padding: .2rem 1.2rem
}

.xo-warning {
    background-color: color-mix(in srgb, rgba(var(--color-warning)) calc(1 * 100%), transparent);
    color: #fff;
    font-size: 1.4rem;
    padding: .2rem 1.2rem
}

.xo-error {
    background-color: color-mix(in srgb, rgba(var(--color-error)) calc(1 * 100%), transparent);
    color: #fff;
    font-size: 1.4rem;
    padding: .2rem 1.2rem
}

.xo-success:empty,.xo-warning:empty,.xo-error:empty {
    display: none
}

xo-grid {
    display: grid;
    align-items: var(--align, normal);
    -moz-column-gap: var(--xo-grid-col-gap, 30px);
    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
}

.xo-content {
    font-family: var(--font-body-family);
    font-style: var(--font-body-style);
    font-weight: var(--font-body-weight-bold);
    font-size: var(--font-body-mobile-size, 1.5rem);
    line-height: calc(1 + .8/var(--font-body-scale))
}

.xo-content p {
    margin-bottom: 1rem
}

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

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

.xo-content blockquote {
    padding: .3rem 0 .3rem 1.5rem;
    border-left: .3rem solid color-mix(in srgb, rgba(var(--color-accent-1)) calc(1 * 100%), transparent);
    font-size: 1.8rem;
    font-style: italic;
    margin: 2rem 3rem
}

.xo-content figcaption {
    display: block;
    text-align: center;
    margin: .5rem 0
}

.xo-content figure {
    margin-left: 0;
    margin-right: 0
}

.xo-content table {
    font-family: var(--font-body-family);
    font-style: var(--font-body-style);
    max-width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    padding: 0;
    border: .1rem solid color-mix(in srgb, rgba(var(--color-foreground)) calc(0.3 * 100%), transparent);
    box-shadow: none;
    caption-side: bottom
}

.xo-content table th {
    font-weight: 600;
    text-align: left;
    padding: 1.5rem;
    border: .1rem solid color-mix(in srgb, rgba(var(--color-foreground)) calc(0.3 * 100%), transparent);
    color: color-mix(in srgb, rgba(var(--color-foreground)) calc(1 * 100%), transparent);
    font-family: var(--font-body-family);
    font-weight: 500
}

.xo-content table td {
    padding: 1.5rem;
    border: .1rem solid color-mix(in srgb, rgba(var(--color-foreground)) calc(0.3 * 100%), transparent)
}


.collection-sidebar__banner {
    display: none !important;
}

xo-container.xo-container--fullwidth {
    padding: 0 20px !important;
}
h3.banner-v21__title {
    color: #fff !important;
}

.slideshow-v33__content {
    position: relative;
    height: 85vh !important;
    padding-top: calc(var(--pt)*.75*1px);
    padding-bottom: calc(var(--pb)*.75*1px);
}

@media (max-width: 599px) {
    .slideshow-v33__content {
        height: 100vh !important;
    }
}

@media (min-width: 600px) and (max-width: 1024px) {
    .slideshow-v33__content {
        height: 85vh !important; 
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .slideshow-v33__content {
        height: 310px !important;
    }
}
@media (min-width: 1024px) and (max-width: 1366px) {
   .slideshow-v33__content {
        height: 490px !important;
    }
}
xo-product {
    display: flex !important;
    width: 100% !important;
}

.xo-product-card {
    width: 100%; 
}