/** Shopify CDN: Minification failed

Line 1457:25 Unexpected "{"

**/
/* GRID */
:root {
    --spacing-xs: 0.4rem;
    --spacing-sm: 1.6rem;
    --spacing-base: 2.4rem;
    --spacing-lg: 4.8rem;
    --spacing-xl: 5.6rem;

    --swiper-navigation-size: 2.4rem;
    --swiper-navigation-icon-size: 1.2rem;
    --subheading-margin-bottom: 0;

    --max-width-img: 150rem;
    --max-width-text: 93rem;

    --color-success: #11A42A;
    --color-error: #F42E01;

    @media (max-width: 767.98px) {
        --margin: 1.6rem;

        --font-pcard-title-size: 1.1rem;
        --font-price-size: 1.2rem;
        --font-price-size-old: 1.1rem;
    }
    @media (min-width: 768px) {
        --margin: 2.4rem;

        --font-pcard-title-size: 1.2rem;
        --font-price-size: 1.6rem;
        --font-price-size-old: 1.4rem;
    }
}

.page-width {
    --page-padding: 0.4rem;
    &.page-width--container {
        @media (max-width: 767.98px) {
            --page-padding: 1.2rem;
        }
        @media (min-width: 768px) {
            --page-padding: 5rem;
        }
    }
}
.page-width--full {
    --page-padding: 0.4rem;
}

.mt-0 {
    margin-top: 0;
}
.mt-2 {
    margin-top: 2rem;
}

.f-grid--gap-extra-small {
    --column-gap: var(--spacing-xs);
    --column-gap-mobile: var(--spacing-xs);
}
.f-grid--gap-medium {
    --column-gap: var(--spacing-base);
}
.f-grid--gap-large {
    --column-gap: var(--spacing-lg);
}
.f-grid--gap-extra-large {
    --column-gap: var(--spacing-xl);
}
.f-grid--row-gap-medium {
    --row-gap-mobile: var(--spacing-base);
}
.f-grid--row-gap-large {
    --row-gap: var(--spacing-lg);
    --row-gap-mobile: var(--spacing-base);
}

@media (min-width: 1280px) {
    .section--padding {
        padding-block-start: var(--section-padding-top, 2.4rem);
        padding-block-end: var(--section-padding-bottom, 2.4rem);
    }
}

/* TEXT */
.hd1 em,
.hd2 em,
.hd3 em {
    font-family: var(--font-body-family);
    font-weight: 800;
}
@media (max-width: 767.98px) {
    .hd1 {
        font-size: 5.5rem;
    }
    .hd2 {
        font-size: 3.2rem;
    }
    .hd3 {
        font-size: 1.9rem;
    }
}
@media (min-width: 768px) {
    .hd2 {
        font-size: 5rem;
    }
    .hd3 {
        font-size: 3rem;
    }
}

h3, .h3,
h6, .h6,
h4, .h4,
h5, .h5 {
    font-family: var(--font-body-family);
    font-weight: 600;
}
h3, .h3,
h6, .h6 {
    text-transform: uppercase;
}
@media (max-width: 767.98px) {
    .h1 {
        font-size: 3.5rem;
    }
    .h2 {
        font-size: 3rem;
    }
    .h3 {
        font-size: 1.8rem;
    }
    .h4 {
        font-size: 1.6rem;
    }
    .h5 {
        font-size: 1.5rem;
    }
    .h6 {
        font-size: 1.4rem;
    }
}
@media (min-width: 768px) {
    .h3 {
        letter-spacing: 0.1rem;
    }
}

.text-subheading {
    line-height: calc(1 + 0.3 / var(--font-subheading-scale));
}

.text-sm {
    font-size: calc(var(--font-body-size) * 0.87); /* 13px */
}
.f-price {
    font-size: var(--font-price-size);
}
.f-price--on-sale .f-price-item--regular {
    font-size: var(--font-price-size-old);
}
@media (max-width: 767.98px) {
    :root {
        --font-body-size: 1.3rem;
    }
    .text-sm {
        font-size: calc(var(--font-body-size) * 0.85); /* 11px */
    }
    .text-lg {
        font-size: calc(var(--font-body-size) * 1.15); /* 15px */
    }
}

.text-muted {
    color: var(--color-grey-300);
}

/* BADGE */
.f-badge {
    line-height: 1;

    img, svg {
        width: auto;
        height: auto;
        max-width: 1.2rem;
        max-height: 1.2rem;
        margin-right: 0.5rem;
    }
    @media (max-width: 767.98px) {
        padding: 0.3rem 0.4rem;
        font-size: 1rem;
    }
    @media (min-width: 768px) {
        padding: 0.7rem 0.8rem;
        font-size: 1.2rem;
    }
}
.f-badge-lg {
    img, svg {
        max-width: 1.4rem;
        max-height: 1.4rem;
        margin-right: 0.7rem;
    }

    @media (max-width: 767.98px) {
        padding: 0.7rem 0.8rem;
        font-size: 1.2rem;
    }
    @media (min-width: 768px) {
        font-size: 1.4rem;
    }
}
.f-badge--soldout {
    --color-badge-soldout-text: var(--color-dark);
    font-style: italic;
}

.f-price__badges {
    .f-badge {
        padding: 0;
        color: var(--color-badge-sale);
    }
    .f-badge--sale {
        font-weight: 700;
        background: none;

        @media (max-width: 767.98px) {
            font-size: 1.6rem;
        }
        @media (min-width: 768px) {
            font-size: 2rem;
        }
    }
}

/* BUTTON */
button,
.btn {
    --buttons-padding: 2.4rem;
}

