:root {
    --aside   : 0;
    --blue    : #0065a8;
    --kaki    : #6b7461;
    --kaki-alt: #505749;
}
.pages {
    overflow: hidden;
}
section {
    position: relative;
}
.modal-content {
    border-radius: 0;
    
}

.product .card-title  {
    display: flex;
    height:100%;
    justify-content: space-between;
        flex-direction: column;
        /* height: 124px;
        height: 177px; */
        font-size: 14px;
}

/* .card-title a.bold {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;

} */

body.modules-shops-index::after{
    content: '';
    position: fixed;
    width: 600px;
    height: 800px;
    background: url(../../img/fili2.png) no-repeat;
    background-size: contain;
    right: 0%;
    top: 39%;
    opacity: 0.1;
z-index: -1;
}

.modal-content p {
    margin-bottom: 0;
}
.badge.bg-1 {
    padding      : 9px 18px;
    border-radius: 0;
}
/*-----------------------template alccol--------------------------*/
.alcool {
    background: #e0e3e352;
}
.alcool .badge.badge-new,
.alcool .badge.badge-promo {
    background: var(--kaki);
}

/*-----------------------modal horaire--------------------------*/
.modal-header {
    display                : flex;
    flex-shrink            : 0;
    align-items            : center;
    justify-content        : space-between;
    padding                : var(--bs-modal-header-padding);
    border-bottom          : 0 solid var(--bs-modal-header-border-color);
    border-top-left-radius : 0;
    border-top-right-radius: 0;
}
/*-----------------------aside--------------------------*/
.aside .cart_modal_delete {
    /* padding: 5px; */
    border-radius  : 50%;
    width          : 25px;
    height         : 25px;
    display        : flex;
    align-content  : center;
    justify-content: center;
    align-items    : center;
    font-size      : 1.2em;
}
.aside .cart_preview_products {
    font-size: 0.7em;
}
.aside .panier-item {
    width: 55px;
}
.aside .panier-item .dropdown-toggle {
    border-color    : var(--kaki);
    border-radius   : 0;
    color           : #000;
    width           : 50px;
    height          : 24px;
    font-size       : 12px;
    background-color: var(--color-1);
    border          : 1px solid;
}
.cart_quantity {
    border-color    : var(--kaki);
    border-radius   : 0;
    color           : #000;
    width           : 50px;
    height          : 24px;
    font-size       : 12px;
    background-color: var(--color-1);
}
/* COVER */
.button-cover {
    position           : relative;
    right              : -16px;
    width              : 91%;
    overflow           : hidden;
    color              : #18181a;
    display            : inline-block;
    font-size          : 15px;
    padding            : 0.25rem 1rem;
    text-decoration    : none;
    text-align         : right;
    cursor             : pointer;
    background         : #fff;
    user-select        : none;
    -webkit-user-select: none;
    touch-action       : manipulation;
    border-radius      : 30px 0 0 30px;
    /* filter: drop-shadow(4px 0px 5px rgba(0, 0, 0, 0.3)); */
    transition         : all 0.3s;
}
.button-cover:hover {
    background: var(--color-2);
}
.aside {
    max-width : var(--aside);
    width     : 100%;
    background: var(--color-1);
    position  : fixed;
    right     : 0;
    top       : 0;
    height    : 100vh;
    z-index   : 850;
    filter: drop-shadow(4px 0px 5px rgba(0, 0, 0, 0.3));
}
.aside-arrow:before {
    border-style     : solid;
    _border-style    : dashed;
    border-width     : 10px;
    border-color     : transparent;
    border-right     : 10px solid var(--color-1);
    border-left-width: 0;
    width            : 0;
    height           : 0;
    font-size        : 0;
    line-height      : 0;
    content          : " ";
    position         : relative;
    top              : 10px;
    left             : -10px;
}
/* width */
/* .aside ::-webkit-scrollbar {
    display: none;
} */
#cart-preview {
    line-height: 1.2;
}
/* ::-webkit-scrollbar {
    width: 10px;
  } */
