.CmsBlock {
    margin-bottom: 48px;
    color: #3d3d3d;
}
.CmsBlock > .wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
}
@media (min-width: 640px) {
    .CmsBlock > .wp-block-group__inner-container {
        flex-direction: row;
        gap: 48px;
        align-items: flex-start;
    }
}
@media (min-width: 768px) {
    .CmsBlock > .wp-block-group__inner-container {
        align-items: center;
    }
}

.CmsBlock-image {
    flex: 0 1 320px;
    width: 320px;
    img {
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 1rem;
    }
}

.CmsBlock-content {
    flex: 1 1 50%;
    margin-top: 20px;
    color: #3d3d3d;
}
@media (min-width: 640px) {
    .CmsBlock-content {
        margin-top: 0;
    }
}

.CmsBlock {
    h2 {
    margin-bottom: 24px;
    color: #3d3d3d;
    font-weight: 700;
    font-size: 1.75rem;
    }
    p {
        margin-bottom: 1rem;
        color: #4f4f4f;
        font-weight: 400;
        line-height: 1.25;
    }
    li {
        margin-bottom: .5rem;
        margin-left: 1rem;
        line-height: inherit;
        list-style: none;
        &:last-child {
            margin-bottom: 1rem;
        }
        &::before {
            display: inline-block;
            width: 1rem;
            margin-left: -1rem;
            color: var(--color-primary);
            font-weight: 800;
            content: "\2022";
        }
    }
    strong {
        font-weight: 500;
    }
}
@media (min-width: 640px) {
    .CmsBlock h2 {
        margin-top: 0;
    }
}

#user_company__modal {
    select {
        align-items: center;
        appearance: base-select;
        line-height: normal;
        padding: .75rem 1rem;
        border: 1px solid #b0b0b0;
        border-radius: 96rem;
        cursor: pointer;
        &:hover {
            background: none;
        }
        &::picker-icon {
            content: '';
            background-image: url(../img/chevron-black.svg);
            background-size: cover;
            width: 16px;
            height: 16px;
        }
        option {
            color: #3d3d3d;
            padding: .5rem 1rem;
            &:hover {
                background-color: #f6f6f6;
            }
            &::checkmark {
                content: '';
                background-image: url(../img/check-primary.svg);
                background-size: cover;
                height: 16px;
                width: 16px;
            }
        }
    }
    select::picker(select) {
        appearance: base-select;
        margin-top: .25rem;
        margin-bottom: .25rem;
        border-color: #e7e7e7;
        box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
        border-radius: .75rem;
    }
}



/*******************************
*                              *
*            Accueil           *
*                              *
*******************************/

#home-infos {
    height: auto !important;
    .slide {
        display: flex;
    }
}

#home-loop {
    width: calc(100% - (((56px - 1rem) * 2)));
    .lSSlideOuter {
        overflow: visible;
        .lSSlideWrapper {
            overflow: visible;
            ul.products {
                display: flex;
                overflow: visible;
                height: auto !important;
                margin-bottom: 0;
                li {
                    margin-bottom: 0;
                    opacity: 0;
                    pointer-events: none;
                    transition-property: opacity;
                    transition-timing-function: cubic-bezier(.4,0,.2,1);
                    transition-duration: .5s;
                    &.active {
                        opacity: 1;
                        pointer-events: visible;
                    }
                }
            }
            .lSAction {
                a {
                    background: unset;
                    padding: .5rem;
                    width: fit-content;
                    height: fit-content;
                    margin-top: 0;
                    transform: translateY(-50%);
                    z-index: unset;
                    &::before {
                        content: '';
                        display: block;
                        background-image: url(../img/chevron-black.svg);
                        background-size: cover;
                        width: 40px;
                        height: 40px;
                    }
                    &.lSPrev::before {
                        transform: rotate(90deg);
                    }
                    &.lSPrev {
                        left: -56px;
                    }
                    &.lSNext {
                        right: -56px
                    }
                    &.lSNext::before {
                        transform: rotate(-90deg);
                    }
                }
            }
        }
    }
}
@media (min-width: 768px) {
    #home-loop .lSSlideOuter .lSSlideWrapper ul.products li.active + li {
        opacity: 1;
        pointer-events: visible;
    }
}
@media (min-width: 1280px) {
    #home-loop .lSSlideOuter .lSSlideWrapper ul.products li.active + li + li {
        opacity: 1;
        pointer-events: visible;
    }
}

#home-partners {
    width: calc(100% - (((56px - 1rem) * 2)));
    .lSSlideOuter {
        overflow: visible;
        .lSSlideWrapper {
            overflow: visible;
            .partners {
                overflow: visible;
                figure {
                    opacity: 0;
                    pointer-events: none;
                    transition-property: opacity;
                    transition-timing-function: cubic-bezier(.4,0,.2,1);
                    transition-duration: .5s;
                    &.active {
                        opacity: 1;
                        pointer-events: visible;
                    }
                    a {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        overflow: hidden;
                        height: 9rem;
                        border-radius: 1rem;
                        border: 1px solid #f6f6f6;
                        padding: 1rem;
                        box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
                        img {
                            display: block;
                            max-width: 100%;
                            height: 100%;
                            -o-object-fit: contain;
                            object-fit: contain;
                        }
                    }
                }
            }
            .lSAction {
                a {
                    background: unset;
                    padding: .5rem;
                    width: fit-content;
                    height: fit-content;
                    margin-top: 0;
                    transform: translateY(-50%);
                    z-index: unset;
                    &::before {
                        content: '';
                        display: block;
                        background-image: url(../img/chevron-black.svg);
                        background-size: cover;
                        width: 40px;
                        height: 40px;
                    }
                    &.lSPrev::before {
                        transform: rotate(90deg);
                    }
                    &.lSPrev {
                        left: -56px;
                    }
                    &.lSNext {
                        right: -56px
                    }
                    &.lSNext::before {
                        transform: rotate(-90deg);
                    }
                }
            }
        }
    }
}
@media (min-width: 640px) {
    #home-partners .lSSlideOuter .lSSlideWrapper .partners figure.active + figure {
        opacity: 1;
        pointer-events: visible;
    }
}
@media (min-width: 768px) {
    #home-partners .lSSlideOuter .lSSlideWrapper .partners figure.active + figure + figure {
        opacity: 1;
        pointer-events: visible;
    }
}
@media (min-width: 1024px) {
    #home-partners .lSSlideOuter .lSSlideWrapper .partners figure.active + figure + figure + figure {
        opacity: 1;
        pointer-events: visible;
    }
}
@media (min-width: 1280px) {
    #home-partners .lSSlideOuter .lSSlideWrapper .partners figure.active + figure + figure + figure + figure {
        opacity: 1;
        pointer-events: visible;
    }
}

#home-eklor-section p:not(:last-child) {
    margin-bottom: 24px;
}



/*******************************
*                              *
*      Outils et Services      *
*                              *
*******************************/

.card-tools-services {
    display: flex;
    .wp-block-group__inner-container {
        display: flex;
        flex-direction: column;
        overflow: hidden;
        border-radius: 1rem;
        --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
        --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
}

.card-tools-services-content {
    display: flex;
    flex-grow: 1;
    .wp-block-group__inner-container {
        display: flex;
        flex-direction: column;
        padding: 1.5rem;
    }
}

.img-card-tools {
    a {
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        height: 9rem;
        padding: 1rem;
        border-width: 1px;
        border-radius: 1rem;
        border-color: #f6f6f6;
        --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
        --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        transition-property: box-shadow;
        transition-timing-function: cubic-bezier(.4,0,.2,1);
        transition-duration: .15s;
    }
    img {
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }
}
@media (hover: hover) and (pointer: fine) {
    .img-card-tools > a:hover {
        --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
        --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
}



/*******************************
*                              *
*            Contact           *
*                              *
*******************************/

#nous-contacter {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    width: 100%;
    margin-bottom: 4rem;
}
@media (min-width: 1024px) {
    #nous-contacter {
        gap: 2rem;
        align-items: flex-start;
        flex-direction: row;
    }
}

/* Contact-form */
.forminator-error[role="alert"] {
    display: none !important;
}
.forminator-custom-form .forminator-row,
.forminator-custom-form .forminator-col {
    margin: 0 !important;
}
.forminator-custom-form .forminator-field-group,
.forminator-custom-form .forminator-col {
    padding: 0 !important;
}

.forminator-custom-form .forminator-field-group {
    display: flex;
    flex-direction: column;
}
.forminator-custom-form .forminator-field-group > label {
    font-size: 2.125rem !important;
    font-weight: 600 !important;
    margin-bottom: 2rem !important;
}
.forminator-custom-form .forminator-field-group > span.forminator-description {
    font-size: .875rem !important;
    margin-bottom: 0 !important;
}
.forminator-custom-form .forminator-field-group .forminator-all-group-copies {
    background: unset !important;
    box-shadow: unset !important;
    padding: 0 !important;
}

.forminator-custom-form .forminator-field-radio > .forminator-field {
    display: flex !important;
    align-items: center !important;
    -moz-column-gap: 2.5rem !important;
    column-gap: 2.5rem !important;
}
.forminator-custom-form .forminator-field-radio label,
.forminator-custom-form .forminator-field-consent .forminator-checkbox__wrapper {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
    margin: 0 !important;
}
.forminator-custom-form .forminator-field-radio input:checked+.forminator-radio-bullet,
.forminator-custom-form .forminator-checkbox input:checked + .forminator-checkbox-box,
.select2-container .forminator-checkbox input:checked + .forminator-checkbox-box {
    background-color: #282827 !important;
    border-color: #282827 !important;
}
.forminator-custom-form .forminator-field-radio span.forminator-radio-bullet,
.forminator-custom-form .forminator-checkbox .forminator-checkbox-box,
.select2-container .forminator-checkbox .forminator-checkbox-box {
    background-color: white !important;
    border-color: #b0b0b0 !important;
}
.forminator-custom-form .forminator-field-radio span.forminator-radio-bullet::before {
    content: '✓' !important;
    color: white !important;
    font-size: 12px;
    line-height: 1;
    font-family: forminator-icons-font !important;
    background-color: unset !important;
    height: auto !important;
    width: auto !important;
}
.forminator-custom-form .forminator-checkbox .forminator-checkbox-box::before,
.select2-container .forminator-checkbox .forminator-checkbox-box::before {
    color: white !important;
}
.forminator-custom-form .forminator-field-radio span.forminator-radio-label,
.forminator-custom-form .forminator-checkbox .forminator-checkbox__label,
.forminator-custom-form .forminator-field-consent .forminator-checkbox__label {
    margin-left: 0 !important;
}

.forminator-custom-form input:not(.forminator-repeater-action-button) {
    display: block !important;
    width: 100% !important;
    padding: 1.125rem 3rem 1.125rem 1.125rem !important;
    font-size: .875rem !important;
    color: var(--color-black) !important;
    background-color: white !important;
    border: 1px solid #e7e7e7 !important;
    border-radius: 96rem !important;
}

.forminator-custom-form .forminator-field-html.particulier img {
    width: 24px !important;
    height: 24px !important;
}

#nous-contacter .forminator-custom-form #group-2 .forminator-grouped-fields > .forminator-row,
.forminator-custom-form .forminator-pagination .forminator-pagination--content > .forminator-row {
    display: grid !important;
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    gap: 2rem !important;
}
.forminator-custom-form .forminator-grouped-fields > .forminator-row:not(.forminator-hidden) {
    margin-bottom: 2rem !important;
}
@media (min-width: 640px) {
    #nous-contacter .forminator-custom-form #group-2 .forminator-grouped-fields > .forminator-row:not(:first-child),
    .forminator-custom-form .forminator-pagination .forminator-pagination--content > .forminator-row {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
#nous-contacter .forminator-custom-form #group-2 .forminator-field {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    text-align: left !important;
}
#nous-contacter .forminator-custom-form #group-2 label.forminator-label + .forminator-description {
    margin-bottom: 2rem !important;
}

