.bg-red,
#_mobile_cart .blockcart {
    background-color: #c4312e !important;
}

.bg-red-bright {
    background-color: #d91218 !important;
}

.bg-beige {
    background-color: #eedbbf !important;
}

.bg-lgreen {
    background-color: #587f5b !important;
}

.bg-dgreen {
    background-color: #263826 !important;
}

.bg-white {
    background-color: #fafafa !important;
}

.bold,
#checkout-payment-step label a {
    font-weight: bolder !important;
}

.normal-weight {
    font-weight: 400 !important;
}

.text-white,
#_mobile_user_info .material-icons,
#_mobile_cart .material-icons,

.footer-container a.text-white:hover {
    color: #fafafa !important;
}

.text-bold {
    font-weight: bolder;
}

.athelas,
body {
    font-family: "Athelas", serif !important;
}


.basicsans {
    font-family: "basic", sans-serif !important;
}

#header .logo {
    max-width: 120%;
    height: auto;
}

.text-dgreen,
#desc-regl p,
.d-block.js-terms a {
    color: #263826 !important;
}

a.text-dgreen:hover,
.d-block.js-terms a:hover,
#checkout-payment-step label a:hover {
    color: #587f5b !important;
}

.text-lgreen {
    color: #587f5b !important;
}

.hover-ruby:hover {
    color: #c4312e !important;
}

.hover-cherry:hover {
    color: #d91218 !important;
}

#header .header-nav {
    border-bottom: none !important;
    max-height: fit-content;
}

.lang a:hover {
    color: #fafafa !important;
}

#nav-menu,
#div-menu {
    display: flex !important;
    width: 100%;
}

#divlang {
    padding: 1rem 1rem 1rem 1rem;
    width: 6%;
}


#_desktop_logo {
    width: 14rem;
}

#_desktop_logo h1>a {
    display: block;
}

.material-icons.shopping-cart{
    margin: 0 !important;
}

#colmenu1 {
    display: flex;
}

#search_widget {
    width: 75%;
    padding: 3em;
    padding-top: 4.5rem;
}

#search_widget form input {
    border-radius: 20px;
}

.advtm_menu_span {
    color: #fafafa !important;
}

#adtm_menu .a-niveau1 {
    border-style: none !important;
}

#adtm_menu ul#menu li.li-niveau1 a.a-niveau1 .advtm_menu_span {
    text-transform: uppercase !important;
}

.adtm_column_wrap {
    background-color: #fafafa !important;
}

.adtm_sub {
    width: 30vw !important;
}

.advtm_column_wrap_td_1 {
    width: 10% !important;
}

.advtm_column_wrap_td_10 {
    width: 20% !important;
}

.advtm_column_wrap_11 {
    height: 16.7rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.advtm_menu_2 .adtm_sub {
    left: 9rem !important;
}

#adtm_menu .adtm_column span.column_wrap_title a {
    font-size: 16px;
    font-weight: 400 !important;
    text-decoration: none;
    text-transform: none;
    color: #263826 !important;
}

#adtm_menu .adtm_column span.column_wrap_title a:hover {
    font-size: 16px;
    font-weight: 900 !important;
    text-decoration: underline !important;
}

@media (max-width: 1023px) {
    #adtm_menu .adtm_menu_icon {
        display: none !important;
    }
    .adtm_column_wrap {
        background-color: #c4312e !important;
        padding-left: 1.4rem !important;
    }

    #adtm_menu .adtm_column span.column_wrap_title a {
        align-items: baseline !important;
        color: #fafafa !important;
    }

    .main-cat {
        font-size: 18px;
        font-weight: bold;
        color: #fafafa !important;
        margin-left: 11%;
        text-wrap: nowrap;
    }

    .advtm_column_wrap_td_1 {
        width: 100% !important;
    }
}

@media (min-width: 1024px) {
    #adtm_menu ul#menu {
        justify-content: space-evenly;
    }

    #_desktop_top_menu {
        width: max-content;
    }

    .header__menu-wrapper {
        margin-left: 10rem;
        width: 80%;
    }

    .header-top {
        width: 15%;
    }

    #cont-menu1 {
        width: 50% !important;
    }
}

.adtm_menu_icon {
    width: 35px;
    height: auto;
}

#adtm_menu ul#menu li.li-niveau1 a.a-niveau1 .advtm_menu_span {
    display: flex;
    align-items: center;
}

.advtm_menu_span {
    font-size: 1rem;
}


#mobile_top_menu_wrapper {
    background-color: #c4312e !important;
    padding: 0;
}

#_mobile_language_selector {
    width: fit-content;
    padding: 10px;
}

#_mobile_language_selector a,
#_desktop_language_selector a {
    padding: 5%;
}

#_mobile_language_selector a,
#_mobile_contact_link a {
    color: #fafafa !important;
}

#pm_backoffice_wrapper img {
    width: 20px !important;
    height: auto;
}


#banner_warning {
    line-height: 1rem;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    padding: 0.3%;
    position: relative;
    top: 0px;
    color: #263826 !important;
    font-weight: 900;
    font-size: 10px;
}

.li-niveau1 a:hover {
    color: #fafafa !important;
    text-decoration: underline !important;
    text-decoration-color: #fafafa !important;
    text-decoration-thickness: 0.1rem !important;
}

.li-niveau1 a span:hover {
    font-weight: bolder !important;
}

#carousel,
.carousel-inner {
    margin-bottom: 0 !important;
}