/* Track */
/* ::-webkit-scrollbar-track {
    width: 10px;
    background: #f1f1f1;
    border-radius: 3px;
background: linear-gradient(90deg, #ffffff, #e6e6e6);

  } */
/* Handle */
/* ::-webkit-scrollbar-thumb {
    width: 5px;
    border-radius: 3px;
    background: linear-gradient(90deg, #e6e6e6, var(--color-1));
    box-shadow:  5px 5px 4px #d1d1d1,
                 -5px -5px 4px #ffffff;

  } */
/* Handle on hover */
/* ::-webkit-scrollbar-thumb:hover {
    width: 3px;
    background: #555;
    border-radius: 3px;
background: #fff;
box-shadow: inset 5px 5px 6px #d9d9d9,
            inset -5px -5px 6px #ffffff;

  } */


.shops-index-side{
    position:relative;
  }
   .shops-index-side:after{
    content: '';
    position: sticky;
    display:block;;
    top:60%;
    left: 0;
    width: 100%;
    height: 430px;
    background: url(../../img/illustrations/motif-5.png) no-repeat;
    background-size: contain;
    opacity:0.1;
    z-index: -1;
  }
/*-----------------------class generique--------------------------*/
.rotate-left {
    transform: rotate(355deg);
}
.rotate-right {
    transform: rotate(5deg);
}
.card {
    background: transparent;
    display: flex;
    justify-content: space-between;
}
.input-group {
    flex-wrap: nowrap;
}
.p-relative {
    position: relative;
}
.bold {
    font-weight: 700;
}
.bolder {
    font-weight: 900;
}
.ratio-1-1 {
    aspect-ratio: 1/1;
}
.big-font {
    font-size : 30px;
    text-align: left;
    /* font-family: "Dai Banna SIL", serif; */
}
.shadow-text {
    text-shadow: 0 1px 1px #00000040;
}
.btn-border-col-1 {
    border       : 1px solid var(--dark);
    border-radius: 45px;
    padding      : 0.5rem 2rem;
    font-size    : 25px;
    /* background: var(--color-1); */
    text-transform: uppercase;
}
.btn-border-col-2 {
    border       : 3px solid #000;
    border-radius: 50px;
    font-size    : 14px;
    padding      : 1rem 1.5rem;
}
.btn-border-col-2:hover {
    border    : 3px solid #000;
    background: #fff;
}
.bg-light-2 p {
    color: var(--bg-light-alt);
}
.bg-light-2 .btn-border-col-1 {
    color         : #fff;
    border-radius : 50px;
    padding       : 30px 50px;
    text-transform: unset;
}
.news-letter , .atouts-widgets{
    max-width: calc(100% - var(--aside));
}

