/** Shopify CDN: Minification failed

Line 1378:0 Unexpected "@media"

**/
:root {
    /* Colors */
    --color-primary: #575756;
    --color-secondary: #8C8B8B;
    --color-light: #F8F6F4;
    --color-dark: #3D3D3D;
    --color-light-grey: #B7B7B7;
    --color-icon-grey: #cccccc;
    --color-white: #FFFFFF;
    --color-accent: #49715D;
    --color-accent-hover: #8FAF9D;
    --color-accent-2: #4A6267;
    --color-accent-2-hover: #5B7B80;
    --color-promo: #B5EF8A;
    --color-overlay: #252525;
    --color-overlay-rgb: 37 37 37;
    --color-primary-rgb: 87 87 86;
    --color-secondary-rgb: 140 139 139;
    --color-accent-rgb: 73 113 93;
    --color-light-grey-rgb: 183 183 183;

    --on-sale-badge-text: var(--color-accent);
    --sold-out-badge-text: var(--color-white);

    /* Font properties */
    --heading-font-family-2: helvetica-neue-lt-pro, sans-serif;
    --heading-font-family-3: "Just Me Again Down Here", cursive;
    --text-font-family: helvetica-neue-lt-pro, sans-serif;

    --text-h0: 2rem;
    --text-h1: 1.75rem;
    --text-h2: 1.25rem;
    --text-h3: 1.065rem;
    --text-h4: 0.875rem;
    --text-h4-bis: 1rem;
    --text-h5: 1rem;
    --text-h6: 0.9rem;
    --text-xs: 0.75rem;
    --text-sm: 0.75rem;
    --text-lg: 1.0625rem;
    --text-nav-mobile: 1.125rem;

    --text-price: 1rem;
    --text-price-lg: 1.375rem;
    --text-old-price: 0.875rem;
    --text-old-price-lg: var(--text-base);

    @media screen and (min-width: 700px) {
        --text-h0: 2.625rem;
        --text-h1: 2.25rem;
        --text-h2: 1.44rem;
        --text-h3: 1.25rem;
        --text-h4: 0.875rem;
        --text-h4-bis: 0.875rem;
        --text-h5: 0.875rem;
        --text-h6: 0.75rem;
        --text-lg: 1.25rem;

        --text-price: 1.125rem;
        --text-price-lg: 1.375rem;
        --text-old-price: 0.875rem;
        --text-old-price-lg: var(--text-base);
    }

    /* Forms */
    --input-gap: 30px;
    --input-height: 2.188rem;
    --input-padding-inline: 0.75rem;
    --input-background: 255 255 255;
    --password-on: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjx0aXRsZT5leWUtZGlzYWJsZWQtZ2x5cGg8L3RpdGxlPjxwYXRoIGQ9Ik00MDkuODQsMTMyLjMzbDk1LjkxLTk1LjkxQTIxLjMzLDIxLjMzLDAsMSwwLDQ3NS41OCw2LjI1TDYuMjUsNDc1LjU4YTIxLjMzLDIxLjMzLDAsMSwwLDMwLjE3LDMwLjE3TDE0MC43Nyw0MDEuNEEyNzUuODQsMjc1Ljg0LDAsMCwwLDI1Niw0MjYuNjdjMTA3LjYsMCwyMDQuODUtNjEuNzgsMjUzLjgxLTE2MS4yNWEyMS4zMywyMS4zMywwLDAsMCwwLTE4LjgzQTI5MSwyOTEsMCwwLDAsNDA5Ljg0LDEzMi4zM1pNMjU2LDM2Mi42N2ExMDUuNzgsMTA1Ljc4LDAsMCwxLTU4LjctMTcuOGwzMS4yMS0zMS4yMUE2My4yOSw2My4yOSwwLDAsMCwyNTYsMzIwYTY0LjA3LDY0LjA3LDAsMCwwLDY0LTY0LDYzLjI4LDYzLjI4LDAsMCwwLTYuMzQtMjcuNDlsMzEuMjEtMzEuMjFBMTA2LjQ1LDEwNi40NSwwLDAsMSwyNTYsMzYyLjY3Wk0yLjE5LDI2NS40MmEyMS4zMywyMS4zMywwLDAsMSwwLTE4LjgzQzUxLjE1LDE0Ny4xMSwxNDguNCw4NS4zMywyNTYsODUuMzNhMjc3LDI3NywwLDAsMSw3MC40LDkuMjJsLTU1Ljg4LDU1Ljg4QTEwNS45LDEwNS45LDAsMCwwLDE1MC40NCwyNzAuNTJMNjcuODgsMzUzLjA4QTI5NS4yLDI5NS4yLDAsMCwxLDIuMTksMjY1LjQyWiIvPjwvc3ZnPg==");
    --password-off: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjxwYXRoIGQ9Ik0zMjAsMjU2YTY0LDY0LDAsMSwxLTY0LTY0QTY0LjA3LDY0LjA3LDAsMCwxLDMyMCwyNTZabTE4OS44MSw5LjQyQzQ2MC44NiwzNjQuODksMzYzLjYsNDI2LjY3LDI1Niw0MjYuNjdTNTEuMTQsMzY0Ljg5LDIuMTksMjY1LjQyYTIxLjMzLDIxLjMzLDAsMCwxLDAtMTguODNDNTEuMTQsMTQ3LjExLDE0OC40LDg1LjMzLDI1Niw4NS4zM3MyMDQuODYsNjEuNzgsMjUzLjgxLDE2MS4yNUEyMS4zMywyMS4zMywwLDAsMSw1MDkuODEsMjY1LjQyWk0zNjIuNjcsMjU2QTEwNi42NywxMDYuNjcsMCwxLDAsMjU2LDM2Mi42NywxMDYuNzksMTA2Ljc5LDAsMCwwLDM2Mi42NywyNTZaIi8+PC9zdmc+");

    /* Spacing */
    --content-over-media-row-gap: var(--spacing-5);
    --content-over-media-column-gap: var(--spacing-5);
}

/* JS */
.only-fr.hidden {
    display: none !important;
}
[data-tooltip]:after {
    max-width: 400px;
    background-color: white;
    color: rgba(var(--color-primary-rgb) / .8);
    padding: 10px;
    border: 1px solid rgba(var(--color-primary-rgb) / .7);
    line-height: 1.3;
    font-weight: 500;
    font-size: 0.75rem;
    border-radius: var(--rounded-input);
}

/* Spacing */
.section {
  padding-block-start: 40px;
  padding-block-end: 40px;
}
[role=main] .shopify-section:has(image-banner) {
    background: var(--color-light);
    .section-full {
        padding: 0;
    }
}
.shopify-section--hot-spots .section-full {
    @media screen and (max-width: 999px) {
        padding: 0;
    }
    @media screen and (min-width: 1000px) {
        padding-block: 0;
    }
}
@media screen and (max-width: 699px) {
    .section:has(.globo-form-app) {
        padding-block-start: 10px;
    }
}
@media screen and (min-width: 900px) {
    .sm\:gap-20 {
        gap: var(--spacing-20);
    }
}

/* Colors */
.bg-custom {
    background: var(--background-hexa, rgb(var(--background)));
}
.color-primary {
    color: var(--color-primary);
}
.color-secondary {
    color: var(--color-secondary);
}
.color-dark {
    color: var(--color-dark);
}

/* Typo */
.h0 {
    line-height: 1.1;
}
h2, .h2 {
    margin-bottom: 5px;
}
h3, .h3 {
    font-family: var(--heading-font-family-2);
}
h4, .h4 {
    font-family: var(--heading-font-family-2);
    font-size: var(--text-h4);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.7px;
}
.h4-bis {
    font-family: var(--heading-font-family-2); 
}
@media screen and (min-width: 700px) {
    .h4-bis {
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.7px;
    }      
}
h5, .h5 {
    font-family: var(--heading-font-family-2);
}
h6, .h6 {
    font-family: var(--heading-font-family-2);
    font-weight: 500;
    text-transform: uppercase;
}