@media (min-width:768px) and (max-width:1024px) {
    #carousel {
        height: 12rem;
    }
}

@media (min-width:1025px) and (max-width:1700px) {
    #carousel {
        height: 17rem;
    }
}

.carousel .carousel-item .caption {
    position: absolute;
    bottom: 36%;
    max-width: none;
    left: 44%;
    color: #fff;
}

#_desktop_user_info .user-info a,
#_desktop_cart .header,
#_desktop_cart .header a {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fafafa !important;
    padding: 5%;
}

.flex {
    display: flex;
}

.header-top .container {
    display: flex;
    width: 100%;
    justify-content: end;
}

#header .header-top {
    padding: 0;
}

#_desktop_user_info,
#_desktop_cart {
    padding-inline: inherit;
}

#div-cart {
    padding-top: 5px;
}

.blockcart.cart-preview {
    margin-top: 0.3rem;
}

.material-icons.shopping-cart {
    font-size: 18px;
}

.header-top-right {
    margin-top: 0.5rem;
}

#displaySlider .carousel-control.right {
    right: 3px;
}

#displaySlider .carousel .carousel-item figure {
    display: inline !important;
}

#wrapper {
    background: none;
}

#disc-more {
    display: flex;
    justify-content: center;
    margin: 0 0 2em 0;
}

#disc-more img {
    width: 20rem;
    height: 15rem;
    object-fit: cover;
}

#pres {
    display: flex;
    flex-direction: column;
}

#intro-text {
    width: 68rem;
    align-self: center;
    text-align: center;
    margin: 1em;
}

#quantity_calculated {
    width: 135px;
    text-align: center;
    border: 1px solid #ddd;
    background: #fff;
}

.value-button {
    display: inline-block;
    margin: 0px;
    width: 40px;
    height: 25px;
    text-align: center;
    vertical-align: middle;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: verdana;
}

.value-button:hover {
    cursor: pointer;
}

div .decrease {
    margin-right: -4px;
}

div .increase {
    margin-left: -4px;
}


input#directinput,
#width select,
#height select,
#depth select,
#weight select,
#direct_input_p select,
#directinput_p select {
    text-align: center;
    border: none;
    margin: 0px;
    width: 50px;
    height: 40px;
    font-size: 13px;
}

div#directinput input[type=text]::-webkit-inner-spin-button,
div#directinput input[type=text]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


#hist-fioles {
    height: auto;
    width: 25rem;
    margin-right: 10rem;
}

#inner-hist {
    display: flex;
}

#titre-hist {
    font-family: serif;
    font-size: 4rem;
    font-weight: bold;
    padding-left: 23rem;
    margin-bottom: -0.4em;
}

#div-hist {
    margin-top: 10px;
    background-color: #263826;
}

#footer-hist>img {
    width: auto;
    height: 3rem;
}

#text-hist {
    padding-top: 2rem;
    position: relative;
    right: 15rem;
}

#text-hist .solid {
    border-top: 3px solid #fafafa;
    width: 3rem;
}

#text-hist img {
    width: 2.5rem;
    height: auto;
}

#stamp-hist {
    width: 15rem;
    height: auto;
    position: relative;
    right: 17rem;
    transition: 1s ease;
}

.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content.ui-corner-all.searchbar-autocomplete {
    top: 137px !important;
    left: 653px !important;
    border-radius: 30px !important;
}

#stamp-hist:hover {
    -webkit-transform: rotateZ(-10deg);
    -ms-transform: rotateZ(-10deg);
    transform: rotateZ(-10deg);
    transition: 1s ease;
}

#footer-hist {
    display: flex;
    justify-content: space-between;
}



/* #yt-home {
    margin-inline: 35%;
    margin-top: 2%;
}

#stamp-home {
    margin: 2% 46% 0 46%;
    height: auto;
    width: 7%;
} */

#copyright {
    display: flex;
    justify-content: space-between;
}

#logo-foot {
    width: auto;
    height: 7em;
}

.footer-container>.container>.row {
    margin-bottom: 2em;
}

#addr-foot {
    margin-top: 1rem;
}

#yt-div {
    padding: 5%;
    display: flex;
    justify-content: center;
}

#pre-foot {
    display: flex;
    justify-content: center;
}

#pre-foot .solid {
    border-right: 3px solid #263826;
    height: 5rem;
}

.pre-foot-text {
    display: flex;
    flex-wrap: wrap;
    padding: 1%;
    margin: 0;
    align-self: center;
    text-align: center;
}

#pre-foot span {
    width: 10%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-inline: 2rem;
}


#socials {
    display: flex;
    justify-content: center;
    margin: 2em;

}

#socials li {
    list-style: none;
}

#socials li a {
    width: 40px;
    height: 40px;
    background-color: #fff !important;
    text-align: center;
    line-height: 70px;
    font-size: 0px;
    margin: 0 10px;
    display: block;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    border: none;
    z-index: 1;
}

#socials li a svg {
    position: relative;
    color: #263826;
    transition: .5s;
    z-index: 3;
}

#socials li a:hover svg {
    transform: rotateY(360deg);
}

#socials li a:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f00;
    transition: .5s;
    z-index: 2;
}

#socials li a:hover:before {
    top: 0;
}

#socials li:nth-child(1) a:before {
    background: #3b5999;
}

#socials li:nth-child(2) a:before {
    background: #d62976;
}

#socials li:nth-child(3) a:before {
    background: #0077b5;
}