.bord{
    border:2px solid #000;
    border-radius:12px;
}
.accueil .bord:hover{
   background: var(--color-1);
}
/*-----------------------pub--------------------------*/
.advertisings-widgets .hero-img iframe {
    width : 100%;
    height: 100%;
}
.advertisings-widgets .hero .content {
    position  : absolute;
    top       : 50%;
    transform : translateY(-50%);
    left      : 0;
    z-index   : 2;
    display   : block;
    background: white;
    padding   : 2rem 1rem 2rem 5rem;
}
.advertisings-widgets .hero .content.center {
    position  : absolute;
    top       : 50%;
    transform : translate(-50%,-50%);
    left      : 50%;
    z-index   : 2;
    display   : block;
    background: white;
    padding   : 2rem 1rem 2rem 5rem;
}
.recettes .hero .content {
    position  : absolute;
    top       : 50%;
    left      : calc(var(--container-out-margin) / 2);
    transform : translateY(-50%);
    z-index   : 2;
    display   : block;
    background: white;
    padding   : 2rem 1rem 2rem 5rem;
    width     : 50%;
    max-width : 600px;
}
.en .advertisings-widgets .hero .content h1 {
    max-width: 100%;
    font-size: 50px;
}
.advertisings-widgets .hero h1 {
    max-width     : 75%;
    font-size     : 50px;
    font-weight   : 900;
    text-transform: uppercase;
}
.category-title {
    color         : #000;
    font-size     : clamp(14px , 5vw,50px);
    font-weight   : 900;
    text-transform: uppercase;
}
.category-sub-title {
    color         : #000;
    font-size     : 30px;
    font-weight   : 700;
    text-transform: uppercase;
}
.shops .card-title {
    text-transform: uppercase;
}
.price-infos  {
    font-size: 15px;
	height:31px
}
.shops .price-infos .price {
    font-size: 14px !important;
}
.shops .price-infos span {
    font-weight: 400;
}
.shops .input-group {
    border: 1px solid #000;
}
.shops .input-group input {
    text-align  : center;
    width       : 40px;
    height      : 40px;
    border      : none;
    border-left : 1px solid #000;
    border-right: 1px solid #000;
}
.product_quantity-minus,
.product_quantity-more {
    width: 40px;
}
.product_detail_quantity_less,
.product_detail_quantity_more,
.product_quantity_less,
.product_quantity_more {
    width : 40px;
    height: 40px;
}
.badge.badge-basket {
    position : absolute;
    top      : -17px;
    left     : 10%;
    color    : #000;
    font-size: 13px;
}
.blogs .widget-header {
    justify-content: center;
}
.blogs .widget-header h2 {
    /* margin: 1rem; */
    color         : #000;
    font-size     : 50px;
    font-weight   : 800;
    text-transform: uppercase;
}
.card-list article .card {
    background: var(--color-1);
}
.card-list article:nth-child(even) .card {
    background: var(--bg-light);
}
.card-list .card-footer {
    justify-content: space-between;
    background     : transparent;
    border-top     : none;
    padding        : 0 1rem 1.5rem;
    z-index        : 1;
}
@media (max-width: 768px) {
    .advertisings-widgets .hero .content h1 {
        max-width: 75%;
    }
}
@media (max-width: 576px) {
    .advertisings-widgets .hero .content h1 {
        max-width: 100%;
    }
    .blogs .widget-header h2 {
        font-size: revert;
    }
}
/*-----------------------HOVER--------------------------*/
.hover-img {
    border        : 1px solid #000;
    position      : absolute;
    top           : 50%;
    left          : 50%;
    transform     : translate(-50%, -50%);
    padding       : 0.5rem 1.5rem;
    color         : #000;
    text-transform: uppercase;
}
.hovereffect {
    width     : 100%;
    height    : 100%;
    overflow  : hidden;
    position  : relative;
    text-align: center;
    /* cursor: default; */
    position  : relative;
}
.hovereffect:after {
    content   : "";
    position  : absolute;
    top       : 0;
    left      : 0;
    width     : 100%;
    height    : 100%;
    /* background-color: #feec0099; */
    opacity   : 0;
    transition: opacity 0.5s;
    /* From https://css.glass */
    background: rgba(254, 236, 0, 0.6);
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
}
.hovereffect:hover .overlay {
    opacity  : 1;
    filter: alpha(opacity=100);
    transform: scale(1);
    z-index  : 200;
}
.hovereffect .overlay {
    position  : absolute;
    overflow  : hidden;
    width     : 80%;
    height    : 80%;
    left      : 10%;
    top       : 10%;
    /* border-bottom: 1px solid #FFF;
    border-top: 1px solid #FFF; */
    transition: opacity 0.35s, transform 0.35s;
    transform : scale(0, 1);
}
.photo-action {
    display        : flex;
    justify-content: space-around;
    /* width: 50%; */
    margin         : 0 auto;
}
.photo-action a {
    border        : 2px solid #000;
    padding       : .5rem;
    font-weight   : bold;
    text-transform: uppercase;
    line-height   : 20px;
}
.photo-action.video a {
    border         : 2px solid #fff;
    width          : 65px;
    height         : 65px;
    font-weight    : bold;
    text-transform : uppercase;
    border-radius  : 50%;
    color          : #fff;
    font-size      : 2rem;
    display        : flex;
    justify-content: center;
    align-items    : center;
}
.hovereffect:hover:after {
    /* filter: saturate(1.1) sepia(0.66) contrast(1.4) brightness(1.1) opacity(0.6); */
    /* filter: sepia(93%) brightness(109%) saturate(212%) contrast(88%);
-webkit-filter: sepia(93%) brightness(109%) saturate(212%) contrast(88%);
-moz-filter: sepia(93%) brightness(109%) saturate(212%) contrast(88%); */
    opacity: 1;
}