.hd1 {
    font-family: var(--heading-font-family-3);
    font-size: 37px;
    line-height: 1;
    @media screen and (min-width: 700px) {
        font-size: 47px;
    }
}
.hd2 {
    font-family: var(--heading-font-family-3);
    font-size: 24px;
    @media screen and (min-width: 700px) {
        font-size: 31px;
    }
}
.font-family-1 {
    font-family: var(--text-font-family);
}
.font-family-2 {
    font-family: var(--heading-font-family);
}
.font-family-3 {
    font-family: var(--heading-font-family-3);
}
.text-lg {
    font-family: var(--heading-font-family);
    line-height: 1.5;
}

.subheading {
    font-weight: 500;
    font-size: 0.8125rem;
    text-transform: uppercase;
    line-height: 1.3;
    letter-spacing: 0.7px;
    @media screen and (min-width: 700px) {
        font-size: 0.875rem;
        letter-spacing: 0.65px;
    }
}

.body-heading {
    font-family: var(--heading-font-family);
    font-size: var(--text-lg);
    color: var(--color-primary);
}
.price-list {
    font-family: var(--text-font-family);
    font-weight: 700;
    font-size: var(--text-price);

    .text-on-sale {
        padding: 0 4px;
        color: var(--color-accent);
        background: var(--color-promo);
        border-radius: 4px;
    }

    .text-subdued {
        color: var(--text-color);
    }

    .line-through {
        font-weight: 400;
        font-size: var(--text-old-price);
    }
}
.price-list--lg {
    column-gap: 5px;
    width: 100%;
    .line-through {
        color: var(--text-color);
        font-weight: 700;
        font-size: var(--text-old-price-lg);
    }

    .text-lg {
        font-family: inherit;
        font-size: var(--text-price-lg);
        line-height: 1.4;
    }
}
.text-regular {
    font-weight: 400;
}
.text-body {
    font-size: 0.9375rem; /* 15px */
}
.link {
    letter-spacing: 0.65px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.75rem;
    display: inline-block;
    @media screen and (min-width: 1150px) {
        font-size: 0.815rem;
    }
}
.div-link {
    cursor: pointer;
    display: inline-block;
    margin-top: 10px;
    background: linear-gradient(to right, currentColor, currentColor) 0 min(100%, 1.35em) / 100% 1px no-repeat;
    transition: background-size .3s ease-in-out, color .3s ease-in-out;
}
@supports (height: 1lh) {
  :is(.link, .prose a:not(.button), .div-link) {
    background: linear-gradient(to right, currentColor, currentColor) 0 min(80%, 1.2lh) / 100% 1px no-repeat;
  }
}
@media screen and (pointer: fine) {
    :is(.link,.prose a:not(.button),.div-link):hover {
        background-size: 0 1px;
    }
}
/* Button */
.button, .btn {
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.7px;
    justify-content: center;

    &:not(.button--sm):not(.button--lg):not(.button--xl) {
        padding: 10px 30px;
        min-height: 46px;
        font-size: 0.875rem;
    }
}
.button--subdued {
    --button-background: 255 255 255 !important;
}
.button--text {
    padding: 0;
}
.button--outline {
  box-shadow: inset 0 0 0 1px;
}
.button--download {
    gap: var(--spacing-2);
    svg {
        flex-shrink: 0;
    }
}
.prose :is(.h3, .h4, h3, h4) + .link {
    margin-block-start: var(--spacing-1);
}
.no-uppercase {
    text-transform: none;
}

/* Badge */
.blog-post-card {
  --blog-post-card-badge-spacing: var(--spacing-2-5);
  @media screen and (min-width: 700px) {
    --blog-post-card-badge-spacing: var(--spacing-1);
  }
}
.badge {
    color: var(--badge-color);
    text-transform: uppercase;
    border-radius: 4px;

    &:not(.badge--lg) {
        font-size: var(--text-sm);
    }
}
.badge--blog,
.article-banner__content > .badge {
    --badge-color: var(--color-white);
    --badge-background: var(--color-secondary);
    font-family: var(--heading-font-family-3);
    text-transform: none;
    font-size: var(--text-lg);
    font-weight: 400;
    line-height: 1.3;
    background: var(--badge-background);

    &:not(.badge--lg) {
        font-size: 1.375rem;
    }
}
.badge:not(.badge--lg).badge--product {
    line-height: 1.3;
    font-size: 11px;
    @media screen and (min-width: 700px) {
        font-size: var(--text-sm);
        padding-block-start: var(--spacing-1);
        padding-block-end: var(--spacing-1);
    }
}

/* Form */
.input, .textarea, .select {
    border-radius: 30px;
    border-color: var(--color-secondary);
}
.input.is-floating, .select.is-floating {
    padding-block-start: var(--spacing-3);
}
.textarea.is-floating {
    padding-block-start: var(--spacing-4);
}
:is(:is(.input, .textarea):focus ~ .floating-label, :is(.input, .textarea):not(:placeholder-shown) ~ .floating-label, :is(.input, .textarea, .select):autofill ~ .floating-label, .select:valid ~ .floating-label) {
    transform: scale(.65) translateY(calc(-1 * var(--spacing-3)));
}
.floating-label {
    margin-left: var(--input-padding-inline);
}
.checkbox-list {
    gap: 15px;
}
.checkbox {
    --checkmark-svg-url: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.78946 7.84144C3.59013 8.05285 3.267 8.05285 3.06766 7.84144L0.149497 4.6079C-0.0498322 4.39649 -0.0498322 4.05378 0.149497 3.84236L0.390115 3.58713C0.589444 3.37572 0.912621 3.37572 1.11196 3.58713L3.42856 6.18267L6.88805 0.158562C7.08739 -0.0528538 7.41052 -0.0528538 7.60985 0.158562L7.8505 0.41379C8.04983 0.625205 8.04983 0.967917 7.8505 1.17933L3.78946 7.84144Z' /%3E%3C/svg%3E%0A");
    background-color: var(--color-white);
    border: 1px solid var(--color-secondary);
    border-radius: 0;
    box-shadow: none;

    &  ~ label {
        padding-inline-start: 8px;
    }

    &:not(:checked):not(:disabled) ~ label {
        opacity: 1;
        color: var(--color-secondary);
    }

    &:checked {
        background-color: rgb(var(--text-color));
        border-color: rgb(var(--text-color));
    }

    &[type=radio] {
        border-radius: 100%;
    }
}
.checkbox-container label,
.fieldset label p {
    text-align: left;
}
.form-info {
    font-size: var(--text-s);
    text-indent: 12px;
    color: var(--color-secondary);
    margin-top: -30px;
    text-align: left;
}
.password-toggle {
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    background: var(--password-on) no-repeat center center;
    background-size: 80%;
    opacity: .6;
    cursor: pointer;
    &.off {
        background: var(--password-off) no-repeat center center;
        background-size: 80%;
    }   
}

/* Form Calculator */
.title:has(+ .form--calculator)  {
    margin-bottom: 0.5rem;
}
.form--calculator {
    --input-gap: 20px;
    display: flex;
    gap: var(--input-gap);
    margin-bottom: 1rem;
    align-items: center;
    flex-wrap: wrap;
    .operator {
        margin-top: 32px;
    }
}
.form--calculator .input {
    text-align: center;
    width: 120px;
    border-color: rgb(var(--text-color) / .12);
    &:focus {
        box-shadow: none;
    }
}
@media screen and (max-width: 500px) {
   .form--calculator {
        --input-gap: 10px;
        .input {
            width: 100px;
        }
   }
}
@media screen and (min-width: 1000px) and (max-width: 1180px) {
   .form--calculator {
        --input-gap: 10px;
        .input {
            width: 100px;
        }
   }
}