.footer-container .solid {
    width: 77rem;
    right: 4rem;
    position: relative;
    border-top: 1px solid #fafafa;
}

.column_wrap_title>a {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.column_wrap_title>a>img {
    width: auto;
    height: 15rem;
    padding: 5%;
}

*,
::before,
::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

#cCarousel {
    position: relative;
    max-width: 900px;
    margin: auto;
}

#cCarousel .arrow {
    position: absolute;
    top: 50%;
    display: flex;
    width: 45px;
    height: 45px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    z-index: 1;
    font-size: 26px;
    color: #263826;
    background: #fafafa;
    cursor: pointer;
}

#cCarousel #prev {
    left: -50px;
}

#cCarousel #next {
    right: -50px;
}

#carousel-vp {
    width: 770px;
    height: 400px;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    margin: auto;
}

#news-title {
    margin-bottom: -0.6%;
    font-size: 3em;
    color: #eedbbf;
    padding-left: 25%;
    font-family: serif;
}

.block-category h1 {
    margin-bottom: 8rem !important;
}

#wrapper .breadcrumb {
    margin-left: 1rem;
    padding-top: 0.5rem;
}

#module-fd_aromealim-questionnaire #wrapper{
    padding-top: 0 !important;
}

.product-prices {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.product-prices div {
    margin-bottom: 0 !important;
}
.btn-large {
    border-radius: 30px;
    padding: 5%;
    display: block;
    margin: 3%;

}


.cart-content-btn a:hover,
.btnlarge:hover,
.btn-checkout:hover,
.btn-account:hover,
.btn-contact:hover,
#customer-form .form-footer button:hover,
#submit-login:hover,
.btn-qo:hover,
.btn-order-mess:hover,
.btn-form-address:hover,#quest-submit:hover {
    background-color: #eedbbf !important;
    color: #d91218 !important;
}

.cart-content-btn .btn {
    border-radius: 30px;
    padding: 2% 1.1em;
    display: block;
    margin: 0;
}

.cart-content-btn button:hover {
    background-color: #263826 !important;
    color: #eedbbf !important;
}


.product-miniature .product-description {
    justify-items: center;
}

.product-miniature .product-price-and-shipping {
    color: #263826;
    font-weight: bolder;
}

.product-flags li.product-flag {
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.7;
    border-radius: 24px;
    --tw-bg-opacity: 1;
    background-color: #d91218;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 6.5px;
    padding-bottom: 5px;
    --tw-text-opacity: 1;
    color: #fafafa;
    font-weight: 900 !important;
    font-size: 11px !important;
}

.formbuilder-required {
    color: #d91218;
    font-weight: 900;
}

.rendered-form {
    display: flex;
    flex-direction: column;
}

#quest-submit {
    width: 20%;
    align-self: center;
    padding: 2%;
    border: none;
}

#footer-hist .card-discover {
    padding: 0.2rem !important;
}

#footer-hist .card-discover p {
    font-size: 0.675rem;
}

#copyright p,
#copyright a {
    font-size: .875rem;
}

#cCarousel #cCarousel-inner {
    display: flex;
    position: absolute;
    transition: 0.3s ease-in-out;
    gap: 10px;
    left: 0px;
}

.cCarousel-item {
    width: 250px;
    height: 365px;
    border: 2px solid #fafafa;
    border-radius: 15px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.cCarousel-item img {
    width: 100%;
    object-fit: cover;
    min-height: 246px;
    color: #fafafa;
}

.cCarousel-item .infos {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    background: #fafafa;
    color: #263826;
    padding: 5%;
}

#div-news .fmmblogImage {
    text-decoration: underline;
}

#div-news .infos h3 {
    margin-bottom: 5%;
}

#div-news {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 1rem;
}

#news-sm {
    background: #fafafa;
    color: #263826;
    border-radius: 10px;
}

.current-price {
    font-size: larger;
}

#btn-fds,#btn-ft {
    border-radius: 30px;
    padding: 6%;
    display: block;
    margin-top: 1%;
    background-color: #263826;
    color: #fafafa;
    border: none;
}

#btn-fds:hover,#btn-ft:hover {
    background-color: #eedbbf;
    color: #263826;
}

#btn-fds a,#btn-ft a {
    color: inherit !important;
}

#btn-fds{
    width: 5rem;
    margin-top: 0.15rem;
}

#btn-ft{
    width: 10rem;
    padding: 3.5%;
}

#div-btn-fds{
    margin-right: 2.25rem;
}

#quantity_calculated {
    padding-top: 0;
}

.product-accessories {
    margin-top: 2rem !important;
}

#title-desc{
    letter-spacing: 0.3rem;
    font-size: 1.4rem;
    text-align: center;
    text-transform: uppercase;
}

#content-desc{
    background-color: #fafafa;
    padding: 1.5rem 3rem 1rem 3rem;
    border-radius: 30px;
}

#intro-desc{
    font-family: "Athelas", serif !important;
    font-style: italic;
    color: #263826 !important;
    margin-bottom: 0 !important;
}

.accordion .accordion-item {
    border-bottom: 1px solid #c4312e;

    button[aria-expanded='true'] {
        border-bottom: 1px solid #d91218;
    }
}

.accordion button {
    position: relative;
    display: block;
    width: 100%;
    padding: 1em 0;
    color: #c4312e;
    font-size: 1.15rem;
    font-weight: 400;
    border: none;
    background: none;
    outline: none;

    &:hover,
    &:focus {
        cursor: pointer;
        color: #d91218;

        &::after {
            cursor: pointer;
            color: #d91218;
            border: 1px solid #d91218;
        }
    }    
}