.img_product img{
            transition: 250ms ease-out;

}
.img_product:hover img{

                    transform: scale(1.05) rotate(2deg);
}
/*-----------------------pages--------------------------*/
.page-header .container h1 {
    color         : var(--color-3);
    font-weight   : 800;
    font-size     : clamp(20px, 10vw, 50px);
    text-transform: uppercase;
    letter-spacing: unset;
	z-index:1;
}
.histoire .page-header .container h1,
.histoire-2 .page-header .container h1 {
    font-size     : clamp(20px, 10vw, 100px);
    letter-spacing: 60px;
}
/*-----------------------accueil--------------------------*/
.links-category-shops h2 {
    font-size     :   clamp(40px, 1vw, 20px);
    font-weight   : 900;
    text-transform: uppercase;
}
.links-category-shops a {
    font-weight   : 700;
    text-transform: uppercase;
}
.links-category-shops img {
    max-height: 170px;
}

.best-sale {
    background         : url("../../img/plante_couper.svg") no-repeat, var(--color-4);
    background-size    : cover;
    background-position: center;
    /* Create the parallax scrolling effect */
    min-height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
/*-----------------------actualites--------------------------*/
.actualite-movie iframe {
    width : 100%;
    height: 50vh;
}
.blogs-header {
    min-height: auto;
}
.blogs .card-title a {
    text-transform: uppercase;
    font-weight   : bold;
}
.blogs .card-footer {
    background-color: unset;
}
.card-footer.bg-1 {
    background-color: var(--color-1) !important;
}
.blogs-widgets .card {
    background: unset;
}
/*-----------------------contact--------------------------*/
.contact .page-header {
    min-height: auto;
}
.contact .page-header .container h1 {
    font-size     : clamp(30px, 5vw, 65px);
    letter-spacing: unset;
}
.contact h2 {
    font-size: 22px;
}
/*-----------------------Livraison--------------------------*/


#livraison .table-striped>tbody>tr:nth-child(odd)>td, 
#livraison .table-striped>tbody>tr:nth-child(odd)>th {
   background-color: var(--bg-light);
}

/*-----------------------ATOUTS--------------------------*/
.atouts-widgets img{
    max-width:100px;
}

    .atouts-widgets article{
        max-width:180px;
    }

    @media (max-width:368px){
        .atouts-widgets article{
        max-width:100%;
    }
    }

/*-----------------------ACHAT EXPRESS--------------------------*/
.shops-widgets .list-express > div:nth-child(even) {
    background: var(--bg-light);
}
.shops-widgets .list-grid {
    display              : grid;
    grid-template-columns: 0.5fr 100px 0.5fr auto 0.3fr;
    grid-template-rows   : 1fr;
    gap                  : 10px 10px;
    grid-template-areas  : "title image content volume quantity";

}
.shops-widgets .list-grid .title {
    grid-area  : title;
    display    : flex;
    align-items: center;
}
.shops-widgets .list-grid .image {
    grid-area: image;
}
.shops-widgets .list-grid .content_short {
    grid-area  : content;
    display    : flex;
    align-items: center;
    font-size  : 14px;
}
.shops-widgets .list-grid .volume {
    grid-area      : volume;
    display        : flex;
    align-items    : center;
    justify-content: center;
}
.shops-widgets .list-grid .volume .price-infos {
    border-right: 1px solid #000;
    font-size   : 14px;
}
.shops-widgets .list-grid .quantity {
    grid-area      : quantity;
    display        : flex;
    align-items    : center;
    justify-content: center;
}
.shops-widgets .list-grid img {
    max-height: 150px;
    width     : auto;
}
.recettes-detail h1 {
    font-size: 20px;
}
.recettes-detail .content-datas {
    font-size: 14px;
}
.recettes-detail .swiper i {
  color:var(--color-1);
  font-size:30px
}
.recettes-detail .swiper .swiper-button-prev {
    left: 6px;
    right: auto;
}
.recettes-detail .swiper .swiper-button-next {
    right: -3px;
    left: auto;
}