/* Product block */
.color-swatch {
    --swatch-offset: 1px;
    --swatch-size: 20px;
}
.color-swatch:before {
    box-shadow: 0 0 0 1px var(--color-primary);
    inset: initial;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    transform: initial;
    will-change: initial;
}
.color-swatch__view-more {
    padding: 0;
    border: none;
    font-size: var(--text-sm);
    color: var(--text-color);
}

.product-card {
    --product-card-badge-spacing: 6px;
    --product-card-info-padding: 16px;
}

.product-card__badge-list {
    display: flex;
    flex-wrap: wrap;
}
.product-card__badge-list:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 4px;
    right: 4px;
}
.product-card__badge-list .badge--primary {
    order: 1;
}
.product-card__badge-list .badge--primary:first-child {
    margin-left: auto;
}

@media screen and (max-width: 630px) {
    .product-list .product-card__badge-list > *:not(:first-child) {
        display: none;
    }
}

.product-card__image:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-radius: var(--rounded-lg);
    aspect-ratio: 1;
}

.product-card__title .bold {
    font-weight: 400;
}
.product-card-sold-out .product-card__info {
    opacity: 0.7;
}

.product-wishlist,
.product-info .iWishAdd.st-1 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    background: var(--color-white);
    border: 1px solid var(--color-primary);
}
.product-card__figure .product-wishlist {
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: 35px;
    height: 35px;
    opacity: 0;
    transition: opacity .2s ease-in-out;
}
.product-card__figure:hover .product-wishlist {
    opacity: 0.7;
}
.product-card__figure:hover .product-wishlist:hover {
    opacity: 1;
}

/* Header */
.announcement-bar {
    padding-block: 5px;
}
.announcement-bar__wrapper {
    max-width: max-content;

    @media screen and (min-width: 700px) {
        p {
            font-size: 0.875rem;
        }
    }
}

.header {
    @media screen and (min-width: 375px) {
        --header-icon-list-spacing: 25px;
    }
    @media screen and (min-width: 1150px) {
        --header-grid-template: "logo main-nav secondary-nav" / minmax(0, 1fr) auto minmax(0, 1fr);
    }
}
.header__wrapper {
    --header-padding-block: 12px;
    color: var(--color-primary);
    border-bottom: 1px solid rgba(87, 87, 86, 0.1);
}

/* Top menu */
@media screen and (min-width: 1150px) {
    .shopify-section--header-top-nav {
        display: flex;
        align-items: center;
        gap: 30px;
        padding: 8px max(var(--container-gutter), 50% - var(--container-max-width) / 2);
        position: relative;
        z-index: 102;
        font-size: 13px;

        .baseline {
            flex: 1;
        }

        .top-menu {
            display: flex;
            gap: 30px;

            .exlude-first .popover-listbox__option:first-child {
                display: none;
            }
            a {
                font-weight: 400;
            }
        }

        .group {
            gap: 5px;
        }
    }
}

/* Navigation */
.header__link-list {
    align-items: center;

    .text-with-icon {
        gap: 2px;
    }
    & > .contents > li:nth-last-child(2) {
        display: flex;
        gap: var(--header-link-list-spacing);

        &::before {
            content: '|';
        }
    }
    .blog {
        font-family: var(--heading-font-family-3);
        color: var(--color-accent);
        font-size: 26px;
        font-weight: 400;
        line-height: 0.7;
    }

    @media screen and (min-width: 1150px) {
        --header-link-list-spacing: 15px;
        --header-grid-template: "logo main-nav secondary-nav" / minmax(0, 1fr) auto minmax(0, 1fr);
    }
    @media screen and (min-width: 1150px) and (max-width: 1339px) {
        font-size: var(--text-sm);

        .blog {
            font-size: 22px;
        }
    }
    @media screen and (min-width: 1440px) {
        --header-link-list-spacing: 20px;
    }
    @media screen and (min-width: 1500px) {
        --header-link-list-spacing: 28px;
    }
}
.navigation-drawer[open] {
    &::part(content) {
        color: var(--color-primary);
    }

    .shopify-section--header-top-nav {
        display: grid;
        gap: 10px;
        font-weight: 700;
    }
    .top-menu {
        --gap-menu: 15px;
        display: grid;
        gap: var(--gap-menu);
        grid-column: 1/3;
        order: -1;
        padding-block-end: 30px;
        border-bottom: 1px solid rgb(var(--text-color) / .12);

        button {
            display: none;
        }
        .popover-listbox {
            display: grid;
            gap: var(--gap-menu);
            text-align: left;
        }
        .popover-listbox__option {
            display: inline;
            padding: 0;
            font-size: inherit;
            color: inherit;
        }

        .popover {
            /* Showing submenu */
            display: block !important;
            visibility: visible !important;
            opacity: 1 !important;
            position: static;
            padding: 0;

            &::part(overlay) {
                display: none;
            }
            &::part(title), &::part(outside-close-button) {
                display: none;
            }
            &::part(content) {
                box-shadow: none;
                border: 0;
                font-size: inherit;
                color: inherit;
            }
            &::part(body) {
                padding: 0;
            }
        }
    }

    .baseline {
        grid-column: 1/2;
    }

    .localization-list {
        width: fit-content;
        grid-column: 2/3;
        justify-self: end;
    }
}

/* Mega menu */
.mega-menu {
    border-top: solid 1px rgba(87, 87, 86, 0.1);
    --mega-menu-block-padding: var(--spacing-8);
    --mega-menu-gap: var(--spacing-10);
    flex-wrap: wrap;
    > ul, .navigation-promo__wrapper, .has__sub-menu {
        flex: auto;
    }
    a:not(.link, .menu--promo) {
        color: var(--color-primary);
    }
    a.link {
        color: rgb(var(--text-primary));
    }
}
.mega-menu__title__container {
    display: flex;
    width: 100%;
    column-gap: var(--spacing-10);
    + .mega-menu__nav {
        font-family: var(--heading-font-family-2);
        font-size: 1.0625rem;
        font-weight: 700;
        line-height: 2;
    }
    @media screen and (min-width: 1150px) and (max-width: 1339px) {
        .menu--view-all {
            margin-top: 2px;
        }    
    }
}
.mega-menu__nav {
    display: block;
    color: var(--color-primary);
    max-width: 280px;
    &.two-spans-promo__container {
        flex-basis: 35%;
        max-width: none;
    }
    > li {
        width: 100%;
        line-height: 2;
    }
    .mega-menu__title {
        font-size: 1.5rem;
        margin-bottom: var(--spacing-6);
        line-height: 1;
    }
    .menu--view-all {
        margin-top: var(--spacing-6);
    }
}
.has__sub-menu {
    max-width: 260px;
    .mega-menu__title {
        font-family: var(--heading-font-family-2);
        font-size: 1.0625rem;
        font-weight: 700;
        line-height: 2;
        margin-bottom: 0;
    }
}
.navigation-promo__wrapper:has(.two-spans) {
    flex-basis: calc(65% - 40px);
}
.menu--promo {
    color: var(--color-accent);
    background-color: var(--color-promo);
    border-radius: var(--rounded-lg);
    padding: 5px;
    @media screen and (max-width: 1149px) {
        padding: 5px 10px;
    }
}
.sub-menu {
    margin-bottom: var(--spacing-6);
}
.menu--cms {
    background-color: var(--color-light);
    border-radius: var(--rounded-lg);
    padding: var(--spacing-5);
    max-width: 360px;
    line-height: 2;
}
.navigation-promo__wrapper .menu--cms {
    max-width: 100%;
}
.navigation-promo {
    .content-over-media {
        aspect-ratio: 1.4;
        border-radius: var(--rounded-lg);
        position: relative;
    }
    .content-over-media.two-spans {
        aspect-ratio: 2.2;
        @media screen and (min-width: 1500px) {
            aspect-ratio: 2.5;
        }
    }
    .content-over-media::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgba(37, 37, 37, 0.00) 61.18%, var(--color-overlay) 100%);
        border-radius: var(--rounded-lg);
    }
}
@media screen and (max-width: 1149px) {
    .drawer::part(overlay) {
        background: rgba(0, 0, 0, .7);
    }
    .navigation-drawer::part(content) {
        border-radius: 5px;
    }
    :is(.drawer, .popover)::part(outside-close-button) {
        width: 60px;
        height: 60px;
    }
    .navigation-drawer [is="close-button"] {
        border-color: var(--color-primary);
    }
    .panel button .circle-button {
        width: var(--spacing-7-5);
        height: var(--spacing-7-5);
    }
    .nav-mobile,
    .menu--promo {
        font-size: var(--text-nav-mobile);
        font-weight: 700;
    }
    .panel__scroller > ul > li:first-child {
        padding-top: 1px;
    }
    .panel__scroller {
        margin-right: calc(-1 * var(--drawer-body-padding));
        padding-right: calc(var(--drawer-body-padding) / 2);
    }
    .nav-mobile .blog {
        font-family: var(--heading-font-family-3);
        color: var(--color-accent);
        font-size: 32px;
        font-weight: 400;
        line-height: 1;
    }
    .panel__wrapper {
        gap: var(--spacing-8);
        overflow-x: hidden;
    }
    .title-lv1 {
        margin-bottom: var(--spacing-3);
    }
    .menu--cms {
        max-width: none;
        line-height: 3;
    }
}

