/* ----------------------------------------- DEBUT => ex-theme.css (header) ----------------------------------------- */
/* HEADER STYLES */
.l-header {
    margin: 0 0 16px;
    z-index: 9999;
}

.header-top.js-header-top {
    background: #fff;
    border-bottom: 1px solid #DDDFE7;

    .header-nav-sticky {
        display: none;
    }

    .first-layer-header {
        display: flex;
        align-items: center;
        flex-grow: 1;

        @media(max-width: 767px) {
            gap: 15px;
        }

        @media(max-width: 1024px) {
            a.logo {
                margin-right: auto;
                img {
                    width: 140px;
                }
            }
        }

        .header-top__block--search {
            .search-form__form-group {
                margin: auto;
            }
        }

        .header-top__block--user, .header-top__block--cart {
            @media (max-width: 1024px) {
                .label {
                    display: none;
                }
            }

            .header-top__icon-container {
                position: relative;
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 12px;
            }
            .header-top__icon {
                display: block;
                font-size: 1.625rem;
            }
        }
    }

    .sticky-display {
        display: none;
    }

    &.is-sticky {
        .header-nav-sticky {
            display: flex;

            .help-devis {
                flex: unset;
                max-width: unset;
            }
        }
        .first-layer-header {
            margin-left: 12px;
            .header-top__icon-container .label {
                display: none;
            }
            @media(min-width: 1025px) {
                flex-grow: unset;
                a.logo, .header-top__block--search {
                    display: none;
                }
                .header-top__block--user {
                    border-left: 1px solid #DDDFE7;
                }
            }
        }

        a.sticky-display {
            @media(min-width: 1025px) {
                display: block;
            }
        }

        .c-mega-menu .mm_menus_ul > .mm_menus_li.display-chevron > a {
            padding-bottom: 12px;
        }
        .c-mega-menu .mm_menus_ul > .mm_menus_li.onglet-resource {
            display: none;
        }
    }
}
@media (max-width: 1024.98px) {
    .header-top__content {
        padding-top: 5px !important;
        padding-bottom: 19px !important;
    }
}
.header-top__row {
    flex-wrap: nowrap;
    align-items: center;
    position: relative;
}
@media (min-width: 1025px) {
    .header-top__row {
        display: flex;
        flex-wrap: wrap;
    }
}
.header-top__link {
    display: block;
    text-decoration: none;
    color: #183157 !important;
    font-family: "Karla", sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.5px;
    line-height: 17px;
    text-align: center;
    padding: 0 13px !important;
    padding-top: 1px !important;
}
.header-top__link:hover {
    text-decoration: none;
}
@media (max-width: 767.98px) {
    .header-top__link {
        padding: 0 8px 0 0 !important;
    }
}
.header-top__link .icon {
    margin-bottom: 6px;
}
@media (min-width: 768px) and (max-width: 1024.98px) {
    .header-top__link .icon {
        margin-bottom: 2px;
    }
}
@media (max-width: 767.98px) {
    .header-top__link .icon {
        margin-bottom: 4px;
    }
}
.header-top__link .label {
    color: #444444 !important;
}
@media (min-width: 576px) {
    .header-top__link {
        padding: 10px;
    }
}
.header-top__link:hover, .header-top__link:focus {
    text-decoration: none;
    background: none;
}
.header-top .js-favorite-top-content {
    display: none;
}
.header-top .js-favorite-top-content .header-top__icon {
    font-size: 20px;
}