@media (max-width: 992px) {
    .page-header .container h1 {
        letter-spacing: unset !important;
    }
    .recettes .hero .content {
        position  : relative;
        top       : 0;
        left      : var(--container-out-margin);
        transform : translateY(0);
        z-index   : 2;
        display   : block;
        background: white;
        padding   : 2rem 1rem 2rem 5rem;
        width     : 100%;
    }
    .histoire-2 .order-img .col-lg-6:first-child,
    .histoire-2 .order-img .col-lg-7:first-child {
        order: 2;
    }
}
@media (max-width: 768px) {
    .shops-widgets .list-grid {
        grid-template-columns: 1fr;
        grid-template-areas  : "image" "title" "quantity" "volume";
    }
    .shops-widgets .list-grid .content_short {
        display: none;
    }
    .shops-widgets .list-grid .title {
        justify-content: center;
        text-align     : center;
    }
    .shops-widgets .list-grid {

    padding-bottom:1.5rem;
}
}
/*-----------------------shops--------------------------*/
.shops .product img, .search-page .product img {
   max-height:330px;
}
.shops  .product .img_product.xl img {
   max-height:300px;
}
.shops  .product .img_product.ml img {
   max-height:270px;
}
.shops  .product .img_product.sl img {
   max-height:240px;
}


.shops .form-check-input[type=radio] {
    border-radius: 0!important;
}

.shops .form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: none;
}
.shops .product .card-title{
   /* min-height:96px */
}
.shops .product .card-img  {
   min-height:330px
}



.shops-detail h1 {
    font-size: 24px;
}
.shops-cart h1 {
    font-size  : 24px;
    font-weight: bold;
}
.account h3 {
    font-size  : 24px;
    font-weight: bold;
}
.cart_preview_products {
    /* background: #fff; */
    /* padding: 1rem; */
    margin: 0.5rem;
    /* box-shadow: var(--shadow-1); */
}
/* .cart_preview_products img{
   height:80px;
} */
.btn-shop-aside {
    border-radius   : 20px 0 0 20px;
    background-color: var(--color-1);
    font-size       : 12px;
    padding         : 0.25rem 0.5rem;
}
.shops h2 {
    font-size     : 50px;
    font-weight   : 900;
    text-transform: uppercase;
}
.shops .widget-header h2 {
    margin        : 1rem;
    color         : #000;
    font-size     : clamp(30px, 6vw, 65px);
    font-weight   : 900;
    text-transform: uppercase;
}
.shops .widget-header .title-border {
    font-size  : 24px;
    font-weight: 700;
}
section.best {
    width          : 100%;
    height         : 100%;
    background     : url("../../img/filigrane.svg") no-repeat center;
    background-size: contain;
}
.swiper-pagination-bullet-active {
    opacity   : 1;
    background: #000 !important;
    border    : 1px solid var(--color-3);
}
.swiper-pagination-bullet {
    background: #fff;
    border    : 1px solid var(--color-3);
}
.swiper-pagination-bullet {
    width  : 14px;
    height : 14px;
    opacity: 1;
}
.shops-widgets .swiper-slide img {
    object-fit: contain;
    max-height: 300px;
}
.filigrane-shop-detail {
    background     : url("../../img/filigrane-shop-detail.png") no-repeat center 20%;
    background-size: 460px;
}
.boutique .shops i,
.favoris .shops i {
    font-size: 16px;
}
.shops-detail-share i {
    font-size: 20px;
    min-width: 30px;
    text-align: center;
}
.shops-index-main i {
    /*font-size: 30px;*/
    min-width: 30px;
    text-align: center;
}
.shops-detail-share li {
    width:30px;
} 
/* .shops-detail-share li:not(:last-child) {
    border-right: 2px solid #000;
} */
.shops-recettes .input-group {
    width : 100%;
    height: 100%;
}
.shops-recettes .shops .input-group input {
    text-align: center;
    width     : 34px;
    height    : 100%;
    background: transparent;
}
.shops-recettes .product_quantity-minus {
    width: 34px;
}
.shops-recettes a {
    font-size: 12px;
}
.isotope-item {
    width  : 33%;
    padding: 1rem 1rem ;
}
.recettes .isotope-item {
    width  : 33%;
    padding: 10px;
}