.accordion .accordion-title {
    float: left;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1rem;
}

.accordion .icon {
    float: right;
}

.accordion{
    border-bottom: none !important;
}

.accordion button[aria-expanded='true'] {
    color: #d91218;

    .icon {
        &::after {
            width: 0;
        }
    }

    +.accordion-content {
        opacity: 1;
        max-height: 9em;
        transition: all 300ms linear;
        will-change: opacity, max-height;
    }
}

.accordion .accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 200ms linear, max-height 200ms linear;
    will-change: opacity, max-height;

}

.accordion .accordion-content p {
    font-size: 0.8rem;;
    margin: 2em 0;
    color: #263826;
    text-transform: none !important;
}

#quest-image{
    background-size: cover;
    background-image: url("../img/alimheader.jpg");
    height: 15rem;
    width: 100%;
}

.texte-quest{
    font-size: 0.9rem;
}


#div-gauche-quest .solid {
    border-top: 1px solid #263826;
    margin-right: 2.6rem;
}  

.texte-gauche-quest{
    margin-right: 2.5rem;
}



#quest-intro{
    margin-inline: 25rem;
}

#image-quest-gauche,#image-quest-droite{
    height:auto;
    width: 35rem;
}

#gouttes-quest{
    height: auto;
    width:2rem;
    position: relative;
    left: 26.7rem;
    top: 0.7rem;
}

#quest-droite-haut{
    width: 70%;
    background-color: #eedbbf;
    padding: 1.3rem;
}

#quest-droite-haut h5,.texte-gauche-quest h5, #titre-alim{
    letter-spacing: 0.25rem;
}

#quest-intro>.texte-quest{
    margin-bottom: 1rem;
}

.texte-quest{
    margin-bottom: 0;
}

#div-droite-quest{
    position: relative;
    bottom: 19rem;
}

#div-droite-quest, #div-gauche-quest{
    height: 17rem;
}

#div-gauche-quest{
    margin-top: 2rem;
}

#div-bas-quest{
    display: flex;
}

.product-price{
    margin-top: 1.2rem !important;
}

.table-price td:hover {
    background-color: rgba(0,0,0,.075);
}

.table-price, .table-price th,.table-price td{
    font-family: "basic", sans-serif !important;
    font-weight: 500 !important;
    font-size: 0.8rem !important;
}

.table-price thead{
    background-color: #fcf8f7;;
}

.product-prices>.row{
    margin-top: 2rem;
}

.link-sheets{
    margin-top: 1rem;
    text-align: center;
    font-family: "basic", sans-serif !important;
    font-size: 0.7rem !important;
}

.link-sheets a {
    padding: 0.7rem;
    text-transform: uppercase;
    background-color: #c4312e;
    color:#fafafa !important ;
}
.link-sheets a:hover{
    background-color: #eedbbf;
    color: #c4312e !important;
}

.link-sheets img{
    margin-left: 0.5rem !important;
}

#desc-arome {
    padding: 4% 50% 4% 20%;
}

#wrapper .breadcrumb li::after {
    content: ">";
}

#js-product-list-header .block-category {
    text-align: center;
    align-content: center;
}

.scroll-cb {
    overflow-y: scroll;
    height: 7rem;
    scrollbar-color: #d91218 #eedbbf;
    scrollbar-width: thin;

}

#acc-link {
    text-align: center;
}

.user-info {
    width: 7em
}

.logout {
    flex-direction: row !important;
    font-size: small;
}


body#checkout section.checkout-step .step-title,
#login-form label {
    color: #263826 !important;
}

body#checkout section.checkout-step.-reachable.-current .step-number {
    color: #eedbbf !important;
    background-color: #587f5b !important;
}

.btn-checkout,
.btn-account {
    border-radius: 30px;
    padding: 2%;
    display: block;
}

.btn-contact{
    border-radius: 30px;
    padding: 2%;
}

.form-control-comment,
#customer-form p {
    color: #587f5b !important;
}

#customer-form input,
#login-form input,
#module-fd_aromealim-questionnaire form input, .input-quest{
    border-radius: 15px;
}

#customer-form #field-password,
#login-form #field-password,
.input-qo,.input-file-quest .bootstrap-filestyle .form-control{
    border-radius: 15px 0 0 15px;
}

#customer-form .field-password-policy button,
#login-form #field-password+span button,
.btn-qo-choose ,.input-file-quest .btn.btn-default{
    color: #eedbbf !important;
    background-color: #587f5b;
    border-radius: 0 15px 15px 0;
}

#customer-form label,
.js-address-form p,
#checkout-payment-step p,
#checkout-payment-step span,
#checkout-payment-step label,
#checkout-payment-step label a {
    color: #263826 !important;
}

body#checkout #header .header-nav .logo {
    max-height: none;
}

.js-address-form input[type="radio"],
.formbuilder-checkbox input:checked,
.formbuilder-radio input:checked {
    accent-color: #587f5b;
}

body#checkout section.checkout-step .address-item.selected {
    border-color: #587f5b !important;
}

.custom-radio input[type=radio]:checked+span {
    background-color: #587f5b !important;
}

#submit-login {
    border-radius: 30px;
    padding: 2%;
}

#div-deconnexion {
    display: flex;
    justify-content: center;
}

#lien-deco {
    width: 15rem;
}

#checkout .modal-backdrop.fade.in {
    display: none !important;
}