@media (min-width: 576px) {
    .header-top__icon {
        font-size: 2rem;
    }
}
.header-top__badge {
    position: absolute;
    top: -0.5em;
    left: 1.5em;
    width: 2em;
    height: 2em;
    font-size: 0.5rem;
    font-weight: 700;
    line-height: 2em;
    color: #1C2123;
    text-align: center;
    background: #FED417;
    border-radius: 50%;
}
@media (max-width: 767.98px) {
    .header-top__block--search, .header-top__block--search_mobile {
        flex-grow: 0;
    }
}
.header-top__block--search .search-form, .header-top__block--search_mobile .search-form {
    margin-left: 0;
}
.header-top__block--search .search-form__btn, .header-top__block--search_mobile .search-form__btn {
    background-color: #183157;
    width: 38px;
    height: 38px;
    border-radius: 38px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
}
.header-top__block--search .search-form__btn span, .header-top__block--search_mobile .search-form__btn span {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/themes/francebarnums/assets//img-dist/d4bd500f7e4a69acd659582c0daa7369.svg);
    font-size: 0;
}
.header-top__block--search .search-form__btn:hover, .header-top__block--search_mobile .search-form__btn:hover {
    background-color: #CC2028;
}
.header-top__block--search .search-form__input, .header-top__block--search_mobile .search-form__input {
    max-height: 44px;
    border: 1px solid #DDDFE7;
    border-radius: 22px;
    font-size: 13px;
}
.header-top__block--search .search-form__form-group, .header-top__block--search_mobile .search-form__form-group {
    max-width: 575px;
    transition: all 1s ease-in-out;
}
.header-top__block--search .search-form.focused,
.header-top__block--search .search-form.focused .search-form__form-group,
.header-top__block--search_mobile .search-form.focused  .search-form__form-group {
    max-width: 100%;
}
@media (min-width: 768px) and (max-width: 1024.98px) {
    .header-top__block--search .search-form__form-group, .header-top__block--search_mobile .search-form__form-group {
        max-width: 345px;
        transform: translate(7px, 1px);
    }
}
@media (min-width: 768px) and (max-width: 1024.98px) {
    .header-top__block--logo {
        flex: 0 0 20%;
        max-width: 20%;
    }
}
.header-top__block--logo a:hover {
    text-decoration: none;
}
.header-top__block--logo span {
    color: #183157;
    font-family: "Karla", sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -0.5px;
    line-height: 17px;
    white-space: nowrap;
}
@media (max-width: 1024.98px) {
    .header-top__block--logo span {
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 1024.98px) {
    .header-top__block--logo img {
        transform: translate(15px, 6px);
    }
}
@media (max-width: 767.98px) {
    .header-top__block--logo {
        width: auto;
        flex: unset !important;
        padding-left: 15px;
    }
    .header-top__block--logo img {
        max-height: 55px;
    }
}
@media (max-width: 1024.98px) {
    .header-top__menu_search {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
    }
    .header-top__menu_search > .col-12, .header-top__menu_search > .col-xs-12 {
        flex: unset !important;
        flex-direction: row;
        flex-wrap: nowrap;
        display: flex;
        justify-content: center;
    }
}
@media (max-width: 767.98px) {
    .header-top__menu_search.is_mobile .header-top__block--search {
        display: none !important;
    }
}
.header-nav {
    background-color: #F2F2F2;
}
.header-nav .contact a, .header-nav .payement-mode a, .header-nav .help-devis a {
    display: flex;
    align-items: center;
}
@media (min-width: 768px) and (max-width: 1024.98px) {
    .header-nav .contact a {
        font-size: 11px;
        padding-left: 12px;
        letter-spacing: 0;
    }
}
.header-nav .contact {
    display: flex;
    padding-left: 12px;
    flex: 0 0 25%;
    max-width: 25%;

    @media (max-width: 1025px) {
        display: none;
    }

    a {
        color: #444444;
        font-family: "Karla", sans-serif;
        font-size: 16px;
        letter-spacing: -0.5px;
        line-height: 17px;
        font-weight: 600;
        padding-top: 1px;
        white-space: nowrap;

        span {
            font-size: 14px;
            letter-spacing: -0.57px;
            font-weight: 400;
            border-left: 1px solid #444444;
            margin-left: 19px;
            padding-left: 17px;
            line-height: 13px;
            height: 14px;
        }
    }
}
.header-nav .payement-mode {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex: 0 0 50%;
    max-width: 50%;

    @media (max-width: 1024px) {
        flex: unset;
        max-width: unset;
        padding-left: 12px;
    }

    @media (max-width: 767px) {
        width: 50%;
        a:not(#homePhoneNumber) {
            display: none;
        }
    }

    a {
        justify-content: center;
        color: #1C2123;
        font-family: "Lato", "Karla", sans-serif;
        letter-spacing: 0;
        line-height: 22px;
        text-align: center;
    }

    #homePhoneNumber {
        font-weight: bold;
        border-left: 1px solid #C0C3CB;
        padding-left: 15px;

        i {
            display: none;
            margin-right: 10px;
        }

        @media(max-width: 767px) {
            border: none;
            i {
                display: block;
            }
        }
    }
}
.header-nav .help-devis {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    flex: 0 0 25%;
    max-width: 25%;

    @media(max-width: 767px) {
        width: 50%;
    }

    a.help {
        padding-right: 25px;
        color: #444444;
        font-family: "Karla", sans-serif;
        font-weight: 500;
        letter-spacing: -0.5px;
        line-height: 17px;

        i {
            margin-right: 8px;
        }
    }
    a.devis {
        background-color: #CC2028;
        padding: 8px 16px;
        color: #FFFFFF;
        font-family: "Karla", sans-serif;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: -0.1px;
        line-height: 14px;
        text-align: center;
        text-transform: uppercase;
        border: 1px solid white;

        &:hover {
            background: #0A246A;
        }
    }
}
.header-nav .contact a:hover,
.header-nav .contact a:hover span,
.header-nav .payement-mode a:hover,
.header-nav .help-devis a.help:hover{
    color: #0A246A;
}
@media (min-width: 768px) and (max-width: 1024.98px) {
    .header-nav .contact a span {
        font-size: 12px;
        margin-left: 15px;
        padding-left: 13px;
    }
}
@media (max-width: 767.98px) {
    .header-nav .contact a span {
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 1024.98px) {
    .header-nav .contact a i.icon {
        width: 11px;
        height: 11px;
        margin-right: 6px;
    }
}
@media (max-width: 767.98px) {
    .header-nav .contact a {
        align-items: center;
        justify-content: center;
        padding-bottom: 3px;
        font-size: 14px;
    }
}
@media (max-width: 767.98px) {
    .header-nav .contact {
        justify-content: center;
        padding: 0;
        width: 195px;
        flex: 0 0 195px;
    }
}
@media (min-width: 768px) and (max-width: 1024.98px) {
    .header-nav .help-devis a.help i {
        width: 11px;
        height: 11px;
        margin-right: 6px;
    }
}
.header-nav .help-devis a.help:hover .icon {
    background-image: url(/themes/francebarnums/assets//img-dist/1c9a3c0170eaab426f6eaffa123bb62c.svg);
}
@media (max-width: 767.98px) {
    .header-nav .help-devis a.help {
        display: none;
    }
}
@media (max-width: 767.98px) {
    .header-nav .help-devis a.devis {
        width: 100%;
        justify-content: center;
        padding: 9px 16px;
    }
}
@media (max-width: 1024.98px) {
    .header-nav .help-devis {
        padding: 0;
        flex: unset;
        max-width: unset;
    }
}
@media (max-width: 1024.98px) {
    .header-nav > .container > .row {
        flex-direction: row;
        flex-wrap: nowrap;
    }
}

.header-top__block--search_mobile {
    margin-top: 22px;
    padding: 0 4px;
}
@media (min-width: 768px){
    .header-top__block--search_mobile {
        display: none;
    }
}

.header-top__block--user:hover .icon {
    background-image: url(/themes/francebarnums/assets//img-dist/d81f52a07cec37bdb76f29ef2f52000c.svg);
}
.header-top__block--favorite:hover .icon {
    background-image: url(/themes/francebarnums/assets//img-dist/84d6e7e157a8ea5bcee7dc4e71668444.svg);
}

#cartDropdown:hover .icon {
    background-image: url(/themes/francebarnums/assets//img-dist/01de7dfa6f1cdc8e6113d20fd1a6a1f7.svg);
}

.header-top__block.header-top__block--cart.col.flex-grow-0,
.col.flex-grow-0.header-top__block.header-top__block--user {
    padding: 0;
}

.header-top__menu_search > .col-12.row, .header-top__menu_search > .row.col-xs-12 {
    padding-right: 0;
}

@media (min-width: 1440px) {
    .header-nav .container, .header-top__content .container {
        padding-right: 0;
    }
    .col-md-2.col.header-top__block.header-top__block--logo {
        margin-top: -21px;
        transform: translateX(2px);
    }
    .header-top__content.pt-md-3.pb-md-0.py-2 {
        padding-top: 26px !important;
    }
    .header-top__menu_search {
        padding: 0;
    }
}
@media (min-width: 768px) and (max-width: 1024.98px) {
    .header-top__block.header-top__block--search.col {
        max-width: 371px;
    }
    body header#header {
        margin-bottom: 22px !important;
    }
}
@media (min-width: 768px) and (max-width: 1024.98px) {
    .elementor-3588030101 .elementor-element.elementor-element-16fc3ceb.elementor-section-stretched.elementor-sticky--active,
    .elementor-6298030101 .elementor-element.elementor-element-35f51c86.elementor-section-stretched.elementor-sticky--active,
    .elementor-4507030101 .elementor-element.elementor-element-2bbc894f.elementor-section-stretched.elementor-sticky--active {
        top: 81px !important;
        padding: 0 15px;
    }
}

/* ------------------------------------------ FIN => ex-theme.css (header) ------------------------------------------ */

/* ----------------------------------------- DEBUT => ex-theme.css (megamenu) ----------------------------------------- */
.main-mega-menu {
    margin-top: 10px;
    padding-right: 5px;
}
@media (max-width: 1199.98px) {
    .main-mega-menu {
        transform: unset;
        margin-left: unset;
        padding-right: unset;
    }
}
@media (max-width: 767.98px) {
    .main-mega-menu {
        margin-top: -1px;
    }
}
@media (min-width: 768px) and (max-width: 1024.98px) {
    .main-mega-menu {
        margin-top: 3px;
    }
}

.row.header-top__row {
    position: relative;
}

.header-top__menu_search {
    width: 100%;
    position: unset;
}
@media (min-width: 768px) and (max-width: 1024.98px) {
    .header-top__menu_search {
        margin-top: 13px;
        padding-right: 25px;
    }
}
@media (max-width: 767.98px) {
    .header-top__menu_search {
        margin-top: 13px;
    }
}

/* Fond pleine largeur : 101vw + marges asymétriques provoquaient un scroll horizontal */
.c-mega-menu.ets_mm_megamenu.bg_submenu[data-bggray=bg_gray]:before {
    opacity: 1;
    visibility: visible;
    width: 101vw;
    left: 50%;
    right: 50%;
    margin-left: -51vw;
    margin-right: -50vw;
}


.c-mega-menu.ets_mm_megamenu, .c-mega-menu .ets_mm_megamenu_content .ets_mm_megamenu_content_content {
    position: unset;
}
.c-mega-menu .ets_mm_megamenu_content {
    max-width: 100%;
}
.c-mega-menu.ets_mm_megamenu .mm_columns_ul {
    padding-top: 0;
    max-width: 100%;
    box-sizing: border-box;
}
.c-mega-menu.ets_mm_megamenu .mm_columns_ul > .mm_columns_li {
    padding-top: 26px;
    padding-bottom: 26px;
    z-index: 1;
}
.c-mega-menu {
    .mm_menus_ul {

        & > .mm_menus_li {
            border: none;

            & > a {
                &:after,
                &:before {
                    display: none !important;
                }

                & > .mm_menu_content_title {
                    padding: 0 !important;
                    padding-top: 2px !important;
                    text-transform: initial;
                    letter-spacing: -0.3px;
                    font-family: "Karla", sans-serif !important;
                    font-size: 16px;
                    line-height: 19px;
                    font-weight: 600;
                    font-style: normal;
                    color: #1C2123;
                }
            }

            &.display-chevron {
                &:hover {
                    &:after {
                        content: " ";
                        display: block;
                        position: relative;
                        height: 2px;
                        width: 100%;
                        border-bottom: solid 2px #CC2028;
                        top: calc(100% - 2px);
                    }
                }
                & > a {
                    padding-right: 18px;
                }
            }

            &:last-child, &:nth-child(2) {
                border-right: none;

                & > a {
                    padding-left: 12px;
                }
            }

            &.onglet-barnums {
                @media(min-width: 1024px) and (max-width: 1440px) {
                    /*
                        On change le layout pour visibilité, obliger de le faire comme ça car pas de possibilité
                        d'ecriture de classes sur ces elements
                    */
                    .mm_columns_li:nth-of-type(2) {
                        width: 21.6667%;
                    }
                    .mm_columns_li:nth-of-type(3) {
                        width: 20%;
                    }
                }
            }
        }

    }
}

@media(min-width: 1025px) and (max-width: 1250px) {
    .c-mega-menu .mm_menus_ul {
        display: flex;
        justify-content: space-between;
        & > .mm_menus_li {
            & > a > .mm_menu_content_title {
                max-width: 80px;
                text-align: center;
            }
            &.menu-item-personnaliser > a > .mm_menu_content_title {
                max-width: 156px;
                text-align: center;
            }
        }
    }
}

.c-mega-menu .mm_menus_ul > .mm_menus_li.display-chevron > a > .mm_menu_content_title {

    @media(min-width: 1440px) {
        &:before {
            content: '>';
            position: absolute;
            right: 0;
            transform: rotate(90deg) translate(0, -14px);
        }
    }
}

.c-mega-menu .mm_menus_ul > .mm_menus_li > a > .mm_menu_content_title > .mm_arrow {
    display: none !important;
}
.c-mega-menu .mm_menus_ul > .mm_menus_li:not(.no-underline):hover > a {
    position: relative;
    &:after {
        content: "";
        display: block;
        width: 100%;
        height: 2px;
        background: #CC2028;
        position: absolute;
        left: 0;
        bottom: 0;
    }
}
.c-mega-menu.ets_mm_megamenu, .c-mega-menu .ets_mm_megamenu_content {
    border: none !important;
    background: none;
}
.c-mega-menu.bg_submenu .mm_menus_ul > .mm_menus_li:not(.menu-item-personnaliser, .promotions-title) > a > .mm_menu_content_title {
    color: #777A7B;
}
.c-mega-menu.bg_submenu .mm_menus_ul > .mm_menus_li:not(.menu-item-personnaliser, .promotions-title) > a > .mm_menu_content_title > .mm_arrow {
    display: none !important;
}
.c-mega-menu.bg_submenu .mm_menus_ul > .mm_menus_li:not(.menu-item-personnaliser, .promotions-title):hover > a > .mm_menu_content_title {
    color: #1C2123;
}
@media (min-width: 1080px) {
    .c-mega-menu:not(.changestatus) .mm_menus_ul {
        display: inline-flex;
        justify-content: space-between;
    }
    .c-mega-menu:not(.changestatus) .mm_menus_ul .mm_menus_li:nth-child(4) {
        padding-left: 1px;
    }
    .c-mega-menu:not(.changestatus) .mm_menus_ul .mm_menus_li.menu-item-personnaliser {
        width: auto;
    }
    .c-mega-menu:not(.changestatus) .mm_menus_ul .mm_menus_li.menu-item-personnaliser .mm_menu_content_title {
        position: relative;
        display: flex;
        justify-content: center;
    }
    .c-mega-menu:not(.changestatus) .mm_menus_ul .mm_menus_li.menu-item-personnaliser .mm_menu_content_title img {
        margin-right: 6px;
        width: 24px;
        height: 24px;
        transform: translate(-2px, -1px);
    }
    .c-mega-menu .mm_menus_ul {
        display: inline-flex;
    }
}
.c-mega-menu .icon {
    /*width: auto;
    height: auto;*/
}

/* Menu Ouvert */
.c-mega-menu .ets_mm_block .h4 {
    display: block;
    border: none !important;
    font-family: "Karla", sans-serif !important;
    font-size: 18px !important;
    line-height: 22px;
    font-weight: 700;
    font-style: normal;
    color: #183157;
    letter-spacing: -0.5px;
    padding-bottom: 0;
    margin-bottom: 21px;
    text-transform: initial;
}

.ets_mm_block > .h4 a {
    color: #183157!important;

    &:hover {
        text-decoration: underline;
    }
}
.c-mega-menu .ets_mm_block_content li {
    float: unset !important;
}
.c-mega-menu .ets_mm_block_content li a:before {
    display: none !important;
}

.c-mega-menu .focus-sur {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 25px;

    .link-container {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }

    .arrow {
        display: block;
        width: 35px;
        position: relative;

        &:after {
            content: "";
            display: inline-block;
            width: 10px;
            height: 10px;
            margin-left: 15px;
            background: url('data:image/svg+xml;utf8,<svg width="10" height="10" viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg"><path d="m9.917 5.181.059-.09a.31.31 0 0 0 0-.242l-.06-.09L5.957.685a.287.287 0 0 0-.384.028.308.308 0 0 0-.027.395l3.462 3.56H.293A.298.298 0 0 0 0 4.97c0 .167.131.302.293.302h8.714l-3.462 3.56a.306.306 0 0 0-.031.455.289.289 0 0 0 .442-.033l3.96-4.073Z" fill="%231C2123" fill-rule="nonzero"/></svg>') no-repeat right;
        }
    }

    .item {
        display: flex;
        align-items: center;
        gap: 15px;

        &:not(:last-of-type) {
            margin-bottom: 16px;
        }

        &:hover {
            img {
                transform: scale(1.05);
            }
            .link-container .text {
                text-decoration: underline;
            }
        }

        img {
            margin: 0;
        }
    }

    .most-research {
        padding: 20px 30px;
        display: flex;
        flex-direction: column;
        border: 1px solid #DDDFE7;
        border-radius: 8px;

        img {
            width: 35px;
            height: 35px;
            object-fit: contain;
            border-radius: 5px;
            margin-right: 10px;
        }
    }
    .news {
        background: #F8F8F8;
        padding: 20px 30px;
        border-radius: 8px;
        display: flex;
        flex-direction: column;

        img {
            width: 50px;
            height: 50px;
            object-fit: contain;
            border-radius: 5px;
            margin-right: 10px;
        }

        .link-container span.text {
            display: flex;
            flex-direction: column;
            font: normal normal bold 16px/19px Karla;
            letter-spacing: 0;
            color: #183157;
        }
    }
}

.c-mega-menu .ets_mm_block_content .hover-blue {
    .item:hover {
        a {
            background-color: #DDDFE7;
        }
    }
}
.c-mega-menu .acc-pd {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.c-mega-menu .bubble-link {
    display: flex;
    flex-direction: column;
    margin-right: 8px;
    width: 100%;
    gap: 10px;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    line-height: 22px;
    font-weight: bold;
    font-style: normal;
    color: #183157;

    .item {
        > a {
            display: inline-flex;
            padding: 9px;
            justify-content: center;
            align-items: center;
            border: 1px solid #DDDFE7;
            border-radius: 8px;
            width: 100%;
            height: 32px;
            font: normal normal bold 14px/17px Lato;
            color: #183157 !important;
        }
    }
}
.c-mega-menu .standard-link {
    font-family: "Karla", sans-serif !important;
    font-size: 16px;
    line-height: 21px;
    font-weight: normal;
    font-style: normal;
    color: #1C2123;
    letter-spacing: -0.21px;

    .item {
        a {
            display: flex;
            gap: 27px;
            justify-content: space-between;
            align-items: center;
            padding-left: 12px;
            border-radius: 4px;

            @media(min-width: 1024px) and (max-width: 1440px) {
                flex-direction: column;
                align-items: unset;
                gap: 0;

                .price-container {
                    align-self: end;
                    justify-content: flex-end;
                    width: 100%;

                    .icon {
                        margin-right: auto;
                    }
                }
            }

            .price-container {
                display: flex;
                align-items: center;
                letter-spacing: -0.16px;
                color: #6D6D6D;

                .icon {
                    width: 40px;
                }
            }

            .icon:before {
                content: "";
                display: inline-block;
                width: 38px;
                height: 20px;
                background: url(/themes/francebarnums/assets//img-dist/icon-m2-menu.svg) center no-repeat;
                background-size: contain;
            }
        }
    }
}
.c-mega-menu .choix-taille-item > a:hover {
    background-color: #183157;
    color: #fff !important;
}
.c-mega-menu .choix-gamme {
    @media(min-width: 1025px) {
        width: 100%;
        padding-right: 25px;
    }
}
.c-mega-menu .choix-gamme-groupe-title {
    font-family: "Karla", sans-serif !important;
    font-size: 14px;
    line-height: 21px;
    font-weight: bold;
    font-style: normal;
    color: #1C2123;
    letter-spacing: -0.21px;
    display: inline-block;
    margin-bottom: 13px;

    &:hover {
        text-decoration: underline;
    }
}
.c-mega-menu .choix-gamme-groupe:not(:last-child) {
    margin-bottom: 30px;
}
.c-mega-menu .choix-gamme-item{
    padding: 0 12px 0 12px;
    border-radius: 4px;
}
.c-mega-menu .choix-gamme-item:hover{
    color: white!important;
    background-color: #193157;
}
.c-mega-menu .choix-gamme-item:hover > a .name,
.c-mega-menu .choix-gamme-item:hover > a .prix{
    color: white!important;
}

.c-mega-menu .choix-gamme-item > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: "Karla", sans-serif !important;
    font-size: 16px;
    line-height: 21px;
    font-weight: normal;
    font-style: normal;
    color: #1C2123;
    letter-spacing: -0.21px;
    gap: 27px;
}
.c-mega-menu .choix-gamme-item > a .name {
    color: #1C2123;
}
.c-mega-menu .choix-gamme-item > a .icon {
    display: inline-block;
    margin-left: auto;
    font-size: 0;
}
.c-mega-menu .choix-gamme-item > a .icon:before {
    content: "";
    display: inline-block;
    width: 38px;
    height: 20px;
    background: url(/themes/francebarnums/assets//img-dist/icon-m2-menu.svg) center no-repeat;
    background-size: contain;
}
.c-mega-menu .choix-gamme-item > a .prix {
    color: #6D6D6D;
}
.c-mega-menu .choix-gamme-item:not(:last-child) > a {
    margin-bottom: 8px;
}
.c-mega-menu .cust-mega-menu-link-list-item > a {
    display: inline-block;
    font-family: "Karla", sans-serif !important;
    font-size: 16px;
    line-height: 21px;
    font-weight: normal;
    font-style: normal;
    color: #1C2123;
    letter-spacing: -0.17px;
    padding: 0 6px 0 6px;
    border-radius: 4px;
}
.c-mega-menu .cust-mega-menu-link-list-item > a:hover {
    color: white!important;
    background-color: #1C2123;
}
.c-mega-menu .cust-mega-menu-link-list-item:not(:last-child) > a {
    margin-bottom: 8px;
}
.c-mega-menu.ets_mm_megamenu .mm_columns_ul > .mm_columns_li:nth-last-child(2) > .mm_blocks_ul > .mm_blocks_li {
    padding-right: 24px;
}
.c-mega-menu.ets_mm_megamenu .mm_columns_ul > .mm_columns_li .mm_blocks_li:has(> .ets_mm_block.mm_block_type_image) {
    margin-top: 20px;
}
.c-mega-menu.ets_mm_megamenu .mm_columns_ul > .mm_columns_li .mm_blocks_li > .ets_mm_block.mm_block_type_image .mm_img_content {
    border-radius: 8px;
}
.c-mega-menu .focus-sur-item:not(:last-child) > a {
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid white;
}
.c-mega-menu .focus-sur-item > a {
    color: #1C2123 !important;
    display: flex;
    align-items: center;

    &:hover {
        text-decoration: underline;

        img {
            -webkit-transform: scale(1.05);
        }
    }
}
.c-mega-menu .focus-sur-item > a:hover .focus-sur-item-title {
    font-weight: 500;
}
.c-mega-menu .focus-sur-item-title {
    font-family: "Karla", sans-serif !important;
    font-size: 16px;
    line-height: 21px;
    font-weight: normal;
    font-style: normal;
    color: #1C2123;
    letter-spacing: -0.17px;
}
.c-mega-menu .focus-sur-item > a:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 15px;
    background: url('data:image/svg+xml;utf8,<svg width="10" height="10" viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg"><path d="m9.917 5.181.059-.09a.31.31 0 0 0 0-.242l-.06-.09L5.957.685a.287.287 0 0 0-.384.028.308.308 0 0 0-.027.395l3.462 3.56H.293A.298.298 0 0 0 0 4.97c0 .167.131.302.293.302h8.714l-3.462 3.56a.306.306 0 0 0-.031.455.289.289 0 0 0 .442-.033l3.96-4.073Z" fill="%231C2123" fill-rule="nonzero"/></svg>') no-repeat center;
}

@media (max-width: 1024.98px) {
    /* ******** Patch michael réparation menu mobile ******* */
    .left-10.onglet-megamenu{
        .mm_columns_ul>.mm_columns_li:last-child>.mm_blocks_ul>.mm_blocks_li{
            padding-left: 21px!important;
        }
        .mm_columns_ul{
            padding-right: 21px;
        }
    }
    .left-5.onglet-megamenu{
        .mm_columns_ul>.mm_columns_li:last-child>.mm_blocks_ul>.mm_blocks_li{
            padding-left: 21px!important;
            padding-right: 24px!important;
        }
        .mm_columns_ul{
            padding-right: 21px;
        }
    }
    .onglet-tente-reception{
        .mm_columns_ul>.mm_columns_li:last-child>.mm_blocks_ul>.mm_blocks_li{
            padding-left: 21px!important;
            padding-right: 24px!important;
        }
        .mm_columns_ul{
            padding-right: 21px;
            padding-left: 10%;
        }
        .mm_blocks_ul{
            .ets_mm_block_content div div{
                margin-bottom:10px;
            }
            ul a{
                grid-column: 1 / -1;
            }
        }
    }
    .onglet-barnums{
        .mm_columns_ul>.mm_columns_li:last-child>.mm_blocks_ul>.mm_blocks_li{

        }
        .mm_columns_ul{
            padding-right: 21px;
            padding-left: 10%;
        }
    }
    /* ******** modif michael réparation menu mobile ******* */
    .main-mega-menu > .ets_mm_megamenu {
        padding: 0 !important;
        margin-top: 0 !important;
        background: transparent;
    }
    .main-mega-menu .ets_mm_megamenu_content_content {
        background: white;
        padding-left: 20px;
    }
    .main-mega-menu .ets_mm_megamenu_content_content .ybc-menu-toggle.ybc-menu-btn {
        color: #444444;
        font-family: "Karla", sans-serif;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: -0.5px;
        line-height: 17px;
        text-align: center;
        text-transform: initial;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;

        .ybc-menu-button-toggle_title {
            display: none;
        }
    }
    .main-mega-menu .ets_mm_megamenu_content_content .ybc-menu-toggle.ybc-menu-btn .ybc-menu-button-toggle_icon {
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url(/themes/francebarnums/assets//img-dist/3c21d930f54a9c6fd75db6c784458982.svg);
        margin-right: 0;
        margin-bottom: 4px;
    }
    .main-mega-menu .ets_mm_megamenu_content_content .ybc-menu-toggle.ybc-menu-btn .ybc-menu-button-toggle_icon > .icon-bar {
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 1024.98px) {
    .main-mega-menu .ets_mm_megamenu_content_content .ybc-menu-toggle.ybc-menu-btn .ybc-menu-button-toggle_icon {
        margin-bottom: 2px;
    }
}
@media (min-width: 768px) {
    li.mm_menus_li.mm_menu-footer-wrapper.border-bottom-0.bottom.mt-auto.p-0 {
        display: none !important;
    }
}
@media (max-width: 1024px) {
    .c-mega-menu .mm_menus_ul > .mm_menus_li:hover > a > .mm_menu_content_title:after {
        display: none;
    }
}

/*!* 650-1024: burger sur la ligne d'icones + barre de liens dediee *!*/
/*@media (min-width: 650px) and (max-width: 1024px) {*/
/*    .header-top__menu_search {*/
/*        position: relative;*/
/*    }*/

/*    .first-layer-header {*/
/*        padding-right: 42px;*/
/*    }*/

/*    .main-mega-menu .ets_mm_megamenu.changestatus .ybc-menu-toggle.ybc-menu-btn {*/
/*        position: absolute;*/
/*        top: -42px;*/
/*        right: 0;*/
/*        z-index: 30;*/
/*        width: auto;*/
/*        padding: 0 4px;*/
/*    }*/

/*    .header-top__quick-links {*/
/*        display: flex;*/
/*        align-items: center;*/
/*        gap: 14px;*/
/*        margin-top: 8px;*/
/*        overflow-x: auto;*/
/*        white-space: nowrap;*/
/*        -webkit-overflow-scrolling: touch;*/
/*    }*/

/*    .header-top__quick-links .header-top__quick-link {*/
/*        color: #1C2123;*/
/*        font-family: "Karla", sans-serif;*/
/*        font-size: 16px;*/
/*        line-height: 19px;*/
/*        font-weight: 600;*/
/*        text-decoration: none;*/
/*        flex: 0 0 auto;*/
/*    }*/

/*    .header-top__quick-links .header-top__quick-link.is-promo {*/
/*        color: #CC2028;*/
/*    }*/

/*    body.noscroll .header-top__quick-links {*/
/*        visibility: hidden;*/
/*    }*/

/*    !* Ouverture du panneau hamburger depuis la droite *!*/
/*    .main-mega-menu .ets_mm_megamenu.changestatus .ybc-menu-toggle.opened + .mm_menus_ul,*/
/*    .main-mega-menu .ets_mm_megamenu.changestatus .ybc-menu-toggle.opened + .mm_menus_ul.active {*/
/*        right: 0;*/
/*        left: auto !important;*/
/*    }*/
/*}*/

/* ------------------------------------------ FIN => ex-theme.css (megamenu) ------------------------------------------ */

/* Recherche dans le header */
.header-top__block--search .search-form__form-group,
.header-top__block--search_mobile .search-form__form-group {
    transition: all 0.3s ease-in-out;
}
.search-form {
    transition: all 0.3s ease-in-out;
}

/* Tablette et moins : header sticky */
@media (max-width: 1024px) {
    .header-top.js-header-top.is-sticky {
        transition: top 0.7s;
        min-height: 84px;

        #header-top__content {
            padding-top: 12px !important;
            padding-bottom: 14px !important;
            background: #ffffff;
        }
    }

    .ets_mm_megamenu_content .container,
    .ets_mm_megamenu_content .container .ets_mm_megamenu_content_content {
        background-color: transparent !important;
    }

    .menu-item-personnaliser .mm_menu_content_title .animation-personalisation-container {
        width: 26px;
        height: 26px;
    }

    /* ----- Si on remet #header-top__content:before : faire attention au sticky sur les pages produits ----- */
    /*#header-top__content:before{ height: 102px; }*/
}

/* Mobile : rangée méga-menu */
@media (max-width: 767px) {
    .main-mega-menu {
        margin-top: unset;
        margin-left: 5px;
    }

    .header-top__menu_search.is_mobile .header-top__block--search {
        display: block !important;
    }

    .header-top.js-header-top.is-sticky {
        min-height: 54px;
    }

    .header-top.js-header-top > #header-top__content {
        max-height: 54px;
        height: 54px;
        padding: 10px 0 !important;
        &.showSearch {
            > .container {
                border-style: solid;
                border-width: 0px 0px 2px 0px;
                border-color: #dfdfdf;

                .header-top__block--search_mobile {
                    position: initial;
                    padding-bottom: 6px;
                }
            }
        }

        > .container {
            background: #ffffff;

            .header-top__row {
                background: transparent;
                z-index: 1;
                img.logo {
                    max-width: 79px;
                    max-height: 34px;
                }
            }
            .header-top__menu_search {
                margin-top: 0;
            }
            .header-top__block--search_mobile {
                position: absolute;
                top: -100px;
            }
        }
    }

    .header-top__block {
        align-content: center;
    }
    .header-top__block--search .search-form__btn {
        height: 26px;
        width: 26px;
        & > span,
        svg {
            width: 12px;
            height: 12px;
        }
    }
    /*.header-top__link {*/
    /*    padding: 0 25px 0 0 !important;*/
    /*}*/
    .header-top__block--search {
        margin-right: 10px;
    }
    .header-top__icon-container > span.label,
    .ybc-menu-button-toggle_title {
        display: none;
    }
}

/* Badge panier dans le header */
.header-top__badge.count-0 {
    background: rgb(204, 32, 40);
    color: #ffffff;
}

/* Lien Avis Vérifiés (présent dans le header) */
.avisverifie {
    display: none;
}

@media (min-width: 1850px) {
    .avisverifie {
        display: block;
        position: fixed;
        right: 0;
        top: 210px;
    }
}

/* Desktop large : sticky + recherche */
@media (min-width: 1025px) {
    .header-top.js-header-top {
        transition: inset 0.5s;
    }

    /*.ets_mm_megamenu .mm_columns_ul {*/
    /*    top: 100% !important;*/
    /*}*/

    .header-top.js-header-top.is-sticky > #header-top__content {
        padding-top: 12px !important;
        background: #ffffff;
        .header-top__block--logo {
            margin-top: -6px;
            max-width: 126px;
            span {
                display: none;
            }
        }
        .header-top__menu_search {
            overflow-x: clip;
            display: flex;
            flex-direction: row-reverse;
            justify-content: space-between;

            .main-mega-menu {
                margin-top: 0;
                flex-grow: 1;
                .mm_menu_content_title {
                    min-height: 40px;
                }

                &.hideLeft {
                    margin-left: -100%;
                }
            }

            > .col-12 {
                flex: 0 0 25%;
                justify-content: end;
                width: 25%;
                .header-top__block--search {
                    justify-content: end;
                    flex-grow: initial;
                    .form-control {
                        transition: none;
                    }
                    .search-form__btn {
                        transform: translateY(-5px);
                    }
                }
            }

            &.fullWidth {
                .header-top__block--search .search-form__form-group,
                .header-top__block--search_mobile .search-form__form-group {
                    transition: none;
                }
                & > .col-12 {
                    flex: 0 0 100%;
                    justify-content: end;
                    width: 100%;

                    input.search-form__input {
                        display: flex;
                    }

                    .header-top__block--search {
                        flex-grow: 1;
                    }

                    .search-form__btn {
                        transform: translateY(-50%);
                    }

                    .header-top__block--search .search-form,
                    .header-top__block--search .search-form .search-form__form-group,
                    .header-top__block--search_mobile .search-form .search-form__form-group {
                        max-width: 100%;
                        display: flex;
                        justify-content: end;
                        flex-grow: 1;
                    }
                }
            }
            &:not(.fullWidth) {
                input.search-form__input {
                    width: 0;
                    height: 0;
                    border: none;
                    max-width: 0;
                }
                .js-search-result {
                    display: none;
                }
            }
        }
    }
    #header-top__content {
        padding-top: 12px !important;
        .main-mega-menu {
            margin-top:0;
        }
    }
}

#header-top__content:before {
    content: "";
    position: absolute;
    left: 0;
    top: 30px;
    right: 0;
    width: 100%;
    /* ----- Si on remet faire attention au sticky sur les pages produits ----- */
    /*background: url(/img/noel/Neige-1.png);*/
    background-position: center center;
    background-size: auto;
}

#header-top__content.header-top__content.hide-custom:before {
    height: 0;
}