.btn--primary {
    border: var(--buttons-border-width) solid rgb(var(--color-button));
}
.btn.btn--primary:not(.btn--plain):not(.btn--underline, .btn--inherit):not(.btn--bordered-icon):not(.spr-button):hover {
    border: var(--buttons-border-width) solid rgba(var(--color-button));
}

.btn.btn--secondary:not(.btn--plain):not(.btn--underline, .btn--inherit):not(.btn--bordered-icon):not(.spr-button):hover {
    --color-button-before: var(--color-secondary-button-before);
    --color-button-hover-background: var(--color-secondary-button-text);
    background: rgba(var(--color-secondary-button-text));
    color: rgba(var(--color-secondary-button));
    border: var(--buttons-border-width) solid rgba(var(--color-secondary-button-text));
}

.color-scheme-3 {
    .btn.btn--secondary:not(.btn--plain):not(.btn--underline, .btn--inherit):not(.btn--bordered-icon):not(.spr-button):hover {
        color: rgba(var(--color-button));
    }
}
.color-scheme-4, .color-scheme-inverse, .color-scheme-6 {
    .btn.btn--secondary:not(.btn--plain):not(.btn--underline, .btn--inherit):not(.btn--bordered-icon):not(.spr-button):hover {
        color: rgba(var(--color-button-text));
    }
}

.btn--underline {
    padding-bottom: 0 !important;
    &::after {
        bottom: 0.4rem
    }
}

@media (max-width: 767.98px) {
    .btn--primary,
    .btn--secondary {
        font-size: 1.4rem;
    }
}
@media (min-width: 768px) {
    .btn--primary {
        font-size: 1.6rem;
    }
}

/* COLORS */
.background-2 {
    --color-field: var(--color-secondary-background);
    --color-button-before: rgba(var(--color-button), 0.2);
    --color-button-hover-background: var(--color-secondary-background);

    --color-secondary-button: var(--color-secondary-background);
}
.color-scheme-4,
.color-scheme-inverse {
    .background-2 {
        --color-primary: var(--color-button-text);
        --color-product-price-sale: var(--color-button-text);
    }
}
.color-scheme-7 {
    .background-2 {
        --color-primary: var(--color-product-price-sale);
    }
}

/* ICON */
.icon--extra-small {
    width: 1.2rem;
    height: 1.2rem;
}
.icon--small {
    width: 1.4rem;
    height: 1.4rem;
}
.icon--large {
    width: 2.5rem;
    height: 2.5rem;
}
.icon--extra-large {
    width: 3rem;
    height: 3rem;
}

/* TOOLTIP */
.tooltip-icon {
    display: inline-flex;

    svg {
        width: 1.6rem;
        height: 1.6rem;
    }
}
.tooltip {
    max-width: 30rem;
}
.product__tax .tooltip {
    line-height: 1.4;
    padding: 1.4rem 1.6rem;
    @media (min-width: 768px) {
        max-width: 35rem;
    }
    @media (min-width: 992px) {
        max-width: 40rem;
    }
   @media (min-width: 1120px) {
        max-width: 55rem;
    }
}
[data-tooltip]:hover .tooltip {
    --scale: 1;
    opacity: 1;
    transform-origin: center;
}

/* FORM */
input:is([type=checkbox], [type=radio]) {
    --border: rgb(var(--color-foreground));
    width: 2rem;
    height: 2rem;

    &::after {
        inset-inline-start: 0.7rem;
        inset-block-start: 0.4rem;
    }
}

.form-control.search__input {
    border-color: rgb(var(--color-border));
}

/* SWIPER / SLIDER */
.swiper-btn-prev, .swiper-btn-next,
.swiper-button-prev, .swiper-button-next {
    width: var(--swiper-navigation-size);
    height: var(--swiper-navigation-size);

    svg {
        width: var(--swiper-navigation-icon-size);
        height: var(--swiper-navigation-icon-size);
    }

    &.btn:not(.btn--plain):not(.btn--underline, .btn--inherit):not(.btn--bordered-icon):not(.spr-button):hover {
        border-color: var(--color-dark);
    }
}
@media (max-width: 767.98px) {
    .swiper-pagination-fraction {
        text-align: center;
        font-size: 1.1rem;
    }
    .swiper-pagination-bullets {
        --swiper-pagination-bottom: var(--spacing-xs);
    }
    .swiper-pagination-bullet {
        --swiper-pagination-bullet-size: 0.5rem;
        --swiper-pagination-bullet-horizontal-gap: 0.2rem;
        background: var(--color-grey-200);
        box-shadow: inset 0 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.1);

        &.swiper-pagination-bullet-active {
            width: 2.5rem;
            &::after {
                display: none;
            }
        }

        &.swiper-pagination-bullet-active-prev,
        &.swiper-pagination-bullet-active-next {
            transform: none;
        }
    }
}