.attributes .badge{
    border-radius: var(--bs-badge-border-radius);
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: 20px;
}
.shops-detail .attributes .badge{
    border-radius: var(--bs-badge-border-radius);
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: 12px;
}
.shops-detail-share {
    max-width: 200px;
    margin:0 auto;
}


	.filtre-selecte{
		width:25%;
	}
	.filtre-selecte select{
		border:none;
		font-weight: bold;

	}
	.filtre-selecte option[selected=selected]{
		font-weight:bold;
		color:red;
	}
	select option:checked {
  font-weight: bold;
}
.accordion li[data-category_id="1"] ul ul li a{position:relative;margin-left:1em;}
.accordion li[data-category_id="1"] ul ul li a:before{
    content:'';
    position:absolute;
    width:1em;
    height:1em;
    border:1px solid #dee2e6;
    top: .5em;
    left: -1.5em;
    border-radius: .25em;
}
.accordion li[data-category_id="1"] ul ul li.active a:before{
  background:var(--color-1);
}
.accordion li[data-category_id="2"] ul ul li a{position:relative;margin-left:1em;}
.accordion li[data-category_id="2"] ul ul li a:before{
    content:'';
    position:absolute;
    width:1em;
    height:1em;
    border:1px solid #dee2e6;
    top: .5em;
    left: -1.5em;
    border-radius: .25em;
}
.accordion li[data-category_id="2"] ul ul li.active a:before{
  background:var(--color-1);
}