/* Breadcrumbs */
.breadcrumb {
    font-size: var(--text-sm);
    color: var(--color-secondary);

    span:last-child {
        color: var(--color-primary);
    }
}

/* Reinsurance */
.shopify-section-group-footer-group {
    &.shopify-section--text-with-icons {
        .icon-block {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0;
            width: 85px;
            height: 85px;
        }
        .h4 {
            font-size: 14px;
            font-weight: 700;
        }
        .prose :is(.h3, .h4, h3, h4) + * {
            margin-top: 0;
        }
        .page-dots > * {
            background: var(--color-secondary);
            opacity: 1;

            &[aria-current="true"] {
                background: rgb(var(--text-color));
            }
        }

        .icon-france {
            width: 50px;
            height: 50px;
        }
        .icon-satisfaction {
            width: 58px;
            height: 58px;
        }
        .icon-phone-payment {
            width: 47px;
            height: 47px;
        }
        .icon-truck {
            width: 56px;
            height: 56px;
        }
    }
}

/* Footer */
.footer {
    padding-top: 0;
    padding-bottom: 20px;
}
.footer__wrapper {
    --footer-aside-gap: 30px;
    background: var(--color-white);
    border-top-right-radius: 40px;
    padding-block: 40px;

    @media screen and (max-width: 699px) {
        padding-inline: 20px;
    }
    @media screen and (min-width: 700px) {
        gap: 30px;
        padding-inline: 40px;
    }
}
.footer__block-list {
    @media screen and (min-width: 700px) {
        column-gap: 30px;
        justify-content: space-between;
    }
    @media screen and (min-width: 1000px) {
        gap: 30px;
    }
    @media screen and (min-width: 1300px) {
        gap: 0;
        justify-content: space-between;
    }
}
.footer__block--newsletter {
    color: var(--color-primary);
    .form-control .self-submit-button {
        right: 10px;
    }
    .circle-chevron {
        color: var(--color-white);
        background: var(--color-primary);
    }
    input {
        padding-right: 40px;
        border-radius: 2px;
    }
    @media screen and (min-width: 1000px) {
        max-width: 290px;
    }
}
.footer__block--menu {
    --footer-block-gap: 10px;
    font-size: 14px;
    color: var(--color-primary);

    .bold {
        font-size: 16px;
    }

    &:last-child {
        margin-right: 0;
    }

    @media screen and (max-width: 699px) {
        grid-column: 1/3;
        gap: 15px;
    }
    @media screen and (min-width: 1150px) {
        max-width: 20%;
    }
}

.footer__aside {
    @media screen and (min-width: 700px) {
        display: block;
    }
}
.footer__aside-top {
    @media screen and (max-width: 699px) {
        order: 1;
    }
    @media screen and (min-width: 700px) {
        margin-bottom: var(--footer-aside-gap);
    }
}
.footer__copyright {
    display: block;
    p {
        display: inline;
    }
}
.footer__testimonials {
    img {
        filter: grayscale(1) contrast(1) brightness(1);
        mix-blend-mode: multiply;
    }

    @media screen and (max-width: 699px) {
        order: 2;
    }
    @media screen and (min-width: 700px) {
        float: right;
        margin-top: -90px;
    }
}
.footer__aside-bottom {
    @media screen and (max-width: 699px) {
        order: 3;
    }
    @media screen and (min-width: 700px) {
        padding-right: 140px;
    }
    @media screen and (min-width: 1150px) {
        padding-right: 20%;
    }
}
.footer__policy-links {
    display: inline;
    li {
        display: inline;

        &:before, & + li:before {
            content: '-';
            margin-inline: 5px;
        }
    }
}

/* Social media */
.social-media li {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Slideshow */
.slideshow__slide {
    display: grid;
}
.slide-content .prose * + :is(.h0, .h1, h1),
.prose .h0 + .button {
    margin-block-start: var(--spacing-3) !important;
}
@media screen and (max-width: 999px) {
    .slideshow__slide .content-over-media {
        order: -1;
    }
    .slideshow__controls {
        right: 20px;
        left: auto;
        bottom: 40px;
    }
    .slide-content {
        padding: 40px 20px;
    }
}
@media screen and (min-width: 1000px) {
    .slideshow__slide {
        grid-template-columns: 2fr 3fr;
    }
    .slideshow__controls {
        right: auto;
        left: 40px;
        bottom: auto;
    }
    .slide-content {
        padding: 40px 40px var(--container-gutter) 40px;
    }
    .slide-content .button--xl {
        font-size: 1rem;
    }
}
@media screen and (min-width: 1250px) {
    .slideshow__slide {
        grid-template-columns: 1fr 2fr;
    }
}
.slideshow__controls .circle-button {
    width: var(--spacing-8-5);
    height: var(--spacing-8-5);
}
.circle-button--bordered {
    border: 1px solid;
}
.prev-next-buttons {
    gap: var(--spacing-2);
}
.animated-arrow:before {
  border-block-start-width: 1px;
  border-inline-end-width: 1px;
}
.animated-arrow:after {
    height: 1px;
}

/* Media grid */
.media-grid {
    --calculated-row-height: max(150px, min(100vw / 3, var(--media-grid-row-height)));
    --grid-gutter: 4px;
    .content-over-media:before {
        background: linear-gradient(180deg, rgb(var(--content-over-media-overlay-color) / 0) 61.18%, rgb(var(--content-over-media-overlay)) 100%);
    }
}
@media screen and (max-width: 699px) {
    .media-grid {
        --product-list-column-gap: var(--spacing-1);
    }
}
@media screen and (min-width: 700px) {
    .media-grid.columns-3 {
        grid: auto-flow dense var(--calculated-row-height) / repeat(3, minmax(0, 1fr));
    }
}

/* Section header */
.section-header .prose :is(.h0, .h1, .h2, h1, h2) + * {
    margin-block-start: var(--spacing-4);
}
.prose :is(.h3) {
    font-family: var(--heading-font-family-2);
}
.section-stack.row-24 {
    --section-stack-spacing-block: 24px;
    .h3 {
        margin-bottom: 0;
    }
}
.section-stack:has(.section-header),
.section-stack:has(.blog-posts__header) {
    --section-stack-spacing-block: 30px; 
}

/* Hot spots */
.full-bleed .place-self-end.text-end {
    margin-inline-start: calc(var(--container-outer-width));
    margin-inline-end: calc(var(--container-outer-width));
    margin-bottom: calc(var(--container-outer-width));
}
@media screen and (max-width: 999px) {
    .shopify-section--hot-spots .section-stack {
        gap: 0;
    }
    .shopify-section--hot-spots .content-over-media > :is(picture, img, video, iframe, svg, video-media) {
        width: auto;
        max-width: 100%;
        min-height: 500px;
    }
}

/* Review - Skeepers */
:root {
    --spacing-xs: 0.4rem;
}
.page-width .skeepers_product__reviews {
    margin: 0;
    padding-inline: var(--spacing-xs);
}
.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;
    }
}