.table-account th,
.table-account tr,
.table-account td {
    border-top: 0 !important;
    border-bottom: 0 !important;
}

.spacer {
    height: 1rem;
}

.account-row {
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}

.new-address {
    display: flex;
    width: 17.6rem;
    height: 17.6rem;
    background-color: #eedbbf;
    justify-content: center;
    align-items: center;
}

#addresses .address-body,
#addresses .address-footer,
.order-cell-delivered,
.order-cell-paid {
    background: #587f5b;
}

#addresses .address-body h4,
#addresses .address-body address,
#addresses .address-footer a i,
#addresses .address-footer a span,
.order-cell-delivered,
.order-cell-paid {
    color: #eedbbf !important;
}

.order-cell {
    background-color: #eedbbf !important;
    color: #587f5b !important;
}


.btn-qo,
.btn-order-mess,
.btn-form-address {
    padding: 0.5rem;
    border-radius: 30px;
}

#wk_quick_order_add_row:hover {
    background-color: #eedbbf !important;
    color: #263826 !important;
}

.wk_qo_add_cart {
    border: none !important;
}

.carousel .carousel-item .caption .display-1 {
    font-size: 2rem !important;
}

.card-discover {
    display: block;
    top: 0px;
    position: relative;
    background-color: #fafafa;
    padding: 0.7rem;
    text-decoration: none;
    z-index: 0;
    overflow: hidden;
    border: 1px solid #fafafa;
    text-align: center;
    text-transform: uppercase;

    &:hover {
        transition: all 0.2s ease-out;
        box-shadow: 0px 4px 8px rgba(38, 38, 38, 0.2);
        top: -4px;
        background-color: #fafafa;
    }
}

.card-discover p,
.card-discover span {
    font-weight: 900 !important;
}

.card-aroma {
    display: flex;
    flex-direction: column;
    position: relative;
    border-radius: 0 0 30px 30px;
    margin-inline: 1rem;
    transition: transform 0.1s linear, box-shadow 0.2s;
}

.card-aroma:focus,
.card-aroma:hover {
    transform: scale(1.01);
    box-shadow: 0 10px 5px -5px rgba(0, 0, 0, 0.2);
}

.card-aroma_text {
    border-radius: 0 0 30px 30px;
}

.card-aroma_title {
    position: absolute;
    top: 10px;
    right: 0;
    width: 90%;
    height: auto;
    border-radius: 5px 0 0 5px;
    font-weight: 600;
    font-size: 1.1rem;
    overflow: hidden;
    z-index: 1;
    animation: 0s 0s fly-in 0 reverse both;
}

.card-aroma_title img {
    width: 1rem !important;
    height: auto !important;
}

.card-aroma_title span {
    position: relative;
    top: 3px;
    left: 7px;
}

.card-aroma {
    height: 17.5rem;
}

.card-aroma_text {
    height: 2.5rem;
}

.card-aroma_text .card-discover {
    width: 11rem;
    top: -1.5em;
    left: 4.5rem;
}

.product-flags {
    align-content: end;
}

.add-to-cart:hover,
.quick-view:hover {
    background-color: #eedbbf !important;
    color: #d91218 !important;
}

.quick-view {
    text-align: center;
    font-size: 12px;
    font-weight: 900;
}

.featured-products .products-section-title {
    margin-bottom: 0 !important;
}

.carousel-indicators {
    display: none;
}



.card-aroma:focus .card-aroma_title,
.card-aroma:hover .card-aroma_title {
    animation: 0.5s ease-in 0s fly-in 1 both;
}

.slider-wrapper {
    overflow: hidden;
    max-width: 1200px;
}

.card-list .card-item {
    height: auto;
    color: #fff;
    user-select: none;
    padding-inline: 35px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.card-list .card-item .product {
    width: 100% !important;
}

.slider-wrapper .swiper-pagination-bullet {
    background: #fff;
    height: 13px;
    width: 13px;
    opacity: 0.5;
}

.slider-wrapper .swiper-pagination-bullet-active {
    opacity: 1;
}

.slider-wrapper .swiper-slide-button {
    color: #263826;
    margin-top: -55px;
    transition: 0.2s ease;
}

.slider-wrapper .swiper-slide-button:hover {
    color: #263826;
}

.swiper-button-next {
    background-image: url("../img/next.svg") !important;
}

.swiper-button-prev {
    background-image: url("../img/prev.svg") !important;
}



#newp-fraise {
    padding-right: 1rem;
}

.all-new {
    position: relative;
    transition: 0.5s;
    cursor: pointer;
    width: 30%;
    text-align: center;
    margin: auto;
}

.all-new:hover {
    transform: translateY(-20px);
}

.all-new::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #d91218;
    padding: 1rem;
}

.all-new a {
    position: relative;
    padding: 10px;
    z-index: 10;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 1em;
}


.advtm_menu_6 {
    background-color: #fafafa !important;
    font-family: "Basic", sans-serif !important;
    color: #263826 !important;
    min-height: 10px !important;
    height: 10px;
    margin-top: 1rem;
}

.advtm_menu_6:hover {
    background-color: #eedbbf !important;
    color: #587f5b !important;
    font-weight: 900 !important;
}

.advtm_menu_6 span {
    font-size: 0.75rem !important;
    font-weight: 900 !important;
    min-height: 10px !important;
    height: 24px;
}


