/** Shopify CDN: Minification failed

Line 7145:17 Unexpected "{"
Line 7150:21 Unexpected "{"

**/
@keyframes slideIn {
    from {
        transform: translateY(2rem);
        opacity: .01
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

.scroll-trigger {
    opacity: .01;
    transform: translateY(2rem)
}

.scroll-trigger.scroll-trigger-design-mode {
    transform: translateY(0)
}

.scroll-trigger:not(.scroll-trigger-offscreen) {
    animation: slideIn 500ms forwards;
    animation-delay: calc(var(--animation-order, 0)*75ms);
}

.scroll-trigger.scroll-trigger-design-mode,
.scroll-trigger:not(.scroll-trigger-offscreen).scroll-trigger-cancel {
    opacity: 1;
    animation: none;
    transition: none
}

@keyframes lazy-loading {
    0% {
        transform: translateX(-100%)
    }

    100% {
        transform: translateX(100%)
    }
}

@keyframes moveUp {
    100% {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fadeUp {
    0% {
        opacity: 0;
        transform: translateY(3rem)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-2rem)
    }

    60% {
        transform: translateY(-0.5rem)
    }
}

@keyframes topBottom {

    10%,
    90% {
        transform: translateY(0)
    }

    20%,
    80% {
        transform: translateY(1rem)
    }

    30%,
    50%,
    70% {
        transform: translateY(0)
    }

    40%,
    60% {
        transform: translateY(1rem)
    }
}

@keyframes shine {
    100% {
        left: -200%
    }
}

@keyframes scale {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.15)
    }

    to {
        transform: scale(1)
    }
}

@keyframes slideUp {
    0% {
        opacity: 0;
        transform: translateY(1.5rem)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes slideDown {
    0% {
        opacity: 0;
        transform: translateY(-1.5rem)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes circle-loading {
    from {
        transform: translate(-50%, -50%) rotate(0)
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@keyframes circle-loading-inline {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.circle-loading:before {
    content: "";
    z-index: 5;
    position: absolute;
    border: 3px solid rgb(var(--loading-color));
    border-top-color: rgba(0, 0, 0, 0);
    border-radius: 50%;
    height: 20px;
    width: 20px;
    top: 50%;
    left: 50%;
    animation: circle-loading 500ms infinite linear
}

@keyframes slidebottomtotop {
    0% {
        transform: translateY(10px);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes btnLinkAnimation {
    0% {
        left: 0;
        width: 100%
    }

    33% {
        left: 100%;
        width: 0
    }

    66% {
        left: 0;
        width: 0
    }

    100% {
        right: 0;
        width: 100%
    }
}

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

*:focus {
    outline: 0;
    box-shadow: none
}

*:not(input):not(textarea):not([tabindex="-1"]):not([data-noui]):focus-visible {
    outline: .15rem solid rgba(var(--text-color), 0.5);
    outline-offset: .2rem;
    box-shadow: 0 0 0 .15rem #fff, 0 0 .5rem .4rem rgba(var(--text-color), 0.15);
    z-index: 1
}

select {
    border: 0;
    box-shadow: 0 0 0 .1rem rgba(var(--text-color));
    transition: box-shadow .3s ease
}

select:focus {
    box-shadow: 0 0 0 .2rem rgba(var(--text-color))
}

select option {
    background-color: rgb(var(--background-color))
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary,
audio,
canvas,
progress,
video {
    display: block
}

details {
    position: relative
}

details:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: .1rem;
    width: 0;
    transition: width .3s;
    background-color: rgb(var(--text-color))
}

details[open]:after {
    width: 100%
}

@media(hover: hover) {
    details:hover:after {
        width: 100%
    }
}

summary::-webkit-details-marker {
    display: none
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

ol {
    list-style: decimal
}

ul {
    list-style: disc
}

ul,
ol {
    padding-left: 20px
}

iframe,
embed,
figure,
figcaption {
    border: 0;
    max-width: 100%
}

caption,
th,
td {
    font-weight: normal;
    text-align: left
}

blockquote,
blockquote:before,
blockquote:after,
q,
q:before,
q:after {
    content: ""
}

img,
video {
    object-fit: cover;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic
}

audio,
canvas,
video {
    display: inline;
    zoom: 1
}

svg {
    pointer-events: none;
    vertical-align: middle
}

svg.placeholder-svg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-color: #e4e4e4;
    fill: rgba(38, 38, 38, .2);
    transition: transform .3s ease
}

form {
    margin: 0
}

html {
    font-size: calc(var(--body-font-scale)*62.5%);
    height: 100%;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none
}

body {
    margin: 0;
    word-break: break-word;
    min-height: 100%;
    font-family: var(--body-font-family);
    font-style: var(--body-font-style);
    font-weight: var(--body-font-weight);
    font-size: 1.5rem;
    line-height: calc(1 + .5/var(--body-font-scale));
    letter-spacing: calc(var(--heading-font-scale)*.024rem);
    overflow-x: auto
}

@media screen and (min-width: 768px) {
    body {
        font-size: 1.3rem
    }
}

.skip-to-content-link {
    transition: none
}

.skip-to-content-link:focus {
    padding: 2rem 4rem;
    border-radius: 0;
    z-index: 9999 !important;
    position: inherit;
    overflow: auto;
    width: auto;
    height: auto;
    clip: auto
}

h1,
h2,
h3,
h4,
h5,
h6,
.h0,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: rgb(var(--heading-color));
    font-family: var(--heading-font-family);
    font-style: var(--heading-font-style);
    font-weight: var(--heading-font-weight);
    line-height: calc(1 + .2/max(1, var(--heading-font-scale)));
    clear: both;
    margin: 1.5rem 0
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h0 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
    color: inherit
}

.h0 {
    font-size: calc(var(--heading-font-scale)*5.6rem)
}

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

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

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

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

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

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

.h7 {
    font-size: calc(var(--heading-font-scale)*1.6rem)
}

@media only screen and (min-width: 1600px) {
    .h0 {
        font-size: calc(var(--heading-font-scale)*7.2rem)
    }

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

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

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

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

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

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

.text-body {
    font-family: var(--body-font-family);
    font-style: var(--body-font-style);
    font-weight: var(--body-font-weight)
}

select {
    border: .1rem solid rgba(var(--text-color), 0.3);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    max-width: 100%;
    background-color: rgba(0, 0, 0, 0);
    border-color: currentColor;
    padding: 1rem 2.6rem 1rem 1.6rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-repeat: no-repeat;
    background-position: right 1.6rem top 50%
}

select:-moz-focusring {
    color: rgba(0, 0, 0, 0);
    text-shadow: 0 0 0 rgba(var(--text-color), 0.3)
}

input[type=search],
input[type=email],
input[type=number],
input[type=url],
input[type=text],
input[type=tel],
input[type=password] {
    -webkit-appearance: none
}

input[type=button],
input[type=submit],
input[type=reset],
input[type=file] {
    cursor: pointer
}

input[type=search] {
    -webkit-appearance: textfield
}

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
}

.field {
    position: relative
}

.field input,
.field textarea {
    padding: 1.5rem;
    width: 100%
}

.field input::placeholder,
.field textarea::placeholder {
    opacity: 0
}

.field input:-webkit-autofill,
.field input:focus,
.field input:not(:placeholder-shown),
.field textarea:-webkit-autofill,
.field textarea:focus,
.field textarea:not(:placeholder-shown) {
    padding: 2.2rem 1.5rem .8rem
}

.field input:-webkit-autofill~label,
.field input:focus~label,
.field input:not(:placeholder-shown)~label,
.field textarea:-webkit-autofill~label,
.field textarea:focus~label,
.field textarea:not(:placeholder-shown)~label {
    font-size: 1rem;
    letter-spacing: .04rem;
    top: .3rem
}

.field label {
    left: 1.5rem;
    top: 1rem;
    margin-bottom: 0;
    pointer-events: none;
    position: absolute;
    transition: top .2s ease, font-size .2s ease;
    letter-spacing: .1rem;
    line-height: 1.5
}

textarea {
    -webkit-appearance: none
}

input,
textarea {
    box-shadow: 0 0 0 .1rem rgba(var(--text-color));
    transition: box-shadow .2s ease;
    border: 0
}

input:focus,
textarea:focus {
    box-shadow: 0 0 0 .2rem rgba(var(--text-color))
}

input[data-noui],
textarea[data-noui] {
    box-shadow: none
}

input[data-noui]:focus,
textarea[data-noui]:focus {
    box-shadow: none
}

input,
select,
textarea {
    color: rgb(var(--text-color));
    font-family: var(--body-font-family)
}

button {
    cursor: pointer;
    color: rgb(var(--text-color));
    border: .1rem solid rgba(var(--text-color), 0.3);
    font-family: var(--body-font-family)
}

input,
textarea,
button,
select {
    border-radius: 0;
    max-width: 100%;
    font-size: 100%;
    padding: 1rem
}

input[type=button],
input[type=submit],
input[type=reset],
input[type=file],
.button {
    -webkit-appearance: none;
    transition-duration: .3s;
    position: relative;
    border: 0;
    text-decoration: none;
    border-radius: var(--button-radius)
}

.disabled,
:disabled {
    pointer-events: none;
    opacity: .5
}

.primary-button:not(.sr-only):not(.visually-hidden):not(.add-to-cart-button.loading),
.secondary-button {
    font-weight: var(--heading-font-weight);
    font-family: var(--body-font-family);
    position: relative;
    overflow: hidden
}

@media(hover: hover) {

    .primary-button:not(.sr-only):not(.visually-hidden):not(.add-to-cart-button.loading):hover:before,
    .secondary-button:hover:before {
        animation: shine .75s cubic-bezier(0.01, 0.56, 1, 1);
        animation-iteration-count: infinite
    }
}

.primary-button:not(.sr-only):not(.visually-hidden):not(.add-to-cart-button.loading):before,
.secondary-button:before {
    position: absolute;
    top: 0;
    left: 150%;
    z-index: 2;
    display: block;
    content: "";
    width: 200%;
    height: 100%;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.primary-button {
    color: rgb(var(--button-text-color));
    background-color: rgb(var(--button-bg-color))
}

.primary-button:before {
    background-image: linear-gradient(90deg, transparent, rgba(var(--button-text-color), 0.3), transparent)
}

.secondary-button {
    color: rgb(var(--button-outline-color));
    border: var(--button-border-width) solid rgba(var(--button-outline-color), var(--button-border-opacity))
}

.secondary-button:before {
    background-image: linear-gradient(90deg, transparent, rgba(var(--button-outline-color), 0.15), transparent)
}

input[type=file] {
    display: flex;
    padding: 1rem
}

p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    margin: 0 0 1rem
}

li ul,
li ol {
    padding-left: 0;
    margin-left: 2rem
}

b,
strong {
    font-weight: 700
}

dfn,
cite,
em,
i {
    font-style: italic
}

blockquote {
    font-weight: 300;
    margin: 3rem 0;
    border-left: .4rem solid rgba(var(--text-color), 0.3);
    padding-left: 3rem;
    position: relative;
    clear: both;
    display: block
}

blockquote p {
    margin-bottom: 1.6667em
}

blockquote p:last-child {
    margin-bottom: 0
}

blockquote cite,
blockquote small {
    color: rgba(var(--text-color), 0.3);
    font-size: 1.6rem;
    line-height: 1.6
}

blockquote em,
blockquote i,
blockquote cite {
    font-style: normal
}

address {
    font-style: italic;
    margin: 0 0 1.6em
}

code,
kbd,
tt,
var,
samp,
pre {
    font-family: Inconsolata, monospace;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

pre {
    background-color: rgba(0, 0, 0, .01);
    border: 1px solid rgba(51, 51, 51, .1);
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: .8em;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

mark,
ins {
    text-decoration: none;
    word-break: normal
}

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

sup {
    bottom: 1ex
}

sub {
    top: .5ex
}

small {
    font-size: 75%
}

big {
    font-size: 125%
}

hr {
    background-color: rgba(var(--text-color), 0.1);
    background-color: rgba(51, 51, 51, .1);
    border: 0;
    height: 1px;
    margin: 1.5rem 0
}

table,
th,
td {
    border: 1px solid rgba(var(--text-color), 0.1)
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 2rem 0;
    table-layout: fixed;
    max-width: 100%
}

.woocommerce table {
    width: 100%;
    table-layout: auto
}

caption,
th,
td {
    font-weight: normal;
    text-align: left
}

tbody th {
    background-color: rgb(var(--background-color))
}

thead th {
    border-width: 0 1px 1px 0;
    font-weight: 700
}

td {
    border-width: 0 1px 1px 0
}

th,
td {
    padding: .5rem 1rem
}

del {
    opacity: .8
}

input::-webkit-input-placeholder {
    color: inherit
}

input:-moz-placeholder {
    color: inherit
}

input::-moz-placeholder {
    color: inherit
}

input:-ms-input-placeholder {
    color: inherit
}

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

textarea {
    max-width: 100%
}

textarea::-webkit-input-placeholder {
    color: inherit
}

textarea:-moz-placeholder {
    color: inherit
}

textarea::-moz-placeholder {
    color: inherit
}

textarea:-ms-input-placeholder {
    color: inherit
}

.overflow-hidden {
    overflow: hidden
}

a {
    text-decoration: none;
    color: rgb(var(--link-color))
}

.link-underline,
.rte a {
    transition: text-decoration-color .8s ease, text-decoration-thickness .8s ease;
    text-decoration-line: underline;
    text-decoration-thickness: .1rem;
    text-decoration-color: rgba(var(--text-color), 0.5);
    text-underline-offset: .2rem
}

@media(hover: hover) {

    .link-underline:hover,
    .rte a:hover {
        text-decoration-color: currentColor
    }
}

.link-underline-transparent {
    transition: text-decoration-color .8s ease, text-decoration-thickness .8s ease;
    text-decoration-line: underline;
    text-decoration-thickness: .1rem;
    text-decoration-color: rgba(0, 0, 0, 0);
    text-underline-offset: .2rem
}

@media(hover: hover) {
    .link-underline-transparent:hover {
        text-decoration-color: currentColor
    }
}

.link {
    color: rgb(var(--link-color))
}

.animation-fade-up {
    animation: fadeUp 1s cubic-bezier(0.165, 0.84, 0.44, 1) .1s forwards
}

.opacity-0 {
    opacity: 0
}

dl {
    margin: 0 0 1.75em
}

dt {
    font-weight: 700
}

dd {
    margin: 0 0 1rem
}

.rtl {
    direction: rtl
}

@media(max-width: 767px) {
    .hidden-mobile {
        display: none !important
    }
}

@media(min-width: 768px)and (max-width: 991px) {
    .hidden-tablet {
        display: none !important
    }
}

@media(min-width: 992px) {
    .hidden-desktop {
        display: none !important
    }
}

.bounce-it {
    animation: bounce 1s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    transform: translate3d(0, 0, 0);
    perspective: 10rem
}

.horizontal-left {
    justify-content: flex-start
}

.horizontal-center {
    justify-content: center
}

.horizontal-right {
    justify-content: flex-end
}

.vertical-top {
    align-items: flex-start
}

.vertical-middle {
    align-items: center
}

.vertical-bottom {
    align-items: flex-end
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.text-uppercase {
    text-transform: uppercase
}

.text-lowercase {
    text-transform: lowercase
}

.text-capitalize {
    text-transform: capitalize
}

@media(max-width: 991px) {
    .text-left-mobile {
        text-align: left
    }

    .text-center-mobile {
        text-align: center
    }

    .text-right-mobile {
        text-align: right
    }
}

.flex-justify-center {
    justify-content: center
}

.flex-justify-start {
    justify-content: flex-start
}

.flex-justify-end {
    justify-content: flex-end
}

.flex-align-center {
    align-items: center
}

.flex-align-start {
    align-items: flex-start
}

.flex-align-end {
    align-items: flex-end
}

.visibility-hidden {
    visibility: hidden !important
}

.hidden {
    display: none !important
}

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

#shopify-product-reviews input {
    border-radius: var(--button-radius)
}

#shopify-product-reviews textarea {
    border-radius: .4rem
}

#shopify-product-reviews input:not([type=submit]),
#shopify-product-reviews textarea {
    box-shadow: 0 0 0 .1rem rgba(var(--text-color), 0.3)
}

#shopify-product-reviews input:not([type=submit]):focus,
#shopify-product-reviews textarea:focus {
    box-shadow: 0 0 0 .2rem rgb(var(--text-color))
}

#shopify-product-reviews .spr-icon {
    color: rgb(var(--rating-star-color))
}

#shopify-product-reviews .spr-container {
    padding: 2px;
    border: 0
}

#shopify-product-reviews .spr-header {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

#shopify-product-reviews .spr-header-title {
    font-size: 3rem
}

@media(max-width: 767px) {
    #shopify-product-reviews .spr-header-title {
        font-size: 2rem
    }
}

#shopify-product-reviews .spr-summary {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    align-items: center
}

#shopify-product-reviews .spr-summary .spr-summary-actions {
    flex: 0 0 100%;
    display: inline-flex;
    justify-content: center
}

#shopify-product-reviews .spr-summary .spr-summary-caption {
    line-height: 1
}

#shopify-product-reviews .spr-summary .spr-summary-actions-newreview {
    font-weight: 700;
    padding: .8rem 2.2rem;
    margin-top: 2rem;
    text-decoration: none
}

@media(max-width: 767px) {
    #shopify-product-reviews .spr-summary .spr-summary-actions-newreview {
        padding: .5rem 1.5rem;
        font-size: 1.3rem
    }
}

#shopify-product-reviews .spr-form {
    margin: 4rem auto 0 auto;
    max-width: 80rem
}

#shopify-product-reviews .spr-form input {
    min-height: 4rem;
    padding-left: 2rem;
    padding-right: 2rem
}

#shopify-product-reviews .spr-form .spr-form-title {
    text-align: center
}

#shopify-product-reviews .spr-form .spr-form-title:empty {
    display: none
}

#shopify-product-reviews .spr-form .spr-form-label {
    display: block;
    margin-bottom: .5rem
}

#shopify-product-reviews .spr-form .spr-form-actions {
    display: flex;
    justify-content: center
}

#shopify-product-reviews .spr-form .spr-form-message {
    text-align: center
}

#shopify-product-reviews .spr-reviews {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    border-top: 1px solid #e0e0e0;
    padding-top: 4rem;
    margin-top: 4rem
}

#shopify-product-reviews .spr-reviews:empty {
    display: none
}

@media(max-width: 767px) {
    #shopify-product-reviews .spr-reviews {
        overflow-x: auto;
        white-space: nowrap;
        flex-wrap: nowrap
    }

    #shopify-product-reviews .spr-reviews .spr-review {
        min-width: 27rem;
        overflow: hidden
    }

    #shopify-product-reviews .spr-reviews .spr-review-header-title,
    #shopify-product-reviews .spr-reviews .spr-review-header-byline,
    #shopify-product-reviews .spr-reviews .spr-review-content {
        white-space: normal
    }
}

#shopify-product-reviews .spr-reviews .spr-review {
    border-top: 0;
    border-bottom: 1px solid rgba(var(--text-color), 0.1);
    padding-top: 0;
    padding-bottom: 3rem;
    margin-top: 0;
    margin-bottom: 4rem
}

#shopify-product-reviews .spr-reviews .spr-review:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

#shopify-product-reviews .spr-reviews .spr-starratings {
    margin-bottom: .9rem
}

#shopify-product-reviews .spr-reviews .spr-review-header {
    display: flex;
    flex-direction: column
}

#shopify-product-reviews .spr-reviews .spr-review-header-title {
    font-size: 1.8rem;
    margin-top: 1rem;
    font-family: var(--body-font-family);
    order: 1
}

#shopify-product-reviews .spr-reviews .spr-review-header-byline {
    font-weight: normal;
    font-size: 1.4rem;
    font-style: normal;
    margin: 0
}

#shopify-product-reviews .spr-reviews .spr-review-header-byline strong {
    color: rgb(var(--heading-color))
}

#shopify-product-reviews .spr-reviews .spr-review-header-byline strong:last-child {
    font-weight: 400
}

#shopify-product-reviews .spr-reviews .spr-review-content {
    margin-top: 1.5rem;
    margin-bottom: 3.1rem
}

#shopify-product-reviews .spr-reviews .spr-review-content .spr-review-content-body {
    margin: 0;
    font-size: 1.4rem;
    line-height: 2.7rem
}

#shopify-product-reviews .spr-reviews .spr-review-reply-body {
    font-size: 1.4rem;
    line-height: 2.5rem
}

#shopify-product-reviews .spr-reviews .spr-review-footer .spr-review-reportreview {
    font-size: 1.2rem
}

@media(hover: hover) {
    #shopify-product-reviews .spr-reviews .spr-review-footer .spr-review-reportreview:hover {
        color: rgb(var(--link-color))
    }
}

.video-background-section .stretch-section .content-wrap {
    padding-left: 0;
    padding-right: 0
}

.video-background-section .video-450px {
    height: 292.5px
}

.video-background-section .video-550px {
    height: 357.5px
}

.video-background-section .video-650px {
    height: 422.5px
}

.video-background-section .video-750px {
    height: 487.5px
}

.video-background-section .video-100vh {
    height: 100vh
}

.video-background-section .video-16-9 .content-wrap {
    position: absolute;
    width: 100%
}

@media(min-width: 590px) {
    .video-background-section .video-450px {
        height: 450px
    }

    .video-background-section .video-550px {
        height: 550px
    }

    .video-background-section .video-650px {
        height: 650px
    }

    .video-background-section .video-750px {
        height: 750px
    }

    .video-background-section .video-16-9 {
        height: 0;
        padding-bottom: 56.25%
    }
}

@media(max-width: 589px) {
    .video-background-section .video-mobile-auto {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: auto
    }

    .video-background-section .video-16-9.video-mobile-auto {
        height: 0;
        padding-bottom: 56.25%
    }

    .video-background-section .video-mobile-250px {
        height: 250px
    }

    .video-background-section .video-mobile-300px {
        height: 300px
    }

    .video-background-section .video-mobile-400px {
        height: 400px
    }

    .video-background-section .video-mobile-500px {
        height: 500px
    }

    .video-background-section .video-mobile-100vh {
        height: 90vh
    }
}

.video-background-section .section-inner {
    position: relative
}

.video-background-section .section-inner:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0)
}

.video-background-section .content-wrap {
    position: relative;
    height: 100%;
    padding: 5rem
}

@media(max-width: 991px) {
    .video-background-section .content-wrap {
        padding: 0
    }
}

.video-background-section .container {
    height: 100%
}

.video-background-section .content {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 5;
    display: flex;
    flex-direction: column;
    color: rgb(var(--text-color));
    padding: 5rem 0
}

.video-background-section .content .sub-heading *,
.video-background-section .content .heading * {
    margin: 0
}

.video-background-section .content .sub-heading {
    margin-bottom: 1.5rem
}

.video-background-section .content .heading {
    margin-bottom: 3rem
}

.video-background-section .content .toggle-popup-bg-video {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 5rem;
    padding: 1.5rem
}

.video-background-section .content .toggle-popup-bg-video svg {
    margin-right: 1rem
}

.video-background-section .content p {
    margin-bottom: 0
}

@media(max-width: 991px) {
    .video-background-section .content {
        justify-content: center;
        align-items: center;
        text-align: center
    }
}

.video-background-section .background-video-item {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none
}

.video-background-section .background-video-item video {
    width: 100%;
    height: 100%;
    pointer-events: none
}

.video-background-section .background-video-item video[autoplay]~.video-image-wrapper,
.video-background-section .background-video-item video[autoplay]~.play-video,
.video-background-section .background-video-item video[data-ready]~.video-image-wrapper,
.video-background-section .background-video-item video[data-ready]~.play-video {
    display: none
}

.video-background-section .background-video-item iframe {
    position: absolute;
    max-width: none;
    top: 0;
    height: 100%;
    width: 300%;
    left: -100%
}

@media(min-width: 1140px) {
    .video-background-section .background-video-item iframe {
        left: auto;
        top: -100%;
        height: 300%;
        width: 100%
    }
}

.video-background-section .background-video-item iframe[src]~.video-image-wrapper,
.video-background-section .background-video-item iframe[src]~.play-video {
    display: none
}

@media(hover: hover) {
    .video-background-section .background-video-item:hover .play-video {
        transform: translate(-50%, -50%) scale(1)
    }
}

.video-background-section .play-video {
    transition: transform .3s ease, opacity .3s ease;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    width: 8rem;
    height: 8rem;
    background-color: #fff;
    border-radius: 50rem;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    pointer-events: none
}

.video-background-section .play-video svg {
    width: 3rem;
    height: 3rem;
    color: #333
}

.video-background-section .video-image-wrapper {
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.video-background-section .video-image-wrapper img,
.video-background-section .video-image-wrapper svg {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.bg-video-popup-open .video-background-section .background-video-popup {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.bg-video-popup-open .video-background-section .background-video-popup .bg-video-popup-inner {
    transform: translateY(0)
}

.video-background-section .background-video-popup {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity .3s ease
}

.video-background-section .background-video-popup .close-button {
    position: absolute;
    right: 3rem;
    top: 3rem;
    color: #fff;
    cursor: pointer
}

.video-background-section .background-video-popup .bg-video-popup-inner {
    width: var(--container);
    max-width: 90vw;
    padding-bottom: 56.25%;
    position: relative;
    height: auto;
    transition: transform .3s ease;
    transform: translateY(5rem)
}

.video-background-section .background-video-popup .bg-video-popup-inner iframe,
.video-background-section .background-video-popup .bg-video-popup-inner video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%
}

.banner-countdown-section .text-first .content {
    order: -1
}

.banner-countdown-section .banner-countdown {
    display: flex;
    gap: 12px
}

.banner-countdown-section .banner-countdown .image .lazy-image,
.banner-countdown-section .banner-countdown .image .adapt-svg-placeholder svg {
    aspect-ratio: 1.04/1
}

@media(min-width: 992px) {

    .banner-countdown-section .banner-countdown .image .lazy-image,
    .banner-countdown-section .banner-countdown .image .adapt-svg-placeholder svg {
        aspect-ratio: 2.63/1
    }
}

.banner-countdown-section .content {
    display: flex;
    width: 100%;
    padding: 4.7rem 0 4.8rem
}

@media(max-width: 991px) {
    .banner-countdown-section .content {
        height: 40rem;
        padding: 5rem 4rem
    }
}

.banner-countdown-section .content p:last-child {
    margin-bottom: 0
}

.banner-countdown-section .content-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.banner-countdown-section .heading {
    text-align: center;
    margin-top: -0.8rem
}

.banner-countdown-section .heading * {
    margin: 0
}

.banner-countdown-section .heading h1 {
    line-height: 1
}

.banner-countdown-section .description {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1.2px;
    font-weight: 600
}

.banner-countdown-section .description * {
    margin: 0
}

.banner-countdown-section .content-image {
    margin: 4rem 0
}

.banner-countdown-section .content-image {
    max-width: 27rem;
    max-height: 31rem;
    position: relative
}

@media(max-width: 991px) {
    .banner-countdown-section .stretch-section .content {
        padding: 4rem
    }

    .banner-countdown-section .banner-countdown {
        flex-direction: column
    }
}

.banner-countdown-section .theme-countdown {
    position: relative
}

.banner-countdown-section .countdown-image img,
.banner-countdown-section .countdown-image .placeholder-svg {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    top: 0
}

.banner-countdown-section .button-whole-slide {
    position: absolute;
    z-index: 15;
    inset: 0
}

.banner-countdown-section .countdown-content {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 12rem;
    padding-bottom: 12rem
}

.banner-countdown-section .countdown-content:not(.container) {
    padding-left: 9.2rem;
    padding-right: 9.2rem
}

@media(max-width: 992px) {
    .banner-countdown-section .countdown-content {
        padding-top: 4rem;
        padding-bottom: 15rem
    }
}

@media(max-width: 992px)and (min-width: 600px) {
    .banner-countdown-section .countdown-content {
        max-width: 80%
    }
}

@media(max-width: 992px) {
    .banner-countdown-section .countdown-content:not(.container) {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .banner-countdown-section .countdown-content .countdown-content-inner {
        align-items: center
    }
}

.banner-countdown-section .countdown-content-inner {
    width: 100%;
    display: flex;
    flex-direction: column
}

.banner-countdown-section .countdown-heading {
    max-width: 35rem
}

.banner-countdown-section .countdown-heading * {
    line-height: 1.22;
    margin: 0
}

.banner-countdown-section .primary-button {
    padding: 1.6rem 2.8rem;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.banner-countdown-section .button {
    display: inline-flex;
    align-items: center;
    margin-top: 2.5rem;
    display: inline-flex;
    padding: 1.6rem 2.8rem
}

.banner-countdown-section .button.underline-button {
    margin-top: 1.5rem;
    text-underline-offset: .4rem;
    font-weight: 600;
    padding: 0
}

.banner-countdown-section .button.underline-button svg {
    margin-left: 8px
}

.banner-countdown-section .button.underline-button:hover {
    text-decoration-thickness: .2rem
}

.banner-countdown-section .countdown-time-wrap.flat-countdown .countdown-time {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: .8rem;
    padding: 0
}

@media(min-width: 992px) {
    .banner-countdown-section .countdown-time-wrap.flat-countdown .countdown-time {
        margin-top: -5rem
    }
}

.banner-countdown-section .countdown-time-wrap.flat-countdown .countdown-time .time-block {
    background-color: rgb(var(--background-color));
    min-width: 6.4rem;
    min-height: 6.4rem;
    border-radius: .4rem;
    margin-right: 0;
    padding-top: 1.1rem
}

.banner-countdown-section .countdown-time-wrap.flat-countdown .countdown-time .time-block:before {
    content: none
}

.banner-countdown-section .countdown-time-wrap.flat-countdown .countdown-time .time-number {
    font-size: 1.6rem;
    line-height: 1;
    min-height: 1.7rem;
    font-weight: 600
}

.banner-countdown-section .countdown-time-wrap.flat-countdown .countdown-time .time-text {
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: .5rem
}

.banner-sale-section .banner-sale {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 6.4rem
}

@media(max-width: 991px) {
    .banner-sale-section .banner-sale {
        flex-direction: column;
        padding: 4rem 2.8rem
    }
}

.banner-sale-section .banner-sale .content,
.banner-sale-section .banner-sale .price-product {
    padding: 4.8rem 0 4.8rem 4.8rem
}

@media(max-width: 991px) {

    .banner-sale-section .banner-sale .content,
    .banner-sale-section .banner-sale .price-product {
        padding: 2rem;
        text-align: center
    }
}

@media(max-width: 589px) {

    .banner-sale-section .banner-sale .content,
    .banner-sale-section .banner-sale .price-product {
        width: 100%
    }
}

.banner-sale-section .heading *,
.banner-sale-section .sub-heading *,
.banner-sale-section .price-product * {
    line-height: inherit;
    margin: 0
}

.banner-sale-section .sub-heading {
    margin-top: .5rem;
    letter-spacing: .32px
}

.banner-sale-section .price-text {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    flex-wrap: wrap
}

@media(max-width: 991px) {
    .banner-sale-section .price-text {
        justify-content: center
    }
}

.banner-sale-section .price-text .regular-price {
    font-size: 1.8rem;
    font-weight: 400;
    text-decoration: line-through
}

.banner-sale-section .icon-box {
    display: flex;
    gap: 2.4rem;
    margin-top: 2rem;
    flex-wrap: wrap
}

@media(max-width: 991px) {
    .banner-sale-section .icon-box {
        justify-content: center
    }
}

.banner-sale-section .icon-box .image-wrap {
    display: flex;
    letter-spacing: .32px
}

.banner-sale-section .image-wrap .icon-image {
    display: block;
    width: fit-content;
    height: auto
}

.banner-sale-section .image-wrap .icon-image img,
.banner-sale-section .image-wrap .icon-image svg {
    max-width: 2.4rem;
    max-height: 2.4rem;
    margin-right: 1.2rem;
    margin-top: -0.3rem
}

.banner-sale-section .image-item svg,
.banner-sale-section .image-item img {
    max-width: 32rem;
    min-width: 18rem
}

.banner-sale-section .button {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    padding: 1.7rem 3rem;
    width: 100%;
    height: 4.4rem;
    margin-top: 1rem;
    white-space: nowrap
}

.banners-section .section-wrapper {
    container-type: inline-size
}

.banners-section .banners {
    display: grid;
    position: relative;
    gap: 1.2rem
}

.banners-section .banners.col-1 {
    display: block
}

.banners-section .banners .image-item a.grid-link:focus-visible {
    outline: .15rem solid #222;
    display: block;
    outline-offset: -0.2rem
}

.banners-section .banners .image-item a.button:focus-visible {
    outline: .15rem solid #222
}

.banners-section .banners .image-item .item {
    position: relative;
    width: 100%
}

.banners-section .banners .image-item svg,
.banners-section .banners .image-item img {
    transition: opacity .1s ease, transform 1s cubic-bezier(0, 0, 0.44, 1.18)
}

@container (max-width: 809px) {

    .banners-section .banners .image-item svg,
    .banners-section .banners .image-item img {
        min-height: 345px
    }
}

.banners-section .banners .image-item:hover img {
    transform: scale(1.08)
}

.banners-section .banners.grid-text-combine .image-item:nth-child(2) .sub-heading *,
.banners-section .banners.grid-text-combine .image-item:nth-child(2) .heading *,
.banners-section .banners.grid-text-combine .image-item:nth-child(3) .sub-heading *,
.banners-section .banners.grid-text-combine .image-item:nth-child(3) .heading * {
    color: #fff
}

.banners-section .banners.grid-text-combine .image-item:nth-child(2) img,
.banners-section .banners.grid-text-combine .image-item:nth-child(2) svg,
.banners-section .banners.grid-text-combine .image-item:nth-child(3) img,
.banners-section .banners.grid-text-combine .image-item:nth-child(3) svg {
    aspect-ratio: 1.2/1
}

.banners-section .banners.grid-text-combine .image-item:nth-child(2) .item,
.banners-section .banners.grid-text-combine .image-item:nth-child(3) .item {
    display: flex;
    align-items: center;
    flex-direction: column
}

.banners-section .banners.grid-text-combine .image-item:nth-child(2) .item .content,
.banners-section .banners.grid-text-combine .image-item:nth-child(3) .item .content {
    position: static;
    flex: 50%;
    padding: 4rem 5.4rem;
    width: 100%
}

.banners-section .banners.grid-text-combine .image-item:nth-child(2) .item .grid-link,
.banners-section .banners.grid-text-combine .image-item:nth-child(3) .item .grid-link {
    flex: 50%;
    width: 100%
}

.banners-section .banners.grid-text-combine .image-item:nth-child(2) {
    background-color: #809a94
}

.banners-section .banners.grid-text-combine .image-item:nth-child(3) {
    background-color: #b7b8b6
}

.banners-section .banners.grid-text-combine .image-item:nth-child(3) .item {
    flex-direction: coloum-reverse
}

.banners-section .banners.grid-text-combine .heading {
    margin-bottom: 2.5rem
}

.banners-section .banners.grid-text-inside .image-item:nth-child(2) img,
.banners-section .banners.grid-text-inside .image-item:nth-child(2) svg,
.banners-section .banners.grid-text-inside .image-item:nth-child(3) img,
.banners-section .banners.grid-text-inside .image-item:nth-child(3) svg {
    aspect-ratio: 1.2/1
}

.banners-section .banners.grid-text-inside .sub-heading {
    padding: 1rem 2.4rem;
    border-radius: 44px;
    background-color: #fff;
    color: #222;
    width: fit-content;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 2rem
}

.banners-section .banners.grid-text-inside .button {
    margin-top: 2rem
}

.banners-section .banners.grid-text-inside .content.text-left .sub-heading {
    margin-left: 0;
    margin-right: auto
}

.banners-section .banners.grid-text-inside .content.text-center .sub-heading {
    margin-left: auto;
    margin-right: auto
}

.banners-section .banners.grid-text-inside .content.text-right .sub-heading {
    margin-left: auto;
    margin-right: 0
}

.banners-section .banners p {
    margin-bottom: 0
}

.banners-section .banners .content {
    position: absolute;
    top: 3rem;
    bottom: 3rem;
    left: 3rem;
    right: 3rem;
    z-index: 2
}

.banners-section .banners .content .heading *,
.banners-section .banners .content .sub-heading * {
    line-height: inherit;
    margin: 0
}

@container (max-width: 809px) {

    .banners-section .banners .content .heading h1,
    .banners-section .banners .content .heading h2,
    .banners-section .banners .content .heading h3,
    .banners-section .banners .content .heading .h1,
    .banners-section .banners .content .heading .h2,
    .banners-section .banners .content .heading .h3,
    .banners-section .banners .content .sub-heading h1,
    .banners-section .banners .content .sub-heading h2,
    .banners-section .banners .content .sub-heading h3,
    .banners-section .banners .content .sub-heading .h1,
    .banners-section .banners .content .sub-heading .h2,
    .banners-section .banners .content .sub-heading .h3 {
        font-size: calc(2.2rem + .390625vw)
    }

    .banners-section .banners .content .heading h4,
    .banners-section .banners .content .heading h5,
    .banners-section .banners .content .heading h6,
    .banners-section .banners .content .heading .h4,
    .banners-section .banners .content .heading .h5,
    .banners-section .banners .content .heading .h6,
    .banners-section .banners .content .sub-heading h4,
    .banners-section .banners .content .sub-heading h5,
    .banners-section .banners .content .sub-heading h6,
    .banners-section .banners .content .sub-heading .h4,
    .banners-section .banners .content .sub-heading .h5,
    .banners-section .banners .content .sub-heading .h6 {
        font-size: calc(1.8rem + .390625vw)
    }
}

.banners-section .banners .content .button {
    display: inline-flex;
    padding: 1.7rem 2.9rem;
    height: 4.4rem;
    align-items: center;
    width: fit-content
}

.banners-section .banners .heading {
    line-height: 1.21
}

.banners-section .banners.list-text-inside .heading {
    margin-bottom: 1.2rem
}

.banners-section .banners.list-text-inside .content .button {
    padding: 1.7rem 2.4rem
}

.banners-section .banners .image-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3
}

@container (hover: hover) {
    .banners-section .banners .image-link:hover+.content .button:before {
        -webkit-animation: shine .5s;
        animation: shine .5s
    }
}

.banners-section .banners .sub-heading {
    font-size: 1.2rem;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    margin-bottom: 1.5rem
}

@container (max-width: 809px) {
    .banners-section .banners {
        gap: 2rem
    }

    .banners-section .banners.list-text-inside .content,
    .banners-section .banners.grid-text-combine .content {
        top: 4rem;
        left: 4rem;
        right: 4rem
    }

    .banners-section .banners.list-text-inside .content .button,
    .banners-section .banners.grid-text-combine .content .button {
        height: 4.4rem;
        padding: 1rem 2.4rem
    }

    .banners-section .banners.list-text-inside .heading,
    .banners-section .banners.grid-text-combine .heading {
        margin-bottom: 2.4rem
    }

    .banners-section .banners.grid-text-inside .content {
        top: auto;
        bottom: 4rem;
        left: 2.8rem;
        right: 2.8rem
    }
}

@container (min-width: 768px) {
    .banners-section .banners.list-text-inside.col-2 {
        grid-template-areas: "bb aa";
        grid-template-columns: 2fr 1fr;
        grid-auto-columns: minmax(435px, 1fr)
    }

    .banners-section .banners.list-text-inside.col-3 {
        grid-template-areas: "bb aa aa";
        grid-template-columns: 2fr repeat(2, 1fr);
        grid-auto-columns: minmax(435px, 1fr)
    }

    .banners-section .banners.list-text-inside .image-item:first-child {
        grid-area: bb
    }

    .banners-section .banners.list-text-inside .image-item:first-child img,
    .banners-section .banners.list-text-inside .image-item:first-child svg {
        aspect-ratio: 1.92/1
    }

    .banners-section .banners.list-text-inside .image-item:first-child .content {
        position: absolute;
        top: 3rem;
        left: 3rem;
        bottom: 3rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .banners-section .banners.list-text-inside .image-item:first-child .content.text-left .button {
        margin-left: 0;
        margin-right: auto
    }

    .banners-section .banners.list-text-inside .image-item:first-child .content.text-center .button {
        margin-left: auto;
        margin-right: auto
    }

    .banners-section .banners.list-text-inside .image-item:first-child .content.text-right .button {
        margin-left: auto;
        margin-right: 0
    }

    .banners-section .banners.grid-text-combine {
        grid-template-areas: "bb aa" "bb aa";
        grid-template-columns: 1fr;
        grid-auto-columns: minmax(35rem, 1fr)
    }

    .banners-section .banners.grid-text-combine .image-item:first-child {
        grid-area: bb;
        display: flex
    }

    .banners-section .banners.grid-text-combine .image-item:first-child img,
    .banners-section .banners.grid-text-combine .image-item:first-child svg {
        aspect-ratio: 1.1805/1
    }

    .banners-section .banners.grid-text-combine .image-item:first-child .heading {
        margin-bottom: 3.7rem
    }

    .banners-section .banners.grid-text-combine .image-item:first-child .content {
        position: absolute;
        top: 8rem;
        left: 8rem;
        right: 8rem
    }

    .banners-section .banners.grid-text-combine .image-item:nth-child(2) img,
    .banners-section .banners.grid-text-combine .image-item:nth-child(2) svg,
    .banners-section .banners.grid-text-combine .image-item:nth-child(3) img,
    .banners-section .banners.grid-text-combine .image-item:nth-child(3) svg {
        aspect-ratio: 1.2/1
    }

    .banners-section .banners.grid-text-combine .image-item:nth-child(2) .item,
    .banners-section .banners.grid-text-combine .image-item:nth-child(3) .item {
        display: flex;
        align-items: center;
        flex-direction: row
    }

    .banners-section .banners.grid-text-combine .image-item:nth-child(2) .item .content,
    .banners-section .banners.grid-text-combine .image-item:nth-child(3) .item .content {
        position: static;
        flex-basis: 50%;
        padding: 2rem 6rem
    }

    .banners-section .banners.grid-text-combine .image-item:nth-child(2) .item .grid-link,
    .banners-section .banners.grid-text-combine .image-item:nth-child(3) .item .grid-link {
        flex-basis: 50%
    }

    .banners-section .banners.grid-text-combine .image-item:nth-child(2) {
        background-color: #809a94
    }

    .banners-section .banners.grid-text-combine .image-item:nth-child(3) {
        background-color: #b7b8b6
    }

    .banners-section .banners.grid-text-combine .image-item:nth-child(3) .item {
        flex-direction: row-reverse
    }

    .banners-section .banners.grid-text-inside {
        grid-template-areas: "bb aa" "bb aa";
        grid-template-columns: 1fr;
        grid-auto-columns: minmax(35rem, 1fr)
    }

    .banners-section .banners.grid-text-inside .image-item:first-child {
        grid-area: bb
    }

    .banners-section .banners.grid-text-inside .image-item:first-child img,
    .banners-section .banners.grid-text-inside .image-item:first-child svg {
        aspect-ratio: .86/1
    }

    .banners-section .banners.grid-text-inside .image-item:first-child .heading {
        margin-bottom: 0
    }

    .banners-section .banners.grid-text-inside .image-item:first-child .content {
        position: absolute;
        bottom: 6rem;
        left: 6rem;
        right: 6rem
    }

    .banners-section .banners.grid-text-inside .image-item:first-child .button {
        margin-top: 2rem
    }

    .banners-section .banners.grid-text-inside .image-item:nth-child(2) img,
    .banners-section .banners.grid-text-inside .image-item:nth-child(2) svg,
    .banners-section .banners.grid-text-inside .image-item:nth-child(3) img,
    .banners-section .banners.grid-text-inside .image-item:nth-child(3) svg {
        aspect-ratio: 1.75/1
    }

    .banners-section .banners.grid-text-inside .image-item:nth-child(2) .heading,
    .banners-section .banners.grid-text-inside .image-item:nth-child(3) .heading {
        margin-bottom: 0
    }

    .banners-section .banners.grid-text-inside .image-item:nth-child(2) .button,
    .banners-section .banners.grid-text-inside .image-item:nth-child(3) .button {
        margin-top: 2rem
    }

    .banners-section .container .banners.list-text-inside .image-item:first-child img,
    .banners-section .container .banners.list-text-inside .image-item:first-child svg {
        aspect-ratio: 2/1
    }

    .banners-section .container .banners.grid-text-combine .image-item:first-child img,
    .banners-section .container .banners.grid-text-combine .image-item:first-child svg {
        aspect-ratio: 1/1
    }

    .banners-section .container .banners.grid-text-combine .image-item:nth-child(2) img,
    .banners-section .container .banners.grid-text-combine .image-item:nth-child(2) svg,
    .banners-section .container .banners.grid-text-combine .image-item:nth-child(3) img,
    .banners-section .container .banners.grid-text-combine .image-item:nth-child(3) svg {
        aspect-ratio: 1/1
    }

    .banners-section .container .banners.grid-text-inside .image-item:first-child img,
    .banners-section .container .banners.grid-text-inside .image-item:first-child svg {
        aspect-ratio: .86/1
    }

    .banners-section .container .banners.grid-text-inside .image-item:nth-child(2) img,
    .banners-section .container .banners.grid-text-inside .image-item:nth-child(2) svg,
    .banners-section .container .banners.grid-text-inside .image-item:nth-child(3) img,
    .banners-section .container .banners.grid-text-inside .image-item:nth-child(3) svg {
        aspect-ratio: 1.75/1
    }
}

@container (max-width: 992px) {
    .banners-section .banners.list-text-inside .image-item:first-child .content {
        top: 3rem;
        left: 3rem;
        bottom: 3rem
    }

    .banners-section .banners.grid-text-combine .content {
        top: 2rem;
        left: 2rem;
        right: 2rem
    }

    .banners-section .banners.grid-text-combine .image-item:nth-child(2) .item .content,
    .banners-section .banners.grid-text-combine .image-item:nth-child(3) .item .content {
        padding: 2rem
    }

    .banners-section .banners.grid-text-inside .image-item:first-child .content {
        bottom: 2rem;
        left: 2rem;
        right: 2rem
    }
}

.blog-list-section .blog-heading {
    margin-top: 0
}

.blog-list-section .blog-description {
    margin-bottom: 6rem
}

.blog-list-section .blog-description p {
    letter-spacing: .02em
}

.blog-list-section .blog-description p:last-child {
    margin-bottom: 0
}

@media(min-width: 992px) {
    .blog-list-section .blog-description {
        max-width: 70rem;
        margin-left: auto;
        margin-right: auto
    }
}

.blog-list-section ul {
    list-style: none;
    padding-left: 0
}

.blog-list-section .blog-list .grid {
    margin: 0
}

@media(max-width: 991px) {
    .blog-list-section .blog-list .grid {
        gap: 2rem
    }
}

@media(hover: hover) {
    .blog-list-section .article-card:hover .card-image img {
        transform: scale(1.05)
    }
}

.blog-list-section .card-content {
    padding: 1.7rem 2.4rem 3rem
}

.blog-list-section .card-content>*:last-child {
    margin-bottom: 0
}

.blog-list-section .card-content .button {
    font-weight: 600
}

.blog-list-section .card-content .button svg {
    margin-left: 1.2rem
}

.blog-list-section .card-image {
    display: block;
    overflow: hidden
}

.blog-list-section .card-image img {
    aspect-ratio: 1.185/1;
    object-fit: cover;
    transform: scale(1);
    transition: transform .3s ease
}

.blog-list-section .no-media {
    background-color: rgba(var(--text-color), 0.03);
    position: relative
}

.blog-list-section .no-media.adapt-media {
    padding-bottom: 84.5%
}

.blog-list-section .no-media .article-title {
    margin: 0
}

.blog-list-section .no-media .article-link {
    padding: 2rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    line-height: normal;
    overflow: hidden;
    text-decoration-color: rgba(0, 0, 0, 0)
}

.blog-list-section .no-media .article-link:hover {
    text-decoration-color: currentColor
}

.blog-list-section .card-title {
    margin-top: 0;
    margin-bottom: 2.3rem;
    line-height: normal
}

.blog-list-section .card-title a {
    transition: text-decoration-color .3s ease, text-decoration-thickness .3s ease;
    color: rgb(var(--link-color));
    text-decoration-line: underline;
    text-decoration-thickness: .1rem;
    text-decoration-color: rgba(0, 0, 0, 0);
    text-underline-offset: .4rem
}

@media(hover: hover) {
    .blog-list-section .card-title a:hover {
        text-decoration-color: rgb(var(--link-color));
        text-decoration-thickness: .2rem
    }
}

@media(min-width: 768px) {
    .blog-list-section .blog-heading {
        margin-bottom: 1.3rem
    }

    .blog-list-section .blog-heading+.blog-main-content {
        margin-top: 6rem
    }
}

.blog-list-section .pagination {
    margin-top: 6rem
}

@media(max-width: 767px) {
    .blog-list-section .blog-description {
        margin-bottom: 4rem
    }

    .blog-list-section .blog-heading+.blog-main-content {
        margin-top: 4rem
    }

    .blog-list-section .card-image img {
        width: 100%
    }

    .blog-list-section .card-title {
        margin-bottom: 1rem
    }

    .blog-list-section .pagination {
        margin-top: 4rem
    }
}

.blog-list-section .card-info {
    text-transform: uppercase;
    color: rgba(var(--text-color), 0.8);
    margin-bottom: 1.8rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.blog-list-section .card-info .info-item {
    font-size: 1.2rem;
    letter-spacing: .1em
}

.blog-list-section .card-info a {
    color: currentColor
}

@media(hover: hover) {
    .blog-list-section .card-info a:hover {
        text-decoration: underline
    }
}

.blog-list-section .card-info .separator {
    margin: 0 1rem;
    font-size: 1.2rem;
    color: rgba(var(--text-color), 0.6)
}

.blog-list-section .card-info .separator:last-child {
    display: none
}

.blog-list-section .card-info svg {
    margin: 0 1.2rem;
    width: .8rem;
    height: auto;
    fill: rgba(var(--text-color), 0.6);
    vertical-align: baseline
}

.blog-list-section .card-info svg:last-child {
    display: none
}

.blog-list-section .card-info svg path {
    stroke: rgba(var(--text-color), 0.6)
}

.blog-list-section .card-author {
    margin-bottom: 1.2rem;
    display: flex;
    align-items: center;
    font-weight: 600
}

.blog-list-section .card-author .article-avatar {
    display: inline-block;
    margin-right: .8rem
}

.blog-list-section .card-author .article-avatar img {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 100%
}

@media(max-width: 991px) {
    .blog-list-section .blog-list .grid-2 {
        gap: 2rem
    }
}

.blog-list-section .blog-list .grid-2 .article-card {
    display: flex;
    align-items: center;
    height: 100%
}

.blog-list-section .blog-list .grid-2 .article-card [class*=-media] {
    width: 43.8%;
    max-width: 100%
}

@media(min-width: 768px) {
    .blog-list-section .blog-list .grid-2 .article-card [class*=-media] {
        height: 100%;
        padding-bottom: 0
    }
}

.blog-list-section .blog-list .grid-2 .article-card .adapt-media img {
    aspect-ratio: 1.385/1
}

.blog-list-section .blog-list .grid-2 .article-card .card-content {
    width: 56.2%;
    padding: 3.6rem
}

@media(max-width: 991px) {
    .blog-list-section .blog-list .grid-2 .article-card .card-content {
        padding: 2.5rem 2rem
    }
}

@media(min-width: 768px) {
    .blog-list-section .blog-list .grid-2 .article-card .portrait-media {
        padding-bottom: 58.48%
    }

    .blog-list-section .blog-list .grid-2 .article-card .square-media {
        padding-bottom: 43.8%
    }
}

@media(max-width: 767px) {
    .blog-list-section .blog-list .grid-2 .article-card {
        display: block
    }

    .blog-list-section .blog-list .grid-2 .article-card [class*=-media] {
        width: 100%
    }

    .blog-list-section .blog-list .grid-2 .article-card .card-content {
        width: 100%
    }
}

.blog-list-section .blog-list .grid-2 .no-media.adapt-media {
    padding-bottom: 31.6%
}

@media(max-width: 991px) {
    .blog-list-section .blog-list .grid-2 .no-media.adapt-media {
        padding-bottom: 72.2%
    }
}

.blog-list-section .blog-list .grid-2 .card-content {
    display: flex;
    flex-direction: column
}

.blog-list-section .blog-list .grid-2 .card-content .card-title {
    order: -1;
    margin-bottom: .8rem
}

.blog-list-section .blog-list .grid-2 .card-content .card-info {
    margin-bottom: 1.4rem
}

.box-main-site {
    max-width: 1290px;
    background: #fff;
    margin: auto
}

@media(max-width: 1400px) {
    .box-main-site {
        max-width: 90%
    }
}

.brand-image-section .layout-2.container .carousel-swiper {
    max-width: 1212px;
    margin: 0 auto
}

.brand-image-section .layout-2.stretch-section .carousel-swiper {
    max-width: 1616px;
    margin: 0 auto
}

.brand-image-section .layout-2 .swiper-wrapper {
    align-items: center
}

.brand-image-section .layout-2 .swiper:not(.swiper-initialized) .swiper-slide {
    width: 201.833px
}

.brand-image-section .brand-image-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(201px, 1fr));
    border-left: .1rem solid rgba(var(--text-color), 0.1)
}

@media(max-width: 991px) {
    .brand-image-section .brand-image-grid {
        grid-template-columns: 1fr 1fr
    }
}

.brand-image-section .brand-item-grid {
    padding: 0 3rem;
    border-top: .1rem solid rgba(var(--text-color), 0.1);
    border-bottom: .1rem solid rgba(var(--text-color), 0.1);
    border-right: .1rem solid rgba(var(--text-color), 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 72px
}

.brand-image-section .brand-item-grid svg,
.brand-image-section .brand-item-grid img {
    max-height: 5rem
}

.brand-image-section .brand-image {
    position: relative;
    border-left: .1rem solid rgba(var(--text-color), 0.1)
}

.brand-image-section .brand-image .swiper-wrapper {
    height: 72px
}

.brand-image-section .brand-item {
    position: relative
}

.brand-image-section .brand-item svg,
.brand-image-section .brand-item img {
    max-height: 5rem
}

.brand-image-section .image-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.brand-image-section .placeholder-svg,
.brand-image-section img {
    min-width: 10rem
}

.brand-image-section .swiper-controls {
    position: relative
}

.brand-image-section .swiper-controls button {
    font-size: 2.4rem;
    border: none;
    color: rgba(var(--text-color), 0.5)
}

@media(hover: hover) {
    .brand-image-section .swiper-controls button:hover {
        color: rgb(var(--text-color))
    }
}

.brand-image-section .swiper-controls button.swiper-button-disabled {
    display: block;
    visibility: hidden
}

.brand-image-section .swiper-controls button {
    color: rgba(var(--text-color), 0.5)
}

@media(hover: hover) {
    .brand-image-section .swiper-controls button:hover {
        color: rgb(var(--text-color))
    }
}

.brand-image-section .swiper-controls button.swiper-button-disabled {
    display: block;
    visibility: hidden
}

.brand-image-section .swiper-slide {
    box-sizing: content-box
}

.brand-image-section .swiper-slide .content-wrapper {
    padding: 0 3rem;
    height: 72px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: .1rem solid rgba(var(--text-color), 0.1);
    border-right: .1rem solid rgba(var(--text-color), 0.1);
    border-bottom: .1rem solid rgba(var(--text-color), 0.1)
}

.brand-image-section .layout-2.container .swiper-button-prev,
.brand-image-section .layout-2.container .swiper-rtl .swiper-button-next {
    transform: translateY(-62px)
}

@media(min-width: 1400px) {

    .brand-image-section .layout-2.container .swiper-button-prev,
    .brand-image-section .layout-2.container .swiper-rtl .swiper-button-next {
        left: -3rem
    }
}

@media(min-width: 1500px) {

    .brand-image-section .layout-2.container .swiper-button-prev,
    .brand-image-section .layout-2.container .swiper-rtl .swiper-button-next {
        left: -11rem
    }
}

.brand-image-section .layout-2.container .swiper-button-prev svg,
.brand-image-section .layout-2.container .swiper-rtl .swiper-button-next svg {
    width: 3.2rem;
    height: 3.2rem
}

.brand-image-section .layout-2.container .swiper-button-next,
.brand-image-section .layout-2.container .swiper-rtl .swiper-button-prev {
    transform: translateY(-62px)
}

@media(min-width: 1400px) {

    .brand-image-section .layout-2.container .swiper-button-next,
    .brand-image-section .layout-2.container .swiper-rtl .swiper-button-prev {
        right: -3rem
    }
}

@media(min-width: 1500px) {

    .brand-image-section .layout-2.container .swiper-button-next,
    .brand-image-section .layout-2.container .swiper-rtl .swiper-button-prev {
        right: -11rem
    }
}

.brand-image-section .layout-2.container .swiper-button-next svg,
.brand-image-section .layout-2.container .swiper-rtl .swiper-button-prev svg {
    width: 3.2rem;
    height: 3.2rem
}

.brand-image-section .layout-2.stretch-section .swiper-button-prev,
.brand-image-section .layout-2.stretch-section .swiper-rtl .swiper-button-next {
    transform: translateY(-62px)
}

@media(min-width: 1400px) {

    .brand-image-section .layout-2.stretch-section .swiper-button-prev,
    .brand-image-section .layout-2.stretch-section .swiper-rtl .swiper-button-next {
        left: -3rem
    }
}

@media(min-width: 1500px) {

    .brand-image-section .layout-2.stretch-section .swiper-button-prev,
    .brand-image-section .layout-2.stretch-section .swiper-rtl .swiper-button-next {
        left: -9rem
    }
}

.brand-image-section .layout-2.stretch-section .swiper-button-prev svg,
.brand-image-section .layout-2.stretch-section .swiper-rtl .swiper-button-next svg {
    width: 3.2rem;
    height: 3.2rem
}

.brand-image-section .layout-2.stretch-section .swiper-button-next,
.brand-image-section .layout-2.stretch-section .swiper-rtl .swiper-button-prev {
    transform: translateY(-62px)
}

@media(min-width: 1400px) {

    .brand-image-section .layout-2.stretch-section .swiper-button-next,
    .brand-image-section .layout-2.stretch-section .swiper-rtl .swiper-button-prev {
        right: -3rem
    }
}

@media(min-width: 1500px) {

    .brand-image-section .layout-2.stretch-section .swiper-button-next,
    .brand-image-section .layout-2.stretch-section .swiper-rtl .swiper-button-prev {
        right: -9rem
    }
}

.brand-image-section .layout-2.stretch-section .swiper-button-next svg,
.brand-image-section .layout-2.stretch-section .swiper-rtl .swiper-button-prev svg {
    width: 3.2rem;
    height: 3.2rem
}

.brand-image-section .heading-wrapper {
    display: flex;
    align-items: center;
    padding-bottom: .8rem;
    border-bottom: none;
    margin-bottom: 0
}

.brand-image-section .heading-wrapper.heading-underline {
    padding-bottom: 1.3rem;
    border-bottom: .1rem solid rgba(var(--text-color), 0.1);
    margin-bottom: 4rem
}

.brand-image-section .heading-wrapper.heading-underline .brand-head {
    position: relative;
    margin: 0
}

.brand-image-section .heading-wrapper.heading-underline .brand-head:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    background-color: rgb(var(--text-color));
    height: .3rem;
    width: 100%;
    bottom: -1.4rem
}

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

.breadcrumb ul {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 1
}

.breadcrumb .page-title {
    margin: 0
}

.breadcrumb .breadcrumb-list li {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: normal;
    letter-spacing: .32px;
    display: inline;
    color: rgba(var(--link-color))
}

.breadcrumb .breadcrumb-list li a {
    color: rgba(var(--link-color));
    text-underline-offset: .5rem;
    text-decoration-color: rgba(0, 0, 0, 0);
    transition: text-decoration-color .3s ease, text-decoration-thickness .3s ease
}

@media(hover: hover) {
    .breadcrumb .breadcrumb-list li a:hover {
        text-decoration-color: currentColor;
        text-decoration: underline
    }
}

.breadcrumb .breadcrumb-list li:after {
    margin: 0 1.3rem
}

.breadcrumb .breadcrumb-list li:last-child {
    margin-right: 0;
    cursor: default;
    color: rgba(var(--text-color), 0.7)
}

.breadcrumb .breadcrumb-list li:last-child:after {
    content: none !important
}

.breadcrumb .description {
    margin-top: 12px
}

.breadcrumb .description p {
    margin: 0
}

.collapsible-section .container {
    display: flex
}

.collapsible-section .collapsible-wrap {
    width: 100%
}

.collapsible-section .collapsible-item {
    border-top: .1rem solid rgba(var(--text-color), 0.2);
    border-bottom: .1rem solid rgba(var(--text-color), 0.2)
}

.collapsible-section .collapsible-item+.collapsible-item {
    border-top: 0
}

.collapsible-section .collapsible-item[open] .collapsible-caret svg {
    transform: rotate(180deg)
}

.collapsible-section .collapsible-summary {
    display: flex;
    cursor: pointer;
    padding: 1.3rem 0
}

.collapsible-section .collapsible-title {
    width: 100%;
    margin: 0;
    font-size: 1.4rem
}

.collapsible-section .collapsible-title svg {
    margin-right: 1rem
}

@media(max-width: 767px) {
    .collapsible-section .collapsible-title {
        font-weight: 400
    }
}

.collapsible-section .collapsible-caret svg {
    width: .7rem
}

.collapsible-section .collapsible-content {
    padding: 1rem 1rem 1.5rem 1rem
}

@media(max-width: 767px) {
    .collapsible-section .collapsible-content {
        padding-left: 0;
        padding-right: 0
    }
}

.collapsible-section .collapsible-content:empty {
    display: none
}

.collection-list-section .section-wrapper[data-id=layout-1] .heading-box,
.collection-list-section .section-wrapper[data-id=layout-2] .heading-box {
    text-align: center
}

.collection-list-section .section-wrapper[data-id=layout-1] .heading-box .heading-inner+.button,
.collection-list-section .section-wrapper[data-id=layout-2] .heading-box .heading-inner+.button {
    margin-top: 1.6rem
}

.collection-list-section .section-wrapper[data-id=layout-1] .swiper:not(.swiper-initialized) .swiper-slide {
    margin-right: 5rem;
    width: 13.8rem
}

.collection-list-section .section-wrapper[data-id=layout-2] .heading-box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 3rem
}

.collection-list-section .section-wrapper[data-id=layout-2] .heading-box .button {
    margin-top: 1rem
}

@media(max-width: 991px) {
    .collection-list-section .section-wrapper[data-id=layout-2] .heading-box {
        flex-direction: column;
        align-items: center;
        text-align: center
    }

    .collection-list-section .section-wrapper[data-id=layout-2] .heading-box .button {
        margin-top: 0
    }
}

.collection-list-section .section-wrapper[data-id=layout-2] .scroll-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem
}

@media(max-width: 991px) {
    .collection-list-section .section-wrapper[data-id=layout-2] .scroll-wrapper {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr));
        gap: 1.2rem
    }
}

@media(max-width: 767px) {
    .collection-list-section .section-wrapper[data-id=layout-2] .scroll-wrapper {
        grid-template-columns: repeat(2, 1fr)
    }
}

.collection-list-section .section-wrapper[data-id=layout-2] .stretch-section .card-item {
    min-width: 24.1rem
}

.collection-list-section .section-wrapper[data-id=layout-2] .card-item {
    white-space: normal;
    background-color: #f3f3f3;
    min-width: 19rem
}

@media(max-width: 767px) {
    .collection-list-section .section-wrapper[data-id=layout-2] .card-item {
        min-width: auto
    }
}

.collection-list-section .section-wrapper[data-id=layout-2] .card-item:hover {
    box-shadow: 0px 8px 12px 0px rgba(38, 35, 35, .1);
    background-color: #fff
}

.collection-list-section .section-wrapper[data-id=layout-2] .card-item:hover .collection-product-count {
    color: #fff;
    background-color: #4a3137
}

.collection-list-section .section-wrapper[data-id=layout-2] .card-item .card-item-inner:hover {
    transform: none
}

.collection-list-section .section-wrapper[data-id=layout-2] .card-item .card-title {
    text-align: left;
    margin-left: 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center
}

@media(max-width: 767px) {
    .collection-list-section .section-wrapper[data-id=layout-2] .card-item .card-title {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: .7rem
    }
}

.collection-list-section .section-wrapper[data-id=layout-2] .card-item.title-inside .image-collection-grid {
    max-width: 100%
}

.collection-list-section .section-wrapper[data-id=layout-2] .card-item.title-inside .image-collection-grid svg {
    width: 100%
}

.collection-list-section .section-wrapper[data-id=layout-2] .card-item.title-inside .card-title {
    position: absolute
}

.collection-list-section .section-wrapper[data-id=layout-2] .card-item.title-outside .image-collection-grid.square-media {
    padding-bottom: 0;
    height: 48px
}

.collection-list-section .section-wrapper[data-id=layout-2] .card-item.title-outside .image-collection-grid.portrait-media {
    padding-bottom: 0;
    height: 86px
}

.collection-list-section .section-wrapper[data-id=layout-2] .image-collection-grid {
    position: relative;
    max-width: 48px
}

.collection-list-section .section-wrapper[data-id=layout-2] .image-collection-grid svg {
    min-width: 48px;
    width: 48px
}

.collection-list-section .section-wrapper[data-id=layout-2] .card-item-inner {
    padding: .8rem;
    box-shadow: none;
    display: flex;
    align-items: center
}

.collection-list-section .section-wrapper[data-id=layout-2] .collection-product-count {
    padding: .4rem .8rem .3rem;
    border-radius: .4rem;
    margin-left: .8rem;
    font-size: 12px;
    color: #9e9e9e;
    background-color: #e1e1e1;
    white-space: nowrap
}

@media(max-width: 767px) {
    .collection-list-section .section-wrapper[data-id=layout-2] .collection-product-count {
        margin-left: 0
    }
}

.collection-list-section .heading-box {
    margin-bottom: 4rem
}

@media(max-width: 991px) {
    .collection-list-section .heading-box {
        margin-bottom: 2rem
    }
}

.collection-list-section .heading-box .heading *,
.collection-list-section .heading-box .sub-heading * {
    margin: 0
}

.collection-list-section .heading-box .heading p,
.collection-list-section .heading-box .sub-heading p {
    font-weight: var(--body-font-weight)
}

.collection-list-section .heading-box .heading+.sub-heading {
    margin-top: 1.6rem
}

@media(max-width: 991px) {
    .collection-list-section .heading-box .heading {
        margin-bottom: 0
    }
}

.collection-list-section .heading-box .sub-heading {
    margin: 0;
    line-height: 1.5
}

.collection-list-section .heading-box .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1.6;
    position: relative;
    color: rgb(var(--button-text-color));
    background: unset;
    overflow: visible;
    font-size: var(--body-larger-font-size);
    font-weight: var(--heading-font-weight);
    white-space: nowrap
}

.collection-list-section .heading-box .button:before {
    display: none
}

.collection-list-section .heading-box .button:after {
    content: "";
    position: absolute;
    bottom: -0.7rem;
    left: 0;
    width: 100%;
    height: .1rem;
    background: rgb(var(--button-text-color));
    transition: all .3s ease
}

.collection-list-section .heading-box .button:hover:after {
    height: .2rem
}

.collection-list-section .collection-inner.title-inside .card-item-inner {
    display: flex;
    justify-content: center;
    align-items: center
}

.collection-list-section .collection-inner.title-inside .card-title {
    position: absolute;
    bottom: 3.2rem;
    white-space: normal;
    transition: all .3s ease
}

@media(max-width: 991px) {
    .collection-list-section .collection-inner.title-inside .card-title {
        bottom: 2.5rem;
        padding: 1rem 1.5rem
    }
}

.collection-list-section .collection-inner.title-outside .card-item {
    text-align: center
}

.collection-list-section .collection-inner.title-outside .card-title {
    margin-top: 1rem
}

.collection-list-section .collection-inner.title-outside .card-title:hover {
    transition: all .3s ease;
    text-decoration-line: underline;
    text-decoration-thickness: .2rem;
    text-decoration-color: rgb(var(--button-text-color));
    text-underline-offset: .4rem
}

.collection-list-section .card-item-inner {
    position: relative;
    transition: all .25s cubic-bezier(0.104, 0.204, 0.492, 1)
}

.collection-list-section .card-item-inner .card-media.show-border-image {
    border: .2rem solid rgba(var(--text-color), 0.3)
}

.collection-list-section .card-item-inner .card-media {
    overflow: hidden
}

.collection-list-section .card-item-inner .card-media img,
.collection-list-section .card-item-inner .card-media svg {
    transition: all .3s ease
}

.collection-list-section .card-item-inner .card-media a.card-link:focus-visible img {
    outline: .15rem solid rgba(var(--text-color), 0.5);
    outline-offset: -0.2rem
}

.collection-list-section .card-item-inner .card-media.circle-image a.card-link:focus-visible img {
    outline: .15rem solid rgba(var(--text-color), 0.5);
    outline-offset: -0.2rem;
    border-radius: 50%
}

.collection-list-section .card-item-inner:hover .card-media.show-border-image {
    border-color: rgb(var(--text-color))
}

.collection-list-section .card-item-inner:hover:hover,
.collection-list-section .card-item-inner:hover:focus {
    transform: translateY(-5px)
}

.collection-list-section .card-link {
    display: inline-block
}

.collection-list-section .card-title {
    text-align: center
}

.collection-list-section .card-title .collection-product-count {
    font-size: var(--body-larger-font-size);
    font-weight: var(--body-font-weight);
    color: rgb(var(--text-color))
}

.collection-list-section .card-media {
    transition: all .3s ease;
    width: 100%;
    flex-shrink: 0;
    height: 0
}

.collection-list-section .card-media img {
    width: 100%
}

.collection-list-section .card-media.circle-image {
    border-radius: 50%
}

.collection-list-section .arrow-small .swiper-controls {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-left: 2.4rem;
    margin-right: -1rem
}

.collection-list-section .arrow-small .swiper-controls button {
    position: static;
    font-size: 2.4rem;
    transform: none;
    color: rgba(var(--text-color), 0.5)
}

@media(hover: hover) {
    .collection-list-section .arrow-small .swiper-controls button:hover {
        color: rgb(var(--text-color))
    }
}

.collection-list-section .arrow-small .swiper-controls button+button {
    margin-left: .8rem
}

.collection-list-section .control-collection-list {
    display: flex;
    align-items: center
}

.collection-list-section .button-collection {
    font-weight: 600;
    margin-left: 3.1rem;
    text-align: right
}

.collection-list-section .button-collection svg {
    margin-left: 1.1rem
}

@media(max-width: 991px) {
    .collection-list-section .button-collection {
        margin-left: 0
    }
}

.collection-list-section .heading-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom: .1rem solid rgba(var(--text-color), 0.1);
    margin-bottom: 4rem;
    gap: 1.5rem
}

.collection-list-section .heading-wrapper.arrow-medium,
.collection-list-section .heading-wrapper.arrow-large {
    border-bottom: none
}

.collection-list-section .heading-wrapper .collection-head {
    position: relative
}

.collection-list-section .heading-wrapper .collection-head:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    background-color: rgb(var(--text-color));
    height: .3rem;
    width: 100%;
    bottom: -1.63rem
}

@media(max-width: 1600px) {
    .collection-list-section .heading-wrapper .collection-head:after {
        bottom: -1.7rem
    }
}

.collection-list-section .swiper-pagination {
    margin-top: 0
}

.collection-list-section .swiper-button-prev,
.collection-list-section .swiper-button-next {
    border-radius: 0;
    border: .1rem solid rgba(0, 0, 0, 0);
    padding: 0;
    background-color: rgba(0, 0, 0, 0)
}

.collection-list-section .swiper-button-prev svg,
.collection-list-section .swiper-button-next svg {
    width: 5rem;
    height: auto
}

@media(min-width: 992px) {

    .collection-list-section .swiper-button-prev svg,
    .collection-list-section .swiper-button-next svg {
        width: auto
    }

    .collection-list-section .swiper-button-prev path,
    .collection-list-section .swiper-button-next path {
        width: 11.5rem
    }
}

.collection-list-section .swiper-button-prev:focus-visible,
.collection-list-section .swiper-button-next:focus-visible {
    border-color: rgb(var(--text-color))
}

.collection-list-section .layout-arrow-medium .collection-inner,
.collection-list-section .layout-arrow-large .collection-inner {
    position: relative
}

@media(min-width: 992px) {

    .collection-list-section .layout-arrow-medium .collection-inner,
    .collection-list-section .layout-arrow-large .collection-inner {
        padding: 0 7rem
    }
}

.collection-list-section .layout-arrow-medium .collection-inner .swiper.swiper-initialized,
.collection-list-section .layout-arrow-large .collection-inner .swiper.swiper-initialized {
    padding: .3rem 0
}

.collection-list-section .layout-arrow-medium .swiper-controls .swiper-button-prev,
.collection-list-section .layout-arrow-medium .swiper-controls .swiper-button-next,
.collection-list-section .layout-arrow-large .swiper-controls .swiper-button-prev,
.collection-list-section .layout-arrow-large .swiper-controls .swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    padding: 0;
    border: none;
    color: rgb(var(--button-bg-color))
}

.collection-list-section .layout-arrow-medium .swiper-controls .swiper-button-prev svg,
.collection-list-section .layout-arrow-medium .swiper-controls .swiper-button-next svg,
.collection-list-section .layout-arrow-large .swiper-controls .swiper-button-prev svg,
.collection-list-section .layout-arrow-large .swiper-controls .swiper-button-next svg {
    width: 2.2rem;
    height: 2.2rem
}

.collection-list-section .layout-arrow-medium .swiper-controls .swiper-button-prev.swiper-button-disabled,
.collection-list-section .layout-arrow-medium .swiper-controls .swiper-button-next.swiper-button-disabled,
.collection-list-section .layout-arrow-large .swiper-controls .swiper-button-prev.swiper-button-disabled,
.collection-list-section .layout-arrow-large .swiper-controls .swiper-button-next.swiper-button-disabled {
    opacity: .5
}

@media(max-width: 991px) {

    .collection-list-section .layout-arrow-medium .swiper-controls,
    .collection-list-section .layout-arrow-large .swiper-controls {
        display: none
    }
}

@media(max-width: 991px) {

    .collection-list-section .layout-arrow-medium .swiper-slide,
    .collection-list-section .layout-arrow-large .swiper-slide {
        width: 23rem
    }
}

.collection-list-section .layout-arrow-large .collection-inner {
    position: relative
}

@media(min-width: 992px) {
    .collection-list-section .layout-arrow-large .collection-inner {
        padding: 0 12rem
    }
}

.collection-list-section .layout-arrow-large .swiper-controls .swiper-button-prev,
.collection-list-section .layout-arrow-large .swiper-controls .swiper-button-next {
    color: rgba(var(--button-bg-color), 0.1)
}

.collection-list-section .layout-arrow-large .swiper-controls .swiper-button-prev svg,
.collection-list-section .layout-arrow-large .swiper-controls .swiper-button-next svg {
    width: 4.8rem;
    height: 4.8rem
}

.collection-list-section .layout-arrow-large .swiper-controls .swiper-button-prev:hover,
.collection-list-section .layout-arrow-large .swiper-controls .swiper-button-next:hover {
    color: rgb(var(--button-bg-color))
}

.collection-list-section .layout-arrow-large .swiper-controls .swiper-button-prev.swiper-button-disabled,
.collection-list-section .layout-arrow-large .swiper-controls .swiper-button-next.swiper-button-disabled {
    opacity: .5
}

@media(max-width: 991px) {
    .collection-list-section .layout-arrow-large .swiper-controls {
        display: none
    }
}

.collection-page-section .collection-info {
    margin-bottom: 6rem
}

.collection-page-section .collection-info>:first-child:last-child {
    margin: 0
}

.collection-page-section .collection-info:empty {
    display: none
}

.collection-page-section .collection-info .collection-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem 2.8rem;
    margin-top: 2.8rem
}

.collection-page-section .collection-info .collection-list .card-title {
    font-size: 1.6rem;
    margin: 0
}

@media(max-width: 991px) {
    .collection-page-section .collection-info .collection-list {
        gap: 1rem
    }
}

@media(max-width: 991px) {
    .collection-page-section .collection-info .collection-list.scrollbar {
        overflow-x: auto;
        white-space: nowrap;
        flex-wrap: nowrap !important;
        justify-content: start !important;
        gap: 1rem 2.8rem !important;
        padding-bottom: 20px;
        scrollbar-width: auto
    }

    .collection-page-section .collection-info .collection-list.scrollbar::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
        background-color: #f5f5f5
    }

    .collection-page-section .collection-info .collection-list.scrollbar::-webkit-scrollbar {
        width: 10px;
        background-color: #f5f5f5
    }

    .collection-page-section .collection-info .collection-list.scrollbar::-webkit-scrollbar-thumb {
        background-color: #000;
        border: 2px solid #555
    }
}

.contact-section .container-contact {
    display: flex;
    gap: 2.8rem
}

@media(max-width: 991px) {
    .contact-section .container-contact {
        flex-direction: column
    }
}

.contact-section .contact-top {
    margin-bottom: 4.8rem
}

.contact-section .contact-top .contact-subheading {
    margin-bottom: 1.6rem
}

.contact-section .contact-top .contact-heading *,
.contact-section .contact-top .contact-subheading * {
    margin: 0
}

.contact-section .contact-wrapper {
    padding: 4rem 2.3rem;
    width: 100%
}

.contact-section .show-map .contact-wrapper,
.contact-section .show-map .map {
    padding: 4rem 2.3rem;
    width: 50%
}

@media(max-width: 991px) {

    .contact-section .show-map .contact-wrapper,
    .contact-section .show-map .map {
        width: 100%
    }
}

.contact-section .show-map .map {
    padding: 2rem
}

.contact-section .contact-form input,
.contact-section .contact-form textarea,
.contact-section .contact-form select {
    width: 100%;
    padding: 1.1rem 1.6rem;
    background-color: rgb(var(--input-bg-color))
}

.contact-section .contact-form .field-form {
    margin-bottom: 2.4rem
}

.contact-section .contact-form .field-form label {
    display: block;
    margin-bottom: .8rem;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    position: relative;
    width: fit-content
}

.contact-section .contact-form .field-form label .icon-required {
    position: absolute;
    top: -6px;
    right: -12px
}

.contact-section .contact-form .field-form textarea {
    height: 13.8rem
}

.contact-section .contact-form .field-form.text-area {
    margin-bottom: 1.9rem
}

.contact-section .contact-form select {
    border: 0
}

.contact-section .map-iframe .image,
.contact-section .contact-map .image {
    height: 30rem
}

.contact-section .map-iframe iframe,
.contact-section .contact-map iframe {
    width: 100%
}

@media(min-width: 992px) {
    .contact-section .group-form-fields {
        display: flex;
        gap: 3rem
    }

    .contact-section .group-form-fields .field-form {
        width: 50%
    }

    .contact-section .contact-map .image {
        height: 45.6rem
    }
}

.customer-open {
    overflow: hidden;
    padding-right: var(--scrollbar-width, 0)
}

.customer-open .customer-wraper {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.customer-open .customer-wraper .customer {
    transform: translateY(0)
}

.customer-open .customer-wraper .customer .field input {
    visibility: visible
}

.customer-wraper {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(var(--overlay-color), 0.5);
    transition-duration: .3s
}

.customer-wraper .customer {
    overflow: hidden;
    background-color: rgb(var(--background-color));
    transform: translateY(1rem);
    border-radius: .3rem;
    transition: opacity .3s, visibility .3s, transform .3s;
    width: 95%;
    height: auto;
    padding: 3rem
}

@media(min-width: 992px) {
    .customer-wraper .customer {
        width: 1024px;
        max-width: 80vw;
        max-height: 80vh;
        padding: 3rem 5rem 5rem 5rem
    }
}

.customer-wraper .customer .field input {
    visibility: hidden
}

.customer-wraper .customer .title {
    margin-top: 0;
    font-size: 3rem;
    margin-bottom: 3rem
}

.customer-wraper .customer .title#recover {
    margin-bottom: 1rem
}

.customer-wraper .customer .guest-title {
    margin-top: 4rem;
    margin-bottom: 2rem
}

.customer-wraper .customer-inner {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%
}

@media(max-width: 991px) {
    .customer-wraper .customer-inner {
        overflow-x: auto;
        padding: .2rem
    }
}

.customer-wraper .medium-button {
    font-size: 1.4rem;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem
}

.customer-wraper .close-button {
    cursor: pointer;
    position: absolute;
    right: 1.5rem;
    top: 1.5rem;
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    border: 0;
    color: rgb(var(--heading-color))
}

@media(hover: hover) {
    .customer-wraper .close-button:hover svg {
        color: rgb(var(--error-color))
    }
}

.customer-wraper .close-button svg {
    width: 1.5rem;
    height: 1.5rem
}

.customer {
    margin: 6rem auto 9rem
}

.customer:not(.account):not(.order) {
    max-width: 47.8rem
}

@media(max-width: 768px) {
    .customer {
        max-width: 100%
    }
}

.customer ul,
.customer ol {
    list-style: none;
    margin: 0;
    padding: 0
}

.customer a {
    text-decoration: underline;
    text-underline-offset: .3rem;
    text-decoration-thickness: .1rem
}

@media(hover: hover) {
    .customer a:hover {
        text-decoration-thickness: .2rem
    }
}

.customer table {
    width: 100%;
    table-layout: auto
}

.customer table thead th,
.customer table thead td,
.customer table tbody th,
.customer table tbody td,
.customer table tfoot th,
.customer table tfoot td {
    padding: 2.4rem 1.5rem
}

.customer table thead th:last-child,
.customer table thead td:last-child,
.customer table tbody th:last-child,
.customer table tbody td:last-child,
.customer table tfoot th:last-child,
.customer table tfoot td:last-child {
    text-align: right
}

.customer table thead th {
    font-weight: 400;
    text-transform: uppercase
}

.customer table tbody td {
    vertical-align: top
}

@media(max-width: 768px) {
    .customer table {
        border: none;
        border-bottom: 1px solid #ddd
    }

    .customer table tr {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        width: 100%;
        border-top: 1px solid #ddd
    }

    .customer table tr td {
        display: flex;
        text-align: right;
        border: none;
        padding-left: 0;
        padding-right: 0
    }

    .customer table tr td:before {
        content: attr(data-label);
        font-size: 1.4rem;
        padding-right: 2rem;
        text-transform: uppercase;
        flex-grow: 1;
        text-align: left
    }
}

.customer .login a {
    display: block;
    margin: 0 auto;
    width: fit-content
}

.customer .login .forgot-password {
    margin-left: 0;
    margin-right: 0;
    margin-top: 1rem
}

.customer .title {
    font-weight: 400;
    font-size: 4rem
}

.customer .guest-title {
    margin-top: 4rem
}

.customer #customer_login_guest .button {
    margin-top: 0
}

.customer .field {
    position: relative;
    width: 100%;
    margin: 2rem 0 0 0
}

.customer .field input {
    height: 4.5rem;
    width: 100%;
    font-size: 1.5rem;
    padding: 1.5rem;
    background-color: rgba(0, 0, 0, 0)
}

.customer .field input:-webkit-autofill,
.customer .field input:focus,
.customer .field input:not(:placeholder-shown) {
    padding: 2.2rem 1.5rem .8rem
}

.customer .field input:-webkit-autofill~label,
.customer .field input:focus~label,
.customer .field input:not(:placeholder-shown)~label {
    font-size: 1rem;
    letter-spacing: .04rem;
    top: .3rem
}

.customer .field label {
    font-size: 1.6rem;
    left: 1.5rem;
    top: 1rem;
    margin-bottom: 0;
    pointer-events: none;
    position: absolute;
    transition: top .2s ease, font-size .2s ease;
    letter-spacing: .1rem;
    line-height: 1.5
}

.customer .select {
    margin-top: 1.5rem;
    width: 100%
}

.customer .select select {
    height: 4.5rem;
    width: 100%;
    box-shadow: 0 0 0 .1rem rgba(18, 18, 18, .55);
    transition: box-shadow .2s ease;
    font-size: 1.5rem;
    padding: 1.5rem;
    border: 0
}

.customer .button {
    margin: 4rem auto 1.5rem
}

.customer .button.medium-button {
    margin: 4rem auto 1.5rem
}

.customer #recover {
    display: none;
    scroll-margin-top: 20rem;
    margin-bottom: 0
}

.customer #recover+#recover-container {
    display: none
}

.customer #recover:target {
    display: block
}

.customer #recover:target+#recover-container {
    display: block
}

.customer #recover:target~#login {
    display: none
}

.customer #recover:target~#login+#login-container {
    display: none
}

.template-account .customer .account-header,
.template-order .customer .account-header {
    margin-bottom: 5rem
}

.template-account .customer .account-header .login-url,
.template-order .customer .account-header .login-url {
    display: inline-flex;
    align-items: center
}

.template-account .customer .account-header .login-url svg,
.template-order .customer .account-header .login-url svg {
    margin-right: 1rem
}

.template-account .customer .account-container,
.template-order .customer .account-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.template-account .customer .account-order,
.template-order .customer .account-order {
    flex-grow: 1;
    padding-right: 4rem
}

@media(max-width: 768px) {

    .template-account .customer .account-order,
    .template-order .customer .account-order {
        width: 100%;
        padding-right: 0
    }
}

.template-account .customer .account-order .paynow,
.template-order .customer .account-order .paynow {
    display: inline-block;
    padding: 1rem 1.5rem;
    text-decoration: none;
    margin: 0;
    float: right
}

.template-addresses .customer .address-form-field {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: left
}

@media(min-width: 768px) {
    .template-addresses .customer .field-customer-name {
        width: calc((100% - 2rem)/2)
    }
}

.template-addresses .customer .data-address-wrapper {
    text-align: center
}

.template-addresses .customer .data-address-wrapper .address-add-new[aria-expanded=true]+#add-address {
    display: block
}

.template-addresses .customer .data-address-wrapper #add-address {
    display: none;
    text-align: left
}

.template-addresses .customer .data-address-wrapper #address-new-heading {
    font-size: 2.5rem
}

.template-addresses .customer .data-address-wrapper .new-label-style {
    display: block;
    font-size: 1.4rem;
    margin-bottom: .6rem
}

.template-addresses .customer .set-default-label {
    margin-top: 2rem
}

.template-addresses .customer .set-default-label [type=checkbox] {
    vertical-align: -1px
}

.template-addresses .customer [data-address] {
    margin-top: 4rem
}

.template-addresses .customer [data-address] [aria-expanded] {
    margin-top: 3rem
}

.template-addresses .customer [data-address] [aria-expanded=false]~div[id] {
    display: none
}

.template-addresses .customer [data-address] [aria-expanded=true]~div[id] {
    display: block
}

.template-addresses .customer .address-list {
    margin-top: 4rem;
    text-align: center
}

.template-addresses .customer .address-list [id^=edit-address-] {
    margin-top: 3rem
}

.template-addresses .customer .address-list .title {
    font-size: 2.4rem
}

.template-addresses .customer .buttons-wrap {
    width: 100%
}

.template-activate_account .customer .buttons-wrap {
    margin-top: 4rem
}

.template-order .customer table thead th,
.template-order .customer table thead td,
.template-order .customer table tbody th,
.template-order .customer table tbody td,
.template-order .customer table tfoot th,
.template-order .customer table tfoot td {
    border: none
}

.template-order .customer table tbody {
    border-top: 1px solid #ccc
}

.template-order .customer table tfoot {
    border-top: 1px solid #ccc
}

.template-order .customer table tfoot tr:first-child {
    padding-top: 2rem
}

.template-order .customer table tfoot tr:last-child {
    padding-bottom: 2rem
}

.template-order .customer table tfoot td {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.template-order .customer .account-details strong {
    font-weight: 400
}

.customer .discounts {
    list-style: none;
    padding: 0;
    margin: 1rem 0
}

.customer .discounts .discounts-discount {
    display: flex;
    align-items: center
}

.customer .discounts svg {
    width: 1.4rem;
    margin-right: 1rem
}

.featured-blog-slider-section a:not(.link-underline) {
    transition: text-decoration-color .8s ease, text-decoration-thickness .8s ease;
    text-decoration-line: underline;
    text-decoration-thickness: .1rem;
    text-decoration-color: rgba(0, 0, 0, 0);
    text-underline-offset: .2rem
}

@media(hover: hover) {
    .featured-blog-slider-section a:not(.link-underline):hover {
        text-decoration-color: currentColor
    }
}

@media(hover: hover) {
    .featured-blog-slider-section a:not(.link-underline):hover {
        text-decoration-thickness: .2rem
    }
}

.featured-blog-slider-section .featured-blog-slider-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: .1rem solid rgba(var(--text-color), 0.1);
    margin-bottom: 4rem;
    gap: 1rem
}

.featured-blog-slider-section .featured-blog-slider-top:empty {
    display: none
}

.featured-blog-slider-section .title-wrapper {
    margin-bottom: 0
}

.featured-blog-slider-section .title-wrapper .heading {
    position: relative
}

.featured-blog-slider-section .title-wrapper .heading:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    background-color: rgb(var(--text-color));
    height: .3rem;
    width: 100%;
    bottom: -1.63rem
}

.featured-blog-slider-section .control-featured-blog-slider {
    display: flex;
    align-items: center;
    gap: 2.3rem
}

.featured-blog-slider-section .swiper-controls {
    position: relative;
    display: inline-flex;
    align-items: center
}

.featured-blog-slider-section .swiper-controls .swiper-button-prev,
.featured-blog-slider-section .swiper-controls .swiper-button-next {
    position: static;
    font-size: 2.4rem;
    transform: none;
    color: rgba(var(--text-color), 0.5);
    border-radius: 0;
    border: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0)
}

.featured-blog-slider-section .swiper-controls .swiper-button-prev svg,
.featured-blog-slider-section .swiper-controls .swiper-button-next svg {
    width: auto;
    height: auto
}

@media(hover: hover) {

    .featured-blog-slider-section .swiper-controls .swiper-button-prev:hover,
    .featured-blog-slider-section .swiper-controls .swiper-button-next:hover {
        color: rgb(var(--text-color))
    }
}

.featured-blog-slider-section .swiper-controls .swiper-button-prev {
    margin-right: .4rem
}

.featured-blog-slider-section .swiper-controls .swiper-button-next {
    margin-left: .4rem
}

.featured-blog-slider-section .swiper-pagination {
    margin-top: 0
}

.featured-blog-slider-section .button-posts {
    font-weight: 600;
    white-space: nowrap
}

.featured-blog-slider-section .button-posts svg {
    margin-left: 1.1rem
}

.featured-blog-slider-section .article-media-wrap {
    position: relative
}

.featured-blog-slider-section .article-media-wrap.adapt-media img {
    aspect-ratio: 1.185/1
}

.featured-blog-slider-section .article-media-wrap.no-media {
    background-color: rgba(var(--text-color), 0.03)
}

.featured-blog-slider-section .article-media-wrap.no-media.adapt-media {
    padding-bottom: 84.5%
}

.featured-blog-slider-section .article-media-wrap img {
    aspect-ratio: var(--aspect-ratio);
    transform: scale(1);
    transition: all .3s
}

.featured-blog-slider-section .article-media-wrap .article-title {
    margin: 0;
    line-height: 0
}

.featured-blog-slider-section .article-media-wrap .article-title .article-link {
    padding: 2rem;
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    line-height: normal
}

.featured-blog-slider-section .article-info {
    padding: 1.7rem 2.4rem 3rem
}

.featured-blog-slider-section .article-info>*:last-child {
    margin-bottom: 0
}

.featured-blog-slider-section .article-info .button {
    font-weight: 600
}

.featured-blog-slider-section .article-info .button svg {
    margin-left: 1.2rem
}

.featured-blog-slider-section .article-title {
    margin-top: 0;
    margin-bottom: 2rem;
    line-height: normal
}

.featured-blog-slider-section .article-meta {
    text-transform: uppercase;
    color: rgba(var(--text-color), 0.8);
    margin-bottom: 1.8rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.featured-blog-slider-section .article-meta .mitem {
    font-size: 1.2rem;
    letter-spacing: .1em
}

.featured-blog-slider-section .article-meta a {
    color: currentColor
}

@media(hover: hover) {
    .featured-blog-slider-section .article-meta a:hover {
        text-decoration: underline
    }
}

.featured-blog-slider-section .article-meta .separator {
    margin: 0 1rem;
    font-size: 1.2rem;
    color: rgba(var(--text-color), 0.6)
}

.featured-blog-slider-section .article-meta .separator:last-child {
    display: none
}

.featured-blog-slider-section .article-meta svg {
    margin: 0 1.2rem;
    width: .8rem;
    height: auto;
    fill: rgba(var(--text-color), 0.6)
}

.featured-blog-slider-section .article-meta svg:last-child {
    display: none
}

.featured-blog-slider-section .article-meta svg path {
    stroke: rgba(var(--text-color), 0.6)
}

.featured-blog-slider-section .article-author {
    margin-bottom: 1.2rem;
    display: flex;
    align-items: center;
    font-weight: 600
}

.featured-blog-slider-section .article-author .article-avatar {
    display: inline-block;
    margin-right: .8rem
}

.featured-blog-slider-section .article-author .article-avatar img {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 100%
}

.featured-blog-slider-section .mitem:last-child:after {
    content: none
}

@media(hover: hover) {
    .featured-blog-slider-section img:hover {
        transform: scale(1.05)
    }
}

@media(max-width: 991px) {
    .featured-blog-slider-section .featured-blog-slider-top {
        margin-bottom: 2.6rem
    }

    .featured-blog-slider-section .featured-blog .swiper {
        margin-right: -1.5rem
    }

    .featured-blog-slider-section .article-title {
        margin-bottom: 2.2rem
    }

    .featured-blog-slider-section .swiper-controls,
    .featured-blog-slider-section .swiper-pagination {
        display: none
    }
}

@media(max-width: 991px) {
    .featured-blog-slider-section .desktop-column-2 {
        gap: 2rem
    }
}

.featured-blog-slider-section .desktop-column-2 .article-card {
    display: flex;
    align-items: center;
    height: 100%
}

.featured-blog-slider-section .desktop-column-2 .article-card [class*=-media] {
    width: 43.2%;
    max-width: 100%
}

@media(min-width: 768px) {
    .featured-blog-slider-section .desktop-column-2 .article-card [class*=-media] {
        height: 100%;
        padding-bottom: 0
    }
}

.featured-blog-slider-section .desktop-column-2 .article-card .adapt-media img {
    aspect-ratio: 1.385/1
}

.featured-blog-slider-section .desktop-column-2 .article-card .article-info {
    width: 56.8%;
    padding: 3.6rem
}

@media(max-width: 991px) {
    .featured-blog-slider-section .desktop-column-2 .article-card .article-info {
        padding: 2rem 2.4rem 3rem
    }
}

@media(min-width: 768px) {
    .featured-blog-slider-section .desktop-column-2 .article-card .portrait-media {
        padding-bottom: 58.48%
    }

    .featured-blog-slider-section .desktop-column-2 .article-card .square-media {
        padding-bottom: 43.8%
    }
}

@media(max-width: 767px) {
    .featured-blog-slider-section .desktop-column-2 .article-card {
        display: block
    }

    .featured-blog-slider-section .desktop-column-2 .article-card [class*=-media] {
        width: 100%
    }

    .featured-blog-slider-section .desktop-column-2 .article-card .article-info {
        width: 100%
    }
}

.featured-blog-slider-section .desktop-column-2 .no-media.adapt-media {
    padding-bottom: 31.6%
}

@media(max-width: 991px) {
    .featured-blog-slider-section .desktop-column-2 .no-media.adapt-media {
        padding-bottom: 72.2%
    }
}

.featured-blog-slider-section .desktop-column-2 .article-info {
    display: flex;
    flex-direction: column
}

.featured-blog-slider-section .desktop-column-2 .article-info .article-title {
    order: -1;
    margin-bottom: 1.1rem
}

.featured-blog-slider-section .desktop-column-2 .article-info .article-meta {
    margin-bottom: 1.4rem
}

.featured-collection-tabs-section .featured-collection-tabs .tabs-head {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    border-bottom: .1rem solid rgba(var(--text-color), 0.3)
}

.featured-collection-tabs-section .featured-collection-tabs .tabs-head.tabs-single .tab-head {
    cursor: auto
}

.featured-collection-tabs-section .featured-collection-tabs .tab-head {
    margin: .8rem 0 1.5rem
}

.featured-collection-tabs-section .featured-collection-tabs .tab-head.h5 {
    margin: .8rem 0 1.3rem
}

.featured-collection-tabs-section .featured-collection-tabs .tab-head.h4 {
    margin: .8rem 0 1.1rem
}

.featured-collection-tabs-section .featured-collection-tabs .button {
    margin: 0
}

.featured-collection-tabs-section .featured-collection-tabs .button.button-collection {
    font-weight: 600;
    margin-left: 3.1rem;
    text-align: right;
    white-space: nowrap
}

.featured-collection-tabs-section .featured-collection-tabs .button.button-collection svg {
    margin-left: 1.1rem
}

@media(max-width: 991px) {
    .featured-collection-tabs-section .featured-collection-tabs .button.button-collection {
        margin-left: 0
    }
}

.featured-collection-tabs-section .featured-collection-tabs .control-collection-tabs {
    display: flex;
    align-items: center;
    margin-bottom: .7rem
}

@media(max-width: 991px) {
    .featured-collection-tabs-section .featured-collection-tabs .control-collection-tabs {
        margin-bottom: 0
    }
}

.featured-collection-tabs-section .featured-collection-tabs .tabs-banner-wrap {
    display: flex;
    gap: 1.2rem
}

.featured-collection-tabs-section .featured-collection-tabs .tabs-banner-wrap .banner-featured {
    width: 34.5%;
    max-height: 42.8rem;
    padding: 4.8rem;
    display: flex;
    flex-direction: column
}

.featured-collection-tabs-section .featured-collection-tabs .tabs-banner-wrap .banner-featured .heading {
    margin: 0
}

@media(min-width: 992px) {
    .featured-collection-tabs-section .featured-collection-tabs .tabs-banner-wrap .banner-featured .heading {
        max-width: 60%
    }
}

.featured-collection-tabs-section .featured-collection-tabs .tabs-banner-wrap .banner-featured .button-banner {
    margin-top: 2.1rem;
    padding: 1rem 2.2rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: fit-content
}

.featured-collection-tabs-section .featured-collection-tabs .tabs-banner-wrap .tabs-content {
    width: 66.5%
}

@media(max-width: 991px) {
    .featured-collection-tabs-section .featured-collection-tabs .tabs-banner-wrap {
        flex-direction: column
    }

    .featured-collection-tabs-section .featured-collection-tabs .tabs-banner-wrap .banner-featured {
        width: 100%;
        min-height: 31.3rem;
        padding: 3.3rem
    }

    .featured-collection-tabs-section .featured-collection-tabs .tabs-banner-wrap .tabs-content {
        width: 100%
    }
}

.featured-collection-tabs-section .featured-collection-tabs .tab-head-with-countdown {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2.8rem
}

@media(max-width: 991px) {
    .featured-collection-tabs-section .featured-collection-tabs .tab-head-with-countdown {
        gap: 1rem
    }
}

.featured-collection-tabs-section .featured-collection-tabs .tab-head-with-countdown .box-countdow {
    margin-bottom: .4rem
}

.featured-collection-tabs-section .featured-collection-tabs .countdown-time-wrap.flat-countdown .countdown-time {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: .8rem;
    padding: 0
}

.featured-collection-tabs-section .featured-collection-tabs .countdown-time-wrap.flat-countdown .countdown-time .time-block {
    background-color: rgba(var(--text-color), 0.05);
    min-width: 4.4rem;
    height: 4.4rem;
    border-radius: .4rem;
    margin-right: 0;
    padding-top: 1rem
}

.featured-collection-tabs-section .featured-collection-tabs .countdown-time-wrap.flat-countdown .countdown-time .time-block:before {
    content: none
}

.featured-collection-tabs-section .featured-collection-tabs .countdown-time-wrap.flat-countdown .countdown-time .time-number {
    font-size: 1.6rem;
    line-height: 1;
    min-height: 1.7rem;
    min-width: 4.4rem;
    font-weight: 600
}

.featured-collection-tabs-section .featured-collection-tabs .countdown-time-wrap.flat-countdown .countdown-time .time-text {
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: .5rem
}

.featured-collection-tabs-section .toggle-dropdown {
    width: auto
}

.featured-collection-tabs-section .dropdown-summary {
    width: 100%;
    text-align: left;
    margin-bottom: .5rem
}

.featured-collection-tabs-section .dropdown-summary * {
    pointer-events: none
}

.featured-collection-tabs-section .tabs-head-mobile.tab-single .dropdown-summary svg {
    display: none
}

.featured-collection-tabs-section .tabs-head-mobile.tab-single .dropdown-content {
    display: none
}

.featured-collection-tabs-section .swiper-controls {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-left: 2.4rem;
    margin-right: -1rem
}

.featured-collection-tabs-section .swiper-controls button {
    position: static;
    font-size: 2.4rem;
    width: 3rem;
    height: 3rem;
    transform: none;
    color: rgba(var(--text-color), 0.5)
}

@media(hover: hover) {
    .featured-collection-tabs-section .swiper-controls button:hover {
        color: rgb(var(--text-color))
    }
}

.featured-collection-tabs-section .swiper-controls button+button {
    margin-left: .8rem
}

.featured-collection-tabs-section .swiper-pagination {
    margin-top: 0
}

.featured-collection-tabs-section .swiper-button-prev,
.featured-collection-tabs-section .swiper-button-next {
    border-radius: 0;
    border: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0)
}

.featured-collection-tabs-section .swiper-button-prev svg,
.featured-collection-tabs-section .swiper-button-next svg {
    width: 5rem;
    height: auto
}

@media(min-width: 992px) {

    .featured-collection-tabs-section .swiper-button-prev svg,
    .featured-collection-tabs-section .swiper-button-next svg {
        width: auto
    }

    .featured-collection-tabs-section .swiper-button-prev path,
    .featured-collection-tabs-section .swiper-button-next path {
        width: 11.5rem
    }
}

.featured-collection-tabs-section .swiper-wrapper .swiper-slide {
    display: grid;
    height: auto
}

@media(max-width: 991px) {

    .featured-collection-tabs-section .swiper-controls,
    .featured-collection-tabs-section .swiper-pagination {
        display: none
    }
}

.featured-collection-section .featured-collection-grid {
    display: grid;
    gap: 1.2rem
}

@media(min-width: 991px) {
    .featured-collection-section .featured-collection-grid {
        grid-template-columns: repeat(auto-fit, minmax(28.5rem, 1fr));
        grid-auto-columns: minmax(28.5rem, 1fr)
    }

    .featured-collection-section .featured-collection-grid .banner-featured {
        grid-column: 1/3
    }
}

.featured-collection-section .featured-collection-grid .colection-product {
    display: grid
}

.featured-collection-section .featured-collection-grid .banner-featured {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 4rem 2rem 10rem
}

@media(min-width: 992px) {
    .featured-collection-section .featured-collection-grid .banner-featured {
        padding: 4rem 5rem 10rem
    }
}

.featured-collection-section .featured-collection-grid .banner-featured .heading {
    margin: 0
}

.featured-collection-section .featured-collection-grid .banner-featured .sub-heading p {
    margin: 1rem 0 2.3rem;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1.2px
}

.featured-collection-section .featured-collection-grid .banner-featured .description {
    margin-top: 2.4rem;
    letter-spacing: .32px
}

.featured-collection-section .featured-collection-grid .countdown-time {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: .8rem
}

.featured-collection-section .featured-collection-grid .countdown-time .time-block {
    background-color: rgb(var(--background-color));
    min-width: 10rem;
    min-height: 10rem;
    border-radius: .4rem;
    margin-right: 0
}

.featured-collection-section .featured-collection-grid .countdown-time .time-block:before {
    content: none
}

.featured-collection-section .featured-collection-grid .countdown-time .time-number {
    font-size: 3.6rem;
    line-height: 1.16
}

.featured-collection-section .featured-collection-grid .countdown-time .time-text {
    font-weight: 600;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 1rem
}

@media(max-width: 992px) {
    .featured-collection-section .featured-collection-grid .colection-product .product-card {
        width: 216px
    }
}

@media(min-width: 991px) {
    .featured-collection-section .featured-collection-grid .colection-product .product-card {
        margin-bottom: 0
    }
}

.featured-collection-section .featured-collection-grid .scroll-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem
}

@media(max-width: 992px) {
    .featured-collection-section .featured-collection-grid .scroll-wrapper {
        flex-direction: row;
        overflow-x: auto;
        flex-wrap: nowrap
    }
}

.featured-product-section .section-wrapper .heading-box {
    text-align: center
}

.featured-product-section .section-wrapper .heading-box .heading-inner+.button {
    margin-top: 1.6rem
}

.featured-product-section .product-summary {
    margin: 0;
    width: 100%
}

.featured-product-section .product-summary.onboarding .product-summary-inner>* {
    margin-bottom: 1.6rem
}

.featured-product-section .product-summary .item-field {
    flex-wrap: wrap
}

.featured-product-section .product-summary .short_description .short-content:after {
    background: none
}

.featured-product-section .featured-product-slider {
    display: flex;
    gap: 1.2rem
}

.featured-product-section .featured-product-slider .featured-product-product {
    display: flex;
    padding: 2.8rem;
    background-color: rgba(var(--text-color), 0.05);
    width: 100%
}

.featured-product-section .featured-product-slider .featured-product-product .gallery-thumbs.swiper:not(.swiper-initialized) .swiper-slide {
    margin-right: 0;
    width: 10.8rem
}

.featured-product-section .featured-product-slider .featured-product {
    width: calc(50% - .6rem)
}

.featured-product-section .featured-product-slider .featured-product .swiper:not(.swiper-initialized) .swiper-slide {
    margin-right: 12px;
    width: 225.33px
}

@media(max-width: 991px) {
    .featured-product-section .featured-product-slider {
        flex-direction: column
    }

    .featured-product-section .featured-product-slider .featured-product-product {
        padding: 1.6rem
    }

    .featured-product-section .featured-product-slider .featured-product-product,
    .featured-product-section .featured-product-slider .featured-product {
        width: 100%;
        display: block
    }
}

.featured-product-section .collection-heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 2.9rem
}

@media(max-width: 991px) {
    .featured-product-section .collection-heading {
        gap: 1.5rem
    }
}

.featured-product-section .collection-heading .box-countdow {
    margin: .5rem 0
}

.featured-product-section .heading-box {
    margin-bottom: 4rem
}

@media(max-width: 991px) {
    .featured-product-section .heading-box {
        margin-bottom: 2rem
    }
}

.featured-product-section .heading-box .heading *,
.featured-product-section .heading-box .sub-heading * {
    margin: 0
}

.featured-product-section .heading-box .heading p,
.featured-product-section .heading-box .sub-heading p {
    font-weight: var(--body-font-weight)
}

.featured-product-section .heading-box .heading+.sub-heading {
    margin-top: 1.6rem
}

@media(max-width: 991px) {
    .featured-product-section .heading-box .heading {
        margin-bottom: 0
    }
}

.featured-product-section .heading-box .sub-heading {
    margin: 0;
    line-height: 1.5
}

.featured-product-section .heading-box .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1.6;
    position: relative;
    color: rgb(var(--button-text-color));
    background: unset;
    overflow: visible;
    font-size: var(--body-larger-font-size);
    font-weight: var(--heading-font-weight);
    white-space: nowrap
}

.featured-product-section .heading-box .button:before {
    display: none
}

.featured-product-section .heading-box .button:after {
    content: "";
    position: absolute;
    bottom: -0.7rem;
    left: 0;
    width: 100%;
    height: .1rem;
    background: rgb(var(--button-text-color));
    transition: all .3s ease
}

.featured-product-section .heading-box .button:hover:after {
    height: .2rem
}

.featured-product-section .collection-inner .card-item-inner {
    display: flex;
    justify-content: center;
    align-items: center
}

.featured-product-section .collection-inner .card-title {
    position: absolute;
    bottom: 3.2rem;
    white-space: normal;
    transition: all .3s ease
}

@media(max-width: 991px) {
    .featured-product-section .collection-inner .card-title {
        bottom: 2.5rem;
        padding: 1rem 1.5rem
    }
}

.featured-product-section .card-item-inner {
    position: relative
}

.featured-product-section .card-item-inner .card-media.show-border-image {
    border: .2rem solid rgba(var(--text-color), 0.3)
}

.featured-product-section .card-item-inner .card-media img,
.featured-product-section .card-item-inner .card-media svg {
    transition: all .3s ease
}

.featured-product-section .card-item-inner:hover .card-media.show-border-image {
    border-color: rgb(var(--text-color))
}

.featured-product-section .card-item-inner:hover .card-media img,
.featured-product-section .card-item-inner:hover .card-media svg {
    transform: scale(1.03)
}

.featured-product-section .card-link {
    display: inline-block
}

.featured-product-section .card-title {
    text-align: center
}

.featured-product-section .card-title .collection-product-count {
    font-size: var(--body-larger-font-size);
    font-weight: var(--body-font-weight);
    color: rgb(var(--text-color))
}

.featured-product-section .card-media {
    overflow: hidden;
    transition: all .3s ease;
    width: 100%;
    flex-shrink: 0;
    height: 0
}

.featured-product-section .card-media img {
    width: 100%
}

.featured-product-section .card-media.circle-image {
    border-radius: 50%
}

.featured-product-section .control-product-slider {
    display: flex
}

.featured-product-section .arrow-small .swiper-controls {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-right: -1rem
}

.featured-product-section .arrow-small .swiper-controls button {
    position: static;
    font-size: 2.4rem;
    transform: none;
    color: rgba(var(--text-color), 0.5)
}

@media(hover: hover) {
    .featured-product-section .arrow-small .swiper-controls button:hover {
        color: rgb(var(--text-color))
    }
}

.featured-product-section .arrow-small .swiper-controls button+button {
    margin-left: .8rem
}

.featured-product-section .control-featured-product {
    display: flex;
    align-items: center
}

.featured-product-section .button-collection {
    font-weight: 600;
    white-space: nowrap;
    text-align: right
}

.featured-product-section .button-collection svg {
    margin-left: 1.1rem;
    margin-top: -4px
}

.featured-product-section .heading-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom: .1rem solid rgba(var(--text-color), 0.1);
    margin-bottom: 4rem;
    gap: 1.5rem
}

.featured-product-section .heading-wrapper.arrow-medium,
.featured-product-section .heading-wrapper.arrow-large {
    border-bottom: none
}

.featured-product-section .heading-wrapper .collection-head {
    position: relative
}

.featured-product-section .heading-wrapper .collection-head .icon {
    margin-left: 2px;
    margin-right: .9rem
}

.featured-product-section .heading-wrapper .collection-head:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    background-color: rgb(var(--text-color));
    height: .3rem;
    width: 100%;
    bottom: -1.63rem
}

@media(max-width: 1600px) {
    .featured-product-section .heading-wrapper .collection-head:after {
        bottom: -1.7rem
    }
}

.featured-product-section .swiper-pagination {
    margin-top: 0
}

.featured-product-section .swiper-button-prev,
.featured-product-section .swiper-button-next {
    border-radius: 0;
    border: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0)
}

.featured-product-section .swiper-button-prev svg,
.featured-product-section .swiper-button-next svg {
    width: 5rem;
    height: auto
}

@media(min-width: 992px) {

    .featured-product-section .swiper-button-prev svg,
    .featured-product-section .swiper-button-next svg {
        width: auto
    }

    .featured-product-section .swiper-button-prev path,
    .featured-product-section .swiper-button-next path {
        width: 11.5rem
    }
}

.featured-product-section .countdown-time-wrap.flat-countdown .countdown-time {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: .8rem;
    padding: 0
}

.featured-product-section .countdown-time-wrap.flat-countdown .countdown-time .time-block {
    background-color: rgba(var(--text-color), 0.05);
    min-width: 4.4rem;
    height: 4.4rem;
    border-radius: .4rem;
    margin-right: 0;
    padding-top: 1rem
}

.featured-product-section .countdown-time-wrap.flat-countdown .countdown-time .time-block:before {
    content: none
}

.featured-product-section .countdown-time-wrap.flat-countdown .countdown-time .time-number {
    font-size: 1.6rem;
    line-height: 1;
    min-height: 1.7rem;
    min-width: 4.4rem;
    font-weight: 600
}

.featured-product-section .countdown-time-wrap.flat-countdown .countdown-time .time-text {
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: .5rem
}

.featured-product-section .product-gallery {
    position: relative
}

.featured-product-section .product-gallery[data-id=layout-1] .product-thumb-slide {
    margin-top: 1.5rem
}

.featured-product-section .product-gallery[data-id=layout-1] .product-media-box {
    display: contents
}

.featured-product-section .product-gallery[data-id=layout-1] .product-media-box .swiper-controls {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.featured-product-section .product-gallery[data-id=layout-1] .product-media-box .swiper-controls .swiper-pagination-custom {
    position: static;
    width: auto
}

.featured-product-section .product-gallery[data-id=layout-1] .product-media-box .swiper-controls .swiper-button-next,
.featured-product-section .product-gallery[data-id=layout-1] .product-media-box .swiper-controls .swiper-button-prev {
    position: static;
    transform: none;
    border: 0;
    width: 4.5rem;
    height: 4.5rem;
    background-color: rgba(0, 0, 0, 0)
}

@media(hover: hover) {

    .featured-product-section .product-gallery[data-id=layout-1] .product-media-box .swiper-controls .swiper-button-next:hover,
    .featured-product-section .product-gallery[data-id=layout-1] .product-media-box .swiper-controls .swiper-button-prev:hover {
        color: rgb(var(--text-color));
        background-color: rgba(0, 0, 0, 0);
        transform: scale(1.2)
    }
}

.featured-product-section .product-gallery[data-id=layout-1] .swiper-button-prev,
.featured-product-section .product-gallery[data-id=layout-1] .swiper-button-next {
    padding: 1.8rem .19rem;
    background-color: rgb(var(--background-color));
    color: rgba(var(--text-color), 0.5);
    width: 100%;
    height: 3.2rem;
    border-radius: 0
}

.featured-product-section .product-gallery[data-id=layout-1] .swiper-button-prev:hover,
.featured-product-section .product-gallery[data-id=layout-1] .swiper-button-next:hover {
    color: rgb(var(--text-color))
}

.featured-product-section .product-gallery[data-id=layout-1] .swiper-button-prev svg,
.featured-product-section .product-gallery[data-id=layout-1] .swiper-button-next svg {
    width: 2.1rem
}

.featured-product-section .product-gallery[data-id=layout-1] .product-thumbs-slide {
    position: relative;
    overflow: hidden;
    padding-top: 10.9rem;
    padding-bottom: 10.9rem;
    width: 10.8rem;
    flex-shrink: 0
}

@media(max-width: 1200px) {
    .featured-product-section .product-gallery[data-id=layout-1] .product-thumbs-slide {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media(min-width: 992px) {
    .featured-product-section .product-gallery[data-id=layout-1] .gallery-thumbs {
        height: calc(800px - 33rem);
        padding-top: 1px
    }
}

.featured-product-section .product-gallery[data-id=layout-1] .gallery-thumbs .thumbs-item {
    height: auto !important
}

.featured-product-section .product-gallery[data-id=layout-1] .gallery-thumbs .thumbs-item .media-preview-wrap {
    border: .1rem solid rgba(var(--heading-color), 0.3);
    transition: border-color .3s ease
}

.featured-product-section .product-gallery[data-id=layout-1] .gallery-thumbs .thumbs-item.swiper-slide-thumb-active .media-preview-wrap {
    border-color: rgb(var(--heading-color))
}

.featured-product-section .product-gallery[data-id=layout-1] .gallery-thumbs .thumbs-item:not(.swiper-slide-thumb-active) .media-preview-wrap {
    opacity: .9
}

@media(min-width: 992px) {
    .featured-product-section .product-gallery[data-id=layout-1] .product-media-box {
        display: flex;
        gap: 2.4rem
    }

    .featured-product-section .product-gallery[data-id=layout-1] .product-media-box .product-media-inner {
        display: flex
    }

    .featured-product-section .product-gallery[data-id=layout-1] .product-main-slide {
        order: 2;
        width: calc(100% - 13rem)
    }

    .featured-product-section .product-gallery[data-id=layout-1] .product-thumb-slide {
        display: block;
        width: 10rem;
        height: 58rem;
        z-index: 15;
        margin-top: 0
    }

    .featured-product-section .product-gallery[data-id=layout-1] .single-media .product-main-slide {
        order: 1;
        width: 100%
    }

    .featured-product-section .product-gallery[data-id=layout-1] .swiper-button-prev {
        top: 1.9rem;
        left: 0
    }

    .featured-product-section .product-gallery[data-id=layout-1] .swiper-button-next {
        top: calc(100% - 2rem);
        right: 0
    }
}

.featured-product-section .product-gallery[data-id=layout-2] .gallery-media {
    display: flex;
    align-items: center;
    flex-direction: row;
    overflow-x: auto;
    white-space: nowrap;
    flex-wrap: nowrap;
    padding-bottom: 2rem;
    margin-right: 0
}

.featured-product-section .product-gallery[data-id=layout-2] .gallery-media.scrollbar {
    scrollbar-width: auto
}

.featured-product-section .product-gallery[data-id=layout-2] .gallery-media .gallery-item {
    min-width: 43.3rem;
    overflow: hidden
}

.featured-product-section .product-gallery[data-id=layout-2] .gallery-media .gallery-item:not(:first-child) {
    margin-left: 2rem
}

@media(max-width: 991px) {
    .featured-product-section .product-gallery[data-id=layout-2] .gallery-media .gallery-item {
        min-width: 23rem
    }
}

.featured-product-section .product-gallery.portrait-image .media-preview-wrap {
    aspect-ratio: 1/1.33
}

.featured-product-section .product-gallery.portrait-image .media-preview {
    aspect-ratio: 1/1.33
}

.featured-product-section .product-gallery.square-image .media-preview-wrap {
    aspect-ratio: 1/1
}

.featured-product-section .product-gallery.square-image .media-preview {
    aspect-ratio: 1/1
}

.featured-product-section .product-gallery.landscape-image .media-preview-wrap {
    aspect-ratio: 1/1
}

.featured-product-section .product-gallery.landscape-image .media-preview {
    aspect-ratio: 1/1
}


.featured-product-section .product-gallery .gallery-item .media-preview-wrap {
    border: none;
    overflow: hidden
}

@media(max-width: 991px) {
    .featured-product-section .product-gallery {
        margin-bottom: 2.5rem
    }
}

.featured-product-section .carousel-swiper .swiper-slide {
    display: grid
}

.footer.separator-top {
    border-top: .1rem solid rgba(var(--text-color), 0.1)
}

.footer ul,
.footer ol {
    list-style: none;
    margin: 0;
    padding: 0
}

@media(hover: hover) {
    .footer a:hover {
        text-decoration-thickness: .1rem;
        text-underline-offset: .5rem;
        text-decoration: underline
    }
}

.footer .ft-blocks-inner {
    padding-top: 8rem;
    padding-bottom: 8rem;
    display: flex;
    justify-content: space-between
}

@media(max-width: 1200px) {
    .footer .ft-blocks-inner {
        flex-wrap: wrap;
        gap: 4rem
    }
}

@media(max-width: 991px) {
    .footer .footer-follow-on-shop {
        margin-top: 2rem;
        display: flex;
        justify-content: center
    }
}

.footer .ft-block-heading {
    font-size: 1.6rem;
    margin-top: 0;
    margin-bottom: 1.8rem
}

.footer .ft-block-heading svg {
    width: 1.2rem;
    height: 1.2rem;
    transition: transform .3s
}

@media(min-width: 992px) {
    .footer .ft-block-heading svg {
        display: none
    }
}

@media(min-width: 1440px) {
    .footer .ft-block-newsletter {
        min-width: 53.2rem
    }

    .footer .ft-block-info {
        min-width: 33.2rem
    }

    .footer .ft-block-newsletter-content p {
        max-width: 56.8rem
    }

    .footer .ft-block-newsletter {
        max-width: 56.8rem
    }
}

@media(min-width: 992px) {
    .footer .ft-block-menu {
        min-width: 26rem
    }
}

.footer .ft-block-menu .ft-block-nav {
    display: flex;
    flex-direction: column;
    gap: .4rem
}

.footer .ft-block-newsletter {
    flex-grow: 1
}

.footer .ft-block-newsletter .ft-block-heading {
    margin-bottom: 1.8rem
}

.footer .ft-block-newsletter .field-wrapper {
    display: flex;
    align-items: center;
    gap: 8px
}

.footer .ft-block-newsletter .ft-block-newsletter-content {
    margin-bottom: 1.5rem
}

.footer .ft-block-newsletter .field-input {
    background-color: rgba(0, 0, 0, 0);
    height: 4.2rem;
    padding: 0 4rem 0 1.6rem;
    width: 100%;
    box-shadow: 0 0 0 .1rem rgb(var(--text-color));
    background-repeat: no-repeat;
    background-position: center right 1.9rem
}

.footer .ft-block-newsletter .field-input:focus-visible {
    box-shadow: 0 0 0 .1rem rgba(var(--text-color), 1), 0 0 .5rem .4rem rgba(var(--text-color), 0.2)
}

.footer .ft-block-newsletter [type=submit] {
    height: 4.4rem;
    min-width: 12.7rem;
    text-transform: capitalize;
    font-size: 1.6rem;
    font-weight: 600;
    padding: 0 2rem
}

.footer .ft-block-info .first-line {
    font-size: 2.4rem
}

.footer .ft-block-info .text-opacity {
    opacity: .65
}

.footer .ft-block-info p {
    max-width: 33.2rem
}

.footer .social-media-list {
    margin-top: 1rem;
    margin-bottom: 1.2rem
}

.footer .social-media-list li {
    margin: 0 .2rem
}

.footer .social-media-list li:first-child {
    margin: 0
}

.footer .social-media-list a {
    width: 4.4rem;
    height: 4.4rem;
    border-radius: 50%;
    border: .1rem solid;
    padding: 1rem;
    align-items: center
}

.footer .social-media-list svg {
    width: 2.4rem;
    height: 2.4rem
}

.footer .ft-bar {
    border-top: .1rem solid rgba(var(--text-color), 0.1)
}

.footer .ft-bar.center {
    display: flex;
    text-align: center
}

.footer .ft-bar.center .stretch-padding {
    width: 100%
}

.footer .ft-bar.center .ft-bar-inner {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 0
}

.footer .ft-bar.center .ft-bar-inner .ft-logo img {
    max-width: 28.4rem
}

.footer .ft-bar.center .ft-bar-inner .ft-copyright {
    margin-top: 1.7rem
}

.footer .ft-bar.center .ft-bar-inner .ft-copyright .ft-block-nav {
    justify-content: center
}

.footer .ft-bar.center .ft-bar-inner .localization-form {
    justify-content: center;
    margin: 2rem 0
}

.footer .ft-bar.mini-footer-bar .ft-bar-inner {
    padding: 1.6rem 0;
    align-items: center
}

.footer .ft-bar.mini-footer-bar .ft-bar-inner .ft-copyright {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 400;
    margin-top: 0;
    letter-spacing: .32px
}

.footer .ft-bar p:last-child {
    margin-bottom: 0
}

.footer .ft-bar-inner {
    display: flex;
    justify-content: space-between;
    padding: 4rem 0;
    gap: 1rem 3.2rem
}

@media(max-width: 991px) {
    .footer .ft-bar-inner {
        padding: 3rem 0;
        flex-direction: column
    }
}

.footer .ft-bar-inner .footer-bar-right {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.footer .ft-bar-inner .ft-logo img {
    max-width: 20.1rem
}

.footer .ft-bar-inner .ft-copyright {
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    font-size: 1.2rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 1.5rem;
    letter-spacing: 1.2px;
    flex-wrap: wrap
}

@media(max-width: 991px) {
    .footer .ft-bar-inner .ft-copyright {
        flex-direction: column
    }
}

.footer .ft-bar-inner .ft-copyright .ft-block-nav {
    display: flex;
    gap: 2rem;
    margin-right: 1rem;
    padding-right: 1rem;
    flex-wrap: wrap;
    padding-bottom: 2rem
}

@media(min-width: 1600px) {
    .footer .ft-bar-inner .ft-copyright .ft-block-nav {
        gap: 4.8rem;
        margin-right: 2.4rem;
        padding-right: 2.4rem;
        padding-bottom: 0
    }
}

@media(max-width: 991px) {
    .footer .ft-bar-inner .ft-copyright .ft-block-nav {
        margin-right: 0;
        padding-right: 0
    }
}

.footer .ft-bar-inner .ft-copyright .ft-block-nav li {
    position: relative;
    width: max-content
}

.footer .ft-bar-inner .ft-copyright .ft-block-nav li:after {
    content: "";
    position: absolute;
    top: 0;
    width: .1rem;
    height: 16px;
    background-color: rgba(var(--heading-color), 0.1);
    right: -1rem
}

@media(min-width: 1600px) {
    .footer .ft-bar-inner .ft-copyright .ft-block-nav li:after {
        right: -2.4rem
    }
}

@media(max-width: 991px) {
    .footer .ft-bar-inner .ft-copyright .ft-block-nav li:last-child:after {
        content: none
    }
}

.footer .ft-bar-inner .list-payment {
    display: flex;
    flex-wrap: wrap;
    gap: .8rem
}

.footer .ft-bar-inner .list-payment li {
    display: inline-flex
}

.footer .ft-bar-inner .list-payment li svg {
    width: 5rem;
    height: auto
}

.footer .ft-bar-inner .localization-form {
    display: flex;
    gap: 1rem
}

@media(min-width: 1600px) {
    .footer .ft-bar-inner .localization-form {
        justify-content: flex-end
    }
}

.footer .ft-bar-inner .localization-form .toggle-dropdown {
    border: .1rem solid rgb(var(--text-color));
    height: 4rem;
    padding: 0 1.2rem;
    display: inline-flex;
    align-items: center
}

@media(min-width: 992px) {
    .footer .ft-bar-inner .localization-form .toggle-dropdown[open] {
        visibility: visible;
        opacity: 1;
        transform: translateY(0)
    }
}

.footer .ft-bar-inner .localization-form .dropdown-summary {
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
    color: rgb(var(--text-color));
    font-size: 1.3rem
}

.footer .ft-bar-inner .localization-form .country-flag {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    flex-shrink: 0;
    margin-right: .7rem
}

.footer .ft-bar-inner .localization-form .country-flag img {
    width: auto;
    height: auto
}

.footer .ft-bar-inner .localization-form .country-name {
    flex-grow: 1;
    padding-right: 2rem
}

.footer .ft-bar-inner .localization-form .dropdown-icon {
    margin-left: 1.2rem;
    display: inline-flex
}

.footer .ft-bar-inner .localization-form .dropdown-icon svg {
    width: 1.6rem;
    height: 1.6rem;
    margin: 0
}

@media(min-width: 992px) {
    .footer .ft-bar-inner .localization-form .dropdown-content {
        padding: 0;
        min-width: auto;
        top: auto;
        bottom: calc(100% + 1rem);
        min-width: 16rem;
        max-width: 26rem;
        width: max-content
    }
}

.footer .ft-bar-inner .localization-form .dropdown-content .submit {
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    padding: 0;
    color: rgb(var(--text-color));
    display: flex;
    align-items: center;
    font-size: 1.3rem
}

.footer .ft-bar-inner .localization-form .dropdown-content .content {
    min-width: 12rem
}

.footer .ft-bar-inner .localization-form .dropdown-content .content li {
    padding-left: 2rem;
    padding-right: 2rem
}

@media(min-width: 992px)and (max-width: 1200px) {

    .footer .ft-block-newsletter,
    .footer .ft-block-info {
        min-width: auto;
        width: calc((100% - var(--column-gap))/2)
    }
}

@media(max-width: 991px) {
    .footer .ft-blocks-inner {
        padding-top: 3rem;
        padding-bottom: 3rem;
        gap: 0
    }

    .footer .ft-blocks-inner .ft-block-newsletter,
    .footer .ft-blocks-inner .ft-block-info {
        min-width: auto
    }

    .footer .ft-blocks-inner .ft-block-item {
        width: 100%;
        flex-grow: 1
    }

    .footer .ft-blocks-inner .ft-block-item.open .ft-block-heading svg {
        transform: rotate(180deg)
    }

    .footer .ft-blocks-inner .ft-block-content {
        max-width: 100%
    }

    .footer .ft-blocks-inner .ft-block-heading {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0;
        padding: 1.2rem 0
    }

    .footer .ft-blocks-inner .ft-block-content {
        display: none;
        padding: 1rem 0 1.5rem 0
    }

    .footer .ft-bar-inner {
        justify-content: center;
        flex-direction: column
    }

    .footer .ft-bar-inner .localization-form .dropdown-summary {
        font-size: 1.2rem
    }

    .footer .ft-bar-inner .localization-form .toggle-dropdown {
        height: 3rem;
        padding: 0 1rem
    }

    .footer .ft-bar-inner .localization-form .dropdown-icon {
        margin-left: .5rem
    }
}

#btnScrollToTop {
    position: fixed;
    bottom: 9rem;
    right: 1.5rem;
    width: 4rem;
    height: 4rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, .25);
    z-index: 15;
    display: none;
    transition: background-color .3s, opacity .5s, visibility .5s
}

#btnScrollToTop svg {
    transform: rotate(-90deg)
}

@supports(-webkit-touch-callout: none) {
    button {
        color: rgb(var(--text-color))
    }
}

.has-product-filters ul,
.has-product-filters ol {
    list-style: none;
    margin: 0;
    padding: 0
}

.has-product-filters input[type=checkbox] {
    position: relative;
    width: 1.8rem;
    height: 1.8rem;
    padding: 0;
    border: .1rem solid rgba(var(--text-color), 0.2);
    -webkit-appearance: none;
    appearance: none;
    flex-shrink: 0
}

.has-product-filters input[type=checkbox]:before {
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    display: block
}

.has-product-filters input[type=checkbox]:checked:before {
    content: ""
}

.has-product-filters input[type=radio] {
    display: none
}

.has-product-filters input[type=radio]:checked~label:before {
    background-color: currentColor
}

.has-product-filters input[type=radio]~label:before {
    content: "";
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    border: .2rem solid #fff;
    box-shadow: 0 0 0 .2rem currentColor;
    background-color: #fff;
    margin-right: 1.5rem;
    border-radius: 100%
}

.lazy-image {
    background-color: rgba(var(--text-color), 0.05);
    display: block;
    overflow: hidden;
    padding-bottom: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.lazy-image:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
    animation: lazy-loading 1.3s infinite
}

.lazy-image img {
    opacity: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: opacity .5s ease-in-out;
    will-change: opacity
}

.adapt-media .lazy-image {
    position: relative
}

.lazy-image.lazy-loaded {
    background-color: rgba(0, 0, 0, 0)
}

.lazy-image.lazy-loaded:before {
    content: none
}

.lazy-image.lazy-loaded img {
    opacity: 1
}

.stretch-section .main-product .product-thumbs .swiper-button-prev svg,
.stretch-section .main-product .product-thumbs .swiper-button-next svg {
    height: 2rem;
    width: 2rem
}

.stretch-section .main-product .product-thumbs .swiper-button-prev,
.stretch-section .main-product .product-thumbs .swiper-rtl .swiper-button-next {
    left: 1.5rem
}

.stretch-section .main-product .product-thumbs .swiper-button-next,
.stretch-section .main-product .product-thumbs .swiper-rtl .swiper-button-prev {
    right: 1.5rem
}

.stretch-padding {
    padding-left: calc(var(--column-gap)/2);
    padding-right: calc(var(--column-gap)/2);
    margin: 0 auto
}

@media(max-width: 1570px) {
    .stretch-padding {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media(min-width: 1950px) {
    .stretch-padding {
        max-width: 1920px
    }
}

.loading-bar {
    position: fixed;
    top: 0;
    left: 0;
    height: 3px;
    width: 100%;
    opacity: 0;
    background-color: rgb(var(--text-color));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .25s ease-in-out;
    z-index: 999;
    pointer-events: none
}

.loading-bar.active {
    opacity: 1
}

.add-to-cart-button.loading {
    color: rgba(0, 0, 0, 0)
}

@media(hover: hover) {
    .add-to-cart-button.loading:hover {
        transition: color 0s;
        color: rgba(0, 0, 0, 0)
    }
}

.add-to-cart-button.loading:before {
    content: "";
    z-index: 5;
    position: absolute;
    border: .2rem solid #fff;
    border-top-color: rgba(0, 0, 0, 0);
    border-radius: 50%;
    height: 1.6rem;
    width: 1.6rem;
    top: 50%;
    left: 50%;
    animation: circle-loading 500ms infinite linear;
    background: rgba(0, 0, 0, 0)
}

.carousel-swiper .swiper-slide {
    height: auto;
    display: grid !important
}

.carousel-swiper ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.tooltip {
    background-color: rgb(var(--text-color));
    color: rgb(var(--background-color));
    border-radius: .3rem;
    padding: .4rem 1rem;
    position: absolute;
    font-size: 1.2rem;
    line-height: 1.5;
    right: calc(100% + .8rem);
    pointer-events: none;
    transform: translateX(5px);
    opacity: 0;
    visibility: hidden;
    white-space: nowrap;
    z-index: 2;
    transition: transform .3s ease, opacity .3s ease, visibility .3s ease
}

.tooltip.tooltip-top {
    transform: translateY(5px);
    right: auto;
    bottom: calc(100% + .8rem)
}

.tooltip.tooltip-top:before {
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: .3rem;
    border-color: rgb(var(--text-color)) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.tooltip:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .3rem 0 .3rem .3rem;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(var(--text-color))
}

.countdown-time-wrap.flat-countdown {
    display: flex
}

.countdown-time-wrap.flat-countdown .countdown-time {
    display: inline-flex;
    border-radius: .5rem;
    font-weight: 400;
    padding: 0 .6rem
}

@media(max-width: 992px) {
    .countdown-time-wrap.flat-countdown .countdown-time {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        gap: 8px
    }
}

.countdown-time-wrap.flat-countdown .time-block {
    position: relative;
    margin-right: .7rem
}

.countdown-time-wrap.flat-countdown .time-block:first-of-type:before {
    content: none
}

.countdown-time-wrap.flat-countdown .time-block:before {
    content: ":";
    font-size: 3rem;
    position: absolute;
    top: -0.1rem;
    left: -0.7rem
}

.countdown-time-wrap.flat-countdown .time-number {
    background-color: rgba(0, 0, 0, 0);
    min-height: 5rem;
    min-width: 4.5rem;
    font-size: 3rem;
    color: currentColor
}

.countdown-time {
    display: flex;
    align-items: center;
    font-weight: 500;
    color: rgb(var(--text-color))
}

.countdown-time .time-number {
    color: #2d3448;
    background-color: #eaeaea;
    font-size: 1.4rem;
    min-width: 5rem;
    min-height: 4rem;
    padding: 0 .8rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.countdown-time .time-number:empty {
    display: none
}

.countdown-time .time-number:empty~.time-text {
    display: none
}

.countdown-time .time-block {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-right: 2rem
}

.countdown-time .time-block:last-of-type {
    margin-right: 0
}

.countdown-time .time-text {
    font-size: 1.1rem;
    text-transform: uppercase;
    margin-top: .1rem
}

.toggle-dropdown {
    position: relative
}

.toggle-dropdown ul,
.toggle-dropdown ol {
    list-style: none;
    padding: 0;
    margin: 0
}

.toggle-dropdown[open] {
    z-index: 9999
}

.toggle-dropdown[open] .dropdown-content {
    visibility: visible;
    opacity: 1;
    transform: translateY(0)
}

.toggle-dropdown[open] .dropdown-icon svg {
    transform: rotate(180deg)
}

.toggle-dropdown .dropdown-summary {
    cursor: pointer
}

.toggle-dropdown .dropdown-content {
    position: absolute;
    top: calc(100% + 1rem);
    right: 0;
    min-width: 16rem;
    z-index: 21;
    white-space: nowrap;
    box-shadow: 0 .1rem .5rem .2rem rgba(var(--text-color), 0.1);
    transition: opacity .2s ease-in-out, transform .2s ease-in-out, visibility .2s ease-in-out;
    opacity: 0;
    visibility: hidden;
    transform: translateY(1rem);
    background-color: rgb(var(--background-color))
}

@media(min-width: 992px) {
    .toggle-dropdown .dropdown-content {
        padding: 1.5rem 0
    }

    .toggle-dropdown .dropdown-content .content {
        overflow: auto;
        max-height: 40vh
    }
}

.toggle-dropdown .dropdown-content-header {
    padding: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: .1rem solid rgba(var(--text-color), 0.3);
    color: rgb(var(--text-color));
    font-weight: 700
}

.toggle-dropdown .dropdown-content-header svg {
    transform: none;
    width: 2rem;
    height: 2rem
}

@media(min-width: 768px) {
    .toggle-dropdown .dropdown-content-header {
        display: none
    }
}

.toggle-dropdown .dropdown-content-inner li {
    padding: .5rem 1.5rem;
    cursor: pointer
}

.toggle-dropdown .dropdown-content-inner li[data-current] {
    background-color: rgba(var(--text-color), 0.03)
}

@media(hover: hover) {
    .toggle-dropdown .dropdown-content-inner li:hover {
        background-color: rgba(var(--text-color), 0.03)
    }
}

.toggle-dropdown .dropdown-content-inner button {
    text-align: left;
    white-space: normal;
    display: flex;
    width: 100%;
    gap: .5rem
}

@media(max-width: 991px) {
    .toggle-dropdown[open] .dropdown-content-inner {
        transform: translateY(0)
    }

    .toggle-dropdown .dropdown-content {
        transform: none;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        background-color: rgba(var(--overlay-color), 0.4)
    }

    .toggle-dropdown .dropdown-content li {
        padding: 1.5rem 2rem
    }

    .toggle-dropdown .dropdown-content-inner {
        background-color: rgb(var(--background-color));
        display: flex;
        flex-direction: column;
        height: 90%;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        transform: translateY(100%);
        transition: transform .3s ease
    }

    .toggle-dropdown .content {
        flex-grow: 1;
        overflow-x: hidden;
        overflow-y: auto
    }
}

.toggle-dropdown .dropdown-icon svg {
    width: 1.1rem;
    height: 1.1rem;
    margin-left: .5rem;
    vertical-align: 0;
    transition: transform .2s ease
}

.symbol-country-currency {
    white-space: normal;
    text-align: right;
    flex-shrink: 0;
    max-width: 6rem
}

.pickup-availability-open .pickup-availability-panel {
    pointer-events: auto;
    visibility: visible;
    opacity: 1
}

.pickup-availability-open .pickup-availability-panel .pickup-availability-modal {
    transform: translateX(0)
}

.pickup-availability .pickup-availability-info {
    display: flex;
    align-items: baseline
}

.pickup-availability .pickup-availability-info svg {
    width: 2rem;
    height: 2rem;
    vertical-align: -0.5rem
}

.pickup-availability .pickup-availability-info-inner {
    margin-left: 1rem
}

.pickup-availability .pickup-availability-info-title {
    color: rgb(var(--text-color));
    font-size: 1.6rem;
    font-weight: 500
}

.pickup-availability .toggle-modal {
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    color: rgb(var(--text-color));
    border: 0;
    font-size: 1.6rem
}

@media(hover: hover) {
    .pickup-availability .toggle-modal:hover {
        text-decoration: underline
    }
}

.pickup-availability-panel {
    position: fixed;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(var(--overlay-color), 0.5);
    z-index: 99;
    transition: all .2s
}

.pickup-availability-panel .pickup-availability-modal {
    transform: translateX(100%);
    transition: all .2s;
    background-color: rgb(var(--background-color));
    width: 40rem;
    max-width: 80%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    height: 100%
}

.pickup-availability-panel .pickup-availability-header {
    padding: 2rem 6rem 2rem 2rem;
    border-bottom: .1rem solid rgba(var(--text-color), 0.3);
    position: relative
}

.pickup-availability-panel .pickup-availability-header .pickup-availability-product-title {
    font-size: 2.2rem;
    margin: 0
}

.pickup-availability-panel .pickup-availability-header .button {
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    width: 3.6rem;
    height: 3.6rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.pickup-availability-panel .pickup-availability-header p {
    margin: 0
}

.pickup-availability-panel .pickup-availability-list {
    flex-grow: 1;
    overflow-y: auto;
    list-style: none;
    padding: 2rem;
    margin: 0
}

.pickup-availability-panel .pickup-availability-list .pickup-availability-item+.pickup-availability-item {
    border-top: 1px solid #efefef
}

.pickup-availability-panel .pickup-availability-list .pickup-availability-location {
    font-size: 1.6rem
}

.pickup-availability-panel .pickup-availability-list .pickup-availability-stock {
    display: flex
}

.pickup-availability-panel .pickup-availability-list .pickup-availability-stock svg {
    width: 1.5rem;
    margin-right: .5rem
}

.social-media-list li {
    display: inline-flex;
    align-items: center
}

.social-media-list a {
    display: inline-flex;
    justify-content: center;
    position: relative;
    background-color: rgb(var(--text-color));
    color: rgb(var(--background-color))
}

@media(hover: hover) {
    .social-media-list a:hover .tooltip {
        transform: translateY(0);
        opacity: 1;
        visibility: visible
    }
}

.social-media-list svg {
    width: 4rem;
    height: 4rem
}

.shopify-section {
    position: relative
}

.tabs .tabs-head-desktop {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 2.8rem
}

@media(max-width: 991px) {
    .tabs .tabs-head-desktop {
        display: none
    }
}

@media(min-width: 992px) {
    .tabs .tabs-head-mobile {
        display: none
    }
}

.tabs .tabs-head-mobile .dropdown-summary {
    font-size: 2.6rem
}

.tabs .tabs-head-mobile .dropdown-summary svg {
    margin-left: 1rem
}

.tabs .tabs-head {
    display: flex;
    justify-content: center;
    gap: 2rem
}

.tabs .tabs-head .tab-head {
    cursor: pointer;
    font-family: var(--heading-font-family);
    color: rgba(var(--text-color), 0.7);
    transition: all .3s ease;
    text-decoration-line: underline;
    text-decoration-thickness: .3rem;
    text-decoration-color: rgba(0, 0, 0, 0);
    text-underline-offset: 1.8rem
}

.tabs .tabs-head .tab-head.active {
    color: rgb(var(--text-color));
    text-decoration-color: rgb(var(--text-color))
}

.tabs .tabs-content {
    display: grid;
    grid-template-columns: minmax(0, 1fr)
}

.tabs .tabs-content.animation-down .tab-content {
    transform: translateY(-1.5rem)
}

.tabs .tabs-content.animation-up .tab-content {
    transform: translateY(1.5rem)
}

.tabs .tabs-content.animation-up .tab-content.active,
.tabs .tabs-content.animation-down .tab-content.active {
    transform: translateY(0)
}

.tabs .tabs-content .tab-content {
    grid-row-start: 1;
    grid-column-start: 1;
    opacity: 0;
    visibility: hidden;
    transition: transform .3s, opacity .3s, visibility .3s
}

.tabs .tabs-content .tab-content.active {
    opacity: 1;
    visibility: visible
}

[data-shopify=payment-button] .shopify-payment-button__button--hidden {
    display: none !important
}

[data-shopify=payment-button] .shopify-payment-button__button--unbranded {
    height: 4.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--button-radius)
}

.quantity {
    display: inline-flex;
    width: 10.8rem;
    height: 4.4rem;
    border-radius: var(--button-radius);
    box-shadow: 0 0 0 .1rem rgba(var(--text-color), 0.1);
    background-color: var(--background-color);
    color: rgb(var(--text-color));
    transition: box-shadow .2s ease;
    position: relative;
    z-index: 5
}

.quantity:focus-within {
    box-shadow: 0 0 0 .1rem rgba(var(--text-color), 0.2)
}

.quantity .quantity-button {
    width: 2.5rem;
    flex-shrink: 0;
    border: 0;
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(var(--text-color));
    padding: 0
}

.quantity .quantity-button svg {
    width: 1.2rem
}

.quantity .quantity-button[name=minus] {
    justify-content: flex-end
}

.quantity .quantity-button[name=plus] {
    justify-content: flex-start
}

.quantity .quantity-input {
    color: currentColor;
    font-weight: 500;
    opacity: .85;
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    padding: 0 .5rem;
    width: 100%;
    flex-grow: 1;
    -webkit-appearance: none;
    appearance: none
}

.product-stock-status {
    font-weight: 700
}

.inventory--low {
    color: rgb(var(--low-stock-color))
}

.inventory--high {
    color: rgb(var(--in-stock-color))
}

.product-price {
    font-weight: 600;
    color: rgb(var(--text-color))
}

.product-price .price+.regular-price {
    margin-left: .8rem;
    color: rgba(var(--text-color), 0.7)
}

.unit-price {
    display: block;
    font-size: 1.2rem;
    color: rgba(var(--text-color), 0.7)
}

.price--sold-out .price__availability,
.price__regular {
    display: block
}

.price__sale,
.price__availability,
.price .price__badge-sale,
.price .price__badge-sold-out,
.price--on-sale .price__regular,
.price--on-sale .price__availability {
    display: none
}

.price--sold-out .price__badge-sold-out,
.price--on-sale .price__badge-sale,
.volume-pricing--sale-badge .price__badge-sale {
    display: inline-block
}

.volume-pricing--sale-badge .price__badge-sale {
    margin-left: .5rem
}

.price--on-sale .price__sale {
    display: initial;
    flex-direction: row;
    flex-wrap: wrap
}

.product-price .price-item {
    display: inline-block
}

.product-price .price__sale .price-item.price-item--regular {
    color: rgba(var(--text-color), 0.7)
}

.square-media,
.portrait-media, {
    position: relative
}

.square-media img,
.portrait-media img, {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0
}

.square-media .placeholder-svg,
.portrait-media .placeholder-svg {
    position: absolute;
    left: 0;
    top: 0
}

/* Landscape banner images */
.landscape-media {
    position: relative;      /* container relative */
}

.landscape-media img {
    width: 100%;
    height: auto;
    object-fit: contain;
    position: static;
}
.landscape-media {
    padding-bottom: 31%; /* 16:9 ratio */
}

.square-media {
    padding-bottom: 100%
}

.portrait-media {
    padding-bottom: 133.515%
}

.small-button {
    padding: 1rem 2.2rem
}

.medium-button {
    padding: 1.2rem 2.4rem;
    font-size: 1.6rem;
    text-transform: capitalize;
    display: block
}

.large-button {
    padding: 2rem 4rem;
    font-size: 1.8rem
}

.message {
    display: block;
    font-size: 1.2rem;
    font-family: var(--body-font-family);
    border-radius: .4rem;
    padding: 1.2rem 2rem
}

.message:empty {
    display: none
}

.message:focus-visible {
    outline: none;
    box-shadow: none
}

.message svg {
    width: 1.8rem;
    margin-right: 5px
}

.message.success-message {
    background: rgba(var(--success-color), 0.1);
    color: rgb(var(--success-color))
}

.message.error-message {
    background: rgba(var(--error-color), 0.1);
    color: rgb(var(--error-color))
}

.scrollbar {
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--text-color), 0.3)
}

.scrollbar::-webkit-scrollbar {
    height: .5rem;
    border-radius: .4rem
}

.scrollbar::-webkit-scrollbar-thumb {
    border-radius: .4rem;
    background-color: rgba(var(--text-color), 0.3)
}

@media(hover: hover) {
    .scrollbar:hover::-webkit-scrollbar {
        background-color: rgba(var(--text-color), 0.1)
    }

    .scrollbar:hover::-webkit-scrollbar-thumb {
        background-color: rgba(var(--text-color), 1)
    }
}

.tax-note {
    font-size: 1.3rem;
    font-style: italic;
    color: rgba(var(--text-color), 0.8);
    margin: 0;
    display: block;
    float: none;
    width: 100%
}

.tax-note a {
    color: currentColor;
    text-decoration: underline;
    text-underline-offset: .2rem
}

.tax-note a:hover {
    color: rgb(var(--link-color))
}

.agree-to-terms {
    margin-bottom: 1rem;
    text-align: left
}

.agree-to-terms input[type=checkbox] {
    width: 1.6rem;
    height: 1.6rem;
    border-radius: .3rem;
    margin: 0 .5rem 0 0;
    vertical-align: middle;
    box-shadow: none;
    accent-color: rgb(var(--text-color))
}

.agree-to-terms input[type=checkbox]:checked {
    background-color: #000
}

.agree-to-terms input[type=checkbox]:checked:before {
    color: red
}

.agree-to-terms label {
    font-size: 1.3rem
}

.agree-to-terms label a {
    text-decoration: underline;
    text-underline-offset: .2rem
}

[role=main] .shopify-policy__container {
    max-width: 1140px;
    margin: 0 auto;
    padding: 5rem 1.5rem 6rem
}

[role=main] .shopify-policy__container .shopify-policy__title {
    margin-bottom: 4rem
}

[role=main] .shopify-policy__container .shopify-policy__title>* {
    text-align: center;
    line-height: 1.3;
    margin: 0
}

.has-accordion-style details {
    border-bottom: .1rem solid rgba(var(--text-color), 0.2)
}

.has-accordion-style details[open] .accordion-caret .minus {
    display: flex
}

.has-accordion-style details[open] .accordion-caret .plus {
    display: none
}

@media(min-width: 992px) {
    .has-accordion-style details.desktop-hover {
        height: auto !important
    }
}

.has-accordion-style .accordion-summary {
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 1.7rem 0
}

.has-accordion-style .accordion-summary .accordion-title {
    width: 100%;
    margin: 0;
    padding-right: 3rem;
    font-size: 2rem;
    font-weight: 700
}

@media(max-width: 991px) {
    .has-accordion-style .accordion-summary {
        padding: 1.5rem 0
    }

    .has-accordion-style .accordion-summary .accordion-title {
        font-size: 1.6rem
    }
}

.has-accordion-style .accordion-caret span {
    display: flex;
    width: 4rem;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: .1rem solid;
    height: 4rem
}

@media(max-width: 991px) {
    .has-accordion-style .accordion-caret span {
        width: 3rem;
        height: 3rem
    }

    .has-accordion-style .accordion-caret span svg {
        width: 1.4rem;
        height: 1.4rem
    }
}

.has-accordion-style .accordion-caret .minus {
    display: none
}

.header-navigation .icon {
    line-height: 1;
    margin-right: 1rem
}

.header-navigation .back {
    display: none
}

.header-navigation>.menu-item {
    display: inline-block
}

.header-navigation>.menu-item:focus-within>.sub-menu,
.header-navigation>.menu-item:focus-within>.mega-menu-wrap {
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    z-index: 100
}

.header-navigation>.menu-item:focus-within>.sub-menu>.menu-item:focus-within>.sub-menu,
.header-navigation>.menu-item:focus-within>.mega-menu-wrap>.menu-item:focus-within>.sub-menu {
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    z-index: 100;
    left: 100%
}

.header-navigation>.menu-item>.menu-link .menu-arrow svg {
    transition: transform .2s ease
}

@media(hover: hover) {
    .header-navigation>.menu-item:hover>.menu-link .menu-text {
        text-decoration-color: rgb(var(--text-color));
        text-decoration-thickness: .2rem
    }

    .header-navigation>.menu-item:hover>.menu-link .menu-arrow svg {
        transform: rotate(180deg)
    }
}

.header-navigation>.menu-item.current-menu>.menu-link>.menu-text {
    text-decoration-color: rgb(var(--text-color));
    text-decoration-thickness: .2rem
}

.header-navigation>.menu-item>.menu-link {
    padding: 1.6rem 1.5rem;
    font-weight: 700;
    text-transform: capitalize
}

.header-navigation>.menu-item>.menu-link>.menu-text {
    text-decoration-line: underline;
    text-decoration-thickness: .1rem;
    text-decoration-color: rgba(0, 0, 0, 0);
    text-underline-offset: .4rem;
    transition: text-decoration-thickness .3s, text-decoration-color .3s;
    font-size: 1.47rem;
}

.header-navigation .menu-link {
    position: relative;
    display: flex;
    align-items: center;
    transition: text-decoration-color .3s ease, text-decoration-thickness .3s ease
}

.header-navigation .menu-arrow {
    margin-left: 1.1rem
}

.header-navigation .menu-arrow svg {
    width: 1.1rem
}

.header-navigation .menu-arrow .minus {
    display: none
}

.header-navigation .menu-item {
    position: relative
}

.header-navigation .menu-item.mega-item {
    position: static
}

.header-navigation .menu-item:hover>.sub-menu,
.header-navigation .menu-item:hover>.mega-menu-wrap {
    pointer-events: auto;
    opacity: 1;
    transform: translateY(0);
    z-index: 100
}

.header-navigation .menu-item:hover>.menu-link .minus {
    display: block
}

.header-navigation .menu-item:hover>.menu-link .plus {
    display: none
}

.header-navigation .sub-menu {
    top: 100%;
    list-style: none;
    margin: 0;
    position: absolute;
    left: 0;
    opacity: 0;
    transition: opacity .3s, transform .3s;
    pointer-events: none;
    transform: translateY(1rem);
    box-shadow: rgba(34, 34, 34, .09) 0px 3px 12px;
    text-align: left;
    background-color: #fff;
    border-radius: .4rem;
    min-width: 20rem
}

.header-navigation .sub-menu>.menu-item>.sub-menu {
    transform: translate(10px, 0);
    top: 0;
    left: 100%
}

.header-navigation .sub-menu>.menu-item:hover>.sub-menu {
    transform: translate(0, 0)
}

.header-navigation .sub-menu .menu-item {
    font-weight: 400
}

.header-navigation .sub-menu .menu-item:last-of-type {
    border-bottom: 0
}

.header-navigation .sub-menu:not(.mega-menu-wrap) .menu-link {
    justify-content: space-between;
    line-height: 2.5rem;
    padding: 1rem 1.5rem;
    background-color: #fff;
    color: #222
}

.header-navigation .sub-menu:not(.mega-menu-wrap) .menu-link .menu-text {
    text-decoration-line: underline;
    text-decoration-color: rgba(0, 0, 0, 0);
    text-underline-offset: .2rem;
    text-decoration-thickness: .1rem
}

.header-navigation .sub-menu:not(.mega-menu-wrap) .menu-item .menu-arrow svg {
    transform: rotate(-90deg)
}

.header-navigation .sub-menu:not(.mega-menu-wrap) .menu-item.current-menu>.menu-link .menu-text,
.header-navigation .sub-menu:not(.mega-menu-wrap) .menu-item:hover>.menu-link .menu-text {
    text-decoration-color: #222
}

.header-navigation .mega-item .mega-menu-wrap,
.header-toggle-navigation .mega-item .mega-menu-wrap {
    width: calc(100vw - var(--scrollbar-width));
    left: 0;
    background-color: #fff
}

.header-navigation .mega-item .mega-menu-wrap .container-fluid,
.header-toggle-navigation .mega-item .mega-menu-wrap .container-fluid {
    padding-left: 15px;
    padding-right: 15px
}

.header-navigation .mega-item .mega-menu-wrap a,
.header-toggle-navigation .mega-item .mega-menu-wrap a {
    color: #222
}

.header-navigation .mega-item .mega-menu-wrap a:focus-visible,
.header-toggle-navigation .mega-item .mega-menu-wrap a:focus-visible {
    outline: .15rem solid #222
}

.header-navigation .mega-item .mega-menu-wrap a.collection-title,
.header-navigation .mega-item .mega-menu-wrap a.product-title,
.header-toggle-navigation .mega-item .mega-menu-wrap a.collection-title,
.header-toggle-navigation .mega-item .mega-menu-wrap a.product-title {
    transition: all .25s cubic-bezier(0.104, 0.204, 0.492, 1)
}

@media(hover: hover) {

    .header-navigation .mega-item .mega-menu-wrap a.collection-title:hover,
    .header-navigation .mega-item .mega-menu-wrap a.collection-title:focus,
    .header-navigation .mega-item .mega-menu-wrap a.product-title:hover,
    .header-navigation .mega-item .mega-menu-wrap a.product-title:focus,
    .header-toggle-navigation .mega-item .mega-menu-wrap a.collection-title:hover,
    .header-toggle-navigation .mega-item .mega-menu-wrap a.collection-title:focus,
    .header-toggle-navigation .mega-item .mega-menu-wrap a.product-title:hover,
    .header-toggle-navigation .mega-item .mega-menu-wrap a.product-title:focus {
        transform: translateY(-8px)
    }
}

.header-navigation .mega-item .mega-menu-wrap .menu-item,
.header-toggle-navigation .mega-item .mega-menu-wrap .menu-item {
    border-bottom: 0
}

.header-navigation .mega-item .mega-menu-wrap .menu-item:after,
.header-toggle-navigation .mega-item .mega-menu-wrap .menu-item:after {
    content: none
}

@media(hover: hover) {

    .header-navigation .mega-item .mega-menu-wrap .menu-item .menu-link,
    .header-toggle-navigation .mega-item .mega-menu-wrap .menu-item .menu-link {
        text-decoration-line: underline;
        text-decoration-thickness: .1rem;
        text-decoration-color: rgba(0, 0, 0, 0);
        text-underline-offset: .2rem
    }

    .header-navigation .mega-item .mega-menu-wrap .menu-item .menu-link:hover,
    .header-toggle-navigation .mega-item .mega-menu-wrap .menu-item .menu-link:hover {
        text-decoration-color: #222
    }
}

.header-navigation .mega-item .mega-menu-wrap .menu-item.current-menu>.menu-link,
.header-toggle-navigation .mega-item .mega-menu-wrap .menu-item.current-menu>.menu-link {
    text-decoration-color: rgb(var(--text-color));
    text-decoration-thickness: .2rem
}

.header-navigation .mega-item .mega-menu-wrap .mega-menu,
.header-toggle-navigation .mega-item .mega-menu-wrap .mega-menu {
    width: 100%;
    display: flex;
    padding-top: 4.8rem;
    padding-bottom: 4.8rem;
    gap: 1.5rem
}

.header-navigation .mega-item .mega-menu-wrap .collection-title,
.header-toggle-navigation .mega-item .mega-menu-wrap .collection-title {
    width: 100%;
    display: block;
    position: relative
}

.header-navigation .mega-item .mega-menu-wrap .collection-title .collection-image-wrapper,
.header-toggle-navigation .mega-item .mega-menu-wrap .collection-title .collection-image-wrapper {
    position: relative;
    overflow: hidden
}

.header-navigation .mega-item .mega-menu-wrap .collection-title .collection-image,
.header-navigation .mega-item .mega-menu-wrap .collection-title .placeholder-svg,
.header-toggle-navigation .mega-item .mega-menu-wrap .collection-title .collection-image,
.header-toggle-navigation .mega-item .mega-menu-wrap .collection-title .placeholder-svg {
    object-fit: cover;
    width: 100%
}

.header-navigation .mega-item .mega-menu-wrap .collection-link,
.header-toggle-navigation .mega-item .mega-menu-wrap .collection-link {
    display: inline-block;
    margin-top: 1.6rem;
    font-size: 2rem;
    font-weight: 700;
    text-decoration-line: underline;
    text-decoration-color: rgba(0, 0, 0, 0);
    text-underline-offset: .2rem;
    text-decoration-thickness: .2rem
}

.header-navigation .mega-item .mega-menu-wrap .collection-link:hover,
.header-toggle-navigation .mega-item .mega-menu-wrap .collection-link:hover {
    text-decoration-color: #222
}

@media(max-width: 1600px) {

    .header-navigation .mega-item .mega-menu-wrap .collection-link,
    .header-toggle-navigation .mega-item .mega-menu-wrap .collection-link {
        font-size: 1.8rem
    }
}

.header-navigation .mega-item .mega-menu-wrap .product-title,
.header-toggle-navigation .mega-item .mega-menu-wrap .product-title {
    width: 100%;
    display: block;
    position: relative
}

.header-navigation .mega-item .mega-menu-wrap .product-title .product-image-wrapper,
.header-toggle-navigation .mega-item .mega-menu-wrap .product-title .product-image-wrapper {
    position: relative;
    overflow: hidden
}

.header-navigation .mega-item .mega-menu-wrap .product-title .product-image,
.header-navigation .mega-item .mega-menu-wrap .product-title .placeholder-svg,
.header-toggle-navigation .mega-item .mega-menu-wrap .product-title .product-image,
.header-toggle-navigation .mega-item .mega-menu-wrap .product-title .placeholder-svg {
    object-fit: cover;
    width: 100%
}

.header-navigation .mega-item .mega-menu-wrap .product-link,
.header-toggle-navigation .mega-item .mega-menu-wrap .product-link {
    display: inline-block;
    margin-top: 1.6rem;
    font-size: 1.6rem;
    text-decoration-line: underline;
    text-decoration-color: rgba(0, 0, 0, 0);
    text-underline-offset: .2rem;
    text-decoration-thickness: .1rem
}

.header-navigation .mega-item .mega-menu-wrap .product-link:hover,
.header-toggle-navigation .mega-item .mega-menu-wrap .product-link:hover {
    text-decoration-color: #222
}

.header-navigation .mega-item .sub-mega-menu .menu-link,
.header-toggle-navigation .mega-item .sub-mega-menu .menu-link {
    padding: 1rem
}

.header-navigation .mega-item [data-navigation] .mega-menu,
.header-toggle-navigation .mega-item [data-navigation] .mega-menu {
    gap: 10.3rem
}

.header-navigation .mega-item [data-navigation] .mega-menu.has-image-item .sub-menu-masonry,
.header-toggle-navigation .mega-item [data-navigation] .mega-menu.has-image-item .sub-menu-masonry {
    width: 85%
}

.header-navigation .mega-item [data-navigation] .mega-menu.has-image-item .menu-item.has-image,
.header-toggle-navigation .mega-item [data-navigation] .mega-menu.has-image-item .menu-item.has-image {
    width: 15%
}

.header-navigation .mega-item [data-navigation] .mega-menu .sub-menu-masonry,
.header-toggle-navigation .mega-item [data-navigation] .mega-menu .sub-menu-masonry {
    width: 100%;
    column-count: 4;
    column-gap: 10.3rem
}

.header-navigation .mega-item [data-navigation] .mega-menu .sub-menu-masonry>.menu-item,
.header-toggle-navigation .mega-item [data-navigation] .mega-menu .sub-menu-masonry>.menu-item {
    break-inside: avoid
}

.header-navigation .mega-item [data-navigation] .mega-menu .sub-menu-masonry>.menu-item:not(:last-child),
.header-toggle-navigation .mega-item [data-navigation] .mega-menu .sub-menu-masonry>.menu-item:not(:last-child) {
    margin-bottom: 2.7rem
}

@media(max-width: 1600px) {

    .header-navigation .mega-item [data-navigation] .mega-menu,
    .header-toggle-navigation .mega-item [data-navigation] .mega-menu {
        gap: 5rem
    }

    .header-navigation .mega-item [data-navigation] .mega-menu .sub-menu-masonry,
    .header-toggle-navigation .mega-item [data-navigation] .mega-menu .sub-menu-masonry {
        column-gap: 5rem
    }
}

.header-navigation .mega-item [data-navigation] .has-heading,
.header-toggle-navigation .mega-item [data-navigation] .has-heading {
    margin-top: 2rem
}

.header-navigation .mega-item [data-navigation] .has-heading .menu-heading,
.header-toggle-navigation .mega-item [data-navigation] .has-heading .menu-heading {
    display: flex;
    padding: 1.5rem 0
}

.header-navigation .mega-item [data-navigation] .menu-heading,
.header-toggle-navigation .mega-item [data-navigation] .menu-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-transform: capitalize;
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 1.2rem
}

.header-navigation .mega-item [data-navigation] .sub-mega-menu .menu-item,
.header-toggle-navigation .mega-item [data-navigation] .sub-mega-menu .menu-item {
    margin-bottom: .7rem
}

.header-navigation .mega-item [data-navigation] .sub-mega-menu .sub-mega-menu[data-level="4"],
.header-toggle-navigation .mega-item [data-navigation] .sub-mega-menu .sub-mega-menu[data-level="4"] {
    margin-top: .7rem;
    padding-left: 1.5rem
}

.header-navigation .mega-item [data-navigation] .menu-item a,
.header-toggle-navigation .mega-item [data-navigation] .menu-item a {
    display: block;
    padding: 0
}

.header-navigation .mega-item [data-navigation] .menu-item a:not(.menu-heading),
.header-toggle-navigation .mega-item [data-navigation] .menu-item a:not(.menu-heading) {
    font-size: 1.4rem
}

.header-navigation .mega-item [data-navigation] .image-wrapper+.image-wrapper,
.header-toggle-navigation .mega-item [data-navigation] .image-wrapper+.image-wrapper {
    margin-top: 2rem
}

@media(hover: hover) {

    .header-navigation .mega-item [data-navigation] .image-wrapper .image-link,
    .header-toggle-navigation .mega-item [data-navigation] .image-wrapper .image-link {
        text-decoration-line: underline;
        text-decoration-thickness: .1rem;
        text-decoration-color: rgba(0, 0, 0, 0);
        text-underline-offset: .2rem
    }

    .header-navigation .mega-item [data-navigation] .image-wrapper .image-link:hover,
    .header-toggle-navigation .mega-item [data-navigation] .image-wrapper .image-link:hover {
        text-decoration-color: #222
    }
}

.header-navigation .mega-item [data-collection] .mega-menu,
.header-navigation .mega-item [data-product] .mega-menu,
.header-toggle-navigation .mega-item [data-collection] .mega-menu,
.header-toggle-navigation .mega-item [data-product] .mega-menu {
    flex-wrap: wrap;
    gap: 1.2rem
}

.header-navigation .mega-item [data-collection] .mega-menu>li,
.header-navigation .mega-item [data-product] .mega-menu>li,
.header-toggle-navigation .mega-item [data-collection] .mega-menu>li,
.header-toggle-navigation .mega-item [data-product] .mega-menu>li {
    flex-basis: calc((100% - 4.8rem)/5)
}

.header-navigation .mega-item [data-collection] .menu-item .product-name,
.header-navigation .mega-item [data-product] .menu-item .product-name,
.header-toggle-navigation .mega-item [data-collection] .menu-item .product-name,
.header-toggle-navigation .mega-item [data-product] .menu-item .product-name {
    font-size: 1.4rem;
    margin-top: 1rem;
    display: inline-block
}

.header-toggle-navigation .mega-item .mega-menu-wrap .mega-menu {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.header-toggle-navigation .mega-item [data-navigation] .mega-menu {
    gap: 3rem
}

.header-toggle-navigation .mega-item [data-navigation] .mega-menu .sub-menu-masonry {
    column-gap: 3rem
}

.header-toggle-navigation .mega-item [data-navigation] .mega-menu .menu-item .menu-link {
    padding: 0
}

@media(max-width: 1600px) {
    .header-toggle-navigation .mega-item [data-navigation] .mega-menu {
        gap: 1.5rem
    }

    .header-toggle-navigation .mega-item [data-navigation] .mega-menu .sub-menu-masonry {
        column-gap: 1.5rem
    }
}

@media(min-width: 992px) {
    .mega-menu-wrap .has-image {
        min-width: 20rem
    }
}

.mega-menu-wrap .image-wrapper {
    position: relative;
    border-radius: .8rem;
    text-align: left
}

.mega-menu-wrap .image-wrapper:before {
    position: absolute;
    inset: 0;
    z-index: 1
}

@media(hover: hover) {
    .mega-menu-wrap .image-wrapper:hover img {
        opacity: .8;
        transform: scale(1.01)
    }
}

.mega-menu-wrap .image-wrapper .image-link {
    position: relative;
    z-index: 2;
    display: block
}

.mega-menu-wrap .image-wrapper .image-link:before {
    position: absolute;
    inset: 0;
    z-index: 1
}

.mega-menu-wrap .image-wrapper .image-content {
    color: #222;
    margin-top: 1.6rem;
    font-size: 1.2rem;
    line-height: 1.33;
    letter-spacing: .1em
}

.mega-menu-wrap .image-wrapper img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
    border-radius: .8rem;
    object-fit: cover;
    transition: transform .2s ease, opacity .2s ease
}

.toggle-content {
    position: relative
}

.toggle-content .vertical-navigation {
    padding: 0;
    right: auto;
    left: 0;
    top: calc(100% + 1.5rem);
    min-width: 27rem;
    transform: translateY(1rem)
}

.toggle-content .vertical-navigation a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    border-bottom: .1rem solid #f7f7f7;
    padding: 0 2rem;
    min-height: 5rem;
    min-width: 20rem
}

.toggle-content .vertical-navigation a .menu-text {
    flex-grow: 1
}

.toggle-content .vertical-navigation>.menu-item>a {
    font-size: 1.5rem
}

.toggle-content .vertical-navigation .menu-item {
    position: relative
}

@media(hover: hover) {
    .toggle-content .vertical-navigation .menu-item:hover>.sub-menu {
        pointer-events: auto;
        opacity: 1;
        visibility: visible;
        transform: translateX(0)
    }
}

.toggle-content .vertical-navigation .icon {
    line-height: 1;
    margin-right: 2rem
}

.toggle-content .vertical-navigation .icon svg {
    width: 2rem;
    height: 2rem
}

.toggle-content .vertical-navigation .menu-arrow svg {
    height: .9rem
}

@media(min-width: 992px) {
    .toggle-content .vertical-navigation .back {
        display: none
    }
}

.toggle-content .vertical-navigation .sub-menu {
    position: absolute;
    top: 0;
    left: 100%;
    transform: translateX(5px);
    opacity: 0;
    visibility: hidden;
    transition: transform .2s ease, opacity .2s ease, visibility .2s ease;
    pointer-events: none;
    white-space: nowrap;
    box-shadow: .2rem 0 .5rem .1rem rgba(0, 0, 0, .1)
}

.toggle-content .vertical-navigation .sub-menu a {
    border-left: .1rem solid #f7f7f7
}

@media(min-width: 992px) {
    .template-index .header:not(.solid-sticky).transparent-header {
        box-shadow: none;
        background-color: rgba(0, 0, 0, 0);
        position: absolute;
        left: 0;
        right: 0
    }

    .template-index .header:not(.solid-sticky).transparent-header .header-menu-row {
        background-color: rgba(0, 0, 0, 0)
    }
}

.site-panel-open {
    overflow: hidden
}

.header-section .header {
    position: relative;
    z-index: 20;
    box-shadow: 0px .2rem 1rem rgba(var(--overlay-color), 0.05);
    transition: background-color .3s
}

@media(min-width: 992px) {
    .header-section .header .header-menu-row .form-wrapper {
        display: none
    }
}

@media(max-width: 991px) {
    .header-section .header .header-nav {
        order: 99
    }
}

.header-section .header[data-id=layout-1] .header-row .header-navigation>.menu-item>.menu-link {
    padding: 2.6rem 2rem
}

@media(max-width: 1600px) {
    .header-section .header[data-id=layout-1] .header-row .header-navigation>.menu-item>.menu-link {
        padding: 2.75rem 1.5rem
    }
}

@media(min-width: 992px) {
    .header-section .header[data-id=layout-1] .header-row {
        padding-top: 0;
        padding-bottom: 0
    }

    .header-section .header[data-id=layout-1] .header-row .site-branding-wrap {
        order: 1;
        flex: 0 0 18.7%
    }

    .header-section .header[data-id=layout-1] .header-row .site-navigation {
        order: 2;
        flex: 0 0 30.8%
    }

    .header-section .header[data-id=layout-1] .header-row .form-wrapper {
        order: 3;
        flex: 1
    }

    .header-section .header[data-id=layout-1] .header-row .header-icons {
        order: 4;
        flex: 0 0 11.5%
    }
}

@media(max-width: 1600px) {
    .header-section .header[data-id=layout-1] .header-row .site-navigation {
        flex: 0 0 35%
    }
}

.header-section .header[data-id=layout-1] .header-menu-row .header-nav .header-navigation>.menu-item>.menu-link {
    padding: 1.2rem 1rem
}

@media(max-width: 1600px) {
    .header-section .header[data-id=layout-1] .header-menu-row .header-nav .header-navigation>.menu-item>.menu-link {
        padding: 1.35rem .9rem
    }
}

@media(min-width: 992px) {
    .header-section .header[data-id=layout-3] .header-row {
        padding-top: 2.6rem;
        padding-bottom: 2.6rem
    }

    .header-section .header[data-id=layout-3] .form-wrapper,
    .header-section .header[data-id=layout-3] .header-icons {
        flex: 0 0 28.3%
    }

    .header-section .header[data-id=layout-3] .form-wrapper {
        order: 1
    }

    .header-section .header[data-id=layout-3] .header-icons {
        order: 3
    }

    .header-section .header[data-id=layout-3] .site-branding-wrap {
        justify-content: center;
        flex: 1;
        order: 2
    }

    .header-section .header[data-id=layout-3] .mega-menu-collection .toggle-button {
        padding: 1.4rem 1.6rem 1.4rem 1.8rem
    }
}

.header-section .header[data-id=layout-3] .header-menu-row .header-navigation>.menu-item>.menu-link {
    padding: 1.4rem 3.2rem
}

@media(max-width: 1600px) {
    .header-section .header[data-id=layout-3] .header-menu-row .header-navigation>.menu-item>.menu-link {
        padding: 1.35rem 1.5rem
    }
}

.header-section .header[data-id=layout-3] .header-menu-row .stretch-section,
.header-section .header[data-id=layout-3] .header-menu-row .container {
    justify-content: center
}

@media(min-width: 992px) {
    .header-section .header[data-id=layout-2] .site-branding-wrap {
        order: 1
    }

    .header-section .header[data-id=layout-2] .form-wrapper {
        order: 2;
        flex: 1
    }

    .header-section .header[data-id=layout-2] .header-icons {
        order: 3
    }

    .header-section .header[data-id=layout-2] .site-branding-wrap,
    .header-section .header[data-id=layout-2] .header-icons {
        flex: 0 0 16.15%
    }

    .header-section .header[data-id=layout-2] .header-menu-row {
        padding: 0
    }

    .header-section .header[data-id=layout-2] .localization-form .dropdown-content {
        top: calc(100% + 1.5rem)
    }

    .header-section .header[data-id=layout-2] .mega-menu-collection .toggle-button {
        padding: 1.6rem 1.6rem 1.6rem 1.8rem
    }
}

@media(min-width: 992px)and (max-width: 1600px) {
    .header-section .header[data-id=layout-2] .mega-menu-collection .toggle-button {
        padding: 1.35rem 1.6rem 1.35rem 1.8rem
    }
}

.header-section .header[data-id=layout-2] .header-menu-row .header-navigation>.menu-item>.menu-link {
    padding: 1.6rem
}

@media(max-width: 1600px) {
    .header-section .header[data-id=layout-2] .header-menu-row .header-navigation>.menu-item>.menu-link {
        padding: 1.35rem 1.5rem
    }
}

.header-section .header:not([data-id=layout-3]) .header-menu-row .header-nav>:not(.active-first-item) .header-navigation>.menu-item:first-child>.menu-link {
    padding-left: 0
}

.header-section .site-toggle-navigation {
    position: absolute;
    z-index: 99;
    width: 100%
}

.header-section .site-toggle-navigation .header-toggle-navigation {
    padding: 1rem 0;
    background-color: #fff;
    box-shadow: rgba(34, 34, 34, .09) 0px 3px 12px
}

.header-section .site-toggle-navigation .header-toggle-navigation .menu-item {
    position: relative
}

.header-section .site-toggle-navigation .header-toggle-navigation .menu-item .menu-link {
    position: relative;
    display: flex;
    align-items: center;
    transition: all .3s ease;
    padding: 1rem 2rem;
    font-size: 1.6rem;
    text-transform: capitalize;
    text-align: left;
    color: #222
}

.header-section .site-toggle-navigation .header-toggle-navigation .menu-item .menu-link .icon {
    margin-right: 1rem
}

.header-section .site-toggle-navigation .header-toggle-navigation .menu-item .menu-link .menu-text {
    text-decoration-line: underline;
    text-decoration-color: rgba(0, 0, 0, 0);
    text-underline-offset: .2rem;
    text-decoration-thickness: .1rem
}

.header-section .site-toggle-navigation .header-toggle-navigation .menu-item .menu-link .menu-arrow {
    flex-grow: 1;
    text-align: right
}

.header-section .site-toggle-navigation .header-toggle-navigation .menu-item .menu-link .menu-arrow svg {
    transform: rotate(-90deg);
    width: 1.1rem;
    height: .6rem
}

@media(max-width: 1600px) {
    .header-section .site-toggle-navigation .header-toggle-navigation .menu-item .menu-link {
        font-size: 1.4rem
    }
}

.header-section .site-toggle-navigation .header-toggle-navigation .menu-item .sub-menu {
    position: absolute;
    top: 0;
    left: 100%;
    opacity: 0;
    transition: opacity .3s, transform .3s;
    pointer-events: none;
    transform: translate(10px);
    background-color: #fff;
    box-shadow: rgba(34, 34, 34, .09) 0px 3px 12px;
    min-width: 20rem;
    text-align: left
}

.header-section .site-toggle-navigation .header-toggle-navigation .menu-item .mega-menu-wrap {
    width: calc(73.5vw - 21.9rem);
    max-width: calc(73.5vw - 21.9rem);
    overflow-y: auto;
    padding: 1.5rem
}

@media(max-width: 1366px) {
    .header-section .site-toggle-navigation .header-toggle-navigation .menu-item .mega-menu-wrap {
        width: calc(100vw - 21.9rem);
        max-width: calc(100vw - 21.9rem)
    }
}

.header-section .site-toggle-navigation .header-toggle-navigation .menu-item:hover>.menu-link .menu-text {
    text-decoration-color: #222
}

.header-section .site-toggle-navigation .header-toggle-navigation .menu-item:hover>.sub-menu {
    pointer-events: auto;
    opacity: 1;
    transform: translate(0)
}

.header-section .site-toggle-navigation .header-toggle-navigation .back {
    display: none
}

.header-section .search-form-header {
    position: relative;
    display: flex;
    gap: 1.2rem
}

.header-section .search-form-header select[name=search-type] {
    background-position: 1.6rem 50%;
    padding: 1rem 1.3rem 1rem 5rem;
    background-color: rgb(var(--button-bg-color));
    color: rgb(var(--button-text-color));
    border: .1rem solid rgb(var(--button-outline-color));
    box-shadow: none;
    cursor: pointer;
    letter-spacing: .02em;
    max-width: 18rem
}

.header-section .search-form-header select[name=search-type] option {
    background-color: rgb(var(--background-color));
    color: rgb(var(--text-color))
}

.header-section .search-form-header input[type=search] {
    width: 100%;
    height: 4.4rem;
    padding: 1rem 1.6rem;
    color: rgb(var(--text-color));
    background-color: rgb(var(--background-color));
    box-shadow: 0 0 0 .1rem rgba(var(--text-color), 0.5)
}

.header-section .search-form-header input[type=search]:focus {
    box-shadow: 0 0 0 .2rem rgba(var(--text-color), 0.5)
}

.header-section .search-form-header .search-button {
    position: absolute;
    right: .8rem;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    padding: 1rem;
    color: rgb(var(--text-color));
    background-color: rgba(0, 0, 0, 0)
}

.header-section .search-form-header .search-button.loading {
    color: rgba(0, 0, 0, 0)
}

.header-section .search-form-header .search-button.loading:before {
    content: "";
    z-index: 5;
    position: absolute;
    border: .2rem solid rgb(var(--text-color));
    border-top-color: rgba(0, 0, 0, 0);
    border-radius: 50%;
    height: 1.6rem;
    width: 1.6rem;
    top: 50%;
    left: 50%;
    animation: circle-loading 500ms infinite linear
}

.header-section .mega-menu-collection .toggle-button {
    background-color: rgb(var(--button-bg-color));
    color: rgb(var(--button-text-color));
    padding: 1rem 1.6rem 1rem 1.8rem;
    text-transform: capitalize;
    font-weight: 600;
    min-width: 21.9rem;
    cursor: pointer
}

.header-section .mega-menu-collection .toggle-button .toggle-title {
    display: flex;
    align-items: center
}

.header-section .mega-menu-collection .toggle-button .toggle-title .icon {
    margin-right: 1.3rem;
    margin-top: -0.3rem
}

.header-section .mega-menu-collection .toggle-button .toggle-title .icon svg {
    width: 1.8rem
}

@media(max-width: 1600px) {
    .header-section .mega-menu-collection .toggle-button {
        font-size: 1.4rem;
        min-width: 20rem
    }
}

.header-section .mega-menu-collection:after {
    content: none
}

.header-section .toggle-panel,
.header-section .header-icons a,
.header-section .header-navigation>.menu-item>a,
.header-section .menu>.menu-item:hover>a {
    color: rgb(var(--link-color))
}

.header-section a {
    text-decoration: none
}

.header-section .header-row {
    min-height: 7.6rem;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
    display: flex;
    flex-wrap: wrap
}

.header-section .header-row .stretch-section,
.header-section .header-row .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem
}

.header-section .header-row .stretch-section {
    width: 100%
}

.header-section .header-row .header-navigation>.menu-item.current-menu,
.header-section .header-row .header-navigation>.menu-item:hover {
    background-color: rgb(var(--button-bg-color))
}

.header-section .header-row .header-navigation>.menu-item.current-menu a,
.header-section .header-row .header-navigation>.menu-item:hover a {
    color: rgb(var(--button-text-color))
}

.header-section .header-row .toggle-panel-button {
    cursor: pointer;
    margin-left: .4rem
}

.header-section .header-row .toggle-panel-button svg {
    color: rgb(var(--link-color))
}

.header-section .header-menu-row {
    min-height: 4.8rem;
    display: flex;
    flex-wrap: wrap
}

.header-section .header-menu-row .stretch-section,
.header-section .header-menu-row .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 1.5rem
}

.header-section .header-menu-row .stretch-section {
    width: 100%
}

.header-section .header-menu-row .header-navigation>.menu-item.current-menu>.menu-link,
.header-section .header-menu-row .header-navigation>.menu-item:hover>.menu-link {
    color: rgb(var(--button-bg-color))
}

@media(min-width: 992px) {
    .header-section .header-menu-row .localization-form {
        padding: 1rem 0
    }
}

.header-section .header-navigation>.menu-item>.menu-link {
    height: 100%
}

.header-section .header-navigation>.menu-item>.menu-link>.menu-text {
    text-decoration: none
}

@media(max-width: 1600px) {
    .header-section .header-navigation>.menu-item>.menu-link {
        font-size: 1.4rem
    }
}

.header-section .site-navigation.active-first-item .header-navigation>.menu-item:first-child>.menu-link {
    background-color: rgb(var(--button-bg-color));
    color: rgb(var(--button-text-color))
}

.header-section .site-navigation-wrap {
    text-align: center;
    border-top: .1rem solid rgba(var(--text-color), 0.1)
}

.header-section ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.header-section .site-branding-wrap {
    margin: 0;
    line-height: 0;
    max-width: 50%;
    display: inline-flex;
    font-size: 3rem
}

@media(max-width: 991px) {
    .header-section .site-branding-wrap {
        margin: 0;
        text-align: center;
        max-width: 45%
    }
}

.header-section .site-branding-wrap .site-branding {
    line-height: 1.15;
    color: currentColor
}

.header-section .header-nav {
    display: inline-flex;
    align-items: center;
    max-width: 100%
}

.header-section .header-nav .toggle-panel-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 4rem;
    width: 4rem;
    border-radius: 5rem;
    border: .1rem solid rgb(var(--text-color))
}

.header-section .header-nav .header-navigation {
    display: flex;
    flex-wrap: wrap;
}

.header-section .header-nav .header-navigation>.menu-item>.menu-link {
    padding: 1.2rem 2rem;
}

@media(max-width: 991px) {
    .header-section .header-row {
        min-height: 5.6rem;
        padding-top: .7rem;
        padding-bottom: .7rem;
    }

    .header-section .header-row .stretch-section,
    .header-section .header-row .container {
        flex-wrap: wrap
    }

    .header-section .header-row .stretch-section:not(.hidden-desktop) .form-wrapper,
    .header-section .header-row .container:not(.hidden-desktop) .form-wrapper {
        display: none
    }

    .header-section .header-row .form-wrapper {
        width: 100%;
        order: 4;
        margin-top: 1rem;
        margin-bottom: .9rem
    }

    .header-section .header-row .site-navigation {
        display: none
    }

    .header-section .header-row .header-icons .localization-form {
        display: none
    }

    .header-section .header-menu-row {
        display: none
    }

    .header-section .form-wrapper {
        width: 100%
    }

    .header-section .form-wrapper .search-form-header select[name=search-type] {
        display: none
    }

    .header-section .header-box .header-navigation {
        display: none
    }

    .header-section .header-box .site-branding-wrap {
        margin-left: 0;
        margin-right: 0
    }

    .header-section .site-branding-wrap {
        font-size: 2.5rem
    }

    .header-section .toggle-panel,
    .header-section .header-icons {
        flex: 1 0 0
    }
}

.header-section .toggle-panel {
    cursor: pointer;
    transition: color .3s ease
}

.header-section .site-panel {
    background-color: rgba(var(--overlay-color), 0.4);
    pointer-events: none;
    z-index: 100;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease, visibility .2s ease
}

.header-section .site-panel .site-panel-inner {
    background-color: rgb(var(--background-color));
    width: 43rem;
    height: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transform: translateX(-100%);
    transition: transform .2s ease
}

.header-section .site-panel .panel-header {
    position: relative;
    border-bottom: .1rem solid rgba(var(--text-color), 0.1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    min-height: 5.6rem;
    padding: .6rem 1.6rem
}

.header-section .site-panel .panel-header .site-branding-wrap {
    display: block;
    text-align: center;
    max-width: none;
    color: rgb(var(--text-color));
    padding-left: 3.6rem
}

.header-section .site-panel .panel-header .site-panel-close {
    position: absolute;
    left: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
    width: 2.4rem;
    height: 2.4rem;
    border: 0;
    color: rgb(var(--text-color));
    background-color: rgba(0, 0, 0, 0);
    padding: .45rem
}

.header-section .site-panel .panel-header .site-panel-close svg {
    display: block;
    width: 1.5rem;
    height: 1.5rem
}

.header-section .site-panel .panel-content {
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    margin: 2.4rem
}

.header-section .site-panel .toggle-navigation {
    height: 100%;
    transition: transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: translateX(0)
}

.header-section .site-panel .toggle-navigation[data-level="2"] {
    transform: translateX(-100%)
}

.header-section .site-panel .toggle-navigation[data-level="3"] {
    transform: translateX(-200%)
}

.header-section .site-panel .toggle-navigation[data-level="4"] {
    transform: translateX(-300%)
}

.header-section .site-panel .toggle-navigation img {
    width: 100%;
    object-fit: cover
}

.header-section .site-panel .toggle-navigation li,
.header-section .site-panel .toggle-navigation .menu-item {
    border-bottom: .1rem solid rgba(var(--text-color), 0.1)
}

.header-section .site-panel .toggle-navigation li.active>.sub-menu,
.header-section .site-panel .toggle-navigation li.active>.sub-mega-menu,
.header-section .site-panel .toggle-navigation .menu-item.active>.sub-menu,
.header-section .site-panel .toggle-navigation .menu-item.active>.sub-mega-menu {
    display: block
}

.header-section .site-panel .toggle-navigation li.has-heading .menu-arrow,
.header-section .site-panel .toggle-navigation .menu-item.has-heading .menu-arrow {
    display: none
}

.header-section .site-panel .toggle-navigation li.has-heading+.sub-mega-menu,
.header-section .site-panel .toggle-navigation .menu-item.has-heading+.sub-mega-menu {
    border-top: .1rem solid rgba(var(--text-color), 0.2);
    display: block;
    transform: none;
    position: static
}

.header-section .site-panel .toggle-navigation li>a .menu-arrow svg,
.header-section .site-panel .toggle-navigation .menu-item>a .menu-arrow svg {
    transform: rotate(-90deg);
    width: 1.1rem;
    height: .6rem
}

.header-section .site-panel .toggle-navigation li .icon,
.header-section .site-panel .toggle-navigation .menu-item .icon {
    display: none
}

@media(hover: hover) {

    .header-section .site-panel .toggle-navigation li:hover,
    .header-section .site-panel .toggle-navigation .menu-item:hover {
        background-color: rgba(var(--text-color), 0.03)
    }
}

.header-section .site-panel .toggle-navigation a {
    padding: .9rem .2rem 1rem .8rem;
    display: flex;
    color: rgb(var(--text-color));
    font-size: 1.6rem;
    font-weight: 600;
    gap: 1rem
}

.header-section .site-panel .toggle-navigation a .menu-arrow {
    flex-grow: 1;
    text-align: right
}

.header-section .site-panel .toggle-navigation a.product-link {
    justify-content: center;
    padding-top: 0 !important
}

.header-section .site-panel .toggle-navigation .sub-menu,
.header-section .site-panel .toggle-navigation .sub-mega-menu {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    right: -100%;
    z-index: 10;
    background-color: rgb(var(--background-color));
    display: none;
    text-align: left
}

.header-section .site-panel .toggle-navigation .sub-menu .container,
.header-section .site-panel .toggle-navigation .sub-mega-menu .container {
    padding: 0
}

.header-section .site-panel .toggle-navigation .sub-menu .has-image,
.header-section .site-panel .toggle-navigation .sub-mega-menu .has-image {
    padding: 1.5rem .8rem;
    border-bottom: 0
}

.header-section .site-panel .toggle-navigation .sub-menu .has-image:hover,
.header-section .site-panel .toggle-navigation .sub-mega-menu .has-image:hover {
    background-color: rgba(0, 0, 0, 0)
}

.header-section .site-panel .toggle-navigation .sub-menu .has-image+.has-image,
.header-section .site-panel .toggle-navigation .sub-mega-menu .has-image+.has-image {
    padding-top: 0
}

.header-section .site-panel .toggle-navigation .sub-menu .has-image .image-wrapper+.image-wrapper,
.header-section .site-panel .toggle-navigation .sub-mega-menu .has-image .image-wrapper+.image-wrapper {
    margin-top: 1.5rem
}

.header-section .site-panel .toggle-navigation .sub-menu .has-image .image-wrapper .image-link,
.header-section .site-panel .toggle-navigation .sub-mega-menu .has-image .image-wrapper .image-link {
    display: block
}

@media(hover: hover) {

    .header-section .site-panel .toggle-navigation .sub-menu .has-image .image-wrapper .image-link,
    .header-section .site-panel .toggle-navigation .sub-mega-menu .has-image .image-wrapper .image-link {
        text-decoration-line: underline;
        text-decoration-thickness: .1rem;
        text-decoration-color: rgba(0, 0, 0, 0);
        text-underline-offset: .2rem
    }

    .header-section .site-panel .toggle-navigation .sub-menu .has-image .image-wrapper .image-link:hover,
    .header-section .site-panel .toggle-navigation .sub-mega-menu .has-image .image-wrapper .image-link:hover {
        text-decoration-color: rgb(var(--text-color))
    }
}

.header-section .site-panel .toggle-navigation .sub-menu .has-image .image-wrapper .image-content,
.header-section .site-panel .toggle-navigation .sub-mega-menu .has-image .image-wrapper .image-content {
    color: rgb(var(--text-color))
}

.header-section .site-panel .toggle-navigation .sub-menu .has-image a,
.header-section .site-panel .toggle-navigation .sub-mega-menu .has-image a {
    padding: 0
}

.header-section .site-panel .toggle-navigation .sub-menu .mega-menu,
.header-section .site-panel .toggle-navigation .sub-mega-menu .mega-menu {
    width: 100%
}

.header-section .site-panel .toggle-navigation .back {
    cursor: pointer;
    padding: 1.2rem .8rem;
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 500;
    color: rgb(var(--text-color));
    display: flex;
    align-items: center
}

.header-section .site-panel .toggle-navigation .back svg {
    margin-right: 1.5rem;
    width: .6rem;
    height: 1.1rem
}

.header-section .site-panel .toggle-navigation [data-collection] .mega-menu,
.header-section .site-panel .toggle-navigation [data-product] .mega-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem
}

.header-section .site-panel .toggle-navigation [data-collection] .mega-menu>.back,
.header-section .site-panel .toggle-navigation [data-product] .mega-menu>.back {
    width: 100%
}

.header-section .site-panel .toggle-navigation [data-collection] .mega-menu>.menu-item,
.header-section .site-panel .toggle-navigation [data-product] .mega-menu>.menu-item {
    border-bottom: none;
    flex-basis: calc((100% - 1.2rem)/2)
}

.header-section .site-panel .toggle-navigation [data-collection] .mega-menu>.menu-item:hover,
.header-section .site-panel .toggle-navigation [data-product] .mega-menu>.menu-item:hover {
    background-color: rgba(0, 0, 0, 0)
}

.header-section .site-panel .toggle-navigation [data-collection] .mega-menu>.menu-item .collection-title,
.header-section .site-panel .toggle-navigation [data-collection] .mega-menu>.menu-item .product-title,
.header-section .site-panel .toggle-navigation [data-product] .mega-menu>.menu-item .collection-title,
.header-section .site-panel .toggle-navigation [data-product] .mega-menu>.menu-item .product-title {
    padding: 0;
    display: block;
    transition: all .25s cubic-bezier(0.104, 0.204, 0.492, 1)
}

.header-section .site-panel .toggle-navigation [data-collection] .mega-menu>.menu-item .collection-title .collection-image-wrapper,
.header-section .site-panel .toggle-navigation [data-collection] .mega-menu>.menu-item .collection-title .product-image-wrapper,
.header-section .site-panel .toggle-navigation [data-collection] .mega-menu>.menu-item .product-title .collection-image-wrapper,
.header-section .site-panel .toggle-navigation [data-collection] .mega-menu>.menu-item .product-title .product-image-wrapper,
.header-section .site-panel .toggle-navigation [data-product] .mega-menu>.menu-item .collection-title .collection-image-wrapper,
.header-section .site-panel .toggle-navigation [data-product] .mega-menu>.menu-item .collection-title .product-image-wrapper,
.header-section .site-panel .toggle-navigation [data-product] .mega-menu>.menu-item .product-title .collection-image-wrapper,
.header-section .site-panel .toggle-navigation [data-product] .mega-menu>.menu-item .product-title .product-image-wrapper {
    position: relative;
    overflow: hidden
}

.header-section .site-panel .toggle-navigation [data-collection] .mega-menu>.menu-item .collection-title .collection-image,
.header-section .site-panel .toggle-navigation [data-collection] .mega-menu>.menu-item .collection-title .placeholder-svg,
.header-section .site-panel .toggle-navigation [data-collection] .mega-menu>.menu-item .product-title .collection-image,
.header-section .site-panel .toggle-navigation [data-collection] .mega-menu>.menu-item .product-title .placeholder-svg,
.header-section .site-panel .toggle-navigation [data-product] .mega-menu>.menu-item .collection-title .collection-image,
.header-section .site-panel .toggle-navigation [data-product] .mega-menu>.menu-item .collection-title .placeholder-svg,
.header-section .site-panel .toggle-navigation [data-product] .mega-menu>.menu-item .product-title .collection-image,
.header-section .site-panel .toggle-navigation [data-product] .mega-menu>.menu-item .product-title .placeholder-svg {
    aspect-ratio: 1/1;
    object-fit: cover;
    width: 100%;
    transition: transform .2s ease, opacity .2s ease
}

@media(hover: hover) {

    .header-section .site-panel .toggle-navigation [data-collection] .mega-menu>.menu-item .collection-title:hover,
    .header-section .site-panel .toggle-navigation [data-collection] .mega-menu>.menu-item .collection-title:focus,
    .header-section .site-panel .toggle-navigation [data-collection] .mega-menu>.menu-item .product-title:hover,
    .header-section .site-panel .toggle-navigation [data-collection] .mega-menu>.menu-item .product-title:focus,
    .header-section .site-panel .toggle-navigation [data-product] .mega-menu>.menu-item .collection-title:hover,
    .header-section .site-panel .toggle-navigation [data-product] .mega-menu>.menu-item .collection-title:focus,
    .header-section .site-panel .toggle-navigation [data-product] .mega-menu>.menu-item .product-title:hover,
    .header-section .site-panel .toggle-navigation [data-product] .mega-menu>.menu-item .product-title:focus {
        transform: translateY(-8px)
    }
}

.header-section .site-panel .toggle-navigation [data-collection] .mega-menu>.menu-item .collection-link,
.header-section .site-panel .toggle-navigation [data-product] .mega-menu>.menu-item .collection-link {
    display: inline-block;
    padding: 1rem 0;
    text-decoration-line: underline;
    text-decoration-color: rgba(0, 0, 0, 0);
    text-underline-offset: .2rem;
    text-decoration-thickness: .2rem
}

.header-section .site-panel .toggle-navigation [data-collection] .mega-menu>.menu-item .collection-link:hover,
.header-section .site-panel .toggle-navigation [data-product] .mega-menu>.menu-item .collection-link:hover {
    text-decoration-color: rgb(var(--text-color))
}

.header-section .site-panel .toggle-navigation [data-collection] .mega-menu>.menu-item .product-title,
.header-section .site-panel .toggle-navigation [data-product] .mega-menu>.menu-item .product-title {
    font-size: 1.4rem;
    font-weight: 400
}

.header-section .site-panel .toggle-navigation [data-collection] .mega-menu>.menu-item .product-link,
.header-section .site-panel .toggle-navigation [data-product] .mega-menu>.menu-item .product-link {
    display: inline-block;
    padding: 1rem 0;
    text-decoration-line: underline;
    text-decoration-color: rgba(0, 0, 0, 0);
    text-underline-offset: .2rem;
    text-decoration-thickness: .1rem
}

.header-section .site-panel .toggle-navigation [data-collection] .mega-menu>.menu-item .product-link:hover,
.header-section .site-panel .toggle-navigation [data-product] .mega-menu>.menu-item .product-link:hover {
    text-decoration-color: rgb(var(--text-color))
}

.header-section .site-panel .panel-footer {
    padding: 1.6rem
}

.header-section .site-panel .panel-footer:empty {
    display: none
}

.header-section .site-panel .panel-footer .action-account {
    display: inline-flex;
    align-items: center
}

.header-section .site-panel .panel-footer .action-account svg {
    margin-right: 1rem;
    width: 1.8rem;
    height: 1.8rem
}

.header-section .site-panel .panel-footer .action-account span {
    line-height: 1
}

.header-section .site-panel .panel-footer .action-account {
    margin-bottom: 2rem
}

.header-section .site-panel .panel-footer .localization-form {
    margin: 0
}

.header-section .site-panel .panel-footer .localization-form .toggle-dropdown {
    padding: .8rem 1.2rem;
    border: .1rem solid rgba(var(--text-color), 0.1);
    flex-grow: 1
}

.header-section .site-panel .panel-footer .localization-form noscript+.toggle-dropdown {
    margin-left: 1.2rem
}

.header-section .site-panel .panel-footer.single-selector {
    display: inline-flex;
    justify-content: space-between
}

.header-section .site-panel .panel-footer.single-selector:empty {
    display: none
}

.header-section .site-panel .panel-footer.single-selector .action-account {
    margin: 0
}

.header-section .site-panel .social-media-list {
    font-size: 0
}

.header-section .site-panel .social-media-list:not(:last-child) {
    margin-bottom: .5rem
}

.header-section .site-panel .social-media-list .tooltip {
    display: none
}

.header-section .site-panel .social-media-list li {
    display: inline-block;
    margin-right: 1rem;
    margin-bottom: 1rem
}

.header-section .site-panel .social-media-list a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    background-color: rgb(var(--text-color));
    color: rgb(var(--background-color));
    border-radius: 5rem
}

.header-section .site-panel .social-media-list svg {
    width: 1.4rem;
    height: 1.4rem
}

.site-panel-open .header-section .site-panel {
    pointer-events: auto;
    visibility: visible;
    opacity: 1
}

.site-panel-open .header-section .site-panel-inner {
    transform: translateX(0)
}

.header-section .localization-form {
    display: flex;
    white-space: nowrap
}

.header-section .localization-form .dropdown-content-header {
    color: rgb(var(--text-color))
}

@media(max-width: 991px) {
    .header-section .localization-form .dropdown-content-header {
        font-size: 1.6rem
    }
}

@media(min-width: 992px) {
    .header-section .localization-form .toggle-dropdown[open] {
        visibility: visible;
        opacity: 1;
        transform: translateY(0)
    }
}

.header-section .localization-form .dropdown-summary {
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    padding: 0;
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    color: rgb(var(--text-color));
    font-size: 1.3rem;
    line-height: 1.8;
    letter-spacing: .02em
}

.header-section .localization-form .country-name {
    flex-grow: 1
}

.header-section .localization-form .country-flag {
    width: 1.5rem;
    flex-shrink: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: .5rem
}

.header-section .localization-form .country-flag img {
    width: auto;
    height: auto
}

.header-section .localization-form .dropdown-icon {
    margin-left: 1.5rem;
    display: inline-flex
}

.header-section .localization-form .dropdown-icon svg {
    width: 1.1rem;
    height: 1.1rem;
    margin: 0
}

@media(max-width: 1600px) {
    .header-section .localization-form .dropdown-icon {
        margin-left: 1rem
    }
}

.header-section .localization-form noscript+.toggle-dropdown {
    margin-left: 2.6rem
}

@media(max-width: 1600px) {
    .header-section .localization-form noscript+.toggle-dropdown {
        margin-left: 1.5rem
    }
}

@media(min-width: 992px) {
    .header-section .localization-form .dropdown-content {
        top: calc(100% + 1.2rem);
        padding: 0;
        min-width: 16rem;
        max-width: 26rem;
        width: max-content;
        background-color: rgb(var(--background-color));
        box-shadow: rgba(34, 34, 34, .09) 0px 3px 12px
    }

    .header-section .localization-form .dropdown-content button.submit {
        color: rgb(var(--text-color));
        text-decoration-line: underline;
        text-decoration-thickness: .1rem;
        text-decoration-color: rgba(0, 0, 0, 0);
        text-underline-offset: .2rem
    }

    .header-section .localization-form .dropdown-content li:hover {
        background-color: rgba(0, 0, 0, 0)
    }

    .header-section .localization-form .dropdown-content li:hover button {
        text-decoration-color: rgb(var(--text-color))
    }

    .header-section .localization-form .dropdown-content .country-name {
        padding-right: 2rem
    }
}

.header-section .localization-form .dropdown-content .submit {
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    padding: 0;
    color: rgb(var(--text-color));
    display: flex;
    align-items: center;
    justify-content: space-between
}

.header-section .localization-form .dropdown-content .content {
    min-width: 12rem
}

.header-section .localization-form .dropdown-content .content li {
    font-size: 1.3rem;
    padding: 1.5rem 2rem
}

.header-section .localization-form .dropdown-content .content li .country-flag {
    width: 1.5rem;
    flex-shrink: 0;
    margin-right: .8rem;
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    border-radius: 0
}

.header-section .localization-form .dropdown-content .content li .country-flag img {
    width: auto;
    height: auto
}

.header-section .form-wrapper predictive-search[open=true] .search-modal {
    display: block
}

.header-section .form-wrapper predictive-search[open=true] #predictive-search {
    display: none
}

.header-section .form-wrapper predictive-search[open=true][results=true] .search-modal {
    display: none
}

.header-section .form-wrapper predictive-search[open=true][results=true] #predictive-search {
    display: block
}

.header-section .form-wrapper #predictive-search,
.header-section .form-wrapper .search-modal {
    position: absolute;
    width: calc(100% + .4rem);
    top: calc(100% + 1rem);
    left: -0.2rem;
    z-index: 999;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    box-shadow: rgba(var(--text-color), 0.09) 0px .3rem 1.2rem;
    background-color: rgb(var(--background-color));
    color: rgb(var(--text-color));
    display: none
}

.header-section .form-wrapper #predictive-search-results,
.header-section .form-wrapper .search-modal-content {
    padding: 3.2rem 2.4rem
}

.header-section .form-wrapper .predictive-search__heading,
.header-section .form-wrapper .search-modal-heading {
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 2.1rem
}

.header-section .form-wrapper .predictive-search-suggestions,
.header-section .form-wrapper .predictive-search-products,
.header-section .form-wrapper .search-modal-collections,
.header-section .form-wrapper .search-modal-products {
    margin-bottom: 3.2rem
}

.header-section .form-wrapper .predictive-search__list-item .predictive-search__item,
.header-section .form-wrapper .predictive-search__list-item .search-modal-product-item,
.header-section .form-wrapper .search-modal-product-list-item .predictive-search__item,
.header-section .form-wrapper .search-modal-product-list-item .search-modal-product-item {
    display: block;
    padding: .8rem 1.2rem
}

.header-section .form-wrapper .predictive-search__list-item .predictive-search__item:hover,
.header-section .form-wrapper .predictive-search__list-item .search-modal-product-item:hover,
.header-section .form-wrapper .search-modal-product-list-item .predictive-search__item:hover,
.header-section .form-wrapper .search-modal-product-list-item .search-modal-product-item:hover {
    background-color: rgba(var(--text-color), 0.05)
}

.header-section .form-wrapper .predictive-search__list-item .predictive-search__item-heading,
.header-section .form-wrapper .search-modal-product-list-item .predictive-search__item-heading {
    color: rgb(var(--text-color));
    margin: 0;
    font-size: 1.3rem;
    line-height: 1.8
}

.header-section .form-wrapper .predictive-search__list-item .predictive-search__item-heading svg,
.header-section .form-wrapper .search-modal-product-list-item .predictive-search__item-heading svg {
    width: 1.6rem;
    height: 1.6rem;
    margin-right: 1rem
}

.header-section .form-wrapper .predictive-search__list-item .predictive-search__item-heading mark,
.header-section .form-wrapper .search-modal-product-list-item .predictive-search__item-heading mark {
    background-color: rgba(0, 0, 0, 0)
}

.header-section .form-wrapper .predictive-search__list-item .predictive-search__item-heading *:not(mark),
.header-section .form-wrapper .search-modal-product-list-item .predictive-search__item-heading *:not(mark) {
    font-weight: 700
}

.header-section .form-wrapper .predictive-search-products .predictive-search__list-item .predictive-search__item,
.header-section .form-wrapper .predictive-search-products .predictive-search__list-item .search-modal-product-item,
.header-section .form-wrapper .predictive-search-products .search-modal-product-list-item .predictive-search__item,
.header-section .form-wrapper .predictive-search-products .search-modal-product-list-item .search-modal-product-item,
.header-section .form-wrapper .search-modal-products .predictive-search__list-item .predictive-search__item,
.header-section .form-wrapper .search-modal-products .predictive-search__list-item .search-modal-product-item,
.header-section .form-wrapper .search-modal-products .search-modal-product-list-item .predictive-search__item,
.header-section .form-wrapper .search-modal-products .search-modal-product-list-item .search-modal-product-item {
    display: flex;
    align-items: center;
    padding: .8rem
}

.header-section .form-wrapper .predictive-search-products .predictive-search__list-item .predictive-search__item .product-image,
.header-section .form-wrapper .predictive-search-products .predictive-search__list-item .search-modal-product-item .product-image,
.header-section .form-wrapper .predictive-search-products .search-modal-product-list-item .predictive-search__item .product-image,
.header-section .form-wrapper .predictive-search-products .search-modal-product-list-item .search-modal-product-item .product-image,
.header-section .form-wrapper .search-modal-products .predictive-search__list-item .predictive-search__item .product-image,
.header-section .form-wrapper .search-modal-products .predictive-search__list-item .search-modal-product-item .product-image,
.header-section .form-wrapper .search-modal-products .search-modal-product-list-item .predictive-search__item .product-image,
.header-section .form-wrapper .search-modal-products .search-modal-product-list-item .search-modal-product-item .product-image {
    width: 9rem;
    height: 9rem;
    background-color: rgb(var(--background-color))
}

.header-section .form-wrapper .predictive-search-products .predictive-search__list-item .predictive-search__item .product-image img,
.header-section .form-wrapper .predictive-search-products .predictive-search__list-item .search-modal-product-item .product-image img,
.header-section .form-wrapper .predictive-search-products .search-modal-product-list-item .predictive-search__item .product-image img,
.header-section .form-wrapper .predictive-search-products .search-modal-product-list-item .search-modal-product-item .product-image img,
.header-section .form-wrapper .search-modal-products .predictive-search__list-item .predictive-search__item .product-image img,
.header-section .form-wrapper .search-modal-products .predictive-search__list-item .search-modal-product-item .product-image img,
.header-section .form-wrapper .search-modal-products .search-modal-product-list-item .predictive-search__item .product-image img,
.header-section .form-wrapper .search-modal-products .search-modal-product-list-item .search-modal-product-item .product-image img {
    aspect-ratio: 1/1
}

.header-section .form-wrapper .predictive-search-products .predictive-search__list-item .predictive-search__item .product-image .placeholder-media,
.header-section .form-wrapper .predictive-search-products .predictive-search__list-item .search-modal-product-item .product-image .placeholder-media,
.header-section .form-wrapper .predictive-search-products .search-modal-product-list-item .predictive-search__item .product-image .placeholder-media,
.header-section .form-wrapper .predictive-search-products .search-modal-product-list-item .search-modal-product-item .product-image .placeholder-media,
.header-section .form-wrapper .search-modal-products .predictive-search__list-item .predictive-search__item .product-image .placeholder-media,
.header-section .form-wrapper .search-modal-products .predictive-search__list-item .search-modal-product-item .product-image .placeholder-media,
.header-section .form-wrapper .search-modal-products .search-modal-product-list-item .predictive-search__item .product-image .placeholder-media,
.header-section .form-wrapper .search-modal-products .search-modal-product-list-item .search-modal-product-item .product-image .placeholder-media {
    padding: 0;
    border: none
}

.header-section .form-wrapper .predictive-search-products .predictive-search__list-item .predictive-search__item .product-image .placeholder-media svg,
.header-section .form-wrapper .predictive-search-products .predictive-search__list-item .search-modal-product-item .product-image .placeholder-media svg,
.header-section .form-wrapper .predictive-search-products .search-modal-product-list-item .predictive-search__item .product-image .placeholder-media svg,
.header-section .form-wrapper .predictive-search-products .search-modal-product-list-item .search-modal-product-item .product-image .placeholder-media svg,
.header-section .form-wrapper .search-modal-products .predictive-search__list-item .predictive-search__item .product-image .placeholder-media svg,
.header-section .form-wrapper .search-modal-products .predictive-search__list-item .search-modal-product-item .product-image .placeholder-media svg,
.header-section .form-wrapper .search-modal-products .search-modal-product-list-item .predictive-search__item .product-image .placeholder-media svg,
.header-section .form-wrapper .search-modal-products .search-modal-product-list-item .search-modal-product-item .product-image .placeholder-media svg {
    width: 9rem;
    height: 9rem
}

.header-section .form-wrapper .predictive-search-products .predictive-search__list-item .predictive-search__item .product-image .product-model,
.header-section .form-wrapper .predictive-search-products .predictive-search__list-item .search-modal-product-item .product-image .product-model,
.header-section .form-wrapper .predictive-search-products .search-modal-product-list-item .predictive-search__item .product-image .product-model,
.header-section .form-wrapper .predictive-search-products .search-modal-product-list-item .search-modal-product-item .product-image .product-model,
.header-section .form-wrapper .search-modal-products .predictive-search__list-item .predictive-search__item .product-image .product-model,
.header-section .form-wrapper .search-modal-products .predictive-search__list-item .search-modal-product-item .product-image .product-model,
.header-section .form-wrapper .search-modal-products .search-modal-product-list-item .predictive-search__item .product-image .product-model,
.header-section .form-wrapper .search-modal-products .search-modal-product-list-item .search-modal-product-item .product-image .product-model {
    position: relative;
    display: block;
    width: 9rem;
    height: 9rem;
    pointer-events: none
}

.header-section .form-wrapper .predictive-search-products .predictive-search__list-item .predictive-search__item .product-image .product-model .media-preview-wrap,
.header-section .form-wrapper .predictive-search-products .predictive-search__list-item .search-modal-product-item .product-image .product-model .media-preview-wrap,
.header-section .form-wrapper .predictive-search-products .search-modal-product-list-item .predictive-search__item .product-image .product-model .media-preview-wrap,
.header-section .form-wrapper .predictive-search-products .search-modal-product-list-item .search-modal-product-item .product-image .product-model .media-preview-wrap,
.header-section .form-wrapper .search-modal-products .predictive-search__list-item .predictive-search__item .product-image .product-model .media-preview-wrap,
.header-section .form-wrapper .search-modal-products .predictive-search__list-item .search-modal-product-item .product-image .product-model .media-preview-wrap,
.header-section .form-wrapper .search-modal-products .search-modal-product-list-item .predictive-search__item .product-image .product-model .media-preview-wrap,
.header-section .form-wrapper .search-modal-products .search-modal-product-list-item .search-modal-product-item .product-image .product-model .media-preview-wrap {
    padding: 0
}

.header-section .form-wrapper .predictive-search-products .predictive-search__list-item .predictive-search__item .product-image .product-model .media-preview-wrap img,
.header-section .form-wrapper .predictive-search-products .predictive-search__list-item .search-modal-product-item .product-image .product-model .media-preview-wrap img,
.header-section .form-wrapper .predictive-search-products .search-modal-product-list-item .predictive-search__item .product-image .product-model .media-preview-wrap img,
.header-section .form-wrapper .predictive-search-products .search-modal-product-list-item .search-modal-product-item .product-image .product-model .media-preview-wrap img,
.header-section .form-wrapper .search-modal-products .predictive-search__list-item .predictive-search__item .product-image .product-model .media-preview-wrap img,
.header-section .form-wrapper .search-modal-products .predictive-search__list-item .search-modal-product-item .product-image .product-model .media-preview-wrap img,
.header-section .form-wrapper .search-modal-products .search-modal-product-list-item .predictive-search__item .product-image .product-model .media-preview-wrap img,
.header-section .form-wrapper .search-modal-products .search-modal-product-list-item .search-modal-product-item .product-image .product-model .media-preview-wrap img {
    opacity: 1
}

.header-section .form-wrapper .predictive-search-products .predictive-search__list-item .predictive-search__item .product-image .product-model .product-xr-button,
.header-section .form-wrapper .predictive-search-products .predictive-search__list-item .search-modal-product-item .product-image .product-model .product-xr-button,
.header-section .form-wrapper .predictive-search-products .search-modal-product-list-item .predictive-search__item .product-image .product-model .product-xr-button,
.header-section .form-wrapper .predictive-search-products .search-modal-product-list-item .search-modal-product-item .product-image .product-model .product-xr-button,
.header-section .form-wrapper .search-modal-products .predictive-search__list-item .predictive-search__item .product-image .product-model .product-xr-button,
.header-section .form-wrapper .search-modal-products .predictive-search__list-item .search-modal-product-item .product-image .product-model .product-xr-button,
.header-section .form-wrapper .search-modal-products .search-modal-product-list-item .predictive-search__item .product-image .product-model .product-xr-button,
.header-section .form-wrapper .search-modal-products .search-modal-product-list-item .search-modal-product-item .product-image .product-model .product-xr-button {
    font-size: 0;
    position: absolute;
    right: .5rem;
    top: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(var(--background-color));
    border: .1rem solid #eee;
    border-radius: 50%;
    padding: .5rem
}

.header-section .form-wrapper .predictive-search-products .predictive-search__list-item .predictive-search__item .product-image .product-model .product-xr-button svg,
.header-section .form-wrapper .predictive-search-products .predictive-search__list-item .search-modal-product-item .product-image .product-model .product-xr-button svg,
.header-section .form-wrapper .predictive-search-products .search-modal-product-list-item .predictive-search__item .product-image .product-model .product-xr-button svg,
.header-section .form-wrapper .predictive-search-products .search-modal-product-list-item .search-modal-product-item .product-image .product-model .product-xr-button svg,
.header-section .form-wrapper .search-modal-products .predictive-search__list-item .predictive-search__item .product-image .product-model .product-xr-button svg,
.header-section .form-wrapper .search-modal-products .predictive-search__list-item .search-modal-product-item .product-image .product-model .product-xr-button svg,
.header-section .form-wrapper .search-modal-products .search-modal-product-list-item .predictive-search__item .product-image .product-model .product-xr-button svg,
.header-section .form-wrapper .search-modal-products .search-modal-product-list-item .search-modal-product-item .product-image .product-model .product-xr-button svg {
    width: 1rem;
    height: 1rem
}

.header-section .form-wrapper .predictive-search-products .predictive-search__list-item .predictive-search__item .product-image .media-preview-wrap[data-video],
.header-section .form-wrapper .predictive-search-products .predictive-search__list-item .search-modal-product-item .product-image .media-preview-wrap[data-video],
.header-section .form-wrapper .predictive-search-products .search-modal-product-list-item .predictive-search__item .product-image .media-preview-wrap[data-video],
.header-section .form-wrapper .predictive-search-products .search-modal-product-list-item .search-modal-product-item .product-image .media-preview-wrap[data-video],
.header-section .form-wrapper .search-modal-products .predictive-search__list-item .predictive-search__item .product-image .media-preview-wrap[data-video],
.header-section .form-wrapper .search-modal-products .predictive-search__list-item .search-modal-product-item .product-image .media-preview-wrap[data-video],
.header-section .form-wrapper .search-modal-products .search-modal-product-list-item .predictive-search__item .product-image .media-preview-wrap[data-video],
.header-section .form-wrapper .search-modal-products .search-modal-product-list-item .search-modal-product-item .product-image .media-preview-wrap[data-video] {
    position: relative;
    padding: 0;
    pointer-events: none
}

.header-section .form-wrapper .predictive-search-products .predictive-search__list-item .predictive-search__item .product-image .media-preview-wrap[data-video] img,
.header-section .form-wrapper .predictive-search-products .predictive-search__list-item .search-modal-product-item .product-image .media-preview-wrap[data-video] img,
.header-section .form-wrapper .predictive-search-products .search-modal-product-list-item .predictive-search__item .product-image .media-preview-wrap[data-video] img,
.header-section .form-wrapper .predictive-search-products .search-modal-product-list-item .search-modal-product-item .product-image .media-preview-wrap[data-video] img,
.header-section .form-wrapper .search-modal-products .predictive-search__list-item .predictive-search__item .product-image .media-preview-wrap[data-video] img,
.header-section .form-wrapper .search-modal-products .predictive-search__list-item .search-modal-product-item .product-image .media-preview-wrap[data-video] img,
.header-section .form-wrapper .search-modal-products .search-modal-product-list-item .predictive-search__item .product-image .media-preview-wrap[data-video] img,
.header-section .form-wrapper .search-modal-products .search-modal-product-list-item .search-modal-product-item .product-image .media-preview-wrap[data-video] img {
    opacity: 1
}

.header-section .form-wrapper .predictive-search-products .predictive-search__list-item .predictive-search__item .product-image .media-preview-wrap[data-video] .view-media,
.header-section .form-wrapper .predictive-search-products .predictive-search__list-item .search-modal-product-item .product-image .media-preview-wrap[data-video] .view-media,
.header-section .form-wrapper .predictive-search-products .search-modal-product-list-item .predictive-search__item .product-image .media-preview-wrap[data-video] .view-media,
.header-section .form-wrapper .predictive-search-products .search-modal-product-list-item .search-modal-product-item .product-image .media-preview-wrap[data-video] .view-media,
.header-section .form-wrapper .search-modal-products .predictive-search__list-item .predictive-search__item .product-image .media-preview-wrap[data-video] .view-media,
.header-section .form-wrapper .search-modal-products .predictive-search__list-item .search-modal-product-item .product-image .media-preview-wrap[data-video] .view-media,
.header-section .form-wrapper .search-modal-products .search-modal-product-list-item .predictive-search__item .product-image .media-preview-wrap[data-video] .view-media,
.header-section .form-wrapper .search-modal-products .search-modal-product-list-item .search-modal-product-item .product-image .media-preview-wrap[data-video] .view-media {
    position: absolute;
    right: .5rem;
    top: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(var(--background-color));
    border: .1rem solid #eee;
    border-radius: 50%;
    padding: .5rem
}

.header-section .form-wrapper .predictive-search-products .predictive-search__list-item .predictive-search__item .product-image .media-preview-wrap[data-video] .view-media svg,
.header-section .form-wrapper .predictive-search-products .predictive-search__list-item .search-modal-product-item .product-image .media-preview-wrap[data-video] .view-media svg,
.header-section .form-wrapper .predictive-search-products .search-modal-product-list-item .predictive-search__item .product-image .media-preview-wrap[data-video] .view-media svg,
.header-section .form-wrapper .predictive-search-products .search-modal-product-list-item .search-modal-product-item .product-image .media-preview-wrap[data-video] .view-media svg,
.header-section .form-wrapper .search-modal-products .predictive-search__list-item .predictive-search__item .product-image .media-preview-wrap[data-video] .view-media svg,
.header-section .form-wrapper .search-modal-products .predictive-search__list-item .search-modal-product-item .product-image .media-preview-wrap[data-video] .view-media svg,
.header-section .form-wrapper .search-modal-products .search-modal-product-list-item .predictive-search__item .product-image .media-preview-wrap[data-video] .view-media svg,
.header-section .form-wrapper .search-modal-products .search-modal-product-list-item .search-modal-product-item .product-image .media-preview-wrap[data-video] .view-media svg {
    width: 1rem;
    height: 1rem
}

.header-section .form-wrapper .predictive-search-products .predictive-search__list-item .predictive-search__item .product-content,
.header-section .form-wrapper .predictive-search-products .predictive-search__list-item .search-modal-product-item .product-content,
.header-section .form-wrapper .predictive-search-products .search-modal-product-list-item .predictive-search__item .product-content,
.header-section .form-wrapper .predictive-search-products .search-modal-product-list-item .search-modal-product-item .product-content,
.header-section .form-wrapper .search-modal-products .predictive-search__list-item .predictive-search__item .product-content,
.header-section .form-wrapper .search-modal-products .predictive-search__list-item .search-modal-product-item .product-content,
.header-section .form-wrapper .search-modal-products .search-modal-product-list-item .predictive-search__item .product-content,
.header-section .form-wrapper .search-modal-products .search-modal-product-list-item .search-modal-product-item .product-content {
    padding-left: 1.6rem;
    width: calc(100% - 9rem)
}

.header-section .form-wrapper .predictive-search-products .predictive-search__list-item .predictive-search__item .product-content .product-title,
.header-section .form-wrapper .predictive-search-products .predictive-search__list-item .search-modal-product-item .product-content .product-title,
.header-section .form-wrapper .predictive-search-products .search-modal-product-list-item .predictive-search__item .product-content .product-title,
.header-section .form-wrapper .predictive-search-products .search-modal-product-list-item .search-modal-product-item .product-content .product-title,
.header-section .form-wrapper .search-modal-products .predictive-search__list-item .predictive-search__item .product-content .product-title,
.header-section .form-wrapper .search-modal-products .predictive-search__list-item .search-modal-product-item .product-content .product-title,
.header-section .form-wrapper .search-modal-products .search-modal-product-list-item .predictive-search__item .product-content .product-title,
.header-section .form-wrapper .search-modal-products .search-modal-product-list-item .search-modal-product-item .product-content .product-title {
    color: rgb(var(--text-color));
    font-size: 1.3rem
}

.header-section .form-wrapper .predictive-search-products .predictive-search__list-item .predictive-search__item .product-content .product-price,
.header-section .form-wrapper .predictive-search-products .predictive-search__list-item .search-modal-product-item .product-content .product-price,
.header-section .form-wrapper .predictive-search-products .search-modal-product-list-item .predictive-search__item .product-content .product-price,
.header-section .form-wrapper .predictive-search-products .search-modal-product-list-item .search-modal-product-item .product-content .product-price,
.header-section .form-wrapper .search-modal-products .predictive-search__list-item .predictive-search__item .product-content .product-price,
.header-section .form-wrapper .search-modal-products .predictive-search__list-item .search-modal-product-item .product-content .product-price,
.header-section .form-wrapper .search-modal-products .search-modal-product-list-item .predictive-search__item .product-content .product-price,
.header-section .form-wrapper .search-modal-products .search-modal-product-list-item .search-modal-product-item .product-content .product-price {
    font-size: 1.4rem;
    line-height: 1.7
}

.header-section .form-wrapper .predictive-search-products .predictive-search__list-item .predictive-search__item .product-content .product-price .price,
.header-section .form-wrapper .predictive-search-products .predictive-search__list-item .search-modal-product-item .product-content .product-price .price,
.header-section .form-wrapper .predictive-search-products .search-modal-product-list-item .predictive-search__item .product-content .product-price .price,
.header-section .form-wrapper .predictive-search-products .search-modal-product-list-item .search-modal-product-item .product-content .product-price .price,
.header-section .form-wrapper .search-modal-products .predictive-search__list-item .predictive-search__item .product-content .product-price .price,
.header-section .form-wrapper .search-modal-products .predictive-search__list-item .search-modal-product-item .product-content .product-price .price,
.header-section .form-wrapper .search-modal-products .search-modal-product-list-item .predictive-search__item .product-content .product-price .price,
.header-section .form-wrapper .search-modal-products .search-modal-product-list-item .search-modal-product-item .product-content .product-price .price {
    font-weight: 600
}

.header-section .form-wrapper .predictive-search__item-content.no-result {
    display: flex;
    align-items: center;
    padding: 1.8rem 1.2rem 1.8rem 2.5rem;
    gap: 2.4rem;
    background-color: rgba(var(--text-color), 0.05);
    margin-bottom: 3.2rem
}

.header-section .form-wrapper .predictive-search__item-content.no-result svg {
    width: 3rem;
    height: 3rem
}

.header-section .form-wrapper .predictive-search__item-content.no-result .predictive-search__text .text-title {
    font-size: 1.8rem;
    line-height: 1.3;
    margin-bottom: .5rem
}

.header-section .form-wrapper .predictive-search__item-content.no-result .predictive-search__text .text-title span {
    font-weight: 700;
    margin-left: .5rem
}

.header-section .form-wrapper .predictive-search__item-content.no-result .predictive-search__text .text-subtitle {
    font-size: 1.6rem;
    line-height: 1.5
}

@media(max-width: 991px) {
    .header-section .form-wrapper .predictive-search__item-content.no-result {
        padding: 1.8rem 1.2rem 1.8rem 1.5rem;
        gap: 1rem
    }
}

.header-section .form-wrapper .search-modal .search-modal-collection-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .8rem
}

.header-section .form-wrapper .search-modal .search-modal-collection-list .search-modal-collection-list-item .search-modal-collection-item {
    display: block;
    font-size: 1.3rem;
    line-height: 1.8;
    padding: .8rem 1.2rem;
    background-color: rgba(var(--text-color), 0.05)
}

.header-section .form-wrapper .search-modal .search-modal-collection-list .search-modal-collection-list-item .search-modal-collection-item:hover {
    color: rgb(var(--background-color));
    background-color: rgb(var(--text-color))
}

.header-section .form-wrapper .search-all {
    display: block;
    width: 100%;
    font-weight: 600;
    line-height: 1.5;
    padding: 1rem;
    text-align: center
}

.header-icons {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1.2rem
}

.header-icons .header-icon {
    position: relative;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1.2rem
}

.header-icons .header-icon svg {
    width: 2rem;
    height: 2rem
}

.header-icons .header-icon .item-count {
    position: absolute;
    font-size: .9rem;
    right: .3rem;
    top: .3rem;
    background-color: rgb(var(--button-bg-color));
    border-radius: 5rem;
    color: rgb(var(--button-text-color));
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 1.6rem;
    min-width: 1.6rem;
    padding: 0 .5em;
    white-space: nowrap;
    line-height: 1;
    z-index: 1
}

.header-icons .header-icon .item-count:empty {
    display: none
}

@media(max-width: 991px) {
    .header-icons {
        gap: 0
    }
}

.icon-box-section p {
    margin-bottom: 0
}

.icon-box-section .icon-box {
    gap: 1.2rem;
    display: flex
}

.icon-box-section .icon-box .icon-item {
    display: flex;
    background-color: rgba(var(--text-color), 0.05);
    width: 100%
}

.icon-box-section .icon-box .icon-item img,
.icon-box-section .icon-box .icon-item svg {
    width: 60px;
    margin-right: 2.4rem;
    max-width: 6rem;
    max-height: 6rem
}

.icon-box-section .icon-box .icon-item .text {
    font-size: 2rem;
    font-weight: 700
}

.icon-box-section .icon-box .icon-item .description {
    font-size: 1.6rem;
    margin-top: 1.3rem
}

.icon-box-section .icon-box .icon-item.icon-above {
    background-color: rgba(0, 0, 0, 0);
    flex-direction: column;
    text-align: center
}

.icon-box-section .icon-box .icon-item.icon-above img,
.icon-box-section .icon-box .icon-item.icon-above svg {
    margin-right: 0;
    margin-bottom: 2rem
}

@media(max-width: 992px) {
    .icon-box-section .icon-box {
        flex-wrap: wrap
    }
}

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

@media(max-width: 767px) {
    .image-box-section .image-box {
        flex-direction: column
    }
}

.image-box-section .image-box .image-item {
    position: relative;
    width: 100%
}

.image-box-section .image-box .image-item svg,
.image-box-section .image-box .image-item img {
    transition: opacity .1s ease, transform 1s cubic-bezier(0, 0, 0.44, 1.18);
    aspect-ratio: 1.55/1
}

.image-box-section .image-box .image-item:hover img {
    transform: scale(1.08)
}

.image-box-section .image-box .item {
    position: relative
}

.image-box-section .image-box .item:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.image-box-section .image-box p {
    margin-bottom: 0
}

.image-box-section .image-box .content {
    position: absolute;
    bottom: 8rem;
    left: 4rem;
    right: 4rem;
    z-index: 2
}

.image-box-section .image-box .content .heading *,
.image-box-section .image-box .content .sub-heading * {
    line-height: inherit;
    margin: 0
}

@media(max-width: 991px) {

    .image-box-section .image-box .content .heading h1,
    .image-box-section .image-box .content .heading h2,
    .image-box-section .image-box .content .heading h3,
    .image-box-section .image-box .content .heading .h1,
    .image-box-section .image-box .content .heading .h2,
    .image-box-section .image-box .content .heading .h3,
    .image-box-section .image-box .content .sub-heading h1,
    .image-box-section .image-box .content .sub-heading h2,
    .image-box-section .image-box .content .sub-heading h3,
    .image-box-section .image-box .content .sub-heading .h1,
    .image-box-section .image-box .content .sub-heading .h2,
    .image-box-section .image-box .content .sub-heading .h3 {
        font-size: calc(2.2rem + .390625vw)
    }

    .image-box-section .image-box .content .heading h4,
    .image-box-section .image-box .content .heading h5,
    .image-box-section .image-box .content .heading h6,
    .image-box-section .image-box .content .heading .h4,
    .image-box-section .image-box .content .heading .h5,
    .image-box-section .image-box .content .heading .h6,
    .image-box-section .image-box .content .sub-heading h4,
    .image-box-section .image-box .content .sub-heading h5,
    .image-box-section .image-box .content .sub-heading h6,
    .image-box-section .image-box .content .sub-heading .h4,
    .image-box-section .image-box .content .sub-heading .h5,
    .image-box-section .image-box .content .sub-heading .h6 {
        font-size: calc(1.8rem + .390625vw)
    }
}

.image-box-section .image-box .content .sub-heading {
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 1.5rem;
    letter-spacing: 1.2px;
    color: rgb(var(--heading-color))
}

.image-box-section .image-box .content .button {
    display: inline-flex;
    align-items: center;
    width: fit-content
}

.image-box-section .image-box .content .button.primary-button {
    margin-top: 2.4rem;
    padding: 1.7rem 2.4rem;
    height: 4.4rem
}

.image-box-section .image-box .content .button.underline-button {
    margin-top: 1.5rem;
    text-underline-offset: .2rem;
    font-weight: 600;
    color: rgb(var(--button-text-color));
    text-decoration-color: rgb(var(--button-text-color))
}

.image-box-section .image-box .content .button.underline-button svg {
    margin-left: 8px
}

.image-box-section .image-box .content .button.underline-button:hover {
    text-decoration-thickness: .2rem
}

.image-box-section .image-box.col-1 .image-item svg,
.image-box-section .image-box.col-1 .image-item img {
    aspect-ratio: 3.3/1
}

@media(max-width: 1599px) {

    .image-box-section .image-box.col-1 .image-item svg,
    .image-box-section .image-box.col-1 .image-item img {
        aspect-ratio: 2.5/1
    }
}

@media(max-width: 767px) {

    .image-box-section .image-box.col-1 .image-item svg,
    .image-box-section .image-box.col-1 .image-item img {
        aspect-ratio: .74/1
    }
}

.image-box-section .image-box.col-1 .content {
    left: 15rem;
    bottom: 12rem
}

@media(max-width: 1599px) {
    .image-box-section .image-box.col-1 .content {
        left: 10rem;
        bottom: 5.5rem
    }
}

@media(max-width: 767px) {
    .image-box-section .image-box.col-1 .content {
        left: 5.5rem;
        bottom: 15rem
    }
}

.image-box-section .image-box .heading {
    line-height: 1.25;
    color: rgb(var(--heading-color))
}

.image-box-section .image-box .image-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3
}

@media(hover: hover) {
    .image-box-section .image-box .image-link:hover+.content .button:before {
        -webkit-animation: shine .5s;
        animation: shine .5s
    }
}

.image-box-section .image-box.outside .image-item {
    display: flex;
    flex-direction: row
}

.image-box-section .image-box.outside .image-item svg,
.image-box-section .image-box.outside .image-item img {
    aspect-ratio: 1.22/1
}

.image-box-section .image-box.outside .item {
    flex-basis: 50%
}

.image-box-section .image-box.outside .content {
    position: static;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-basis: 50%;
    padding: 7rem 6rem
}

.image-box-section .image-box.outside .content.text-right {
    align-items: flex-end
}

.image-box-section .image-box.outside .content.text-center {
    align-items: center
}

@media(max-width: 1599px) {
    .image-box-section .image-box.outside .image-item {
        flex-direction: column
    }

    .image-box-section .image-box.outside .content {
        padding: 7rem 5rem
    }
}

@media(max-width: 1280px) {
    .image-box-section .image-box .content {
        bottom: 5rem
    }
}

@media(max-width: 991px) {
    .image-box-section .image-box {
        gap: 1.2rem
    }

    .image-box-section .image-box .inside .heading {
        font-size: 3.2rem;
        margin-bottom: 1rem
    }

    .image-box-section .image-box .content {
        bottom: 2rem;
        left: 2rem;
        right: 2rem
    }

    .image-box-section .image-box .content .button.primary-button {
        height: 4rem;
        padding: 1rem 1.5rem;
        margin: 1.5rem 0
    }
}

@media(min-width: 992px) {
    .image-box-section .image-box {
        gap: 1.2rem
    }

    .image-box-section .image-box .inside .sub-heading {
        font-size: 2rem
    }
}

.image-box-section .container .image-box.outside .image-item {
    flex-direction: column
}

.image-list-section .image-list-content {
    display: grid;
    grid-auto-flow: column;
    position: relative;
    padding-bottom: 2rem
}

.image-list-section .image-list-content.gap {
    gap: 1.2rem
}

.image-list-section .stretch-section {
    padding: 0 1.2rem
}

.image-list-section .stretch-section .image-list-content {
    grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
    grid-auto-columns: minmax(30rem, 1fr)
}

.image-list-section .container .image-list-content {
    grid-template-columns: repeat(auto-fit, minmax(24.5rem, 1fr));
    grid-auto-columns: minmax(24.5rem, 1fr)
}

.image-list-section .title-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

@media(min-width: 991px) {
    .image-list-section .stretch-section .title-wrapper {
        margin-bottom: 3rem
    }

    .image-list-section .container .title-wrapper {
        margin-bottom: 3rem
    }
}

@media(max-width: 991px) {
    .image-list-section .heading {
        text-align: center
    }
}

.image-list-section .heading * {
    margin: 0 0 1.5rem 0
}

.image-list-section .subheading {
    max-width: 80rem;
    text-align: center
}

.image-list-section .subheading p {
    letter-spacing: .02em
}

.image-list-section .image-item {
    position: relative
}

.image-list-section .image-wrap,
.image-list-section .collage-image-wrapper {
    height: 100%
}

.image-list-section .overlay,
.image-list-section .image-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.image-list-section .overlay {
    background: rgba(var(--text-color), 0.2);
    transition: .5s ease-out;
    opacity: 0
}

.image-list-section .show-icon:hover .overlay {
    opacity: 1;
    pointer-events: auto
}

@media(max-width: 991px) {
    .image-list-section .stretch-section .title-wrapper {
        margin-bottom: 0
    }

    .image-list-section .image-list-content {
        padding-top: 1rem;
        padding-bottom: 2rem
    }
}

@media(min-width: 992px) {
    .image-with-text-section .text-first .content {
        order: -1
    }
}

.image-with-text-section .image-with-text {
    display: flex
}

.image-with-text-section .content {
    display: flex;
    align-items: center
}

@media(min-width: 992px) {
    .image-with-text-section .content {
        padding: 6.9rem 0 6.9rem 6rem
    }
}

.image-with-text-section .content p:last-child {
    margin-bottom: 0
}

.image-with-text-section .content-inner {
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media(min-width: 992px) {
    .image-with-text-section .content-inner {
        width: 81%
    }
}

.image-with-text-section .heading {
    margin: 0 0 1.2rem
}

.image-with-text-section .description * {
    margin: 0
}

.image-with-text-section .content-image {
    margin: 4rem 0
}

.image-with-text-section .description {
    color: rgb(var(--text-color))
}

.image-with-text-section .content-image {
    max-width: 27rem;
    max-height: 31rem;
    position: relative
}

.image-with-text-section .button {
    display: inline-flex;
    padding: 1.1rem 2.9rem;
    text-decoration-line: unset;
    margin-top: 2.2rem
}

@media(max-width: 991px) {
    .image-with-text-section .content {
        padding: 4rem
    }

    .image-with-text-section .image-with-text {
        flex-direction: column
    }

    .image-with-text-section .description {
        margin-top: 1rem
    }
}

.adapt-svg-placeholder {
    height: 100%
}

.image-section a {
    position: absolute !important;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.image-section img,
.image-section .placeholder-svg {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.link-lists-section {
    overflow: hidden
}

.link-lists-section .section-wrapper {
    background-color: rgb(var(--background-color))
}

.link-lists-section .link-list {
    display: grid;
    gap: 3.6rem
}

@media(min-width: 991px) {
    .link-lists-section .link-list {
        grid-template-columns: repeat(auto-fill, minmax(41.2rem, 1fr))
    }
}

.link-lists-section .title-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2.4rem
}

.link-lists-section .title-wrapper .heading * {
    line-height: inherit;
    margin: 0
}

.link-lists-section .title-wrapper .heading {
    font-weight: 700;
    margin: 0
}

.link-lists-section .item-list-menus {
    display: flex;
    flex-direction: column;
    height: fit-content
}

.link-lists-section .item-list-menus .bls-responsive-image {
    position: relative
}

.link-lists-section .item-list-menus .bls-responsive-image svg,
.link-lists-section .item-list-menus .bls-responsive-image img {
    height: 11rem;
    object-fit: cover
}

.link-lists-section .item-list-menus .bls-responsive-image .collection-menu-title {
    position: absolute;
    left: 4rem;
    bottom: 2.4rem;
    margin: 0;
    color: #fff
}

.link-lists-section .item-list-menus .collection-menu-content {
    padding: 2.8rem 4rem
}

.link-lists-section .item-list-menus .collection-menu-list ul {
    padding-left: 0;
    margin: 0
}

.link-lists-section .item-list-menus .collection-menu-list li::marker {
    font-size: 0
}

.link-lists-section .item-list-menus .collection-menu-list ul li {
    margin-bottom: .8rem
}

.link-lists-section .item-list-menus .collection-menu-list ul li a {
    transition: all .4s
}

.link-lists-section .item-list-menus .collection-menu-list ul li a:hover {
    padding-left: .5rem;
    font-weight: 600
}

.link-lists-section .item-list-menus .collection-menu-list a {
    transition: all .4s
}

.link-lists-section .item-list-menus .collection-menu-list a:hover {
    padding-left: .5rem;
    font-weight: 600
}

.link-lists-section .item-list-menus .collection-menu-btn {
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1.12px;
    display: block;
    margin-top: 2.7rem;
    transition: all .4s
}

.link-lists-section .item-list-menus .collection-menu-btn svg {
    margin: -1px 0 0px 10px
}

.link-lists-section .item-list-menus .collection-menu-btn:hover {
    padding-left: .5rem;
    font-weight: 600
}

.link-lists-section .mitem:after {
    content: "/";
    margin-right: .5rem;
    margin-left: 1rem
}

.link-lists-section .mitem:last-child:after {
    content: none
}

@media(max-width: 991px) {
    .link-lists-section .title-wrapper {
        margin-bottom: 4.1rem
    }

    .link-lists-section .title-wrapper .heading {
        font-size: 3.6rem
    }
}

.lookbook-section .scrolling-wrapper .scrolling {
    display: none
}

@media(min-width: 992px) {
    .lookbook-section .lookbook {
        display: flex
    }

    .lookbook-section .product-first .product-wrapper {
        order: -1
    }

    .lookbook-section .image-wrapper {
        flex-grow: 1
    }
}

@media(min-width: 1600px) {
    .lookbook-section .image .placeholder-svg {
        max-height: 66rem;
        width: 96rem
    }
}

.lookbook-section .image-wrapper {
    position: relative
}

.lookbook-section .product-wrapper {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: min(45.2rem, 100%);
    padding: 4rem 2.8rem
}

@media(min-width: 1200px) {
    .lookbook-section .product-wrapper {
        padding: 8rem 6rem 7rem
    }
}

.lookbook-section .product-wrapper .heading {
    margin-top: 0;
    margin-bottom: 2.4rem
}

.lookbook-section .product-wrapper .button-lookbook {
    padding: 1rem 2.4rem;
    display: block;
    float: left;
    margin-top: 2.4rem
}

.lookbook-section .product-card {
    display: flex;
    align-items: center;
    margin: 1rem 2.8rem
}

.lookbook-section .product-card .product-media-wrap {
    width: 15rem;
    height: 15rem;
    padding-bottom: 0;
    flex-shrink: 0;
    margin-right: 2.4rem
}

@media(max-width: 991px) {
    .lookbook-section .product-card .product-media-wrap {
        width: 10rem;
        height: auto;
        margin-right: 2rem
    }
}

.lookbook-section .product-card .product-card-content {
    text-align: left;
    margin: 0;
    padding: 1.5rem 1.5rem 1.5rem 0
}

.lookbook-section .product-card .product-card-content>* {
    margin-top: .8rem
}

.lookbook-section .product-card .product-card-content>*:first-child {
    margin-top: 0
}

.lookbook-section .product-card .product-title {
    line-height: 1.5
}

@media(max-width: 991px) {
    .lookbook-section .product-card .product-title {
        line-height: normal;
        margin-top: 0;
        margin-bottom: 0
    }
}

@media(max-width: 545px) {
    .lookbook-section .product-card .product-title {
        display: inline-grid
    }

    .lookbook-section .product-card .product-title a {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.lookbook-section .product-card .form-add-to-cart {
    display: none
}

@media(max-width: 991px) {
    .lookbook-section .product-card {
        align-items: initial
    }

    .lookbook-section .product-card .product-vendor,
    .lookbook-section .product-card .product-badge {
        display: none
    }

    .lookbook-section .product-card .product-price {
        margin-top: 0
    }
}

.lookbook-section .add-multiple-products .product-warning {
    margin-bottom: 1.5rem
}

.lookbook-section .add-multiple-products .add-to-cart-button {
    width: 100%
}

.lookbook-section .item {
    position: absolute;
    z-index: 10;
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 5rem;
    left: var(--item-x);
    top: var(--item-y);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

@media(hover: hover) {
    .lookbook-section .item:hover .dot {
        transform: scale(1.1)
    }

    .lookbook-section .item:hover .item-inner {
        transform: scale(1);
        opacity: 1;
        visibility: visible;
        pointer-events: auto
    }
}

.lookbook-section .item.dark:after {
    background-color: hsla(0, 0%, 100%, .4)
}

.lookbook-section .item .dot {
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border-radius: 5rem;
    transition: transform .2s ease;
    background-color: var(--item-color);
    position: absolute;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center
}

.lookbook-section .item:after {
    content: "";
    left: -0.4rem;
    top: -0.4rem;
    bottom: -0.4rem;
    right: -0.4rem;
    border-radius: 5rem;
    background-color: hsla(0, 0%, 100%, .6);
    position: absolute;
    animation: scale 2s ease infinite;
    animation-delay: var(--item-delay);
    transition: opacity .3s, visibility .3s
}

.lookbook-section .product-target {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 10
}

@media(hover: hover) {
    .lookbook-section .product-target {
        pointer-events: none
    }
}

@media(hover: none) {
    .lookbook-section .product-target.active+.item-inner {
        transform: scale(1);
        opacity: 1;
        visibility: visible;
        pointer-events: auto
    }
}

.lookbook-section .item-inner {
    width: 25rem;
    position: absolute;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.9);
    transition: transform .3s, opacity .3s;
    padding-top: 2rem
}

@media(max-width: 991px) {
    .lookbook-section .item-inner {
        display: none
    }
}

@media(hover: hover) {
    .lookbook-section .item-inner {
        pointer-events: none
    }

    .lookbook-section .item-inner:hover .product-image img {
        transform: scale(1.05)
    }

    .lookbook-section .item-inner:hover .product-title {
        text-decoration: underline
    }
}

.lookbook-section .item-inner .product-link {
    position: absolute;
    inset: 0;
    z-index: 5
}

.lookbook-section .item-inner .product-price {
    font-size: 1.8rem;
    font-weight: 600
}

.lookbook-section .item-inner .product-price .price+.regular-price {
    margin-left: .3em
}

.lookbook-section .item-summary {
    background-color: rgb(var(--background-color));
    box-shadow: 0 0 4rem rgba(var(--text-color), 0.6);
    display: flex;
    position: relative
}

.lookbook-section .item-summary:before {
    content: "";
    display: block;
    border-left: .6rem solid rgba(0, 0, 0, 0);
    border-right: .6rem solid rgba(0, 0, 0, 0);
    border-bottom: .6rem solid rgb(var(--background-color));
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -0.6rem
}

.lookbook-section .item-summary .product-image {
    width: 7rem;
    flex-shrink: 0;
    overflow: hidden
}

.lookbook-section .item-summary .product-image img {
    transition: transform .3s;
    height: 100%
}

.lookbook-section .item-summary .summary-inner {
    padding: 1rem 1.5rem
}

.lookbook-section .item-summary .summary-inner .product-title {
    margin: 0 0 .3rem 0;
    line-height: 1.4;
    font-weight: 400;
    font-size: 1.6rem
}

.lookbook-section .item-summary .summary-inner .product-price {
    white-space: nowrap
}

.lookbook-section .swiper-controls {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 4rem
}

.lookbook-section .swiper-controls .swiper-scrollbar-wrapper {
    position: relative;
    margin-right: 2.4rem;
    flex-grow: 1
}

.lookbook-section .swiper-controls .swiper-scrollbar-wrapper .swiper-scrollbar {
    bottom: 0;
    height: .1rem;
    background-color: rgba(var(--text-color), 0.3)
}

.lookbook-section .swiper-controls .swiper-scrollbar-wrapper .swiper-scrollbar-drag {
    top: -0.1rem;
    height: .3rem;
    border-radius: .4rem;
    background-color: rgba(var(--text-color), 0.5)
}

.lookbook-section .swiper-controls .swiper-button-prev,
.lookbook-section .swiper-controls .swiper-button-next {
    position: static;
    transform: none;
    width: 4.8rem;
    height: 4.8rem;
    border-color: rgb(var(--text-color))
}

.lookbook-section .swiper-controls .swiper-button-prev svg,
.lookbook-section .swiper-controls .swiper-button-next svg {
    width: 1.6rem
}

.lookbook-section .swiper-controls .swiper-button-prev {
    margin-right: .8rem
}

.lookbook-section .discount-item {
    display: flex;
    align-items: center;
    margin: 1.1rem 0
}

.lookbook-section .discount-item .discount-content {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    height: 5.6rem
}

.lookbook-section .discount-item .discount-title {
    padding: 1.6rem 2.4rem;
    text-transform: uppercase;
    font-weight: 600
}

.lookbook-section .discount-item .copy-button {
    height: 100%;
    padding: 0 2.4rem;
    text-transform: capitalize;
    border-left: .2rem dotted #e1e1e1;
    color: rgb(var(--button-bg-color));
    background-color: rgb(var(--button-text-color))
}

.lookbook-section .discount-item .copy-button:before {
    background-image: linear-gradient(90deg, transparent, rgba(var(--button-bg-color), 0.3), transparent)
}

.lookbook-section .discount-item .copy-button svg {
    margin-right: 1rem
}

.lookbook-section .message:not(.hidden) {
    margin-bottom: 1rem
}

.lookbook-section .box-countdown .countdown-label {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    margin: 0 0 .3rem
}

.lookbook-section .box-countdown .countdown-time-wrap {
    display: inline-flex;
    margin-bottom: 0
}

.lookbook-section .box-countdown .countdown-time {
    display: inline-flex;
    padding: 0;
    flex-wrap: wrap
}

.lookbook-section .box-countdown .countdown-time .time-block {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    position: relative;
    margin-right: 1.3rem
}

.lookbook-section .box-countdown .countdown-time .time-block:last-of-type {
    margin-right: 0
}

.lookbook-section .box-countdown .countdown-time .time-block:not(:first-child):before {
    content: ":";
    font-size: var(--body-font-size);
    font-weight: var(--heading-font-weight);
    position: absolute;
    top: 0;
    left: -0.9rem
}

.lookbook-section .box-countdown .countdown-time .time-number,
.lookbook-section .box-countdown .countdown-time .time-text {
    padding: 0;
    margin: 0;
    font-size: var(--body-font-size);
    font-weight: var(--heading-font-weight);
    min-width: auto;
    min-height: auto
}

.lookbook-section .box-countdown .countdown-time .time-text {
    margin-left: .2rem;
    text-transform: lowercase
}

.marquee-section .marquee {
    display: flex;
    overflow: hidden;
    width: 100%
}

.marquee-section .marquee-wrapper {
    display: flex;
    align-items: center
}

.marquee-section .marquee-animation {
    animation: marquee var(--marquee-time, 10s) infinite linear
}

.marquee-section .marquee-content {
    display: flex;
    align-items: center;
    white-space: nowrap;
    flex-shrink: 0
}

.marquee-section .marquee-text {
    font-size: calc(4rem*var(--marquee-scale));
    color: rgb(var(--text-color))
}

.marquee-section .marquee-icon svg {
    height: calc(2rem*var(--marquee-scale));
    width: calc(2rem*var(--marquee-scale))
}

.marquee-section .marquee-image {
    flex-shrink: 0;
    position: relative;
    height: calc(20rem*var(--marquee-scale));
    width: calc(20rem*var(--marquee-scale)*var(--aspect-ratio))
}

.marquee-section .marquee-image img,
.marquee-section .marquee-image svg {
    height: 100%;
    width: 100%
}

@keyframes marquee {
    to {
        transform: translate(-100%)
    }
}

.newsletter-popup-section.closed .newsletter-popup-form {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.newsletter-popup-section.closed .newsletter-inner {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-25%);
    transition: all .3s ease-out
}

@media(min-width: 992px) {
    .newsletter-popup-section.closed .newsletter-inner .newsletter-image {
        transform: translateX(84%);
        transition: transform .35s;
        transition-delay: .5s
    }

    .newsletter-popup-section.closed .newsletter-inner .newsletter-image+.newsletter-content {
        transform: translateX(-29%);
        transition: transform .35s;
        transition-delay: .5s
    }
}

.newsletter-popup-section .newsletter-popup-form {
    position: fixed;
    inset: 0;
    z-index: 999;
    background-color: rgba(var(--overlay-color), 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s ease;
    visibility: visible;
    opacity: 1
}

@media(max-width: 991px) {
    .newsletter-popup-section .newsletter-popup-form {
        padding: 0 1.5rem
    }
}

.newsletter-popup-section .newsletter-inner {
    background-color: rgba(0, 0, 0, 0);
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    transition: all .3s ease-out;
    transform: translateY(0);
    opacity: 1;
    visibility: visible
}

@media(min-width: 992px) {
    .newsletter-popup-section .newsletter-inner {
        width: 88rem;
        min-height: 39.6rem;
        max-width: 90%;
        max-height: 90%;
        display: flex
    }
}

@media(hover: hover) {
    .newsletter-popup-section .newsletter-inner:hover .close-popup {
        opacity: .9;
        visibility: visible;
        transform: translate(0)
    }
}

@media(hover: hover)and (hover: hover) {
    .newsletter-popup-section .newsletter-inner:hover .close-popup:hover {
        opacity: 1
    }
}

.newsletter-popup-section .newsletter-inner .newsletter-image {
    background-color: rgba(var(--text-color), 0.1)
}

@media(max-width: 991px) {
    .newsletter-popup-section .newsletter-inner .newsletter-image {
        display: none
    }
}

@media(min-width: 992px) {
    .newsletter-popup-section .newsletter-inner .newsletter-image {
        width: 37.5%;
        transform: translateX(0);
        transition: transform .35s;
        transition-delay: .5s
    }

    .newsletter-popup-section .newsletter-inner .newsletter-image+.newsletter-content {
        width: 62.5%
    }
}

.newsletter-popup-section .newsletter-inner .newsletter-image .popup-media {
    width: 100%;
    height: 100%
}

.newsletter-popup-section .newsletter-inner .newsletter-image .popup-media .popup-media-inner {
    position: relative;
    width: 100%;
    height: 100%
}

.newsletter-popup-section .newsletter-inner .newsletter-content {
    background-color: rgb(var(--background-color));
    padding: 4rem 2rem;
    width: 100%
}

@media(min-width: 992px) {
    .newsletter-popup-section .newsletter-inner .newsletter-content {
        transform: translateX(0);
        transition: transform .35s;
        transition-delay: .5s
    }
}

@media(min-width: 768px) {
    .newsletter-popup-section .newsletter-inner .newsletter-content {
        padding: 4.8rem
    }
}

.newsletter-popup-section .close-popup {
    position: absolute;
    right: 0;
    top: 0;
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(var(--background-color));
    background-color: rgb(var(--text-color));
    cursor: pointer;
    transition: all .3s ease;
    opacity: 0;
    visibility: hidden;
    transform: translate(0.5rem, -0.5rem);
    z-index: 2
}

@media(hover: none) {
    .newsletter-popup-section .close-popup {
        opacity: 1;
        visibility: visible;
        transform: translate(0)
    }
}

@media(max-width: 991px) {
    .newsletter-popup-section .close-popup {
        opacity: 1;
        visibility: visible;
        transform: translate(0)
    }
}

.newsletter-popup-section .close-popup svg {
    width: 1.6rem
}

.newsletter-popup-section .popup-item .heading .description * {
    line-height: normal;
    margin: 0
}

.newsletter-popup-section .field-form {
    display: flex;
    width: 100%
}

.newsletter-popup-section .field-form .field-input,
.newsletter-popup-section .field-form [type=submit] {
    height: 4.4rem
}

.newsletter-popup-section .field-form .field-input-wrapper {
    display: flex;
    position: relative;
    flex: 1
}

@media(max-width: 991px) {
    .newsletter-popup-section .field-form .field-input-wrapper {
        flex-grow: 1
    }

    .newsletter-popup-section .field-form .field-input-wrapper svg {
        display: none
    }
}

.newsletter-popup-section .field-form .field-input-wrapper .field-input {
    flex-grow: 1;
    background-color: rgba(0, 0, 0, 0)
}

@media(min-width: 992px) {
    .newsletter-popup-section .field-form .field-input-wrapper .field-input {
        padding: 0 4.8rem 0 1.6rem
    }
}

.newsletter-popup-section .field-form .field-input-wrapper .field-input::placeholder {
    color: rgba(var(--text-color), 0.7)
}

.newsletter-popup-section .field-form .field-input-wrapper svg {
    position: absolute;
    right: 1.6rem;
    top: 50%;
    transform: translateY(-50%);
    color: rgb(var(--text-color))
}

.newsletter-popup-section .field-form [type=submit] {
    font-weight: 700;
    font-size: 1.6rem;
    margin-left: .8rem;
    padding: 1rem 2.4rem;
    white-space: nowrap
}

@media(max-width: 991px) {
    .newsletter-popup-section .field-form [type=submit] {
        width: 4.8rem;
        padding: 1rem;
        margin-left: 1rem
    }

    .newsletter-popup-section .field-form [type=submit] .button-text {
        display: none
    }
}

@media(min-width: 992px) {
    .newsletter-popup-section .field-form [type=submit] svg {
        display: none
    }
}

.newsletter-popup-section .field-form-description {
    font-size: 1.2rem;
    color: rgba(var(--text-color), 0.7);
    margin-top: 1.2rem
}

.newsletter-popup-section .heading>*,
.newsletter-popup-section .description>* {
    margin: 0
}

.newsletter-popup-section .sub-heading {
    font-size: 1.2rem;
    line-height: 1.33;
    letter-spacing: .1em;
    color: rgba(var(--text-color), 0.7)
}

.newsletter-popup-section .message {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

@media(min-width: 768px) {
    .newsletter-popup-section .message {
        margin-left: 6rem;
        margin-right: 6rem
    }
}

@media(min-width: 992px) {
    .newsletter-section .newsletter-inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 2.8rem
    }
}

.newsletter-section .newsletter-inner .info-newsletter,
.newsletter-section .newsletter-inner .field-wrapper,
.newsletter-section .newsletter-inner .description {
    width: 100%
}

@media(min-width: 1600px) {

    .newsletter-section .newsletter-inner .info-newsletter,
    .newsletter-section .newsletter-inner .field-wrapper,
    .newsletter-section .newsletter-inner .description {
        min-width: 45.2rem
    }
}

@media(max-width: 991px) {
    .newsletter-section .newsletter-inner {
        padding: 0
    }

    .newsletter-section .newsletter-inner .info-newsletter {
        margin-bottom: 1.6rem
    }

    .newsletter-section .newsletter-inner .field-wrapper {
        margin-bottom: 2.4rem
    }
}

.newsletter-section .heading {
    margin-bottom: 1rem;
    max-width: 30rem
}

@media(min-width: 992px) {
    .newsletter-section .description {
        padding-left: 2rem
    }
}

@media(min-width: 1600px) {
    .newsletter-section .description {
        padding-left: 12rem
    }
}

.newsletter-section .description p:last-child {
    margin-bottom: 0
}

.newsletter-section .field-wrapper {
    max-width: 100%;
    position: relative
}

@media(min-width: 992px) {
    .newsletter-section .field-wrapper {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .newsletter-section .field-wrapper.flex-end {
        justify-content: end
    }
}

.newsletter-section .field-wrapper .field-input {
    height: 4.2rem;
    padding: 0 1.6rem;
    width: 57rem;
    max-width: 70%;
    background-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    background-position: center right 1.7rem
}

@media(max-width: 1366px) {
    .newsletter-section .field-wrapper .field-input {
        width: 30rem
    }
}

.newsletter-section .field-wrapper [type=submit] {
    height: 4.4rem;
    margin-left: 1rem;
    padding: 0 2.5rem;
    display: flex;
    align-items: center;
    white-space: nowrap
}

@media(max-width: 991px) {
    .newsletter-section .field-wrapper .field-input {
        max-width: 100%;
        width: 100%
    }

    .newsletter-section .field-wrapper [type=submit] {
        width: 100%;
        margin-top: .8rem;
        margin-left: 0;
        justify-content: center
    }
}

.no-js .no-js-hidden {
    display: none
}

.no-js .lazy-image {
    background-color: rgba(0, 0, 0, 0)
}

.no-js .lazy-image:before {
    content: none
}

.no-js .lazy-image noscript img {
    opacity: 1
}

.no-js .header-section .search-form-header select[name=search-type] {
    padding: 1rem 1.3rem
}

.no-js .swiper .swiper-wrapper {
    overflow: auto
}

.no-js .swiper .product-card:before {
    content: none
}

.no-js .swiper-controls {
    display: none
}

.no-js .slider-section .slider-element .slide-element-inner {
    opacity: 1;
    transform: none
}

.no-js .has-product-filters .filter-form {
    flex-wrap: wrap
}

.no-js .has-product-filters .filter-form>noscript {
    flex: 100% 1 1
}

.no-js .has-product-filters .price-slider {
    display: none
}

.no-js .product-gallery .swiper-wrapper {
    overflow-x: auto;
    white-space: nowrap;
    flex-wrap: nowrap
}

@media(hover: hover) {
    .no-js .product-gallery .media-preview-wrap[data-zoom]:hover .media-preview {
        opacity: 1
    }
}

.no-js .product-gallery .view-media,
.no-js .product-gallery .open-media-fullscreen,
.no-js .product-gallery .swiper-controls,
.no-js .product-gallery .product-thumb-slide {
    display: none
}

.no-js .product-variants {
    display: none !important
}

.no-js .no-js-select-variants {
    margin-bottom: 2rem
}

.no-js .no-js-select-variants select {
    margin-top: 1rem;
    display: block;
    height: 4rem;
    padding: 0 5.5rem 0 1.5rem
}

@media(max-width: 767px) {
    .no-js .footer .ft-blocks-inner .ft-block-content {
        display: block
    }

    .no-js .footer .ft-blocks-inner .ft-block-heading svg {
        display: none
    }
}

.no-js .footer .select-currency {
    margin-right: 1rem
}

.no-js .footer noscript select,
.no-js .footer noscript [type=submit] {
    border-radius: 0;
    min-height: 3.8rem
}

.no-js .footer noscript [type=submit] {
    margin-left: 1rem;
    transition: all .3s ease
}

.no-js .product-target {
    pointer-events: auto
}

.main-page-section {
    padding: 4.4rem 0 6rem 0
}

.main-page-section .title {
    text-align: center;
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 1.3rem
}

.pagination {
    margin: 1rem 0
}

.pagination .pagination-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem
}

.pagination .pagination-list li {
    display: inline-block
}

.pagination .pagination-list li:first-child {
    margin-left: 0
}

.pagination .pagination-list li:last-child {
    margin-right: 0
}

.pagination .pagination-item {
    min-height: 4.4rem;
    min-width: 4.4rem;
    padding: .5rem;
    border-radius: 5rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    font-weight: 700;
    transition: background-color .3s, color .3s;
    color: rgb(var(--text-color))
}

@media(hover: hover) {
    .pagination .pagination-item:hover {
        background-color: rgb(var(--button-bg-color));
        color: rgb(var(--button-text-color))
    }
}

.pagination .pagination-item.current {
    background-color: rgb(var(--button-bg-color));
    color: rgb(var(--button-text-color))
}

.has-product-card .title-wrapper {
    margin-bottom: 4.7rem
}

.has-product-card .title-wrapper .heading {
    line-height: 1.25;
    margin: 0
}

.has-product-card .title-wrapper .sub-heading {
    margin-top: 0;
    line-height: 1.25;
    font-style: italic
}

.has-product-card .title-wrapper p {
    margin-bottom: 0
}

.has-product-card .swiper-slide {
    height: auto
}

@media(max-width: 991px) {
    .has-product-card .title-wrapper {
        margin-bottom: 4.1rem
    }

    .has-product-card:not(.collection-page-section) .grid {
        overflow-x: auto;
        white-space: nowrap;
        flex-wrap: nowrap
    }

    .has-product-card:not(.collection-page-section) .grid .grid-item {
        min-width: 26rem;
        overflow: hidden
    }

    .has-product-card:not(.collection-page-section) .grid .product-title {
        white-space: normal
    }

    .has-product-card .product-card .form-add-to-cart {
        display: none
    }

    .has-product-card .product-card .product-actions {
        top: 1rem;
        right: 1rem
    }

    .has-product-card .product-card .product-actions .product-action {
        opacity: 1;
        visibility: visible
    }

    .has-product-card .product-card .product-actions .product-action.product-quick-view {
        transform: none;
        margin-top: 0
    }

    .has-product-card .product-card .product-actions .product-action.product-quick-view span {
        line-height: 1
    }

    .has-product-card .product-card .product-actions .product-action.product-quick-view svg {
        width: 1.6rem;
        height: 1.6rem
    }
}

.product-card {
    position: relative;
    background-color: rgb(var(--product-card-bg));
    margin-bottom: 6.9rem
}

@media(max-width: 992px) {
    .product-card {
        margin-bottom: 0
    }
}

@media(hover: hover) {
    .product-card:hover .scrolling {
        visibility: hidden
    }
}

.product-card .scrolling-wrapper.scrolling-top .scrolling {
    top: 0
}

.product-card .scrolling-wrapper.scrolling-bottom .scrolling {
    bottom: 0
}

.product-card .scrolling-wrapper.scrolling-ltr .scrolling-animation {
    animation-direction: reverse
}

.product-card .scrolling-wrapper .scrolling {
    position: absolute;
    left: 0;
    background-color: rgb(var(--product-card-text));
    color: rgb(var(--product-card-bg))
}

.product-card .scrolling-wrapper .scrolling-animation {
    animation: scrolling var(--product-card-scrolling-speed, 10s) infinite linear
}

.product-card .scrolling-wrapper .scrolling-inner {
    padding: 0 .4rem
}

.product-card .scrolling-wrapper .scrolling-text {
    height: 4rem;
    font-size: 1.2rem;
    letter-spacing: 1.2px;
    font-weight: 600;
    text-transform: uppercase
}

.product-card .scrolling-wrapper .scrolling-text .percent-number {
    margin-left: 1ch
}

.product-card .scrolling-wrapper .scrolling-text .sale-label {
    padding: .2rem .6rem;
    background-color: hsla(0, 0%, 100%, .1);
    margin-left: 1ch;
    font-size: 1rem;
    letter-spacing: 1px;
    border-radius: 4px
}

.product-card .scrolling-wrapper .scrolling-text svg {
    width: 1.6rem;
    height: 1.6rem;
    margin-left: 1rem;
    color: #f5c567
}

.product-card .scrolling-wrapper .scrolling-text svg path {
    fill: #f5c567
}

.product-card .hover-zoom .product-image img {
    will-change: transform;
    transition: transform .64s ease
}

@media(hover: hover)and (min-width: 992px) {
    .product-card .has-overlay:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        transition-duration: .2s;
        background-color: rgba(var(--overlay-color), 0.4);
        opacity: 0;
        visibility: hidden;
        z-index: 3;
        pointer-events: none
    }

    .product-card:hover .placeholder-svg {
        transform: scale(1.08)
    }

    .product-card:hover .has-overlay:before {
        visibility: visible;
        opacity: .5
    }

    .product-card:hover .hover-zoom .product-image img {
        transform: scale(1.06)
    }
}

.product-card:hover .product-swatches .swatch-selected {
    transform: translate(0);
    opacity: 1;
    visibility: visible
}

.product-card.button-hover-to-show:hover .form-add-to-cart {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.product-card.button-always-show .form-add-to-cart {
    opacity: 1;
    visibility: visible
}

.product-card.button-hidden .form-add-to-cart {
    opacity: 0;
    visibility: hidden;
    display: none
}

.product-card .product-badge {
    position: absolute;
    z-index: 2;
    right: 1.6rem;
    top: 1.2rem
}

.product-card .product-badge .on-sale,
.product-card .product-badge .sold-out {
    color: #fff;
    padding: .4rem .8rem;
    font-size: 63%
}

.product-card .product-badge .on-sale {
    background-color: rgb(var(--sale-label-color))
}

.product-card .product-badge .sold-out {
    background-color: rgb(var(--out-stock-color))
}

.product-card .product-media-wrap {
    position: relative;
    overflow: hidden
}

.product-card .product-media-wrap.no-media {
    background-color: rgba(var(--text-color), 0.15)
}

.product-card .product-media-wrap:hover.has-second-image .product-first-image {
    opacity: 0
}

.product-card .product-media-wrap:hover.has-second-image .product-second-image {
    opacity: 1;
    visibility: visible
}

.product-card .product-media-wrap:hover .placeholder-svg {
    transform: scale(1.05)
}

.product-card .product-media-wrap:hover .has-overlay:before {
    visibility: visible;
    opacity: .5
}

.product-card .product-media-wrap:hover .hover-zoom:not(.has-second-image) img,
.product-card .product-media-wrap:hover .hover-zoom .product-second-image img {
    transform: scale(1.05)
}

.product-card .product-media-wrap.adapt-media.no-media {
    padding-bottom: 100%
}

.product-card .product-media-wrap .product-title {
    margin: 0
}

.product-card .product-media-wrap .product-link {
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0);
    display: flex;
    align-items: center;
    padding: 2rem
}

.product-card .product-media-wrap:focus-within {
    overflow: visible
}

.product-card .product-media-wrap .placeholder-image {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: hidden
}

.product-card .product-media-wrap.loading:after {
    content: "";
    z-index: 5;
    position: absolute;
    border: 3px solid rgb(var(--loading-color));
    border-top-color: rgba(0, 0, 0, 0);
    border-radius: 50%;
    height: 20px;
    width: 20px;
    top: 50%;
    left: 50%;
    animation: circle-loading 500ms infinite linear
}

.product-card .product-second-image {
    pointer-events: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: all .2s;
    z-index: 2
}

.product-card .product-second-image video,
.product-card .product-second-image iframe,
.product-card .product-second-image img {
    height: 100%;
    width: 100%;
    position: relative
}

.product-card .form-add-to-cart {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 5;
    transform: translateY(0);
    opacity: 0;
    visibility: hidden;
    transition: transform .3s ease, opacity .3s ease, visibility .3s ease;
    padding: 0 16px 14px 16px;
    width: 100%;
    background-color: rgb(var(--product-card-bg))
}

@media(max-width: 1199px) {
    .product-card .form-add-to-cart {
        opacity: 1;
        visibility: visible;
        transform: translateY(0)
    }
}

@media(max-width: 992px) {
    .product-card .form-add-to-cart {
        position: static
    }
}

.product-card .form-add-to-cart .quick-add-button,
.product-card .form-add-to-cart .add-to-cart-button,
.product-card .form-add-to-cart .product-quick-view {
    width: 100%;
    height: 4.4rem;
    background-color: rgb(var(--product-card-text))
}

.product-card .form-add-to-cart .quick-add-button:not(.loading),
.product-card .form-add-to-cart .add-to-cart-button:not(.loading),
.product-card .form-add-to-cart .product-quick-view:not(.loading) {
    color: rgb(var(--product-card-bg))
}

.product-card .form-add-to-cart .quick-add-button:not(.loading):before,
.product-card .form-add-to-cart .add-to-cart-button:not(.loading):before,
.product-card .form-add-to-cart .product-quick-view:not(.loading):before {
    background-image: linear-gradient(90deg, transparent, rgba(var(--product-card-bg), 0.3), transparent)
}

.product-card .form-add-to-cart .quick-add-button,
.product-card .form-add-to-cart .product-quick-view,
.product-card .form-add-to-cart noscript .add-to-cart-button {
    height: 4.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    background-color: rgb(var(--product-card-text))
}

.product-card .form-add-to-cart .quick-add-button:not(.loading),
.product-card .form-add-to-cart .product-quick-view:not(.loading),
.product-card .form-add-to-cart noscript .add-to-cart-button:not(.loading) {
    color: rgb(var(--product-card-bg))
}

@media(hover: hover) {
    .product-card .form-add-to-cart:hover .quick-add-box {
        opacity: 1;
        visibility: visible;
        pointer-events: auto
    }

    .product-card .form-add-to-cart:hover .quick-add .add-to-cart-button {
        opacity: 0;
        visibility: hidden;
        transform: translateY(100%)
    }
}

.product-card .quick-add-box {
    padding: 1.5rem;
    text-transform: capitalize;
    text-align: center;
    min-height: 4rem;
    font-weight: 500;
    line-height: normal;
    width: 100%;
    border-radius: 0;
    box-shadow: none;
    background-color: rgba(var(--product-card-text), 0.4);
    color: rgb(var(--product-card-bg));
    border: 0;
    transform: translateY(1rem);
    backdrop-filter: blur(0.5rem);
    transition: all .3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    bottom: 1rem;
    left: 0
}

.product-card .quick-add-box .field-title {
    padding-bottom: 1rem;
    text-transform: uppercase;
    font-size: 1.4rem;
    letter-spacing: .1rem
}

.product-card .quick-add-box .field-swatch {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: .4rem
}

.product-card .quick-add-box .field-swatch+.field-title {
    margin-top: 1rem
}

.product-card .quick-add-box .field-item {
    padding: .6rem;
    background-color: rgba(var(--product-card-text), 0.8);
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 6rem;
    transition: background-color .3s ease;
    position: relative;
    font-size: 1.2rem
}

.product-card .quick-add-box .field-item.loading {
    color: rgba(0, 0, 0, 0)
}

@media(hover: hover) {
    .product-card .quick-add-box .field-item.loading:hover {
        transition: color 0s;
        color: rgba(0, 0, 0, 0)
    }
}

.product-card .quick-add-box .field-item.loading:before {
    content: "";
    z-index: 5;
    position: absolute;
    border: .2rem solid rgb(var(--background-color));
    border-top-color: rgba(0, 0, 0, 0);
    border-radius: 50%;
    height: 1.6rem;
    width: 1.6rem;
    top: 50%;
    left: 50%;
    animation: circle-loading 500ms infinite linear
}

.product-card .quick-add-box .field-item:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: .2rem;
    width: 0;
    background-color: rgb(var(--background-color));
    transition: width .3s ease
}

@media(hover: hover) {
    .product-card .quick-add-box .field-item:hover:not(.soldout) {
        background-color: rgb(var(--product-card-text))
    }
}

.product-card .quick-add-box .selected {
    background-color: rgb(var(--product-card-text))
}

.product-card .quick-add-box .selected:after {
    width: 100%
}

.product-card .quick-add-box .soldout {
    background-color: rgba(var(--product-card-text), 0.6)
}

.product-card .product-card-content {
    padding: 0 1.6rem 1.4rem 1.6rem;
    padding-top: var(--product-card-space)
}

.product-card .product-card-content>* {
    margin-top: .4rem;
    position: relative
}

.product-card .product-card-content a {
    transition: text-decoration-color .8s ease, text-decoration-thickness .8s ease;
    color: rgb(var(--product-card-text));
    text-decoration-line: underline;
    text-decoration-thickness: .1rem;
    text-decoration-color: rgba(0, 0, 0, 0);
    text-underline-offset: .3rem
}

@media(hover: hover) {
    .product-card .product-card-content a:hover {
        text-decoration-color: rgb(var(--product-card-text))
    }
}

.product-card .product-card-content .product-vendor {
    margin-top: 0
}

.product-card .product-card-content .product-vendor .product-vendor-link {
    font-size: 12px;
    text-transform: uppercase;
    color: rgba(var(--product-card-text), 0.8)
}

.product-card .product-actions {
    position: absolute;
    right: 2rem;
    top: 2rem;
    z-index: 5;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.product-card .product-actions .product-action {
    cursor: pointer;
    position: relative;
    border-radius: 5rem;
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: transform .3s ease, opacity .3s ease, visibility .3s ease
}

.product-card .product-actions .product-action:nth-child(1) {
    transform: translateY(0.3rem)
}

.product-card .product-actions .product-action:nth-child(2) {
    transform: translateY(0.6rem)
}

.product-card .product-actions .product-action.active {
    background-color: rgb(var(--text-color));
    color: #fff
}

@media(hover: hover) {
    .product-card .product-actions .product-action:hover {
        background-color: rgb(var(--text-color));
        color: #fff
    }

    .product-card .product-actions .product-action:hover .tooltip {
        transform: translateX(0);
        opacity: 1;
        visibility: visible
    }
}

.product-card .product-actions .product-action+.product-action {
    margin-top: 1rem
}

.product-card .product-actions .tooltip {
    line-height: 2.1
}

.product-card .product-title {
    margin-bottom: 0;
    font-weight: 400;
    color: rgb(var(--text-color));
    font-size: 1.3rem;
    margin-bottom: .5rem
}

.product-card .product-stock-status {
    display: block
}

.product-card .product-swatches {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: .9rem;
    gap: .8rem
}

@media(hover: none), (max-width: 991px) {
    .product-card .product-swatches {
        margin-left: .1rem
    }
}

.product-card .product-swatches.swatch-circle .swatch:before {
    border-radius: 5rem
}

.product-card .product-swatches.swatch-circle .swatch-button {
    border-radius: 0
}

.product-card .product-swatches.swatch-circle .swatch-color {
    border-radius: 5rem
}

.product-card .product-swatches.swatch-circle .swatch-image {
    border-radius: 5rem
}

.product-card .product-swatches.swatch-circle .swatch-image.selected {
    border-radius: 5rem
}

.product-card .product-swatches .swatch {
    width: 2.2rem;
    height: 2.2rem;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all .3s;
    background: var(--swatch--background);
    background-position: var(--swatch-focal-point, center);
    background-size: cover
}

.product-card .product-swatches .swatch:before {
    content: "";
    position: absolute;
    width: 2.2rem;
    height: 2.2rem;
    border: .1rem solid rgba(var(--text-color), 0.1);
    transition: border-color .3s ease
}

.product-card .product-swatches .swatch.selected:before {
    border-color: rgb(var(--text-color))
}

.product-card .product-swatches .swatch-color {
    width: 2.2rem;
    height: 2.2rem
}

.product-card .product-swatches .swatch-color:before {
    border: .1rem solid rgba(var(--text-color), 0.05)
}

.product-card .product-swatches .swatch-color:not(.soldout).dark {
    border: .1rem solid rgba(var(--text-color), 0.03)
}

.product-card .product-swatches .swatch-color:not(.soldout).dark:after {
    background-image: var(--tick-black)
}

.product-card .product-swatches .swatch-color:not(.soldout).swatch-png:after {
    content: none
}

.product-card .product-swatches .swatch-color:not(.soldout):after {
    width: 1rem;
    height: .8rem;
    background-image: var(--tick-white);
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, visibility .3s ease
}

.product-card .product-swatches .swatch-color:not(.soldout).selected:after {
    opacity: 1;
    visibility: visible
}

.product-card .product-swatches .swatch-color.soldout {
    opacity: .5
}

.product-card .product-swatches .swatch-image {
    border: .1rem solid rgba(0, 0, 0, 0);
    transition: border-color .3s ease
}

.product-card .product-swatches .swatch-image.selected {
    border-color: rgba(var(--text-color), 0.8)
}

.product-card .product-swatches .swatch-image.soldout img {
    opacity: .5
}

.product-card .product-swatches .swatch-button {
    width: auto;
    height: auto
}

.product-card .product-swatches .swatch-button:before {
    content: none
}

.product-card .product-swatches .swatch-button.selected {
    transition: text-decoration-color .8s ease, text-decoration-thickness .8s ease;
    text-decoration-line: underline;
    text-decoration-thickness: .1rem;
    text-decoration-color: rgba(var(--text-color), 0.5);
    text-underline-offset: .2rem
}

@media(hover: hover) {
    .product-card .product-swatches .swatch-button.selected:hover {
        text-decoration-color: currentColor
    }
}

.product-card .product-swatches .swatch-button.soldout {
    opacity: .2
}

.product-card .product-swatches .swatch-button.soldout:before,
.product-card .product-swatches .swatch-button.soldout:after {
    content: none
}

.product-card .product-swatches .invalid-color {
    width: auto;
    border: .1rem solid rgb(var(--text-color));
    background-color: rgba(0, 0, 0, 0);
    color: rgb(var(--text-color));
    padding: .8rem
}

.product-card .product-swatches .invalid-color:before,
.product-card .product-swatches .invalid-color:after {
    content: none
}

.product-card .product-swatches .invalid-color .swatch-value {
    font-size: 1.1rem;
    line-height: 1
}

.product-card .product-swatches .invalid-color.selected {
    background-color: rgb(var(--text-color));
    color: rgb(var(--background-color))
}

.product-card .product-swatches .invalid-color .sold-out {
    font-size: 1.1rem;
    line-height: 1;
    margin-left: .3rem
}

.product-card .product-swatches .invalid-color.soldout:after {
    content: none
}

.product-card .product-swatches .soldout:before {
    border-color: rgba(var(--text-color), 0.5)
}

.product-card .product-swatches .soldout:after {
    content: "";
    position: absolute;
    width: 3rem;
    transform: rotate(45deg);
    transform-origin: top left;
    border-top: .1rem solid rgba(var(--text-color), 0.5);
    position: absolute;
    top: 0;
    left: 0
}

.product-card .product-swatches .swatch-selected {
    text-transform: uppercase;
    color: rgb(var(--product-card-text));
    font-weight: 600;
    font-size: 1rem;
    line-height: 1rem;
    padding: .8rem;
    background-color: rgba(var(--product-card-text), 0.05);
    transform: translate(50%);
    transition: transform .2s ease;
    opacity: 0;
    visibility: hidden
}

.product-card .product-price {
    font-size: 1.8rem;
    font-weight: 600;
    /* color: rgb(var(--product-card-text)) */
    color: rgb(231 0 19);
}

.product-card .product-price .price+.regular-price {
    color: rgba(var(--product-card-text), 0.7)
}

.no-margin .product-card {
    margin-bottom: 0
}

.theme-component .popup-message {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .3s ease, visibility .3s ease, transform .3s ease;
    position: fixed;
    bottom: 3rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 1.2rem 2rem;
    z-index: 9999
}

.theme-component .popup-message.message.error-message {
    background: rgba(var(--error-color), 0.2);
    color: rgb(var(--error-color))
}

.theme-component .popup-message.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.product-details-tabs-section .tab-content {
    padding: 0;
    margin: 0
}

.main-product-section .group-image-thumb {
    display: none
}

.main-product-section .main-product {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 1rem
}

.main-product-section .main-product.has-single-media {
    gap: 3.5rem
}

.main-product-section .main-product .product-gallery,
.main-product-section .main-product .product-summary {
    width: 100%
}

.main-product-section .main-product .product-gallery {
    order: -1
}

@media(min-width: 992px) {
    .main-product-section .main-product {
        flex-direction: row
    }

    .main-product-section .main-product .product-gallery[data-id=layout-1] .group-hidden {
        clip: rect(1px, 1px, 1px, 1px);
        position: absolute !important;
        overflow: hidden;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
        word-wrap: normal !important
    }

    .main-product-section .main-product .product-gallery[data-id=layout-1] .swiper-wrapper {
        gap: 2.4rem;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: auto;
        height: auto
    }

    .main-product-section .main-product .product-gallery[data-id=layout-1] .main-item {
        width: calc((100% - 2.4rem)/2);
        height: auto
    }

    .main-product-section .main-product .product-gallery[data-id=layout-1] .main-item:nth-child(3n+1) {
        width: 100%
    }

    .main-product-section .main-product .product-gallery[data-id=layout-1] .main-item:nth-child(3n+1) .media-preview-wrap {
        width: 100%
    }

    .main-product-section .main-product .product-gallery[data-id=layout-1] .main-item:last-child:first-child {
        width: 100%
    }
}

@media(min-width: 992px)and (min-width: 992px) {
    .main-product-section .main-product .product-gallery[data-id=layout-1] .media-preview-wrap {
        min-height: 30rem
    }
}

@media(min-width: 992px) {
    .main-product-section .main-product .product-gallery[data-id=layout-2] .gallery-media {
        display: flex;
        gap: 2.4rem
    }

    .main-product-section .main-product .product-gallery[data-id=layout-2] .product-thumbs-slide {
        position: relative;
        overflow: hidden;
        padding-top: 10.9rem;
        padding-bottom: 10.9rem;
        width: 10.8rem;
        flex-shrink: 0
    }
}

@media(min-width: 992px)and (max-width: 1200px) {
    .main-product-section .main-product .product-gallery[data-id=layout-2] .product-thumbs-slide {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media(min-width: 992px) {
    .main-product-section .main-product .product-gallery[data-id=layout-2] .gallery-thumbs {
        height: calc(800px - 33rem);
        padding-top: 1px
    }

    .main-product-section .main-product .product-gallery[data-id=layout-2] .gallery-thumbs .thumbs-item {
        height: auto !important
    }

    .main-product-section .main-product .product-gallery[data-id=layout-2] .gallery-thumbs .thumbs-item .media-preview-wrap {
        border: .1rem solid rgba(var(--heading-color), 0.3);
        transition: border-color .3s ease
    }

    .main-product-section .main-product .product-gallery[data-id=layout-2] .gallery-thumbs .thumbs-item.swiper-slide-thumb-active .media-preview-wrap {
        border-color: rgb(var(--heading-color))
    }

    .main-product-section .main-product .product-gallery[data-id=layout-2] .gallery-thumbs .thumbs-item:not(.swiper-slide-thumb-active) .media-preview-wrap {
        opacity: .9
    }

    .main-product-section .main-product .product-gallery[data-id=layout-2] .product-main-slide {
        width: calc(100% - 13.2rem)
    }

    .main-product-section .main-product .product-gallery[data-id=layout-2] .swiper-button-prev,
    .main-product-section .main-product .product-gallery[data-id=layout-2] .swiper-button-next {
        padding: 1.8rem .19rem;
        background-color: rgb(var(--background-color));
        color: rgba(var(--text-color), 0.5);
        width: 100%;
        height: 3.2rem;
        border-radius: 0
    }

    .main-product-section .main-product .product-gallery[data-id=layout-2] .swiper-button-prev:hover,
    .main-product-section .main-product .product-gallery[data-id=layout-2] .swiper-button-next:hover {
        color: rgb(var(--text-color))
    }

    .main-product-section .main-product .product-gallery[data-id=layout-2] .swiper-button-prev svg,
    .main-product-section .main-product .product-gallery[data-id=layout-2] .swiper-button-next svg {
        width: 2.1rem
    }

    .main-product-section .main-product .product-gallery[data-id=layout-2] .swiper-button-prev {
        top: 1.9rem;
        left: 0
    }

    .main-product-section .main-product .product-gallery[data-id=layout-2] .swiper-button-next {
        top: calc(100% - 2rem);
        right: 0
    }

    .main-product-section .main-product .product-gallery[data-id=layout-2] .product-gallery .product-thumb-slide {
        margin-top: 1.5rem
    }
}

@media(min-width: 1440px) {
    .main-product-section .main-product .product-gallery[data-id=layout-2] .gallery-thumbs {
        height: calc(800px - 22rem);
        padding-top: 1px
    }
}

@media(min-width: 992px)and (min-width: 992px) {
    .main-product-section .main-product .product-gallery[data-id=layout-2] .product-gallery .product-media-box .product-media-inner {
        display: flex
    }

    .main-product-section .main-product .product-gallery[data-id=layout-2] .product-gallery .product-main-slide {
        order: 2;
        width: calc(100% - 13rem);
        margin-left: 3rem
    }

    .main-product-section .main-product .product-gallery[data-id=layout-2] .product-gallery .product-thumb-slide {
        display: block;
        width: 10rem;
        height: 58rem;
        z-index: 15;
        margin-top: 0
    }
}

@media(min-width: 992px) {
    .main-product-section .main-product .product-gallery .single-media .main-item {
        width: 100%;
        margin-bottom: 0
    }

    .main-product-section .main-product .product-gallery .single-media .media-preview-wrap {
        width: 100%
    }
}

.main-product-section .main-product .recommendations-section .product-card .product-swatches .swatch,
.main-product-section .main-product .complementary-products-container .product-card .product-swatches .swatch,
.main-product-section .main-product .complementary-products-container-mobile .product-card .product-swatches .swatch {
    width: 2.2rem !important;
    height: 2.2rem !important
}

.main-product-section .main-product .recommendations-section .product-card .product-swatches .swatch.swatch-button,
.main-product-section .main-product .complementary-products-container .product-card .product-swatches .swatch.swatch-button,
.main-product-section .main-product .complementary-products-container-mobile .product-card .product-swatches .swatch.swatch-button {
    width: auto !important
}

.main-product-section .product-stock-status {
    font-size: 1.5rem
}

.direction-up .main-product-section .sticky-add-to-cart.active[data-direction=up],
.direction-down .main-product-section .sticky-add-to-cart.active[data-direction=down] {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.main-product-section .sticky-add-to-cart {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background-color: rgb(var(--background-color));
    border-top: .1rem solid rgba(var(--text-color), 0.2);
    transition: all .3s ease;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(100%)
}

.main-product-section .sticky-add-to-cart:not([data-direction]).active {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.main-product-section .sticky-add-to-cart .sticky-add-to-cart-inner {
    min-height: 10rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.main-product-section .sticky-add-to-cart .product-content {
    display: flex;
    align-items: center
}

@media(max-width: 767px) {
    .main-product-section .sticky-add-to-cart .product-content {
        display: none
    }
}

.main-product-section .sticky-add-to-cart .product-content .product-image-wrapper {
    position: relative;
    margin-right: 2.4rem;
    width: 7rem;
    min-width: 7rem
}

.main-product-section .sticky-add-to-cart .product-content .product-image-link.loading:before {
    content: "";
    z-index: 5;
    position: absolute;
    border: 3px solid rgb(var(--loading-color));
    border-top-color: rgba(0, 0, 0, 0);
    border-radius: 50%;
    height: 20px;
    width: 20px;
    top: 50%;
    left: 50%;
    animation: circle-loading 500ms infinite linear
}

.main-product-section .sticky-add-to-cart .product-content .product-image-link.loading img {
    opacity: .4
}

.main-product-section .sticky-add-to-cart .product-content .product-infomation {
    padding: 1rem 1rem 1rem 0
}

.main-product-section .sticky-add-to-cart .product-content .product-infomation .product-title {
    margin: 0;
    font-size: 1.6rem;
    line-height: 2.4rem
}

.main-product-section .sticky-add-to-cart .product-content .product-infomation .product-price {
    font-weight: 600;
    color: rgb(var(--text-color))
}

.main-product-section .sticky-add-to-cart .product-add-to-cart {
    display: flex;
    align-items: center
}

.main-product-section .sticky-add-to-cart .product-add-to-cart .selector-wrapper {
    display: flex
}

@media(max-width: 767px) {
    .main-product-section .sticky-add-to-cart .product-add-to-cart {
        flex-grow: 1
    }

    .main-product-section .sticky-add-to-cart .product-add-to-cart .selector-wrapper {
        display: none
    }

    .main-product-section .sticky-add-to-cart .product-add-to-cart .add-to-cart-button,
    .main-product-section .sticky-add-to-cart .product-add-to-cart .product-buy {
        flex-grow: 1
    }
}

.main-product-section .sticky-add-to-cart .product-add-to-cart .product-variants {
    display: flex;
    align-items: center;
    margin-right: 1rem
}

@media(max-width: 991px) {
    .main-product-section .sticky-add-to-cart .product-add-to-cart .product-variants {
        display: none
    }
}

.main-product-section .sticky-add-to-cart .product-add-to-cart .product-variants .variant-field+.variant-field {
    margin-left: 1rem
}

.main-product-section .sticky-add-to-cart .product-add-to-cart .product-variants .variant-field select {
    height: 4.8rem;
    min-width: 10rem;
    border-radius: .4rem;
    color: rgb(var(--text-color))
}

.main-product-section .sticky-add-to-cart .product-add-to-cart .product-quantity {
    height: 4.8rem;
    margin-right: 1rem
}

.main-product-section .sticky-add-to-cart .product-add-to-cart .product-buy {
    display: flex
}

.main-product-section .sticky-add-to-cart .product-add-to-cart .add-to-cart-button {
    height: 4.8rem;
    min-width: 26rem
}

@media(max-width: 991px) {
    .main-product-section .sticky-add-to-cart .product-add-to-cart .add-to-cart-button {
        min-width: 15rem;
        padding-left: 1rem;
        padding-right: 1rem;
        border-radius: var(--button-radius)
    }
}

.product-gallery .product-main-slide .swiper-pagination {
    margin: 0
}

.product-gallery .product-thumbs-slide .swiper:not(.swiper-initialized) .swiper-wrapper {
    flex-direction: column;
    gap: 1.2rem
}

.product-gallery .product-thumbs-slide .swiper:not(.swiper-initialized) .swiper-slide {
    width: 10.8rem
}

@media(max-width: 991px) {
    .product-gallery .product-thumbs-slide {
        display: none
    }
}

.product-gallery .product-media-box {
    position: relative
}

.product-gallery .product-media-box .swiper-controls {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.product-gallery .product-media-box .swiper-controls .swiper-pagination-custom {
    position: static;
    width: auto
}

.product-gallery .product-media-box .swiper-controls .swiper-button-next,
.product-gallery .product-media-box .swiper-controls .swiper-button-prev {
    position: static;
    transform: none;
    border: 0;
    width: 4.5rem;
    height: 4.5rem;
    background-color: rgba(0, 0, 0, 0)
}

@media(hover: hover) {

    .product-gallery .product-media-box .swiper-controls .swiper-button-next:hover,
    .product-gallery .product-media-box .swiper-controls .swiper-button-prev:hover {
        color: rgb(var(--text-color));
        background-color: rgba(0, 0, 0, 0);
        transform: scale(1.2)
    }
}

.product-gallery .media-loaded[data-model] .view-media {
    display: flex
}

.product-gallery .media-loaded[data-model] .media-preview {
    visibility: visible
}

.product-gallery .media-loaded[data-model] .view-media {
    display: none
}

.product-gallery .media-loaded[data-model]:not([data-image]) .media-preview {
    visibility: hidden
}

.product-gallery .media-loaded[data-model] .media-preview {
    visibility: hidden
}

.product-gallery .media-loaded .view-media {
    display: none
}

.product-gallery .media-loaded .media-content {
    visibility: visible
}

.product-gallery .view-media {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    z-index: 15;
    cursor: pointer;
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: rgb(var(--background-color));
    transition-duration: .2s;
    border: 1px solid #eee
}

.product-gallery .view-media svg {
    height: 2.5rem;
    width: 2.5rem
}

.product-gallery .media-template+.media-preview {
    visibility: hidden
}

.product-gallery .media-content {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    visibility: hidden
}

.product-gallery .media-content iframe,
.product-gallery .media-content video {
    width: 100%;
    height: 100%
}

.product-gallery .media-preview-wrap.active .thumb-view,
.product-gallery .swiper-slide-thumb-active .thumb-view {
    color: rgb(var(--text-color));
    opacity: 1
}

.product-gallery .thumb-view {
    width: 2rem;
    height: 2rem;
    position: absolute;
    right: .5rem;
    top: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: rgb(var(--background-color));
    border: 1px solid #eee;
    opacity: .5;
    transition: opacity .2s ease;
    z-index: 5
}

.product-gallery .thumb-view svg {
    height: 1rem;
    width: 1rem
}

@media(min-width: 992px) {

    .product-gallery .media-preview-wrap.lazy-image .swiper-lazy,
    .product-gallery .media-preview-wrap.lazy-image .swiper-lazy-preloader {
        display: none
    }
}

@media(max-width: 991px) {
    .product-gallery .media-preview-wrap.lazy-image .media-preview.no-js-hidden {
        display: none
    }
}

.product-gallery .media-preview-wrap {
    position: relative;
    cursor: pointer;
    background-repeat: no-repeat;
    border: 1px solid rgba(18, 18, 18, .05);
    padding: 0;
    height: 100%;
    width: 100%
}

.product-gallery .media-preview-wrap:not(.lazy-image) {
    background-color: rgba(0, 0, 0, 0)
}

@media(hover: hover) {
    .product-gallery .media-preview-wrap[data-zoom].loading:hover .media-preview {
        opacity: .3
    }

    .product-gallery .media-preview-wrap[data-zoom].loading:hover:before {
        content: "";
        z-index: 5;
        position: absolute;
        border: 3px solid rgb(var(--loading-color));
        border-top-color: rgba(0, 0, 0, 0);
        border-radius: 50%;
        height: 20px;
        width: 20px;
        top: 50%;
        left: 50%;
        animation: circle-loading 500ms infinite linear
    }

    .product-gallery .media-preview-wrap[data-zoom].zooming:hover .media-preview {
        opacity: 0
    }

    .product-gallery .media-preview-wrap:hover .open-media-fullscreen {
        opacity: 1;
        visibility: visible
    }
}

.product-gallery .media-preview-wrap[data-external_video],
.product-gallery .media-preview-wrap[data-video],
.product-gallery .media-preview-wrap[data-model] {
    height: 100%;
    width: 100%;
    aspect-ratio: 1/1
}

.product-gallery .shopify-model-viewer-ui,
.product-gallery model-viewer {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute
}

.product-gallery .product-model {
    display: block
}

.product-gallery .product-xr-button {
    display: none
}

.product-gallery model-viewer {
    border: 1px solid rgba(18, 18, 18, .05)
}

.product-gallery [loaded=true] .view-media {
    display: none
}

.product-gallery .modal-toggle-button {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 50;
    cursor: pointer
}

.product-gallery .open-media-fullscreen {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    pointer-events: none;
    width: 3.6rem;
    height: 3.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition-duration: .2s;
    background-color: rgb(var(--background-color));
    border-radius: 5rem;
    color: rgb(var(--text-color));
    border: .1rem solid rgba(var(--text-color), 0.3)
}

@media(max-width: 991px) {
    .product-gallery .open-media-fullscreen {
        opacity: 1;
        visibility: visible
    }
}

.product-gallery .open-media-fullscreen svg {
    width: 1.8rem;
    height: 1.8rem
}

.product-gallery .media-template {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.product-gallery .media-preview {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1/1
}

.product-gallery .media-zoom {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 15;
    cursor: pointer;
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.product-gallery .product-description {
    padding-top: 56px
}

.product-gallery .product-description p {
    margin: 0 0 .6rem
}

.product-gallery .product-description ul,
.product-gallery .product-description ol {
    list-style-position: inside;
    padding: 0
}

@media(min-width: 992px) {
    .product-gallery .product-description .description-new {
        margin: 0 120px
    }
}

.product-gallery .product-description .two-column-image {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 1.2rem;
    width: 100%
}

.product-gallery .product-description .hello-image {
    display: flex;
    flex-direction: column
}

.product-gallery .product-description .hello-image .text-image {
    display: block;
    margin-top: 1.6rem;
    font-size: 1.2rem;
    letter-spacing: 1.2px;
    text-transform: uppercase
}

.product-gallery .recommendations-section,
.product-gallery .recently-viewed-section {
    padding-top: 5.6rem
}

.product-gallery .recommendations-section+.complementary-products-container,
.product-gallery .recently-viewed-section+.complementary-products-container {
    padding-top: 0
}

.product-gallery .complementary-products-container {
    padding-top: 5.6rem
}

.product-gallery .complementary-products-container+.recommendations-section {
    padding-top: 0
}

.product-summary {
    margin: 0 auto 2rem auto
}

.product-summary .product-summary-inner.text-left .product-information .info-name {
    min-width: 9.5rem
}

.product-summary .product-summary-inner.text-right .collapsible-tab .accordion-caret {
    order: -1
}

.product-summary .product-summary-inner.text-right .variant-field {
    justify-content: flex-end
}

.product-summary .product-summary-inner.text-right .variant-button .field-value+.field-label {
    margin-right: 0;
    margin-left: 1rem
}

.product-summary .product-summary-inner.text-right .product-share .social-media-list li {
    margin-right: 0;
    margin-left: 1rem
}

.product-summary .product-summary-inner.text-right .countdown-time {
    justify-content: flex-end
}

.product-summary .product-summary-inner.text-right .pickup-availability .pickup-availability-info {
    justify-content: flex-end
}

.product-summary .product-summary-inner.text-center .variant-field {
    justify-content: center
}

.product-summary .product-summary-inner.text-center .countdown-time {
    justify-content: center
}

.product-summary .product-summary-inner.text-center .countdown-time .field-title {
    min-width: auto;
    margin-right: 1rem
}

.product-summary .product-summary-inner.text-center .pickup-availability .pickup-availability-info {
    justify-content: center
}

.product-summary .summary-item:empty {
    display: none
}

.product-summary .sale-total {
    background-color: rgba(var(--text-color), 0.05);
    padding: .6rem 1.5rem;
    font-size: 80%
}

.product-summary .tax-note {
    margin-top: 1rem
}

.product-summary .product-title {
    margin: 0
}

.product-summary .product-price .regular-price+.price {
    color: rgb(var(--sale-label-color))
}

.product-summary .short_description .short-content {
    height: 7.7rem;
    margin: 0;
    overflow: hidden;
    position: relative
}

.product-summary .short_description .short-content:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5rem;
    background: linear-gradient(to bottom, rgba(var(--background-color), 0.4) 0%, rgba(var(--background-color), 1) 100%)
}

.product-summary .short_description .short-content.no-read-more-btn {
    height: auto
}

.product-summary .short_description .short-content.no-read-more-btn:after {
    content: none
}

.product-summary .short_description .full-content {
    height: auto;
    overflow: auto
}

.product-summary .short_description .full-content {
    display: none
}

.product-summary .short_description .read-more-btn {
    font-weight: 600;
    text-transform: capitalize;
    cursor: pointer
}

.product-summary .product-description ul,
.product-summary .product-description ol {
    list-style-position: inside;
    padding: 0
}

.product-summary .product-description .hello-image {
    display: flex;
    flex-direction: column
}

.product-summary .product-information .info-item {
    line-height: 1.7
}

.product-summary .product-information .info-name {
    font-weight: 500;
    display: inline-block;
    text-transform: uppercase;
    color: rgb(var(--text-color));
    font-size: 1.2rem;
    margin-right: .5rem
}

.product-summary .product-information a {
    color: rgb(var(--text-color))
}

@media(hover: hover) {
    .product-summary .product-information a:hover {
        color: rgb(var(--text-color))
    }
}

.product-summary [data-type=add-to-cart-form].disabled .product-quantity,
.product-summary [data-type=add-to-cart-form].disabled [name=add],
.product-summary [data-type=add-to-cart-form].disabled .shopify-payment-button {
    pointer-events: none;
    opacity: .5
}

.product-summary .variant-picker {
    padding-top: 3.2rem;
    margin-bottom: 3.2rem;
    border-bottom: .1rem solid rgba(var(--text-color), 0.2);
    border-top: .1rem solid rgba(var(--text-color), 0.2)
}

.product-summary .product-variants .variant-field+.variant-field {
    margin-top: 1.5rem
}

.product-summary .product-variants .field-title {
    font-size: 1.6rem;
    margin-bottom: 1.5rem
}

.product-summary .product-variants .field-wrap-inner {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap
}

.product-summary .selected-value {
    font-weight: 600
}

.product-summary .variant-swatch.swatches-circle .field-button,
.product-summary .variant-swatch.swatches-circle .swatch,
.product-summary .variant-swatch.swatches-circle .swatch img {
    border-radius: 5rem
}

.product-summary .variant-swatch .field-value:focus-visible+.field-label {
    outline: .2rem solid rgba(18, 18, 18, .5);
    outline-offset: .3rem;
    box-shadow: 0 0 0 .3rem #fff, 0 0 .5rem .4rem rgba(18, 18, 18, .3)
}

.product-summary .variant-swatch .field-value:checked+.field-label {
    cursor: default
}

.product-summary .variant-swatch .field-value:checked+.swatch,
.product-summary .variant-swatch .field-value:checked+.field-button {
    border-color: rgba(var(--text-color), 0.8)
}

.product-summary .variant-swatch .field-value:checked+.swatch:after,
.product-summary .variant-swatch .field-value:checked+.field-button:after {
    opacity: 1;
    visibility: visible
}

.product-summary .variant-swatch .field-label {
    line-height: 1;
    cursor: pointer;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: .8rem;
    margin-bottom: 1rem
}

.product-summary .variant-swatch .field-label.invalid-color {
    padding: 1.2rem
}

.product-summary .variant-swatch .field-label.swatch-image,
.product-summary .variant-swatch .field-label.swatch-png {
    padding: 1.9rem
}

.product-summary .variant-swatch .field-label.swatch-image img,
.product-summary .variant-swatch .field-label.swatch-png img {
    max-width: 100%;
    min-height: 100%
}

.product-summary .variant-swatch .field-label:last-of-type {
    margin-right: 0
}

.product-summary .variant-swatch .field-button {
    color: rgb(var(--text-color));
    background-color: rgba(0, 0, 0, 0);
    font-size: 1.4rem;
    transition-duration: .2s;
    white-space: nowrap;
    border: .1rem solid rgba(var(--text-color), 0.1);
    background-color: rgba(var(--text-color), 0.1);
    padding: 1.2rem 1.4rem
}

.product-summary .variant-swatch .swatch {
    background: var(--swatch--background);
    background-position: var(--swatch-focal-point, center);
    border: .1rem solid rgba(var(--text-color), 0.2);
    transition: border-color .3s ease;
    background-size: cover;
    padding: 1.5rem 1.4rem
}

.product-summary .variant-swatch .swatch.swatch-color {
    border-color: rgba(0, 0, 0, 0)
}

.product-summary .variant-swatch .swatch:not(.soldout):after {
    content: "";
    width: 1rem;
    height: .8rem;
    background-image: var(--tick-white);
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, visibility .3s ease
}

.product-summary .variant-swatch .swatch:not(.soldout).swatch-image:after,
.product-summary .variant-swatch .swatch:not(.soldout).swatch-png:after,
.product-summary .variant-swatch .swatch:not(.soldout).invalid-color:after {
    content: none
}

.product-summary .variant-swatch .swatch.dark {
    border: .1rem solid rgba(222, 222, 222, .4)
}

.product-summary .variant-swatch .swatch.dark:after {
    background-image: var(--tick-black)
}

.product-summary .variant-swatch .soldout {
    overflow: hidden;
    opacity: .6
}

.product-summary .variant-swatch .soldout.swatch-color:not(.dark):before {
    background: linear-gradient(to top right, transparent calc(50% - 0.1rem), #ffffff, transparent calc(50% + 0.1rem))
}

.product-summary .variant-swatch .soldout:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top right, transparent calc(50% - 0.1rem), rgb(var(--text-color)), transparent calc(50% + 0.1rem))
}

.product-summary .variant-dropdown .field-value {
    min-width: 15rem;
    height: 5rem;
    border: 0;
    border-radius: var(--button-radius);
    color: rgb(var(--text-color))
}

.product-summary .item-field {
    display: flex;
    gap: 1.3rem
}

.product-summary .product-warning {
    margin-bottom: 1rem
}

.product-summary .product-warning svg {
    vertical-align: -0.4rem
}

.product-summary .product-warning:empty {
    display: none
}

@media(min-width: 992px) {
    .product-summary .quantity {
        width: 10.8rem
    }

    .product-summary .quantity .quantity-button {
        width: 3rem
    }
}

.product-summary .add-to-cart-button {
    padding: 0 3.55rem;
    height: 4.4rem;
    position: relative;
    flex-grow: 1
}

.product-summary .shopify-payment-button {
    margin-top: 1.2rem
}

.product-summary .product-actions .product-action {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    color: rgb(var(--text-color))
}

.product-summary .product-actions .product-action.active .action-icon {
    color: rgb(var(--background-color));
    background-color: rgb(var(--text-color))
}

.product-summary .product-actions .product-action+.product-action {
    margin-left: 2.5rem
}

@media(hover: hover) {
    .product-summary .product-actions .product-action:hover .action-text {
        color: rgb(var(--text-color))
    }
}

.product-summary .product-actions .action-icon {
    margin-right: 1rem;
    width: 3.5rem;
    height: 3.5rem;
    background-color: rgba(var(--text-color), 0.3);
    border-radius: 5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.product-summary .product-actions .action-text {
    font-size: 1.2rem;
    font-weight: 500;
    text-transform: uppercase;
    transition-duration: .2s
}

.product-summary.open {
    position: relative;
    z-index: 999
}

.product-summary.open .product-popup .popup-view {
    opacity: 1;
    visibility: visible
}

.product-summary.open .product-popup .popup-inner {
    transform: translateY(0)
}

.product-summary .product-popup .popup-toggle {
    color: rgb(var(--text-color));
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    padding: 0;
    font-weight: 700;
    font-size: 1.3rem;
    display: flex;
    align-items: center
}

.product-summary .product-popup .popup-toggle svg {
    margin-right: 1rem;
    width: 1.6rem;
    height: 1.6rem
}

.product-summary .product-popup .popup-heading {
    margin-top: 0;
    line-height: 1
}

@media(max-width: 991px) {
    .product-summary .product-popup .popup-heading {
        font-size: 3rem
    }
}

.product-summary .product-popup .popup-close {
    width: 1.6rem;
    height: 1.6rem;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute !important;
    color: rgb(var(--text-color));
    background-color: rgba(0, 0, 0, 0);
    border: none;
    right: 2rem;
    top: 2rem
}

.product-summary .product-popup .popup-close svg {
    width: 1.5rem;
    height: 1.5rem
}

.product-summary .product-popup .popup-view {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 100;
    background-color: rgba(var(--overlay-color), 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    transition-duration: .2s
}

.product-summary .product-popup .popup-inner {
    background-color: rgb(var(--background-color));
    width: 70%;
    height: 80%;
    position: relative;
    z-index: 999;
    transition-duration: .2s;
    transform: translateY(5rem)
}

@media(max-width: 991px) {
    .product-summary .product-popup .popup-inner {
        width: 100%;
        height: 100%
    }
}

.product-summary .product-popup .popup-content {
    max-height: 100%;
    overflow: auto;
    padding: 5rem 5rem 3rem
}

@media(max-width: 991px) {
    .product-summary .product-popup .popup-content {
        padding: 4rem 1.5rem 3rem
    }
}

.product-summary .product-popup table {
    width: 100%;
    border: 0
}

.product-summary .product-popup table td,
.product-summary .product-popup table th {
    padding: .6em .8em;
    text-align: center;
    border: 0
}

.product-summary .product-popup table th {
    background-color: rgb(var(--text-color));
    color: rgb(var(--background-color));
    font-weight: 400
}

.product-summary .product-popup table tbody tr:nth-child(odd) {
    background-color: rgba(var(--text-color), 0.8)
}

.product-summary .collapsible-tab+.complementary .product-accordion {
    border-top: 0
}

.product-summary .product-accordion {
    border-bottom: none;
    margin-bottom: 0
}

.product-summary .product-accordion:after {
    content: none
}

.product-summary .product-accordion[open] .accordion-caret .plus {
    display: none
}

.product-summary .product-accordion[open] .accordion-caret .minus {
    display: block
}

.product-summary .product-accordion+.product-accordion {
    border-top: 0
}

.product-summary .product-accordion .accordion-summary {
    display: flex;
    cursor: pointer;
    align-items: center;
    padding: 1.2rem;
    margin-bottom: .4rem;
    background-color: rgba(var(--text-color), 0.1)
}

@media(min-width: 992px) {
    .product-summary .product-accordion .accordion-summary {
        padding: 1.6rem
    }
}

.product-summary .product-accordion .icon-accordion {
    min-width: 2rem;
    margin-right: 1rem
}

.product-summary .product-accordion .accordion-title {
    width: 100%;
    margin: 0;
    text-transform: uppercase;
    font-weight: 600
}

.product-summary .product-accordion .accordion-caret {
    width: 1.2rem;
    height: 1.2rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0
}

.product-summary .product-accordion .accordion-caret .plus {
    display: block
}

.product-summary .product-accordion .accordion-caret .minus {
    display: none
}

.product-summary .product-accordion .accordion-caret svg {
    width: 1.2rem
}

.product-summary .product-accordion .accordion-content {
    padding: 1.6rem
}

.product-summary .product-accordion .accordion-content p:last-child {
    margin-bottom: 0
}

.product-summary .product-accordion .accordion-content:empty {
    display: none
}

.product-summary .product-icon-box .list-item .item {
    display: flex;
    gap: 1.7rem;
    padding: 1.5rem 1.6rem;
    border: .1rem solid rgba(var(--text-color), 0.1)
}

.product-summary .product-icon-box .list-item .item:not(:last-child) {
    border-bottom: none
}

.product-summary .product-icon-box .list-item .item .item-icon {
    position: relative;
    width: 5rem;
    padding: .9rem;
    background-color: rgba(var(--text-color), 0.1)
}

.product-summary .product-icon-box .list-item .item .item-icon svg {
    color: rgb(var(--heading-color))
}

.product-summary .product-icon-box .list-item .item .item-description>* {
    margin: 0
}

.product-summary .product-share .share-button {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    border: 0;
    font-weight: 700;
    font-size: 1.3rem
}

.product-summary .product-share .share-button svg {
    margin-right: 1rem;
    width: 1.6rem;
    height: 1.6rem
}

.product-summary .product-share details {
    position: relative
}

.product-summary .product-share details summary {
    padding: 1rem;
    line-height: 1
}

.product-summary .product-share details .share-content {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: .5rem;
    box-shadow: 0 0 0 .1rem rgba(18, 18, 18, .55);
    background-color: rgb(var(--background-color));
    display: flex;
    align-items: center;
    transition: box-shadow .2s ease
}

.product-summary .product-share details .share-content:focus-within {
    box-shadow: 0 0 0 .2rem rgba(18, 18, 18, .55)
}

.product-summary .product-share details .share-message {
    padding: 0 1rem
}

.product-summary .product-share details .share-message:not(:empty):not(.hidden)~* {
    display: none
}

.product-summary .product-share details .share-field {
    width: 100%
}

.product-summary .product-share details .field-input {
    border: 0;
    padding: .5rem 1rem;
    width: 100%
}

.product-summary .product-share details .field-input:not(:placeholder-shown) {
    padding: 2.2rem 1.5rem .8rem 1rem
}

.product-summary .product-share details .field-label {
    position: absolute;
    left: 1rem;
    pointer-events: none;
    top: .3rem;
    font-size: 1rem
}

.product-summary .product-share details .share-button-copy,
.product-summary .product-share details .share-button-close {
    width: 4.4rem;
    height: 4.4rem;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.product-summary .product-share details .share-button-copy svg,
.product-summary .product-share details .share-button-close svg {
    width: 1.5rem;
    height: 1.5rem
}

@media(hover: hover) {

    .product-summary .product-share details .share-button-copy:hover,
    .product-summary .product-share details .share-button-close:hover {
        opacity: .8
    }
}

.product-summary .product-share details .share-button-close:not(.hidden)+.share-button-copy {
    display: none
}

.product-summary .product-share .social-media-list {
    padding: 0;
    margin: 0;
    list-style: none
}

.product-summary .product-share .social-media-list li {
    display: inline-block;
    margin-right: 1rem
}

.product-summary .product-share .social-media-list a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 5rem
}

.product-summary .product-share .social-media-list svg {
    width: 1.4rem;
    height: 1.4rem;
    transition: color .2s ease-in-out, opacity .2s ease-in-out
}

.product-summary .product-countdown.hide-after-end.hide {
    display: none
}

.product-summary .product-countdown .countdown-title {
    font-size: 1.5rem;
    margin-bottom: 1.4rem
}

.product-summary .product-countdown .time-block {
    display: block;
    position: relative
}

.product-summary .product-countdown .time-block+.time-block:before {
    content: ":";
    font-size: 1.4rem;
    position: absolute;
    top: .7rem;
    left: -1.3rem
}

.product-summary .product-countdown .time-number {
    position: relative
}

.product-summary .product-countdown .time-text {
    margin-top: .4rem;
    display: block;
    text-align: center
}

.product-summary .product-stock-status {
    display: inline-flex;
    align-items: center
}

.product-summary .product-stock-status .availability-icon {
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 5rem;
    margin-right: 1rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: rgb(var(--background-color))
}

.product-summary .product-stock-status .availability-icon svg {
    width: 1rem
}

.product-summary .product-stock-status .icon-tick {
    background-color: rgb(var(--success-color))
}

.product-summary .product-stock-status .icon-close {
    background-color: rgb(var(--error-color))
}

.product-summary .product-stock-status .icon-close svg {
    width: 1.1rem
}

.product-summary .complementary-products-container details:after,
.product-summary .complementary-products-container-mobile details:after,
.product-summary .complementary details:after {
    background-color: rgba(0, 0, 0, 0)
}

.product-summary .complementary-products-container .accordion-content,
.product-summary .complementary-products-container-mobile .accordion-content,
.product-summary .complementary .accordion-content {
    margin-bottom: 0
}

.product-summary .complementary-products-container .accordion-caret .minus svg,
.product-summary .complementary-products-container-mobile .accordion-caret .minus svg,
.product-summary .complementary .accordion-caret .minus svg {
    transform: rotate(180deg)
}

.product-summary .complementary-products-container .complementary-card,
.product-summary .complementary-products-container-mobile .complementary-card,
.product-summary .complementary .complementary-card {
    display: flex;
    position: relative;
    gap: 1.5rem
}

.product-summary .complementary-products-container .complementary-card+.complementary-card,
.product-summary .complementary-products-container-mobile .complementary-card+.complementary-card,
.product-summary .complementary .complementary-card+.complementary-card {
    margin-top: 1.5rem
}

.product-summary .complementary-products-container .product-url:before,
.product-summary .complementary-products-container-mobile .product-url:before,
.product-summary .complementary .product-url:before {
    content: "";
    inset: 0;
    position: absolute;
    z-index: 1
}

.product-summary .complementary-products-container .card-media-wrapper,
.product-summary .complementary-products-container-mobile .card-media-wrapper,
.product-summary .complementary .card-media-wrapper {
    width: 8rem;
    flex-shrink: 0
}

.product-summary .complementary-products-container .card-media-wrapper .product-badge .on-sale,
.product-summary .complementary-products-container .card-media-wrapper .product-badge .sold-out,
.product-summary .complementary-products-container-mobile .card-media-wrapper .product-badge .on-sale,
.product-summary .complementary-products-container-mobile .card-media-wrapper .product-badge .sold-out,
.product-summary .complementary .card-media-wrapper .product-badge .on-sale,
.product-summary .complementary .card-media-wrapper .product-badge .sold-out {
    position: absolute;
    left: .5rem;
    top: .5rem;
    font-size: 1rem;
    color: rgb(var(--background-color));
    border-radius: .3rem;
    padding: .2rem .3rem
}

.product-summary .complementary-products-container .card-media-wrapper .product-badge .on-sale,
.product-summary .complementary-products-container-mobile .card-media-wrapper .product-badge .on-sale,
.product-summary .complementary .card-media-wrapper .product-badge .on-sale {
    background-color: rgb(var(--sale-label-color))
}

.product-summary .complementary-products-container .card-media-wrapper .product-badge .sold-out,
.product-summary .complementary-products-container-mobile .card-media-wrapper .product-badge .sold-out,
.product-summary .complementary .card-media-wrapper .product-badge .sold-out {
    background-color: rgb(var(--out-stock-color))
}

.product-summary .complementary-products-container .card-media,
.product-summary .complementary-products-container-mobile .card-media,
.product-summary .complementary .card-media {
    position: relative
}

.product-summary .complementary-products-container .card-content .product-price,
.product-summary .complementary-products-container-mobile .card-content .product-price,
.product-summary .complementary .card-content .product-price {
    font-size: 90%;
    margin-top: .5rem;
    margin-bottom: .5rem
}

.product-summary .complementary-products-container .card-content .form-add-to-cart,
.product-summary .complementary-products-container-mobile .card-content .form-add-to-cart,
.product-summary .complementary .card-content .form-add-to-cart {
    position: static;
    z-index: 2
}

.product-summary .complementary-products-container .card-content .form-add-to-cart .submit,
.product-summary .complementary-products-container-mobile .card-content .form-add-to-cart .submit,
.product-summary .complementary .card-content .form-add-to-cart .submit {
    font-size: 90%;
    background: none;
    border: none;
    padding: 0;
    margin-bottom: 0;
    font-weight: normal;
    height: auto;
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    transition: text-decoration-color .8s ease, text-decoration-thickness .8s ease;
    text-decoration-line: underline;
    text-decoration-thickness: .1rem;
    text-decoration-color: rgba(0, 0, 0, 0);
    text-underline-offset: .2rem
}

@media(hover: hover) {

    .product-summary .complementary-products-container .card-content .form-add-to-cart .submit:hover,
    .product-summary .complementary-products-container-mobile .card-content .form-add-to-cart .submit:hover,
    .product-summary .complementary .card-content .form-add-to-cart .submit:hover {
        text-decoration-color: currentColor
    }
}

.product-summary .complementary-products-container .card-content .form-add-to-cart .submit.loading,
.product-summary .complementary-products-container-mobile .card-content .form-add-to-cart .submit.loading,
.product-summary .complementary .card-content .form-add-to-cart .submit.loading {
    color: currentColor
}

.product-summary .complementary-products-container .card-content .form-add-to-cart .submit.loading:before,
.product-summary .complementary-products-container-mobile .card-content .form-add-to-cart .submit.loading:before,
.product-summary .complementary .card-content .form-add-to-cart .submit.loading:before {
    content: none
}

.product-summary .complementary-products-container .card-content .form-add-to-cart .submit.loading:after,
.product-summary .complementary-products-container-mobile .card-content .form-add-to-cart .submit.loading:after,
.product-summary .complementary .card-content .form-add-to-cart .submit.loading:after {
    content: "";
    border: .2rem solid currentColor;
    border-top-color: rgba(0, 0, 0, 0);
    border-radius: 50%;
    height: 1.3rem;
    width: 1.3rem;
    animation: circle-loading-inline 500ms infinite linear
}

.product-summary .complementary-products-container .swiper-controls,
.product-summary .complementary-products-container-mobile .swiper-controls,
.product-summary .complementary .swiper-controls {
    display: flex;
    justify-content: center
}

.product-summary .complementary-products-container .swiper-controls .swiper-button-prev,
.product-summary .complementary-products-container .swiper-controls .swiper-button-next,
.product-summary .complementary-products-container .swiper-controls .swiper-pagination,
.product-summary .complementary-products-container-mobile .swiper-controls .swiper-button-prev,
.product-summary .complementary-products-container-mobile .swiper-controls .swiper-button-next,
.product-summary .complementary-products-container-mobile .swiper-controls .swiper-pagination,
.product-summary .complementary .swiper-controls .swiper-button-prev,
.product-summary .complementary .swiper-controls .swiper-button-next,
.product-summary .complementary .swiper-controls .swiper-pagination {
    position: static;
    transform: none
}

.product-summary .complementary-products-container .swiper-controls .swiper-button-prev,
.product-summary .complementary-products-container .swiper-controls .swiper-button-next,
.product-summary .complementary-products-container-mobile .swiper-controls .swiper-button-prev,
.product-summary .complementary-products-container-mobile .swiper-controls .swiper-button-next,
.product-summary .complementary .swiper-controls .swiper-button-prev,
.product-summary .complementary .swiper-controls .swiper-button-next {
    background: none;
    border: 0
}

@media(max-width: 991px) {

    .product-summary .summary-item.product-recommendation,
    .product-summary .summary-item.complementary {
        padding-top: 2rem
    }

    .product-summary .summary-item.complementary:has(.complementary-products-container-mobile:empty) {
        display: none
    }
}

.product-summary .complementary-products-container-mobile .product-accordion .accordion-summary {
    padding: 0;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0)
}

.product-summary .complementary-products-container-mobile .product-accordion .accordion-content {
    padding: 0
}

.complementary-products-container-mobile details:after,
.complementary-products-container details:after {
    background-color: rgba(0, 0, 0, 0)
}

.complementary-products-container-mobile .accordion-content,
.complementary-products-container .accordion-content {
    margin-bottom: 0
}

.complementary-products-container-mobile .product-accordion,
.complementary-products-container .product-accordion {
    border-bottom: none;
    margin-bottom: 0
}

.complementary-products-container-mobile .product-accordion:after,
.complementary-products-container .product-accordion:after {
    content: none
}

.complementary-products-container-mobile .product-accordion[open] .accordion-caret .plus,
.complementary-products-container .product-accordion[open] .accordion-caret .plus {
    display: none
}

.complementary-products-container-mobile .product-accordion[open] .accordion-caret .minus,
.complementary-products-container .product-accordion[open] .accordion-caret .minus {
    display: block
}

.complementary-products-container-mobile .product-accordion[open] .accordion-caret .minus svg,
.complementary-products-container .product-accordion[open] .accordion-caret .minus svg {
    transform: rotate(180deg)
}

.complementary-products-container-mobile .product-accordion+.product-accordion,
.complementary-products-container .product-accordion+.product-accordion {
    border-top: 0
}

.complementary-products-container-mobile .product-accordion .icon-accordion,
.complementary-products-container .product-accordion .icon-accordion {
    min-width: 2rem;
    margin-right: 1rem
}

.complementary-products-container-mobile .product-accordion .accordion-title,
.complementary-products-container .product-accordion .accordion-title {
    width: 100%;
    margin: 0;
    text-transform: uppercase;
    font-weight: 600
}

.complementary-products-container-mobile .product-accordion .accordion-caret,
.complementary-products-container .product-accordion .accordion-caret {
    width: 1.2rem;
    height: 1.2rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0
}

.complementary-products-container-mobile .product-accordion .accordion-caret .plus,
.complementary-products-container .product-accordion .accordion-caret .plus {
    display: block
}

.complementary-products-container-mobile .product-accordion .accordion-caret .minus,
.complementary-products-container .product-accordion .accordion-caret .minus {
    display: none
}

.complementary-products-container-mobile .product-accordion .accordion-caret svg,
.complementary-products-container .product-accordion .accordion-caret svg {
    width: 1.2rem
}

.complementary-products-container-mobile .product-accordion .accordion-content p:last-child,
.complementary-products-container .product-accordion .accordion-content p:last-child {
    margin-bottom: 0
}

.complementary-products-container-mobile .product-accordion .accordion-content:empty,
.complementary-products-container .product-accordion .accordion-content:empty {
    display: none
}

.product-floated-product-form {
    position: sticky;
    top: 13rem;
    padding: 2.4rem 1.6rem;
    border: .1rem solid rgba(var(--text-color), 0.08);
    box-shadow: 0px 8px 12px 0px rgba(38, 35, 35, .1019607843);
    margin-top: 2.8rem
}

.product-floated-product-form .product-variants {
    padding-top: 2.4rem;
    padding-bottom: 1.3rem;
    margin-bottom: 2.4rem;
    border-bottom: .1rem solid rgba(var(--text-color), 0.2);
    border-top: .1rem solid rgba(var(--text-color), 0.2)
}

.product-floated-product-form .product-price {
    padding: 1rem 0 2.3rem
}

.product-floated-product-form .product-price~.tax-note {
    margin-top: -1.5rem;
    padding-bottom: 2.3rem
}

.complementary-products-container-mobile details:after,
.complementary-products-container details:after {
    background-color: rgba(0, 0, 0, 0)
}

.complementary-products-container-mobile .accordion-content,
.complementary-products-container .accordion-content {
    margin-bottom: 0
}

.complementary-products-container-mobile .accordion-caret .minus svg,
.complementary-products-container .accordion-caret .minus svg {
    transform: rotate(180deg)
}

.complementary-products-container-mobile .complementary-card,
.complementary-products-container .complementary-card {
    display: flex;
    position: relative;
    gap: 1.5rem
}

.complementary-products-container-mobile .complementary-card+.complementary-card,
.complementary-products-container .complementary-card+.complementary-card {
    margin-top: 1.5rem
}

.complementary-products-container-mobile .product-url:before,
.complementary-products-container .product-url:before {
    content: "";
    inset: 0;
    position: absolute;
    z-index: 1
}

.complementary-products-container-mobile .swiper-controls,
.complementary-products-container .swiper-controls {
    display: flex;
    justify-content: center
}

.complementary-products-container-mobile .swiper-controls .swiper-button-prev,
.complementary-products-container-mobile .swiper-controls .swiper-button-next,
.complementary-products-container-mobile .swiper-controls .swiper-pagination,
.complementary-products-container .swiper-controls .swiper-button-prev,
.complementary-products-container .swiper-controls .swiper-button-next,
.complementary-products-container .swiper-controls .swiper-pagination {
    position: static;
    transform: none
}

.complementary-products-container-mobile .swiper-controls .swiper-pagination,
.complementary-products-container .swiper-controls .swiper-pagination {
    width: auto
}

.complementary-products-container-mobile .swiper-controls .swiper-button-prev,
.complementary-products-container-mobile .swiper-controls .swiper-button-next,
.complementary-products-container .swiper-controls .swiper-button-prev,
.complementary-products-container .swiper-controls .swiper-button-next {
    background: none;
    border: 0
}

.complementary-products-container-mobile .swiper-controls .swiper-pagination {
    display: none
}

.heading-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: .1rem solid rgba(var(--text-color), 0.1);
    margin-bottom: 4rem;
    width: 100%
}

.heading-wrapper .arrow-small .swiper-controls .swiper-button-next svg,
.heading-wrapper .arrow-small .swiper-controls .swiper-button-prev svg {
    width: 2.1rem
}

.heading-wrapper.arrow-medium,
.heading-wrapper.arrow-large {
    border-bottom: none
}

.heading-wrapper .collection-head {
    position: relative
}

.heading-wrapper .collection-head .icon {
    margin-left: 2px;
    margin-right: .9rem
}

.heading-wrapper .collection-head:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    background-color: rgb(var(--text-color));
    height: .3rem;
    width: 100%;
    bottom: -1.63rem
}

@media(max-width: 1600px) {
    .heading-wrapper .collection-head:after {
        bottom: -1.7rem
    }
}

.control-banner-product-slider {
    display: flex;
    align-items: center
}

.control-banner-product-slider .swiper-pagination {
    margin-top: 0
}

.control-banner-product-slider .swiper-button-prev,
.control-banner-product-slider .swiper-button-next {
    border-radius: 0;
    border: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0)
}

.control-banner-product-slider .swiper-button-prev svg,
.control-banner-product-slider .swiper-button-next svg {
    width: 5rem;
    height: auto
}

@media(min-width: 992px) {

    .control-banner-product-slider .swiper-button-prev svg,
    .control-banner-product-slider .swiper-button-next svg {
        width: auto
    }

    .control-banner-product-slider .swiper-button-prev path,
    .control-banner-product-slider .swiper-button-next path {
        width: 11.5rem
    }
}

.recipient-form-wrapper {
    margin-bottom: 1.5rem
}

.recipient-form-wrapper .email-input:not(.email-invalid)~.email-valid-message {
    display: none
}

.recipient-form-wrapper .email-valid-message {
    margin-top: 1rem
}

.recipient-form-wrapper .email-valid-message:empty {
    display: none
}

.recipient-form-wrapper .form__message {
    margin-top: 1rem
}

.recipient-form-wrapper .form__message svg {
    width: 1.5rem
}

.recipient-form-wrapper .recipient-checkbox-label {
    display: flex
}

.recipient-form-wrapper .recipient-checkbox-label input[type=checkbox] {
    position: relative;
    border-radius: .4rem;
    min-width: 2rem;
    width: 2rem;
    height: 2rem;
    margin-right: 1rem;
    padding: 0;
    border: .1rem solid rgb(var(--text-color));
    -webkit-appearance: none;
    appearance: none
}

.recipient-form-wrapper .recipient-checkbox-label input[type=checkbox]:before {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.7655 4.39028L4.76552 10.3903C4.73069 10.4251 4.68934 10.4528 4.64381 10.4717C4.59829 10.4905 4.54949 10.5003 4.50021 10.5003C4.45093 10.5003 4.40213 10.4905 4.35661 10.4717C4.31108 10.4528 4.26972 10.4251 4.2349 10.3903L1.6099 7.76528C1.53953 7.69491 1.5 7.59948 1.5 7.49996C1.5 7.40045 1.53953 7.30502 1.6099 7.23465C1.68026 7.16429 1.7757 7.12476 1.87521 7.12476C1.97472 7.12476 2.07016 7.16429 2.14052 7.23465L4.50021 9.59481L10.2349 3.85965C10.3053 3.78929 10.4007 3.74976 10.5002 3.74976C10.5997 3.74976 10.6952 3.78929 10.7655 3.85965C10.8359 3.93002 10.8754 4.02545 10.8754 4.12496C10.8754 4.22448 10.8359 4.31991 10.7655 4.39028Z' fill='black'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    display: block
}

.recipient-form-wrapper .recipient-checkbox-label input[type=checkbox]:checked:before {
    content: ""
}

.recipient-form-wrapper .recipient-fields:not(.open) {
    display: none
}

.recipient-form-wrapper .recipient-fields__field {
    margin-top: 1.5rem
}

.recipient-form-wrapper .recipient-fields__field .field__input {
    border-radius: .4rem
}

.product-modal {
    background-color: #fff;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    cursor: zoom-out
}

.product-modal.is-open {
    visibility: visible;
    opacity: 1;
    z-index: 9999
}

.product-modal .media-modal-toggle {
    background-color: #fff;
    border: .1rem solid rgba(18, 18, 18, .08);
    border-radius: 50%;
    color: rgba(18, 18, 18, .5);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    right: 2rem;
    padding: 1.2rem;
    position: fixed;
    z-index: 2;
    top: 2rem;
    width: 4rem
}

.product-modal .swiper-lazy,
.product-modal .modal-toggle-button {
    display: none
}

.product-modal .media-preview-wrap {
    padding: 0;
    border: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: none
}

.product-modal .media-preview-wrap .media-preview {
    height: 100%;
    width: 100%;
    object-fit: contain
}

.product-modal .shopify-design-mode .product-xr-button[data-shopify-xr-hidden] {
    display: none
}

.product-modal .product-xr-button {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 99;
    border-radius: 0;
    border: .1rem solid rgb(var(--text-color));
    border-left: 0;
    border-right: 0
}

@media(hover: hover) {
    .product-modal .product-xr-button:hover {
        box-shadow: none
    }
}

.product-modal .product-xr-button[data-shopify-xr-hidden] {
    visibility: hidden
}

.product-modal .product-xr-button svg {
    width: 1.4rem
}

.product-modal .product-model {
    display: none;
    position: relative;
    width: 100%;
    height: 80vh;
    padding-top: 10vh
}

.product-modal .product-model.active {
    display: block
}

.product-modal .product-model[loaded=true] .media-preview-wrap {
    display: none
}

.product-modal .product-model .shopify-model-viewer-ui {
    display: block;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.product-modal .product-model model-viewer {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute
}

.product-modal .product-model model-viewer.shopify-model-viewer-ui__disabled {
    background-color: rgba(var(--text-color), 0.2);
    opacity: .3
}

.product-modal .product-model .view-media {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 15;
    cursor: pointer;
    width: 6rem;
    height: 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #fff;
    transition-duration: .2s;
    border: 1px solid #eee
}

.product-modal .product-model .view-media svg {
    width: 2rem;
    height: 2rem
}

.recommendations-section .wrapper-heading,
.recently-viewed-section .wrapper-heading {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 4rem;
    gap: 1rem
}

.recommendations-section .swiper-controls,
.recently-viewed-section .swiper-controls {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.recommendations-section .swiper-controls .swiper-button-prev,
.recommendations-section .swiper-controls .swiper-button-next,
.recently-viewed-section .swiper-controls .swiper-button-prev,
.recently-viewed-section .swiper-controls .swiper-button-next {
    position: static;
    transform: none
}

.recommendations-section .swiper-controls .swiper-button-prev svg,
.recommendations-section .swiper-controls .swiper-button-next svg,
.recently-viewed-section .swiper-controls .swiper-button-prev svg,
.recently-viewed-section .swiper-controls .swiper-button-next svg {
    width: 2.1rem
}

.recommendations-section .swiper-controls .swiper-pagination,
.recently-viewed-section .swiper-controls .swiper-pagination {
    margin: 0
}

@media(max-width: 991px) {

    .recommendations-section .swiper-controls .swiper-pagination,
    .recently-viewed-section .swiper-controls .swiper-pagination {
        display: none
    }
}

.recommendations-section .swiper-controls .swiper-pagination.swiper-pagination-custom,
.recently-viewed-section .swiper-controls .swiper-pagination.swiper-pagination-custom {
    width: auto
}

@media(min-width: 992px) {

    .recommendations-section .grid,
    .recently-viewed-section .grid {
        row-gap: 60px
    }
}

@media(max-width: 991px) {

    .recommendations-section .grid,
    .recently-viewed-section .grid {
        gap: 6rem 1.5rem
    }
}

.product-banner-section .product-card {
    margin-bottom: 0
}

.product-banner-section .banner-wrap {
    position: relative;
    overflow: hidden;
    height: 100%
}

.product-banner-section .banner-wrap img {
    transition: transform .3s ease
}

@media(hover: hover) {

    .product-banner-section .banner-wrap:hover .placeholder-svg,
    .product-banner-section .banner-wrap:hover img {
        transform: scale(1.08)
    }
}

.product-banner-section .banner-url {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 5
}

.product-banner-section .title-wrapper {
    border-bottom: 1px solid #f3f3f3;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1.7rem
}

.product-banner-section .title-wrapper .title {
    font-size: 3rem;
    margin: 0
}

.product-banner-section .title-wrapper .countdown-time-wrap {
    justify-content: flex-start;
    flex-grow: 1;
    margin-left: 7.2rem;
    margin-bottom: 0
}

.product-banner-section .title-wrapper .link-title {
    font-weight: 500;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.product-banner-section .title-wrapper .link-arrow {
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid;
    border-radius: 5rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left: .9rem
}

.product-banner-section .title-wrapper .link-arrow svg {
    width: 1.2rem
}

.product-offer-section .wrapper {
    display: flex;
    align-items: flex-start
}

@media(max-width: 991px) {
    .product-offer-section .wrapper {
        flex-wrap: wrap
    }
}

.product-offer-section .product-offer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 370px;
    width: 370px;
    margin-right: 30px;
    border: .3rem solid #eeece8;
    border-radius: .3rem
}

@media(max-width: 991px) {
    .product-offer-section .product-offer {
        margin: 0 auto
    }
}

@media(hover: hover) {
    .product-offer-section .product-offer:hover .product-actions .product-action {
        opacity: 1;
        visibility: visible
    }

    .product-offer-section .product-offer:hover .product-actions .product-action:nth-child(1),
    .product-offer-section .product-offer:hover .product-actions .product-action:nth-child(2),
    .product-offer-section .product-offer:hover .product-actions .product-action:nth-child(3) {
        transform: translateY(0)
    }

    .product-offer-section .product-offer:hover .product-actions .product-action:nth-child(2) {
        transition-delay: .05s
    }

    .product-offer-section .product-offer:hover .product-actions .product-action:nth-child(3) {
        transition-delay: .08s
    }
}

.product-offer-section .product-offer .product-card {
    margin: 3rem 4.7rem 0 4.7rem
}

.product-offer-section .product-offer .offer-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2.7rem;
    padding: 0 4.7rem
}

.product-offer-section .product-offer .offer-title {
    font-size: 2.4rem;
    font-family: var(--body-font-family);
    margin: 0;
    line-height: 1.2
}

.product-offer-section .product-offer .offer-badge {
    position: relative;
    right: -2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 5rem;
    color: #fff;
    width: 7rem;
    height: 7rem;
    background-color: rgb(var(--sale-label-color));
    text-transform: uppercase
}

.product-offer-section .product-offer .offer-badge .badge-text {
    font-size: 1.2rem;
    line-height: 1
}

.product-offer-section .product-offer .offer-badge .badge-price {
    font-size: 2rem;
    font-weight: 700
}

.product-offer-section .product-offer .product-price {
    font-size: 1.5rem
}

.product-offer-section .product-offer .product-price .regular-price {
    font-size: 1.3rem
}

.product-offer-section .product-offer .product-media-wrap .product-badge,
.product-offer-section .product-offer .product-media-wrap .form-add-to-cart {
    display: none
}

.product-offer-section .product-offer .special-offer-form {
    display: flex;
    justify-content: center;
    margin-top: 1.7rem;
    margin-bottom: 4rem
}

.product-offer-section .product-offer .special-offer-form .add-to-cart-button {
    padding: .5rem 1.5rem
}

.product-offer-section .product-offer .countdown-time-wrap {
    background-color: #fafafa;
    height: 16.7rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.product-offer-section .product-offer .countdown-time {
    justify-content: center
}

.product-offer-section .product-offer .countdown-time .time-number {
    border-radius: .5rem
}

.product-offer-section .title-wrapper {
    border-bottom: 1px solid #f3f3f3;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1.7rem
}

.product-offer-section .title-wrapper .title {
    font-size: 3rem;
    margin: 0
}

.product-offer-section .title-wrapper .link-title {
    font-weight: 500;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.product-offer-section .title-wrapper .link-arrow {
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid;
    border-radius: 5rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left: .9rem
}

.product-offer-section .title-wrapper .link-arrow svg {
    width: 1.2rem
}

.product-offer-section .products {
    flex-grow: 1
}

@media(max-width: 991px) {
    .product-offer-section .products {
        width: 100%;
        margin-top: 5rem
    }
}

.quick-search-open .quick-search {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
    transition: transform .15s, opacity .15s, visibility .15s
}

.quick-search {
    position: fixed;
    inset: 0;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    overflow: hidden;
    background-color: rgb(var(--background-color));
    transform: translateY(1rem);
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25))
}

.quick-search .heading {
    font-size: 2rem;
    margin: 0
}

.quick-search.searching .search-button svg {
    opacity: 0
}

.quick-search.searching .search-button:before {
    content: "";
    z-index: 5;
    position: absolute;
    border: 3px solid rgb(var(--loading-color));
    border-top-color: rgba(0, 0, 0, 0);
    border-radius: 50%;
    height: 20px;
    width: 20px;
    top: 50%;
    left: 50%;
    animation: circle-loading 500ms infinite linear
}

.quick-search .close-button {
    width: 3.2rem;
    height: 3.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(var(--text-color));
    cursor: pointer;
    transition: opacity .3s ease;
    position: absolute;
    top: 2rem;
    right: 2rem;
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    padding: 0
}

@media(max-width: 991px) {
    .quick-search .close-button {
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: auto;
        height: auto
    }

    .quick-search .close-button svg {
        width: 2rem;
        height: 2rem
    }
}

.quick-search .close-button:hover {
    opacity: .6
}

.quick-search .quick-search-container {
    height: 100%;
    display: flex;
    flex-direction: column
}

.quick-search .form-wrapper {
    display: flex;
    align-items: center;
    margin-top: 6rem;
    margin-bottom: 4rem;
    flex-direction: column
}

.quick-search .form-wrapper:focus-within:before {
    background-color: rgba(var(--text-color), 0.5)
}

.quick-search .form-wrapper .search-head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem
}

.quick-search .form-wrapper .search-head .heading {
    font-size: 3rem
}

.quick-search .form-wrapper .search-head .products-found {
    color: #a1a1a1;
    display: inline-flex;
    align-items: center
}

@media(max-width: 991px) {
    .quick-search .form-wrapper {
        position: relative;
        margin: 0
    }

    .quick-search .form-wrapper:before {
        content: "";
        position: absolute;
        left: -5rem;
        right: -5rem;
        bottom: 0;
        height: .1rem;
        background-color: rgba(var(--text-color), 0.1);
        transition: background-color .3s
    }

    .quick-search .form-wrapper .search-head,
    .quick-search .form-wrapper .search-button {
        display: none
    }

    .quick-search .form-wrapper .search-input {
        box-shadow: none;
        border: 0;
        border-radius: 0;
        padding: 0 3rem 0 0;
        height: 6.6rem
    }

    .quick-search .form-wrapper .search-input::-webkit-input-placeholder {
        color: rgba(var(--text-color), 0.8)
    }

    .quick-search .form-wrapper .search-input:-moz-placeholder {
        color: rgba(var(--text-color), 0.8)
    }

    .quick-search .form-wrapper .search-input::-moz-placeholder {
        color: rgba(var(--text-color), 0.8)
    }

    .quick-search .form-wrapper .search-input:-ms-input-placeholder {
        color: rgba(var(--text-color), 0.8)
    }

    .quick-search .form-wrapper .search-input:focus {
        box-shadow: none
    }
}

.quick-search .quick-search-form {
    position: relative;
    width: 64rem;
    max-width: 100%
}

.quick-search .search-input {
    flex-grow: 1;
    background-color: rgba(0, 0, 0, 0);
    color: rgb(var(--text-color));
    visibility: visible;
    width: 100%;
    height: 5.4rem;
    font-size: 1.6rem;
    padding: 1.2rem 6rem 1.2rem 2.4rem;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    border: .2rem solid rgb(var(--text-color));
    border-radius: 5rem
}

.quick-search .search-input:focus {
    box-shadow: 0 0 0 .1rem rgba(var(--text-color), 0.3)
}

.quick-search .search-button {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 7rem;
    border: 0;
    padding: 0;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0);
    color: rgb(var(--text-color))
}

.quick-search .search-button svg {
    width: 2.4rem;
    height: 2.4rem
}

.quick-search .search-body {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    overflow-y: scroll;
    overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.quick-search .search-body::-webkit-scrollbar {
    display: none
}

.quick-search .search-body .search-content {
    width: 100%
}

@media(max-width: 991px) {
    .quick-search .search-body .suggestions-product .swiper-slide {
        width: calc((100% - 15px)/2)
    }
}

.quick-search .search-body .search-layer-first {
    padding-bottom: 4rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center
}

.quick-search .search-body .collection-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    margin-top: 2rem
}

.quick-search .search-body .collection-list a {
    padding: .5rem 2rem;
    display: inline-block;
    border-radius: var(--button-radius);
    color: rgb(var(--text-color));
    background-color: rgb(var(--text-color), 0.08);
    text-decoration: none;
    transition: all .3s
}

.quick-search .search-body .collection-list a:last-of-type {
    margin-right: 0
}

@media(hover: hover) {
    .quick-search .search-body .collection-list a:hover {
        background-color: rgb(var(--text-color));
        color: rgb(var(--background-color))
    }
}

@media(max-width: 991px) {
    .quick-search .search-body {
        padding-top: 3.2rem
    }

    .quick-search .search-body .search-layer-first {
        align-items: flex-start
    }

    .quick-search .search-body .collection-list {
        justify-content: flex-start;
        gap: .8rem
    }

    .quick-search .search-body .collection-list a {
        font-size: 1.2rem;
        padding: .8rem 1.2rem;
        line-height: 1.8
    }
}

.quick-search .badge {
    position: absolute;
    left: 1.5rem;
    bottom: 1.5rem;
    white-space: nowrap;
    color: #fff;
    border-radius: .3rem;
    padding: .5rem .7rem;
    font-size: 80%;
    line-height: 1;
    background-color: rgb(var(--heading-color))
}

.quick-search .product-badge .badge {
    position: static
}

.quick-search .view-more-results {
    display: flex;
    justify-content: center;
    margin-top: 5rem
}

.quick-search .view-more-results .button {
    display: flex;
    align-items: center
}

.quick-search .view-more-results .button svg {
    margin-left: 1rem
}

.quick-search .product-card {
    margin-bottom: 0
}

.quick-search .product-card .product-actions {
    right: 1rem;
    top: 1rem
}

.quick-search .product-card .product-actions .product-action {
    width: 3rem;
    height: 3rem
}

.quick-search .product-card .product-actions .product-action svg {
    width: 1.3rem;
    height: 1.3rem
}

.quick-search .product-card .product-actions .tooltip {
    font-size: 1rem;
    line-height: 1.8
}

.quick-search .product-card .product-title {
    font-size: 1.4rem;
    line-height: 2.1rem
}

.quick-search .product-card .product-price {
    color: rgb(var(--heading-color));
    margin-top: .4rem
}

.quick-search .product-card .add-to-cart-button {
    min-height: 3.6rem;
    font-size: 1.3rem
}

.quick-search .article-card .card-image {
    display: block;
    border-radius: .4rem;
    overflow: hidden
}

.quick-search .article-card .card-image:hover img {
    transform: scale(1.05)
}

.quick-search .article-card .card-image img {
    transition: transform .15s cubic-bezier(0, 0, 0.44, 1.18)
}

.quick-search .article-card .card-title {
    font-size: 1.4rem;
    line-height: 2.1rem;
    margin-top: 1.8rem;
    margin-bottom: 0;
    transition: text-decoration-color .3s ease, text-decoration-thickness .3s ease;
    text-decoration-line: underline;
    text-decoration-thickness: .1rem;
    text-decoration-color: rgba(0, 0, 0, 0);
    text-underline-offset: .4rem
}

@media(hover: hover) {
    .quick-search .article-card .card-title:hover {
        text-decoration-color: rgb(var(--link-color));
        text-decoration-thickness: .2rem
    }
}

.quick-search .article-card .card-info {
    margin-top: .5rem
}

.quick-search .article-card .card-info svg {
    display: none
}

.quick-search .highlight {
    text-decoration: underline
}

.quick-search .swiper:not(.swiper-initialized) .swiper-slide {
    margin-right: 30px
}

.quick-search .swiper-button-next,
.quick-search .swiper-button-prev {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(var(--text-color));
    background-color: rgb(var(--background-color));
    box-shadow: 0 .4rem 1rem rgba(var(--text-color), 0.05)
}

.quick-search .swiper-button-lock {
    visibility: hidden
}

.quick-search .swiper-button-next {
    right: 1rem
}

.quick-search .swiper-button-prev {
    left: 1rem
}

.quick-search .placeholder {
    display: inline-block;
    width: 15rem;
    height: 2.4rem;
    border-radius: .4rem;
    background-color: rgba(var(--text-color), 0.3);
    transition: opacity 1s ease, transform .3s ease;
    position: relative;
    max-width: 100%;
    display: block;
    overflow: hidden
}

.quick-search .placeholder:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
    animation: lazy-loading 1s infinite
}

.quick-search .placeholder-head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem
}

.quick-search .placeholder-head .placeholder {
    width: 12rem;
    max-width: 45%
}

.quick-search .placeholder-content {
    display: flex;
    justify-content: space-between;
    gap: var(--column-gap)
}

@media(max-width: 991px) {
    .quick-search .placeholder-content {
        column-gap: calc(var(--column-gap)/2)
    }
}

.quick-search .placeholder-card {
    width: calc((100% - var(--column-gap)*3)/4);
    flex-shrink: 0
}

@media(max-width: 991px) {
    .quick-search .placeholder-card {
        width: calc((100% - var(--column-gap)/2)/2)
    }
}

.quick-search .placeholder-media {
    padding-bottom: 100%;
    width: 100%;
    margin-bottom: .8rem
}

.quick-search .placeholder-title {
    margin-bottom: .4rem;
    width: 80%
}

.quick-search .placeholder-meta {
    width: 50%
}

.quick-search .search-results {
    padding-bottom: 5rem
}

.quick-search .search-results .search-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3rem
}

@media(max-width: 991px) {
    .quick-search .search-results .search-head {
        margin-bottom: 2rem
    }
}

@media(max-width: 991px) {
    .quick-search .search-results .main-content {
        gap: calc(var(--column-gap)/2)
    }
}

.quick-search .no-results {
    text-align: center
}

.theme-component #shopify-section-quickview {
    display: none
}

.quick-view-open {
    overflow: hidden;
    padding-right: var(--scrollbar-width, 0)
}

.quick-view-open .quick-view {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.quick-view-open .quick-view .quick-view-inner {
    transform: translateY(0)
}

.quick-view {
    z-index: 1000;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(var(--overlay-color), 0.4);
    transition-duration: .3s
}

.quick-view.loading .quick-view-inner:before {
    content: "";
    z-index: 5;
    position: absolute;
    border: 3px solid rgb(var(--loading-color));
    border-top-color: rgba(0, 0, 0, 0);
    border-radius: 50%;
    height: 20px;
    width: 20px;
    top: 50%;
    left: 50%;
    animation: circle-loading 500ms infinite linear
}

.quick-view.loading .quick-view-content {
    opacity: 0;
    visibility: hidden
}

.quick-view .quick-view-inner {
    background-color: rgb(var(--background-color));
    width: 100%;
    transform: translateY(5rem);
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    border-radius: .6rem;
    transition: opacity .3s, visibility .3s, transform .3s
}

@media(min-width: 1054px) {
    .quick-view .quick-view-inner {
        width: 1000px;
        height: 64.2rem;
        max-width: 80vw;
        max-height: 90vh
    }
}

@media(max-width: 1053px) {
    .quick-view .quick-view-inner {
        margin: 15px;
        height: calc(100% - 30px);
        width: calc(100% - 30px)
    }
}

@media(hover: hover) {
    .quick-view .quick-view-inner:hover .quick-view-close {
        opacity: 1;
        visibility: visible;
        transform: translate(0, 0)
    }
}

.quick-view .quick-view-close {
    border: .1rem solid rgba(var(--text-color), 0.8);
    color: rgb(var(--text-color));
    background-color: rgb(var(--background-color));
    border-radius: 5rem;
    padding: .7rem;
    position: absolute;
    right: 1.5rem;
    top: 1.5rem;
    cursor: pointer;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    transition-duration: .3s;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-0.5rem)
}

.quick-view .quick-view-close svg {
    width: 1rem;
    height: 1rem
}

@media(max-width: 991px) {
    .quick-view .quick-view-close {
        opacity: 1;
        visibility: visible;
        transform: translateY(0)
    }
}

.quick-view .quick-view-content {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    border-radius: .6rem
}

@media(max-width: 991px) {
    .quick-view .quick-view-content {
        overflow: auto
    }
}

.quick-view .product-gallery {
    position: relative;
    width: 100%
}

@media(min-width: 992px) {
    .quick-view .product-gallery {
        height: 100%;
        width: 50%
    }

    .quick-view .product-gallery .swiper-wrapper {
        display: flex
    }
}

.quick-view .product-gallery .swiper {
    height: 100%
}

.quick-view .product-gallery .media-preview-wrap {
    height: 100%
}

.quick-view .product-gallery .swiper-button-prev,
.quick-view .product-gallery .swiper-button-next {
    width: 3.5rem;
    height: 3.5rem
}

.quick-view .product-gallery .swiper-button-prev svg,
.quick-view .product-gallery .swiper-button-next svg {
    width: 1.3rem;
    height: 1.3rem
}

.quick-view .product-gallery .swiper-button-prev {
    left: 2rem
}

.quick-view .product-gallery .swiper-button-next {
    right: 2rem
}

.quick-view .product-summary {
    padding: 2rem;
    overflow-y: auto;
    margin-bottom: 0
}

@media(min-width: 992px) {
    .quick-view .product-summary {
        padding: 5rem;
        height: 100%;
        width: 50%
    }
}

.quick-view .product-summary .product-summary-inner {
    position: static
}

.quick-view .product-summary .product-sale-label {
    margin-bottom: .5rem
}

.quick-view .product-summary .product-title {
    margin-top: 0;
    margin-bottom: 2.4rem
}

@media(min-width: 992px) {
    .quick-view .product-summary .product-title {
        font-size: 3.6rem;
        line-height: 4rem
    }
}

.quick-view .product-summary .quantity {
    width: 10rem
}

.quick-view .product-summary .quantity .quantity-button {
    width: 2.5rem
}

.quick-view .product-summary .product-price-wrap {
    margin-bottom: 1rem
}

.quick-view .product-summary .product-price {
    font-size: 2.4rem
}

.quick-view .product-summary .product-description {
    font-size: 1.6rem;
    line-height: 2.7rem;
    margin-bottom: 2.4rem
}

.quick-view .product-summary .product-variants {
    margin-bottom: 2.3rem
}

.quick-view .product-summary .product-variants .field-wrap-inner {
    display: inline-flex;
    align-items: center
}

.quick-view .product-summary .product-variants .field-label {
    min-width: 3.6rem;
    min-height: 3.6rem
}

.quick-view .product-summary .product-buy {
    margin-bottom: 2rem
}

.quick-view .product-summary .add-to-cart-button {
    font-size: 1.6rem;
    padding: 1.2rem 3.2rem;
    font-weight: 700;
    margin-bottom: 0
}

.quick-view .product-summary [data-shopify=payment-button] {
    flex: 0 0 100%
}

.quick-view .product-summary .product-share {
    position: relative;
    z-index: 5
}

.richtext-section .rich-text-blocks {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.richtext-section .heading {
    margin: 0;
    position: relative;
    z-index: 5
}

.richtext-section .text * {
    line-height: normal;
    margin: 0
}

@media(max-width: 767px) {
    .richtext-section .text br {
        display: none
    }
}

.richtext-section .button {
    display: inline-block
}

.richtext-section .text-center .button {
    margin: auto
}

.richtext-section .text-right .button {
    margin-left: auto
}

.richtext-section .text-left .button {
    margin-right: auto
}

.scrolling-wrapper .scrolling {
    position: relative;
    z-index: 2;
    display: flex;
    overflow: hidden;
    width: 100%
}

.scrolling-wrapper .scrolling-inner {
    display: flex;
    align-items: center
}

.scrolling-wrapper .scrolling-animation {
    animation: scrolling var(--scrolling-speed, 5s) infinite linear
}

.scrolling-wrapper .scrolling-text {
    display: flex;
    align-items: center;
    white-space: nowrap;
    flex-shrink: 0
}

.scrolling-wrapper .hover-pause:hover .scrolling-animation {
    animation-play-state: paused
}

@keyframes scrolling {
    to {
        transform: translate(-100%)
    }
}

#main-content .shopify-challenge__container {
    min-height: 50vh;
    margin-top: 5rem
}

#main-content .shopify-challenge__container .shopify-challenge__button {
    margin-top: 2rem;
    color: rgb(var(--button-text-color));
    background-color: rgb(var(--button-bg-color))
}

#main-content .shopify-challenge__container .shopify-challenge__button:before {
    background-image: linear-gradient(90deg, transparent, rgba(var(--button-text-color), 0.3), transparent)
}

#main-content .shopify-challenge__container .shopify-challenge__button:not(.sr-only):not(.visually-hidden):not(.add-to-cart-button.loading) {
    font-weight: var(--heading-font-weight);
    font-family: var(--body-font-family);
    position: relative;
    overflow: hidden
}

@media(hover: hover) {
    #main-content .shopify-challenge__container .shopify-challenge__button:not(.sr-only):not(.visually-hidden):not(.add-to-cart-button.loading):hover:before {
        animation: shine .75s cubic-bezier(0.01, 0.56, 1, 1);
        animation-iteration-count: infinite
    }
}

#main-content .shopify-challenge__container .shopify-challenge__button:not(.sr-only):not(.visually-hidden):not(.add-to-cart-button.loading):before {
    position: absolute;
    top: 0;
    left: 150%;
    z-index: 2;
    display: block;
    content: "";
    width: 200%;
    height: 100%;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.shopify-section .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster {
    border-radius: 50%;
    width: 8rem;
    height: 8rem
}

.shopify-section .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster svg {
    width: 8rem;
    height: 8rem
}

[data-shopify=payment-button] .shopify-payment-button__button--branded [role=button] {
    border-radius: var(--button-radius)
}

#shopify-product-reviews .spr-summary .spr-summary-actions-newreview,
#shopify-product-reviews .spr-form .spr-form-actions [type=submit] {
    border-radius: var(--button-radius);
    color: rgb(var(--button-text-color));
    background-color: rgb(var(--button-bg-color));
    border: 0
}

#shopify-product-reviews .spr-summary .spr-summary-actions-newreview,
#shopify-product-reviews .spr-form .spr-form-actions [type=submit] {
    color: rgb(var(--button-text-color));
    background-color: rgb(var(--button-bg-color))
}

#shopify-product-reviews .spr-summary .spr-summary-actions-newreview:before,
#shopify-product-reviews .spr-form .spr-form-actions [type=submit]:before {
    background-image: linear-gradient(90deg, transparent, rgba(var(--button-text-color), 0.3), transparent)
}

#shopify-product-reviews .spr-summary .spr-summary-actions-newreview:not(.sr-only):not(.visually-hidden):not(.add-to-cart-button.loading),
#shopify-product-reviews .spr-form .spr-form-actions [type=submit]:not(.sr-only):not(.visually-hidden):not(.add-to-cart-button.loading) {
    font-weight: var(--heading-font-weight);
    font-family: var(--body-font-family);
    position: relative;
    overflow: hidden
}

@media(hover: hover) {

    #shopify-product-reviews .spr-summary .spr-summary-actions-newreview:not(.sr-only):not(.visually-hidden):not(.add-to-cart-button.loading):hover:before,
    #shopify-product-reviews .spr-form .spr-form-actions [type=submit]:not(.sr-only):not(.visually-hidden):not(.add-to-cart-button.loading):hover:before {
        animation: shine .75s cubic-bezier(0.01, 0.56, 1, 1);
        animation-iteration-count: infinite
    }
}

#shopify-product-reviews .spr-summary .spr-summary-actions-newreview:not(.sr-only):not(.visually-hidden):not(.add-to-cart-button.loading):before,
#shopify-product-reviews .spr-form .spr-form-actions [type=submit]:not(.sr-only):not(.visually-hidden):not(.add-to-cart-button.loading):before {
    position: absolute;
    top: 0;
    left: 150%;
    z-index: 2;
    display: block;
    content: "";
    width: 200%;
    height: 100%;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

[data-shopify=payment-button] .shopify-payment-button__button--unbranded {
    font-weight: var(--heading-font-weight);
    font-family: var(--body-font-family);
    position: relative;
    overflow: hidden;
    color: rgb(var(--button-outline-color));
    border: var(--button-border-width) solid rgba(var(--button-outline-color), var(--button-border-opacity))
}

@media(hover: hover) {
    [data-shopify=payment-button] .shopify-payment-button__button--unbranded:hover:before {
        animation: shine .75s cubic-bezier(0.01, 0.56, 1, 1);
        animation-iteration-count: infinite
    }
}

[data-shopify=payment-button] .shopify-payment-button__button--unbranded:before {
    position: absolute;
    top: 0;
    left: 150%;
    z-index: 2;
    display: block;
    content: "";
    width: 200%;
    height: 100%;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    background-image: linear-gradient(90deg, transparent, rgba(var(--button-outline-color), 0.15), transparent)
}

[data-shopify=payment-button] .shopify-payment-button__button--unbranded {
    color: rgb(var(--text-color)) !important;
    background-color: rgb(var(--background-color)) !important;
    border-color: rgba(var(--text-color), 0.1) !important
}

.shopable-video-section .heading {
    font-size: 3rem;
    margin: 0 0 6rem 0
}

@media(max-width: 991px) {
    .shopable-video-section .heading {
        margin-bottom: 3rem;
        font-size: 2.4rem
    }
}

.shopable-video-section .product-xr-button {
    display: none
}

@media(hover: hover) {

    .shopable-video-section .shopable-wrapper:hover .swiper-button-prev,
    .shopable-video-section .shopable-wrapper:hover .swiper-button-next {
        visibility: visible;
        transform: translate(0, -50%)
    }

    .shopable-video-section .shopable-wrapper:hover .swiper-button-prev:disabled,
    .shopable-video-section .shopable-wrapper:hover .swiper-button-next:disabled {
        opacity: .4;
        pointer-events: auto;
        cursor: default
    }

    .shopable-video-section .shopable-wrapper:hover .swiper-button-prev:not(:disabled),
    .shopable-video-section .shopable-wrapper:hover .swiper-button-next:not(:disabled) {
        opacity: 1
    }
}

.shopable-video-section .shopable-wrapper .swiper-button-prev,
.shopable-video-section .shopable-wrapper .swiper-button-next {
    opacity: 0;
    visibility: hidden;
    transition: all .3s
}

@media(hover: hover) {

    .shopable-video-section .shopable-wrapper .swiper-button-prev:hover:not(:disabled),
    .shopable-video-section .shopable-wrapper .swiper-button-next:hover:not(:disabled) {
        background-color: rgb(var(--text-color));
        color: rgb(var(--background-color))
    }
}

.shopable-video-section .shopable-wrapper .swiper-button-prev {
    left: 1rem;
    transform: translate(0.5rem, -50%)
}

.shopable-video-section .shopable-wrapper .swiper-button-next {
    right: 1rem;
    transform: translate(-0.5rem, -50%)
}

.shopable-video-section .shopable-wrapper .swiper-pagination {
    position: static;
    transform: none;
    margin-top: 2rem;
    display: flex;
    justify-content: center
}

.shopable-video-section .grid-items {
    display: grid;
    gap: var(--grid-column-gap);
    grid-template-columns: repeat(var(--grid-column), minmax(0, 1fr))
}

@media(max-width: 991px) {
    .shopable-video-section .grid-items {
        overflow-x: auto;
        gap: 15px;
        grid-auto-flow: column;
        grid-auto-columns: minmax(27rem, 1fr);
        grid-template-columns: none
    }
}

.shopable-video-section .card-wrapper {
    position: relative
}

.shopable-video-section .card-wrapper .toggle-shopable-popup {
    position: absolute;
    inset: 0
}

.shopable-video-section .card-wrapper .card-media {
    position: relative;
    border-radius: .4rem;
    height: 100%;
    aspect-ratio: var(--aspect-ratio);
    overflow: hidden
}

.shopable-video-section .card-wrapper .card-media video {
    width: 100%;
    height: 100%;
    aspect-ratio: var(--aspect-ratio)
}

.shopable-video-section .product-wrapper {
    background-color: rgb(var(--background-color));
    position: absolute;
    height: 5.6rem;
    bottom: .8rem;
    left: .8rem;
    right: .8rem;
    display: flex;
    align-items: center;
    gap: 1.2rem;
    padding: .4rem;
    border-radius: .4rem
}

.shopable-video-section .product-wrapper .product-image {
    width: 4.8rem;
    aspect-ratio: 1/1;
    border-radius: .2rem;
    flex-shrink: 0;
    overflow: hidden
}

.shopable-video-section .product-wrapper .product-image img {
    height: 100%
}

.shopable-video-section .product-wrapper .product-info {
    width: calc(100% - 6rem);
    padding-right: .4rem;
    font-size: 1.3rem
}

.shopable-video-section .product-wrapper .product-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: normal;
    margin: 0;
    font-size: 100%
}

.shopable-video-section .product-wrapper .product-price {
    font-size: 100%
}

.shopable-popup-open {
    overflow: hidden;
    padding-right: var(--scrollbar-width, 0)
}

.shopable-popup-open .shopable-video-section .shopable-popup {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 999
}

.shopable-popup-open .shopable-video-section .shopable-popup-inner {
    transform: translateY(0);
    opacity: 1;
    visibility: visible
}

.shopable-video-section .shopable-popup {
    background-color: rgb(var(--overlay-color), 0.4);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity .3s, visibility .3s
}

.shopable-video-section .shopable-popup-inner {
    position: relative;
    transform: translateY(2rem);
    transition: transform .3s, opacity .3s, visibility .3s;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%
}

@media(min-width: 992px) {
    .shopable-video-section .shopable-popup-inner {
        width: 80rem;
        height: 60rem;
        max-width: 90%;
        max-height: 90%;
        margin: 0 auto
    }
}

@media(max-width: 991px) {
    .shopable-video-section .shopable-popup-inner {
        display: flex;
        flex-direction: column
    }
}

.shopable-video-section .shopable-item-wrapper {
    width: 100%;
    height: 100%;
    background-color: rgb(var(--background-color));
    display: grid;
    grid-template-columns: 1fr;
    border-radius: .8rem;
    overflow: hidden
}

@media(max-width: 991px) {
    .shopable-video-section .shopable-item-wrapper {
        border-radius: .8rem .8rem 0 0
    }
}

.shopable-video-section .popup-item {
    grid-row-start: 1;
    grid-column-start: 1;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    overflow: hidden;
    display: flex;
    transition: opacity .3s, visibility .3s
}

.shopable-video-section .popup-item.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 5
}

@media(max-width: 767px) {
    .shopable-video-section .popup-item {
        display: grid;
        grid-template-columns: 1fr
    }

    .shopable-video-section .popup-item.shop-now-open.active .media-area {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(2rem)
    }

    .shopable-video-section .popup-item.shop-now-open.active .product-area {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0)
    }
}

.shopable-video-section .media-area,
.shopable-video-section .product-area {
    position: relative;
    width: 50%
}

@media(max-width: 767px) {

    .shopable-video-section .media-area,
    .shopable-video-section .product-area {
        width: 100%;
        grid-row-start: 1;
        grid-column-start: 1
    }
}

.shopable-video-section .media-area {
    overflow: auto
}

@media(max-width: 767px) {
    .shopable-video-section .media-area {
        transform: translateY(0);
        transition: transform .3s, opacity .3s
    }
}

.shopable-video-section .media-area .area-image,
.shopable-video-section .media-area .area-video,
.shopable-video-section .media-area video,
.shopable-video-section .media-area img,
.shopable-video-section .media-area svg {
    height: 100%;
    width: 100%
}

.shopable-video-section .media-area .product-wrapper {
    gap: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    background-color: rgba(0, 0, 0, .5);
    color: #fff
}

@media(min-width: 768px) {
    .shopable-video-section .media-area .product-wrapper {
        display: none
    }
}

.shopable-video-section .media-area .product-wrapper .product-info {
    width: auto;
    flex: 1 1 0;
    overflow: hidden
}

.shopable-video-section .media-area .product-wrapper .product-info .product-title,
.shopable-video-section .media-area .product-wrapper .product-info .regular-price+.price {
    color: currentColor
}

.shopable-video-section .media-area .product-wrapper .product-buy-now-button {
    white-space: nowrap;
    padding: .5rem 1rem;
    text-transform: uppercase;
    background-color: #fff;
    color: #000;
    border-radius: var(--button-radius);
    font-size: 90%
}

.shopable-video-section .product-area {
    padding: 2rem 2rem 0;
    overflow: auto;
    display: flex;
    flex-direction: column
}

@media(max-width: 767px) {
    .shopable-video-section .product-area {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(2rem);
        transition: transform .3s, opacity .3s
    }
}

.shopable-video-section .product-area .hide-product-summary {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0
}

@media(min-width: 992px) {

    .shopable-video-section .product-area .media-preview-wrap.lazy-image .swiper-lazy,
    .shopable-video-section .product-area .media-preview-wrap.lazy-image .swiper-lazy-preloader {
        display: none
    }
}

@media(max-width: 991px) {
    .shopable-video-section .product-area .media-preview-wrap.lazy-image .media-preview.no-js-hidden {
        display: none
    }
}

.shopable-video-section .product-area .swiper-lazy.swiper-lazy-loaded {
    opacity: 1
}

.shopable-video-section .product-media {
    margin-bottom: 2rem
}

.shopable-video-section .product-media .media-preview-wrap {
    padding: 0;
    border: 0;
    border-radius: .4rem
}

.shopable-video-section .product-media .media-loaded[data-model] .view-media {
    display: flex
}

.shopable-video-section .product-media .media-loaded[data-model] .media-preview {
    visibility: visible
}

.shopable-video-section .product-media .media-loaded[data-model] .view-media {
    display: none
}

.shopable-video-section .product-media .media-loaded[data-model]:not([data-image]) .media-preview {
    visibility: hidden
}

.shopable-video-section .product-media .media-loaded[data-model] .media-preview {
    visibility: hidden
}

.shopable-video-section .product-media .media-loaded .view-media,
.shopable-video-section .product-media .media-loaded .media-preview {
    display: none
}

.shopable-video-section .product-media .media-loaded .media-content {
    visibility: visible;
    width: 100%;
    height: 100%
}

.shopable-video-section .product-media .media-loaded .media-content video {
    width: 100%;
    height: 100%
}

.shopable-video-section .product-media .view-media {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 15;
    cursor: pointer;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: rgb(var(--background-color));
    transition-duration: .2s;
    border: .1rem solid #eee
}

.shopable-video-section .product-media .view-media svg {
    height: 1.2rem;
    width: 1.2rem
}

.shopable-video-section .product-media .swiper {
    height: 100%;
    display: flex;
    flex-direction: column
}

.shopable-video-section .product-media .swiper-wrapper {
    min-height: 16rem
}

.shopable-video-section .product-media .swiper-pagination {
    position: static;
    margin-top: 1rem;
    display: flex;
    justify-content: center
}

.shopable-video-section .product-summary {
    margin: 0;
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.shopable-video-section .product-summary .product-title {
    font-size: 2.4rem;
    margin-bottom: .5rem
}

.shopable-video-section .product-summary .product-price {
    font-size: 1.8rem;
    padding: 1rem 0
}

.shopable-video-section .product-summary .product-variants,
.shopable-video-section .product-summary .product-description,
.shopable-video-section .product-summary .view-product-detail {
    margin-bottom: 2rem;
    padding-left: .1rem
}

.shopable-video-section .product-summary .variant-field .swatch {
    width: 3.6rem;
    height: 3.6rem
}

.shopable-video-section .product-summary .variant-field .field-button {
    min-width: 3.6rem;
    min-height: 3.6rem
}

.shopable-video-section .product-summary .view-product-detail {
    display: inline-block;
    text-transform: uppercase
}

.shopable-video-section [data-type=add-to-cart-form] {
    position: sticky;
    bottom: 0;
    background-color: rgb(var(--background-color));
    padding-bottom: 2rem;
    margin-top: auto;
    opacity: 1
}

.shopable-video-section [data-type=add-to-cart-form]:before {
    content: "";
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 100%;
    left: 0;
    height: 25px;
    background-image: linear-gradient(to bottom, rgba(var(--background-color), 0) 0%, rgb(var(--background-color)) 85%);
    pointer-events: none
}

.shopable-video-section [data-type=add-to-cart-form] .add-to-cart-button {
    width: 100%;
    margin: 0
}

.shopable-video-section .popup-controls .arrow-button,
.shopable-video-section .popup-controls .close-button {
    width: 5rem;
    height: 5rem;
    border-radius: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color .3s, color .3s;
    color: rgb(var(--text-color));
    background: rgb(var(--background-color))
}

.shopable-video-section .popup-controls .arrow-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

@media(min-width: 992px) {
    .shopable-video-section .popup-controls .arrow-button {
        color: rgb(var(--background-color));
        background-color: rgba(var(--background-color), 0.4)
    }
}

.shopable-video-section .popup-controls .arrow-button[data-type=prev] {
    left: -8rem
}

.shopable-video-section .popup-controls .arrow-button[data-type=next] {
    right: -8rem
}

.shopable-video-section .popup-controls .arrow-button svg {
    width: 1.6rem;
    height: 1.6rem
}

@media(hover: hover) {
    .shopable-video-section .popup-controls .arrow-button:hover {
        color: rgb(var(--text-color));
        background-color: rgb(var(--background-color))
    }
}

.shopable-video-section .popup-controls .close-button {
    position: absolute;
    right: -5rem;
    top: -5rem
}

@media(min-width: 992px) {
    .shopable-video-section .popup-controls .close-button {
        color: rgba(var(--text-color), 0.6);
        background-color: rgb(var(--background-color))
    }
}

.shopable-video-section .popup-controls .close-button svg {
    width: 2rem;
    height: 2rem
}

@media(hover: hover) {
    .shopable-video-section .popup-controls .close-button:hover {
        color: rgb(var(--text-color))
    }
}

@media(max-width: 991px) {
    .shopable-video-section .popup-controls {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: .5rem;
        padding: 1rem 0
    }

    .shopable-video-section .popup-controls .arrow-button,
    .shopable-video-section .popup-controls .close-button {
        position: static;
        transform: none;
        width: 3.6rem;
        height: 3.6rem
    }
}

.side-cart-open {
    overflow: hidden;
    padding-right: var(--scrollbar-width, 0)
}

.side-cart-open .side-cart {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.side-cart-open .side-cart .side-cart-inner {
    transform: translateX(0)
}

.side-cart {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    background-color: rgba(var(--overlay-color), 0.5);
    transition: all .3s ease
}

.side-cart .side-cart-inner {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 41.7rem;
    max-width: 90%;
    display: flex;
    flex-direction: column;
    background-color: rgb(var(--background-color));
    transform: translateX(100%);
    transition: transform .3s ease
}

@media(max-width: 545px) {
    .side-cart .side-cart-inner {
        max-width: 100%
    }
}

.side-cart .side-cart-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.8rem 2.4rem;
    background-color: rgba(var(--text-color), 0.03)
}

.side-cart .side-cart-title {
    margin: 0;
    font-weight: var(--heading-font-weight);
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: .02em
}

.side-cart .side-cart-close {
    display: inline-flex;
    padding: 0;
    margin-left: 2rem;
    background: none;
    width: 1.6rem;
    height: 1.6rem;
    border: 0;
    color: rgb(var(--text-color))
}

.side-cart .side-cart-content {
    flex-grow: 1;
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: rgb(var(--text-color)) rgba(var(--text-color), 0.1);
    padding: 2.4rem
}

.side-cart .side-cart-content .cart-empty {
    padding: 2.4rem;
    text-align: center
}

@media(max-width: 991px) {
    .side-cart .side-cart-content .cart-empty {
        padding: 0
    }
}

.side-cart .side-cart-content .empty-icon {
    display: inline-block;
    margin-bottom: 1.3rem
}

.side-cart .side-cart-content .empty-title {
    line-height: 1.24;
    margin-top: 0;
    margin-bottom: 2.3rem
}

.side-cart .side-cart-content .empty-text {
    margin-bottom: 2.4rem
}

.side-cart .side-cart-content .empty-text p {
    letter-spacing: .02em;
    margin: 0
}

.side-cart .side-cart-content .empty-collections {
    margin: 0;
    padding: 0;
    list-style: none
}

.side-cart .side-cart-content .empty-collections li:not(:last-child) {
    margin-bottom: .8rem
}

.side-cart .side-cart-content .empty-collections li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.2rem 2.4rem;
    background-color: rgba(var(--text-color), 0.05);
    transition: background-color .5s cubic-bezier(0.3, 1, 0.3, 1)
}

.side-cart .side-cart-content .empty-collections li a span {
    font-size: 1.2rem;
    font-weight: var(--heading-font-weight);
    line-height: 1.33;
    letter-spacing: .1em;
    text-transform: uppercase
}

.side-cart .side-cart-content .empty-collections li a svg {
    width: 1.2rem;
    height: 1rem;
    transition: transform .5s cubic-bezier(0.3, 1, 0.3, 1)
}

.side-cart .side-cart-content .empty-collections li a:hover {
    background-color: rgba(var(--text-color), 0.1)
}

.side-cart .side-cart-content .empty-collections li a:hover svg {
    transform: translateX(5px)
}

.side-cart .side-cart-content .minicart-recommendations {
    margin-top: 4rem
}

.side-cart .side-cart-content .minicart-recommendations:empty {
    display: none
}

.side-cart .side-cart-content .minicart-recommendations .heading-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: .1rem solid rgba(var(--text-color), 0.1);
    margin-top: 0;
    margin-bottom: 1.6rem;
    padding: 1.6rem 0
}

.side-cart .side-cart-content .minicart-recommendations .heading-wrap .heading {
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: .02em;
    margin: 0;
    position: relative
}

.side-cart .side-cart-content .minicart-recommendations .heading-wrap .heading:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    background-color: rgb(var(--text-color));
    height: .3rem;
    width: 100%;
    bottom: -1.63rem
}

.side-cart .side-cart-content .minicart-recommendations .heading-wrap .swiper-controls {
    position: relative;
    display: inline-flex;
    align-items: center;
    z-index: 1
}

.side-cart .side-cart-content .minicart-recommendations .heading-wrap .swiper-controls .swiper-button-prev,
.side-cart .side-cart-content .minicart-recommendations .heading-wrap .swiper-controls .swiper-button-next {
    position: static;
    font-size: 2.4rem;
    transform: none;
    color: rgba(var(--text-color), 0.5);
    border-radius: 0;
    border: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0)
}

.side-cart .side-cart-content .minicart-recommendations .heading-wrap .swiper-controls .swiper-button-prev svg,
.side-cart .side-cart-content .minicart-recommendations .heading-wrap .swiper-controls .swiper-button-next svg {
    width: auto;
    height: auto
}

.side-cart .side-cart-content .minicart-recommendations .heading-wrap .swiper-controls .swiper-button-prev {
    margin-right: .4rem
}

.side-cart .side-cart-content .minicart-recommendations .heading-wrap .swiper-controls .swiper-button-next {
    margin-left: .4rem
}

.side-cart .side-cart-content .minicart-recommendations .heading-wrap .swiper-controls .swiper-pagination {
    margin: 0
}

.side-cart .side-cart-content .minicart-recommendations .product-card .product-card-content {
    padding: .8rem
}

.side-cart .side-cart-content .minicart-recommendations .product-card .product-title {
    font-size: 1.3rem
}

.side-cart .side-cart-content .minicart-recommendations .product-card .product-price {
    font-size: 1.3rem
}

.side-cart .side-cart-content .minicart-recommendations .product-card .form-add-to-cart {
    position: static;
    padding: 0 .8rem .8rem
}

.side-cart .product-item {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-bottom: 3.2rem
}

.side-cart .product-item:last-child {
    margin-bottom: 0
}

.side-cart .product-item.updating {
    pointer-events: none;
    opacity: .5
}

@media(hover: hover) {
    .side-cart .product-item:hover .product-remove {
        opacity: 1
    }
}

.side-cart .product-item .product-url {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0
}

.side-cart .product-item .product-image {
    width: 11rem;
    min-width: 11rem;
    margin-right: 2rem
}

.side-cart .product-item .product-image+.product-info {
    margin-left: 0
}

.side-cart .product-item .product-image img {
    width: 100%
}

.side-cart .product-item .product-image svg {
    border: .1rem solid rgba(18, 18, 18, .3)
}

.side-cart .product-item .product-info {
    flex-grow: 1;
    margin-left: .2rem
}

.side-cart .product-item .product-name {
    margin-top: 0;
    margin-bottom: .5rem;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5
}

.side-cart .product-item .product-name a {
    display: block;
    transition: text-decoration-color .8s ease, text-decoration-thickness .8s ease;
    color: rgb(var(--text-color));
    text-decoration-line: underline;
    text-decoration-thickness: .1rem;
    text-decoration-color: rgba(0, 0, 0, 0);
    text-underline-offset: .3rem
}

@media(hover: hover) {
    .side-cart .product-item .product-name a:hover {
        text-decoration-color: rgb(var(--text-color))
    }
}

.side-cart .product-item .product-options {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: .5rem
}

.side-cart .product-item .product-options:empty {
    display: none
}

.side-cart .product-item .product-options .product-option {
    display: block
}

.side-cart .product-item .bottom-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1rem;
    position: relative;
    gap: .8rem
}

.side-cart .product-item .product-warning {
    padding: 1rem;
    margin-top: 1rem
}

.side-cart .product-item .product-warning svg {
    vertical-align: -0.4rem
}

.side-cart .product-item .product-warning:empty {
    display: none
}

.side-cart .product-item .quantity {
    width: 10rem;
    height: 3.6rem;
    box-shadow: 0 0 0 .1rem rgba(var(--text-color), 0.3)
}

@media(max-width: 991px) {
    .side-cart .product-item .quantity {
        margin-right: 1rem
    }
}

.side-cart .product-item .quantity .quantity-button svg {
    width: 1.2rem
}

.side-cart .product-item .quantity input {
    color: rgb(var(--text-color));
    font-size: 1.6rem;
    opacity: 1;
    font-weight: 400
}

.side-cart .product-item .product-remove {
    display: inline-flex;
    justify-content: center;
    position: relative
}

@media(hover: hover) {
    .side-cart .product-item .product-remove:hover .tooltip {
        transform: translateY(0);
        opacity: 1;
        visibility: visible
    }
}

.side-cart .product-item .product-remove .tooltip {
    display: none;
    transform: translateY(5px);
    right: auto;
    bottom: calc(100% + .8rem)
}

.side-cart .product-item .product-remove .tooltip:before {
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: .3rem;
    border-color: rgb(var(--button-bg-color)) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.side-cart .product-item .product-remove .remove-icon {
    margin-right: .2rem;
    margin-bottom: .5rem;
    color: rgba(var(--text-color), 0.5)
}

.side-cart .product-item .product-remove .remove-icon svg {
    width: 1.2rem;
    height: 1.3rem
}

.side-cart .product-item .product-price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .8rem;
    font-size: 1.4rem;
    color: rgb(var(--text-color));
    white-space: nowrap
}

.side-cart .product-item .product-price .price {
    line-height: 1.2
}

.side-cart .product-item .product-price .price+.regular-price {
    margin-left: 0;
    line-height: 1.2
}

.side-cart .product-item .product-price .unit-price {
    margin-left: 0;
    display: block
}

.side-cart .product-item .discounts {
    list-style: none;
    padding: 0;
    margin: .5rem 0
}

.side-cart .product-item .discounts .discounts-discount {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5
}

.side-cart .product-item .discounts .discounts-discount svg {
    width: 1.6rem;
    margin-right: .8rem
}

.side-cart .side-cart-footer {
    text-align: center;
    z-index: 999
}

.side-cart .side-cart-footer .side-cart-footer-top {
    padding: 1.7rem 2.4rem;
    border-top: .1rem solid rgba(var(--text-color), 0.1)
}

.side-cart .side-cart-footer .side-cart-footer-bottom {
    padding: 2.4rem;
    background-color: rgba(var(--text-color), 0.03)
}

.side-cart .side-cart-footer .mini-cart-header {
    display: flex
}

.side-cart .side-cart-footer .mini-cart-button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    flex-basis: 50%;
    gap: 1.2rem;
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    border: 0
}

.side-cart .side-cart-footer .mini-cart-button svg {
    width: 1.4rem;
    height: 1.4rem;
    z-index: 0;
    pointer-events: none
}

.side-cart .side-cart-footer .mini-cart-button .mini-cart-text {
    font-size: 1.2rem;
    line-height: 1.33;
    letter-spacing: .1em;
    text-transform: uppercase;
    z-index: 0;
    pointer-events: none;
    position: relative
}

.side-cart .side-cart-footer .mini-cart-button .mini-cart-text:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: .1rem;
    background: rgb(var(--text-color));
    transition: width .25s
}

.side-cart .side-cart-footer .mini-cart-button+.mini-cart-button {
    border-left: .1rem solid rgba(var(--text-color), 0.1)
}

.side-cart .side-cart-footer .mini-cart-button:hover .mini-cart-text:before {
    width: 100%
}

.side-cart .side-cart-footer .mini-cart-body {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    padding: 2.4rem 2.4rem 4rem;
    background: rgb(var(--background-color));
    box-shadow: 20px 0 20px rgba(0, 0, 0, .1215686275);
    z-index: 1;
    pointer-events: none;
    border-radius: 0 0 3.2rem 3.2rem;
    transform: translateY(100%);
    transition: transform .6s cubic-bezier(0.7, 0, 0.2, 1);
    text-align: left
}

.side-cart .side-cart-footer .mini-cart-body.open {
    pointer-events: auto;
    transform: translateY(0)
}

.side-cart .side-cart-footer .mini-cart-body .mini-cart-title {
    font-weight: var(--heading-font-weight);
    margin-bottom: 2rem
}

.side-cart .side-cart-footer .mini-cart-body .mini-cart-content .text-area.form-input {
    padding: 1rem 1.5rem;
    min-height: 10rem;
    resize: vertical
}

.side-cart .side-cart-footer #shipping-calculator .form-group label {
    display: block;
    margin: 0 0 .8rem
}

.side-cart .side-cart-footer #shipping-calculator .form-group input[type=text],
.side-cart .side-cart-footer #shipping-calculator .form-group .select__select {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    box-sizing: border-box;
    transition: box-shadow .1s ease;
    cursor: pointer;
    padding: 1.1rem 1.5rem 1rem;
    border: 0;
    text-align: left;
    outline: none;
    border-radius: var(--button-radius);
    min-height: 4.4rem;
    margin-bottom: 2rem;
    box-shadow: 0 0 0 .1rem rgb(var(--text-color))
}

.side-cart .side-cart-footer #shipping-calculator #wrapper-response {
    clear: both;
    color: #8b714a;
    background-color: #fbf8e5;
    padding: 1.4rem 2rem 1.2rem;
    margin-top: 1.5rem
}

.side-cart .side-cart-footer #shipping-calculator #wrapper-response:empty {
    display: none
}

.side-cart .side-cart-footer .sub-total {
    text-align: left;
    margin-bottom: 2.3rem
}

.side-cart .side-cart-footer .sub-total .total-label {
    font-size: 1.6rem;
    font-weight: var(--heading-font-weight);
    color: rgb(var(--text-color));
    display: flex;
    align-items: center;
    justify-content: space-between
}

.side-cart .side-cart-footer .sub-total .cart-amount-saved {
    font-size: 1.4rem;
    color: rgb(var(--sale-price-color));
    margin-bottom: 0
}

.side-cart .side-cart-footer .button {
    width: 100%;
    font-size: 1.6rem;
    font-weight: var(--heading-font-weight);
    padding: .9rem 3.2rem;
    display: block;
    min-height: 4.4rem;
    border-radius: var(--button-radius);
    font-family: var(--body-font-family);
    text-transform: capitalize
}

.side-cart .side-cart-footer .button.apply-button {
    margin-top: .5rem
}

.side-cart .side-cart-footer .button.mini-cart-close {
    margin-top: .8rem;
    background-color: rgba(0, 0, 0, 0)
}

.side-cart .side-cart-footer .go-to-checkout {
    margin-bottom: .8rem
}

.side-cart .mini-cart-overlay {
    background: rgba(var(--background-color), 0.5);
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: .25s all;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 2.4rem 0 0;
    border-radius: 3.2rem;
    z-index: 5
}

.side-cart .mini-cart-overlay.open {
    visibility: visible;
    opacity: 1
}

.cart-progress-bar-wrapper {
    margin-bottom: 3.6rem
}

.cart-progress-bar-wrapper .goal-message {
    font-size: 1.2rem;
    line-height: 1.75
}

.cart-progress-bar-wrapper .cart-progress-bar-container {
    position: relative;
    width: 100%;
    background-color: rgba(var(--text-color), 0.1);
    border-radius: .4rem;
    margin-top: 1.1rem
}

.cart-progress-bar-wrapper .cart-progress-bar-container #cart-progress-bar {
    position: relative;
    display: block;
    width: 100%;
    height: .4rem;
    border-radius: .4rem;
    box-sizing: border-box;
    transition: .9s linear;
    transition-property: width, background-color;
    background-color: rgb(var(--text-color))
}

.slider-section .theme-slider {
    position: relative
}

.slider-section .swiper-slide:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.slider-section .slider-image img,
.slider-section .slider-image .placeholder-svg {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    top: 0
}

.slider-section .button-whole-slide {
    position: absolute;
    z-index: 15;
    inset: 0
}

.slider-section .slider-content {
    position: relative;
    z-index: 10;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 11rem;
    padding-bottom: 11rem
}

.slider-section .slider-content:not(.container) {
    padding-left: 3rem;
    padding-right: 3rem
}

@media(max-width: 767px)and (min-width: 600px) {
    .slider-section .slider-content {
        max-width: 80%
    }
}

@media(max-width: 767px) {
    .slider-section .slider-content .slider-content-inner {
        align-items: center
    }
}

.slider-section .slider-content-inner {
    width: 100%;
    display: flex;
    flex-direction: column
}

@media(max-width: 991px) {
    .slider-section .slider-content-inner.spacing-mobile {
        padding: 0 3rem
    }
}

.slider-section .slider-element {
    overflow: hidden
}

.slider-section .slider-element p:last-child {
    margin-bottom: 0
}

.slider-section .slider-element .slide-element-inner {
    opacity: 0;
    transform: translateY(10rem);
    will-change: transform, opacity;
    transition: opacity .9s, transform .9s cubic-bezier(0.26, 0.54, 0.32, 1) .3s
}

@media(hover: none), (max-width: 991px) {
    .slider-section .slider-element .slide-element-inner {
        opacity: 1;
        transform: translateY(0)
    }
}

.slider-section .slider-element .slide-element-inner * {
    margin: 0;
    margin-bottom: 2rem
}

.slider-section .slider-element.slider-sub-heading .slide-element-inner {
    transition-delay: .1s
}

.slider-section .slider-element.slider-heading .slide-element-inner {
    transition-delay: .3s
}

@media(min-width: 992px) {

    .slider-section .slider-element.slider-heading .slide-element-inner h1,
    .slider-section .slider-element.slider-heading .slide-element-inner .h1 {
        font-size: calc(var(--h1-font-size)*var(--font-scale))
    }

    .slider-section .slider-element.slider-heading .slide-element-inner h2,
    .slider-section .slider-element.slider-heading .slide-element-inner .h2 {
        font-size: calc(var(--h2-font-size)*var(--font-scale))
    }

    .slider-section .slider-element.slider-heading .slide-element-inner h3,
    .slider-section .slider-element.slider-heading .slide-element-inner .h3 {
        font-size: calc(var(--h3-font-size)*var(--font-scale))
    }

    .slider-section .slider-element.slider-heading .slide-element-inner h4,
    .slider-section .slider-element.slider-heading .slide-element-inner .h4 {
        font-size: calc(var(--h4-font-size)*var(--font-scale))
    }

    .slider-section .slider-element.slider-heading .slide-element-inner h5,
    .slider-section .slider-element.slider-heading .slide-element-inner .h5 {
        font-size: calc(var(--h5-font-size)*var(--font-scale))
    }

    .slider-section .slider-element.slider-heading .slide-element-inner h6,
    .slider-section .slider-element.slider-heading .slide-element-inner .h6 {
        font-size: calc(var(--h6-font-size)*var(--font-scale))
    }
}

.slider-section .slider-element.slider-description .slide-element-inner {
    transition-delay: .5s
}

.slider-section .slider-element.slider-description .slide-element-inner * {
    margin-bottom: 3rem
}

.slider-section .slider-element.slider-button .slide-element-inner {
    transition: opacity 1s;
    transition-delay: 1s
}

.slider-section .swiper-slide-ready .slide-element-inner {
    opacity: 1;
    transform: translateY(0)
}

.slider-section .slider-heading {
    line-height: normal
}

.slider-section .slider-button {
    padding: .2rem 0
}

.slider-section .slider-button:focus-within {
    overflow: visible
}

.slider-section .slider-button .button {
    padding: 1.2rem 3.2rem;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.slider-section .swiper-button-prev,
.slider-section .swiper-button-next {
    transform: scale(1);
    transition: transform .3s ease;
    width: 4rem;
    height: 4rem;
    background-color: rgb(var(--background-color));
    color: rgb(var(--text-color))
}

.slider-section .swiper-button-prev.disabled,
.slider-section .swiper-button-prev:disabled,
.slider-section .swiper-button-next.disabled,
.slider-section .swiper-button-next:disabled {
    filter: none
}

.slider-section .swiper-button-prev:focus-visible,
.slider-section .swiper-button-next:focus-visible {
    z-index: 10 !important
}

.slider-section .swiper-pagination.swiper-pagination-vertical {
    display: flex;
    position: absolute;
    flex-direction: column;
    right: 6.8rem;
    margin-top: 0
}

.slider-section .swiper-button-prev,
.slider-section .swiper-rtl .swiper-button-next {
    left: auto;
    right: 0
}

.slider-section .swiper-button-prev,
.slider-section .swiper-button-next {
    right: 0;
    border-radius: 0;
    border: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    transform: rotate(90deg)
}

.slider-section .swiper-button-prev path,
.slider-section .swiper-button-next path {
    width: 11.5rem
}

.slider-section .swiper-button-prev {
    top: -13px
}

.slider-section .swiper-button-next {
    top: 88px
}

.slider-section .swiper-controls {
    position: absolute;
    width: 40px;
    height: 112px;
    top: calc(50% - 56px);
    right: 52px;
    display: flex;
    align-items: stretch
}

@media(max-width: 991px) {
    .slider-section .swiper-controls {
        width: 100%;
        height: 40px;
        left: 0;
        right: 0
    }

    .slider-section .swiper-button-prev,
    .slider-section .swiper-button-next {
        transform: none;
        top: 0
    }

    .slider-section .swiper-button-prev:hover,
    .slider-section .swiper-button-prev:focus,
    .slider-section .swiper-button-next:hover,
    .slider-section .swiper-button-next:focus {
        background-color: rgba(var(--background-color), 0.3)
    }

    .slider-section .swiper-button-prev {
        left: 0
    }
}

.slider-section .slider-html {
    position: absolute;
    width: 100%;
    padding-bottom: 7rem;
    bottom: 0;
    left: 0;
    z-index: 10
}

@media(max-width: 991px) {
    .slider-section .slider-html {
        padding-bottom: 4rem
    }

    .slider-section .slider-html .container {
        padding-right: 0
    }
}

.slider-section .slider-html .custom-html-slider {
    display: grid;
    gap: 2.7rem;
    grid-auto-rows: 1fr;
    grid-template-areas: "aa aa aa";
    grid-template-columns: repeat(3, 1fr)
}

.slider-section .slider-html .custom-html-slider .slider-html-item {
    border-top: .1rem solid rgb(var(--text-color))
}

@media(max-width: 991px) {
    .slider-section .slider-html .custom-html-slider .slider-html-item {
        min-width: 32rem
    }

    .slider-section .slider-html .custom-html-slider .slider-html-item p {
        white-space: normal
    }
}

@media(max-width: 991px) {
    .slider-section .slider-html .custom-html-slider {
        display: flex;
        overflow-x: auto;
        white-space: nowrap;
        flex-wrap: nowrap
    }
}

.direction-up .sticky-toolbar-mobile-section .toolbar-outer[data-direction=up] {
    transform: translateY(0)
}

.direction-down .sticky-toolbar-mobile-section .toolbar-outer[data-direction=down] {
    transform: translateY(0)
}

.sticky-toolbar-mobile-section .toolbar-outer {
    position: fixed;
    z-index: 998;
    left: 0;
    right: 0;
    bottom: 0;
    transition: transform .25s ease;
    background-color: rgb(var(--background-color));
    border-top: .1rem solid rgba(var(--text-color), 0.1)
}

.sticky-toolbar-mobile-section .toolbar-outer[data-direction] {
    transform: translateY(100%)
}

.sticky-toolbar-mobile-section .toolbar-inner {
    display: flex;
    justify-content: space-between
}

.sticky-toolbar-mobile-section .toolbar-item {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: rgb(var(--text-color))
}

.sticky-toolbar-mobile-section .toolbar-icon {
    position: relative;
    margin-bottom: .8rem
}

.sticky-toolbar-mobile-section .toolbar-icon svg {
    width: 1.8rem;
    height: 1.8rem
}

.sticky-toolbar-mobile-section .label {
    line-height: 1;
    font-weight: 500
}

.sticky-toolbar-mobile-section .item-count {
    position: absolute;
    font-size: .9rem;
    left: 60%;
    top: -20%;
    background-color: rgb(var(--text-color));
    border-radius: 5rem;
    color: rgb(var(--background-color));
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 1.6rem;
    min-width: 1.6rem;
    padding: 0 .5em;
    white-space: nowrap;
    line-height: 1;
    z-index: 1
}

.sticky-toolbar-mobile-section .item-count:empty {
    display: none
}

.testimonial-section {
    overflow: hidden
}

.testimonial-section .testimonial .testi-head {
    margin: 0
}

.testimonial-section .testimonial .testi-body * {
    margin: 0
}

.testimonial-section .testimonial .heading-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1.3rem;
    border-bottom: .1rem solid rgba(var(--text-color), 0.1);
    margin-bottom: 4rem
}

.testimonial-section .testimonial .heading-wrapper .testi-head {
    position: relative
}

.testimonial-section .testimonial .heading-wrapper .testi-head:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    background-color: rgb(var(--text-color));
    height: .3rem;
    width: 100%;
    bottom: -1.63rem
}

@media(max-width: 1600px) {
    .testimonial-section .testimonial .heading-wrapper .testi-head:after {
        bottom: -1.7rem
    }
}

.testimonial-section .testimonial .slide-content {
    padding: 3.3rem 4rem;
    border: .1rem solid rgba(var(--text-color), 0.1)
}

@media(max-width: 991px) {
    .testimonial-section .testimonial .slide-content {
        padding: 3rem 1.5rem
    }
}

.testimonial-section .testimonial.layout-1 .slide-content {
    border: none
}

.testimonial-section .testimonial.layout-2 .swiper:not(.swiper-initialized) .swiper-slide {
    margin-right: 12px;
    width: 435px
}

.testimonial-section .review-testimonial {
    display: flex;
    justify-content: space-between;
    align-items: baseline
}

.testimonial-section .content-testimonial {
    display: flex;
    flex-direction: column-reverse
}

.testimonial-section .content-testimonial .testi-footer {
    border-bottom: none
}

@media(min-width: 1200px) {
    .testimonial-section .content-testimonial {
        display: inline-flex;
        flex-direction: row
    }

    .testimonial-section .content-testimonial .carousel-swiper {
        width: 452px
    }

    .testimonial-section .content-testimonial .testimonial-image {
        width: calc(100% - 452px)
    }

    .testimonial-section .content-testimonial .testimonial-image svg {
        width: 960px;
        height: 540px
    }
}

.testimonial-section .star-reviews {
    display: inline-block
}

.testimonial-section .star-reviews .star {
    font-size: 1.4rem;
    color: #f5c567
}

.testimonial-section .star-reviews .star-empty {
    color: rgba(var(--text-color), 0.08)
}

.testimonial-section .testi-datetime {
    font-size: 12px
}

.testimonial-section .testi-title {
    font-weight: 600;
    margin: 2.2rem 0 1.2rem
}

.testimonial-section .testi-body {
    margin-bottom: 1.2rem
}

.testimonial-section .testi-footer {
    padding-bottom: 3.1rem;
    margin-bottom: 3.2rem;
    border-bottom: .1rem solid rgba(var(--text-color), 0.1)
}

.testimonial-section .product-card {
    display: inline-flex;
    text-align: left;
    height: auto;
    width: 100%;
    margin-bottom: 0
}

.testimonial-section .product-card .product-media-wrap {
    position: relative;
    width: 9rem;
    aspect-ratio: 1/1;
    flex-shrink: 0;
    border-radius: 0
}

.testimonial-section .product-card .product-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .4rem;
    padding: 1.2rem 1.6rem
}

.testimonial-section .product-card .form-add-to-cart {
    display: none
}

.testimonial-section .product-card .product-title {
    margin: 0;
    font-size: 1.3rem
}

@media(max-width: 991px) {
    .testimonial-section .product-card .product-title {
        text-decoration: none
    }
}

.testimonial-section .product-card .product-price {
    color: rgb(var(--text-color));
    font-size: 1.4rem;
    font-weight: 600
}

.testimonial-section .swiper-controls {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-left: 2.4rem;
    margin-right: -1rem
}

.testimonial-section .swiper-controls button {
    position: static;
    font-size: 2.4rem;
    width: 3rem;
    height: 3rem;
    transform: none;
    color: rgba(var(--text-color), 0.5)
}

@media(hover: hover) {
    .testimonial-section .swiper-controls button:hover {
        color: rgb(var(--text-color))
    }
}

.testimonial-section .swiper-controls button.swiper-button-disabled {
    display: block;
    visibility: hidden
}

.testimonial-section .swiper-controls button+button {
    margin-left: .8rem
}

.testimonial-section .swiper-pagination {
    margin-top: 0
}

.testimonial-section .swiper-button-prev,
.testimonial-section .swiper-button-next {
    border-radius: 0;
    border: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0)
}

.testimonial-section .swiper-button-prev svg,
.testimonial-section .swiper-button-next svg {
    width: auto;
    height: auto
}

.testimonial-section .layout-1 .swiper-pagination {
    margin-bottom: 3rem
}

@media(min-width: 992px) {
    .testimonial-section .layout-1 .stretch-section .image-content {
        padding-right: 8rem;
        padding-left: 12rem
    }

    .testimonial-section .layout-1 .stretch-section .image-content .adapt-media {
        max-height: 50vh
    }

    .testimonial-section .layout-1 .stretch-section .image-content .placeholder-svg {
        max-height: 30vh
    }
}

@media(max-width: 991px) {
    .testimonial-section .layout-1 .stretch-section .image-content {
        padding-left: 12rem
    }
}

.testimonial-section .layout-1 .testimonial-product {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative
}

.testimonial-section .layout-1 .content-layout .swiper {
    overflow: visible
}

.testimonial-section .layout-1 .content-layout .text-content {
    margin: 0 auto;
    text-align: center
}

@media(min-width: 992px) {
    .testimonial-section .layout-1 .content-layout .testi-footer {
        justify-content: center
    }
}

.testimonial-section .layout-1 .content-layout .swiper-slide {
    transition: opacity .3s
}

.testimonial-section .layout-1 .content-layout .swiper-slide:not(.swiper-slide-active) {
    opacity: .2
}

.testimonial-section .layout-1 .swiper:not(.swiper-initialized)+.swiper-controls {
    display: none
}

.testimonial-section .layout-1 .swiper-creative {
    overflow: visible
}

.testimonial-section .layout-1 .swiper-controls {
    position: absolute;
    right: 3.9rem;
    top: -1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media(max-width: 991px) {
    .testimonial-section .layout-1 .swiper-controls {
        display: none
    }
}

.testimonial-section .layout-1 .swiper-controls .swiper-button-next,
.testimonial-section .layout-1 .swiper-controls .swiper-button-prev {
    position: static;
    transform: none;
    width: 3rem;
    height: 3rem;
    color: rgb(var(--text-color))
}

.testimonial-section .layout-1 .swiper-controls .swiper-button-next {
    margin-left: 0
}

.testimonial-section .layout-1 .swiper-horizontal>.swiper-pagination-bullets,
.testimonial-section .layout-1 .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -4rem
}

@media(min-width: 992px) {

    .testimonial-section .layout-1 .swiper-horizontal>.swiper-pagination-bullets,
    .testimonial-section .layout-1 .swiper-pagination-bullets.swiper-pagination-horizontal {
        left: 0;
        transform: none
    }
}

.testimonial-section .layout-1 .image-content {
    width: 68%
}

.testimonial-section .layout-1 .image-content .swiper-slide .image {
    aspect-ratio: 1.78/1
}

.testimonial-section .layout-1 .image-content .swiper-slide.swiper-slide-active {
    box-shadow: 0px 10px 80px rgba(0, 0, 0, .12)
}

.testimonial-section .layout-1 .text-content {
    width: 32%;
    position: relative
}

@media(max-width: 991px)and (min-width: 768px) {
    .testimonial-section .layout-1 .image-content {
        width: calc(40% - 3rem);
        margin-right: 3rem
    }

    .testimonial-section .layout-1 .text-content {
        width: 60%
    }
}

@media(max-width: 991px)and (max-width: 767px) {
    .testimonial-section .layout-1 .testimonial-product {
        flex-direction: column
    }

    .testimonial-section .layout-1 .testimonial-product .image-content,
    .testimonial-section .layout-1 .testimonial-product .text-content {
        margin: 0;
        width: 100%;
        min-width: auto;
        max-width: 100%
    }

    .testimonial-section .layout-1 .testimonial-product .image-wrap {
        left: 0
    }

    .testimonial-section .layout-1 .testimonial-product .image-wrap img {
        max-width: 100%;
        max-height: none;
        min-height: auto
    }
}

.text-content-section .text-first .content {
    order: -1
}

.text-content-section .text-content {
    max-width: 100%;
    margin: 0 auto
}

.text-content-section .heading {
    font-size: 4.8rem;
    line-height: 6rem;
    margin-top: 0;
    margin-bottom: 3.3rem
}

.text-content-section .list-item {
    display: flex;
    justify-content: space-between
}

.text-content-section .list-item .image,
.text-content-section .list-item .content {
    width: calc((100% - 30px)/2)
}

.text-content-section .list-item .image:first-child:last-child,
.text-content-section .list-item .content:first-child:last-child {
    width: 100%
}

.text-content-section .list-item .image {
    height: 30rem
}

.text-content-section .list-item .image img {
    border-radius: .4rem;
    height: 100%
}

.text-content-section .list-item .content {
    display: flex;
    align-items: center
}

@media(max-width: 767px) {
    .text-content-section .heading {
        font-size: 3.6rem;
        margin-bottom: 2rem
    }

    .text-content-section .list-item {
        flex-wrap: wrap
    }

    .text-content-section .list-item+.list-item {
        margin-top: 2rem
    }

    .text-content-section .list-item .image,
    .text-content-section .list-item .content {
        width: 100%;
        margin-bottom: 4rem
    }

    .text-content-section .list-item .image:last-child,
    .text-content-section .list-item .content:last-child {
        margin-bottom: 0
    }

    .text-content-section .list-item img {
        width: 100%
    }
}

.topbar-iconbox-section .topbar-desktop {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between
}

@media(max-width: 991px) {
    .topbar-iconbox-section .topbar-desktop {
        clip: rect(1px, 1px, 1px, 1px);
        position: absolute !important;
        overflow: hidden;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
        word-wrap: normal !important
    }
}

@media(min-width: 992px) {
    .topbar-iconbox-section .topbar-mobile {
        clip: rect(1px, 1px, 1px, 1px);
        position: absolute !important;
        overflow: hidden;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
        word-wrap: normal !important
    }
}

.topbar-iconbox-section .icon-box {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center
}

@media(max-width: 991px) {
    .topbar-iconbox-section .icon-box {
        width: 100%
    }
}

.topbar-iconbox-section .icon-box .image-wrap img,
.topbar-iconbox-section .icon-box .image-wrap svg {
    max-width: 3.5rem;
    max-height: 3.5rem
}

.topbar-iconbox-section .icon-box .info-box {
    padding-left: 2.4rem;
    font-weight: 600
}

.topbar-iconbox-section .icon-box .info-box .description p {
    font-size: 1.2rem;
    margin-top: .2rem;
    letter-spacing: 1.2px
}

.topbar-iconbox-section .icon-box:first-child {
    justify-content: start
}

@media(max-width: 991px) {
    .topbar-iconbox-section .icon-box:first-child {
        justify-content: center
    }
}

.topbar-iconbox-section .icon-box:last-child {
    justify-content: end
}

@media(max-width: 991px) {
    .topbar-iconbox-section .icon-box:last-child {
        justify-content: center
    }
}

@media(min-width: 992px) {
    .topbar-iconbox-section .icon-item:not(:first-child) {
        border-left: .1rem solid rgba(var(--heading-color), 0.1)
    }
}

.topbar-iconbox-section .topbar-inner {
    margin: 0 auto
}

.topbar-iconbox-section .swiper-wrapper {
    align-items: center
}

.topbar-iconbox-section .swiper-button-prev,
.topbar-iconbox-section .swiper-button-next {
    padding: 0;
    border-radius: 0;
    background-color: rgb(var(--background-color));
    height: 100%;
    width: 1.6rem;
    height: 1.6rem;
    border: none
}

.topbar-iconbox-section .swiper-button-prev svg,
.topbar-iconbox-section .swiper-button-next svg {
    width: 1.1rem;
    height: 1.1rem
}

.topbar-iconbox-section .swiper-button-prev:focus-visible,
.topbar-iconbox-section .swiper-button-next:focus-visible {
    border-color: rgb(var(--text-color))
}

.topbar-iconbox-section .swiper-button-prev {
    left: 0
}

.topbar-iconbox-section .swiper-button-next {
    right: 0
}

.topbar-iconbox-section h1,
.topbar-iconbox-section h2,
.topbar-iconbox-section h3,
.topbar-iconbox-section h4,
.topbar-iconbox-section h5,
.topbar-iconbox-section h6,
.topbar-iconbox-section p {
    margin: 0
}

@media(hover: hover) {
    .topbar-iconbox-section a:hover {
        text-decoration: underline
    }
}

.topbar-section h1,
.topbar-section h2,
.topbar-section h3,
.topbar-section h4,
.topbar-section h5,
.topbar-section h6,
.topbar-section p {
    margin: 0
}

.topbar-section a {
    text-decoration: underline
}

.topbar-section * {
    font-size: 13px
}

.topbar-section .topbar-inner {
    max-width: 45rem;
    margin: 0 auto
}

.topbar-section .topbar-inner .swiper-wrapper {
    align-items: center
}

.topbar-section .topbar-inner .message-box {
    display: flex;
    align-items: baseline;
    justify-content: center
}

.topbar-section .topbar-inner .message-box button {
    background-color: rgba(0, 0, 0, 0);
    border: none
}

.topbar-section .topbar-inner .message-box button.dropdown-summary {
    margin-left: 17px;
    padding-left: 17px;
    position: relative;
    display: flex;
    text-decoration: underline
}

.topbar-section .topbar-inner .message-box button.dropdown-summary:before {
    position: absolute;
    content: "";
    background-color: rgba(var(--heading-color), 0.5);
    width: 1px;
    height: 12px;
    left: 0;
    top: calc(50% - 6px)
}

.topbar-section .image-wrap img,
.topbar-section .image-wrap svg {
    max-width: 1.6rem;
    max-height: 1.6rem;
    margin-right: .8rem;
    margin-top: -0.3rem
}

.topbar-section .swiper-button-prev,
.topbar-section .swiper-button-next {
    padding: 0;
    border-radius: 0;
    background-color: rgb(var(--background-color));
    height: 100%;
    width: 2rem;
    height: 2rem;
    border: .1rem solid rgba(0, 0, 0, 0)
}

@media(hover: hover) {

    .topbar-section .swiper-button-prev:hover,
    .topbar-section .swiper-button-next:hover {
        border-color: rgb(var(--text-color))
    }
}

.topbar-section .swiper-button-prev svg,
.topbar-section .swiper-button-next svg {
    min-width: 1.6rem;
    width: 1.6rem
}

.topbar-section .swiper-button-prev:focus-visible,
.topbar-section .swiper-button-next:focus-visible {
    border-color: rgb(var(--text-color))
}

.video-section .section-wrap {
    position: relative
}

.video-section .container {
    height: 100%
}

.video-section video {
    width: 100%;
    height: 100%
}

.video-section video[autoplay]~.video-image-wrapper,
.video-section video[autoplay]~.play-video,
.video-section video[data-ready]~.video-image-wrapper,
.video-section video[data-ready]~.play-video {
    display: none
}

.video-section iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%
}

.video-section iframe[src]~.video-image-wrapper,
.video-section iframe[src]~.play-video {
    display: none
}

.video-section .video-item {
    inset: 0;
    overflow: hidden;
    padding-bottom: 56.25%
}

@media(hover: hover) {
    .video-section .video-item:hover .play-video {
        transform: translate(-50%, -50%) scale(1)
    }
}

.video-section .play-video {
    transition: transform .3s ease, opacity .3s ease;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    width: 8rem;
    height: 8rem;
    background-color: #fff;
    border-radius: 50rem;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    pointer-events: none
}

.video-section .play-video svg {
    width: 3rem;
    height: 3rem;
    color: #333
}

.video-section .video-image-wrapper {
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.video-section .video-image-wrapper img,
.video-section .video-image-wrapper svg {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.header-menu-row .stretch-section, .header-menu-row {
    background: #b02025 !important;
}

.header-navigation .menu-item .menu-text, .header-navigation .menu-item .menu-arrow{
    color: #fff;
}

.header-navigation .sub-menu .menu-item .menu-text, .header-navigation .sub-menu .menu-item .menu-arrow  {
    color: #000;
}

.header-row {
    background: #000 !important;
}

.header-icons .header-icon svg {
    color: #fff;
}

/* edited by Ian Humprey Coronado Hot Deals 12/18/2025 */
@keyframes blinkingText{
  0%{     color: #b02025;   
  }
  49%{    color: #b02025;    
   }
  60%{    color: transparent; 
   }
  99%{    color: transparent ;
          
   }
  100%{   color: #b02025;
   }
}

.menu>li.menu-item:last-child span {
    animation: blinkingText 1.2s infinite;
    color: black;
    background-color: #fff;
}

.menu>li.menu-item:last-child a {
    background-color: #fff;
    border: 1px solid #b02025
}

.product-block {
    margin-bottom: 10px;
}