@media screen and (min-width: 1000px) {
    .scrollbar {
        padding-bottom: 1px;
        padding-right: 1px;
    }
    .scrollbar__buttons {
        gap: var(--spacing-xs);
    }
}

/* Blog */
@media screen and (min-width: 700px) {
  .blog-posts {
    --blog-articles-gap: var(--spacing-8) var(--spacing-5);
  }
}
.header-icon__top {
    position: absolute;
    right: 0;
    top: -20px;
}
.header-icon__middle {
    display: inline-block;
    vertical-align: middle;
    margin-inline-start: 10px;
}
.blog-posts__header--column {
    margin: auto 0;
}
.blog-posts__header--column .link {
    margin-top: var(--spacing-6);
    color: var(--color-primary);
}
.blog-posts__header--column > h2 > p:first-child {
    padding-right: 57px;
}
.blog-post-card__figure {
    aspect-ratio: 1.5;
}

.blog-posts__header {
    color: var(--color-primary);
    display: flex;
    justify-content: space-between;
    p {
        display: inline;
    }
    .header-icon {
        display: inline-block;
        vertical-align: bottom;
    }
    img {
        display: inline;
    }
}
.blog-posts.scroll-area {
    grid: initial;
}
.blog-list {
    --list-gap: var(--product-list-row-gap) var(--product-list-column-gap);
    --list-items-per-row: 1;
    --list-carousel-item-width: 74vw;
    --list-grid: auto / auto-flow var(--list-carousel-item-width);


    grid: var(--list-grid);
    gap: var(--list-gap);
    scroll-padding-top: calc(var(--sticky-area-height)  + 20px);
    display: grid;
    position: relative;

    @media screen and (min-width: 700px) {
        --product-list-column-gap: var(--spacing-5);
        --list-gap: var(--product-list-row-gap) var(--product-list-column-gap);
        --list-items-per-row: 2;
        --list-carousel-item-width: 36vw;
    }

    @media screen and (min-width: 1000px) {
      --list-items-per-row: 3;
      --list-carousel-item-width: calc(var(--container-inner-width) / 3 - (var(--product-list-column-gap) * 2 / 3));
    }
}
.blog-post-card {
    gap: 20px;
}
.blog-post-card__info {
    & > .v-stack {
        gap: 4px;
    }
    .text-with-icon {
        gap: 4px;
    }
}

/* Blog Home */
.blog-banner-content {
    h1 {
        display: flex;
        gap: 20px;
        align-items: flex-start;
    }
    .header-icon {
        mix-blend-mode: multiply;
        flex-shrink: 0;
        margin-top: -12px;
    }
}
.blog-filter-list {
    li {
        font-family: var(--heading-font-family-3);
        font-size: 25px;
    }
    a {
        padding: 10px 30px;
    }
    [aria-selected="true"] {
        color: var(--color-accent);
        border-radius: 30px 30px 0 0;
    }
    [aria-selected="false"] {
        opacity: 1;
        color: var(--color-primary);
    }
}

/* Blog Article */
.article-banner:before {
    display: none;
}
.article-row,
.article-row-reverse {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.article-content .article-row *,
.article-content .article-row-reverse * {
    margin-block-start: 0;
}
.article-row div,
.article-row-reverse div {
    padding-inline: 15px;
    margin: 0;
}
.article-content
@media screen and (max-width:767px) {
    .article-row .img-wrapper,
    .article-row-reverse .img-wrapper {
        order: 1;
    }
    .article-content .article-row,
    .article-content .article-row-reverse {
        margin: 50px -15px;
    }
    .article-row div,
    .article-row-reverse div {
        flex: 100%;
    }
    .article-content .article-row .img-wrapper img,
    .article-content .article-row-reverse .img-wrapper img {
        margin-inline: auto;
        margin-block: 20px;
    }
    .article-content .article-row:nth-child(even) .img-wrapper img,
    .article-content .article-row-reverse:nth-child(even) .img-wrapper img {
        margin-bottom: 0;
    }
}
@media screen and (min-width:768px) {
    .article-content .article-row,
    .article-content .article-row-reverse {
        margin: 80px -15px;
    }
    .article-content p:has(+ .article-row),
    .article-content p:has(+ .article-row-reverse) {
        margin-bottom: calc(var(--spacing-6) - 80px);
    }
    .article-content .article-row + p,
    .article-content .article-row-reverse + p {
        margin-top: calc(var(--spacing-6) - 80px);
    }
    .article-row div,
    .article-row-reverse div {
        flex: 0 0 50%;
    }
    .article-row .img-wrapper,
    .article-row-reverse .img-wrapper {
        align-self: stretch;
    }
    .article-content .article-row .img-wrapper img,
    .article-content .article-row .text-wrapper img,
    .article-content .article-row-reverse .img-wrapper img {
        min-height: 100%;
        width: 100%;
        margin: 0 !important;
        object-fit: cover;
    }
}
@media screen and (min-width: 1000px) {
    .article-content {
        border-bottom: 0;
        padding-block-start: var(--spacing-10);
        padding-block-end: 0;
    }
}
.article-content .article-row3 ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    gap: 20px;
    padding: 0;
    margin: 24px 0 0 0;
    justify-content: center;
    &:has(li:nth-child(3)):not(li:nth-child(4)) {
        @media screen and (min-width: 600px) {
            li {
                flex: 0 0 calc(33% - calc(40px/3));
            }
        }
        li {
            text-align: center;
        }
        img {
            max-width: 100%;
            margin: auto;
        }
    }
}
.article-content .prose .article-row3 :is(p img:not([style*="float"]):only-child, div img:not([style*="float"]):only-child, figure, video) {
    margin-block: 0;
}
.article-content [style*="align: center;"] img {
    margin: auto;
}
.article-content .prose :is(.h0, .h1, .h2, h1, h2) + * {
    margin-block-start: var(--spacing-6);
}
.article-content blockquote {
    font-family: var(--heading-font-family);
    font-size: var(--text-lg);
    color: var(--color-primary);
    line-height: 1.5;
    &::before {
        display: none;
    }
}
.article-content h2 {
    color: var(--color-primary);
    margin-top: 80px;
}
.article-content .prose * + :is(.h2, h2) {
    margin-block-start: var(--spacing-10);
}
.article-content .share-buttons {
    padding: 10px 0;
    border-top: 1px solid rgba(87, 87, 86, 0.2);
    border-bottom: 1px solid rgba(87, 87, 86, 0.2);
}
.article-content .share-buttons__item:hover {
    background: var(--color-white);
}
.back-to-articles {
    height: 40px;
    letter-spacing: 0;
    text-transform: uppercase;
    span {
        margin-top: 3px;
    }
}
.share-sns {
    color: var(--color-accent);
}
@media screen and (min-width: 900px) {
    .article-content .prose * + :is(.h2, h2) {
        margin-block-start: var(--spacing-12);
    }
}