@media (max-width: 992px) {
    .isotope-item {
        width  : 50%;
        padding: 1rem 1rem 0.5rem;
    }
    .recettes .isotope-item {
        width  : 50%;
        padding: 1rem 1rem 0.5rem;
    }
}
@media (max-width: 768px) {
    .isotope-item {
        width  : 100%;
        padding: 1rem 1rem 0.5rem;
    }
    .recettes .isotope-item {
        width  : 100%;
        padding: 1rem 1rem 0.5rem;
    }
}
/*-----------------------recettes--------------------------*/
.nos-recettes-cocktails .page-header {
    min-height: auto;
}
.recettes .form-select {
  border:none;
  background:transparent;

}
.recettes .form-select {
  font-weight: bold;
}
.modules-recettes .shops-recettes {
    max-height: 415px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.modules-recettes .shops-recettes img {
    max-height: 90px;
}
.modules-recettes .product_quantity_less,
.modules-recettes .product_quantity_more {
    width : 30px;
    height: 30px;
}
[data-aos="new-animation"] {
    transform                 : translateY(150px);
    transition-property       : transform;
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
[data-aos="new-animation"].aos-animate {
    transform: translateY(0px);
}
.achat-express .shops-widgets .button-group button,
.modules-recettes .button-group button {
    border    : none;
    background: unset;
}
.achat-express .shops-widgets .button-group button:not(:last-child),
.modules-recettes .button-group button:not(:last-child) {
    margin      : 0;
    border-right: 1px solid #000;
    padding     : 0 0.5rem;
}
.achat-express .shops-widgets .button-group button.is-checked,
.modules-recettes .button-group button.is-checked {
    font-weight: bold;
}
/* .recettes-widgets .card img{
		aspect-ratio:1/1;
	}  */
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -5px;
}

.advertisings-widgets {
    padding-bottom:30px;
}
/*-----------------------histoire--------------------------*/
section.histoire p {
    font-family: "Dai Banna SIL", serif;
    font-size  : 18px;
    font-style : italic;
    line-height: 22px;
}
.histoire .big-font:not(.bolder) {
    font-size  : 40px;
    text-align : left;
    font-family: "Augusta", serif;
}
.histoire02 {
    position         : absolute;
    left             : 85%;
    top              : 20%;
    width            : 100%;
    height           : 713px;
    background-image : url("../../img/background/histoire02.svg");
    background-repeat: no-repeat;
}
.histoire03 {
    position         : absolute;
    left             : 42%;
    top              : 60%;
    width            : 100%;
    height           : 713px;
    background-image : url("../../img/background/histoire03.svg");
    background-repeat: no-repeat;
}
.histoire04 {
    position         : absolute;
    left             : -12%;
    top              : -20%;
    width            : 100%;
    height           : 713px;
    background-image : url("../../img/background/histoire04.svg");
    background-repeat: no-repeat;
}
.histoire05 {
    position         : absolute;
    left             : 69%;
    top              : 10%;
    width            : 100%;
    height           : 713px;
    background-image : url("../../img/background/histoire05.svg");
    background-repeat: no-repeat;
}
.histoire06 {
    position         : absolute;
    left             : 35%;
    top              : -25%;
    width            : 100%;
    height           : 713px;
    background-image : url("../../img/background/histoire06.svg");
    background-repeat: no-repeat;
}

/*-----------------------flamant--------------------------*/

.cadre img{
    width: 7%;
  }
  
  .flamant, .flamant2  {
      position: absolute;
      z-index: 9999;
  }

  /*-----------------------atouts--------------------------*/

  .atouts .card-title{
    font-size: 14px;
  }
/*-----------------------break point--------------------------*/
@media (min-width: 1200px) {}
@media (max-width: 1200px) {}
@media (max-width: 992px) {
    .shops-index-side:after {
        display:none;
    }
    .filtre-selecte {
        width: 40%;
    }
}
@media (max-width: 768px) {
    .rotate-left {
        transform: rotate(0deg);
    }
    .rotate-right {
        transform: rotate(0deg);
    }
    .histoire02,
    .histoire03,
    .histoire04,
    .histoire05,
    .histoire06 {
        display: none;
    }
    .filtre-selecte {
        width: 100%;
    }
}
@media (max-width: 576px) {
    /* .category-title {
        font-size: unset;
    } */
    .swiper-pagination {
        display: none;
    }
}
@media (min-width: 576px) {}
#alcool,
#sirops {
    position: relative;
}
.shops-cart .pannel {
    background-color: var(--color-4) !important;
}
.shops-cart .cart-list .cart-list-item .product-img img {
    width     : 30px;
    box-shadow: var(--pannel-shadow);
}
.shops-cart .cart-list .cart-list-item > .product-img {
    width      : 15%;
    flex-grow  : 0;
    flex-shrink: 0;
}
.shops-cart .btn-delete {
    color: #000!important;
}
.recettes-index .attributes,
.recettes-widgets .attributes {
    width   : 30px;
    position: absolute;
    z-index : 5;
    left    : 10px;
    top     : 10px;
}

.shops-index .category-sub-title{font-size: clamp(13px, 4VW, 38px);text-align:center}
.shops-index {/*background-color:var(--color-4);*/}

.shops-topbar {
	position: sticky;
    top: calc(var(--menu-height));
	background-color:#fff;
	z-index:600
}

#showtime .modal-body{
    padding:0;
}
#showtime .modal-body .btn-close{
    top:5px;
    right:5px;
    position:absolute;
    background:white;
    opacity:1;
    z-index:300;
    display:flex;
    align-items:center;
    justify-content: center;
}

input[type="number"] {
    -moz-appearance: textfield;
  }
  
  /* Pour les autres navigateurs (Chrome, Safari, Edge) */
  input[type="number"]::-webkit-outer-spin-button,
  input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
 
 .cart_preview_container .img-fluid {
max-height: 100px; 
}

.change_declinaison {
    text-indent: 10px;
    text-align: center;
    text-align-last: center;
}

#shops-grid-list .input-group {
	background-color: #fff;
}

.tt-menu {
    overflow-y: auto;
    height: 300px;
}