/* HEADER */
.header-skeepers {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-sm);
    font-weight: var(--font-body-weight-bold);

    a {
        display: flex;
        align-items: center;
    }
    .logo-skeepers {
        height: 2.5rem;
        width: auto;
    }
}
.cart-count {
    width: 0.7rem;
    height: 0.7rem;
    font-size: 0rem;
}
.cart-count--absolute {
    top: 1.1rem;
    inset-inline-end: 0.9rem;
}
.index-template .announcement-bar-section {
  display: none;
}
.announcement-bar__content {
  display: block;
}
.header__buttons {
    .swym-header-launcher {
        display: none !important;
    }
}
@media (max-width: 767.98px) {
    .header__icons .icon--large {
        width: 2rem;
        height: 2rem;
    }
}
@media (max-width: 1023.98px) {
    .header {
        padding-inline: 1.6rem;
    }
    .header__buttons {
        margin: 0;
    }
    .header__icons--right {
        margin-right: -1rem;
    }
    .menu-drawer-button {
        --header-icon-size: 3rem;
    }
}
@media (max-width: 1199.98px) {
    .search-input {
        display: none;
    }
}
@media (min-width: 1024px) {
    .header--left-center {
        --header-grid-template: "logo navigation icons" / auto auto auto;
    }
}
@media (min-width: 1200px) {
    .header__buttons {
        column-gap: 1rem;
    }
    .header__buttons .search-drawer-button {
        width: auto;
        position: relative;
        margin-right: 0.5rem;
    }
    .search-input {
        display: block;
        padding-right: 3.2rem;
        line-height: 2.4rem;
        border-bottom: 0.1rem solid currentColor;
    }
    .search-input + svg {
        position: absolute;
        right: 0;
        width: 2.2rem;
        height: 2.2rem;
    }
}

/* NAVIGATION */
.font-navigation {
    font-size: 1.6rem;
}
.mega-menu__item-child {
    font-size: 1.6rem;
    font-weight: 500;

    li {
        padding-block: calc(var(--spacing-base) * 0.5);
    }
}
.mega-menu__wrapper {
    .btn-wrapper {
        width: 100%;
        text-align: center;
    }
}

.menu-drawer {
    path {
        stroke-width: 0.1rem;
    }

    .icon--medium, .icon--small {
        width: 2.1rem;
        height: 2.2rem;
    }

    nav .v-scrollable {
        padding-bottom: 0;
    }
}
.menu-drawer__header.drawer__header {
    position: relative;
    padding-block: 3rem;

    .icon--large {
        width: 2rem;
        height: 2rem;
    }

    &::before {
        content: '';
        display: block;
        height: 0.1rem;
        position: absolute;
        bottom: 0;
        left: var(--spacing-sm);
        right: var(--spacing-sm);
        border-bottom: 0.1rem solid var(--color-grey-200);
    }
}
.drawer__content {
    margin-top: -0.1rem;
}
.menu-drawer__item {
    padding-block: 2rem;
    border-bottom: 0.1rem solid var(--color-grey-200);

    &:last-child {
        padding-block-end: 2rem;
    }
}
.menu-drawer__item-link {
    font-family: var(--font-body-family);
    font-weight: 500;

    &.menu-drawer__item-link-all {
        font-weight: 700;
    }
}
.menu-drawer__item-secondary {
    padding-top: var(--spacing-base);
}
.menu-drawer__item-secondary-link {
    font-size: 1.6rem;
    font-weight: 500;
    color: var(--color-grey-300);
}
.menu-drawer__item-back-link {
    height: auto;
    padding: 1.4rem var(--spacing-sm);
    margin-left: 0;
    font-family: var(--font-heading-family) !important; /* hack important theme */
    font-size: 2.5rem;
    background: var(--color-light);
    color: var(--color-dark);
    border: none;
}
.menu-drawer__submenu.category_list .menu-drawer__item-back-link {
    margin-bottom: 0;
}
.menu-drawer__footer .grid {
    gap: var(--spacing-base);
}
.menu-drawer__localization-form {
    justify-content: flex-start;
}

@media (min-width: 1024px) {
    .mega-menu__wrapper {
        gap: 4rem;
        padding-block: 5rem;

        &.category_list {
            padding-block: 1.8rem;
        }
    }
    .mega-menu__list.category_list {
        grid-template-columns: min(30%, 42.5rem) 1fr min(30%, 46rem);

        .mega-menu__item {
            transition-delay: calc(0.25s + 0.1s * var(--index, 1));
        }

        .link-all {
            font-size: 1.6rem;
            font-family: var(--font-body-family) !important; /* hack !important theme.css */
            font-weight: 700 !important;
            text-transform: none;
            letter-spacing: normal;
            text-decoration: underline;
        }

        .mega-menu__submenu-lvl2 {
            position: relative;
            grid-template-columns: repeat(var(--menu-columns, 3), 1fr);

            & > * {
                position: relative;
            }

            &::before {
                content: '';
                display: block;
                position: absolute;
                top: -1.8rem;
                bottom: -1.8rem;
                right: 0;
                width: 50vw;
                background: var(--color-grey-100);
            }

            li {
                a {
                    display: block;
                    position: relative;
                    padding: 1.2rem 2.4rem 1.2rem 1.2rem;
                    border-left: 0.1rem solid transparent;
                    background: none;
                    transition: all var(--animation-default);

                    &:after {
                        content: '';
                        display: block;
                        position: absolute;
                        right: 2.4rem;
                        top: 50%;
                        width: 0.8rem;
                        height: 1.6rem;
                        margin-top: -0.8rem;
                        opacity: 0;
                        background-image: url("data:image/svg+xml,%3Csvg width='9' height='16' viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 15L8 8L0.999999 1' stroke='%23202020' stroke-linecap='round'/%3E%3C/svg%3E");
                        background-repeat: no-repeat;
                        background-size: contain;
                        transition: all var(--animation-default);
                    }
                }

                &.active, &:hover {
                    a {
                        background: white;
                        border-color: var(--color-dark);

                        &:after {
                            opacity: 1;
                            right: 1.2rem;
                        }
                    }
                }
            }
            .font-heading {
                font-size: 1.6rem;
                font-family: var(--font-body-family) !important; /* hack !important theme.css */
                font-weight: 700 !important;
                text-transform: none;
                letter-spacing: normal;
            }
        }
        .mega-menu__submenu-lvl3 {
            --index: 2;
            display: grid;
            grid-template-columns: repeat(var(--menu-columns, 3), 1fr);
            gap: 6rem 3rem;

            .mega-menu__item {
                transition: opacity var(--animation-default);
                grid-row: 1;
                grid-column: 1;

                &.active {
                    position: relative;
                    z-index: 1;
                }

                &:not(.active) {
                    opacity: 0;
                }
            }
            .font-heading {
                font-size: 2.5rem;
            }
        }
        .mega-menu__promotions {
            --index: 4;
            display: grid;
            padding-block: 5rem;

            .push-wrapper {
                width: 100%;
                aspect-ratio: 1;
                transition: opacity var(--animation-default);
                align-self: center;
                grid-row: 1;
                grid-column: 1;
                opacity: 0;

                &.active {
                    position: relative;
                    z-index: 1;
                    opacity: 1;
                }
            }
        }
    }
}
@media (min-width: 1200px) {
    .menu__item {
        padding-inline: 2rem;
    }
}
@media (min-width: 1440px) {
    .menu__item {
        padding-inline: 3.2rem;
    }
}

