@font-face
{
   font-family: "oksana";
   src: url("/font/LT_Oksana.ttf");
}
body
{
     font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
    font-size: 1.1rem!important;

}
.container-large
{
    max-width: 1745px;
    width: auto;
    margin: auto;
    margin-top: auto;
    padding: 0 15px;
    padding-top: 0px;
}
.logo-menu img
{
    max-width:350px;
}
.content-menu
{
    /*padding-top: 40px;
    padding-bottom: 20px;*/

}
.title-j
{
    font-family: 'Anton', sans-serif;
}
.carousel-caption
{
 font-family: 'Anton', sans-serif;
 text-transform: uppercase;
}
.bg-menu
{

}

.recapt
{
    display:inline-block;
}
.c-blanc
{
    color:#67ad41;
}
.c-rouge
{
    color:#54202c;
}
.c-rose
{
    color:#ac5b6a;
}
.txt-icon-cart
{

    color:#67ad41;
    display: inline-block;
    float:left;
}
.txt-nb-cart
{

    display: inline-block;
    float:left;
}
#content-menu
{

    width:100%;

}
.navbar-vsc
{
    box-shadow: none!important;
}

.dropdown-toggle::after
{
    display: none!important;
}
#content-beaujolais
{
    /*background: url('../img/floor.jpg');
    background-position: center;*/

    width:100%;
    height:auto;
}
.cadre-wood
{
    background: url('../img/cadre_wood.jpg');
    padding:15px;
    border-radius: 0 0 5px 5px;
}

.title-article
{
    text-transform: uppercase;
    font-size:1.7rem;
}