/* Media with text */
.media-with-text__media {
    box-shadow: -30px -30px 0 0 #fff;
    margin: 30px 0 0 30px;
}
.media-with-text__content.media-right {
    padding-left: 0;
}
@media screen and (max-width: 999px) {
    .media-with-text__item {
        --media-with-text-gap: var(--spacing-8);
        --grid-gutter: var(--spacing-8);
    }
    .media-with-text {
        --media-with-text-content-padding: 0;
    }
}
.prose.equal-space > * {
    margin-top: 0;
    margin-bottom: 10px;
    margin-block-start: 0 !important;
}
@media screen and (max-width: 999px) {
    .shopify-section--rich-text .section.text-custom {
     padding-block-start: 60px;
    }
}
@media screen and (min-width: 1000px) {
    .shopify-section--rich-text .section.text-custom {
     padding-block-start: 80px;
    }
}

/* Show hide */
.show-hide-content {
    @media screen and (max-width: 699px) {
        --max-height: 250px;
    }
    overflow: hidden;
    max-height: var(--max-height, 170px);
    transition: max-height 0.5s;

    & + .show-hide-button {
        display: none;
    }
    & + .show-hide-button .less {
        display: none;
    }
    &.show {
        & + .show-hide-button {
            .more {
                display: none;
            }
            .less {
                display: block;
            }
        }
    }
}

/* Accordion */
.shopify-section--accordion-content {
    --section-stack-spacing-block: var(--spacing-3); 
}
.shopify-section--accordion-content .section-stack__intro .metafield-rich_text_field {
    display: grid;
    gap: var(--spacing-3);
}
.shopify-section--accordion-content .section-stack__intro .metafield-rich_text_field > * {
    margin: 0;
}
.accordion {
    border-color: var(--color-light-grey);
    --accordion-spacing: var(--spacing-4);
}
.accordion__content {
    color: var(--color-primary);
    font-size: 0.875rem;
    line-height: 1.4;
}
.group[aria-expanded="false"] .circle-chevron {
    background: none;

    svg {
        width: 9px;
        height: 9px;
    }
    .icon-chevron-bottom {
        width: 10px;
        height: 6px;
    }
}
.group[aria-expanded="true"] .circle-chevron.group-expanded\:colors:not([disabled]) {
    color: var(--text-color);
    background: none;
}
.group[aria-expanded="false"] .plus-minus {
    color: var(--color-secondary);
    svg {
        width: 12px;
        height: 13px;
    }
    .icon-minus {
        display: none;
    }
    .icon-plus {
        display: block;
    }
}
.group[aria-expanded="true"] .plus-minus.group-expanded\:colors:not([disabled]) {
    color: var(--color-secondary);
    .icon-plus {
        display: none;
    }
    .icon-minus {
        display: block;
    }
}

/* Scroll - Carousel */
.ring {
    box-shadow: 0 0 0 1px var(--color-primary);
    color: var(--color-primary);
}
.circle-button {
    width: var(--spacing-8-5);
    height: var(--spacing-8-5);
}
.scrollbar__progress {
    background: rgb(var(--color-secondary-rgb) / .2);
    background: rgb(var(--color-secondary-rgb) / .1);
}
.scrollbar__progress:before {
  background: var(--color-primary);
}
@media screen and (max-width: 699px) {
    .scrollable-with-controls {
        gap: var(--spacing-8);
    }
}

/* Collection banner */
.content-over-media--half {
    border-radius: 0;
    box-shadow: none;

    picture + div {
        order: -1;
        & > div {
            gap: 12px;
        }
    }

    &:before {
        display: none;
    }

    @media screen and (max-width: 999px) {
        grid-template: initial;

        picture {
            grid-area: initial;
        }
        picture + div {
            grid-area: initial;
            max-width: none;
            padding: 40px 20px 0;
            &.container {
                padding: 40px 0 0;
            }
        }
    }
    @media screen and (min-width: 1000px) {
        grid-template: 0 minmax(0, 1fr) 0 /
        minmax(0, 1fr)
        min(var(--container-max-width)*0.5, 50% - var(--container-gutter))
        min(var(--container-max-width)*0.5, 50% - var(--container-gutter))
        minmax(0, 1fr);
        gap: 3rem 0;

        picture {
            grid-area: 1 / 3 / span 3 / 5;
            margin-left: 10px;
        }
        picture + div {
            grid-area: 2 / 2 / auto / 3;
            padding-right: 3rem;
        }
        picture + div + div {
            grid-area: 2 / 3 / auto / span 1;
        }
        &.reverse {
            picture {
                grid-area: 1 / 1 / span 3 / 3;
                margin-left: 0;
            }
            picture + div {
                grid-area: 2 / 3 / auto / 4;
                padding-right: 0;
                padding-left: 0.75rem;
            }
            picture + div + div {
                grid-area: 2 / 2 / auto / span 1;
            }
        }
    }


}
.collection-featured-product {
    color: var(--color-white);
    .collection-featured-product__title {
        background: var(--color-accent-2-hover);
    }
    .horizontal-product {
        --horizontal-product-image-size: 93px;
        padding: 8px 8px 8px 0;
        gap: 8px;
        font-size: var(--text-base);
        font-weight: 400;
        background: var(--color-accent-2);

        img {
            border-radius: 2px;
        }
        span {
            font-size: inherit;
            font-weight: inherit;
            line-height: 1.4;
        }
        sale-price {
            font-size: var(--text-base);
        }
    }
}

/* Listing */
.collection {
    gap: var(--spacing-9);

    .product-list {
        @media screen and (max-width: 699px) {
            gap: 40px 20px;
        }
        @media screen and (min-width: 700px) {
            gap: 80px 32px;
        }
    }
}

/* Filters */
.collection__top-bar {
    .text-with-icon {
        gap: 5px;
    }
}
.facets-summary {
    align-items: center;
}
.removable-facet {
    color: var(--color-primary);
    background: var(--color-light);
    svg {
        width: 9px;
        height: 9px;
    }
}
.sort-by-facet {
    align-items: center;
    gap: 10px;

    .text-with-icon {
        height: calc(var(--input-height)  + .625rem);
        padding: var(--input-padding-inline);
        color: var(--color-secondary);
        border: 1px solid var(--color-secondary);
        border-radius: 30px;

        .reversed-link {
            background: none;
        }
    }
}
.popover-listbox__option[value="title-ascending"],
.popover-listbox__option[value="title-descending"] {
  display: none;
}
.collection__facets, .facets-drawer {
    .accordion__toggle {
        font-size: var(--text-h4);
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.7px;

        label {
            font-weight: inherit;
        }
    }
    .circle-chevron {
        svg {
            width: 10px;
            height: 6px;
        }
    }
    .button {
        justify-content: center;
        gap: 8px;
    }
}
.facets-drawer::part(content) {
    border-radius: 5px;
}
.input-prefix {
  border-radius: min(30px, var(--rounded-button));
}

/* Pagination */
.pagination {
    border-radius: 0;
}
.pagination__item {
    padding-inline-start: var(--spacing-3);
    padding-inline-end: var(--spacing-3);
}