.forminator-custom-form .forminator-field-select label,
.forminator-custom-form .forminator-field-name label,
.forminator-custom-form .forminator-field-phone label,
.forminator-custom-form .forminator-field-email label,
.forminator-custom-form .forminator-field-address label,
.forminator-custom-form .forminator-field-textarea label,
.forminator-custom-form .forminator-field-upload label,
.forminator-custom-form .forminator-field-text label,
.forminator-custom-form .forminator-field-number label,
.forminator-custom-form .forminator-field-checkbox > div[role="group"] > span:not(.forminator-error-message) {
    display: block !important;
    margin-bottom: 10px !important;
    margin-left: 20px !important;
    font-weight: 500 !important;
    font-size: .6875rem !important;
    text-transform: uppercase !important;
}

.forminator-custom-form .select2-selection {
    background-color: white !important;
    min-height: 59.19px;
    width: 100% !important;
    padding: 1.125rem 3rem 1.125rem 1.125rem !important;
    font-size: .875rem !important;
    border: 1px solid #e7e7e7 !important;
    border-radius: 96rem !important;
}
.forminator-custom-form .select2-selection .select2-selection__rendered {
    font-size: .875rem !important;
    line-height: 1.13rem !important;
    padding: 0 !important;
}
.forminator-custom-form .select2-selection .select2-selection__arrow {
    position: absolute !important;
    top: 50% !important;
    right: 16px !important;
    width: .75rem !important;
    height: .75rem !important;
    transform: translateY(-50%) !important;
}
.forminator-custom-form .select2-selection .select2-selection__arrow .forminator-icon-chevron-down {
    margin: 0 !important;
    color: var(--color-black) !important;
}

.select2-container {
    .forminator-select-dropdown {
        background-color: white !important;
        border-color: var(--color-primary) !important;
        padding: 0 !important;
        .select2-search {
            display: none !important;
        }
        .select2-results__option {
            font-size: .875rem !important;
            line-height: 1.3rem !important;
        }
        .select2-results__option--selected {
            background-color: var(--color-primary) !important;
        }
        .select2-results__option--highlighted:not(.select2-results__option--selected) {
            background-color: var(--color-primary-50) !important;
        }
    }
}

.forminator-custom-form .forminator-field-name .forminator-col {
    max-width: 100% !important;
}

.forminator-custom-form .forminator-field-textarea label,
.forminator-custom-form .forminator-field-consent label.forminator-label {
    display: none !important;
}
.forminator-custom-form .forminator-field-textarea textarea {
    height: 100% !important;
    line-height: 1.5 !important;
    display: block !important;
    width: 100% !important;
    padding: 8px 16px !important;
    font-size: .875rem !important;
    border: 1px solid #e7e7e7 !important;
    border-radius: 1rem !important;
    resize: none !important;
}

.forminator-custom-form .forminator-field-upload .forminator-multi-upload {
    border-color: #b0b0b0 !important;
    border-radius: 1rem !important;
}
.forminator-multi-upload-message p {
    font-size: .875rem;
}
.forminator-multi-upload-message a {
    color: var(--color-primary) !important;
    text-decoration: unset !important;
}
.forminator-multi-upload-message .forminator-uploaded-file--title,
.forminator-multi-upload-message .forminator-uploaded-file--size {
    font-weight: 400;
}

.forminator-custom-form .forminator-field-consent {
    margin-bottom: 1rem !important;
}
.forminator-custom-form .forminator-field-consent .forminator-checkbox {
    border-color: #b0b0b0 !important;
    background-color: white !important;
}
.forminator-custom-form .forminator-field-consent a {
    color: var(--color-primary) !important;
}

.forminator-custom-form .forminator-field-captcha {
    margin-top: 2rem !important;
}

.forminator-custom-form .forminator-pagination-footer {
    display: block !important;
}
.forminator-custom-form button.forminator-button-submit,
.forminator-custom-form .forminator-pagination-footer .forminator-button:not(.forminator-hidden) {
    position: relative !important;
    display: flex !important;
    gap: 1rem !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: .75rem !important;
    line-height: 1 !important;
    text-transform: uppercase;
    color: white;
    background-color: #282827;
    border-color: #282827;
    padding: 20px !important;
    border: 1px solid #282827 !important;
    border-radius: 96rem !important;
    width: auto !important;
    margin-right: auto !important;
    margin-left: auto !important;
    transition: all .15s cubic-bezier(.6,.15,.25,1) !important;
}
.forminator-custom-form .forminator-pagination-footer .forminator-button:not(.forminator-hidde, .forminator-button-submit) {
    width: 150px !important;
}
.forminator-custom-form button.forminator-button-submit::before,
.forminator-custom-form .forminator-pagination-footer .forminator-button-back::after,
.forminator-custom-form .forminator-pagination-footer .forminator-button-next::before {
    content: '';
    background-image: url(../img/arrow.svg);
    background-size: cover;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.forminator-custom-form .forminator-pagination-footer .forminator-button-back::after {
    transform: rotate(180deg);
}
@media (min-width: 640px) {
    .forminator-custom-form .forminator-pagination-footer {
        display: flex !important;
    }
    .forminator-custom-form button.forminator-button-submit,
    .forminator-custom-form .forminator-pagination-footer .forminator-button-next {
        margin-left: auto !important;
    }
    .forminator-custom-form .forminator-pagination-footer .forminator-button-back {
        margin-right: auto !important;
        margin-bottom: 0 !important;
    }
}
@media (hover: hover) and (pointer: fine) {
    .forminator-custom-form button.forminator-button-submit:hover,
    .forminator-custom-form .forminator-pagination-footer .forminator-button:hover {
        background-color: var(--color-primary) !important;
        border-color: var(--color-primary) !important;
        box-shadow: unset !important;
    }
}

.forminator-custom-form input:focus-visible,
.forminator-custom-form .select2-selection[aria-expanded="true"],
.forminator-custom-form textarea:focus-visible,
input:focus-visible,
textarea:focus-visible {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(243 146 0 / var(--tw-ring-opacity));
    --tw-ring-offset-width: 4px;
    --tw-ring-offset-color: rgb(255 255 255 / .8);
    --tw-ring-inset: ;
}

.forminator-custom-form .forminator-error-message {
    display: inline-block !important;
    padding: 0 !important;
    margin-top: 10px !important;
    margin-left: 20px !important;
    color: var(--color-error) !important;
    font-size: .75rem !important;
    line-height: 1 !important;
    font-style: italic !important;
    background-color: unset !important;
}

/* Coordonnées */
.QuestionCard {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
    padding: 2rem;
    text-align: center;
    background-color: #f6f6f6;
    border-radius: 1rem;
}
.QuestionCard-phone {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
}
.QuestionCard-phone a {
    color: var(--color-black);
}



/*******************************
*                              *
*          Mon compte          *
*           Connexion          *
*                              *
*******************************/

#log-in #Logo_EKLOR,
#lost-password #Logo_EKLOR,
#reset-password #Logo_EKLOR {
    height: 3rem;
    width: auto;
}

#reset-password {
    .woocommerce-password-strength {
        color: white;
        width: calc(100% - 1.125rem - 1.125rem);
        margin: 5px auto 0;
        border: 0;
        &.short {
            background-color: var(--color-error);
        }
        &.bad {
            background-color: var(--color-error);
        }
        &.good {
            background-color: var(--color-warning);
        }
        &.strong {
            background-color: var(--color-success);
        }
    }
}

.LoginPage-hero {
    background-image: url(../img/panneau-solaire-sur-toit.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    &::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        background-color: var(--color-black);
        opacity: .4;
    }
}

#activate-account-form {
    form.forminator-ui {
        margin-top: 0;
        .forminator-field-email {
            .forminator-required {
                display: none;
            }
            .forminator-email--field {
                padding: 1.125rem 3rem 1.125rem 1.125rem !important;
                border: 1px solid #e7e7e7 !important;
                border-radius: 96rem !important;
            }
        }
        .forminator-field-captcha {
            margin-top: 1.5rem !important;
        }
        .forminator-button-submit {
            width: 100% !important;
            &::before {
                display: none;
            }
        }
    }
}

.account-icon > svg {
    color: #454545;
}
@media (min-width: 640px) {
    .account-icon > svg {
        width: 1.75rem;
        height: 1.75rem;
    }
}
fieldset.password {
    padding: unset;
    margin: unset;
}



/*******************************
*                              *
*          Mon compte          *
*           Dashbaord          *
*                              *
*******************************/

/* Navigation */
@media (min-width: 1024px) {
    .woocommerce-account.logged-in #mon-compte > .woocommerce {
        display: flex;
        nav.woocommerce-MyAccount-navigation {
            display: block !important;
        }
    }
}
.woocommerce-account.logged-in #mon-compte > .woocommerce {
    nav.woocommerce-MyAccount-navigation {
        float: unset;
        position: sticky;
        top: 9rem;
        width: 18rem;
        flex-shrink: 0;
        ul {
            padding: 2rem 1.5rem;
            li {
                &:not(:first-child) {
                    margin-top: .25rem;
                }
                a {
                    &[aria-current="page"] {
                        background-color: #f6f6f6;
                    }
                    i {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        width: 1.5rem;
                        height: 1.5rem;
                        color: #888;
                        font-size: 1.25rem;
                    }
                }
                &.woocommerce-MyAccount-navigation-link--profil svg {
                    fill: #888;
                }
                &.woocommerce-MyAccount-navigation-link--adresses svg {
                    stroke: #888;
                }
            }            
        }
    }
    .woocommerce-MyAccount-content {
        position: relative;
        float: unset;
        width: unset;
        padding-bottom: 4rem;
        border-left: 1px solid #e7e7e7;
        flex-grow: 1;
        z-index: 2;
        .page-pagination {
            ul.page-numbers {
                display: flex;
                gap: 16px;
                align-items: center;
                justify-content: center;
                margin: 1rem auto 0;
                li {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    width: 24px;
                    padding: 8px;
                    font-size: .9375rem;
                    .current {
                        color: var(--color-grey-950);
                        font-weight: 700;
                        cursor: default;
                    }
                    a {
                        color: #888;
                        font-weight: 500;
                        &:hover {
                            color: #4f4f4f;
                        }
                    }
                }
            }
        }
    }
}

@media (hover: hover) and (pointer: fine) {
    nav.woocommerce-MyAccount-navigation > ul > li:hover > a {
        background-color: #f6f6f6;
    }
}

@media (max-width: 1023px) {
    .woocommerce-account.logged-in #mon-compte > .woocommerce {
        position: relative;
        #my-account-mobile {
            svg {
                width: 1.25rem;
                height: 1.25rem;
                transition-property: transform;
                transition-timing-function: cubic-bezier(.4,0,.2,1);
                transition-duration: .15s;
            }
            &.open svg {
                transform: rotate(-180deg);
            }
            + nav.woocommerce-MyAccount-navigation {
                position: absolute;
                top: 45px;
                width: 100%;
                background-color: white;
                border-bottom-right-radius: 1rem;
                border-bottom-left-radius: 1rem;
                border-bottom-width: 1px;
                border-color: #e7e7e7;
                box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
                z-index: 3;
            }
        }
    }
}

/* Address */
.AccountAddressesPage-list-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1050px;
    .card {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        padding: 30px 25px;
        background-color: #f6f6f6;
        border-radius: 1rem;
        address {
            display: grid;
            gap: 1.5rem;
            p {
                display: flex;
                flex-direction: column;
                gap: 10px;
                &.default {
                    flex-direction: row;
                    align-items: center;
                }
                .field_title {
                    font-weight: 600;
                }
            }
        }
    }
}
.AddAddressModal-modal-form-input {
    margin-bottom: 12px;
    .Input-container + .Input-container {
        margin-top: 10px;
    }
}

@media (min-width: 640px) {
    .AccountAddressesPage-list-card {
        .card {
            address {
                grid-template-columns: repeat(2, 1fr);
            }
        }
    }
}

/* Deals */
#deals-my-account {
    .deals-icon {
        svg, svg * {
            color: currentcolor;
            fill: currentcolor;
            width: 16px;
            height: 16px;
        }
    }
    .disabled {
        opacity: .4;
        pointer-events: none;
    }
}