.reference-produit
{
    /*border:2px solid #67ad41;

    background: rgba(118,144,133,0.7);*/

    font-weight: bold;
    padding:1px;
    display: inline-block;
    text-transform: uppercase;
    font-size:0.9rem;
}
.title-carac-wine
{
    font-style: italic;
    font-size: 14px;
    line-height: 1;
    padding-left: 10px;
    padding-top: 0px;
}
.data-carac-wine
{
    font-weight: bold;
    font-size: 14px;
    line-height: 14px;
    padding-left: 10px;
    padding-top: 5px;
}
.block-alcool
{
    margin-bottom: 20px;
}
.prix-article
{
    font-size:2.4rem;
}
.content-article
{
    /*border:1px solid #67ad41;*/
    background: #fff;
}
.card-b-carousel
{
    margin-bottom: 30px;
}
.btn-lcj
{
    background: linear-gradient(135deg, #94a51e, #a7bd22);
    color: #fff !important;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    letter-spacing: 0.3px;
    box-shadow: 0 2px 8px rgba(148,165,30,0.28);
    transition: background 0.25s, transform 0.15s, box-shadow 0.2s;
}
.btn-lcj:hover
{
    background: linear-gradient(135deg, #7a8a18, #94a51e);
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(148,165,30,0.40);
}
.btn-lcj:active { transform: translateY(0); }

.title-pre
{
    font-family: 'oksana',sans-serif;
}
.lcj-color
{
    background: linear-gradient(135deg, #94a51e, #a7bd22);
}
.btn-lcj-alt
{
    background: linear-gradient(135deg, #94a51e, #a7bd22) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px;
    font-weight: 600;
    letter-spacing: 0.3px;
    box-shadow: 0 2px 8px rgba(148,165,30,0.28);
    transition: background 0.25s, transform 0.15s, box-shadow 0.2s;
}
.btn-lcj-alt:hover
{
    background: linear-gradient(135deg, #7a8a18, #94a51e) !important;
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(148,165,30,0.40);
}
.btn-lcj-alt:active { transform: translateY(0); }

/* ---- Bloc réassurance (homepage + global) ----------------- */
.rassurance-block {
    background: #fff;
    border-top: 3px solid #a7bd22;
    border-bottom: 1px solid #ebebeb;
    padding: 22px 0;
}
.rassurance-item {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 8px 24px;
    border-right: 1px solid #ebebeb;
    height: 100%;
}
.rassurance-item:last-child { border-right: none; }
.rassurance-icon {
    font-size: 1.9rem;
    color: #94a51e;
    flex-shrink: 0;
    width: 44px;
    text-align: center;
}
.rassurance-title {
    display: block;
    font-weight: 700;
    font-size: 0.92rem;
    color: #1a1a1a;
    line-height: 1.3;
}
.rassurance-detail {
    display: block;
    font-size: 0.78rem;
    color: #888;
    line-height: 1.4;
    margin-top: 2px;
}
.rassurance-logos {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-top: 5px;
    flex-wrap: wrap;
}
.rassurance-logos img {
    height: 36px;
    width: auto;
    object-fit: contain;
    opacity: 0.85;
}
@media (max-width: 767px) {
    .rassurance-item {
        border-right: none;
        border-bottom: 1px solid #ebebeb;
        padding: 12px 10px;
    }
    .rassurance-item:last-child { border-bottom: none; }
}

/* ---- Logos paiement footer + panier ----------------------- */
.payment-logos-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.payment-logos-row img {
    height: 40px;
    width: auto;
    object-fit: contain;
    opacity: 0.80;
    transition: opacity 0.2s;
}
.payment-logos-row img:hover { opacity: 1; }

/* ---- Logos transporteurs (réassurance, footer, panier) ---- */
.carrier-logos-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 6px;
}
.carrier-kn-logo {
    display: inline-flex;
    align-items: center;
    color: #2c2c2c;
    opacity: 0.72;
    transition: opacity 0.2s;
    line-height: 0;
}
.carrier-kn-logo svg {
    height: 18px;
    width: auto;
    display: block;
}
.carrier-dpd-logo {
    height: 22px;
    width: auto;
    object-fit: contain;
    opacity: 0.72;
    transition: opacity 0.2s;
    display: block;
}
.carrier-kn-logo:hover { opacity: 1; }
.carrier-dpd-logo:hover { opacity: 1; }
/* Taille medium (footer, panier) */
.carrier-logos-md .carrier-kn-logo svg { height: 24px; }
.carrier-logos-md .carrier-dpd-logo       { height: 30px; }

.alert-ident
{
    font-weight: bold;
}
.contact-section .contact .fab, .contact-section .contact .far, .contact-section .contact .fas
{
    color:#fff!important;
}
.content-magasin
{
    border:2px solid #67ad41;
    padding:20px;
    margin-bottom: 20px;
}
.title-magasin
{
    background:#67ad41;
    color:#fff;
    padding:10px;
    text-align: center;
}
.navbar
{
    /*z-index:9999999!important;*/
    /*height: 100%!important;*/


}
.img-art
{
    max-height: 900px;
}
#confirmadd
{
  z-index: 999999999;
}


.form-search{
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all 1s;
    width: 50px;
    height: 50px;
    background: white;
    box-sizing: border-box;
    border-radius: 25px;
    border: 4px solid white;
    padding: 5px;
}

.input-search{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;;
    height: 42.5px;
    line-height: 30px;
    outline: 0;
    border: 0;
    display: none;
    font-size: 1em;
    border-radius: 20px;
    padding: 0 20px;
}

.fasearch{
    box-sizing: border-box;
    padding: 10px;
    width: 42.5px;
    height: 42.5px;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 50%;
    color: #07051a;
    text-align: center;
    font-size: 1.2em;
    transition: all 1s;
}

.form-search:hover{
    width: 200px;
    cursor: pointer;
}

.form-search:hover .input-search{
    display: block;
}

.form-search:hover .fa{
    background: #07051a;
    color: white;
}
.newsletter
{
    min-height: 200px;
    background-color: #67ad41;
    background-color:#67ad41!important;
    background-repeat: repeat;
    background-size: cover;
    color: #fff;
    text-align: center;
    font-size: 16px;
    padding-top: 40px;
    text-transform: uppercase;
    padding-bottom: 30px;
    padding-top: 30px;

}
.btn-news
{
    width: 80%;
}
.input-news
{
    padding: 20px;
    text-align: center;
    background: #64c032;
    color: #fff!important;
    border-bottom: 3px solid #fff;
    border-top: none;
    border-right: none;
    border-left: none;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 16px;

}
.input-news:focus
{
    background: #64c032;
    border-bottom: 3px solid #fff;
}
.input-news::placeholder
{
    color: #fff;
    text-transform: uppercase;
}
.footer-j
{
    background:#67ad41 ;
    color: #fff!important;
}
.footer-j p a
{
    color: #fff!important;
}
.footer-j hr
{
    border-color: #fff;
}
.img-categorie2
{
    margin-bottom: 25px;
    min-height: 130px;
}
.hr-categorie
{

    border-bottom: 2px solid #67ad41;
    width: 80%;

}
.vign-categorie
{
    padding: 0!important;
    color: #8dcd6b;
    font-size: 1.4rem;
}
.title-section-categorie
{
    /*margin-top: 40px;*/
    font-family: 'Source Sans Pro', sans-serif;
    font-style: italic;
    min-height: 145px;
    padding-top: 45px;
    background-color: #67ad41;
    background-color:#67ad41!important;
    background-repeat: repeat;
    background-size: cover;
    text-align: center;
    color: #fff;
    font-size: 2rem;

}
.section-categorie
{
    /*margin-top: -130px;*/
    margin-bottom: 60px;
    min-height: 200px;

}
.navbar.navbar-dark .breadcrumb .nav-item .nav-link, .navbar.navbar-dark .navbar-nav .nav-item .nav-link {
    color: #67ad41;
    -webkit-transition: .35s;
    -o-transition: .35s;
    transition: .35s;
}
.navbar.navbar-dark .breadcrumb .nav-item .nav-link, .navbar.navbar-dark .navbar-nav .nav-item .nav-link:hover {
    color: #67ad41;
    -webkit-transition: .35s;
    -o-transition: .35s;
    transition: .35s;
}
.nav-item
{
    /*font-family: 'Anton', sans-serif;*/
    font-family: 'Source Sans Pro', sans-serif;
    /*padding-right: 10px;
    padding-left: 10px;*/
    /*padding-top: 30px;
    padding-bottom: 30px;*/
    font-weight: bold;
    text-transform: uppercase;


}
.nav-link
{
    transition: color 0.8s ease;
}
.list-unstyled li a
{
    transition: background-color 0.8s ease;
}

.nav-item:hover
{
 /* background: rgba(0,130,101,0.4);*/
 color: #ee3124!important;

}
.nav-item a:hover
{
 /* background: rgba(0,130,101,0.4);*/
 color: #ee3124!important;

}
.nav-item a
{
 /* background: rgba(0,130,101,0.4);*/
 color: #000!important;

}
.navbar .mega-dropdown .dropdown-menu.mega-menu.v-2 .sub-menu .news-title, .navbar .mega-dropdown .dropdown-menu.mega-menu.v-2 .sub-menu ul li a, .navbar .mega-dropdown .dropdown-menu.mega-menu.v-2 .sub-menu ul li a:hover, .navbar .mega-dropdown .dropdown-menu.mega-menu.v-3 .sub-menu .news-title, .navbar .mega-dropdown .dropdown-menu.mega-menu.v-3 .sub-menu ul li a, .navbar .mega-dropdown .dropdown-menu.mega-menu.v-3 .sub-menu ul li a:hover
{
    color: #67ad41!important;
}
.navbar.navbar-dark .breadcrumb .nav-item.active>.nav-link:hover, .navbar.navbar-dark .navbar-nav .nav-item.active>.nav-link:hover, .navbar.navbar-dark .navbar-toggler
{
    color: #67ad41!important;
}

.carousel-caption {
    width: auto!important;
    left: 15%;
    top: 50% !important;
    transform: translateY(-50%);
    text-align: left;
    bottom: initial;
    min-width: 60px!important;
}

.carousel-caption span
{
    background: rgba(0,128,128,0.7);
    color: #fff;
    padding: 15px;


}
.menu-up
{
    border-bottom: 1px solid #f4f4f4;
}
.content-search
{
    margin-top: 50px;
}
.content-icon
{
    margin-top: 30px;
}
#input-search
{
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid lightgrey;
    padding-left: 30px;
    text-align: left;
}
#input-search:focus
{
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid lightgrey;
    box-shadow: none!important;



}
.errspan
{
    float: left;
    margin-right: 6px;
    margin-top: -28px;
    position: relative;
    z-index: 2;
    color: #495057;
}
.breadcrumb
{
    margin-bottom: 0!important;
}
.breadcrumb-item
{
    /*font-family: 'Source Sans Pro', sans-serif;*/
    font-family: 'Rubik', sans-serif;


}
.content-cart
{
    padding-top: 13px;
    text-align: center;
    color: #fff;
    height: 50px;
    width: 50px;
    border-radius: 5px;
    /*background-image: url(../img/camo.jpg);*/
    background: #67ad41;
    transition: color 0.8s ease;

}
.content-cart:hover
{
    color:#ee3124;
}
.item-categorie
{
    margin-left: 10px;
    text-align: center;
    padding: 15px;
    min-height: 95px;
}
.owl-stage-outer
{
    min-height: 250px;
    padding-top: 40px;
    padding-bottom: 40px;
}
.owl-carousel
{
    padding: 15px!important;
}
.item-categorie a
{
    color: #67ad41;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}
.caracteristique
{
    list-style: none;
    padding: 0;
    list-style-type: none;
    margin-top: 20px;
}
.carousel-art
{
    max-height: 350px;
}
.list-grp-j
{
    margin-bottom: 15px;
}
.owl-prev span
{
   font-size: 1rem;
}
.owl-next span
{
    font-size: 1rem;
}
.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #67ad41;
    border-radius: .25rem;
}
.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 5px 5px 0;
    border-top-color: #67ad41;
}
.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 0 5px 5px;
    border-bottom-color: #67ad41;
}
.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.bs-tooltip-right .arrow::before {
    margin-top: -3px;
    content: "";
    border-width: 5px 5px 5px 0;
    border-right-color: #67ad41;
}
.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.bs-tooltip-left .arrow::before {
    right: 0;
    margin-top: -3px;
    content: "";
    border-width: 5px 0 5px 5px;
    border-left-color: #67ad41;
}
.title-declinaison
{
    font-weight: bold;
    text-decoration: underline;
}
.value-declinaison-a
{
    min-width: 50px;
    width: 50px;
    min-height: 50px;
    height: 50px;
    padding: 10px;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #000;
    display: inline-block;
    cursor: pointer;

}
.value-declinaison-a:hover
{
    background-color: #67ad41;
    color: #fff;
    transition: all 1s;
}
.carousel-j
{
    /*max-height: 450px;*/
}
.containerZoom img
{
    /*max-height: 450px;*/
}
.content-txt-a
{
    padding: 20px;
}
.acc-pro
{
    min-height: 24px;
}
.cart-content-pro
{
    text-align: center;
    color:#ea0202 ;
    font-weight: bold;
    font-size: 1.4rem;
    margin-bottom: 30px;
}
.head-cart td
{
    font-weight: bold;
    font-size: 1.2rem;
}
.search {
    display: inline-block!important;
    box-sizing: border-box!important;
    line-height: 20px!important;
    border-radius:5px!important;
    -moz-border-radius:5px!important;
    -webkit-border-radius:5px!important;
    box-sizing: border-box!important;
    line-height: 20px!important;

    vertical-align:middle!important;
    padding: 12px 20px!important;
}

.textbox {
   border-color: #008264;
   width: 90%;
}

.submit-button {
    background-image: url("../img/btn-search.png");
    line-height: inherit!important;
    text-decoration: none!important;
    cursor: pointer!important;
    width: 35px!important;
    background-position: 5px!important;
    background-repeat: no-repeat!important;
    background-size: 20px!important;
    background-color: transparent!important;
    margin-left:-45px!important;
    border:none!important;
    color: #008264;
}
.creapro
{
    text-align: center;
    font-weight: bold;
    font-size: 1.1rem;
    margin-bottom: 20px;
    text-transform: uppercase;
    color:#67ad41 ;
}
.stk-cart
{
    color:#ff2b39 ;
    font-weight: bold;
}
.badge-pro
{
    background: #008264;
}
.menu-item
{
    padding: 0!important;
}
.promo
{
    left: 10px;
    position: absolute;
    background: #ff356a;
    color: #fff;
    width: auto;
    height: auto;
    z-index: 99;
    padding: 5px;
    border-radius: 3px;
}
.promo-article
{
    left: 10px;

    background: #ff356a;
    color: #fff;

    height: auto;

    padding: 5px;
    border-radius: 3px;
}
.price-promo
{
    font-size: 0.8rem;
    text-decoration: line-through;
}

.price-promo-article
{
    font-size: 1.5rem;
    text-decoration: line-through;
}

.link-categorie {
    color: #ffffff;
    font-weight: bold;
}
.cate-maj
{
    margin-top: 20px;
    margin-bottom: 20px;
}
.socc
{
    margin-right: 20px;
}
.present-index
{
    font-size: 1.6rem;
    padding: 25px;
    text-align: center;
    margin-top: 35px;
    margin-bottom: 35px;
}
.txt-custom strong
{
    font-weight: bold;
}

.shoes-colors {
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    justify-content: left
}

.shoes-colors span {
    width: 28px;
    height: 28px;
    margin: 5px 10px;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    /*border: 1px solid #f4f4f4;*/
    border: 1px solid #000000;

}

.shoes-colors .active:after {
    content: "";
    width: 44px;
    height: 44px;
    border: 2px solid #8888;
    position: absolute;
    border-radius: 50%;
    box-sizing: border-box;
    left: -9px;
    top: -9px
}
.img-logo-prod
{
    max-height: 100px;
}
.boeckmann
{

    padding: 15px;
    font-weight: bold;
    border-bottom: 2px solid #e3000e;
    border-top: 2px solid #000;
    margin-bottom: 15px;

}
.boeckmann img
{
    max-height: 70px;
}
.showallbrand
{
    width: 100%;
    text-align: center;
    font-size: 0.9rem;
    margin-bottom: 30px;
    color: #67ad41;
    text-transform: uppercase;
    font-weight: bold;
}
.showallbrand a
{
    color: #67ad41;
}
.content-pdf
{
    border:#67ad41 1px solid;
    padding-top: 25px;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
    margin: 5px;
    padding-bottom: 15px;

}
.content-pdf a
{
    color: #67ad41;
}
.title-doc
{
    margin-bottom: 20px;
    font-weight: bold;
}
.content-list-pdf
{
    margin-bottom: 15px;
}
.msgartpro
{
    color: #67ad41;
    text-align: center;
    font-weight: bold;
}
.content-img-p
{
    /*max-height: 500px!important;*/
}
.control-slide
{
    color: #67ad41!important;
}
.content-page img
{

    max-width: 100%;
    height: auto;
}
.content-recrutement {
    margin-bottom: 25px;
}
.owl-prev
{
    color: #67ad41!important;
}
.owl-next
{
    color: #67ad41!important;
}
.owl-nav button:hover
{
    background: none!important;
}
.owl-prev:hover
{
    color: #ee3124!important;
}
.owl-next:hover
{
    color: #ee3124!important;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span
{
    background: #ee3124!important;
}
.owl-theme .owl-dots .owl-dot span
{
    background: #94cc76!important;
}
.color-j
{
    color: #67ad41;
}
.pagination .page-item.active .page-link
{
    background-color: #67ad41;
}
.pagination .page-item.active .page-link:hover
{
    background-color: #67ad41;
}
.form-check-input[type=radio].with-gap:checked+label:after, .form-check-input[type=radio]:checked+label:after, label.btn input[type=radio].with-gap:checked+label:after, label.btn input[type=radio]:checked+label:after {
    background-color: #67ad41;
}
.form-check-input[type=radio].with-gap:checked+label:after, .form-check-input[type=radio].with-gap:checked+label:before, .form-check-input[type=radio]:checked+label:after, label.btn input[type=radio].with-gap:checked+label:after, label.btn input[type=radio].with-gap:checked+label:before, label.btn input[type=radio]:checked+label:after {
    border: 2px solid #67ad41;
}
.range-field input[type=range]+.thumb {

    background-color: #67ad41;
}
.range-field input[type=range]+.thumb .value
{
  background-color: #67ad41;
}
.range-field input[type=range]+.thumb .value {
    color: #67ad41;
    }
.noprod
{
    width: 100%;
    text-align: center;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.showbrand img
{
    max-height: 150px;
}
.txt-recrutement strong
{
    font-weight: bold;
}
.txt-actualite strong
{
font-weight: bold;
}
.dev3-grey .dev3-main
{
   /*background: #95a721!important;*/
   background: linear-gradient(to bottom, #95a720 0, #a8be23  100%)!important;

}
.dev3-grey .dev3-item>li:not(.dev3-searchbar)>a {
    color:#fff!important;
}
.dev3-grey .dev3-item>li:not(.dev3-searchbar)>a:hover {
    color:#4b4845!important;
}
.footlist p>a
{
    margin-bottom: 0!important;
}
.breads
{
    padding-top:20px;
    padding-bottom: 20px;
}
.green-sens
{
    color:#95a720!important;
}
.grey-sens
{
    color:#4b4845!important;
}
.categoriefooter
{
    font-size: 0.9rem;
    padding-bottom: 5px;

}
.categoriefooter a
{
    color:#4b4845;
}
.titleproduct
{
    font-size: 1.875rem;
}
.title-leaf
{
    color: #4b4845;
  line-height: 1;
  font-size: 35px;
  margin-top: 15px;
  font-weight: 800;
  margin-bottom: 35px;
  font-family: 'Poppins', sans-serif;
}
.bg-leafgrad
{
        background: linear-gradient(to bottom, #95a720 0, #a8be23 100%) !important;
        width:100%;
        height:70px;
}
.dev3-grey .dev3-dropdown-menu, .dev3-grey .dev3-mega-menu {
    background: #f9f9f9 !important;
    border-bottom: 7px solid #95a721 !important;
}
.dev3-grey .dev3-cart-menu {

    border-bottom: 7px solid #95a721 !important;
}
.imgproduct
{
    max-height: 180px;
}
.productvign
{
    margin-bottom: 15px;
}
.titleproductlist
{
    min-height:75px;
}
.badge-leaf
{
    background:#95a721;

}
.title-categories
{
    text-align: center;
    font-size: 2.4rem;
    color:#4b4845!important;
    text-transform: uppercase;
    font-weight: bold;
}
.titleproduct
{

    font-size: 1.9rem;
    color:#4b4845!important;
    text-transform: uppercase;
    font-weight: bold;
}
.refprod
{
    font-size: 0.7rem;
    text-transform: uppercase;
    font-weight: bold;
}
.desc_courte
{
    text-align: left;
    padding-top:20px;
    padding-bottom: 20px;
    font-size: 0.9rem;
}
.pictoleaf img
{
    max-height: 60px;
}
.formarticle
{
    background: 0 0;
    float: right;
    position: relative;
    width: 100%;
    border: 1px solid #eee;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 0;
    margin: 0;
    text-indent: 15px;
    font-size: 11px;
    height: 40px;
    z-index: 2;
    outline: 0;
    border-radius: 4px;
    transition: .7s;
}
.descarticle
{
    text-align: left;
    padding-top:20px;
    padding-bottom: 20px;
    font-size: 0.9rem;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    border-bottom:#95a720 4px solid!important;
}
.nav-tabs .nav-link:hover
{
    background-color:#95a720 ;
}
.nav-item a:hover
{
    color:#fff!important;
}
.nav-item a
{
    font-weight: bold;

}
#ex-with-icons-content
{
   padding:20px;
}
.blocknewsletter
{
    background: #4b4845;
    min-height:70px;
    color:#fff;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
/* Simple Lightbox (responsive, sans zoom) */
.slb-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.75);
  display:none;
  z-index:999999;
  padding:24px;
  box-sizing:border-box;
}

.slb-overlay.is-open{
  display:flex;
  align-items:center;
  justify-content:center;
}

.slb-img{
  display:block;
  /* Taille "originale" tant que ça rentre */
  width:auto;
  height:auto;

  /* Si l'image est trop grande, elle se réduit pour tenir dans l'écran */
  max-width:calc(100vw - 48px);
  max-height:calc(100vh - 48px);

  /* Pas de crop */
  object-fit:contain;

  /* Interdiction du zoom automatique */
  transform:none !important;

  box-shadow:0 10px 40px rgba(0,0,0,.35);
}
.lightz
{
    cursor: zoom-in;
}

/* ============================================================
   Popup "Ajouté au panier" — masquée par défaut (toutes pages)
   Les styles complets sont dans article.css
   ============================================================ */
#cart-popup {
    position: fixed;
    top: 24px;
    right: -420px;
    width: 370px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 14px 50px rgba(0,0,0,0.18);
    z-index: 999999;
    overflow: hidden;
    transition: right 0.44s cubic-bezier(0.34,1.22,0.64,1);
    pointer-events: none;
    opacity: 0;
}
#cart-popup.cart-popup-visible {
    right: 24px;
    pointer-events: auto;
    opacity: 1;
    transition: right 0.44s cubic-bezier(0.34,1.22,0.64,1), opacity 0.15s ease;
}
@media (max-width: 480px) {
    #cart-popup {
        width: calc(100vw - 24px);
        top: auto;
        right: 12px !important;
        left: 12px;
        bottom: -350px;
        border-radius: 14px 14px 0 0;
        transition: bottom 0.44s cubic-bezier(0.34,1.22,0.64,1), opacity 0.15s ease;
    }
    #cart-popup.cart-popup-visible {
        bottom: 0;
        right: 12px !important;
    }
}

/* ============================================================
   VIGNETTE PRODUIT — styles partagés (catégorie, accueil, search)
   ============================================================ */
.srch-product-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.07);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: box-shadow 0.25s, transform 0.2s;
}
.srch-product-card:hover {
    box-shadow: 0 6px 22px rgba(148,165,30,0.16);
    transform: translateY(-2px);
}
.srch-product-img-wrap {
    position: relative;
    overflow: hidden;
    background: #fff;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #f0f0f0;
}
.srch-product-img {
    max-width: 100%;
    max-height: 160px;
    object-fit: contain;
    transition: transform 0.3s;
    padding: 8px;
}
.srch-product-card:hover .srch-product-img { transform: scale(1.04); }
.srch-product-img-overlay {
    position: absolute;
    inset: 0;
    background: rgba(148,165,30,0.08);
    opacity: 0;
    transition: opacity 0.2s;
}
.srch-product-card:hover .srch-product-img-overlay { opacity: 1; }
.srch-product-no-img { font-size: 3rem; color: #e0e0e0; }
.srch-product-body {
    padding: 14px 16px 16px;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.srch-product-name {
    font-weight: 700;
    font-size: 0.88rem;
    color: #2a2a2a;
    line-height: 1.35;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-decoration: none;
}
.srch-product-name:hover { color: #94a51e; }
.srch-product-decli {
    font-size: 0.78rem;
    color: #94a51e;
    font-weight: 600;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.srch-product-decli i { font-size: 0.65rem; opacity: 0.7; flex-shrink: 0; }
.srch-product-ref { font-size: 0.72rem; color: #bbb; margin-bottom: 8px; }
.srch-product-attrs {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 10px;
    min-height: 26px;
}
.srch-product-attrs img {
    width: 22px;
    height: 22px;
    object-fit: contain;
    opacity: 0.85;
    transition: opacity 0.15s, transform 0.15s;
}
.srch-product-attrs img:hover { opacity: 1; transform: scale(1.15); }
.srch-product-price-row {
    margin-top: auto;
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin-bottom: 12px;
}
.srch-product-price-from { font-size: 0.7rem; color: #94a51e; font-weight: 600; white-space: nowrap; }
.srch-product-price { font-size: 1.1rem; font-weight: 800; color: #1a1a1a; }
.srch-product-price-label { font-size: 0.72rem; color: #aaa; text-transform: uppercase; }
.srch-product-price-na { font-size: 0.85rem; color: #999; font-style: italic; }
.srch-product-btn {
    background: linear-gradient(135deg, #94a51e, #a7bd22);
    color: #fff !important;
    border: none;
    border-radius: 8px;
    padding: 9px 14px;
    font-size: 0.85rem;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    display: block;
    transition: background 0.25s, transform 0.15s, box-shadow 0.2s;
    box-shadow: 0 2px 8px rgba(148,165,30,0.28);
}
.srch-product-btn:hover {
    background: linear-gradient(135deg, #7a8a18, #94a51e);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(148,165,30,0.40);
    color: #fff !important;
}