#dl-catalogue {
    height: fit-content;
    width: 10rem;
    font-size: 12px;
    font-weight: 900;
    padding: 0.2rem;
    margin-top: 4.5rem;
    border-radius: 30px;
    line-height: 0.9rem;
    text-transform: none;
}

#checkout #dl-catalogue{
    display: none;
}

#module-fd_aromealim-questionnaire form label{
    text-align: left;
}

#password #send-reset-link{
    color: #eedbbf !important;
    background-color: #587f5b;
    border-radius: 0 15px 15px 0;
}

#password #email{
    border-radius: 15px 0 0 15px;
}

#password label{
    color: #263826;
}

#cat-links-div{
    display: flex;
    flex-direction: column;
}

.link-cat{
    padding: 1rem;
    margin-block: 0.6rem;
    border-radius: 20px;
}

.link-cat:hover{
    color: #d91218 !important;
    background-color: #eedbbf !important;
}



.adtm_column_wrap.advtm_column_wrap_12{
    height: 16.7rem;
}


/* HTML: <div class="loader"></div> */
.loader {
  width: 120px;
  height: 20px;
  -webkit-mask:linear-gradient(90deg,#000 70%,#0000 0) 0/20%;
  background:
   linear-gradient(#000 0 0) 0/0% no-repeat
   #ddd;
  animation: l4 2s infinite steps(6);
}
@keyframes l4 {
    100% {background-size:120%}
}

#ship-fees{
    width: 75% !important;
}


@media (min-width: 1921px) {}

@media (min-width: 1440) and (max-width: 1920px) {
    .header-top {
        width: 10%;
        margin-top: 0%;
    }

    #yt-home {
        margin-inline: 0;
    }
    .adtm_column_wrap.advtm_column_wrap_12{
        height: 16.7rem;
    }

    #div-gauche-quest {
        height: 17rem;
    }
}

@media (min-width: 1025px) {
    .hidden-desktop {
        display: none !important;
    }
}

@media (min-width: 1025px) and (max-width: 1440px) {
    .advtm_column_wrap_12{
        height: 16.7rem;
    }

    #quest-intro {
        margin-inline: 14rem;
    }
    #gouttes-quest {
        left: 25.1rem;
    }

    #quest-droite-haut {
        width: 73%;
    }

    #pre-foot span {
        width: 18%;
    }

    .header-top {
        width: 4%;
    }

    #disc-more img {
        height: 15rem;
    }

    #intro-text {
        width: 53rem;
    }

    .header-top {
        margin-left: 15%;
    }

    .header__menu-wrapper {
        margin-left: 0;
    }

    #yt-home {
        margin-inline: 0;
        margin-top: 0;
    }

    #titre-hist {
        padding-left: 8rem;
    }

    #search_widget {
        padding-top: 3rem;
    }

    #dl-catalogue {
        margin-top: 3rem;
    }

    #inner-hist {
        display: flex;
        margin-left: 0;
        padding-bottom: 0;
    }

    #stamp-hist {
        position: absolute;
        left: 20rem;
        top: 86rem;
    }

    #text-hist {
        position: inherit;
        padding-bottom: 1rem;
    }

    #logo-foot {
        width: auto;
        height: 6em;
    }

    .carousel .carousel-item .caption {
        left: 43%;
        bottom: 43%;
    }
    #desc-arome {
        padding: 4% 30% 4% 20%;
    }

}

@media (max-width: 1024px) {
    #mobile_top_menu_wrapper {
        width: 100%;
    }
    #quest-intro {
        margin-inline: 6rem;
    }
    #image-quest-gauche, #image-quest-droite {
        height: auto;
        width: 31rem;
    }

    #gouttes-quest {
        left: 21rem;
    }

    #adtm_menu.adtm_menu_toggle_open ul#menu li.li-niveau1.sub a.a-niveau1 span {
        background-image: right 0px center;
        background-size: 1em;
    }

    #header .header-top {
        width: inherit;
    }

    #header .top-logo img {
        width: auto;
        max-height: 9rem;
        margin-left: 4em;
    }

    #header .top-logo {
        justify-content: center;
    }



    .hidden-phone-tablet {
        display: none !important;
    }
}

@media (width:1024px) {
    #menu-icon {
        display: none;
    }

    #dl-catalogue {
        margin-left: 6rem;
    }

    .main-cat-td{
        display: none;
    }
    .adtm_column_wrap.advtm_column_wrap_12{
        height: 16.7rem;
    }
}

@media (min-width:769px) and (max-width: 1024px) {
    .footer-container {
        display: block !important;
    }

    .header-top-right {
        position: absolute !important;
        right: 11rem !important;
        top: -3.6rem !important;
    }

    .header-nav{
        height: 12rem !important;
    }

    .footer-container .navbar-toggler {
        display: none !important;
    }

    #logo-foot {
        width: auto;
        height: 4em;
    }

    #yt-home {
        width: 70%;
        height: 19rem;
    }

    #disc-more img {
        height: 10rem;
    }

    .card-aroma {
        height: 11.5rem;
    }

    #disc-more {
        margin: 0;
    }

    .carousel .carousel-item .caption {
        bottom: 24%;
        left: 39%;
    }

    #intro-text {
        width: 45rem;
    }

    #inner-hist {
        display: flex;
        margin-left: 0;
        padding-bottom: 0;
    }

    #text-hist{
        position: inherit;
        padding-bottom: 2rem;
    }

    #stamp-hist {
        position: absolute;
        left: 20rem;
        top: 77rem;
    }

    #titre-hist {
        padding-left: 6rem;
    }

    #search_widget form input {
        width: 90%;
    }

    #search_widget {
        width: 60%;
        margin-right: 0;
        top: 6rem;
        position: absolute;
        left: 13rem;
    }

    #pre-foot span {
        width: 18%;
    }

    #divlang {
        padding-right: 4rem !important;
    }

    .footer-container .solid {
        width: 60rem;
        right: 1rem;
    }
    #dl-catalogue {
        position: relative;
        top: -4.3rem;
        right: 13rem;
    }
    #desc-arome {
        padding: 4% 20% 4% 20%;
    }
    
}