/* Orders */
.woocommerce-orders {
    .order-button {
        svg {
            width: 16px;
            height: 16px;
            fill: white;
        }
    }
}
#document-order-form {
    form {
        margin: 0;
        .forminator-row {
            input {
                display: block !important;
                width: 100% !important;
                padding: 1.125rem 3rem 1.125rem 1.125rem !important;
                font-size: .875rem !important;
                border: 1px solid #e7e7e7 !important;
                border-radius: 96rem !important;
                &:focus-visible {
                    border-bottom: 2px solid var(--color-primary) !important;
                }
            }
            .forminator-col:not(.forminator-hidden) {
                margin-bottom: 1rem !important;
            }
            .forminator-field-checkbox {
                label {
                    margin: .5rem 0;
                    &:last-child {
                        margin-bottom: 0;
                    }
                }
            }
        }
    }
}

/* Order detail */
.woocommerce-view-order {
    #document-order-form {
        #text-1 {
            display: none;
        }
    }
    .product-price {
        ins {
            text-decoration: unset;
        }
        del {
            position: relative;
            text-decoration: unset;
            margin-right: .75rem;
            .woocommerce-Price-amount {
                position: relative;
                color: #565656;
                font-size:.875rem;
                font-weight: 400;
                &::after {
                    content: '';
                    position: absolute;
                    top: 50%;
                    left: -5%;
                    transform: rotate(-6deg);
                    width: 110%;
                    height: 1px;
                    background-color: var(--color-grey-950);
                }
            }
        }
        .woocommerce-Price-amount {
            font-weight: 500;
        }
        .woocommerce-price-suffix {
            font-size: .75rem;
            font-weight: 400;
        }
    }
    .woocommerce-MyAccount-content {
        .CartListing:nth-child(2) {
            margin-top: 1rem;
        }
        .woocommerce-order-details {
            .woocommerce-table--order-details {
                border-bottom: 0;
                border-color: #e7e7e7;
            }
        }
    }
    .coupon {
        display: flex;
        flex-wrap: wrap;
        justify-content: end;
        .woocommerce-remove-coupon {
            width: 100%;
            font-size: .75rem;
            font-style: italic;
            text-align: right;
            margin-top: 4px;
        }
    }
}

/* Favoris */
#favorite-my-account {
    #yith-wcwl-form {
        .wishlist-title-container {
            display: none;
        }
        .wishlist_table:not(.mobile) {
            font-size: .875rem;
            .wishlist_table_title {
                font-size: .75rem;
                border-radius: .375rem;
                li {
                    text-transform: uppercase;
                    padding: 1rem .5rem;
                    &.product-checkbox {
                        input[type="checkbox"] {
                            width: 15px;
                            height: 15px;
                        }
                    }
                    &.product-remove {
                        padding-left: 0 !important;
                        padding-right: 0 !important;
                    }
                    &.product-name {
                        text-align: left;
                    }
                }
            }
            .wishlist-items-wrapper {
                /* font-size: .875rem; */
                li > div {
                    padding: 1.5rem .5rem;
                    &.product-checkbox {
                        input[type="checkbox"] {
                            width: 15px;
                            height: 15px;
                        }
                    }
                    &.product-remove {
                        padding-left: 0;
                        padding-right: 0;
                        svg {
                            width: 16px;
                            height: 16px;
                            fill: #888;
                            &:hover {
                                fill: var(--color-error);
                            }
                        }
                    }
                    &.product-thumbnail {
                        img {
                            height: 4rem;
                            width: 4rem;
                        }
                    }
                    &.product-name {
                        a {
                            color: var(--color-black);
                            font-weight: 500;
                        }
                    }
                    &.product-price {
                        text-align: center;
                        ins {
                            text-decoration: unset;
                        }
                        del {
                            position: relative;
                            display: block;
                            width: 100%;
                            text-decoration: unset;
                            margin-bottom: .25rem;
                            .woocommerce-Price-amount {
                                position: relative;
                                color: #565656;
                                font-size:.875rem;
                                font-weight: 400;
                                &::after {
                                    content: '';
                                    position: absolute;
                                    top: 50%;
                                    left: -5%;
                                    transform: rotate(-6deg);
                                    width: 110%;
                                    height: 1px;
                                    background-color: #4f4f4f;
                                }
                            }
                        }
                        .woocommerce-Price-amount {
                            font-weight: 500;
                        }
                        .woocommerce-price-suffix {
                            font-size: .75rem;
                            font-weight: 400;
                        }
                    }
                    &.product-stock-status {
                        .stock {
                            flex-direction: column;
                            justify-content: center;
                            gap: .25rem;
                            padding: 0;
                            border: 0;
                        }
                    }
                    &.product-add-to-cart {
                        display: flex;
                        flex-direction: row;
                        gap: .5rem;
                        .ProductCard-stock {
                            display: none;
                        }
                        .ProductCard-buttonsContainer {
                            display: flex;
                            flex-direction: row;
                            gap: .5rem
                        }
                        .qib-container:not(#qib_id):not(#qib_id) {
                            display: flex;
                            align-items: center;
                            justify-content: space-between;
                            padding: 4px;
                            background-color: white;
                            border: 1px solid #b0b0b0;
                            border-radius: 96rem;
                            .qib-button:not(#qib_id):not(#qib_id) {
                                background-color: transparent;
                                border: unset;
                                height: 20px;
                                width: 20px;
                                color: #b0b0b0;
                            }
                            .quantity {
                                display: flex;
                                input.qty:not(#qib_id):not(#qib_id) {
                                    flex-shrink: 0;
                                    width: 30px;
                                    min-width: 0;
                                    height: 11px;
                                    font-weight: 400;
                                    font-size: .813rem;
                                    line-height: 1;
                                    text-align: center;
                                    background-color: transparent;
                                    border-radius: 2px;
                                    border: unset;
                                    color: var(--color-black);
                                    &:focus-visible {
                                        border-bottom: 0 !important;
                                    }
                                }
                            }
                        }
                        .ProductCard-button {
                            gap: .5rem;
                            padding: 8px 12px;
                            .ButtonOld-iconWrapper {
                                display: flex;
                                svg {
                                    width: 1rem;
                                    height: 1rem;
                                }
                                &.ProductCard-button__svg-check {
                                    display: none;
                                    svg path {
                                        fill: white;
                                        stroke: white;
                                    }
                                }
                                &.added_to_cart {
                                    .ProductCard-button__svg-check {
                                        display: flex;
                                    }
                                    .ProductCard-button__svg-cart {
                                        display: none;
                                    }
                                }
                            }
                            .ButtonOld-content {
                                display: none;
                            }
                        }
                    }
                }
            }
            .product-checkbox {
                width: 31px;
            }
            .product-remove {
                width: 18px;
            }
            .product-thumbnail {
                width: 80px;
            }
            .product-name {
                width: calc(100% - 31px - 18px - 80px - 105px - 125px - 146px);
                width: calc(100% - 18px - 80px - 105px - 125px - 146px);
            }
            .product-price {
                width: 105px;
            }
            .product-stock-status {
                width: 125px;
            }
            .product-add-to-cart {
                width: 146px;
            }
        }
        .wishlist_table.mobile {
            .product-checkbox {
                input[type="checkbox"] {
                    width: 15px;
                    height: 15px;
                }
            }
            .product-remove {
                grid-column: span 4 / span 4;
                svg {
                    width: 16px;
                    height: 16px;
                    fill: #888;
                    &:hover {
                        fill: var(--color-error);
                    }
                }
            }
            .product-stock-status {
                .stock {
                    padding: 0;
                    border: 0;
                }
            }
            .product-add-to-cart {
                display: flex;
                justify-content: end;
                gap: .5rem;
                .ProductCard-stock {
                    display: none;
                }
                .ProductCard-buttonsContainer {
                    display: flex;
                    gap: .5rem
                }
                .qib-container:not(#qib_id):not(#qib_id) {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    padding: 4px;
                    background-color: white;
                    border: 1px solid #b0b0b0;
                    border-radius: 96rem;
                    .qib-button:not(#qib_id):not(#qib_id) {
                        background-color: transparent;
                        border: unset;
                        height: 20px;
                        width: 20px;
                        color: #b0b0b0;
                    }
                    .quantity {
                        display: flex;
                        input.qty:not(#qib_id):not(#qib_id) {
                            flex-shrink: 0;
                            width: 30px;
                            min-width: 0;
                            height: 11px;
                            font-weight: 400;
                            font-size: .813rem;
                            line-height: 1;
                            text-align: center;
                            background-color: transparent;
                            border-radius: 2px;
                            border: unset;
                            color: var(--color-black);
                            &:focus-visible {
                                border-bottom: 0 !important;
                            }
                        }
                    }
                }
                .ProductCard-button {
                    gap: .5rem;
                    padding: 8px 12px;
                    .ButtonOld-iconWrapper {
                        display: flex;
                        svg {
                            width: 1rem;
                            height: 1rem;
                        }
                        &.ProductCard-button__svg-check {
                            display: none;
                            svg path {
                                fill: white;
                                stroke: white;
                            }
                        }
                        &.added_to_cart {
                            .ProductCard-button__svg-check {
                                display: flex;
                            }
                            .ProductCard-button__svg-cart {
                                display: none;
                            }
                        }
                    }
                }
            }
        }
    }
    .yith_wcwl_wishlist_footer {
        margin-top: 2rem;
        .yith_wcwl_wishlist_bulk_action {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            float: unset;
            label {
                display: flex;
                align-items: center;
                width: 100%;
                margin-right: 0;
                line-height: 1.5rem;
            }
            select {
                align-items: center;
                appearance: base-select;
                padding: .5rem 1rem;
                margin-bottom: 0;
                width: 307px;
                border: 1px solid #b0b0b0;
                border-radius: 96rem;
                cursor: pointer;
                &:hover {
                    background: none;
                }
                &::picker-icon {
                    content: '';
                    background-image: url(../img/chevron-black.svg);
                    background-size: cover;
                    width: 16px;
                    height: 16px;
                }
                option {
                    color: #3d3d3d;
                    padding: .5rem 1rem;
                    &:hover {
                        background-color: #f6f6f6;
                    }
                    &::checkmark {
                        content: '';
                        background-image: url(../img/check-primary.svg);
                        background-size: cover;
                        height: 16px;
                        width: 16px;
                    }
                }
            }
            select::picker(select) {
                appearance: base-select;
                margin-top: .25rem;
                margin-bottom: .25rem;
                border-color: #e7e7e7;
                box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
                border-radius: .75rem;
            }
            input {
                padding: .5rem 1rem;
                margin-left: 0;
                color: white;
                font-weight: 500;
                font-size: .75rem;
                text-transform: uppercase;
                line-height: 1;
                background-color: var(--color-primary);
                border: 1px solid var(--color-primary);
                border-radius: 96rem;
                cursor: pointer;
                transition: all .15s cubic-bezier(.6,.15,.25,1);
                user-select: none;
                -moz-user-select: none;
                &[disabled] {
                    opacity: .5;
                }
                &:not([disabled]):hover {
                    background-color: var(--color-black);
                    border-color: var(--color-black);
                }
            }
        }
        .yith_wcwl_footer_additional_action, .wishlist-actions {
            display: flex;
            justify-content: right;
            float: unset;
            input {
                padding: 20px;
                margin-left: 0;
                color: white;
                font-weight: 500;
                font-size: .75rem;
                text-transform: uppercase;
                line-height: 1;
                background-color: var(--color-black);
                border: 1px solid var(--color-black);
                border-radius: 96rem;
                cursor: pointer;
                transition: all .15s cubic-bezier(.6,.15,.25,1);
                user-select: none;
                -moz-user-select: none;
                &:hover {
                    background-color: var(--color-primary);
                    border: 1px solid var(--color-primary);
                }
            }
        }
    }
}
@media (min-width: 1280px) {
    #favorite-my-account {
        #yith-wcwl-form {
            .wishlist_table:not(.mobile) {
                .wishlist_table_title {
                    li {
                        padding: 1rem;
                    }
                }
                .wishlist-items-wrapper {
                    /* font-size: .75rem; */
                    li > div {
                        padding: 1.5rem 1rem;
                        &.product-add-to-cart {
                            flex-direction: column;
                            .ProductCard-buttonsContainer {
                                flex-direction: column;
                            }
                            .ProductCard-button {
                                .ButtonOld-content {
                                    display: block;
                                }
                            }
                        }
                    }
                }
                .product-checkbox {
                    width: 47px;
                }
                .product-thumbnail {
                    width: 96px;
                }
                .product-name {
                    width: calc(100% - 47px - 18px - 96px - 120px - 156px - 198px);
                    width: calc(100% - 18px - 96px - 120px - 156px - 198px);
                }
                .product-price {
                    width: 120px;
                }
                .product-stock-status {
                    width: 156px;
                }
                .product-add-to-cart {
                    width: 198px;
                }
            }
        }
    }
}




