.btn {
    padding: 12px 20px;
    border-radius: 4px;
    font-family: var(--font);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    text-transform: unset;
    white-space: unset;
}
.btn-primary {
    background: var(--button);
    color: var(--white);
    border-radius: 4px;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:focus-visible,
.btn-primary:active,
.btn-primary:active:focus,
.btn-primary:active:hover {
    background: var(--button-hover) !important;
    outline: unset !important;
}
.btn-primary:disabled:hover,
.btn-primary:disabled,
.btn-primary:disabled:focus {
    background: var(--grey-2) !important;
    opacity: unset !important;
}
.btn-secondary {
    background: var(--white);
    color: var(--button);
}
.btn-tertiary {
    background: var(--white);
    border: 2px solid var(--button);
    color: var(--button);
    margin: unset;
}
/* .btn-secondary {
    background: var(--color-brand-white);
    border: 1px solid var(--color-brand-black);
    color: var(--color-brand-black);
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:focus-visible {
    border: 2px solid var(--button-hover);
    color: var(--button-hover);
    background: var(--white);
    outline: none;
}
.btn-secondary:active,
.btn-secondary:visited {
    border: 2px solid var(--button) !important;
    color: var(--button) !important;
    background: var(--white) !important;
}
.btn-secondary:disabled:hover,
.btn-secondary:disabled,
.btn-secondary:disabled:focus {
    border: 2px solid var(--grey-1);
    color: var(--grey-1);
    background: var(--white);
}
.btn.active.focus, 
.btn.active:focus, 
.btn.focus, 
.btn:active.focus, 
.btn:active:focus, 
.btn:focus {
    outline: unset;
    outline-offset: unset;
}
.btn-tertiary {
    background: var(--white);
    color: var(--button);
}
.btn-tertiary:hover,
.btn-tertiary:focus,
.btn-tertiary:focus-visible {
    color: var(--button-hover);
    background: var(--white);
    outline: none;
}
.btn-tertiary:active,
.btn-tertiary:visited {
    color: var(--black) !important;
    background: var(--white) !important;
}
.btn-tertiary:disabled:hover,
.btn-tertiary:disabled,
.btn-tertiary:disabled:focus {
    color: var(--grey-1);
    background: var(--white);
}*/
.btn-miniature {
    margin-top: 16px;
    width: 100%;
    border-radius: 4px;
    border: 2px solid var(--black);
    color: var(--black);
    background: var(--white);
}
.btn-miniature:hover,
.btn-miniature:focus,
.btn-miniature:focus-visible {
    border: 2px solid var(--button-hover);
    color: var(--button-hover);
    outline: none;
}
.btn-miniature:active {
    border: 2px solid var(--button);
    color: var(--button);
    outline: none;
}
input.form-control {
    border-radius: 4px;
    border: 2px solid var(--grey-2);
    background: var(--white);
    &:focus {
        outline: unset;
        border-color: var(--grey-2);
    }
}
.form-control-comment {
    color: var(--black);
}
.input-group .input-group-btn>.btn[data-action=show-password] {
    width: 100%;
    background: var(--button);
    justify-content: center;
    &:hover {
        background: var(--button-hover);
    }
}
.form-control-select {
    background-color: var(--white);
    border: 2px solid var(--grey-2);
    border-radius: 4px;
}
h1,.h1 {
    font-size: 45px;
    font-weight: 700;
    line-height: 50px;
    @media (max-width: 1024px) {
        font-size: 28px;
        line-height: 36px;
    }
}
h2,.h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    @media (max-width: 1024px) {
        font-size: 26px;
        line-height: 36px;
    }
}
h3,.h3 {
    font-size: 26px;
    font-weight: 700;
    line-height: 30px;
    @media (max-width: 1024px) {
        font-size: 20px;
        line-height: 26px;
    }
}
h4,.h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    @media (max-width: 1024px) {
        font-size: 18px;
        line-height: 24px;
    }
}
h5,.h5 {
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 22px;
    @media (max-width: 1024px) {
        font-size: 18px;
        line-height: 22px;
    }
}
h6,.h6 {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    @media (max-width: 1024px) {
        font-size: 16px;
        line-height: 22px;
    }
}
.title-seo {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
}
.titre-seo,
.titre-seo .elementor-heading-title {
    color: var(--white) !important;
    font-family: var(--font);
    font-size: 16px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase;
    background: var(--black);
    padding: 6px 40px 6px 16px;
    letter-spacing: 1px;
    width: fit-content;
    clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
    margin-bottom: 0 !important;
}
* {
    min-width: 0;
    font: inherit;
}
*, *::before, *::after {
    box-sizing: border-box;
}
img, video, svg {
    display: block;
    height: auto;
    max-width: 100%;
}
h1, h2, h3, h4, h5, h6 {
    text-wrap: balance;
}
.h1, .h2, .h3 {
    text-transform: unset;
    margin-bottom: 0;
}
body {
    font-family: var(--font);
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: var(--black) !important;
}
span[data-link],
span[data-link-v2],
span[data-link-blank],
.link-finder,
#ancre-top {
    cursor: pointer;
}
.link,
a.link {
    border-bottom: 2px solid var(--black);
    color: var(--black);
    font-size: 11px;
    line-height: 12px;
    letter-spacing: 0.22px;
    font-weight: 700;
    text-transform: uppercase;
}
a {
    color: var(--black);
    &:hover {
        color: var(--color-brand-dark-blue);
    }
}
/* .link:hover,
a.link:hover {
    border-bottom: 1px solid var(--color-brand-bleu-hover);
    color: var(--color-brand-bleu-hover);
} */
.link:disabled,
a.link:disabled {
    border-bottom: 2px solid var(--color-disabled);
    color: var(--color-disabled);
}
.flex {
    display: flex !important;
    &.column {
        flex-direction: column;
    }
    &.flex-row {
        flex-direction: row !important;
    }
    &.line {
        flex-direction: row;
    }
    &.flex-end {
        justify-content: flex-end;
    }
    &.flex-start {
        justify-content: flex-start;
    }
    &.center {
        justify-content: center;
    }
    &.space-between {
        justify-content: space-between;
        align-items: center;
    }
    &.align-center {
        align-items: center !important;
    }
    &.align-end {
        align-items: flex-end;
    }
    &.gap-5 {
        gap: 5px;
    }
    &.gap-6 {
        gap: 6px;
    }
    &.gap-7 {
        gap: 7px;
    }
    &.gap-8 {
        gap: 8px;
    }
    &.gap-10 {
        gap: 10px;
    }
    &.gap-12 {
        gap: 12px;
    }
    &.gap-14 {
        gap: 14px;
    }
    &.gap-16 {
        gap: 16px;
    }
    &.gap-20 {
        gap: 20px;
    }
    &.gap-24 {
        gap: 24px;
    }
    &.gap-30 {
        gap: 30px;
    }
    &.gap-40 {
        gap: 40px;
    }
    &.gap-48 {
        gap: 48px;
    }
    &.gap-62 {
        gap: 62px;
    }
    &.gap-66 {
        gap: 66px;
    }
    .flex-1 {
        flex: 1;
    }
}
p {
    all: unset;
}
a {
    cursor: pointer;
}
p  {
    display: block;
}
hr {
    border-top: 1px solid var(--black);
    margin-top: 18px;
    margin-bottom: 12px;
}
.copyright {
    font-size: 12px;
}
.margin-auto {
    margin: 0 auto;
}
.text-center {
    text-align: center;
}
.color-white {
    color: var(--white);
}
#wrapper {
    background: unset;
    padding-top: unset;
    @media (max-width: 767px) {
        padding-top: 0;
    }
}
#search_widget {
    min-width: 350px;
    float: unset;
    /* @media (max-width: 1200px) {
        min-width: 480px;
    } */
    @media (max-width: 992px) {
        min-width: 350px;
    }
    @media (max-width: 850px) {
        min-width: 300px;
    }
    @media (max-width: 767px) {
        min-width: 100%;
        margin-bottom: 0;
    }
}
#search_widget form input {
    background: var(--white);
    border-radius: 10px;
    border: 1px solid var(--black);
    color: var(--color-brand-gris);
    &::placeholder {
        color: var(--color-brand-gris);
        opacity: 1;
    }
}
#search_widget form i {
    color: var(--color-brand-bleu);
}
.slick-prev,
.slick-next {
    width: unset;
    height: unset;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}