@media (min-width:769px) and (max-width: 1023px) {
    .advtm_menu_span.advtm_menu_span_5{
        height: 13rem;
    }

    .li-niveau1.advtm_menu_6.menuHaveNoMobileSubMenu{
        position: relative;
        bottom: 4rem;
    }
}

@media (max-width: 770px) {
    #carousel-vp {
        width: 510px;
    }

    #news-title {
        margin-bottom: -1.6%;
        padding-left: 7%;
    }
}


@media (width:768px) {
    #search_widget {
        top: 9rem !important;
    }

    .header-top-right {
        top: -5.5rem !important;
    }

    .navbar-toggler.collapse-icons {
        display: none !important;
    }

    #hist-fioles {
        height: auto;
        width: 25rem;
        margin-right: 10rem;
        margin-left: 5rem;
        margin-top: 1rem;
    }
}

@media (max-width: 768px) {
    .slider-wrapper {
        margin: 0 10px 40px;
    }

    .slider-wrapper .swiper-slide-button {
        display: none;
    }

    #header .header-top {
        width: inherit;
    }

    #mobile_top_menu_wrapper {
        width: 100%;
    }

    #adtm_menu.adtm_menu_toggle_open ul#menu li.li-niveau1.sub a.a-niveau1 span {
        background-image: right 0px center;
        background-size: 1em;
    }

    #_mobile_cart {
        padding-right: 2rem;
        margin-top: -0.3rem;
    }

    #banner_warning {
        padding: 0.6%;
    }

    .header-top-right {
        position: absolute !important;
        right: 12rem !important;
        bottom: 2.5rem !important;
    }

    #cont-menu1 {
        width: 100% !important;
    }

    #header .top-logo img {
        width: auto;
        max-height: 7rem;
        /* margin-left: 2em; */
    }

    #header .top-logo {
        justify-content: center;
    }

    #search_widget {
        width: 45%;
        padding: 2% 0 0 0;
    }

    #divlang {
        padding-right: 1rem;
    }

    #intro-text {
        width: 60%;
    }

    #disc-more img {
        height: 14rem;
    }

    #text-hist {
        position: inherit;
        font-size: 2rem;
        padding-inline: 5rem;
        margin-bottom: -0.2em;
    }

    #inner-hist {
        display: flex;
        flex-direction: column;
        margin: 0;
        padding-bottom: 2em;
    }

    #stamp-hist {
        position: absolute;
        left: 31rem;
        top: 83rem;
    }

    #footer-hist>a {
        padding-inline: 8%;
    }

    #div-hist {
        margin-top: 0;
    }

    #yt-home {
        width: 100%;
        height: 75%;
        margin-left: 0;
        margin-right: 0;

    }

    #foot-acc {
        margin-right: -15px;
        margin-left: -15px;
    }

    .footer-container ul,
    .footer-container li,
    .footer-container .title,
    .footer-container .title span {
        background: #c4312e !important;
        border-bottom: 0 !important;
        color: #fafafa !important;
    }

    #menu-icon {
        padding-bottom: 6%;
    }

    #search_widget {
        width: 40%;
        position: absolute;
        left: 14%;
        padding: 1% 0 0 0;
    }

    #foot-info {
        text-align: center;
        flex-direction: column;
    }

    #logo-foot {
        width: 5em;
        height: auto;
        align-self: center;
    }

    #pre-foot span img {
        width: auto;
        height: 25%;
    }

    #pre-foot span p,
    #pre-foot span a {
        font-size: 0.6rem;
    }


    #pre-foot span {
        width: 30%;
    }

    #acc-link {
        display: inline-flex;
        flex-direction: column;
    }

    #header .header-nav .user-info {
        margin-top: .5rem;
    }

    .footer-container .solid {
        width: 45rem;
        right: 1rem;
    }

    .carousel .carousel-item img {
        width: 140% !important;
        max-width: none;
        height: auto;
    }

    .carousel .carousel-item .caption {
        bottom: 11%;
        left: 35%;
    }

    .product-flags li.product-flag {
        font-size: 0.5em;
    }

    .advtm_menu_6 {
        width: 48.1rem;
        position: relative;
        right: 1rem;
    }

    .all-new {
        width: 60%;
    }

    #desc-arome {
        padding: 4%;
    }
    .accordion .accordion-title {
        font-size: 0.8rem;
        padding-top:0.3rem;
    }
    #div-gauche-quest {
        height: 17rem;
    }
    #image-quest-gauche, #image-quest-droite {
        height: auto;
        width: 21rem;
    }
    #div-droite-quest {
        position: relative;
        bottom: 10rem;
    }
    #quest-droite-haut {
        width: 100%;
    }

}

@media (max-width: 767px) {
    .header__menu-wrapper {
        display: none !important;
    }

    #divlang {
        display: none;
    }

    #_desktop_cart,
    #_desktop_user_info {
        display: none !important;
    }
}