/*******************************
*                              *
*          Inscription         *
*                              *
*******************************/

.forminator-custom-form .forminator-pagination-steps .forminator-break::before {
    background-color: var(--color-primary) !important;
}
.forminator-custom-form .forminator-pagination-steps .forminator-step .forminator-step-label {
    color: var(--color-primary) !important;
}
.forminator-custom-form .forminator-pagination-steps .forminator-step.forminator-current ~ .forminator-step .forminator-step-label {
    color: #777771 !important;
}
.forminator-custom-form .forminator-pagination-steps .forminator-step .forminator-step-dot {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}
.forminator-custom-form .forminator-pagination-steps .forminator-step.forminator-current ~ .forminator-step .forminator-step-dot {
    background-color: #b0b0b0 !important;
    border-color: #b0b0b0 !important;
}

@media (max-width: 782px) {
    .forminator-custom-form .forminator-pagination-steps {
        padding-left: 2rem;
    }
}

.forminator-custom-form .forminator-pagination-start,
.forminator-custom-form .forminator-pagination {
    background-color: #f6f6f6;
    border-radius: 1rem;
    padding: 2rem;
}

.forminator-custom-form input + .forminator-description {
    display: none !important;
}
.forminator-custom-form .forminator-field-select button.select2-selection__clear span {
    color: transparent !important;
}
.forminator-custom-form .forminator-field-select button.select2-selection__clear span::before {
    content: '⊗';
    font-family: forminator-icons-font;
    color: var(--color-black);
    font-size: 14px;
    position: absolute;
    top: 50%;
    right: 48px;
    transform: translateY(-50%);
}

.select2-container .forminator-select-dropdown .select2-results__option .forminator-select-label {
    background-color: unset !important;
}

.forminator-custom-form .forminator-pagination-footer {
    margin-bottom: 48px !important;
}

.forminator-custom-form .forminator-field-group .forminator-action-buttons .forminator-col input.forminator-repeater-action-button {
    font-size: 14px !important;
    padding: 1.25rem !important;
    border-radius: 9999px !important;
}
.forminator-custom-form .forminator-field-group .forminator-action-buttons .forminator-col input.forminator-repeater-add {
    color: white !important;
    background-color: var(--color-primary) !important;
    border: 1px solid var(--color-primary) !important;
}
.forminator-custom-form .forminator-field-group .forminator-action-buttons .forminator-col input.forminator-repeater-remove {
    color: var(--color-primary) !important;
    background-color: white !important;
    border: 1px solid var(--color-primary) !important;
}

.forminator-custom-form .forminator-pagination--content .forminator-field-upload {
    margin-bottom: 2rem !important;
}
.forminator-custom-form .forminator-pagination--content .forminator-field-upload .forminator-file-upload .forminator-button-upload {
    padding: 10px 20px;
    color: white !important;
    font-size: .75rem !important;
    text-transform: uppercase;
    background-color: #282827 !important;
    border: 1px solid #282827 !important;
    border-radius: 999px;
}

@media (hover: hover) and (pointer: fine) {
    .forminator-custom-form .forminator-field-group .forminator-action-buttons .forminator-col input.forminator-repeater-add:hover {
        background-color: var(--color-primary-400) !important;
    }
    .forminator-custom-form .forminator-field-group .forminator-action-buttons .forminator-col input.forminator-repeater-remove:hover {
        background-color: var(--color-primary-50) !important;
    }
    .forminator-custom-form .forminator-pagination--content .forminator-field-upload .forminator-file-upload .forminator-button-upload:hover {
        box-shadow: unset !important;
    }
}



/*******************************
*                              *
*        Archive product       *
*                              *
*******************************/

.archive {
    *:not(.products) > ul.products {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(341px, 1fr));
        gap: 20px;
        justify-content: center;
        margin-bottom: 48px;
        .ProductCard {
            width: unset !important;
            margin: unset !important;
            padding: 20px !important;
        }
    }
}

ul.products {
    &::before, &::after {
        display: none !important;
    }
    .ProductCard {
        display: flex;
        flex-direction: column;
        float: unset !important;
        padding: 20px !important;
        color: var(--color-black);
        border: 1px solid #e7e7e7;
        border-radius: 1rem;
        box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
        .woocommerce-LoopProduct-link {
            display: flex !important;
            flex-direction: column;
            flex-grow: 1;
            align-items: flex-start;
            justify-content: flex-start;
            .ProductCard-tagBadge {
                position: absolute;
                right: 0;
                top: 4rem;
                display: flex;
                flex-direction: column;
                align-items: flex-end;
                gap: .375rem;
                .Badge {
                    font-size: .75rem;
                    font-weight: 500;
                    padding: .375rem .625rem;
                    border-top-left-radius: 8px;
                    border-bottom-left-radius: 8px;
                }
            }
            .ProductCard-brandBadge {
                position: absolute;
                top: 40px;
                left: 0;
                padding: 0 16px;
                overflow: hidden;
                background-color: white;
                border: 1px solid #e7e7e7;
                border-left-width: 0;
                border-radius: 0 8px 8px 0;
                img {
                    width: auto !important;
                    height: 58px !important;
                    margin-bottom: 0 !important;
                    -o-object-fit: contain;
                    object-fit: contain;
                }
            }
            .ProductCard-image {
                width: auto !important;
                height: 160px !important;
                margin: 0 auto 24px !important;
                -o-object-fit: contain;
                object-fit: contain;
                -webkit-user-select: none;
                -moz-user-select: none;
                user-select: none;
            }
            .ProductCard-title {
                color: var(--color-black);
                font-size: .9375rem;
                font-weight: 600;
                text-transform: uppercase;
                margin-bottom: 12px;
            }
            .ProductCard-description {
                flex-grow: 1;
                color: #565656;
                font-size: .875rem;
                font-weight: 400;
                line-height: 1.5;
                margin-bottom: 8px;
            }
            .ProductCard-reference {
                color: var(--color-grey);
                font-size: .75rem;
                margin-top: 12px;
                margin-bottom: 16px;
            }
            .ProductCard-price {
                color: var(--color-black);
                ins {
                    text-decoration: unset;
                }
                del {
                    position: relative;
                    color: #4f4f4f !important;
                    text-decoration: unset;
                    margin-right: 1rem;
                    opacity: 1 !important;
                    .woocommerce-Price-amount {
                        position: relative;
                        font-size: 1rem;
                        &::after {
                            content: '';
                            position: absolute;
                            top: 50%;
                            left: -5%;
                            transform: rotate(-6deg);
                            width: 110%;
                            height: 1px;
                            background-color: #4f4f4f;
                        }
                    }
                }
                .woocommerce-Price-amount {
                    font-size: 1.25rem;
                    font-weight: 500;
                }
                .woocommerce-price-suffix {
                    color: #565656;
                    font-size: .875rem;
                    font-weight: 500;
                }
            }
            .ProductCard-wcPrice {
                color: #565656;
                font-weight: 500;
                font-size: .9375rem;
                line-height: 1.5;
                .ProductCard-wcPrice-taxeInfo {
                    font-size: .875rem;
                }
            }
            .yith-wcwl-add-to-wishlist-button {
                position: absolute;
                top: 0;
                right: 2rem;
                left: unset;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 40px;
                height: 46px;
                margin: 0;
                padding: 0;
                overflow: hidden;
                background-color: white;
                border: 1px solid #e7e7e7;
                border-top-width: 0;
                border-radius: 0 0 8px 8px;
                z-index: 0;
                cursor: pointer;
                transition: all .2s cubic-bezier(.6,.15,.25,1);
                svg {
                    height: 18px;
                    width: 18px;
                    color: var(--color-grey);
                }
                &.yith-wcwl-add-to-wishlist-button--added svg {
                    color: var(--color-primary);
                }
            }
            .yith-wcwl-add-to-wishlist__feedback {
                display: none;
            }
        }
        .ProductCard-button svg {
            color: white;
            width: 1rem;
            height: 1rem;
        }
        .ProductCard-stock {
            width: 100%;
            margin: 6px 0 18px;
        }
        .ProductCard-buttonsContainer {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            align-items: stretch;
            justify-content: center;
            width: 100%;
            .qib-container:not(#qib_id):not(#qib_id) {
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 4px;
                background-color: white;
                border: 1px solid #b0b0b0;
                border-radius: 96rem;
                .qib-button:not(#qib_id):not(#qib_id) {
                    background-color: transparent;
                    border: unset;
                    height: 20px;
                    width: 20px;
                    color: #b0b0b0;
                }
                .quantity {
                    display: flex;
                    input.qty:not(#qib_id):not(#qib_id) {
                        flex-shrink: 0;
                        width: 38px;
                        min-width: 0;
                        height: 11px;
                        font-weight: 400;
                        font-size: .813rem;
                        line-height: 1;
                        text-align: center;
                        background-color: transparent;
                        border-radius: 2px;
                        border: unset;
                        color: var(--color-black);
                        &:focus-visible {
                            border-bottom: 0 !important;
                        }
                    }
                }
            }
            .ProductCard-button  {
                flex-grow: 1;
                flex-shrink: 0;
                padding: 16px;
                .ButtonOld-iconWrapper {
                    display: flex;
                }
                .ProductCard-button__svg-check {
                    display: none;
                    svg path {
                        fill: white;
                        stroke: white;
                    }
                }
                &.added_to_cart {
                    .ProductCard-button__svg-check {
                        display: flex;
                    }
                    .ProductCard-button__svg-cart {
                        display: none;
                    }
                }
            }
        }
    }
}
@media (hover: hover) {
    ul.products {
        .ProductCard {
            .yith-wcwl-add-to-wishlist-button:hover {
                background-color: #f6f6f6;
            }
        }
    }
}



/*******************************
*                              *
*           Archives           *
*                              *
*******************************/