/*#header-top__content.container:before {*/
/*    height: 132px!important;*/
/*}*/

/* Références breakpoints #header-top__content:before (noël / déco) : */
/* max-width 768px — height: 112px */
/* max-width 425px — height: 56px */

/* ----- debut megamenu colonnes dropdown ----- */
.left-5 .mm_columns_ul {
    left: 5%;
}
.left-10 .mm_columns_ul {
    left: 10%;
}
/* ----- fin megamenu colonnes dropdown ----- */

/* ----- debut megamenu contenu panneaux (choix type, taille, gamme, personnaliser) ----- */
.ets_mm_block_content .choix-type-groupe {
    display: flex;
    justify-content: space-between;
    align-items: start;
}
.ets_mm_block_content .choix-type-groupe .choix-type-items {
    display: grid;
    justify-content: center;
    align-items: end;
    flex: 1;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;

    @media (max-width: 1024px) {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }
}
.ets_mm_block_content .menu-mob-pliant {
    width: 100%;
    margin-top: 55px;

    @media (max-width: 1024px) {
        margin-top: 25px;
    }
}
.ets_mm_block_content .choix-type-groupe .choix-type-items .choix-type-item a {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;

    @media (max-width: 1024px) {
        align-items: flex-start;

        img {
            display: none;
        }
    }
}
.c-mega-menu .custom-item:not(:last-child) > a {
    border-bottom: 1px solid #fff;
    margin-bottom: 8px;
    padding-bottom: 8px;
}
.c-mega-menu .choix-gamme-items-2 .choix-gamme-item > a {
    justify-content: flex-start;
}
.c-mega-menu.ets_mm_megamenu .mm_menus_li:last-child .mm_columns_ul > .mm_columns_li:last-child {
    background: white;
}
.menu-item-personnaliser > ul {
    align-items: flex-end;
}
.c-mega-menu .menu-item-personnaliser .mm_menus_ul > .mm_menus_li > a > .mm_menu_content_title {
    font-size: 18px;
    color: #183157;
    font-weight: 500;
}
.c-mega-menu.ets_mm_megamenu .menu-item-personnaliser .mm_columns_ul > .mm_columns_li {
    padding-top: 15px;
    padding-bottom: 15px;
}
.c-mega-menu.ets_mm_megamenu .menu-item-personnaliser .mm_columns_ul > .mm_columns_li:last-child {
    background: white;
}
/* ----- fin megamenu contenu panneaux (choix type, taille, gamme, personnaliser) ----- */