/* SEO richtext */
.rich-text .metafield-rich_text_field {
    h1, h2, .h1, .h2 {
        font-family: var(--heading-font-family-2);
        font-size: var(--text-h3);
        line-height: 1.2;
    }
}
.metafield-rich_text_field {
    h3, .h3 {
        font-family: var(--heading-font-family-2);
    }
}

/* Section Rich text */
.prose .block-seo {
    h1 {
        font-size: var(--text-h2);
        line-height: 1.1;
    }
}
.prose.spacing-small :is(.h0, .h1, .h2, h1, h2) + * {
    margin-block-start: var(--spacing-4);
}

/* Page banner */
.content-over-media.content-over-media--full .container {
    grid-column-start: 1;
    grid-column-end: span 2;
}
.content-over-media .breadcrumb,
.content-over-media .breadcrumb span:last-child {
    color: var(--text-color);
}

/* Timeline */
@media screen and (min-width: 1000px) {
  .timeline__slide > .timeline__image-wrapper {
    padding-inline-end: 0;
    margin-inline-end: 16.5%;
  }
  .timeline__slide > .prose {
    margin: auto;
  }
}
.timeline__image {
    max-width: none;
}
.timeline__image-wrapper > * {
    object-fit: cover;
    object-position: center;
    border-radius: inherit;
    width: 100%;
    height: 100%;
}
.timeline__nav-item:before {
    border-color: var(--color-primary);
    background-color: var(--color-light);
    border-width: 1px;
}
.timeline__nav-item[aria-current="true"]:before {
    border-color: var(--color-accent);
    background-color: var(--color-accent);
}
.timeline__nav-label {
  opacity: 1;
}
.timeline__nav-bar {
  background-color: rgb(var(--color-secondary-rgb) / .2);
}

/* Collection list */
.collection-list {
    --grid-gutter: 4px;
    .content-over-media {
        aspect-ratio: 1;
    }
    .content-over-media:before {
        background: linear-gradient(180deg, transparent 61.18%, rgb(var(--content-over-media-overlay)) 100%);
    }
}
.collection-card__content:first-child {
    margin-block-end: 0;
}
@media screen and (pointer: fine) {
  .collection-card:hover .collection-card__content {
    transform: none;
  }
}

.text-with-icon {
    gap: var(--spacing-2);
}
/* Product card */
.price--unit {
    font-size: var(--text-xs);
    font-weight: 400;
    margin-left: 10px;
}
.product-card compare-at-price {
    margin-left: 10px;
    margin-right: 10px;
}

/* Breadcrumbs */
.divider {
    padding: 0 2px;
}

/* Product - Gallery*/
.product-gallery__ar-wrapper {
    position: relative;
}
.product-gallery__media img {
    min-width: 100%;
}
@media screen and (min-width: 1150px) and (max-width: 1599px) {
  .product {
    column-gap: var(--spacing-16);
  }
}
.product-icons-list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    gap: 2rem;
}
.product-icon {
    width: 36px;
    height: 36px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    img {
        max-height: min(var(--image-max-width, 100%), 100%);
    }
}
.thumbnail-swatch {
  --swatch-size: 50px;
  border-radius: 0;
  border: 0;
}
.thumbnail-swatch:before {
    box-shadow: none;
    transform: none;
    border: 1px solid var(--color-dark);
}

/* Product - Wishlist */
.iwish-float-icon {
    display: none !important;
}
.product-info .iWishAdd.st-1 {
    width: 46px;
    height: 46px;
}
.iwish-app-block-product {
    position: relative;
}
.iwish-message {
    position: absolute;
    right: -10px;
    top: 51px;
    font-size: var(--text-h4);
    color: var(--color-accent);
    white-space: nowrap;
}
/* Product info */
.product-info {
    --product-info-block-spacing: var(--spacing-10);
}
/* Product info - SKU, Skeepers */
.product-info__block-item {
    .flex {
        display: flex;
        gap: 40px;
    }
    .rate-aggregate,
    .rate-aggregate__separator,
    .rate-aggregate__max {
        display: none;
    }
}
@media screen and (min-width: 700px) {
    .product-info__block-item:where([data-block-type="sku"])+[data-block-type="@app"] {
        --product-info-block-spacing: var(--spacing-4);
    }
}
/* Product info - Variant picker */
.variant-picker__option-values.scroll-area {
    padding-block-start: 4px;
}
.variant-picker__option-values .thumbnail-swatch .badge--on-sale {
    position: absolute; 
    top: -4px; right: -4px; 
    z-index: 1; 
    width: 18px; 
    height: 18px; 
    min-width: 18px; 
    padding: 0; 
    border-radius: 999px; 
    display: grid; 
    place-items: center; 
    line-height: 1; 
    font-size: 11px;
}
/* Product info - Price list */
.product-info compare-at-price {
    margin-left: 20px;
}
.product-info unit-price compare-at-price {
    margin-left: 10px;
    margin-right: 10px;
}
.price-last {
    margin-left: auto;
}
.eco-taxe {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 4px;
    color: var(--color-dark);
    svg {
        color: var(--color-icon-grey);
    }
    span {
        display: flex;
        align-items: center;
    }
}
[data-block-type = "price"] {
    margin-block-end: var(--spacing-2);
}
[data-block-type = "price"] + [data-block-type = "buy-buttons"] {
    margin-block-start: 0;
}

/* Product info - Wishlist */
[data-block-type = "buy-buttons"]:not(:empty):has(+ [data-block-type = "@app"]) {
    width: calc(100% - 62px);
    display: inline-block;
    margin-right: 10px;
}
[data-block-type = "buy-buttons"] + [data-block-type = "@app"]:not(:empty) {
    display: inline-block;
    margin-block-start: 0;
}
/* Product info - shipping, stock, sharelink */
.sublink-group {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: var(--text-xs);
    margin-top: 0;
    color: var(--color-primary);
    
}
.sublink-group:has( > *:empty) {
        justify-content: flex-start;
    }
.sublink-group .text-with-icon p {
    margin: 0;
}
.native-share--enabled .product-info__native-share {
    opacity: 1;
}
/* Product info - sample */
.product-info__sample {
    --background-hexa: var(--color-light);
    padding: 12px 24px;
}
.sample__image {
    border: 4px solid var(--color-white);
}
.sample__heading {
    font-family: var(--heading-font-family-3);
    font-size: 30px;
    color: var(--color-primary);
}
.sample__content {
    margin-bottom: var(--spacing-3);
}

/* Product info - associated products */
.product-info__complementary-products .subheading {
    padding: 5px 10px;
    background-color: var(--color-light);
}
.horizontal-product__cta .button {
    background: var(--color-primary);
    color: white;
    border-radius: 50%;
    padding: 0;
    width: 45px;
    height: 45px;
    &:not(.button--sm):not(.button--lg):not(.button--xl) {
        padding: 0;
        min-height: 45px;
    }
}
/* Tooltip */
.has-tooltip {
  position: relative;
  cursor: pointer;
}
.has-tooltip .tooltip {
  display: block;
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%) translateY(0);
  background: rgba(var(--color-primary-rgb) /.9);
  color: white;
  padding: 2px 8px;
  border-radius: 4px;
  white-space: nowrap;
  font-size: var(--text-sm);
  z-index: 10;
  opacity: 0;
  transition: opacity 0.3s, transform 0.3s;
}
.has-tooltip .tooltip::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: rgba(var(--color-primary-rgb)/0.9) transparent transparent transparent; /* triangle blanc semi-transparent */
  display: block;
}
.has-tooltip:hover .tooltip {
    display: block;
  opacity: 1;
  transform: translateX(-50%) translateY(-5px);
}