.archive {
    main#main {
        display: grid;
        grid-template-columns: 280px 2rem calc((100% - 280px - 2rem - 2rem - 280px) / 2) calc((100% - 280px - 2rem - 2rem - 280px) / 2) 2rem 280px;
        width: 100%;
        max-width: 1432px;
        margin: 0 auto 2rem;
        padding-top: 1.5rem;
        padding-left: .75rem;
        padding-right: .75rem;
        nav.woocommerce-breadcrumb {
            grid-row: 1;
            grid-column: 1 / 7;
            margin-bottom: 1.5rem;
            &::before {
                display: none;
            }
        }
        .woocommerce-products-header {
            grid-row: 2;
            grid-column: 1 / 4;
            display: flex;
            align-items: center;
            padding-bottom: 2rem;
            h1 {
                position: relative;
                font-size: 1.25rem;
                font-weight: 600;
                line-height: 1.5;
                text-transform: uppercase;
                padding-left: calc(1.75rem + 1rem);
                &::before {
                    content: '';
                    background-image: url(../img/magnifying-glass.svg);
                    background-size: contain;
                    width: 1.75rem;
                    height: 1.75rem;
                    position: absolute;
                    top: 50%;
                    left: 0;
                    transform: translateY(-50%);
                }
            }
        }
        .woocommerce-no-products-found {
            grid-row: 3;
            grid-column: 1 / 7;
            .woocommerce-info {
                padding: 0;
                background-color: white;
                color: var(--color-black);
                border-top: 0;
                &::before {
                    display: none;
                }
            }
        }
        /* .woocommerce-notices-wrapper {
            display: none;
        } */
        .brands-container {
            overflow: hidden;
            grid-row: 2;
            grid-column: 4 / 7;
            .brands {
                padding-bottom: 2rem;
                .brands-list {
                    display: flex;
                    a {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        overflow: hidden;
                        height: 8rem;
                        border-radius: 1rem;
                        border: 2px solid #f6f6f6;
                        padding: 1rem;
                        box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
                        transition: all .3s ease;
                        img {
                            display: block;
                            max-width: 100%;
                            height: 100%;
                            -o-object-fit: contain;
                            object-fit: contain;
                        }
                        &:hover {
                            border-color: var(--color-primary);
                        }
                        &.active {
                            border-color: var(--color-primary);
                        }
                    }
                }
                .lSSlideOuter  {
                    overflow: visible;
                    .lSSlideWrapper {
                        overflow: visible;
                        .brands-list {
                            overflow: visible;
                            li {
                                opacity: 0;
                                pointer-events: none;
                                transition-property: opacity;
                                transition-timing-function: cubic-bezier(.4,0,.2,1);
                                transition-duration: .5s;
                                &.active {
                                    opacity: 1;
                                    pointer-events: visible;
                                }
                            }
                        }
                        .lSAction {
                            a {
                                background: unset;
                                padding: .5rem;
                                width: fit-content;
                                height: fit-content;
                                margin-top: 0;
                                transform: translateY(-50%);
                                z-index: unset;
                                &::before {
                                    content: '';
                                    display: block;
                                    background-image: url(../img/chevron-black.svg);
                                    background-size: cover;
                                    width: 40px;
                                    height: 40px;
                                }
                                &.lSPrev::before {
                                    transform: rotate(90deg);
                                }
                                &.lSPrev {
                                    left: -56px;
                                }
                                &.lSNext {
                                    right: -56px
                                }
                                &.lSNext::before {
                                    transform: rotate(-90deg);
                                }
                            }
                        }
                    }
                }
            }
        }
        .sidebar {
            grid-row: 3 / 18;
            grid-column: 1;
            display: flex;
            z-index: 2;
            background-color: #fff;
            .wpfMainWrapper {
                position: relative;
                display: flex;
                flex-direction: column;
                overflow: hidden;
                height: fit-content;
                border-radius: 0 1rem 1rem 0;
                box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
                opacity: 1;
                transition: opacity .15s ease;
                .wfpHideButton.wfpButton.wfpClickable {
                    display: none !important;
                }
                .wpfSelectedParameters {
                    display: flex;
                    flex-wrap: wrap;
                    gap: 5px;
                    order: 2;
                    color: white;
                    font-size: .875rem;
                    background-color: var(--color-primary);
                    padding: 10px 20px;
                    &::before {
                        content: 'Filtres actifs :';
                        width: 100%;
                        margin-bottom: 12px;
                        color: #fff;
                        font-weight: 500;
                        font-size: .875rem;
                    }
                    .wpfSelectedParameter {
                        display: flex;
                        gap: 12px;
                        align-items: center;
                        justify-content: space-between;
                        padding: 6px 8px;
                        margin: 0 !important;
                        color: #fff;
                        font-size: .75rem;
                        background: #282827 0% 0% no-repeat padding-box !important;
                        border-radius: 5px;
                        .wpfSelectedDelete {
                            text-transform: uppercase;
                            &:hover {
                                color: var(--color-primary);
                            }
                        }
                        .wpfSelectedTitle {
                            padding-left: 0 !important;
                        }
                    }
                    .wpfSelectedParametersClear {
                        width: 100%;
                        text-align: right;
                        margin: 5px 0 0;
                    }
                }
                .wpfFilterWrapper {
                    margin-bottom: 0;
                    /* &.wpfHidden {
                        display: block !important;
                    } */
                    &[data-filter-type="wpfSearchText"] {
                        order: 1;
                        background-color: var(--color-primary);
                        margin-top: 0;
                        padding: 24px 16px;
                        .wpfFilterTitle {
                            margin-bottom: 16px;
                            color: #fff;
                            font-weight: 500;
                            font-size: .875rem;
                            text-align: center;
                            text-transform: uppercase;
                            i {
                                display: none !important;
                            }
                            label.wpfBlockClear {
                                text-transform: none;
                                margin-left: 5px;
                            }
                        }
                        .wpfFilterContent {
                            input {
                                display: block;
                                width: 100%;
                                margin: 0;
                                padding: 1.125rem 3rem 1.125rem 1.125rem;
                                font-size: .875rem;
                                border: 1px solid #e7e7e7;
                                border-radius: 96rem;
                            }
                            button {
                                padding: .5rem;
                                right: .5rem;
                                &::before {
                                    font-size: 1rem;
                                    color: #454545;
                                }
                            }
                        }
                    }
                    &:not([data-filter-type="wpfSearchText"]) {
                        order: 3;
                        padding: 0 1rem;
                        padding-right: 1rem;
                        margin-top: 0;
                        margin-bottom: 1rem;
                        &#wpfBlock_2 {
                            margin-top: 24px;
                        }
                        .wpfFilterTitle {
                            display: flex;
                            align-items: center;
                            justify-content: space-between;
                            width: 100%;
                            margin-bottom: 1rem;
                            padding-bottom: 6px;
                            border-bottom: 1px solid #565656;
                            .wfpTitle {
                                color: #4f4f4f;
                                font-weight: 600;
                                font-size: .875rem;
                                line-height: 1.5;
                                letter-spacing: 1px;
                                text-align: start;
                                text-transform: uppercase;
                            }
                            i {
                                &.fa-minus {
                                    transform: rotate(-180deg);
                                }
                                &::before {
                                    content: '';
                                    background-image: url(../img/chevron-black.svg);
                                    background-size: cover;
                                    width: .875rem;
                                    height: .875rem;
                                    transform: rotate(0);
                                    transition: all .15s cubic-bezier(.6,.15,.25,1);
                                }
                            }
                        }
                    }
                    &[data-display-type="list"], &[data-display-type="multi"] {
                        ul.wpfFilterVerScroll {
                            li {
                                margin-bottom: 12px;
                                .wpfLiLabel {
                                    display: flex;
                                    gap: 8px;
                                    align-items: center;
                                    -webkit-user-select: none;
                                    -moz-user-select: none;
                                    user-select: none;
                                    color: #565656;
                                    font-weight: 500;
                                    font-size: .75rem;
                                    text-transform: capitalize;
                                    .wpfCheckbox {
                                        display: flex;
                                    }
                                    .wpfCollapsible {
                                        margin-left: auto;
                                        cursor: pointer;
                                        i {
                                            &.fa-minus {
                                                transform: rotate(-180deg);
                                            }
                                            &::before {
                                                display: block;
                                                content: '';
                                                background-image: url(../img/chevron-black.svg);
                                                background-size: cover;
                                                width: .875rem;
                                                height: .875rem;
                                                transform: rotate(0);
                                                transition: all .15s cubic-bezier(.6,.15,.25,1);
                                            }
                                        }
                                    }
                                    & + ul {
                                        margin-top: 12px;
                                    }
                                }
                                &.wpfShowMoreWrapper, &.wpfShowFewerWrapper {
                                    margin-top: 16px;
                                    /* margin-bottom: 16px; */
                                    padding: 4px;
                                    color: #4f4f4f;
                                    font-weight: 500;
                                    font-size: .75rem;
                                    text-decoration: underline;
                                    transition: all .15s cubic-bezier(.6,.15,.25,1);
                                }
                            }
                        }
                    }
                    &[data-display-type="slider"] {
                        .wfpDescription {
                            height: 0;
                            width: 0;
                            overflow: hidden;
                        }
                        .irs--round {
                            height: 2rem;
                            /* margin-bottom: 1rem; */
                            .irs {
                                .irs-line {
                                    background-color: #e7e7e7;
                                    top: 0;
                                }
                                .irs-from {
                                    top: 15px;
                                    left: 0 !important;
                                    color: #565656;
                                    font-size: 12px;
                                    font-family: var(--family);
                                    background: white;
                                    &::before {
                                        display: none;
                                    }
                                }
                                .irs-to {
                                    top: 15px;
                                    left: auto !important;
                                    right: 0 !important;
                                    color: #565656;
                                    font-size: 12px;
                                    font-family: var(--family);
                                    background: white;
                                    &::before {
                                        display: none;
                                    }
                                }
                                .irs-single {
                                    top: 15px;
                                    left: 50% !important;
                                    transform: translateX(-50%);
                                    color: #565656;
                                    font-size: 12px;
                                    font-family: var(--family);
                                    background: white;
                                    &::before {
                                        display: none;
                                    }
                                }
                            }
                            .irs-bar {
                                top: 0;
                            }
                            .irs-handle {
                                width: 1rem;
                                height: 1rem;
                                top: -6px;
                                border: 1px solid #b0b0b0;
                                box-shadow: unset;
                            }
                        }
                    }
                }
            }
        }
        .woocommerce-result-count {
            grid-row: 3;
            grid-column: 3;
            display: flex;
            align-items: center;
            font-size: .875rem;
            color: var(--color-grey);
        }
        .woocommerce-ordering {
            display: flex !important;
            grid-row: 3;
            grid-column: 5 / 7;
            gap: 8px;
            align-items: center;
            color: var(--color-grey);
            margin-left: auto;
            label {
                margin: 0;
                font-weight: 500;
                font-size: .75rem;
                text-transform: none;
            }
            .InputSelect-container {
                position: relative;
                select {
                    display: block;
                    width: 100%;
                    padding: 20px 48px 20px 20px;
                    font-family: var(--family);
                    font-size: .875rem;
                    color: var(--color-grey);
                    background-color: white;
                    border: 1px solid #b0b0b0;
                    border-radius: 96rem;
                    cursor: pointer;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    appearance: none;
                }
                svg {
                    position: absolute;
                    top: 50%;
                    right: 16px;
                    width: .75rem;
                    height: .75rem;
                    transform: translateY(-50%);
                    pointer-events: none;
                }
            }
        }
        .products {
            grid-row: 4;
            grid-column: 3 / 7;
        }
        .woocommerce-pagination {
            grid-row: 5;
            grid-column: 3 / 7;
            ul.page-numbers {
                display: flex;
                gap: 16px;
                align-items: center;
                justify-content: center;
                border: 0;
                li {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    width: 24px;
                    padding: 8px;
                    font-size: .9375rem;
                    border: 0;
                    .current {
                        color: var(--color-grey-950);
                        font-weight: 700;
                        padding: 0;
                        cursor: default;
                        background: unset;
                    }
                    a {
                        color: #888;
                        font-weight: 500;
                        padding: 0;
                        &:hover {
                            color: #4f4f4f;
                            background: unset;
                        }
                    }
                }
            }
        }
        .rangeCards {
            & ~ .woocommerce-result-count {
                grid-row: 4;
            }
            & ~ .woocommerce-ordering {
                grid-row: 4;
            }
            & ~ .products {
                grid-row: 5;
            }
            & ~ .woocommerce-pagination {
                grid-row: 6;
            }
        }
    }
}