/* ----- debut megamenu focus-sur (fleche lien) ----- */
.c-mega-menu .focus-sur-item > a:after {
    flex: 1;
    background: url('data:image/svg+xml;utf8,<svg width="10" height="10" viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg"><path d="m9.917 5.181.059-.09a.31.31 0 0 0 0-.242l-.06-.09L5.957.685a.287.287 0 0 0-.384.028.308.308 0 0 0-.027.395l3.462 3.56H.293A.298.298 0 0 0 0 4.97c0 .167.131.302.293.302h8.714l-3.462 3.56a.306.306 0 0 0-.031.455.289.289 0 0 0 .442-.033l3.96-4.073Z" fill="%231C2123" fill-rule="nonzero"/></svg>')
    no-repeat right;
}
/* ----- fin megamenu focus-sur (fleche lien) ----- */

/* ----- debut megamenu layout blocs ETS ----- */
.ets_mm_block_content {
    display: flex;
}

li[data-id-block="22"].mm_blocks_li {
    padding: 0;
}

.layout_layout1 .ets_mm_block_content ul li a::before {
    content: "";
}

/* ----- fin megamenu layout blocs ETS ----- */

/* ----- debut megamenu liens (promotions, liste perso) ----- */
.c-mega-menu .cust-mega-menu-link-list-item > a:hover {
    background-color: #193157;
}