.products.slick-initialized .slick-slide .product-miniature {
    margin: 0 10px;
    @media (max-width: 767px) {
        margin: 0;
    }
}
@media (max-width: 450px) {
    .slick-prev,
    .slick-next {
        width: unset;
        height: unset;
        transform: translateY(-50%);
        z-index: 10;
    }
}
.slick-prev {
    left: 37px;
    @media (max-width: 450px) {
        left: 25px;
    }
}
.slick-next {
    right: 37px;
    @media (max-width: 450px) {
        right: 25px;
    }
}
.slick-prev:before, .slick-next:before {
    display: none;
}
.float-left {
    float: left;
}
.float-right {
    float: right;
}
.desktop_header {
    display: block;
    @media (max-width: 767px) {
        display: none;
    }
}
.breadcrumb {
    padding-top: 32px !important;
}
.breadcrumb li {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}
.breadcrumb li:last-child {
    color: var(--black) !important;
}
/* #amazzing_filter {
    box-shadow: unset;
    padding: unset;
    border-width: 1px 0;
    border-style: solid;
    border-color: var(--color-brand-gris-3);
    display: flex;
    align-items: center;
    @media (max-width: 767px) {
        display: block;
        a.viewFilteredProducts {
            display: block;
        }
    }
}
#amazzing_filter.block .title_block {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: var(--black);
}
.horizontal-layout .has-selection .af_subtitle {
    color: unset;
}
.horizontal-layout .has-selection .af_subtitle, .horizontal-layout .has-selection .af_subtitle.toggle-content:before, .horizontal-layout .has-selection .af_filter_content {
    border-color: unset;
}
.af_filter {
    margin-bottom: unset;
    &:not(:last-child) {
        margin-right: 10px;
        @media (max-width: 767px) {
            margin-right: unset;
        }
    }
}
#amazzing_filter.horizontal-layout .h-el {
    padding: unset;
    width: min-content !important;
    @media (min-width: 480px) {
        padding: unset;
    }
}
.horizontal-layout .title_block {
    display: block;
    margin-bottom: unset;
}
.horizontal-layout .af_subtitle {
    border: unset
}
#amazzing_filter .af_filter_content {
    @media (min-width: 768px) {
        min-width: 200px;
        border: unset;
        border-radius: 4px;
        box-shadow: 0px 0px 23px rgba(0, 0, 0, 0.1);
        background: var(--white);
    }
}
.horizontal-layout .af_subtitle {
    font-size: 15px;
    line-height: 20px;
    text-transform: unset;
    font-weight: 600;
    color: var(--black);
}
.af_subtitle.toggle-content:before {
    border: 2px solid var(--black);
}
#amazzing_filter.horizontal-layout {
    margin: unset;
} */
.pagination .next,
.pagination .previous {
    float: unset;
    color: var(--black);
}
.pagination .next {
    display: flex;
    align-items: center;
}
.pagination a {
    font-size: 15px;
    line-height: 22px;
    font-weight: 600;
    color: var(--black);
}
.pagination .current a {
    color: var(--white);
    font-size: 15px;
    background: var(--black);
}
.pagination a:not(.previous):not(.next) {
    letter-spacing: unset;
}
.pagination .page-list {
    display: flex;
    justify-content: center;
}
.pagination .page-list li {
    display: inline-flex;
    text-align: center;
}
.pagination li a {
    width: 100%;
    border-radius: 100px;
    width: 34px;
    height: 34px;
    line-height: 2rem;
}
.af_filter:not(.closed) .af_subtitle.toggle-content:before {
    border-width: 2px 0 0 2px;
}
.wishlist-button-add i {
    color: var(--color-brand-bleu) !important;
}
.selectedFilters.inline .clearAll,
.selectedFilters .cf {
    background: var(--color-brand-bleu);
}
.selectedFilters.inline .clearAll a {
    color: var(--black);
}
.blockcart {
    position: relative;
    .products-count {
        text-align: center;
        line-height: 1.1rem;
    }
    span.cart-products-count {
        position: absolute;
        right: -8px;
        top: 0;
        background: var(--color-brand-bleu);
        color: var(--black);
        border-radius: 100px;
        width: 20px;
        height: 20px;
        font-weight: 800;
    }
}
.bootstrap-touchspin input.form-control, .bootstrap-touchspin input.input-group, .bootstrap-touchspin .btn-touchspin {
    border: none;
    border-radius: 4px !important;
}
.bootstrap-touchspin input.form-control, .bootstrap-touchspin input.input-group {
    width: 2rem;
    color: var(--black);
}
.bootstrap-touchspin .input-group-btn-vertical .touchspin-up::after,
.bootstrap-touchspin .input-group-btn-vertical .touchspin-down::after {
    color: var(--grey-1);
}
.bootstrap-touchspin {
    border: 1px solid var(--grey-2);
    border-radius: 4px;
    @media (max-width: 767px) {
        display: inline-flex;
    }
}
.phone {
    border: 1px solid var(--white);
    border-radius: 12px;
    display: inline-flex;
    padding: 0 6px;
}
.banner-slide {
    background: var(--color-brand-blue);
}
.border {
    border: 1px solid var(--color-disabled);
    margin-top: 37px;
    padding: 40px;
}
.thead-default th {
    background-color: unset;
    color: var(--black);
    text-transform: uppercase;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.26px;
    font-weight: 700;
}
.table-bordered th {
    border: unset;
}
.table-bordered, .table-bordered td, .table-bordered th {
    border: unset;
}
.no-items {
    display: block;
    margin-top: 15px;
}
.nav-item .nav-link, .nav-item .nav-separtor {
    color: var(--color-disabled);
}
#field-password.form-control.border,
#field-new_password.form-control.border {
    margin-top: 0;
    padding: .5rem 1rem;
    z-index: 0;
}
.alert a {
    font-weight: 600;
}
nav.breadcrumb {
    padding-top: 32 !important;
    margin-bottom: 0;
}
nav.breadcrumb ol li span {
    color: #11273A;
    font-family: var(--font);
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
nav.breadcrumb ol li:first-of-type span {
    font-weight: 700;
}
nav.breadcrumb li::after {
    font-size: 16px !important;
    color: #11273A;
}
.w-700 {
    font-weight: 700;
}
.underline {
    text-decoration: underline;
}
.border-bottom {
    border-bottom: 2px solid;
}
.bordered {
    border: 2px solid var(--brand-color-3);
    border-radius: 4px;
    padding: 24px 0;
}
.custom-radio input[type=radio]:checked+span {
    background-color: var(--brand-color-2);
}
.col-xs-12 {
    padding: 0 !important;
}
body {
    max-width: 100%;
    overflow-x: hidden;
}
#cms ul li {
    list-style-type: unset !important;
}
.page-content.page-cms ul, .page-content.page-cms p {
    font-size: inherit !important;
    font-weight: inherit !important;
    color: inherit;
}
#cms span[data-link] {
    color: var(--button);
    font-family: var(--font);
    font-size:  16px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; 
    /* text-decoration-line: underline; */
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
#google_translate_element .skiptranslate.goog-te-gadget {
    display: flex;
    flex-direction: column;
    span a {
        display: flex;
        flex-direction: column;
        img {
            padding: 0 5px;
            object-fit: contain;
        }
    }
}
@media (max-width: 767px) {
    #header .header-top .position-static {
        display: flex;
        flex-direction: column;
    }
    #google_translate_element {
        display: flex;
        margin: 5px 0;
        .skiptranslate.goog-te-gadget {
            display: flex;
            flex-direction: row;
            span a {
                display: flex;
                flex-direction: row;
                img {
                    padding: 0 5px;
                    object-fit: contain;
                }
            }
        }
    }
}
:root {
    --black : #11273A;
    --grey-1 : #888888;
    --grey-2 : #C5C7C6;
    --grey-3 : #E2E2E2;
    --grey-4 : #F5F5F0;
    --white : #FFFFFF;
    --gradient : linear-gradient(#FFDFE0, #0200D3);
    --button : #0200D3;
    --button-hover : #01008F;
    --brand-color-2 : #7896C8;
    --brand-color-3 : #D9E1EE;
    --font : 'Roboto', sans-serif;
}
.page-my-account #content .links {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 24px;
    @media (max-width: 767px) {
        grid-template-columns: repeat(2, 1fr);
    }
    @media (max-width: 425px) {
        grid-template-columns: repeat(1, 1fr);
    }
    a {
        display: flex;
        border: 1px solid var(--grey-2);
        border-radius: 4px;
        padding: 24px;
        justify-content: center;
        margin-bottom: unset;
        span.link-item {
            all: unset;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 24px;
            span {
                text-transform: initial !important;
                color: var(--black);
            }
            svg {
                fill: transparent;
            }
            img {
                width: 60px;
                height: 60px;
            }
        }
    }
}
.title-account {
    padding: 40px 0;
    .h1 {
        padding-bottom: 16px;
    }
}
#my-account {
    .btn-primary {
        width: 100%;
        max-width: 375px;
    }
}
.page-customer-account {
    .h1 {
        padding: 40px 0;
    }
}
.account-link,
.wishlist-footer-links a {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    color: var(--button) !important;
}
.form-footer .btn-primary {
    width: 100%;
}
.title-block .h1 {
    padding: 40px;
}
.addresses-footer {
    a {
        color: var(--button) !important;
        font-weight: 700;
    }
}
#addresses .address {
    border: 1px solid var(--grey-2);
    border-radius: 4px;
    .address-footer {
        border-top: 1px solid var(--grey-2);
        display: flex;
        justify-content: space-between;
        gap: 16px;
        padding: 16px;
        a {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            flex: 1;
            font-weight: 700;
            color: var(--button);
        }
    }
}
.alert {
    margin-top: 40px;
}
.title-block-sub {
    padding: 40px 0;
    .h1 {
        padding-bottom: 16px;
    }
    p {
        color: var(--black);
    }
}
.wishlist-add-to-new.text-primary {
    color: var(--button) !important;
    font-weight: 700;
}
.wishlist-list-item-link {
    color: var(--button) !important;
    &:hover {
        color: var(--button-hover);
    }
}
.wishlist-list-item {
    color: var(--black);
}
.wishlist-list-item:hover .wishlist-list-item-title {
    color: var(--button) !important;
}
a.text-primary:focus, a.text-primary:hover {
    color: var(--button) !important;
}
.wishlist-container-header {
    padding-top: 40px;
}
#send-reset-link {
    padding: 0 10px;
    border-radius: 0 4px 4px 0;
}
#module-roja45quotationspro-QuotationsProFront-GetCustomerQuotes, #module-roja45quotationspro-QuotationsProFront-GetCustomerQuoteHistory {
    #content {
        border: none;
    }
}
#module-psgdpr-gdpr .psgdprinfo17 {
    display: flex;
    flex-direction: column;
    a {
        margin: 8px auto;
    }
}
.page-authentication #content {
    max-width: unset;
}
.auth-custom {
    .h1 {
        padding: 40px 0;
    }
    .forgot-password {
        padding-bottom: 24px !important;
        a {
            text-decoration: underline;
        }
    }
    #submit-login {
        width: 100%;
    }
    p {
        color: var(--black);
    }
    .login-form {
        margin-top: 40px;
        .form-group {
            .col-md-6.js-input-column {
                width: 75%;
                @media (max-width: 767px) {
                    width: unset;
                }
            }
        }
    }
    #field-password {
        width: 75%;
        &+.input-group-btn {
            width: 25%;
            @media (max-width: 1199px) {
                width: 35%;
            }
            button {
                width: 100%;
            }
        } 
    }
    .flex {
        div {
            flex: 1;
        }
        @media (max-width: 991px) {
            flex-direction: column;
        }
    }
    ul {
        list-style-position: inside;
        list-style-image: url('../img/puce-bleu.svg');
        margin-bottom: unset;
        li {
            padding-bottom: 8px;
            font-weight: 700;
            color: var(--black);
        }
    }
    .block {
        padding: 40px;
        border-radius: 4px;
        &.bordered {
            border: 1px solid var(--grey-3);
            .h2 {
                padding-bottom: 16px;
            }
        }
        &.bkg {
            background: var(--grey-4);
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            @media (max-width: 991px) {
                gap: 40px;
            }
        }
    }
}
#cart {
    #content-wrapper {
        .container {
            .h1 {
                padding: 80px 0 32px 0;
                @media (max-width: 767px) {
                    padding: 40px 0 16px 0;
                }
            }
        }
    }
    .cart-grid {
        margin-bottom: 52px;
    }
    .cart-grid-body .cart-overview {
        padding: unset;
    }
    .cart-grid-body a.label:hover {
        color: unset;
    }
    .product-line-actions {
        align-self: center;
        min-width: 30%;
        @media (max-width: 767px) {
            min-width: 100%;
        }
    }
    .product-line-grid {
        align-items: unset;
    }
    .cart-summary {
        border: 1px solid var(--grey-2);
        border-radius: 4px;
    }
    .continue-shopping {
        color: var(--button);
        font-weight: 700;
    }
    .cart-summary-line:not(:last-child) {
        margin-bottom: 0;
    }
    .cart-detailed-subtotals {
        padding: 16px;
    }
    .cart-summary-line .label, .cart-summary-line .value {
        font-size: 14px;
        line-height: 22px;
        color: var(--black);
    }
    .cart-summary-totals {
        padding: 0 16px 16px 16px;
    }
    .card-block.checkout {
        padding-bottom: 16px;
    }
    #cart-subtotal-shipping .label {
        font-weight: 700;
    }
    .cart-items {
        .cart-item {
            padding: 32px 0;
            &:not(:last-child) {
                border-bottom: 1px solid var(--grey-2);
            }
        }
    }
    .cart-devis {
        margin-top: 32px;
        @media (max-width: 767px) {
            padding: 16px;
        }
        a {
            width: 375px;
            @media (max-width: 767px) {
                width: 100%;
            }
        }
        .w-700 {
            margin-bottom: 24px;
        }
    }
    .blockreassurance_product {
        margin-top: 24px;
        div {
            display: flex;
            justify-content: center;
        }
        .item-product {
            svg path {
                fill: var(--black);
            }
        }
    }
    .product-line-grid {
        @media (max-width: 767px) {
            flex-direction: column;
        }
    }
    .checkout {
        &.cart-detailed-actions {
            .text-sm-center {
                padding: 0 16px;
            }
        }
    }
    .product-discount .discount {
        background-color: var(--brand-color-2);
    }
    .current-price {
        color: var(--black);
    }
}
#blockcart-modal .modal-dialog .modal-content {
    .modal-header {
        border-radius: 8px 8px 0 0;
        padding: 24px 0 21px 0;
        .close {
            margin-right: 16px;
        }
    }
    .modal-body {
        border-radius: 0 0 8px 8px;
        padding: 32px 24px 48px 24px;
        .product-name {
            font-size: 16px;
            line-height: 24px;
            color: var(--black);
            font-weight: 700;
            margin-bottom: 8px;
        }
        .product-price {
            margin-bottom: 8px;
        }
        .product-image {
            border-radius: 4px;
        }
        .divide-right span {
            font-size: 14px;
            line-height: 22px;
        }
        .cart-products-count {
            font-weight: 700;
            color: var(--black);
            margin-bottom: 24px;
        }
        .cart-content {
            p {
                .label, .value, span {
                    font-weight: 400;
                    font-size: 14px !important;
                    line-height: 22px;
                }
            }
            .cart-content-btn {
                width: 100%;
                gap: 16px;
                @media (max-width: 992px) {
                    flex-direction: column;
                }
                button {
                    margin-right: 0;
                    width: 50%;
                    @media (max-width: 992px) {
                        width: 100%;
                    }
                }
                .btn {
                    margin-bottom: 0;
                    width: 50%;
                    @media (max-width: 992px) {
                        width: 100%;
                    }
                }
            }
            .product-total {
                background-color: var(--grey-4);
                margin: 12px 0 28px 0;
                span {
                    font-size: 16px;
                    line-height: 24px;
                }
                .label {
                    font-weight: 700;
                }
            }
        }
    }
}
.product-line-grid-body>.product-line-info>.label {
    font-weight: 700;
    color: var(--black);
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 8px;
}
.product-price {
    color: var(--black);
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 24px !important;
}
#cart .card.request-quote-card {
    padding: 0;
    .cart-detailed-actions.card-block {
        display: flex;
        flex-direction: column;
        gap: 24px;
        padding: 24px;
        p {
            font-weight: 700;
        }
        &::after {
            display: none;
        }
    }
} 
#category #js-product-list-header .block-category,
#category #product-list-header .block-category {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    padding: 48px 15px;
}
#category #js-product-list-header .block-category .container .background,
#category #product-list-header .block-category .container .background {
    background-color: var(--white);
    border-radius: 8px;
    padding: 24px;
    gap: 16px;
    display: flex;
    flex-direction: column;
    max-width: 950px;
}
#category #js-product-list-header .block-category .container .background .h1,
#category #product-list-header .block-category .container .background .h1 {
    color: var(--black);
    font-family: var(--font);
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
}
#category .category-additional-description p {
    color: var(--black);
    font-family: var(--font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0;
}
#category #js-product-list-top {
    margin-top: 3rem;
    margin-bottom: 2rem;
}
#category .products-selection .total-products p,
#category .sort-by {
    color: var(--black);
    font-family: var(--font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
#category, #new-products, #prices-drop, #best-sales {
    .products-sort-order .select-title {
        color: var(--grey-1);
        font-family: var(--font);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        border: 1px solid var(--grey-2);
        border-radius: 4px;
    }
    .products-sort-order .dropdown-menu {
        width: calc(100% - 30px);
    }
    .products-sort-order .select-list:hover {
        background: var(--button-hover);
        color: var(--white);
    }
    .products-sort-order .custom-arrow-right {
        float: right;
    }
}
#category .pagination {
    .page-list li {
        background: var(--white);
        a {
            color: var(--black);
            text-align: center;
            font-family: var(--font);
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 22px;
            border-radius: 150px;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 7px;
            &.next, &.previous {
                width: 100%;
            }
        }
        &.current {
            a {
                color: var(--white);
                text-align: center;
                font-family: var(--font);
                font-size: 14px;
                font-style: normal;
                font-weight: 700;
                line-height: 22px;
                background: var(--button-hover);
            }
        }
    }
}
#category .category-information,
#product .category-information, #new-products .category-information, #prices-drop .category-information, #best-sales .category-information, #search .category-information {
    display: flex;
    flex-wrap: wrap;
    padding: 3rem 15px 5rem 15px;
    gap: 32px;
    .question, .customization {
        flex: 1;
        border-radius: 4px;
        padding: 32px;
        display: flex;
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
        ul {
            list-style-position: inside;
            li {
                font-weight: 700;
            }
        }
        img {
            width: 60px;
            height: auto;
        }
        .btn font {
            color: inherit !important;
        }
    }
    .question {
        background-color: var(--button-hover);
        *:not(.btn) {
            color: var(--white);
        }
        ul.puce-blanche {
            list-style-image: url('../img/puce-blanche.svg');
        }
    }
    .customization {
        background-color: var(--brand-color-3);
        *:not(.btn) {
            color: var(--black);
        }
        ul.puce-bleu {
            list-style-image: url('../img/puce-bleu.svg');
        }
    }
}
#category .category-information::after,
#product .category-information::after {
    display: none;
}
#category #category-description {
    margin-bottom: 3rem;
}
@media (max-width: 767px) {
    #category {
        #js-product-list-top {
            margin-top: 1rem;
            margin-bottom: 2rem;
        }
        .sort-by-row {
            display: flex;
            justify-content: space-between;
            .sort-by {
                margin-left: 0;
            }
        }
        .sort-by-row::after {
            display: none;
        }
        .category-information {
            flex-direction: column;
            padding: 3rem 15px;
            .btn {
                width: 100%;
            }
        }
        #category-description {
            margin-bottom: 1rem;
        }
        #js-product-list-header .block-category,
        #product-list-header .block-category {
            padding: 150px 15px 15px 15px;
            /* background-position: top right !important; */
        }
    }
}
#category .not-found {
    p {
        color: var(--black);
    }
}
/* Filtre */
#search_filters_wrapper {
    #search_filters {
        display: flex;
        flex-wrap: wrap;
        gap: 10px 25px;
        padding: 0;
        .facet {
            flex: 0 1 150px;
            ul.checkbox {
                max-height: 150px;
                overflow-y: auto;
            }
            ul.checkbox::-webkit-scrollbar {
                width: 4px;
            }
            ul.checkbox::-webkit-scrollbar-track {
                background: #fff;
            }
            ul.checkbox::-webkit-scrollbar-thumb {
                background-color: var(--brand-color-3);
                border-radius: 150px;
            }
            /*.custom-checkbox input[type=checkbox]+span .checkbox-checked {
                margin-top: -10px;
            }*/
            i font {
                vertical-align: center !important;
            }
        }
    }
}
.active_filters {
    background: var(--brand-color-3);
    i font {
        vertical-align: center !important;
    }
}
.category-filter-title {
    color: var(--black);
}
/* Amazzing filter */
@media (min-width: 767px) {
    #amazzing_filter {
        background: transparent;
        box-shadow: unset;
        display: flex;
        flex-wrap: nowrap;
        padding: 0;
    }
    #amazzing_filter::before {
        content: 'Trier par :';
        color: #11273A;
        font-family: 'Roboto';
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        width: 160px;
    }
    #amazzing_filter .af-form {
        display: flex;
        flex-wrap: wrap;
    }
    #amazzing_filter .af_subtitle.toggle-content {
        border-radius: 4px;
        border: 2px solid #C5C7C6;
        padding: 12px 24px;
        font-family: 'Roboto';
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        display: flex;
        justify-content: space-between;
        svg {
            width: 24px !important;
        }
    }
    #amazzing_filter.horizontal-layout .has-selection .af_subtitle, 
    #amazzing_filter.horizontal-layout .has-selection .af_subtitle.toggle-content:before, 
    #amazzing_filter.horizontal-layout .has-selection .af_filter_content,
    #amazzing_filter.horizontal-layout .af_subtitle, 
    #amazzing_filter.horizontal-layout .af_subtitle.toggle-content:before, 
    #amazzing_filter.horizontal-layout .af_filter_content {
        border-color: #C5C7C6 !important;
        color: #11273A;
    }
    #amazzing_filter .af_filter.special .af_filter_content {
        border-radius: 4px;
        border: 2px solid #C5C7C6;
        padding: 12px 24px;
        font-family: 'Roboto';
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }
    #amazzing_filter .af_filter.special .af_filter_content {
        border-radius: 4px !important;
    }
    #amazzing_filter .af_subtitle.toggle-content::before {
        display: none;
    }
    #amazzing_filter .af_filter.has-selection .af_subtitle {
        color: #0200D3;
    }
    #amazzing_filter .af_filter:not(.closed) .af_subtitle.toggle-content {
        border-radius: 4px 4px 0 0;
    }
    #amazzing_filter .af_filter:not(.closed) .af_filter_content {
        border-radius: 0 0 4px 4px;
    }
    #main .selectedFilters.inline.af {
        background: transparent;
        padding: 15px 15px 5px 15px;
        box-shadow: unset;
        margin: 15px auto;
        max-width: 1140px;
    }
    #main .selectedFilters.inline.af {
        width: 100%;
        padding-right: var(--bs-gutter-x, 0.75rem);
        padding-left: var(--bs-gutter-x, 0.75rem);
        margin-right: auto;
        margin-left: auto;
    }
    #amazzing_filter .btn.toggleMoreFilters {
        height: 100%;
        background: #0200D3;
        color: #fff;
    }
}
.selectedFilters.inline .cf {
    background: #0200D3;
    border-radius: 4px;
    color: #fff;
    .u-times {
        opacity: 1;
    }
    .u-times::before {
        color: #fff;
    }
}
@media (max-width: 767px) {
    .af_subtitle.toggle-content {
        display: flex;
        justify-content: space-between;
    }
    #amazzing_filter .compact-toggle.sticky {
        top: 50% !important;
    }
    .af_subtitle.toggle-content::before {
        display: none;
    }
}
@media (max-width: 992px) {
    #amazzing_filter::before {
        width: 230px;
    }
}
@media (min-width: 768px) {
    #amazzing_filter .h-el {
        width: 50%;
    }
}
@media (min-width: 992px) {
    #amazzing_filter .h-el {
        width: 33.3%;
    }
}
@media (min-width: 576px) {
  #main .selectedFilters.inline.af {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  #main .selectedFilters.inline.af {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  #main .selectedFilters.inline.af {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  #main .selectedFilters.inline.af {
    max-width: 1140px;
  }
}
.nos-valeurs {
    background: var(--brand-color-3);
    padding: 100px 0;
    @media (max-width: 991px) {
        padding: 32px 0;
    }
    .content {
        width: 35%;
        @media (max-width: 991px) {
            width: 100%;
        }
        .h2, .text {
            margin-bottom: 24px;
            margin-top: 5px;
        }
    }
    .grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        gap: 16px;
        width: 65%;
        @media (max-width: 991px) {
            width: 100%;
        }
        @media (max-width: 767px) {
            grid-template-columns: 1fr;
            grid-template-rows: repeat(4, auto);
        }
        .grid-element {
            .grid-element-content {
                padding: 24px;
                background: var(--white);
                border-radius: 4px;
                height: 284px;
                @media (max-width: 1199px) {
                    height: 332px;
                }
                @media (max-width: 767px) {
                    height: auto;
                }
                .h4 {
                    margin-bottom: 16px;
                }
                img {
                    margin: 0 auto;
                    margin-bottom: 16px;
                }
            }
            .shape {
                background: var(--button-hover);
                height: 22px;
                width: 100%;
                clip-path: polygon(0 0, 100% 0%, 95% 100%, 0% 100%);
            }
        }
    }
    .flex {
        @media (max-width: 991px) {
            flex-direction: column;
        }
    }
}
.entreprises {
    margin: 60px 0;
    .h2 {
        margin-bottom: 32px;
    }
    .flex {
        @media (max-width: 767px) {
            flex-wrap: wrap;
            gap: 16px;
            justify-content: center;
        }
        img {
            @media (max-width: 767px) {
                flex: 0 0 50%;
                box-sizing: border-box;
                max-width: 220px;
                max-height: 100px;
            }
        }
    }
}
.nos-actualites {
    background: var(--grey-4);
    padding: 60px 0;
    .h2 {
        margin-bottom: 32px;
    }
    .grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        gap: 32px;
        @media (max-width: 992px) {
            grid-template-columns: 1fr;
            grid-template-rows: repeat(3, auto);
        }
        span[data-link] {
            width: 100%;
        }
        .div-1, .div-2, .div-3 {
            background: var(--white);
            border-radius: 8px;
        }
        .div-1 {
            grid-row: span 2 / span 2;
            img {
                clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);
                border-radius: 8px 8px 0 0;
                @media (max-width: 991px) {
                    width: 100%;
                }
            }
            .content {
                padding: 32px;
                .h2 {
                    margin-bottom: 24px;
                    margin-top: 5px;
                }
                .btn-primary {
                    margin-top: 24px;
                }
            }
        }
        .div-2 {
            .btn-primary {
                margin-top: 16px;
            }
        }
        .div-3 {
            grid-column-start: 2;
            grid-row-start: 2;
            @media (max-width: 991px) {
                grid-row-start: unset;
                grid-column-start: unset;
            }
            .btn-primary {
                margin-top: 16px;
            }
        }
        .block {
            &.flex {
                @media (max-width: 991px) {
                    flex-direction: column;
                }
            }
            .block-img {
                width: 50%;
                clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
                object-fit: cover;
                @media (max-width: 991px) {
                    width: 100%;
                }
                img {
                    clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
                    height: 100%;
                    border-radius: 8px 0 0 8px;
                    width: 100%;
                    @media (max-width: 991px) {
                        width: 100%;
                        max-height: 250px;
                        border-radius: 8px 8px 0 0;
                        clip-path: polygon(0 0, 100% 0%, 100% 85%, 0% 100%);
                        object-fit: cover;
                    }
                }
            }
            .content {
                width: 50%;
                padding: 24px;
                font-size: 14px;
                @media (max-width: 991px) {
                    width: 100%;
                    font-size: 16px;
                }
                .h3 {
                    margin-bottom: 8px;
                    margin-top: 5px;
                }
                .btn-tertiary {
                    margin-top: 16px;
                    margin-bottom: 0;
                }
            }
        }
    }
}
#custom-text {
    all: unset;
    .content {
        column-count: 2;
        column-gap: 48px;
        @media (max-width: 767px) {
            column-count: 1;
            column-gap: 16px;
        }
        div {
            &:last-child {
                margin-top: 64px;
                @media (max-width: 767px) {
                    margin-top: 16px;
                }
            }
            &:first-child {
                margin-bottom: 64px;
                @media (max-width: 767px) {
                    margin-bottom: 16px;
                }
            }
            &:has(h3:nth-of-type(2)) h3:not(:first-of-type) {
                margin-top: 16px;
            }
            h3 {
                color: var(--black);
            }
        }
    }
    p {
        color: var(--grey-1);
    }
}
.atelier-production {
    .wrapper {
        background: url('../img/atelier-production.png');
        height: 519px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        padding: 0 32px;
        border-radius: 4px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        @media (max-width: 550px) {
            justify-content: flex-end;
            height: unset;
            padding: 200px 16px 16px 16px;
        }
        .block {
            background: var(--white);
            width: 55%;
            padding: 32px;
            border-radius: 4px;
            @media (max-width: 991px) {
                width: 100%;
            }
            @media (max-width: 550px) {
                padding: 24px 16px;
            }
            .h2, p {
                margin-bottom: 24px;
                margin-top: 5px;
            }
            span[data-link] {
                flex: 1;
            }
            .flex {
                @media (max-width: 550px) {
                    flex-direction: column;
                }
            }
        }
    }
    .shape {
        width: 502px;
        height: 46px;
        background: var(--brand-color-2);
        clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%);
        margin-top: 24px;
        @media (max-width: 550px) {
            width: 100%;
        }
    }
}
.banner-hero {
    position: relative;
    margin-bottom: 60px;
    padding: 0 32px;
    @media (max-width: 991px) {
        padding: unset;
        margin-bottom: 210px;
    }
    @media (max-width: 767px) {
        margin-bottom: 287px;
    }
    @media (max-width: 550px) {
        margin-bottom: 420px;
    }
    @media (max-width: 425px) {
        margin-bottom: 480px;
    }
    .wrapper {
        img {
            width: 100%;
        }
        .content {
            position: absolute;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            top: 0;
            width: 100%;
            @media (max-width: 992px) {
                top: 150px;
            }
            @media (max-width: 550px) {
                top: 250px;
            }
            .block {
                background: var(--white);
                max-width: 719px;
                padding: 32px 30px;
                border-radius: 8px;
                @media (max-width: 991px) {
                    max-width: 100%;
                    border: 1px solid var(--brand-color-3);
                }
                @media (max-width: 767px) {
                    padding: 16px;
                }
                .h1 {
                    margin-bottom: 24px;
                    margin-top: 5px;
                }
                ul {
                    padding-left: 20px;
                    list-style: url('../img/dots.svg');
                    margin-bottom: 24px;
                }
                .gap-40 {
                    @media (max-width: 767px) {
                        gap: 16px;
                    }
                }
                .flex {
                    @media (max-width: 767px) {
                        flex-direction: column;
                    }
                }
            }
        }
    }
}
.home-categories {
    padding: 16px 32px;
    .slick-next {
        right: -25px;
    }
    @media(max-width: 450px) {
        .slick-next {
            right: -25px;
        }
    }
    .categories {
        display: block;
        &.flex {
            display: flex !important;
        }
    }
    .category {
        flex-direction: unset;
        flex: 1;
        gap: 8px;
        align-items: center;
        height: 48px;
        padding: 8px;
        text-align: unset;
        img {
            width: 48px;
            height: 48px;
            object-fit: contain;
            border-radius: 100px;
            margin: unset;
        }
        .h3 {
            font-size: 13px;
            line-height: 17px;
            font-weight: 700;
            margin-bottom: unset;
            flex: 2;
        }
        a {
            margin-top: 0;
        }
    }
}
#index {
    .featured-products {
        margin-bottom: 4rem;
        .product-miniature {
            margin: 0 15px;
        }
        @media (min-width: 1024px) {
            .products {
                padding: 0 5rem;
            }
        }
        .products-section-title {
            text-align: start;
            font-weight: 700;
        }
    }
}
#pagenotfound, #category {
    #content.not-found, section.no-products {
        display: flex;
        flex-direction: column;
        gap: 16px;
        margin-bottom: 1.5rem;
        @media (max-width: 767px) {
            margin: 12px auto;
        }
        img {
            width: 600px;
            height: auto;
            margin: auto;
        }
        .title-404 {
            color: #7896C8;
            text-align: center;
            font-family: var(--font);
            font-size: 148px;
            font-style: normal;
            font-weight: 700;
            line-height: 148px;
        }
        .card-404 {
            border-radius: 4px;
            background: var(--brand-color-3);
            padding: 32px;
            display: flex;
            flex-wrap: wrap;
            margin: 48px 0;
            @media (max-width: 767px) {
                margin: 16px 0;
                gap: 32px 0;
            }
            .h3 {
                flex: 1 0 200px;
            }
            .infos {
                flex: 1 0 200px;
                .tel a {
                    font-weight: 500;
                }
                .email a {
                    text-decoration: underline;
                }
            }
        }
        .btn-primary {
            width: fit-content;
            margin: auto;
        }
    }
}
#checkout {
    #content {
        padding-top: 80px;
        @media (max-width: 767px) {
            padding-top: 40px;
        }
    }
    #header .header-nav .user-info {
        margin-top: unset;
        img {
            width: 18px;
        }
    }
    #header span[data-link] {
        color: var(--button);
        font-weight: 700;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .blockreassurance_product {
        div {
            display: flex;
            justify-content: center;
        }
        .item-product {
            svg path {
                fill: var(--black);
            }
        }
    }
    #footer {
        padding: unset !important;
    }
    a:hover {
        color: var(--button-hover) !important;
    }
    .step-title {
        font-size: 16px !important;
        line-height: 24px;
        font-weight: 700 !important;
        text-transform: unset !important;
        color: var(--black) !important;
        opacity: unset !important;
        padding-right: 16px;
    }
    #js-checkout-summary {
        border: 1px solid var();
    }
    #delivery {
        textarea {
            border: 2px solid var(--grey-2);
            border-radius: 4px;
        }
    }
    .checkout-step {
        @media (min-width: 991px) {
            margin-right: 20px;
        }
        #payment-confirmation {
            .btn-primary {
                width: 100%;
            }
        }
        .additional-information {
            margin-top: unset !important;
            margin-left: unset !important;
            margin-bottom: 1rem;
        }
        .delivery-options .delivery-option {
            background: unset !important;
            min-height: unset !important;
            padding: 16px !important;
            border: 1px solid var(--grey-2);
            border-radius: 4px;
            .carrier-name,
            .carrier-price {
                color: var(--black);
                font-weight: 700;
                font-size: 16px;
                line-height: 24px;
            }
        }
        .address {
            margin-left: unset !important;
            font-weight: 400 !important;
        }
        .full {
            width: 100%;
        }
        .address-item {
            background: unset !important;
            border-radius: 4px;
            border: 1px solid var(--grey-2) !important;
            flex: 1 !important;
            flex-wrap: wrap;
            @media (max-width: 550px) {
                flex: unset !important;
                width: 100%;
            }
            hr {
                border-top: 1px solid var(--grey-2) !important;
            }
            &.selected {
                border: 1px solid var(--grey-2) !important;
            }
        }
        .info-order {
            font-size: 14px;
            line-height: 22px;
            color: var(--black);
            padding: 32px 0;
        }
        .content {
            padding: 32px 0 32px 0 !important;
            .identity {
                padding-bottom: 32px;
                a {
                    font-weight: 700;
                }
            }
        }
        padding: 0 !important;
        &.-reachable.-current .step-number {
            border-radius: unset !important;
        }
        .step-number {
            border: unset !important;
            margin-right: unset !important;
            margin-left: unset !important;
        }
        .step-title {
            padding-bottom: 16px !important;
            padding-top: 16px !important;
            display: flex;
            justify-content: space-between;
            .flex {
                width: 100%;
                align-items: center;
                gap: 16px;
            }
        }
        &.-current+.checkout-step .step-title {
            padding-top: 16px !important;
        }
        .step-edit {
            display: block !important;
            border-bottom: 1px solid var(--button);
            font-weight: 700 !important;
            color: var(--button);
            text-transform: unset !important;
        }
    }
    #js-checkout-summary {
        border: 1px solid var(--grey-2);
        border-radius: 4px;
        a:hover,
        a:focus {
            color: var(--black);
            text-decoration: none;
        }
        .card-block {
            padding: 16px 16px 0 16px;
        }
        .cart-summary-products {
            p {
                font-size: 14px;
                line-height: 22px;
                a {
                    font-size: 12px;
                    line-height: 12px;
                }
            }
            .media-list {
                img {
                    border-radius: 4px;
                }
                .media {
                    display: flex;
                    overflow: unset;
                    align-items: center;
                    &:not(:last-child) {
                        margin-bottom: 16px;
                    }
                }
                .media-body {
                    flex: 1;
                }
                .media-left {
                    display: flex;
                    gap: 16px;
                }
                .product-name {
                    font-size: 12px;
                    line-height: 12px;
                    font-weight: 700;
                }
                .product-quantity {
                    font-size: 12px;
                    line-height: 12px;
                    font-weight: 400;
                }
                .product-price {
                    font-size: 12px !important;
                    line-height: 12px !important;
                    font-weight: 700 !important;
                }
            }
        }
        .cart-summary-subtotals-container {
            padding: 16px 0 16px 0;
        }
        .cart-summary-line .label,
        .cart-summary-line .value {
            font-size: 14px;
            line-height: 22px;
            color: var(--black);
        }
        .cart-summary-line:not(:last-child) {
            margin-bottom: 0;
        }
        #cart-subtotal-shipping .label {
            font-weight: 700;
        }
        .cart-summary-line.cart-total {
            padding: 0;
        }
        .cart-summary-totals {
            padding-bottom: 16px;
        }
        .js-show-details {
            .material-icons {
                color: var(--button);
            }
        }
    }
    .add-address {
        margin-bottom: 32px;
        a {
            color: var(--button) !important;
            font-weight: 700;
        }
    }
    .btn.continue {
        width: 100%;
    }
    #delivery-addresses,
    #invoice-addresses {
        gap: 1rem;
        .address-footer {
            display: flex;
            .edit-address, .delete-address {
                display: flex;
                gap: 10px;
                color: var(--button);
                flex: 1;
                font-weight: 700;
                justify-content: center;
            }
        }
    }
}
#order-confirmation {
    #content {
        border-top: 1px solid var(--grey-2);
    }
    .full {
        width: 100%;
        margin: 48px 0 80px 0;
        @media (max-width: 767px) {
            margin: 24px 0 40px 0;
        }
    }
    #order-items  {
        border-right: unset;
        hr {
            border-top-color: var(--grey-2);
        }
        tr {
            &.total-value {
                background: var(--grey-4);
            }
            td {
                font-size: 16px;
            }
        }
        .details {
            span {
                font-weight: 700;
            }
        }
        .qty {
            font-weight: 700;
        }
    }
    #order-details>.card-title {
        margin-bottom: 32px;
    }
    #content-hook_order_confirmation {
        padding-top: 80px;
        @media (max-width: 767px) {
            padding-top: 40px;
        }
    }
    #ps_cashondelivery-displayOrderConfirmation {
        padding-top: 30px;
        padding-bottom: 15px;
    }
}
#module-roja45quotationspro-QuotationsProFront {
    form#quotationspro_request_form, header {
        padding: 0 15px;
    }
    .quote_navigation {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}