/* FOOTER */
.shopify-section-group-footer-group {
    .multicolumn-card--image-medium {
        --image-width: 5rem;
    }
    @media (max-width: 1023.98px) {
        --image-spacing-bottom-mobile: var(--spacing-sm);

        .multicolumn-card {
            text-align: center;
        }
        .multicolumn-card__text {
            line-height: 1.3;
        }
    }
    @media (min-width: 1024px) {
        .multicolumn__items {
            --gap-x: var(--spacing-base);

            display: flex;
            justify-content: space-between;
        }
        .multicolumn-card {
            display: flex;
            gap: var(--spacing-sm);
        }
    }
}

.footer__wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-base);

    & > * {
        width: 100%;
    }

    @media (max-width: 1023.98px) {
        padding-top: 3.2rem;
        padding-bottom: 3.2rem;
    }
    @media (min-width: 1024px) {
        padding-top: var(--spacing-base);
        padding-bottom: var(--spacing-base);
    }
}

.footer__sup {
    .f-flex {
        align-items: center;
        justify-content: space-between;
    }

    .footer__social {
        display: flex;
        flex-wrap: wrap;
        gap: var(--spacing-xs) 2rem;
        align-items: center;

        .footer__social-title {
            margin: 0;
            font-family: var(--font-heading-family);
        }
        ul {
            gap: var(--spacing-base);
        }

        @media (max-width: 1023.98px) {
            justify-content: center;
            text-align: center;

            .footer__social-title {
                flex: 100%;
                font-size: 1.9rem;
            }
        }
        @media (min-width: 1024px) {
            flex: 1;

            .footer__social-title {
                font-size: 2.5rem;
            }
        }
    }

    .footer__contact {
        display: flex;
        flex-direction: column;
        gap: 0.8rem;
        width: 100%;
    }
    .footer__contact-information {
        padding: var(--spacing-sm);
        text-align: center;
        font-size: 1.3rem;
        line-height: 1.5;
        border: 0.1rem solid var(--color-dark);
        border-radius: var(--buttons-radius);

        * {
            margin: 0;
        }
        strong {
            font-size: 1.9rem;
        }
    }

    @media (max-width: 1023.98px) {
        .f-flex {
            flex-direction: column;
            gap: var(--spacing-base);
        }
    }
    @media (min-width: 1024px) {
        .f-flex {
            gap: 0.8rem;
        }

        .footer__logo,
        .footer__contact {
            width: 25%;
        }
    }
}

.footer__top {
    summary {
        padding-bottom: 0.8rem;
    }

    @media (max-width: 1023.98px) {
        summary {
            min-height: 0;
            padding-top: 0.8rem;
        }
        .icon--medium {
            width: 1.5rem;
            height: 1.5rem;
        }

        .footer-block--custom-liquid {
            margin-top: 1.4rem;
        }
    }
    @media (min-width: 1024px) {
        .linklist {
            font-size: 1.3rem;
        }
        .linklist--vertical li + li {
            padding-top: 0;
        }
    }
}

.footer__bottom {
    padding-top: 0;

    .footer__bottom-row {
        align-items: center;
    }

    .footer__text {
        line-height: 1.3;

        * {
            margin: 0;
        }

        @media (min-width: 768px) {
            text-align: center;
        }
    }

    .footer__info {
        --element-gap: var(--spacing-sm) var(--spacing-base);
        color: var(--color-grey-300);

        @media (max-width: 767.98px) {
            flex-direction: column;
            align-items: flex-start;

            .linklist {
                flex-direction: column;
            }
        }
        @media (min-width: 768px) and (max-width: 1199.98px) {
            width: 100%;
            justify-content: space-between;
            flex-wrap: wrap;
        }
    }

    .footer__copyright-content {
        color: var(--color-grey-300);
    }

    @media (max-width: 767.98px) {
        .footer__bottom-row {
            flex-direction: column;
            align-items: flex-start;
        }
    }
    @media (max-width: 1199.98px) {
        .footer__bottom-row {
            & + .footer__bottom-row {
                flex-direction: column;
                align-items: flex-start;
                margin-top: var(--spacing-lg);

                & > * {
                    width: 100%;
                }
            }
        }

        .footer__copyright {
            order: 2;
        }
    }
}