.c-mega-menu .mm_menus_ul > .mm_menus_li.promotions-title > a > .mm_menu_content_title {
    color: #cc2028;
}
/* ----- fin megamenu liens (promotions, liste perso) ----- */

/* ----- debut megamenu black friday ----- */
.c-mega-menu .mm_menus_ul > .mm_menus_li.black-friday {
    & > a {
        background-color: #000;
        & > .mm_menu_content_title {
            color: #fff !important;
        }
    }
    &:hover {
        background-color: #000;
        .mm_menu_content_title::after {
            content: none;
        }
    }
}
/* ----- fin megamenu black friday ----- */

@media (max-width: 1024px) {
    #header-top__content {
        padding-top: 23px !important;
    }
    /* Sous-menu mobile (step 3) : rendu plein panneau comme maquette */
    .mm_menus_ul.menu-step-3 .current-menu .ets_mm_block.active-submenu .ets_mm_block_content {
        margin-bottom: 18px;
    }

    .mm_menus_ul.menu-step-3 .current-menu .ets_mm_block.active-submenu .choix-taille {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px 14px;
    }

    .mm_menus_ul.menu-step-3 .current-menu .ets_mm_block.active-submenu .choix-taille .choix-taille-item {
        width: 100%;
    }

    .mm_menus_ul.menu-step-3 .current-menu .ets_mm_block.active-submenu .choix-taille .choix-taille-item > a {
        min-height: 40px;
        border-radius: 8px;
        border: 1px solid #DDDFE7;
        padding: 8px 10px;
        justify-content: center;
        font-family: "Karla", sans-serif !important;
        font-size: 16px;
        line-height: 19px;
        font-weight: 700;
        color: #183157;
    }

    .mm_menus_ul.menu-step-3 .current-menu .ets_mm_block.active-submenu .choix-taille .choix-taille-item > a .icon {
        display: none !important;
    }

    .mm_menus_ul.menu-step-3 .current-menu .ets_mm_block.active-submenu .focus-sur .most-research {
        margin-top: 10px;
        border-radius: 8px;
        border: 1px solid #DDDFE7;
        padding: 14px 0 0;
    }

    .mm_menus_ul.menu-step-3 .current-menu .ets_mm_block.active-submenu .focus-sur .most-research .focus-sur-item > a {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 0 0 13px;
        margin: 0 16px 13px;
        border-bottom: 1px solid #DDDFE7;
    }

    .mm_menus_ul.menu-step-3 .current-menu .ets_mm_block.active-submenu .focus-sur .most-research .focus-sur-item:last-child > a {
        border-bottom: none;
        margin-bottom: 0;
    }
}

/* -------------------------------------------- DEBUT Noel  -------------------------------------------- */

/*.icon--user {*/
/*    background-image: url(/themes/francebarnums/assets//img-dist/noel/icon-compte-noel.svg);*/
/*}*/
/*.header-top__block--user:hover .icon {*/
/*    background-image: url(/themes/francebarnums/assets//img-dist/noel/icon-compte-noel-hover.svg);*/
/*}*/
/*#header-top__content {*/
/*    background: #F6F8FF;*/
/*    background: radial-gradient(circle, rgba(246, 248, 255, 1) 0%, rgba(209, 220, 246, 1) 51%, rgba(246, 248, 255, 1) 100%);*/
/*    &:before {*/
/*        height: 138px;*/
/*        background: url(/themes/francebarnums/assets//img-dist/noel/background-snow.png);*/
/*    }*/

/*    &.header-top__content.hide-custom:before {*/
/*        height: 138px;*/
/*    }*/
/*}*/
/*.header-top.js-header-top.is-sticky > #header-top__content{*/
/*    background: radial-gradient(circle, rgba(246, 248, 255, 1) 0%, rgba(209, 220, 246, 1) 51%, rgba(246, 248, 255, 1) 100%);*/
/*    &:before {*/
/*        height: 80px;*/
/*    }*/
/*}*/
/*@media(max-width:1024px){*/
/*    !* ----- Si on remet faire attention au sticky sur les pages produits ----- *!*/
/*    #header-top__content:before{*/
/*        height: 102px;*/
/*        top: 33px;*/
/*    }*/
/*    .header-top.js-header-top > #header-top__content {*/

/*        > .container {*/
/*            background: transparent;*/
/*        }*/
/*    }*/
/*}*/
/*@media(max-width:768px){*/

/*    !* ----- Si on remet faire attention au sticky sur les pages produits ----- *!*/
/*    #header-top__content:before{*/
/*        height: 56px!important;*/
/*        background-size: contain;*/
/*    }*/
/*}*/
/*@media(max-width:425px){*/
/*    !* ----- Si on remet faire attention au sticky sur les pages produits ----- *!*/
/*    #header-top__content:before{*/
/*        height: 56px;*/
/*    }*/
/*}*/
/* --------------------------------------------- FIN Noel --------------------------------------------- */


/* V2 MENU HEADER */