#order-confirmation #order-items .order-line {
    padding-left: 15px;
    padding-right: 15px;
}
#roja45quotationspro-modal .product-image {
    width: 50%;
}
#product {
    #main {
        div.background-header {
            background-color: var(--grey-4);
            margin: 0 -15px;
        }
        div.background-header.background-miniatures {
            padding-bottom: 2rem;
        }
        nav.breadcrumb {
            padding-bottom: 2rem;
            padding-top: 2rem !important;
        }
        #content {
            margin: 0;
            max-width: 100%;
            .product-flags {
                top: 12px;
                left: 12px;
                flex-direction: row;
                gap: 5px;
                .product-flag {
                    background-color: var(--brand-color-3);
                    border-radius: 150px;
                    color: var(--black);
                    font-family: var(--font);
                    font-size: 14px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 22px;
                    padding: 4px 10px;
                    margin-top: 0;
                }
            }
            .product-cover {
                img {
                    border-radius: 4px;
                }
            }
            .js-qv-mask {
                overflow: visible;
            }
            .product-images {
                display: flex;
                justify-content: center;
                gap: 10px;
                @media (max-width: 991px) {
                    display: none;
                }
                .thumb-container {
                    display: flex;
                    justify-content: center;
                    border-radius: 4px;
                    img.thumb {
                        border-radius: 4px;
                        margin: 0;
                        &.selected, &:hover {
                            border: 0;
                        }
                    }
                }
                .slick-prev {
                    transform: rotate(180deg) translateY(15px);
                    left: -30px;
                }
                .slick-next {
                    right: -30px;
                }
            }
        }
        .product-container-body {
            h1 {
                color: var(--black);
                font-family: var(--font);
                font-size: 45px;
                font-style: normal;
                font-weight: 700;
                line-height: 50px;
            }
            .reference {
                color: var(--black);
                font-family: var(--font);
                font-size: 16px;
                font-style: normal;
                font-weight: 700;
                line-height: 24px;
                margin-top: 8px;
            }
            .product-description {
                color: var(--black);
                font-family: var(--font);
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                line-height: 24px;
                margin: 1.5rem 0 1rem 0;
                display: flex;
                flex-wrap: wrap;
                gap: 5px;
            }
            .product-prices {
                .product-discount {
                    .regular-price {
                        color: var(--grey-1);
                        font-family: var(--font);
                        font-size: 16px;
                        font-style: normal;
                        font-weight: 400;
                        line-height: 24px;
                    }
                }
                .product-price {
                    color: var(--black);
                    font-family: var(--font);
                    font-size: 26px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 26px;
                }
            }
            span.btn-pro {
                text-align: center;
                display: block;
                color: var(--button);
                font-family: var(--font);
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                line-height: 18px;
                text-decoration: underline;
                margin: 1.5rem 0;
            }
            .product-add-to-cart, .add-to-quote {
                .product-quantity {
                    width: 100%;
                    margin-bottom: 1rem;
                    .input-group-btn-vertical {
                        width: 33px;
                    }
                    .qty {
                        margin-right: 32px;
                        display: flex;
                        flex-wrap: nowrap;
                        .input-group {
                            display: flex;
                            flex-wrap: nowrap;
                        }
                    }
                    .add, button.add-to-cart, a.add-to-quote {
                        width: 100%;
                    }
                }
            }
        }
    }
    .product-devis {
        display: flex;
        background-color: var(--brand-color-3);
        color: var(--black);
        font-family: var(--font);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        padding: 8px 16px;
        gap: 16px;
        border-radius: 4px;
    }
    a.ancre-description {
        font-weight: 700;
        text-decoration: underline;
        color: var(--button);
    }
    /* Déclinaison Tableau */
    .table_declinaisons {
        margin: 2rem 0;
        .table_d_c {
            margin-top: 1rem;
            thead td {
                color: var(--black);
                font-family: var(--font);
                font-size: 16px;
                font-style: normal;
                font-weight: 700;
                line-height: 24px;
                padding: 10px;
            }
            tbody td {
                color: var(--black);
                font-family: var(--font);
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                line-height: 24px;
            }
        }
        .btn-touchspin i::after {
            display: none;
        }
        @media (max-width: 768px) {
            img.d_c_img {
                margin-right: auto;
            }
            td.commander p.our_price_display {
                height: 5em;
            }
            .qty {
                margin-bottom: 10px;
            }
        }
    }
    .category-information {
        padding: 1rem 1px 3rem 1px;
        @media (max-width: 768px) {
            display: flex;
            flex-direction: column;
        }
    }
    .tabs#description-longue {
        padding: 0;
        margin: 0 -15px;
        margin-bottom: 2rem;
        .nav-tabs {
            border-bottom: var(--grey-1) 1px solid;
            display: flex;
            width: fit-content;
            @media (max-width: 767px) {
                flex-direction: column;
            }
            .nav-link {
                color: var(--grey-1);
                font-family: var(--font);
                font-size: 18px;
                font-style: normal;
                font-weight: 600;
                line-height: 22px;
                padding: 20px 20px 10px 20px;
            }
            .nav-link.active, .nav-link:hover {
                border-bottom: var(--button) 2px solid;
                color: var(--button);
            }
        }
        .product-features {
            margin-left: 0;
        }
    }
    .nav-tabs::after {
        display: none;
    }
    .product-accessories {
        margin: 1.5rem -15px;
        p.h3 {
            margin-bottom: 0.5rem;
        }
        .products.slick-initialized .slick-slide article.product-miniature {
            margin: 0 10px !important;
        }
    }
    .table_declinaisons .display_combinations .input-group-btn-vertical > .btn {
        display: flex;
        padding: 3px 10px;
    }
    .product-variants .product-variants-item {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 0 10px;
        .control-label {
            width: calc(33.3% - 5px);
            color: var(--black);
            font-family: var(--font);
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 24px;
            @media(max-width: 560px) {
                width: 100%;
            }
        }
    } 
    .product-variants>.product-variants-item select {
        width: calc(66.6% - 5px);
        background-color: var(--grey-4);
        color: var(--black);
        background: url('../img/select-blue.svg');
        background-repeat: no-repeat;
        background-position: center;
        background-position-x: calc(100% - 10px);
        @media(max-width: 560px) {
            width: 100%;
        }
        option {
            color: var(--black);
            font-family: var(--font);
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 24px;
        }
        &:focus {
            outline: .1875rem solid var(--button) !important;
            border-color: transparent;
        }
    }
    .product-add-to-cart {
        display: initial;
    }
    #roja45quotationspro_buttons_block {
        margin-bottom: 1.5rem;
        .add {
            width: 100%;
            .add-to-quote {
                width: 100%;
                border-radius: 4px;
            }
        }
    }
    #roja45quotationspro-modal .product-name {
        color: var(--button);
    }
}
#footer {
    padding-top: unset;
}
footer {
    &.page-footer {
        margin-bottom: unset;
    }
}
.footer-container {
    background: var(--black);
    padding: 48px 0;
    p, a, span {
        color: var(--white) !important;
    }
    hr {
        margin: 16px 0;
        border-color: var(--white);
    }
    .logo-footer {
        max-width: 219px;
    }
    .links {
        .title {
            font-weight: 700;
            line-height: 24px;
            margin-bottom: 16px;
        }
        li {
            margin-bottom: 8px;
            .cms-page-link, .category-link {
                font-size: 16px;
                line-height: 24px;
            }
        }
    }
}
.reassurance {
    padding: 24px 0;
    background: var(--grey-4);
    @media (max-width: 575px) {
        padding: 24px 16px;
    }
    .flex.space-between {
        @media (max-width: 991px) {
            flex-direction: column;
            gap: 24px;
            align-items: flex-start;
        }
    }
}
.footer-container .links ul {
    @media (max-width: 767px) {
        background: unset;
    }
    &>li {
        @media (max-width: 767px) {
            border-bottom: unset;
            padding: unset;
        }
    }
}
.footer-bottom {
    @media (max-width: 767px) {
        padding-top: 40px;
    }
}
#header {
    box-shadow: unset;
    .header-top {
        padding: 0;
    }
}
#search_widget {
    width: 100%;
    max-width: 480px;
    margin-right: 16px;
    position: relative;
    .icon {
        position: absolute;
        bottom: 10px;
        left: 24px;
    }
    form {
        input {
            border-radius: 100px !important;
            border: 2px solid var(--grey-2) !important;
            padding: 10px 20px 10px 64px;
            color: var(--grey-2) !important;
            &::placeholder {
                color: var(--grey-2);
            }
        }
    }
}
#_desktop_user_info,
#_desktop_cart {
    text-align: center;
    span[data-link] {
        color: var(--button);
        font-weight: 700;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}