/* BREADCRUMBS */
.breadcrumbs {
    flex-wrap: wrap;
    gap: var(--spacing-xs) 0;
    padding: var(--spacing-xs);
    justify-content: flex-start;
    font-size: calc(var(--font-body-size) * 0.87); /* 13px */

    @media (max-width: 767.98px) {
        font-size: calc(var(--font-body-size) * 0.85); /* 11px */
    }
    @media (min-width: 768px) {
        padding: 1.2rem var(--spacing-xs) var(--spacing-base);
    }

    li {
        display: flex;
    }
    a {
        color: var(--color-grey-300);
        transition: all var(--duration-default);
        &:hover {
            color: var(--color-dark);
        }
    }

    .breadcrumbs--sep {
        margin-inline: var(--spacing-xs);
        color: var(--color-grey-300);
    }
    .breadcrumbs--last {
        white-space: normal;
        overflow: visible;
    }
}

/* PRODUCT CARD */
.product-card {
    .f-price {
        margin: 0;
        line-height: 1;
    }
    .f-price--on-sale .f-price__sale {
        justify-content: flex-end;
    }
    @media (max-width: 767.98px) {
        .f-price--on-sale .f-price__sale {
            column-gap: 0.4rem;
        }
    }

    &.soldout {
        .product-card__image {
            transition: all var(--animation-default);
        }

        .product-card__image,
        .product-card__badge,
        .product-card__info {
            opacity: 0.7;
        }

        &:hover {
            .product-card__image {
                opacity: 1;
            }
        }
    }
}
.product-card__info,
.collection-showcase__product-info {
    display: flex;
    flex-direction: column;
    padding-inline: 0.4rem;
    gap: 0.8rem;
    text-align: left;

    .product-card__info-top {
        display: flex;
        justify-content: space-between;
    }
}
.product-card__info {
    .review__header {
        margin: 0;
    }
    .skeepers_container {
        min-height: 24px;
    }
    .skeepers_product__stars {
        @media (max-width: 424.98px) {
            .rate-aggregate, .rate-aggregate__separator, .rate-aggregate__max {
                display: none;
            }
            .stars__rating {
                margin: 0;
            }
        }
        @media (max-width: 767.98px) {
            span {
                font-size: 12px;
            }
        }
    }
    .product-card__swatches {
        margin-top: 0;
    }
}
.product-card__badge {
    top: var(--spacing-xs);
    left: var(--spacing-xs);
    gap: var(--spacing-xs);

    &.bottom {
        top: auto;
        bottom: var(--spacing-xs);
    }

    @media (max-width: 767.98px) {
        padding-right: 2.5rem;
    }
    @media (min-width: 768px) {
        padding-right: 3.5rem;
    }
}
.swatches--product-card {
    .swatch-color {
        border: 0;
        background: var(--swatch-background);
        background-size: cover;

        &.swatch-image {
          background: image-set(
            var(--swatch-bg-1x) 1x,
            var(--swatch-bg-2x) 2x
          );
        }

        @media (max-width: 767.98px) {
            --swatch-size: 1.2rem;

            &::before {
                --shadow-width: 0.1rem;
            }
        }
        @media (min-width: 768px) {
            --swatch-size: 2rem;

            &::before {
                --shadow-width: 0.3rem;
            }
        }
    }
}
.product-card__type {
    margin: 0;
    font-weight: 500;
    line-height: 1;
    color: var(--color-dark);
    text-transform: none;
    @media (max-width: 767.98px) {
        font-size: 1.4rem;
    }
    @media (min-width: 768px) {
        font-size: 1.8rem;
    }
}
.product-card__title {
    margin: 0;
    @media (max-width: 767.98px) {
        line-height: 1.1;
    }
}
.product-card__swatches {
    font-size: var(--font-pcard-title-size);
}
card-product-image-slider {
    @media (max-width: 767.98px) {
        .swiper-controls {
            display: none;
        }
    }
    @media (min-width: 768px) {
        .swiper-pagination {
            display: none;
        }

        .swiper-controls {
            padding-inline: var(--spacing-xs);
            justify-content: space-between;
            position: absolute;
            z-index: 1;
            top: 50%;
            left: 0;
            right: 0;
            transform: translateY(-50%);
            opacity: 0;
            transition: opacity var(--duration-default);

            .btn {
                --swiper-navigation-icon-size: 1.3rem;
                border: 0;
                background: rgba(255, 255, 255, 0.3);
            }
        }

        &:hover {
            .swiper-controls {
                opacity: 1;
            }
        }
    }
}
@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine) {
    .product-card__wrapper:hover .product-card__image-wrapper--main-only .product-card__image:not(.swiper-slide-active) {
        transform: none;
    }
}

.product-card--list {
    .product-card__wrapper {
        padding: var(--spacing-xs);
        gap: 0 var(--spacing-xs);
    }
    .product-card__info {
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 0.8rem;

        .product-card__type {
            grid-column: 1;
            grid-row: 1;
        }
        .product-card__title,
        .product-card__review {
            grid-column: 1/3;
            line-height: 1.2;
        }
        .f-price {
            grid-column: 2;
            grid-row: 1;
            margin: 0;
        }

        @media (min-width: 768px) and (max-width: 1023px) {
            .product-card__type {
                grid-column: 1/3;
                grid-row: 1;
            }
            .f-price {
                grid-column: 1/3;
                grid-row: 2;
            }
            .f-price--on-sale .f-price__sale {
                justify-content: flex-start;
            }
        }
    }
    .product-card__atc {
        right: var(--spacing-xs);
        background: #FFF;
        border: none;
    }
}