/* Feature chart */
.feature-chart {
  padding: var(--container-gutter);
}
.feature-chart .subheading {
    border-bottom: 1px solid rgba(var(--color-light-grey-rgb), 1);
    padding-block-start: var(--spacing-4);
    padding-block-end: var(--spacing-4);
}
.feature-chart__table-row,
.feature-chart__toggle {
    border-color: rgba(var(--color-light-grey-rgb), 1);
}
.feature-chart__toggle {
    justify-content: flex-start;
}
.feature-chart__table-row {
    --feature-chart-heading-width: 40%;
}
.download-links .subheading {
    margin-top: var(--spacing-10);
    margin-bottom: var(--spacing-3);
}
.download-links .button {
    margin-top: var(--spacing-3);
    gap: var(--spacing-2);
    flex-shrink: 0;
    text-align: left;
    &.inline {
        margin-right: var(--spacing-2);
    }
}
.download-links .button svg {
    flex-shrink: 0;
}
.section-stack__intro .prose ul {
    gap: 0;
}
@media screen and (min-width: 1000px) {
    .shopify-section--specification-table .section {
        padding-block-start: var(--spacing-20);
        padding-block-end: var(--spacing-20);
    }
  .feature-chart {
    padding: var(--spacing-6);
  }
  .feature-chart__table-row {
    --feature-chart-heading-width: 40%;
    padding-block-start: var(--spacing-4);
    padding-block-end: var(--spacing-4);
  }
}

/* Video list */
.video-gallery__item {
  aspect-ratio: 425/239;
  width: 100%;
}

/* FAQ */
.faq-category {
    .h3 {
        margin-bottom: var(--spacing-3);
    }
}

/* Contact - FAQ Category list */
.faq-category__list {
    --grid-max-col-count: 4;
    --grid-min-col-size: 200px;
    --grid-gap: 1rem;
    --grid-col-size-calc: calc(
        (100% - var(--grid-gap) * var(--grid-max-col-count)) /
        var(--grid-max-col-count)
    );
    --grid-col-min-size-calc: min(
        100%,
        max(var(--grid-min-col-size), var(--grid-col-size-calc))
    );

    display: grid;
    gap: var(--grid-gap);
    grid-template-columns: repeat(
        auto-fit,
        minmax(var(--grid-col-min-size-calc), 1fr)
    );
}
.faq-category__item {
    padding: 24px 10px;
    background-color: var(--color-light);
    text-align: center;
    .bold {
        font-weight: 700;
        color: var(--color-primary);
        transition: all .3s;
    }
    &:hover {
        .faq-category__image {
            background-color: rgba(255, 255, 255, .5);
            border-color: var(--color-white);
        }
        .h4 {
            opacity: .7;
        }
    }
}
.faq-category__image {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background-color: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    border: 1px solid transparent;
    transition: all .3s;
    svg {
        max-height: 57px;
        max-width: 46px;
    }
}

/* Register */
.customer-form__image__container {
    position: relative;
    padding: var(--spacing-14) 0;
    &::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: calc(100% - var(--spacing-14));
        background: linear-gradient(180deg, rgba(37, 37, 37, 0.00) 61.18%, var(--color-overlay) 100%);
        border-radius: var(--rounded-lg);
    }
}
.customer-form__image.rounded {
    display: block;
    border-radius: var(--rounded-lg); 
}
.customer-form__image__content {
    position: absolute;
    color: white;
    z-index: 1;
    padding: 2rem;
    width: 100%;
}
@media screen and (min-width: 700px) and (max-width: 999px) {
    .customer-form__image__container {
        margin-left: -32px;
        margin-right: -32px;
    }
}
@media screen and (max-width: 999px) {
    .customer-form__image__container {
        padding: 0;
        border-radius: 0;
        height: 300px;
        overflow: hidden;
        &::after {
            border-radius: 0;
            height: 100%;
        }
    }
    .customer-form:has(.customer-form__image__container) {
        margin-block-start: 0
    }
    .customer-form__image.rounded {
        border-radius: 0;
        object-fit: cover;
        max-height: 100%;
    }
}

/* Cart drawer */
@media screen and (min-width: 700px) {
    .cart-drawer .button--xl,
    .cart-order__recap .button--xl {
        padding-inline-start: var(--spacing-7);
        padding-inline-end: var(--spacing-7);
    }
}

/* Shipping estimator */
.country-selector {
    min-width: 200px;
}

/* Contact - App Form */
.gfb-style-material_outlined .globo-form-control:not([data-type=file2],[data-type=imageOptions],[data-type=rating-level],[data-type=feedback],[data-type=matrix],[data-type=rating-star2],[data-type=checkbox],[data-type=radio],[data-type=colorSwatches],[data-type=acceptTerms],[data-type=consent],[data-type=rangeSlider],[data-type=switcher],[data-type=button],[data-type=signature])[data-searchable] .globo-form-input .nice-select {
    padding-left: 34px;
    span {
        visibility: visible !important;
    }
}
.globo-form-app .gfb-with-image[data-position=left] {
    border-radius: 4px !important;
}
.globo-form-app .header .description {
    font-weight: var(--heading-font-weight) !important;
    font-size: var(--text-h3) !important;
    line-height: 1.2 !important;
}
.gfb-style-material_outlined .gfb_material_outlined .gfb__outline-start,
.gfb-style-material_outlined .gfb_material_outlined .gfb__outline-end {
    border-radius: 30px !important;
    padding: 10px 15px !important;
}
.gfb-style-material_outlined [data-type=file2] .gfb__dropzone {
     border-radius: 30px !important;
}
.globo-form-app .header {
    margin-bottom: .625rem !important;
}
.globo-formbuilder-wizard .panels > .panel {
    padding-top: 20px !important;
}
.gfb-style-material_outlined .gfb__footer button {
    border-radius: 30px !important;
    padding: 10px 30px;
    min-height: 46px;
    font-size: 0.875rem;
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.7px;
    justify-content: center;
    width: 100%;
    &:hover {
        background-color: transparent !important;
        color: rgb(var(--button-outline-color) / var(--button-background-opacity, 1)) !important;
        box-shadow: inset 0 0 0 1px currentColor !important;
        border: none !important;
    }
}
.gfb-style-material_outlined .gfb__label__shink+.globo-form-input .gfb_material_outlined, .gfb-style-material_outlined .gfb__label__shink+.gfb__form-inputs .gfb_material_outlined {
    --gfb-mui-outline-width: 1px !important;
    --gfb-mui-border-color: rgba(var(--gfb-color-text), 1) !important;
}
@media screen and (min-width: 1400px) {
    .globo-form-app.gfb-form-with-image-left {
        gap: 90px;
    }
}
@media screen and (max-width: 768px) {
    .gfb-style-material_outlined .globo-form-control:not([data-type=file2],[data-type=imageOptions],[data-type=rating-level],[data-type=feedback],[data-type=matrix],[data-type=rating-star2],[data-type=checkbox],[data-type=radio],[data-type=colorSwatches],[data-type=acceptTerms],[data-type=consent],[data-type=rangeSlider],[data-type=switcher],[data-type=button],[data-type=signature]) {
        padding: 0 !important;
    }
}
/* Account - iWish */
.iwishCategoryAddForm {
    input {
        border-radius: 30px;
        border-color: var(--color-secondary);
        padding-inline-start: var(--spacing-3) !important;
        max-width: 300px !important;
        &:focus {
            border-color: var(--color-primary);
        }
    }
    button {
        display: inline-flex;
        border-radius: 30px;
        align-items: center;
        text-transform: uppercase;
        font-weight: 500;
        letter-spacing: 0.7px;
        justify-content: center;
        padding: 10px 30px !important;
        min-height: 46px;
        font-size: 0.875rem;
    }
}
.iwishQuantity {
    border-color: var(--color-secondary) !important;
    border-radius: 30px;
    padding: 10px 15px;
    width: 150px !important;
}