.pipe-header {
    border: 1px solid var(--grey-2);
    height: 48px;
    margin: 0 16px;
}
.ets_mm_megamenu {
    .ets_mm_block_content ul li a::before {
        all: unset;
    }
    .ets_mm_megamenu_content {
        border-top: unset;
        border-bottom: 1px solid var(--grey-2);
        padding-bottom: 16px;
        @media (min-width: 768px) {
            background: unset !important;
        }
        .ets_mm_megamenu_content_content {
            .mm_menus_ul {
                display: flex;
                justify-content: center;
                .mm_menus_li  {
                    @media (max-width: 767px) {
                        border-width: 0;
                        .mm_menu_content_title img {
                            display: none;
                        }
                    }
                    &.mm_has_sub:hover > a:after {
                        bottom: unset;
                    }
                    border-right: unset;
                    & > a {
                        color: var(--black) !important;
                        text-transform: unset;
                        &:before {
                            all: unset;
                        }
                    }
                    .mm_columns_ul_tab {
                        background: var(--white) !important;
                        height: 384px;
                    }
                    .mm_menu_content_title {
                        min-height: unset;
                        padding: 12px 20px;
                        @media (max-width: 767px) {
                            padding: 12px 0;
                        }
                    }
                    &.mm_menus_li_tab {
                        background: unset !important;
                        border-radius: 4px;
                        border: 2px solid var(--button);
                        @media (max-width: 767px) {
                            border-width: 0;
                        }
                        a {
                            color: var(--black) !important;
                        }
                        .mm_menu_content_title {
                            flex-direction: row-reverse;
                            gap: 10px;
                        }
                        .mm_tab_toggle_title {
                            padding: unset;
                            img {
                                width: 24px;
                                object-fit: contain;
                            }
                            a {
                                display: flex;
                                gap: 8px;
                                font-weight: 700;
                                font-size: 16px;
                                line-height: 24px;
                                color: var(--black);
                            }
                        }
                        .mm_tabs_li.open.mm_tabs_has_content .mm_tab_li_content .mm_tab_name::before, .mm_menus_li.hover .mm_tabs_li.mm_tabs_has_content:hover .mm_tab_li_content .mm_tab_name::before {
                            border-right: unset;
                        }
                        .mm_tabs_li {
                            .mm_columns_contents_ul {
                                background: var(--grey-4);
                                border: unset;
                                height: 425px !important;
                                min-height: 425px !important;
                                padding: 40px 24px 24px 48px;
                                @media (max-width: 767px) {
                                    height: unset !important;
                                    min-height: unset !important;
                                    padding: 20px;
                                }
                            }
                            &.menu_ver_alway_open_first {
                                .mm_tab_li_content {
                                    padding-top: 24px;
                                }
                            }
                            &:last-child {
                                .mm_tab_li_content {
                                    padding-bottom: 24px;
                                }
                            }
                            .mm_tab_li_content {
                                border: unset;
                                display: flex;
                                justify-content: center;
                                @media (max-width: 767px) {
                                    padding-left: 10px;
                                    padding-right: 10px;
                                    justify-content: flex-start;
                                }
                            }
                            .ets_mm_url, a {
                                font-size: 16px;
                                font-weight: 700;
                                line-height: 24px;
                                text-wrap: wrap;
                            }
                        }
                        .mm_tab_has_child::after {
                            border-right: 2px solid var(--button);
                            border-top: 2px solid var(--button);
                            width: 10px;
                            height: 10px;
                        }
                        .mm_tab_toggle {
                            padding: 12px 16px;
                            max-width: 454px;
                            @media (max-width: 767px) {
                                max-width: 100%;
                            }
                            &:hover {
                                background: var(--brand-color-3);
                                .mm_tab_toggle_title {
                                    a {
                                        color: var(--button-hover) !important;
                                    }
                                }
                                .mm_tab_has_child::after {
                                    border-right: 2px solid var(--button-hover) !important;
                                    border-top: 2px solid var(--button-hover) !important;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
.ets_mm_megamenu .ets_mm_megamenu_content .ets_mm_megamenu_content_content {
    .mm_menus_ul {
        .display_tabs_in_full_width {
            width: fit-content !important;
            a.ets_mm_url {
                width: fit-content;
            }
            span {
                color: var(--button);
                white-space: nowrap;
            }
        }
    }
}
.menu-mobile {
    justify-content: space-between;
    padding: 0 15px;
    padding-bottom: 15px;
    &::after {
        display: none;
    }
    .logo {
        width: 100%;
    }
    .mobile img {
        width: 24px;
        height: auto;
    }
}
.ybc-menu-toggle {
    width: auto !important;
}
.df {
    display: flex;
    align-items: center;
}
@media (max-width: 767px) {
    .mm_tab_toggle_title a {
        padding: 9px 0 9px 15px !important;
        margin-right: 15px;
    }
    .mm_tab_toggle.mm_tab_has_child {
        padding-right: 40px !important;
    }
    .mm_menus_ul.active {
        flex-direction: column;
        justify-content: flex-start !important;
    }
    .ets_mm_megamenu .mm_columns_ul {
        top: 0%;
    }
    .mm_columns_ul_tab {
        height: unset !important;
    }
    .ets_mm_megamenu .mm_menus_ul .close_menu {
        background: transparent !important;
        display: flex !important;
        .pull-left {
            flex: 1;
            display: flex;
            justify-content: flex-start;
            align-items: center;
        }
        img.logo {
            flex: 1;
        }
        .menuopen-right {
            flex: 1;
            display: flex;
            justify-content: flex-end;
            align-items: center;
            gap: 0 10px;
            img {
                width: 24px;
            }
        }
    }
}
@media (max-width: 767px) {
    .ets_mm_megamenu .mm_menus_li {
        .mm_menu_content_title {
            color: var(--black) !important;
        }
        .arrow.closed, .arrow.opened {
            height: 60px !important;
        }
        .mm_columns_ul.mm_columns_ul_tab.active {
            border: 1px solid var(--grey-3);
            border-radius: 4px;
            padding: 10px;
            width: 94% !important;
            margin: 0 20px;
        }
    }
    .ets_mm_megamenu .ets_mm_megamenu_content .ets_mm_megamenu_content_content .mm_menus_ul .mm_menus_li .mm_columns_ul_tab.active {
        background-color: transparent !important;
        background: transparent !important;
    }
    .mm_menus_ul>li {
        overflow: unset;
    }
}
.product {
    padding: 0;
    .product-miniature {
        padding: 24px;
        border: 1px solid var(--grey-2);
        border-radius: 4px;
        margin: 10px;
        .thumbnail-container {
            margin-bottom: 0;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            .product-thumbnail {
                height: auto;
            }
            picture {
                img {
                    border-radius: 4px;
                }
            }
            .product-description {
                padding: 0;
            }
            .product-title {
                margin: 12px 0;
                line-height: 24px;
                text-align: left;
                a {
                    color: var(--black);
                    font-family: var(--font);
                    font-size: 20px;
                    font-style: normal;
                    font-weight: 700;
                }
            }
            .product-price-and-shipping {
                display: flex;
                flex-direction: column;
                text-align: left;
                .regular-price {
                    color: var(--grey-1);
                    font-family: var(--font);
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 24px;
                    margin-bottom: -4px;
                }
                .price {
                    color: var(--black);
                    font-family: var(--font);
                    font-size: 22px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 22px;
                    height: 100%;
                }
                .pre-price {
                    color: var(--black);
                    font-family: var(--font);
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 24px;
                }
            }
            :hover, :active {
                .product-description::after {
                    border-top: 0;
                }
            }
        }
    } 
}