.collection-showcase__products .swiper .swiper-slide {
    display: flex;
    height: auto;
}
.collection-showcase__product {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.collection-showcase__product-info {
    flex: 1;
    padding-top: 0.8rem;
    .collection-showcase__product-title {
        font-size: var(--font-pcard-title-size, 1.6rem);
        line-height: 1.2;
    }
    .f-price {
        margin-top: auto;
    }
}

/* SKEEPERS */
#skeepers_product_widget, .rating__value-stars, .review__header {
    --skeepers-widget-star-color: rgba(222, 121, 95, 1);
    .stars {
        margin-right: 8px;
        .stars__item {
            width: var(--skeepers-widget-custom-size, 12px);
            background: none !important;
            .star-svg {
                width: 100%;
                height: 100%;
            }
            &::after {
                display: none;
            }
        }
        path {
            stroke-width: 2px;
            stroke: var(--skeepers-widget-star-color);
        }
    }
    .stars__rating span {
        font-size: 12px;
    }
}
.reviews, .review__carousel {
    --skeepers-widget-custom-size: 14px;
}
.rating__value-stars {
    --skeepers-widget-custom-size: 18px;
}

/* CMS */
.section__header {
    padding-inline: 0.4rem;
}
.section__subheading,
.section__header--horizontal .section__subheading {
    margin-bottom: 0.4rem;
}

.section--collections-showcase {
    @media (max-width: 767.98px) {
        .collection-showcase {
            padding-inline: var(--spacing-xs);
        }
        .collection-showcase__contents {
            padding: var(--spacing-sm) 0;
        }
    }
    @media (min-width: 1200px) {
        .collection-showcase__contents .section__header {
            max-width: var(--max-width-text);
            margin-inline: auto;
        }
        .collection-showcase__content {
            width: clamp(50rem, 80%, 100%);
        }
    }
}

.block.btn-wrapper {
    margin-top: var(--margin);
    text-align: center;
}

.rich-text-section {
    .rich-text__text-wrapper {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-base);
    }
}
.rich-text__heading.h2 {
    margin-bottom: 2rem;
    line-height: 120%;
}
.rich-text {
    --text-margin-top: 0;

    &.with-img {
        display: flex;
        justify-content: center;
        align-items: center;

        .rich-text__text-wrapper {
            margin: 0;
        }
        .rich-text__image {
            flex-shrink: 0;
        }
        .rich-text__heading {
            max-width: 90rem;
        }

        @media (max-width: 1023.98px) {
            gap: 2.4rem;
            flex-direction: column;
            text-align: center;
        }
        @media (min-width: 1024px) {
            gap: 2.4rem 4.8rem;

            &.text-center {
                flex-direction: column;
                text-align: center;
            }
            &.text-right {
                .rich-text__image {
                    order: 1;
                }
            }
        }
    }

    .rte :where(h1, h2, h3, h4, h5, h6) {
        margin-top: var(--spacing-base);
        margin-bottom: var(--spacing-xs);
    }
    .rte > *:first-child,
    .rte p, .rte ul, .rte ol {
        margin-top: 0;
    }
}

.show-hide-content {
    max-height: 8rem;
    margin-top: 0;
    overflow: hidden;
    transition: max-height 0.3s;
}
.show-hide-btn {
    position: relative;
    margin-top: 0.4rem;
    text-align: center;

    &::before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: 10rem;
        background: transparent linear-gradient(180deg, transparent 0%, #FFF 90%);
        transform: translateY(-100%);
    }

    .text-less {
        display: none;
    }
}
.show-hide.active {
    .show-hide-btn {
        &::before {
            display: none;
        }
        .text-more {
            display: none;
        }
        .text-less {
            display: inline-block;
        }
    }
}

.image-with-text-overlay {
    .rich-text {
        display: flex;
        gap: 1rem 2rem;
        flex-direction: column;
        align-items: flex-start;
        &.text-center {
            align-items: center;
            .btn-wrapper {
                justify-content: center;
            }
        }
        &.text-right {
            align-items: flex-end;
            .btn-wrapper {
                justify-content: flex-end;
            }
        }
    }
    .text-subheading {
        display: inline-block;
        padding-inline: var(--spacing-sm);
        

        .text-center & > {
            margin-inline: auto;
        }
        &.text-subheading__bg {
            background: rgb(var(--color-secondary-background));
        }
    }

    .btn-wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem 2rem;
        margin-top: 1rem;
    }
}

.image-with-text {
    .rich-text > *:first-child:is(.rich-text__subheading) {
        margin: 0;
    }
    .rich-text__text.rte.text-inherit :where(h1, h2, h3, h4, h5, h6) {
        margin-bottom: var(--spacing-base);
    }
    .highlight-text {
        background: none;
        color: rgb(var(--color-primary));
    }

    @media (max-width: 767.98px) {
        .image-with-text__inner {
            --padding-x: var(--spacing-sm);
            --padding-y: 4rem;
        }

        .rich-text > * + *:is(.rich-text__text),
        .rich-text > * + * {
            margin-top: var(--spacing-sm);
        }

        .rich-text > *:first-child:is(.rich-text__subheading) {
            margin-bottom: -0.4rem;
        }
    }
    @media (min-width: 768px) {
        .rich-text > * + *:is(.rich-text__text),
        .rich-text > * + * {
            margin-top: var(--spacing-base);
        }

        .rich-text > *:first-child:is(.rich-text__subheading) {
            margin-bottom: -0.8rem;
        }
    }
    @media (min-width: 1200px) {
        .image-with-text__content {
            max-width: var(--max-width-text);
            margin-inline: auto;
        }
        .image-with-text__inner {
            --padding-x: 4rem;
            --padding-y: 8rem;
        }
    }
}