@media (min-width: 535px) {
    .card-aroma_title {
        animation: 0.5s 0.25s fly-out 1 both;
    }
}

@media (max-width: 540px) {
    #hist-fioles {
        height: auto;
        width: 100%;
        margin-right: 0;
    }


    .psgdprinfo17 p {
        margin-bottom: 4rem;
    }

    #exportDataToCsv {
        position: relative;
        top: -2rem;
    }

    #carousel-vp {
        width: 250px;
    }

    #news-title {
        margin-bottom: -2.6%;
        padding-left: 7%;
    }

    .card-aroma_image img {
        height: 10rem !important;
        width: 10rem !important;
    }

    .card-aroma {
        width: 10rem;
        height: 11.5rem;
    }

    .card-aroma_text {
        height: 1.5rem;
    }

    .card-list .card-item {
        padding-inline: 0;
    }

    .card-aroma_text .card-discover {
        width: 8rem;
        top: -0.8em;
        left: 1rem;
        padding: 0;
    }

    .card-aroma_text .card-discover p {
        font-size: x-small;
    }

    .carousel .carousel-item .caption {
        bottom: -14% !important;
        left: 30% !important;
    }

    .carousel .carousel-item .caption .display-1 {
        font-size: 1.5rem !important;
    }

    #stamp-hist {
        position: absolute;
        left: 14rem;
        top: 94rem;
        width: 9rem;
        height: auto;
    }

    #pre-foot span {
        margin-inline: 0 !important;
    }

    .advtm_menu_6 {
        width: 26.7rem !important;
        position: relative !important;
        right: 2rem !important;
    }

    .all-new a {
        font-size: 9px;
    }

    #div-hist {
        margin-top: 3rem;
    }

    .caption .card-discover {
        padding: 0 !important;
    }

    .caption .card-discover p {
        font-size: 10px
    }

    #header .top-logo img {
        margin-left: 0 !important;
    }

    #header .header-nav .blockcart {
        padding: .4rem .75rem 0 .75rem;
    }

    #dl-catalogue {
        font-size: 11px;
        margin-top: 3.5rem;
        margin-right: 14rem;
        margin-left: 4rem;
        margin-bottom: 1rem;
    }
    #quest-intro {
        margin-inline: 4rem;
        display: flex;
        flex-direction: column;
    }
    #image-quest-gauche, #image-quest-droite {
        height: auto;
        width: 19rem;
    }
    #div-bas-quest {
        display: flex;
        flex-direction: column;
    }
    #div-gauche-quest {
        height: 13rem;
    }
    #div-droite-quest {
        position: relative;
        bottom: 0;
        height: 26rem;
    }
    #gouttes-quest {
        left: 18.5rem;
    }
    #quest-droite-haut {
        width: 102%;
    }
}

@media (max-width: 420px) {
    .accordion .accordion-title {
        font-size: 0.7rem;
        padding-top: 0.3rem;
    }

    #dl-catalogue {
        font-size: 11px;
        margin-top: 3.5rem;
        margin-right: 15rem;
        margin-left: 2rem;
        margin-bottom: 1rem;
    }

    #div-gauche-quest {
        height: 15rem;
    }

    #gouttes-quest {
        left: 18.3rem;
    }

    #quest-intro {
        margin-inline: 3rem;
    }

    #image-quest-gauche, #image-quest-droite {
        height: auto;
        width: 18.7rem;
    }
}

@media (max-width: 375px) {
    #stamp-hist {
        position: absolute;
        width: 9rem !important;
        height: 9rem !important;
        left: 13rem !important;
        top: 96rem !important;
    }

    #dl-catalogue {
        font-size: 11px;
        margin-top: 3.5rem;
        margin-right: 12rem;
        margin-left: 4rem;
        margin-bottom: 1rem;
    }

    .carousel .carousel-item .caption {
        bottom: -28% !important;
        left: 28% !important;
    }
    .accordion .accordion-title {
        font-size: 0.55rem;
        padding-top: 0.6rem;
    }
    .link-sheets a {
        font-size: 0.4rem;
    }
    #div-gauche-quest {
        height: 21rem;
    }
    #image-quest-gauche, #image-quest-droite {
        height: auto;
        width: 13rem;
    }
    #gouttes-quest {
        left: 11.5rem;
    }
    #quest-droite-haut h5, .texte-gauche-quest h5, #titre-alim {
        letter-spacing: 0.25rem;
        font-size: 0.7rem;
    }
    #quest-submit {
        width: 25%;
        align-self: center;
        padding: 3%;
        border: none;
    }
}

@media (max-width:320px) {
    #dl-catalogue {
        font-size: 11px;
        margin-top: 3.5rem;
        margin-right: 10rem;
        margin-left: 3rem;
        margin-bottom: 1rem;
    }

    .card-aroma {
        width: 8rem;
        height: 11.5rem;
    }

    .card-aroma_image img {
        height: 8rem !important;
        width: 8rem !important;
    }

    .card-aroma_text .card-discover {
        width: 6rem;
    }

    #stamp-hist {
        position: absolute;
        width: 6rem !important;
        height: 6rem !important;
        left: 13rem !important;
        top: 89rem !important;
    }

    #cCarousel .arrow {
        width: 25px;
        height: 25px;
    }

    #cCarousel #next {
        right: -30px;
    }

    #cCarousel #prev {
        left: -30px;
    }

    .carousel .carousel-item .caption {
        bottom: -43% !important;
        left: 24% !important;
    }
}