@media (min-width: 640px) {
    .archive {
        main#main {
            padding-top: 2rem;
            padding-left: 1rem;
            padding-right: 1rem;
            .woocommerce-products-header {
                h1 {
                    font-size: 1.375rem;
                }
            }
            .brands-container {
                .brands {
                    .lSSlideOuter {
                        .lSSlideWrapper {
                            .brands-list {
                                li.active + li {
                                    opacity: 1;
                                    pointer-events: visible;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
@media (min-width: 768px) {
    .archive {
        main#main {
            padding-left: 1.25rem;
            padding-right: 1.25rem;
            .brands-container {
                .brands {
                    .lSSlideOuter {
                        .lSSlideWrapper {
                            .brands-list {
                                li.active + li + li {
                                    opacity: 1;
                                    pointer-events: visible;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
@media (min-width: 1024px) {
    .archive {
        main#main {
            padding-left: 1.5rem;
            padding-right: 1.5rem;
            .woocommerce-products-header {
                h1 {
                    font-size: 1.75rem;
                }
            }
            .brands-container {
                .brands {
                    .lSSlideOuter {
                        .lSSlideWrapper {
                            .brands-list {
                                li.active + li + li + li,
                                li.active + li + li + li + li {
                                    opacity: 1;
                                    pointer-events: visible;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
@media screen and (width <= 1150px) {
    .archive {
        main#main {
            grid-template-columns: 100%;
            .woocommerce-products-header {
                grid-row: 2;
                grid-column: 1;
            }
            .brands-container {
                grid-row: 3;
                grid-column: 1;
                .brands {
                    width: calc(100% - (((56px - 1rem) * 2)));
                    padding-left: 1rem;
                    padding-right: 1rem;
                    margin-left: auto;
                    margin-right: auto;
                }
            }
            .sidebar {
                grid-row: 4;
                grid-column: 1;
                margin-bottom: 1rem;
                .wpfMainWrapper {
                    box-shadow: unset;
                    .wfpHideButton.wfpButton.wfpClickable {
                        position: relative;
                        display: flex !important;
                        flex-grow: 1;
                        flex-shrink: 0;
                        gap: 16px;
                        align-items: center;
                        justify-content: center;
                        /* max-width: 100%; */
                        color: white;
                        text-transform: uppercase;
                        font-size: .875rem;
                        font-weight: 500;
                        line-height: 1;
                        padding: 20px;
                        margin-left: auto;
                        margin-right: auto;
                        background-color: var(--color-primary);
                        border-color: var(--color-primary);
                        border: 1px solid;
                        border-radius: 96rem;
                        cursor: pointer;
                        transition: all .15s cubic-bezier(.6,.15,.25,1);
                        -webkit-user-select: none;
                        -moz-user-select: none;
                        user-select: none;
                        &::after {
                            display: none;
                        }
                    }
                    .wpfFilterWrapper#wpfBlock_1 {
                        margin-top: 1rem;
                    }
                }
            }
            .rangeCards {
                grid-row: 5;
                grid-column: 1;
                & ~ .woocommerce-result-count {
                    grid-row: 6;
                }
                & ~ .woocommerce-ordering {
                    grid-row: 7;
                }
                & ~ .products {
                    grid-row: 8;
                }
                & ~ .woocommerce-pagination {
                    grid-row: 9;
                }
            }
            .woocommerce-result-count {
                grid-row: 5;
                grid-column: 1;
                margin-left: auto;
            }
            .woocommerce-ordering {
                grid-row: 6;
                grid-column: 1;
            }
            .products {
                grid-row: 7;
                grid-column: 1;
            }
            .woocommerce-pagination {
                grid-row: 8;
                grid-column: 1;
            }
        }
    }
}
@media (min-width: 1151px) {
    .archive {
        main#main {
            padding-bottom: 5px;
            .brands-container {
                padding-left: 36px;
                padding-right: 36px;
                .brands {
                    .lSSlideOuter {
                        .lSSlideWrapper {
                            .brands-list {
                                li {
                                    &.active + li + li + li + li {
                                        opacity: 0;
                                        pointer-events: none;
                                    }
                                    a {
                                        height: 6rem;
                                        padding: .5rem;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

.rangeCards {
    grid-row: 3;
    grid-column: 3 / 7;
    z-index: 1;
    .rangeCards-title {
        color: #4f4f4f;
        font-weight: 600;
        font-size: 1.375rem;
        text-transform: uppercase;
    }
    .rangeCards-items {
        .lSSlideOuter {
            position: relative;
            padding: 32px 20px;
            margin: 0 -16px;
            .lSSlideWrapper {
                position: initial;
                overflow: visible;
                .rangeCards-carousel {
                    display: flex;
                    .rangeCard {
                        position: relative;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        overflow: hidden;
                        height: 100%;
                        min-height: 500px;
                        padding: 16px;
                        color: #fff;
                        border-radius: 1rem;
                        border: 2px solid #fff;
                        opacity: 0;
                        pointer-events: none;
                        transition-property: opacity;
                        transition-timing-function: cubic-bezier(.4,0,.2,1);
                        transition-duration: .15s;
                        &.rangeCard-active {
                            border-color: var(--color-primary);
                            box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
                        }
                        &.active {
                            opacity: 1;
                            pointer-events: visible;
                        }
                        & > img {
                            position: absolute;
                            top: 0;
                            left: 0;
                            z-index: 0;
                            width: 100%;
                            height: 100%;
                            -o-object-fit: cover;
                            object-fit: cover;
                            /* border-radius: 1rem; */
                            filter: brightness(.6);
                        }
                        .rangeCard__brand {
                            position: absolute;
                            top: 32px;
                            left: 0;
                            min-width: 96px;
                            height: 58px;
                            padding: 0 8px;
                            overflow: hidden;
                            background-color: #fff;
                            border: 1px solid #e7e7e7;
                            border-left-width: 0;
                            border-radius: 0 8px 8px 0;
                            img {
                                width: 100%;
                                height: 100%;
                                -o-object-fit: contain;
                                object-fit: contain;
                            }
                        }
                        .rangeCard__certification {
                            position: absolute;
                            top: 0;
                            right: 32px;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            width: 40px;
                            height: 56px;
                            background-color: #fff;
                            border: 1px solid #e7e7e7;
                            border-radius: 0 0 8px 8px;
                            .rangeCard__certification_img {
                                width: 24px;
                                height: 24px;
                                -o-object-fit: cover;
                                object-fit: cover;
                                stroke-width: 4px;
                            }
                            .rangeCard__certification__popover {
                                position: absolute;
                                top: 72px;
                                right: -8px;
                                z-index: 10;
                                width: 264px;
                                padding: 16px;
                                color: #fff;
                                font-size: .875rem;
                                background-color: #282827;
                                border: 1px solid #4f4f4f;
                                border-radius: 12px;
                                box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
                                visibility: hidden;
                                opacity: 0;
                            }
                            &:hover {
                                background-color: #f6f6f6;
                                .rangeCard__certification__popover {
                                    visibility: visible;
                                    opacity: 1;
                                }
                            }
                        }
                        .rangeCard__content {
                            position: relative;
                            flex-grow: 1;
                            margin-top: 96px;
                            font-weight: 500;
                            text-align: center;
                            a {
                                color: inherit;
                                .rangeCard__content_pretitle {
                                    display: block;
                                    margin-bottom: 8px;
                                    font-size: 1.25rem;
                                }
                                .rangeCard__content_title {
                                    margin-bottom: 32px;
                                    font-size: 1.75rem;
                                    text-transform: uppercase;
                                }
                            }
                        }
                        .rangeCard__pictos {
                            z-index: 1;
                            display: flex;
                            gap: 12px;
                            margin-bottom: 18px;
                            .rangeCard__picto_img {
                                padding: 10px;
                                background: #fff 0% 0% no-repeat padding-box;
                                border-radius: 99px;
                                opacity: 1;
                                .RangeCompatiblesCard-container-list-categorySvg-image {
                                    width: 45px;
                                    height: 45px;
                                }
                            }
                        }
                        .rangeCard__buttons {
                            display: flex;
                            flex-wrap: wrap;
                            gap: 10px;
                            align-items: center;
                            justify-content: space-between;
                            width: 100%;
                            .rangeCard__button {
                                flex-grow: 1;
                                flex-shrink: 0;
                                gap: 8px;
                                padding: .75rem 1rem;
                                &.rangeCard__button_filter:hover {
                                    color: #fff;
                                    background-color: var(--color-primary);
                                    border-color: var(--color-primary);
                                }
                            }
                        }
                    }
                }
                .lSAction {
                    a {
                        width: 56px;
                        height: 56px;
                        margin-top: 0;
                        padding: 24px;
                        color: #fff;
                        background: unset;
                        background-color: #f39200;
                        border-radius: 999px;
                        transform: translateY(-50%);
                        opacity: 1;
                        z-index: 5;
                        &::before {
                            content: '';
                            display: block;
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            background-image: url(../img/chevron-white.svg);
                            background-size: cover;
                            width: 30px;
                            height: 30px;
                        }
                        &.lSPrev {
                            left: 0;
                            &::before {
                                transform: translate(-50%, -50%) rotate(90deg);
                            }
                        }
                        &.lSNext {
                            right: 0;
                            &::before {
                                transform: translate(-50%, -50%) rotate(-90deg);
                            }
                        }
                    }
                }
            }
        }
    }
}
@media (min-width: 880px ) {
    .rangeCards {
        & .rangeCards-items {
            & .lSSlideOuter {
                & .lSSlideWrapper {
                    & .rangeCard {
                        &.active + .rangeCard {
                            opacity: 1;
                            pointer-events: visible;
                        }
                    }
                }
            }
        }
    }
}
@media (min-width: 1250px ) {
    .rangeCards {
        & .rangeCards-items {
            & .lSSlideOuter {
                & .lSSlideWrapper {
                    & .rangeCard {
                        &.active + .rangeCard + .rangeCard {
                            opacity: 1;
                            pointer-events: visible;
                        }
                    }
                }
            }
        }
    }
}



/*******************************
*                              *
*        Single product        *
*                              *
*******************************/

.single-product {
    #primary {
        overflow: hidden;
        width: 100%;
        max-width: 1432px;
        margin-left: auto;
        margin-right: auto;
        padding-left: .75rem;
        padding-right: .75rem;
        nav.woocommerce-breadcrumb {
            font-size: .875rem;
            color: var(--color-grey);
            padding-top: 1.5rem;
            padding-bottom: 2.5rem;
            &::before {
                display: none;
            }
            a {
                color: var(--color-grey);
            }
        }
        .ProductCard {
            display: flex;
            flex-wrap: wrap;
            gap: 2rem;
            .woocommerce-product-gallery {
                width: 100%;
                max-width: 500px;
                float: none;
                -webkit-user-select: none;
                -moz-user-select: none;
                user-select: none;
                figure.woocommerce-product-gallery__wrapper {
                    div {
                        a {
                            display: block;
                            width: 100%;
                            max-width: 500px;
                            margin-left: auto;
                            margin-right: auto;
                            pointer-events: none;
                            img {
                                aspect-ratio: 1 / 1;
                                overflow: hidden;
                                -o-object-fit: contain;
                                object-fit: contain;
                                padding: 1rem;
                            }
                        }
                    }
                }
                .lSAction {
                    a {
                        background: unset;
                        padding: .5rem;
                        width: fit-content;
                        height: fit-content;
                        margin-top: 0;
                        transform: translateY(-50%);
                        z-index: unset;
                        &::before {
                            content: '';
                            display: block;
                            background-image: url(../img/chevron-black.svg);
                            background-size: cover;
                            width: 40px;
                            height: 40px;
                        }
                        &.lSPrev::before {
                            transform: rotate(90deg);
                        }
                        &.lSPrev {
                            left: 0px;
                        }
                        &.lSNext {
                            right: 0px
                        }
                        &.lSNext::before {
                            transform: rotate(-90deg);
                        }
                    }
                }
                ul.lSPager {
                    margin-left: auto;
                    margin-right: auto;
                    li {
                        padding: .5rem;
                        margin-top: 5px;
                        margin-bottom: 5px;
                        border: 1px solid transparent;
                        border-radius: 1rem;
                        &.active {
                            border-color: var(--color-primary);
                            /* box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1); */
                        }
                    }
                }
            }
            .summary {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                gap: 1rem;
                max-width: 100%;
                width: 100%;
                float: none;
                .yith-add-to-wishlist-button-block {
                    margin-top: 0;
                    margin-bottom: 1rem;
                    button.yith-wcwl-add-to-wishlist-button {
                        padding: 0;
                        svg {
                            height: 1.25rem;
                            width: 1.25rem;
                            stroke: var(--color-grey);
                        }
                        &.yith-wcwl-add-to-wishlist-button--added {
                            svg {
                                stroke: var(--color-primary);
                                fill: var(--color-primary)
                            }
                            .yith-wcwl-add-to-wishlist-button__label {
                                display: none;
                            }
                        }
                    }
                }
                .brand {
                    margin-top: calc(20px + 1rem);
                }
                .price {
                    color: var(--color-black);
                    ins {
                        text-decoration: unset;
                    }
                    del {
                        position: relative;
                        text-decoration: unset;
                        margin-right: 1rem;
                        opacity: 1 !important;
                        .woocommerce-Price-amount {
                            position: relative;
                            font-size: 1.375rem;
                            font-weight: 400;
                            &::after {
                                content: '';
                                position: absolute;
                                top: 50%;
                                left: -5%;
                                transform: rotate(-6deg);
                                width: 110%;
                                height: 1px;
                                background-color: var(--color-black);
                            }
                        }
                    }
                    .woocommerce-Price-amount {
                        font-size: 2.125rem;
                        font-weight: 600;
                    }
                    .woocommerce-price-suffix {
                        font-size: .9375rem;
                        font-weight: 500;
                    }
                    & ~ .stock {
                        display: none;
                    }
                }
                .ProductCard-buttonsContainer {
                    .qib-container:not(#qib_id):not(#qib_id) {
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        padding: 4px;
                        background-color: white;
                        border: 1px solid var(--color-primary);
                        border-radius: 96rem;
                        .qib-button:not(#qib_id):not(#qib_id) {
                            background-color: transparent;
                            border: unset;
                            height: 20px;
                            width: 20px;
                            color: #b0b0b0;
                        }
                        .quantity {
                            display: flex;
                            input.qty:not(#qib_id):not(#qib_id) {
                                flex-shrink: 0;
                                width: 38px;
                                min-width: 0;
                                height: 11px;
                                font-weight: 400;
                                font-size: .813rem;
                                line-height: 1;
                                text-align: center;
                                background-color: transparent;
                                border-radius: 2px;
                                border: unset;
                                color: var(--color-black);
                                &:focus-visible {
                                    border-bottom: 0 !important;
                                }
                            }
                        }
                    }
                    .ProductCard-button  {
                        svg {
                            width: 16px;
                            height: 16px;
                        }
                        &:hover {
                            svg {
                                stroke: var(--color-black);
                            }
                        }
                        .ProductCard-button__svg-check {
                            display: none;
                            svg path {
                                fill: white;
                                stroke: white;
                            }
                        }
                        &.added_to_cart {
                            .ProductCard-button__svg-check {
                                display: flex;
                            }
                            .ProductCard-button__svg-cart {
                                display: none;
                            }
                        }
                    }
                }
            }
            .woocommerce-product-details__short-description {
                margin-bottom: 1.5rem;
                h2, h3, h4, h5, h6 {
                    font-size: 1.25rem;
                    font-weight: 500;
                    margin-bottom: 1rem;
                }
            }
            .woocommerce-product-details__short-description ,
            .woocommerce-tabs {
                p {
                    margin-bottom: 1rem;
                }
                ul {
                    margin-bottom: 1rem;
                    li {
                        font-size: .875rem;
                        line-height: 2;
                        margin-left: 1rem;
                        &::before {
                            display: inline-block;
                            width: 1rem;
                            margin-left: -1rem;
                            color: var(--color-primary);
                            font-weight: 800;
                            content: "\2022";
                        }
                    }
                }
                strong {
                    font-weight: 600;
                }
            }
            .upsells {
                width: 100%;
                h2:not(.ProductCard-title) {
                    font-size: 2.125rem;
                    font-weight: 400;
                    line-height: 1.5;
                    text-transform: uppercase;
                }
                .lSSlideOuter {
                    overflow: visible;
                    width: calc(100% - (((56px - 1rem) * 2)));
                    padding: 2rem 1rem;
                    margin-left: auto;
                    margin-right: auto;
                    .lSSlideWrapper {
                        overflow: visible;
                        ul.products {
                            display: flex;
                            position: relative;
                            overflow: visible;
                            z-index: 5;
                            height: auto !important;
                            margin-bottom: 0;
                            li {
                                margin-bottom: 0;
                                opacity: 0;
                                pointer-events: none;
                                transition-property: opacity;
                                transition-timing-function: cubic-bezier(.4,0,.2,1);
                                transition-duration: .5s;
                                &.active {
                                    opacity: 1;
                                    pointer-events: visible;
                                }
                            }
                        }
                        .lSAction {
                            a {
                                background: unset;
                                padding: .5rem;
                                width: fit-content;
                                height: fit-content;
                                margin-top: 0;
                                transform: translateY(-50%);
                                z-index: unset;
                                &::before {
                                    content: '';
                                    display: block;
                                    background-image: url(../img/chevron-black.svg);
                                    background-size: cover;
                                    width: 40px;
                                    height: 40px;
                                }
                                &.lSPrev::before {
                                    transform: rotate(90deg);
                                }
                                &.lSPrev {
                                    left: -56px;
                                }
                                &.lSNext {
                                    right: -56px
                                }
                                &.lSNext::before {
                                    transform: rotate(-90deg);
                                }
                            }
                        }
                    }
                }
            }
            .woocommerce-tabs {
                width: 100%;
                .description {
                    width: 100%;
                    h2 {
                        font-size: 2.625rem;
                        font-weight: 300;
                        margin-bottom: 2rem;
                    }
                }
            }
            #module_rangeCards {
                display: grid;
                grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
                gap: 16px;
                justify-content: center;
                .module_rangeCard {
                    position: relative;
                    display: flex;
                    flex-direction: column;
                    align-items: flex-start;
                    justify-content: flex-end;
                    height: 100%;
                    min-height: 200px;
                    padding: 9px;
                    color: #fff;
                    border-radius: 1rem;
                    box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
                    & > img {
                        position: absolute;
                        top: 0;
                        left: 0;
                        z-index: 0;
                        width: 100%;
                        height: 100%;
                        -o-object-fit: cover;
                        object-fit: cover;
                        border-radius: 1rem;
                        filter: brightness(.6);
                    }
                    .module_rangeCard__brand {
                        position: absolute;
                        top: 16px;
                        left: 0;
                        min-width: 72px;
                        height: 40px;
                        padding: 0 8px;
                        overflow: hidden;
                        background-color: #fff;
                        border: 1px solid #e7e7e7;
                        border-left-width: 0;
                        border-radius: 0 8px 8px 0;
                        & > img {
                            width: 100%;
                            height: 100%;
                            -o-object-fit: contain;
                            object-fit: contain;
                        }
                    }
                    .module_rangeCard__content__wrapper {
                        position: relative;
                        display: flex;
                        flex-direction: column;
                        gap: 8px;
                        justify-content: center;
                        height: 60%;
                        margin: 8px;
                        font-weight: 500;
                        font-size: .875rem;
                        border-radius: 1rem;
                        .module_rangeCard__content_title {
                            font-size: .875rem;
                        }
                        .module_rangeCard__content_name {
                            font-weight: 600;
                            font-size: 1.25rem;
                            text-transform: uppercase;
                        }
                        .module_rangeCard__content_pictos__wrapper {
                            display: flex;
                            gap: 12px;
                            .module_rangeCard__content_picto_img {
                                padding: 8px;
                                background: #fff 0% 0% no-repeat padding-box;
                                border-radius: 99px;
                                opacity: 1;
                                .RangeCompatiblesCard-container-list-categorySvg-image {
                                    width: 32px;
                                    height: 32px;
                                }
                            }
                        }
                    }
                }
            }
            .rangeCards {
                & .rangeCards-items {
                    .lSSlideOuter {
                        padding: 32px;
                        margin: 0;
                        .lSAction {
                            a {
                                background: unset;
                                padding: .5rem;
                                width: fit-content;
                                height: fit-content;
                                margin-top: 0;
                                transform: translateY(-50%);
                                z-index: unset;
                                &::before {
                                    content: '';
                                    display: block;
                                    background-image: url(../img/chevron-black.svg);
                                    background-size: cover;
                                    width: 40px;
                                    height: 40px;
                                }
                                &.lSPrev::before {
                                    transform: rotate(90deg);
                                }
                                &.lSPrev {
                                    left: -20px;
                                }
                                &.lSNext {
                                    right: 20px
                                }
                                &.lSNext::before {
                                    transform: rotate(-90deg);
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    #dowload-form {
        .forminator-ui {
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
            input[name="email-1"] {
                display: block !important;
                width: 100% !important;
                padding: 20px 48px 20px 20px !important;
                padding: 1.125rem 3rem 1.125rem 1.125rem !important;
                font-size: .875rem !important;
                border: 1px solid #e7e7e7 !important;
                border-radius: 96rem;
            }
            .forminator-field-captcha {
                margin-top: 0 !important;
            }
        }
    }
}
@media (min-width: 640px) {
    .single-product {
        #primary {
            padding-left: 1rem;
            padding-right: 1rem;
            nav.woocommerce-breadcrumb {
                padding-top: 2rem;
                padding-bottom: 2.5rem;
            }
            & .ProductCard {
                .summary {
                    gap: 2rem
                }
                .woocommerce-tabs {
                    .description {
                        width: auto;
                    }
                }
            }
        }
    }
}
@media (min-width: 768px) {
    .single-product {
        #primary {
            padding-left: 1.25rem;
            padding-right: 1.25rem;
            .ProductCard {
                .upsells {
                    .lSSlideOuter {
                        .lSSlideWrapper {
                            ul.products {
                                li.active + li {
                                    opacity: 1;
                                    pointer-events: visible;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
@media (min-width: 1024px) {
    .single-product {
        #primary {
            padding-left: 1.5rem;
            padding-right: 1.5rem;
            .ProductCard {
                .summary {
                    max-width: calc(100% - 500px - 2rem);
                }
            }
        }
    }
}
@media (min-width: 1280px) {
    .single-product #primary .ProductCard .upsells .lSSlideOuter .lSSlideWrapper ul.products li.active + li + li {
        opacity: 1;
        pointer-events: visible;
    }
}

.stock {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    cursor: default;
    button {
        &.stock__label {
            z-index: 2;
            margin: -8px -8px -16px;
            padding: 8px 8px 16px;
            font-weight: 600;
            font-size: .875rem;
            cursor: default;
        }
        &.stock__disponibility {
            z-index: 2;
            display: flex;
            gap: 10px;
            align-items: flex-end;
            margin: -8px -8px -16px;
            padding: 8px 8px 16px;
            color: var(--color-black);
            font-weight: 500;
            font-size: .75rem;
            cursor: default;
            svg {
                width: 15px;
                height: 15px;
            }
        }
        &:hover {
            & ~ .stock-popover {
                display: flex;
                .stock-popover__arrow::before {
                    position: absolute;
                    top: -12px;
                    left: 48px;
                    z-index: 3;
                    width: 0;
                    height: 0;
                    border-right: 12px solid transparent;
                    border-bottom: 12px solid #FFFFFF;
                    border-left: 12px solid transparent;
                    content: '';
                }
                .stock-popover__arrow::after {
                    position: absolute;
                    top: -13px;
                    left: 48px;
                    z-index: 2;
                    display: block;
                    width: 0;
                    height: 0;
                    border-right: 12px solid transparent;
                    border-bottom: 12px solid #d1d1d1;
                    border-left: 12px solid transparent;
                    content: '';
                }
            }
        }
    }
    .stock-popover {
        position: absolute;
        top: 44px;
        left: 0;
        z-index: 6;
        display: none;
        flex-direction: column;
        gap: 16px;
        padding: 24px;
        color: var(--color-black);
        background-color: white;
        border: 1px solid #e7e7e7;
        border-radius: 1rem;
        box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
        cursor: auto;
        .stock-popover__title {
            font-weight: 600;
            font-size: .875rem;
            text-align: center;
        }
        .stock-popover__graph {
            display: flex;
            gap: 20px;
            width: 100%;
            .graph-col {
                display: flex;
                flex-direction: column;
                gap: 16px;
                align-items: center;
                width: 32px;
                .graph-col__number {
                    font-weight: 500;
                    font-size: .875rem;
                }
                .graph-col__bar {
                    position: relative;
                    width: 100%;
                    height: 144px;
                    .graph-col__bar-progress {
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        width: 100%;
                    }
                }
                .graph-col__separator {
                    width: 100%;
                    height: 1px;
                    background-color: #d1d1d1;
                }
                .graph-col__week {
                    font-weight: 500;
                    font-size: .875rem;
                }
            }
        }
        .stock-popover__week-info {
            font-weight: 500;
            font-size: .875rem;
            text-align: center;
        }
    }
    &.instock {
        button.stock__label {
            color: var(--color-success);
        }
        svg {
            fill: var(--color-success);
        }
        .graph-col__bar-progress {
            background-color: var(--color-success);
        }
    }
    &.coming-soon, &.onbackorder, &.outofstock {
        button.stock__label {
            color: var(--color-warning);
        }
        svg {
            fill: var(--color-warning);
        }
        .graph-col__bar-progress {
            background-color: var(--color-warning);
        }
    }
}



/*******************************
*                              *
*             Cart             *
*           Checkout           *
*                              *
*******************************/

.woocommerce-cart .button[name='update_cart'] {
    display: none!important;
}

#panier, #commander {
    .cart-checkout, .woocommerce-cart, .woocommerce-form-checkout, .woocommerce-order-received {
        /* overflow-x: hidden; */
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 2rem;
        .title {
            svg {
                width: 1.5rem;
                height: 1.5rem;
                stroke: var(--color-primary);
            }
        }
        .coupon {
            display: flex;
            flex-wrap: wrap;
            justify-content: right;
            .woocommerce-remove-coupon {
                width: 100%;
                font-size: .75rem;
                font-style: italic;
                text-align: right;
                margin-top: 4px;
            }
        }
        .CartListing {
            .woocommerce-order-details {
                margin-bottom: 0;
            }
            .order_details {
                border: 0;
                border-color: #e7e7e7;
                border-top-width: 1px;
                border-style: solid;
            }
            .product-remove {
                a {
                    svg {
                        width: 16px;
                        height: 16px;
                        fill: #888
                    }
                    &.hover\:text-danger-600:hover {
                        svg {
                            fill: var(--color-error);
                        }
                    }
                }
            }
            .product-price {
                ins {
                    text-decoration: unset;
                }
                del {
                    position: relative;
                    text-decoration: unset;
                    margin-right: .75rem;
                    .woocommerce-Price-amount {
                        position: relative;
                        color: #565656;
                        font-size:.875rem;
                        font-weight: 400;
                        &::after {
                            content: '';
                            position: absolute;
                            top: 50%;
                            left: -5%;
                            transform: rotate(-6deg);
                            width: 110%;
                            height: 1px;
                            background-color: var(--color-grey-950);
                        }
                    }
                }
                .woocommerce-Price-amount {
                    font-weight: 500;
                }
                .woocommerce-price-suffix {
                    font-size: .75rem;
                    font-weight: 400;
                }
            }
            .product-quantity {
                .qib-container:not(#qib_id):not(#qib_id) {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    padding: .25rem .75rem;
                    background-color: white;
                    border: 1px solid #b0b0b0;
                    border-radius: 96rem;
                    .qib-button:not(#qib_id):not(#qib_id) {
                        background-color: transparent;
                        border: unset;
                        height: 20px;
                        width: 18px;
                        color: #b0b0b0;
                    }
                    .quantity {
                        display: flex;
                        input.qty:not(#qib_id):not(#qib_id) {
                            flex-shrink: 0;
                            width: 38px;
                            min-width: 0;
                            height: 11px;
                            font-weight: 400;
                            font-size: .813rem;
                            line-height: 1;
                            text-align: center;
                            background-color: transparent;
                            border-radius: 2px;
                            border: unset;
                            color: var(--color-black);
                            &:focus-visible {
                                border-bottom: 0 !important;
                            }
                        }
                    }
                }
            }
            .product-stock {
                .stock {
                    padding: 0;
                    border: 0;
                }
            }
            .product-warning-stock {
                svg {
                    width: 1.25rem;
                    height: 1.25rem;
                }
            }
        }
        .warning-cart {
            svg {
                width: 1.5rem;
                height: 1.5rem;
            }
        }
        .CrossSellProducts {
            /* overflow: hidden; */
            .lSSlideOuter {
                overflow: visible;
                width: calc(100% - (((56px - 1rem) * 2)));
                padding: 2rem 1rem;
                margin-left: auto;
                margin-right: auto;
                .lSSlideWrapper {
                    overflow: visible;
                    ul.products {
                        display: flex;
                        position: relative;
                        overflow: visible;
                        z-index: 5;
                        height: auto !important;
                        margin-bottom: 0;
                        li {
                            margin-bottom: 0;
                            opacity: 0;
                            pointer-events: none;
                            transition-property: opacity;
                            transition-timing-function: cubic-bezier(.4,0,.2,1);
                            transition-duration: .5s;
                            &.active {
                                opacity: 1;
                                pointer-events: visible;
                            }
                        }
                    }
                    .lSAction {
                        a {
                            background: unset;
                            padding: .5rem;
                            width: fit-content;
                            height: fit-content;
                            margin-top: 0;
                            transform: translateY(-50%);
                            z-index: 5;
                            &::before {
                                content: '';
                                display: block;
                                background-image: url(../img/chevron-black.svg);
                                background-size: cover;
                                width: 40px;
                                height: 40px;
                            }
                            &.lSPrev::before {
                                transform: rotate(90deg);
                            }
                            &.lSPrev {
                                left: -56px;
                            }
                            &.lSNext {
                                right: -56px
                            }
                            &.lSNext::before {
                                transform: rotate(-90deg);
                            }
                        }
                    }
                }
            }
        }
    }
}
@media (min-width: 640px) {
    #panier, #commander {
        .cart-checkout, .woocommerce-cart, .woocommerce-form-checkout, .woocommerce-order-received {
            .title {
                svg {
                    width: 1.75rem;
                    height: 1.75rem;
                }
            }
            .product-name {
                .title {
                    font-size: 1rem;
                    margin-bottom: 0;
                }
            }
        }
    }
}
@media (min-width: 768px) {
    #panier .cart-checkout .CrossSellProducts .lSSlideOuter .lSSlideWrapper ul.products li.active + li {
        opacity: 1;
        pointer-events: visible;
    }
}
@media (min-width: 1280px) {
    #panier, #commander {
        .cart-checkout {
            align-items: flex-end;
        }
        .cart-checkout, .woocommerce-cart, .woocommerce-form-checkout, .woocommerce-order-received {
            grid-template-columns: repeat(4, minmax(0, 1fr));
            .title {
                svg {
                    width: 2rem;
                    height: 2rem;
                }
            }
            .CrossSellProducts .lSSlideOuter .lSSlideWrapper ul.products li.active + li + li {
                opacity: 1;
                pointer-events: visible;
            }
        }
    }
}



/*******************************
*                              *
*           Checkout           *
*                              *
*******************************/

.woocommerce-checkout {
    #commander {
        #select-shipping-addresses, #select-shipping-contacts {
            width: 100%;
            & + .select2 {
                display: block;
                width: 100% !important;
                .select2-selection {
                    border-color: #b0b0b0;
                    border-radius: 96rem;
                    .select2-selection__rendered {
                        font-size: .875rem;
                        color: #3d3d3d;
                        padding-left: 1rem;
                        padding-right: 2rem;
                    }
                }
            }
        }
        .woocommerce-shipping-fields__field-wrapper {
            .Input {
                float: none;
                width: 100%;
                margin-top: 1rem;
                margin-bottom: 0;
                padding: 0;
            }
        }
        .shipping_options {
            .info-option {
                .hover {
                    display: none;
                }
                svg {
                    width: 1.25rem;
                    height: 1.25rem;
                    stroke: #565656;
                    stroke-width: 1.5;
                    &:hover + .hover {
                        display: block;
                    }
                }
            }
        }
        .shipping_date__wrapper {
            input {
                &:focus-visible {
                    border-bottom: 0 !important;
                }
                &:hover + .input-button {
                    svg {
                        color: var(--color-primary);
                    }
                }
            }
            svg {
                position: absolute;
                top: 50%;
                right: 0;
                transform: translateY(-50%);
                /* z-index: 0; */
            }
        }
        #payment {
            background: none;
            .form-row {
                padding: 0;
                .woocommerce-privacy-policy-text {
                    display: none;
                    & + br {
                        display: none;
                    }
                }
                .Checkbox {
                    label {
                        display: flex;
                        gap: 8px;
                        line-height: 1;
                        #terms {
                            margin: 0;
                        }
                    }
                    &.woocommerce-invalid {
                        label {
                            color: unset;
                            #terms {
                                outline: 0;
                            }
                        }
                        #terms_description {
                            margin-top: 10px;
                            margin-left: 20px;
                            color: var(--color-error);
                            font-style: italic;
                        }
                    }
                    .required {
                        display: none;
                    }
                }
            }
        }
    }
    .select2-container--default {
        margin-top: .25rem;
        .select2-dropdown {
            border-color: #e7e7e7;
            box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
            border-radius: .75rem;
            .select2-results__options {
                max-height: 15rem;
                border-radius: .75rem;
                .select2-results__option {
                    line-height: 1.25;
                    font-size: .875rem;
                    color: #3d3d3d;
                    padding-top: .5rem;
                    padding-bottom: .5rem;
                    padding-left: 2rem;
                    padding-right: 1rem;
                    &[data-selected=true] {
                        position: relative;
                        background-color: white;
                        &::after {
                            content: '';
                            position: absolute;
                            display: block;
                            background-image: url(../img/check-primary.svg);
                            background-size: cover;
                            width: 16px;
                            height: 16px;
                            top: .5rem;
                            left: 8px;
                        }
                    }
                    &.select2-results__option--highlighted[aria-selected] {
                        background-color: #f6f6f6;
                        color: #3d3d3d;
                    }
                    &:first-child {
                        border-top-left-radius: .75rem;
                        border-top-right-radius: .75rem;
                    }
                    &:last-child {
                        border-bottom-left-radius: .75rem;
                        border-bottom-right-radius: .75rem;
                    }
                    &:not(:last-child) {
                        border-bottom: 1px solid #f6f6f6;
                    }
                }
            }
        }
    }
    .flatpickr-calendar {
        padding: .5rem;
        .flatpickr-day.selected {
            background-color: var(--color-primary);
            border-color: var(--color-primary);
        }
    }
}



/*******************************
*                              *
*       Checkout receive       *
*                              *
*******************************/

/* #commander {
    *:not(.coupon) + .woocommerce-notices-wrapper {
        display: none;
    }
} */



/*******************************
*                              *
*      Système de Fixation     *
*                              *
*******************************/

.systemes-de-fixation {
    h1 {
        position: relative;
        font-size: 1.25rem;
        font-weight: 600;
        line-height: 1.5;
        text-transform: uppercase;
        padding-left: calc(1.75rem + 1rem);
        &::before {
            content: '';
            background-image: url(../img/magnifying-glass.svg);
            background-size: contain;
            width: 1.75rem;
            height: 1.75rem;
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%);
        }
    }
    @media (min-width: 640px) {
        h1 {
            font-size: 1.375rem;
        }
    }
    @media (min-width: 1024px) {
        h1 {
            font-size: 1.75rem;
        }
    }
    .support_types__wrapper, .supports__wrapper, .brands-list {
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    }
    .supports__wrapper {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }
    @media (max-width: 640px) {
        .support_types__wrapper, .supports__wrapper, .brands-list {
            grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
        }
    }
    .support_types__item.active {
        box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
        .support_types__content {
            background-color: #f6f6f6;
        }
    }
    .support_types__content, .supports__content {
        margin: 8px;
    }
    .support_types__content > img {
        width: 85%;
        height: 80px;
        margin: 20px 20px 0;
        object-fit: contain;
    }
    .supports__content > img {
        width: 100%;
        height: 100px;
        margin: 0;
        border-radius: 10px;
        object-fit: cover;
    }
}