.section--featured-collection,
.section--related-products {
    .section__header-wrap {
        padding-inline: var(--spacing-xs);
        .swiper-controls {
            gap: 1.2rem;
            flex-shrink: 0;
            align-self: flex-end;
            padding: 0 0 1.2rem var(--spacing-base);
            .btn {
                position: static;
            }
        }
    }
    .section__header {
        flex: 1;
    }
}

.section--collapsible-tabs {
    p + ul {
        margin-top: -1.2rem;
    }
    .accordion-item:first-child, .accordion-item:has(.accordion-details[open]) + .accordion-item {
        .accordion-details__summary::after {
            position: absolute;
            content: "";
            left: 0;
            top: 0;
            width: 100%;
            height: 0.1rem;
            background: rgb(var(--color-border));
            transition: all 0.25s;
        }
    }
    .accordion-details__summary {
        .font-heading {
            --font-heading-family: var(--font-body-family);
            --font-heading-weight: 600;
        }
    }
    .accordion-standard .accordion-details[open] .accordion-details__summary:before {
        display: none;
        background: rgb(var(--color-border));
    }

    .swiper {
        width: 100%;
    }
    .swiper-slide {
        display: flex;
        align-items: center;
    }
    .product__media-container {
        width: 100%;
    }
    @media (max-width: 767.98px) {
        padding: 3rem 1.2rem;

        .collapsible-tabs__wrapper {
            gap: var(--spacing-sm);
        }
        .section__header {
            padding: 0 0 var(--spacing-sm);
        }

        .swiper-controls {
            display: none;
        }
    }
    @media (min-width: 768px) {
        .swiper-pagination {
            display: none;
        }
        .swiper-controls {
            padding-inline: var(--spacing-xs);
            justify-content: space-between;
            position: absolute;
            z-index: 1;
            top: 50%;
            left: 0;
            right: 0;
            transform: translateY(-50%);
            opacity: 0;
            transition: opacity var(--duration-default);

            .btn {
                --swiper-navigation-icon-size: 1.3rem;
                border: 0;
                background: rgba(255, 255, 255, 0.3);

                &.swiper-button-lock {
                    display: none;
                }
            }
        }

        .swiper:hover {
            .swiper-controls {
                opacity: 1;
            }
        }
    }
    @media (min-width: 1200px) {
        .collapsible-tabs__image-col {
            max-width: var(--max-width-img);
        }
        .section__wrapper > .section__header--vertical,
        .collapsible-tabs__content-col {
            max-width: var(--max-width-text);
            margin-inline: auto;
        }

        .collapsible-tabs__content-col:only-child {
            padding-inline: var(--spacing-xs);
        }
    }
}

.feature-list {
    .feature-item {
        border-radius: var(--spacing-xs);
    }
}

.section-video {
    .media__play-button {
        --play-button-size: 4rem;
        --play-button-icon-size: 1.6rem;

        color: white;
        background: rgba(255, 255, 255, 0.5);
    }

    .media-wrapper:has(template) {
        &::after {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(0, 0, 0, 0.3);
        }
    }
}

.card-images {
    .card-media__text {
        padding-inline: var(--spacing-xs);
    }
    &.adapt {
        .swiper-slide, .card-media--link {
            display: block;
            width: max-content !important; /* hack swiper */
        }
        .card-media {
            display: block;
            width: var(--item-width, auto);
        }
        .media-wrapper {
            width: max-content;
            height: var(--card-height, 30rem);
        }
        .card-media__media {
            &::before {
                display: none;
            }
            img, svg {
                position: static !important; /* hack !important theme */
                width: auto;
                height:var(--card-height, 30rem);
            }
        }
    }
    .swiper-button-disabled {
        display: none;
    }
}

/* Drawer */
.drawer__inner {
    .drawer__close-btn {
        svg {
            width: 2rem;
            height: 2rem;
        }
    }
    .drawer__header {
        padding: 1.2rem;
    }
    .drawer__heading {
        font-family: var(--font-heading-family);
        font-size: 2.5rem;
        font-weight: 400;
        text-transform: none;
    }
    .drawer__body {
        padding-inline: 1.2rem;
        padding-block: 1rem;
    }
}

/* Push push */
.push-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;

    &.style-image {
        position: relative;
        overflow: hidden;
        img {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            height: 100%;
            width: 100%;
            object-fit: cover;
            transition: var(--animation-default);
        }

        &::after {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 84.01%, rgba(0, 0, 0, 0.40) 100%);
        }
    }

    p {
        margin: 0;
        position: relative;
        z-index: 1;
    }

    .btn {
        margin-top: var(--spacing-xs);
    }

    @media (max-width: 767.98px) {
        padding: 1.2rem;

        &.style-icon {
            img {
                margin-bottom: var(--spacing-sm);
            }
        }
    }
    @media (min-width: 768px) {
        padding: var(--spacing-base);

        &.style-icon {
            img {
                margin-bottom: var(--spacing-base);
            }
        }
    }
}
a.push-wrapper:hover {
    .btn--underline::after {
        transform: scaleX(1);
        transform-origin: var(--transform-origin-start);
        animation: text-underlined 0.6s;
    }

    &.style-image {
        img {
            transform: scale(1.08)
        }
    }
}


/* Accordion */
.accordion-details__summary {
    svg {
        width: 1.5rem;
        height: 1.5rem;
    }
}
.accordion-details .accordion-details__summary + .accordion-details__content {
    padding-top: 0;
    padding-bottom: var(--spacing-sm);
}
.accordion-parent .accordion-standard  + .accordion-standard {
    margin-top: 0;
}