.ets_mm_megamenu {
    .no-gap {
        gap: 0 !important;
    }
    .outlined-bloc, .grey-bloc {
        .arrow {
            display: block;
            width: 35px;
            position: relative;
            &:after {
                content: "";
                display: inline-block;
                width: 10px;
                height: 10px;
                margin-left: 10px;
                border: 0 !important;
                background: url('data:image/svg+xml;utf8,<svg width="10" height="10" viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg"><path d="m9.917 5.181.059-.09a.31.31 0 0 0 0-.242l-.06-.09L5.957.685a.287.287 0 0 0-.384.028.308.308 0 0 0-.027.395l3.462 3.56H.293A.298.298 0 0 0 0 4.97c0 .167.131.302.293.302h8.714l-3.462 3.56a.306.306 0 0 0-.031.455.289.289 0 0 0 .442-.033l3.96-4.073Z" fill="%231C2123" fill-rule="nonzero"/></svg>') no-repeat right;
            }
            &:before {
                content:none;
            }
        }
    }
    .outlined-bloc {
        border: 1px solid #DDDFE7;
        border-radius: 8px;
        padding:15px;
        display: flex;
        align-items: center;
        background-color: #ffffff;
        max-width: 600px;
        cursor: pointer;

        .bloc-outlined-image {
            flex: 0 0 40%; /* L'image prend environ 40% de la largeur */
            margin-right: 24px;
        }

        .bloc-outlined-image img {
            width: 100%;
            height: auto;
            display: block;
        }

        .discover-link {
            display: inline-flex;
            align-items: center;
            font: normal normal bold 14px/17px Karla;
            letter-spacing: 0px;
            color: #183157;
            text-decoration: none;
            transition: opacity 0.2s ease;
        }


        .subtitle {
            font: normal normal normal 16px/18px Karla;
            letter-spacing: 0px;
            color: #183157;
        }

        .title {
            font: normal normal bold 16px/17px Karla;
            letter-spacing: 0px;
            color: #183157;
        }

        &:hover {
            .title {
                text-decoration: underline;
            }

            .bloc-outlined-image img {
                transform: scale(1.1);
            }
        }
    }
    .grey-bloc {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        padding: 12px 24px;
        border-radius: 8px;
        display: flex;
        flex-direction: row;
        width: 100%;
        gap: 22px;


        .grey-bloc-content {
            flex: 1;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            gap: 20px;

            .subtitle {
                font: normal normal normal 16px/19px Karla;
                letter-spacing: 0px;
                color: #183157;
            }

            /* Titre principal */

            .title {
                font: normal normal bold 15px/19px Karla;
                letter-spacing: 0px;
                color: #183157;
            }

            .text-group {
                margin-bottom: 0 ;
            }
        }
        .grey-bloc-item-img {
            background: #FFFFFF 0% 0% no-repeat padding-box;
            border: 1px solid #DDDFE7;
            border-radius: 4px;
            width: 50px;
            height: 50px;
            overflow: hidden;

            img {
                width: 50px;
                height: 50px;
            }

        }

        .grey-bloc-content {
            gap: 0;

            .title {
                margin: 0;
            }
        }

        &:hover {
            .title {
                text-decoration: underline;
            }

            .grey-bloc-item-img img {
                transform: scale(1.1);
            }
        }
    }
    .btn-show-all {
        width: 100%;
        margin-top: 28px;

        > a {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 40px;
            /*padding: 10px 20px;*/
            background-color: #FFFFFF;
            border: 1px solid #183157;
            border-radius: 4px;
            color: white;
            cursor: pointer;
            position: relative;
            overflow: hidden;
            transition: all 0.3s ease;

            .first-group span {
                font-family: 'Karla', sans-serif;
                font-size: 14px;
                font-weight: 700;
                text-transform: uppercase;
                color: #183157;
                transition: color 0.3s ease;
            }

            .content-wrapper {
                gap:0;
            }
            /* Hover Effects */

            &:hover {
                background-color: #183157;
                .first-group span {
                    color: #FFFFFF;
                }
            }
        }

    }
    .bubble-link {
        & .item {
            > a {
                padding: 0;
            }
        }
    }

    .badge-new {
        position: absolute;
        z-index: 1;
        top: 5px;
        right: 30px;
        font: normal normal bold 13px / 15px Karla;
        letter-spacing: -0.13px;
        color: #0B38D3;
    }
    .fd-m2-icon {
        height: 16px;
        width: 33px;
        background: url(/img/menu-v2/0_Commun/icon-m2-menu.svg) center no-repeat;
    }
    .fd-perso-icon {
        height: 20px;
        width: 20px;
        background: url(/img/menu-v2/0_Commun/icon-personnalisation-ATTENTION-POIDS.svg) center no-repeat;
    }

    .icon--perso {
        position: relative;
        padding-right: 10px;

        &:before {
            content: "";
            display: inline-block;
            width: 16px;
            height: 16px;
            background: url(/img/menu-v2/0_Commun/icon-personnalisation-ATTENTION-POIDS.svg) center no-repeat;
            background-size: contain;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 100%;
        }
    }
    a.title-header:hover span {
        text-decoration:underline;
    }

    .onglet-barnums, .onglet-buvettes {
        .choix-gamme-groupe .standard-link {
            & .item a{
                display:flex;
                align-items: center;
                gap: 10px;
                min-height: 28px;
                padding-right: 12px;
                .name {
                    flex: 1;
                    font: normal normal normal 16px/19px Karla;
                    letter-spacing: -0.16px;
                    color: #1C2123;
                }
                .prix{
                    width: 70px;
                    text-align: right;
                    font: normal normal normal 16px/19px Karla;
                    letter-spacing: -0.16px;
                    color: #6D6D6D;
                }

            }
        }
    }
    .onglet-barnums {
        & .focus-sur {
            .most-research .item .link-container .text {
                font: normal normal normal 16px/19px Karla;
                letter-spacing: -0.16px;
                color: #1C2123;
            }
            .news {
                .italic_text_menu {
                    font: normal normal normal 16px / 19px Karla;
                }
            }
            .item {
                justify-content: space-between;
                gap: 0;
            }
            .focus-sur-item-img {
                display:flex;
                justify-content: center;
                align-items: center;
                background: #FFFFFF 0% 0% no-repeat padding-box;
                border: 1px solid #DDDFE7;
                border-radius: 4px;
                overflow:hidden;
                height: 50px;
                width: 50px;
                min-width: 52px;
                min-height: 52px;
                margin-right: 15px;

                img {
                    margin:0;
                    width:100%;
                    height:100%;
                    object-fit: cover;

                }
                &.border-none {
                    border:none;
                }
            }
            .most-research .focus-sur-item-img {
                height: 35px;
                width: 35px;
                min-width: 37px;
                min-height: 37px;

            }
            .item:hover {
                img {
                    transform: scale(1.2);
                }
            }
        }

        .choix-gamme-groupe .standard-link {
            & .item a{
                .prix{
                    width: 70px;
                }
            }
        }
    }
    .onglet-buvettes {

        .icon--perso {
            position: relative;
            padding-right: 10px;

            &:before {
                content: "";
                display: inline-block;
                width: 16px;
                height: 16px;
                background: url(/img/menu-v2/0_Commun/icon-personnalisation-ATTENTION-POIDS.svg) center no-repeat;
                background-size: contain;
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                right: 100%;
            }
        }

        .choix-gamme-groupe .standard-link {
            & .item a{
                .prix{
                    width: 74px;
                }
            }
        }
        .no-gap {
        }
       .fd-perso-icon {
           margin-right: 12px;
       }


        .bloc-buvettes-perso {
            padding: 20px;
        }

        .bloc-buvettes-new {

        }




        /* Adaptation pour les petits écrans (Mobile) */
        @media (max-width: 480px) {
            .card-buvette {
                flex-direction: column;
                text-align: center;
            }

            .card-image {
                margin-right: 0;
                margin-bottom: 16px;
            }
        }
    }
    .onglet-tente-reception {
        .mm_columns_ul > .mm_columns_li {
            &:nth-of-type(-n+4) {
                padding-bottom: 20px;
            }
            &:nth-of-type(n+5) {
                padding-top: 0;
            }
            &:nth-of-type(n+5) {
                padding-top: 0;
            }
            &:last-of-type {
                align-content: end;

            }
        }
        .title-header h4{
            font: normal normal bold 18px/22px Karla;
            letter-spacing: 0;
            color: #183157;
            margin-bottom: 18px;
        }
        .bloc-tentes-gamme {

        }
        .bloc-tente-link-section {
            display: flex;
            align-items: center;
            gap:18px;
            span {
                font: normal normal normal 16px/19px Karla;
                color: #1C2123;
                letter-spacing: -0.16px;
            }
            img {
                height: 40px;
                width: auto;
            }
            &:hover span{
                text-decoration: underline;
            }
        }
        .bloc-tente-size {
            margin-top:20px;
            gap: 10px;
            display: flex;
            flex-direction: column;
            .bloc-tente-sizes-title {
                font: normal normal bold 14px/17px Karla;
                color: #1C2123;
                letter-spacing: 0.16px;
            }
        }

        .bloc-tente {
            display:flex;
            flex-direction: column;
            padding: 16px 25px;
        }
        .bloc-tente-grey {
            display:flex;
            flex-direction: column;
            padding: 16px 25px;
            background: #F8F8F8 0% 0% no-repeat padding-box;
            border-radius: 8px;
            width: 100%;
            &.max-grey {
                min-height: 363px;
            }

            .bubble-link {
                flex-wrap: wrap;
                flex-direction: row;
                &.full {
                    flex-wrap: nowrap;
                    flex-direction: column;

                }
                .item {
                    width: 47%;
                    color: #183157;
                    font: normal normal bold 14px/17px Lato;
                }
                .item-title {
                    width: 47%;
                    text-align:center;
                    font: normal normal normal 16px/19px Karla;
                    color: #1C2123;
                }
            }
        }
        .grey-bloc{
            .grey-bloc-item-img {
                display: flex;
                width: 50px;
                height: 50px;
                justify-content: center;
                align-items: center;
                img {
                    width: 32px;
                    height: 32px;
                }
            }
        }
    }
    .onglet-parasols {
        .bubble-link {
            .item {
                width: 75%;
                color: #183157;
                font: normal normal bold 14px/17px Lato;
            }
        }
        .mm_img_content {
            width: 224px;
            height: 224px;
            img {
                width: auto;
                height: 224px;
            }
        }
        .bloc-parasols-focus {
            .bloc-outlined-image {
                max-width: 122px;
                height: 122px;
                overflow:hidden;
                border-radius: 8px;
                img {
                    width: auto;
                    height: 122px;
                }
            }
        }
    }
    .onglet-mobilier {
         > .mm_columns_ul {
            justify-content: space-between;
             & > .mm_columns_li:first-of-type {
                 > .mm_blocks_ul > li {
                     padding: 0;
                 }
             }
             & > li {
                 padding-top: 35px;
             }
         }
        .bloc-mobilier-category {
            .choix-type-items {
                display:flex;
                flex-direction:row;
                flex-wrap:wrap;
                .item {
                    width: 207px;
                    padding: 0 20px 20px 0;
                    > a {
                        display:flex;
                        flex-direction:column;
                        align-items:center;
                        justify-content:space-evenly;
                        border: 1px solid #DDDFE7;
                        border-radius: 8px;
                        padding: 6px 6px 6px;
                        width: 187px;
                        height: 140px;
                        &:hover {
                            box-shadow: 0px 0px 6px #DDDFE7E6;
                            .item-img {
                                transform: scale(1.1);
                            }
                            .item-title {
                                text-decoration: underline;
                            }
                        }
                        .badge-new {

                        }
                        .item-title {
                            font: normal normal normal 16px/20px Karla;
                            letter-spacing: -0.16px;
                            color: #1C2123;
                            text-align: center;
                        }

                        .item-img {
                            max-width: 100px;
                        }
                        .border-img {
                            border: 1px solid #DDDFE7;
                            border-radius: 4px;
                            width: 64px;
                            height: 64px;
                            overflow: hidden;
                            .item-img {
                                width: 100%;
                                height: 100%;
                            }
                        }
                    }
                }
            }

        }
        .grey-bloc.outlined-bloc {
            border: 0;
        }

    }
    .onglet-gonflabe {
        > .mm_columns_ul {
            justify-content: space-between;

            & > .mm_columns_li:first-of-type {
                > .mm_blocks_ul > li {
                    padding: 0;
                }
            }

            & > li {
                padding-top: 35px;
            }
        }

        .bloc-gonflabe-category {
            .choix-type-items {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;

                .item {
                    width: 207px;
                    padding: 0 20px 20px 0;

                    > a {
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        justify-content: center;
                        border: 1px solid #DDDFE7;
                        border-radius: 8px;
                        padding: 6px 6px 6px;
                        width: 187px;
                        height: 140px;
                        overflow: hidden;
                        &:hover {
                            box-shadow: 0px 0px 6px #DDDFE7E6;

                            .item-img {
                                transform: scale(1.1);
                            }

                            .item-title {
                                text-decoration: underline;
                            }
                        }

                        .item-title {
                            font: normal normal normal 16px/19px Karla;
                            letter-spacing: -0.16px;
                            color: #1C2123;
                            text-align: center;
                        }

                        .item-img {
                            /*max-width: 100px;*/
                        }

                        .border-img {
                            border: 1px solid #DDDFE7;
                            border-radius: 4px;
                            width: 62px;
                            height: 62px;
                            overflow: hidden;

                            .item-img {
                                width: 100%;
                                height: 100%;
                            }
                        }
                    }
                }
            }

        }

        .standard-link {
            width: 100%;
        }
        .grey-bloc.outlined-bloc {
            border: 0;
        }
    }
    .onglet-personnalisation {
        > .mm_columns_ul {
            justify-content: space-between;
            & > .mm_columns_li:first-of-type {
                > .mm_blocks_ul > li {
                    padding: 0;
                }
            }
            & > li {
                padding-top: 35px;
            }
        }
        .bloc-personnalisation-category {
            .choix-type-items {
                display:flex;
                flex-direction:row;
                flex-wrap:wrap;
                .item {
                    width: 207px;
                    padding: 0 20px 20px 0;
                    > a {
                        display:flex;
                        flex-direction:column;
                        align-items:center;
                        justify-content:space-evenly;
                        border: 1px solid #DDDFE7;
                        border-radius: 8px;
                        padding: 6px 6px 6px;
                        width: 187px;
                        height: 140px;
                        overflow: hidden;
                        &:hover {
                            box-shadow: 0px 0px 6px #DDDFE7E6;
                            .item-img {
                                transform: scale(1.1);
                            }
                            .item-title {
                                text-decoration: underline;
                            }
                        }
                        .badge-new {

                        }
                        .item-title {
                            font: normal normal normal 16px/20px Karla;
                            letter-spacing: -0.16px;
                            color: #1C2123;
                            text-align: center;
                        }

                        .item-img {
                            /*max-width: 100px;*/
                        }
                        .border-img {
                            border: 1px solid #DDDFE7;
                            border-radius: 4px;
                            width: 62px;
                            height: 62px;
                            overflow: hidden;
                            .item-img {
                                width: 100%;
                                height: 100%;
                            }
                        }
                    }
                }
            }

        }
        .grey-bloc.outlined-bloc {
            border: 0;
        }
        & .outlined-bloc {
            .bloc-outlined-image {
                flex: 0 0 30%;
                margin-right: 0;
            }
        }
    }


    @media(min-width: 1025px) and (max-width: 1400px) {
        .outlined-bloc {
            flex-direction: column;
            .bloc-outlined-image {
                margin: 0;
            }
            .bloc-outlined-content {
                align-self: start;
            }
        }
        .btn-show-all {
             a .first-group span {
                font-size: 12px;
            }
        }
        .bubble-link {

        }
        .onglet-buvettes {
            .icon--perso {
                display: none;
            }
        }
        .onglet-parasols {
            .bloc-parasols-focus {
                .bloc-outlined-image, .bloc-outlined-image img {
                    margin: 0;
                    max-width: none;
                    width: 145px;
                    height: 136px;
                    flex: auto;
                }
                .bloc-outlined-image {
                    margin:38px;
                }
            }
        }
        .choix-gamme-groupe .standard-link {
            & .item a{
                margin-bottom: 15px!important;
                display:flex;
                flex-direction: row!important;
                align-items: center;
                gap: 0!important;
                flex-wrap: wrap;

                .name {
                    flex: auto!important;
                    flex-grow: 1!important;
                    width:100%;
                }
                .prix{
                    flex-grow: 1;
                }

            }
        }
        .onglet-buvettes {
            .standard-link {
                & .item {
                    & a {
                        &.no-gap {
                            flex-direction: row;
                            align-items: center;
                            .fd-perso-icon {
                                width: 30px;
                                margin-right: 12px;
                            }
                        }
                    }
                }
            }

        }
    }
    @media(min-width: 1025px){
        .mm_menu-breadcrumb {
            display: none;
        }
        .onglet-tente-reception {
            > .mm_columns_ul > li.mm_columns_li{
                .ets_mm_block > span.h4 {
                    display: none;
                }
                &:first-of-type {
                    z-index:2;
                }
            }

            .bloc-tente-link-div-sub {
                position: relative;
                display: block;
                width: 100%;

                & > ul {
                    display:none;
                }
                &:hover > ul {
                    display:flex;
                    flex-direction: column;
                    background: #FFF;
                    position: absolute;
                    width: 145px;
                    z-index: 1;
                    top: -50%;
                    right: -34%;
                    li {
                        border: 1px solid #DDDFE7;
                        padding: 12px;
                        a {
                            padding: 0;
                            font: normal normal normal 14px/17px Karla;
                            color: #1C2123;
                        }
                        &:hover {
                            background: #DDDFE7 0% 0% no-repeat padding-box;
                        }
                    }
                }
            }

            .bloc-tente-grey.max-grey {
                .title-header {
                    display: flex;
                    justify-content: space-between;
                }
            }
        }
        .onglet-mobilier, .onglet-gonflabe , .onglet-personnalisation{
            > .mm_columns_ul {
                & > li.mm_columns_li {
                    padding-top: 35px;
                }
            }
        }
    }
    @media (max-width: 1024.98px) {
        .mm_menus_ul > .mm_menus_li {
            border-bottom: 1px solid #DDDFE7 !important;
        }
        .close_menu {
            .icon--closed {
                background-image: url(/themes/francebarnums/assets/img-dist/icon-close-cross.svg);
            }
        }

        #menu_mobile_list {
            display: flex;
            flex-direction: column;
            width: 100%;
            /*justify-content: space-between;*/
            height: calc(100% - 140px);
            /*max-height: 518px;*/
             > .mm_menus_li {
                 .icon--arrow-right {
                     background: none;
                     width: unset;
                     height: unset;
                     &:before {
                         content: "›";
                         border: none !important;
                         position: static;
                         width: auto;
                         height: auto;
                         transform: none;
                         font-size: 25px;
                         color: #1C2123;
                         display: block;
                         font-weight: normal;
                     }
                 }
             }
        }
        .mm_menu-footer-wrapper {
            border-top: none !important;

            #help-li {
                height: 35px;
                background: #F2F2F2 0% 0% no-repeat padding-box;
            }

            .demande-devis {
                height: 44px;

                a {

                }
            }
        }
        .mm_menu-breadcrumb {
            nav {
                padding-bottom: 10px;
                border-bottom: 0;
            }
        }
        .mm_menus_ul.active .current-menu {
            overflow: scroll !important;
        }

        .badge-new {

        }
        .onglet-megamenu.current-menu {
            border: 0;
            ul.active {
                margin-top: 0 !important;

                & > li.mm_has_sub > ul > li.mm_blocks_li {
                    padding-right: 0 !important;

                    ul.standard-link > li {
                        &:not(:last-of-type) {
                            border-bottom: 1px solid #DDDFE7;
                        }

                        display: flex;
                        width: 100%;

                        a {
                            width: 100%;
                            padding: 15px 0;

                        }
                    }

                    .bubble-link.d-md-none {
                        padding-top: 28px;
                    }

                }
            }
            & > ul.active {
                > li:first-of-type {
                    /*margin-top: 28px;*/
                    border-top: 0.5px solid #DDDFE7;
                }

            }
            .acc-pd {
                li.item {
                    font: normal normal normal 16px/19px Karla;
                    letter-spacing: -0.16px;
                    color: #1C2123;
                    min-height: 54px;
                }
            }

            .outlined-bloc, .grey-bloc {
                .arrow {
                    display: block;
                    width: 35px;
                    position: relative;
                }
            }
            &.onglet-barnums {
                .choix-gamme:first-of-type {
                    margin-top: 28px;
                }

                & > ul.active {
                    & > li:last-child > ul > li.mm_blocks_li {
                        padding: 0 !important;
                        .ets_mm_block_content {
                            display: block !important;
                            .focus-sur {
                                .arrow {
                                    display: none;
                                }

                                & > div {
                                    padding: 0;
                                }

                                .most-research {
                                    padding-top: 26px;
                                    border: none;

                                    h5 {
                                        text-align: left;
                                        font: normal normal bold 16px/19px Karla;
                                        letter-spacing: 0px;
                                        color: #183157;
                                    }

                                    span {
                                        font: normal normal normal 16px/19px Karla;
                                        letter-spacing: -0.16px;
                                        color: #1C2123;
                                    }
                                }

                                .news {
                                    margin-top: 26px;
                                    padding: 20px 8px;

                                    span {
                                        font: normal normal bold 14px/17px Karla;

                                        &.italic_text_menu {
                                            font: italic normal normal 16px/17px Karla;
                                        }
                                    }

                                }
                            }
                        }
                    }
                }
                .focus-sur .news {
                    margin-bottom: 70px;
                }
            }
            &.onglet-buvettes {
                & > ul.active {
                    > li.current-menu > ul.active > li {
                    }


                    .bubble-link {
                        flex-wrap: wrap;
                        flex-direction:row;
                        margin-right: 0;
                        margin-top: 28px;

                        li {
                            width: 47%;
                        }
                    }
                    & > li:last-child > ul > li.mm_blocks_li {
                        padding: 0 !important;

                        .ets_mm_block_content {
                            display: block !important;
                            .arrow {
                                /*&:after,&:before {*/
                                /*    content: none;*/
                                /*}*/
                            }

                            .bloc-buvettes-perso {
                                margin-top:50px;
                                flex-wrap: wrap;
                                padding: 14px 22px;
                                justify-content: space-between;

                                .text-group {
                                    flex-grow: 1;
                                }
                                .bloc-outlined-content {
                                    .discover-link {
                                        justify-content: end;
                                        .arrow {
                                            align-content: center;
                                        }
                                    }
                                }
                            }
                            .bloc-buvettes-new {
                                margin-top: 10px;
                                margin-bottom: 70px;
                                .arrow {
                                    display: none;
                                }
                            }
                        }
                    }
                }
            }
            &.onglet-tente-reception {
                > .mm_columns_ul {
                    display: flex!important;
                    .mm_columns_li {
                        padding-bottom: 0;
                        z-index: 0;
                        &:nth-of-type(4) {
                            order: 2;
                            .ets_mm_block_content {
                                display: flex!important;
                                .arrow {
                                    /*&:before, &:after {*/
                                    /*    content: none;*/
                                    /*}*/
                                }
                            }
                        }
                    }
                    & > li:nth-child(-n+3) .mm_block_type_html > span.h4:after {
                        content: "";
                        display: inline-block;
                        width: 20px;
                        height: 20px;
                        background-size: contain;
                        position: absolute;
                        transform: translateY(-50%);
                        top: 52%;
                        background: url(/img/menu-v2/0_Commun/icon-personnalisation-ATTENTION-POIDS.svg) center no-repeat;
                        left: 100px;
                    }
                    & > li:first-child .mm_block_type_html > span.h4:after {
                        top: 50%;
                        background: url(/img/menu-v2/0_Commun/icon-m2-menu.svg) center no-repeat;
                        left: 170px;
                        width: 38px;

                    }
                    & > li:nth-child(3) .mm_block_type_html > span.h4:after {
                        left: 135px;
                    }
                    & > li:last-child {
                        position: fixed;
                        background: #FFF;
                        bottom: 0;
                        left: 0;
                        box-shadow: 0px 0px 5px #00000026;
                        z-index: 1;
                        > ul > li {
                            padding:0!important;;
                        }
                        .ets_mm_block_content {
                            display: block!important;
                        }
                    }
                }
                .bloc-tente-grey {
                    & .bubble-link {
                        .item, .item-title {
                            width: 100%;
                        }
                        .item-title {
                            text-align: center;
                            display: block;
                        }
                    }
                }
                & .bloc-tente-link-section {
                    margin-top: 10px;

                    img {
                        height: 60px;
                        width: auto;
                    }
                }
                .bloc-tente-link-div-sub {
                    margin-top: 10px;
                    > ul  {
                        display: none;
                    }
                }
                .bloc-tente-accessoire {
                    padding:0;
                    .standard-link .item a {
                            color: #1C2123!important;
                        &:hover {
                        }
                    }
                }
                .bloc-tente-gamme {
                }
                .bloc-tente-gammes-title, .bloc-tente-sizes-title {
                    font: normal normal bold 14px/17px Karla;
                    letter-spacing: 0;
                    color: #1C2123;
                    background: #F2F2F2 0% 0% no-repeat padding-box;
                    border-radius: 4px;
                    padding: 12px 14px;
                    width: 100%;
                    display: block;
                }
                .bloc-tente-sizes-title {
                    margin-bottom: 18px;
                }
                .grey-mobile-none {
                    background: #FFF;
                    padding:0;

                }
                .bloc-tente-lest {
                    margin-top:50px;
                    flex-wrap: wrap;
                    padding: 14px 22px;
                    justify-content: space-between;

                    .text-group {
                        flex-grow: 1;
                        width: 100%;
                        .title {
                            margin-bottom: 0;
                        }
                    }
                    .bloc-outlined-image {
                        img {
                            width: auto;
                            height: 100%;
                        }
                        overflow: hidden;

                    }
                    .bloc-outlined-content {
                        .discover-link {
                            justify-content: end;
                            .arrow {
                                align-content: center;
                            }
                        }
                    }
                }
                .bloc-tente-perso {
                    margin-top: 15px;
                    margin-bottom:70px;
                    .arrow {
                        display: none;
                    }
                }
                .bloc-tente-gonflabe {
                    &.prsh:after {
                        content: '';
                        display: block;
                        width: 244px;
                        position: absolute;
                        height: 40px;
                        background: #F2F2F2 0% 0% no-repeat padding-box;
                        bottom:0;
                        right:0;
                    }
                }
            }
            &.onglet-parasols {
                > .mm_columns_ul {
                    display: flex!important;
                    .mm_columns_li {
                        padding-bottom: 0;
                        &:last-of-type {
                            .ets_mm_block_content {
                                display: flex!important;
                            }
                        }
                    }
                    .bubble-link {
                        flex-wrap: wrap;
                        flex-direction: row;
                        margin-right: 0;
                        margin-top: 28px;
                        .item {
                            width: 100%;
                        }
                    }
                    & > li:last-child > ul > li.mm_blocks_li {
                        padding: 0 !important;
                        .ets_mm_block_content {
                            display: block !important;

                            .bloc-parasols-focus {
                                margin-top:50px;
                                flex-wrap: wrap;
                                padding: 16px 22px 12px;
                                justify-content: space-between;

                                .text-group {
                                    flex-grow: 1;
                                }
                                .bloc-outlined-image {
                                    max-width: 98px;
                                    height: 98px;
                                    img {
                                        width: 98px;
                                        height: auto;
                                    }
                                }
                                .bloc-outlined-content {
                                    .discover-link {
                                        justify-content: end;
                                        .arrow {
                                            align-content: center;
                                        }
                                    }
                                }
                            }

                            .btn-show-all {
                                margin-top: 0;
                            }

                        }
                    }

                }
            }
            &.onglet-mobilier {
                > .mm_columns_ul {
                    display: flex!important;
                    padding: 0 20px;
                    .mm_columns_li {
                        padding-bottom: 0;
                        .ets_mm_block_content {
                            display: flex!important;
                            .arrow {
                                /*&:before, &:after {*/
                                /*    content: none;*/
                                /*}*/
                            }
                        }

                    }
                    & > li:last-child > ul > li.mm_blocks_li {
                        padding: 0 !important;
                        .ets_mm_block_content {
                            display: block !important;
                            .arrow {
                                /*&:after,&:before {*/
                                /*    content: none;*/
                                /*}*/
                            }
                        }
                    }

                    & .bloc-mobilier-category {
                        padding:30px 0;
                        & .choix-type-items {
                            .item {
                                width: 50%;
                                padding: 13px 5px 0;
                                border-bottom: 1px solid #DDDFE7;

                                &:nth-of-type(odd) {
                                    border-right: 1px solid #DDDFE7;
                                }

                                &:nth-of-type(n+7) {
                                    border-bottom: 0;
                                }

                                a {
                                    border: 0;
                                    width: 100%;
                                    padding: 8px;
                                    justify-content: space-between;
                                }
                            }
                        }
                    }
                    .bloc-mobilier-focus {
                        flex-wrap: wrap;
                        padding: 14px 22px;
                        justify-content: space-between;

                        .text-group {
                            flex-grow: 1;
                            width: 100%;
                            .title {
                                margin-bottom: 0;
                            }
                        }
                        .bloc-outlined-image {
                            img {
                                width: auto;
                                height: 100%;
                            }
                            overflow: hidden;
                            margin-right: 0;

                        }
                        .bloc-outlined-content {
                            .discover-link {
                                justify-content: end;
                                .arrow {
                                    align-content: center;
                                }
                            }
                        }
                    }
                    .bloc-mobilier-new {
                        margin-top: 15px;
                        margin-bottom: 70px;
                        .arrow {
                            display: none;
                        }
                    }
                }
            }

            &.onglet-gonflabe {
                > .mm_columns_ul {
                    display: flex!important;
                    padding: 0 20px;

                    .mm_columns_li:first-of-type {
                        padding-bottom: 0;
                        border-bottom: 0.5px solid #DDDFE7;
                        .ets_mm_block_content {
                            display: flex!important;
                            .arrow {
                                /*&:before, &:after {*/
                                /*    content: none;*/
                                /*}*/
                            }
                        }
                    }
                    .mm_columns_li {
                        span.h4 {
                            font: normal normal normal 17px/20px Karla;
                            letter-spacing: 0px;
                            color: #142839;
                        }
                        .standard-link {
                            li.item {
                                border-bottom: 1px solid #DDDFE7;
                            }
                        }
                    }
                    & > li:last-child > ul > li.mm_blocks_li {
                        padding: 0 !important;
                        .ets_mm_block_content {
                            display: block !important;
                            .arrow {
                                /*&:after,&:before {*/
                                /*    content: none;*/
                                /*}*/
                            }
                        }
                    }

                    & .bloc-gonflabe-category {
                        padding:30px 0;
                        & .choix-type-items {
                            .item {
                                width: 50%;
                                padding: 0;
                                border-bottom: 1px solid #DDDFE7;

                                &:nth-of-type(odd) {
                                    border-right: 1px solid #DDDFE7;
                                }

                                &:nth-of-type(n+5) {
                                    border-bottom: 0;
                                }

                                a {
                                    border: 0;
                                    width: 100%;
                                    padding: 8px;
                                    justify-content: space-between;
                                    .item-img {
                                        width: 114px;
                                        height: 82px;
                                        max-width: unset;
                                    }
                                }
                            }
                        }
                    }
                    .bloc-gonflabe-focus {
                        flex-wrap: wrap;
                        padding: 14px 22px;
                        justify-content: space-between;
                        margin-top: 44px;
                        margin-bottom: 70px;
                        .text-group {
                            flex-grow: 1;
                            width: 100%;
                            .title {
                                margin-bottom: 0;
                            }
                        }
                        .bloc-outlined-image {
                            img {
                                width: auto;
                                height: 100%;
                            }
                            overflow: hidden;
                            margin-right: 0;

                        }
                        .bloc-outlined-content {
                            .discover-link {
                                justify-content: end;
                                .arrow {
                                    align-content: center;
                                }
                            }
                        }
                    }
                }
            }

            &.onglet-personnalisation {
                > .mm_columns_ul {
                    display: flex!important;
                    padding: 0 20px;
                    .mm_columns_li {
                        padding-bottom: 0;
                        .ets_mm_block_content {
                            display: flex!important;
                            .arrow {
                                /*&:before, &:after {*/
                                /*    content: none;*/
                                /*}*/
                            }
                        }

                    }
                    & > li:last-child > ul > li.mm_blocks_li {
                        padding: 0 !important;
                        .ets_mm_block_content {
                            display: block !important;
                            .arrow {
                                /*&:after,&:before {*/
                                /*    content: none;*/
                                /*}*/
                            }
                        }
                    }

                    & .bloc-personnalisation-category {
                        padding:30px 0;
                        & .choix-type-items {
                            .item {
                                width: 50%;
                                padding: 13px 5px 0;
                                border-bottom: 1px solid #DDDFE7;

                                &:nth-of-type(odd) {
                                    border-right: 1px solid #DDDFE7;
                                }

                                &:nth-of-type(n+9) {
                                    border-bottom: 0;
                                }

                                a {
                                    border: 0;
                                    width: 100%;
                                    padding: 8px;
                                    justify-content: space-between;
                                    .item-img {
                                        width: 166px;
                                        height: 96px;
                                        max-width: unset;
                                    }
                                }
                            }
                        }
                    }
                    .bloc-personnalisation-focus {
                        flex-wrap: wrap;
                        padding: 14px 22px;
                        justify-content: space-between;

                        .text-group {
                            flex-grow: 1;
                            width: 100%;
                            .title {
                                margin-bottom: 0;
                            }
                        }
                        .bloc-outlined-image {
                            img {
                                width: auto;
                                height: 100%;
                            }
                            overflow: hidden;
                            margin-right: 0;

                        }
                        .bloc-outlined-content {
                            .discover-link {
                                justify-content: end;
                                .arrow {
                                    align-content: center;
                                }
                            }
                        }
                    }
                    .bloc-personnalisation-new {
                        margin-top: 15px;
                        margin-bottom: 70px;
                        .arrow {
                            display: none;
                        }
                    }
                }
            }


            &.onglet-mobilier, &.onglet-gonflabe, &.onglet-buvettes,  &.onglet-parasols, &.onglet-tente-reception, &.onglet-personnalisation {
                > .mm_columns_ul > li:last-child > ul > li.mm_blocks_li {
                    padding: 0 !important;

                    &:last-child {
                        position: fixed;
                        background: #FFF;
                        bottom: 0;
                        left: 0;
                        box-shadow: 0px 0px 5px #00000026;
                        z-index: 1;

                        .btn-show-all {
                            margin-top: 0;
                            > a {
                                padding: 0;
                                margin: 14px 10%;
                                max-width: calc(100vw - 20%);
                                div {
                                    margin-bottom: 0;
                                }
                            }
                        }
                    }
                }
            }
            &.onglet-barnums {
                > .mm_columns_ul > li:first-child > ul > li.mm_blocks_li {
                    padding: 0 !important;
                    &:last-child {
                        position: fixed;
                        background: #FFF;
                        bottom: 0;
                        left: 0;
                        box-shadow: 0px 0px 5px #00000026;
                        z-index: 1;

                        .ets_mm_block_content {
                            display:flex!important;
                        }
                        .btn-show-all {
                            margin-top: 0;
                            > a {
                                padding: 0;
                                margin: 14px 10%;
                                max-width: calc(100vw - 20%);
                                div {
                                    margin-bottom: 0;
                                }
                            }
                        }
                    }
                }
            }
            .badge-new {
                right: 5px;

            }
        }
    }
}