/* Cart drawer*/
.cart-item__details {
    .block, .cart-item__options {
        line-height: 1.1;
        margin-bottom: 0.8rem;
    } 
}
/* Cart item */
.cart-item__title {
    font-weight: 700;
}
/* Wishlist */
.product-wishlist-wrapper {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);

    @media (max-width: 767.98px) {
        width: 2.5rem;
        height: 2.5rem;
    }
    @media (min-width: 768px) {
        width: 3rem;
        height: 3rem;
    }

    svg {
        width: 100%;
        height: 100%;
    }

    button.swym-button {
        height: auto;
        padding: 0;
        border: none;

        &.swym-added, &.swym-added:hover {
            opacity: 1;

            .icon-heart-filled {
                fill: currentColor;
            }
        }
    }
}
.product-card {
    .swym-wishlist-collections-v2-container {
        left: auto;
        right: 0;
        .swym-wishlist-collections-v2 {
            transform: none !important; /* hack js app wishlist plus */
        }
        img {
            width: auto;
        }
    }
}
.swym-wishlist-modal-container.swym-ui-component {
    --wishlist-padding-x: 3rem;

    .swym-wishlist-detail-header {
        padding: 3rem var(--wishlist-padding-x) 0;
        .swym-wishlist-main-title {
            font-family: var(--font-heading-family);
            letter-spacing: 0;
            font-size: var(--font-h2-size);
        }
    }
    .swym-wishlist-detail-separator {
        display: none;
    }
    .swym-wishlist-detail-content {
        margin: 0;
    }
    .swym-wishlist-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        max-width: none;
        padding-inline: var(--wishlist-padding-x);
        margin-bottom: var(--spacing-base);
        gap: var(--spacing-xs);

        li {
            width: 100%;
            margin: 0;
        }

        .swym-wishlist-image-wrapper {
            height: auto;
            max-height: none;
            aspect-ratio: 1;
        }
        .swym-wishlist-item {
            height: 100%;
            gap: 0.8rem;
            justify-content: flex-start;
            .swym-title {
                margin: 0;
                padding: 0.8rem var(--spacing-xs) 0;
                text-overflow: initial;
                overflow: visible;
                white-space: normal;
                color: var(--color-dark);
                font-family: var(--font-pcard-title-family);
                font-style: var(--font-pcard-title-style);
                font-weight: var(--font-pcard-title-weight);
                font-size: var(--font-pcard-title-size, 1.6rem);
            }
            .swym-variant-title {
                display: none;
            }
            .swym-product-price {
                margin-top: auto;
                padding: 0 var(--spacing-xs);
                font-size: var(--font-price-size);
                color: currentColor;

                &.swym-has-sale .swym-product-final-price {
                    color: rgb(var(--color-product-price-sale));
                }
                .swym-product-original-price {
                    font-size: var(--font-price-size-old);
                    color: var(--color-foreground-lighten-60);
                    line-height: var(--font-body-line-height);
                    font-weight: var(--font-body-weight);
                }
            }
            .swym-add-to-cart-btn {
                margin: 0 var(--spacing-xs) var(--spacing-xs);
                white-space: normal;
            }
        }
    }

    @media only screen and (max-width: 900px) {
        --wishlist-padding-x: 0.4rem;

        .swym-simple-wishlist-modal .swym-modal-content .swym-simple-wishlist-container {
            background: #FFF;
        }
        .swym-simple-wishlist-modal .swym-modal-content .swym-simple-wishlist-container-content {
            padding: 0;
        }
        .swym-simple-wishlist-container {
            .swym-wishlist-detail {
                &.swym-show-share-option-on-top .swym-wishlist-detail-header {
                    margin: 0;
                }
                .swym-wishlist-main-title {
                    margin-left: 0.8rem;
                    font-weight: var(--font-heading-weight);
                    letter-spacing: 0;
                    font-size: var(--font-h3-size);
                }
                .swym-wishlist-context-menu {
                    width: auto;
                    right: auto;
                }
            }
        }
        .swym-wishlist-detail-header .swym-action-container {
            position: static;
            margin: 1rem 0;
        }
        .swym-wishlist-grid {
            li:nth-child(2n) {
                margin: 0;
            }
        }
    }
    @media only screen and (max-width: 767.98px) {
        .swym-wishlist-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }
}
.swym-wishlist-notifications-container .swym-powered-by-text {
    display: none;
}

@media (max-width:767.98px) {
    .sticky-atc-bar__inner {
        .sticky-atc-bar__product {
            --font-price-size: 1.4rem;
            --font-price-size-old: var(--font-price-size);

            display: block;
            flex: 1 0 auto;
            padding-inline: 15px;
            text-align: center;
        }
        .sticky-atc-bar__product-image, .sticky-atc-bar__product-title {
            display: none;
        }
        .sticky-atc-bar__form {
            width: auto;
            flex: 1 1 auto;
            max-width: 210px;
        }
    }
}


/* Animation hover */
@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine) {
  .product-card__wrapper:hover .product-card__image-wrapper--main-only .product-card__image {
    transform: scale(1.02, 1.02);
  }
  .hover-wrapper:hover .hover-scale-up {
    --scale-x: 1.02;
    --scale-y: 1.02;
  }
}
@keyframes text-underlined-zero {
  0% {
    transform: scaleX(1);
    transform-origin: var(--transform-origin-end);
  }
  100% {
    transform: scaleX(0);
  }
}

/* Modal */
.drawer.modal {
    ul {
        list-style: initial;
        padding-left: 40px;
    }
}