 */

/* ============================================================
   ANTI-CAPITALES FORCÉES : UN SITE ÉLÉGANT ET LISIBLE
============================================================ */
body, h1, h2, h3, h4, h5, a, span, p, div, 
.product-title, .wb-product-name, .product-price, 
.facet-label, .category-name, .title_block,
.menu, #header, .content_price {
    text-transform: none !important;
    letter-spacing: normal !important;
}

body {
    font-family: 'Work Sans', sans-serif;
    color: #000;
    font-size: 16px;
    line-height: 20px;
    width: 100%;
    letter-spacing: 0.5px;
    background: #fff;
}
main{
    font-size: 0.875rem;
    background-color: #fff;
}
.lb-nav a{
    transition: none !important
}
a{
    color: #000;
    text-decoration: none;
    transition: 0.3s ease;
}
ul{
    margin-bottom: 0;
}
[disabled]{
    cursor: no-drop !important;
}
a:hover,a:focus,button:focus{
    color: #0033A0;
    text-decoration: none;
    outline: none;
}
.owl-carousel{
     z-index: 1;
}
:focus{
    outline: none;
}
.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.img-responsive{
    display: block;
    max-width: 100%;
    height: auto;
}
#wrapper{
    min-height: 350px;
}
.fancybox-skin{
    background-color: #fff;
}
svg{
    vertical-align: middle;
    transition: 0.3s ease
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}
.spwish{
    margin: 0 5px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{
    border-radius: 0px;
}
.ui-front li a span{
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: normal;
    text-transform: capitalize;
    color: #222;
    cursor: pointer;
}
.ui-state-focus, .ui-widget-content .ui-state-focus{
    border: none;
    background: transparent;
    background-image: none;
}
.ui-widget-content{
    border: 1px solid #eee !important;
}
.ui-front li:hover span, .ui-front li:focus span{
    color: #cfae7a;
}
.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active{
    margin: 0;
}
#product_comparison .product-image-block img{
    max-width: 250px;
}
#index #content-wrapper{
    padding: 0
}
/*loader start */
.s-panel{
    position: relative;
    background-color: #fff;
}
.s-panel .wrloader {
    background: url('../../assets/img/loader.gif') 50% 50% no-repeat rgba(255, 255, 255, 1);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
}
.s-panel img{
    border-radius: 0px;
}
#bar{
    width: 0%;
    max-width: 100%;
    height: 3px;
    background: #0033A0;
    border-radius: 0px;
}
#progressBar{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
/* add to cart modal */
.cart-content-btn .btn-primary{
    width: 100%;
}
#blockcart-modal .cart-content .cart-content-btn {
    display: flex;
}
#blockcart-modal .cart-content p span{
    color: #333;
    font-weight: 600;
}
#blockcart-modal .cart-products-count i{
    margin-right: 10px;
}
.divide-right{
    padding-bottom: 20px;
}
.cart-content{
    background-color: #fff;
    padding: 0 15px 15px 15px;
    border-radius: 0 0 0px 0px;
}
.mhr{
    margin: 0;
    padding: 12px 0;
}
#blockcart-modal .close{
    padding: 15px;
}
.modprice .regular-price{
    font-size: 12px;
}
.modprice .product-price-and-shipping{
    margin-bottom: 0
}
.modprice{
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 4px;
}
#blockcart-modal .cart-products-count{
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 20px;
    display: inline-block;
}
#blockcart-modal .modal-title{
    padding: 15px 15px;font-weight: 600;
}
#blockcart-modal .modal-body{
    padding: 0;
    font-size: 14px;
}
.wb-modal .modal-content{
    margin: 0;
}
#blockcart-modal .modal-content{
    border-radius: 0px 0px 0 0
}

/* cart dropdown */
#blockcart-modal .product-image{
    border: 2px solid #000;
    padding: 2px;
    border-radius: 0px;
}
.head-cart-drop {
    width: 300px;padding: 0;margin: 0;
    box-shadow: 0 0px 5px rgba(0,0,0,0.175);
    border: none;
    margin-top: 5px;
}
.cart-drop-table {
    max-height: 300px;
    overflow: auto;
}
.cart-det{
    padding: 10px;
}
.cart-det .no-items{
    margin: 0;
    color: #222;
}
.cart-img img{
    max-width: 70px;
    border: 2px solid #000;
    padding: 2px;
    border-radius: 0px;
}
.cart-name{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 85%;
    margin-bottom: 5px;
}
.cart-drop-table li{
    vertical-align: top;
}
.cartclose{
    position: absolute;
    right: 0;
    top: 0;
}
.cart-down{
    position: relative;
    margin-bottom: 10px;
}
.qtyp li{
    display: block;
}
.qtyp li span{
    display: inline-block
}
.qtyp{
    width: 68%;
    margin: 0 3px;
}
.cdroptable{
    width: 100%;
}
.cdroptable td{
    border: 1px solid #eee;
    font-size: 13px;
    letter-spacing: 0.3px;
    padding: 5px 3px;
}
.cart-det .btn-primary{
    margin-top: 10px;
}

/* search */
.dblock{
    display: block;
}
.dnone{
    display: none;
}
body.active-search .wbSearch {
    opacity: 1;
    transform: translateY(0);
}
.wbSearch{
    z-index: 9999;
    position: fixed;
    top: 0;
    right: 0;
    display: flex;
    background-color: rgba(18,18,18,.9);
    opacity: 0;
    transition: all 0.3s ease-in-out;
    transform: translateY(-100%);
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 24px;
}
.wbSearch .close-nav {
    color: #fff;
    display: inline-block;
    padding-left: 10px;
    line-height: 0;
    position: relative;
    top: 4px;
}
.wbSearch .close-nav i{
    font-size: 14px;
}
.wbSearch #search_block_top{
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
    width: 100%;
}
#searchbox.input-group{
    width: auto;
}
body.active-search .wbSearch #search_block_top{         
    animation: fadeInDown 0.3s 0.2s ease-out both;
}
#search_toggle{
    border: none;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    background: transparent;
    padding: 0;
    margin: 0;
}
.cart-c{
    background: #0033A0;
    color: #121212;
    border-radius: 100%;
    width: 14px;
    height: 14px;
    line-height: 14px;
    display: inline-block;
    font-size: 11px;
    text-align: center;
    position: absolute;
    right: 0;
    top: -4px;
}

/* topbar */
.hbottom {
    max-width: 1880px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    align-items: center;
}
.cartdropd li{
    position: relative
}
.user-info h4,.cartdropd h4{
    font-size: 14px;
    text-transform: capitalize;
    color: #282828;
    font-weight: 600;
}
.user-info,.cartdropd{
    color: #121212;
    transition: 0.3s ease;
    text-transform: capitalize;
    font-size: 16px;
}
.user-info:hover,.cartdropd:hover{
    color: #0033A0;
}
.svgbg{
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
.svgbg svg,#search_toggle svg{
    width: 20px;
    height: 20px;
}
.possvg{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    text-align: center;
    display: flex;
    align-items: center;
}
#mywishlist td.wishlist_delete a{
    border-radius: 0px;
}
.language-selector .dropdown-menu, .currency-selector .dropdown-menu{
    display: none;
}
.wb-cart-item-info .discount-percentage{font-size: 11px;}
.fixed {
    position: fixed !important;
    z-index: 9 !important;
    top: 0 !important;
    transition: 0.4s top cubic-bezier(.3, .73, .3, .74);
    left: 0;
    right: 0;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    padding: 15px 0 !important;
}
.fixed .header-nav{
    padding: 10px 0;
}
.language-selector button,.currency-selector button{
    display: block;
    width: 100%;
    border: 1px solid #eee;
    border-radius: 0px;
    padding: 2px 10px;
    margin-top: 10px;
}
.language-selector button i,.currency-selector button i{
    margin-top: 7px;
}
.user-down{
    min-width: 13.4rem;
    line-height: 28px;
    padding: 10px 12px;
    text-transform: capitalize;
    margin: 0;
    letter-spacing: 0;
    box-shadow: 0 0px 5px rgba(0,0,0,0.175);
    border: none;
}
.user-down #_desktop_language_selector .dropdown-menu,.user-down #_desktop_currency_selector .dropdown-menu {
    position: unset;
    float: none;
    width: unset;
    box-shadow: unset;
    border: 1px solid #eee;
    margin-top: 2px;
}
.user-down i{
    width: 17px;
}
.content_price.product-price-and-shipping{
    margin-top: 0;
}
.cartdropd{ 
    position: relative
}
.search-toggle svg,.blockcart svg{
    cursor: pointer;
}
.svgbg:hover svg,.wishtlist_top:hover svg,.hcom:hover svg,.cartdropd:hover svg,.user-info:hover svg,#search_toggle:hover svg{
    fill: #0033A0;
}
.hcart span{
    display: inline-block;
    vertical-align: middle;
}
#_desktop_logo a{
    display: inline-block;vertical-align: middle;
}
.search_widget{
    padding: 0
}

/* menu */
.wb-menu-vertical .view_more{
    position: relative;
}
#_desktop_top_menu {
    position: relative;
}
.view_more a {
    text-transform: uppercase;
    cursor: pointer;
    color: #0033A0;
}
/* slide btn */
.slide-flex {
    display: flex !important;
    align-items: center !important;
}
.slick-dotted.slick-slider {
    margin-bottom: 0;
}
.slidecap h2{
    color: #121212;
    font-size: 55px;
    text-transform: capitalize;
    font-weight: 500;
    max-width: 550px;
    margin: 0;
    transform: translateX(300px);
    opacity: 0;
    transition: opacity 0.3s 0.8s,-webkit-transform 0.5s 0.8s;
}
.slidecap p{
    font-size: 20px;
    font-weight: 500;
    color: #7b7b7b;
    margin: 25px 0;
    transform: translateX(-300px);
    opacity: 0;
    transition: opacity 0.5s 1s,-webkit-transform 0.5s 1s;
    color: #777
}
.slidecap .slidehref{
    transform: translateX(-300px);
    opacity: 0;
    transition: opacity 0.5s 1.2s,-webkit-transform 0.5s 1.2s;
    display: block
}
.slidedes h3 {
    font-size: 20px;
    color: #7b7b7b;
    text-transform: capitalize;
    font-weight: 400;
    margin-bottom: 10px;
    transition: all 1.5s ease;
    transform: translateX(100px);
}
.slidecap .btn-primary{
    padding: 11px 36px;
    text-transform: uppercase;
}
.slidedes {
    overflow: hidden;
    position: relative;
    z-index: 9;
    left: 145px;
    direction: ltr;
}
.homeslider-container .slick-current.slick-active .slidecap h5,.homeslider-container .slick-current.slick-active .slidecap h2,.homeslider-container .slick-current.slick-active .slidecap p,
.homeslider-container .slick-current.slick-active .slidecap .slidehref,
.homeslider-container .slick-current.slick-active .slidedes h3{
    transform: none;
    opacity: 1
}
.homeslider-container .owl-theme .owl-controls .owl-buttons{
    position: unset;margin: 0
}
.s-panel .slick-dots li button::before, .s-panel .slick-dots li.slick-active button::before {
    background-color: #0033A0;
    color: #cfae7a;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    border: 3px solid #fff;
}
.s-panel .slick-dots{
    bottom: 15px;
}
.homeslider-container .owl-carousel.owl-theme .owl-controls .owl-buttons div{
    position: absolute;
    background: #0033A0;
    text-shadow: none;
    border-radius: 100%;
    min-width: 40px;
    min-height: 40px;
    opacity: 0;
    color: #fff;
    padding: 7px 0;
    margin: 0;
    text-align: center;
    border: none;
}
.homeslider-container .owl-carousel.owl-theme .owl-controls .owl-buttons div:hover{
    background-color: #000;
    color: #fff;
}
.homeslider-container .owl-theme.owl-carousel .owl-buttons div i {
    font-size: 24px;
    margin: 0;
}
.homeslider-container .owl-carousel.owl-theme:hover .owl-controls .owl-buttons div{
    opacity: 1;
}
.homeslider-container .owl-controls .owl-buttons .owl-prev,.homeslider-container .owl-controls .owl-buttons .owl-next{
    top: 45%;transition: 0.3s ease;
}
.homeslider-container .owl-carousel:hover .owl-buttons .owl-prev {
    left: 30px;
}
.homeslider-container .owl-carousel:hover .owl-buttons .owl-next {
    right: 30px;
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    border-radius: 20px;
    background: #0033A0;
}
.owl-controls .owl-page.active span {
    background: #0033A0;opacity: 1;
}
.owl-controls .owl-page span {
    display: block;
    width: 11px;
    height: 11px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 20px;
}
.owl-controls .owl-page {
    display: inline-block;
}
.owl-pagination {
    text-align: center;
}
.homeslider-container .owl-pagination{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}
.homeslider-container .owl-controls .owl-page{
    display: inline-block
}

.owl-carousel.owl-theme .owl-controls .owl-buttons div{
    margin: 0;
    padding: 8px 0 0 0;
    background-color: #fff;
    transition: 0.3s ease;
    display: inline-block;
    text-align: center;
    border: none;
    border-radius: 100%;
    font-size: 30px;
    text-transform: uppercase;
    min-width: 50px;
    min-height: 50px;
    color: #000;
    opacity: 0;
    position: absolute;
    top: 40%;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.13);
} 
.owl-carousel.owl-theme .owl-controls .owl-buttons div:hover{
    background-color: #fff;
    color: #0033A0;
}
.product-tab-item .owl-carousel.owl-theme .owl-controls .owl-buttons div{
    top: 50%
}
.owl-carousel.owl-theme:hover .owl-controls .owl-buttons div{
    opacity: 1
}
.owl-carousel.owl-theme .owl-controls .owl-buttons div:hover svg{
    fill: #fff;
}
.owl-carousel.owl-theme .owl-controls .owl-buttons div svg{
    width: 18px;
    height: 17px;
}
.owl-carousel.owl-theme .owl-controls .owl-buttons div.owl-prev{
    left: 0;
}
.owl-carousel.owl-theme .owl-controls .owl-buttons div.owl-next{
    right: 0;
}
.s-panel .slick-prev,.s-panel .slick-next{
    top: 45%;
    background: #fff;
    box-shadow: 0px 0px 6px 0px rgba(1, 1, 1, 0.06);
    width: 60px;
    height: 60px;
    border-radius: 100%;
    font-size: 26px;
    color: #777;
    transition: 0.3s ease-in-out;
    opacity: 0
}
.s-panel .slick-prev:hover,.s-panel .slick-next:hover{
    background: #fff;
    color: #0033A0;
}
.s-panel:hover .slick-prev,.s-panel:hover .slick-next{
    opacity: 1
}
.s-panel .slick-prev{
    top: 45%;
    left: 15px;
    right: auto;
}
.s-panel .slick-next{
    top: 45%;
    right: 15px;
}
/* banner */
.offerb{
    border-bottom: 1px solid #eee;
    padding-bottom: 80px;
    margin-top: 80px;
}
.offerb .row{
    display: flex;
    align-items: center;
}
.offerbdesc h2{
    font-size: 45px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 10px;
}
.offerbdesc p {
    font-weight: 400;
    line-height: 28px;
    margin: 60px 0;
}
.offerbdesc h5 {
    font-size: 30px;
    margin-top: 0;
    margin-bottom: 10px;
}
.off-sign{
    content: '';
    background-image: url('../img/sign.png');
    background-repeat: no-repeat;
    width: 215px;
    height: 83px;
    display: block;
}
.banner-bg-offer {
    margin-top: 80px;
}
.offer-flex {
    display: flex;
    align-items: center;
}
.off-ca {
    position: unset;
    background: url('../img/offer-bg.jpg') no-repeat 0 50%;
    padding: 100px 15px;
    text-align: center;
}
.off-img {
    padding: 0;
}
.offer-banner-caption h2 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 37px;
    color: #5b5b5b;
    text-transform: capitalize;
    font-weight: 600;
}
.offer-banner-caption h2 span {
    color: #121212;
}
.banner-bg-offer .row{
    margin-left: 0;
    margin-right: 0;
}
/* product */  
.pro-tab ul li a{
    text-transform: uppercase;
    font-size: 18px;
    position: relative;
    font-weight: 600; 
    color: #121212;
    padding: 8px 32px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.pro-tab ul li a.active,.pro-tab ul li a:hover{
    background-image: url('../img/tab-bg.png');
}
.pro-tab ul li{
    position: relative;
    margin: 0 20px;
}
.reducep{
    position: absolute;
    right: 10px;
    top: 10px;
    margin: 0 auto;
    display: inline-block;
    text-transform: uppercase;
    line-height: normal;
    font-size: 11px;
    border: none;
    background: #0033A0;
    color: #fff;
    padding: 0 6px;
} 
.product-flag.on-sale{
    background: #222;
    color: #fff;
    border-radius: 0px;
    text-transform: uppercase;
    font-size: 11px;
    padding: 0 3px;
    margin-bottom: 5px;
}
.sale{
    position: absolute;
    bottom: 20px;
    left: 20px;
    margin: 0 auto;
    display: inline-block;
    text-transform: uppercase;
    line-height: normal;
    font-size: 11px;
    border: none;
    background: #ec2c2c;
    color: #fff; 
    padding: 3px 6px;
    border-radius: 0px;
}
.thumbnail-container .product-flags .new{
    margin: 0 auto;
    display: inline-block;
    text-transform: uppercase;
    line-height: normal;
    font-size: 11px;
    border: none;
    background: #000;
    color: #fff;
    padding: 3px 6px;
    border-radius: 0px;
}
.thumbnail-container .second-img{
    top: 0;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: all 400ms ease-in-out 0s;
}
.thumbnail-container:hover .second-img{
    opacity: 1;
}
.wb-image-block{
    position: relative;overflow: hidden;
    border-radius: 0px;
    border: 6px solid #121212;
}
.wb-image-block img{
    border-radius: 0px;
    padding: 10px;
}
.owl-carousel .owl-item img{
    width: auto;
}
.productmcat {
    color: #777;
    text-transform: capitalize;
    margin: 0 auto;
    text-align: center;
    font-size: 15px;
}
.thumbnail-container{
    position: relative;
    overflow: hidden;
    transition: 0.3s ease;
    background-color: #fff;
    border-radius: 0px;
}
.thumbnail-container:hover{
    border-color: #0033A0;
}
.product-tab-item .thumbnail-container{
    margin-bottom: 30px;
}
.product-tab-item .product-miniature:last-child .thumbnail-container{
    margin-bottom: 1px;
}
.product-title{
    font-size: 18px;
    text-transform: capitalize;
    transition: 0.3s ease;
    letter-spacing: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 10px 0;
    font-weight: 400;
}
.product-title:hover,.product-title:hover a{
    color: #0033A0;
}
.thumbnail-container .product-price-and-shipping {
    min-height: 22px;
    transition: 0.3s ease-in-out;
}
.price{
    font-size: 18px;
    letter-spacing: 0;
    font-weight: 600;
    display: inline-block;
    min-height: 22px;
}

.thumbnail-container .button-group{
    position: absolute;
    right: 40px;
    bottom: 19%;
    transition: 0.3s ease-in-out;
    opacity: 0
}
.thumbnail-container:hover .button-group{
    opacity: 1
}
.thumbnail-container .button-group a,.thumbnail-container .button-group button{
    background-color: #fff;
    border: none;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 0; 
    text-align: center;
    transition: 0.3s ease;
    padding: 11px 8px;
    width: 58px;
    height: 46px;
    text-transform: capitalize;
    font-weight: 500;
    margin: 0 3px;
    /* box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.13); */
    background: url('../img/button-bg.png') 50% 50% no-repeat;
}
.thumbnail-container .button-group span{
    display: none;
}
.thumbnail-container .button-group .add-to-cart-product,.thumbnail-container .button-group .compare,.thumbnail-container .button-group .quick,.thumbnail-container .button-group .wish{
    vertical-align: middle;
    display: block;
    width: 58px;
}
.thumbnail-container .button-group a:hover,.thumbnail-container .button-group button:hover{
    background-color: #0033A0;
    background: url('../img/button-bg-hover.png') 50% 50% no-repeat;
    color: #fff
}
.thumbnail-container .comments_note i,.thumbnail-container .star_content i{
    font-size: 13px;
}
.thumbrel{
    position: relative
}
/* rating */
.comments_note {
    display: inline-block;
    position: absolute;
    top: 19px;
    right: 20px;
}
.wb-list-product-reviews .avg-rate {
    width: 50px;
    overflow: hidden;
    height: 20px;
    text-align: center;
}
.wb-list-product-reviews .avg-rate {
    transition: 0.2s ease;
}
.avg-rate span {
    display: inline-block;
    top: -1px;
    position: relative;
    margin: 0 2px;
}
.wb-list-product-reviews .avg-rate i {
    color: #fff;
}
.wb-list-product-reviews:hover .or-rate {
    opacity: 1;
    transform: scale(1);
}
.wb-list-product-reviews .or-rate {
    opacity: 0;
    transform: scale(0);
}
.wb-list-product-reviews:hover .emstar, .thumbnail-container .variant-links .js-count.count {
    display: none;
    transform: scale(0);
}
.avg-rate {
    display: inline-block;
    background-color: #219c00;
    color: #fff;
    border-radius: 0;
    vertical-align: middle;
    cursor: pointer;
}
.wb-list-product-reviews .avg-rate:hover {
    width: 128px;
}
/* special product */
.wb_product_countdown{
    margin-top: 8px;
}
.propage .wb_product_countdown{
    margin-top: 15px;
}
.wb_product_countdown div{
    display: inline-block;
    vertical-align: middle
}
.wb_product_countdown div span.wb_countdown_days_digit{
    background: transparent;
    color: #777;
    font-size: 13px;
}
.wb_product_countdown div strong{
    color: #777;
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px;
}
.wb_product_countdown div span {
    background-color: #0033A0;
    color: #fff;
    border-radius: 2px;
    position: relative;
    min-width: 22px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
}
.wb_product_countdown div::after{
    content: ':';
    margin: 0 2px;
}
.wb_product_countdown div:first-child::after,.wb_product_countdown div:last-child::after{
    display: none
} 
/* category */
.cate-bg {
    background: linear-gradient(360deg, rgba(255,255,255,1) 8%, rgba(225,220,216,1) 8%, rgba(225,220,216,1) 88%, rgba(255,255,255,1) 88%);
    margin: 80px 0px 0 0px;
}
.cat-pa {
    padding: 0 22px;
}
.first-cate {
    margin-top: 200px;
}
.cate-bg .heading h3 {
    font-size: 20px;
    max-width: 300px;
    line-height: 30px;
}
.cate-bg .heading{
    margin-top: 0;
}
.cate-img-bg img {
    border: 5px solid #121212;
}
.last-cate {
    position: relative;
    top: 130px;
}
.middle-cate {
    position: relative;
    top: 40px;
}
.cate-bg .heading span::after {
    border-bottom: 1px solid #cac6c2;
    margin: 30px 0;
}
.cat-img h2 {
    font-size: 20px;
    margin-bottom: 50px;
    margin-top: 10px;
}
.homecategory {
    display: flex;
    align-items: center;
}
/* rating */
 .obar {
    background-color: #f5f5f5;
    width: 100px;
    border-radius: 5px;
    overflow: hidden;
    height: 16px;
    position: relative;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
.ibar {
    background-color: #5FD841;
    width: 0;
    height: 100%;
}
.ibar.bar1 {
    width: 20%;
    background-color: #E84C3D;
}
.ibar.bar2 {
    width: 40%;
    background-color: #e67e22;
}
.ibar.bar3 {
    width: 60%;
    background-color: #f1c40f;
}
.ibar.bar4 {
    width: 80%;
    background-color: #96D940;
}
.ibar.bar5 {
    width: 100%;
    background-color: #5FD841;
}
.pro-review .starm {
    position: unset;
    transition: none;
    transform: none;
    width: auto;
}
.star-main {
    background-color: #f5f5f5;
    width: 100%;
    border-radius: 0px;
    overflow: hidden;
    height: 5px;
    position: relative;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    top: -8px;
}
.total-avg {
    width: 150px;
    vertical-align: baseline;
    background-color: #f5f5f5;
    border-radius: 0px;
    height: 5px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    position: relative;
    top: 9px;
}
.rate-avg {
    position: absolute;
    background-color: #fff;
    box-shadow: 0 3px 16px 0 rgba(0,0,0,.11);
    padding: 10px;
    border-radius: 5px;
    z-index: 1;
    left: 15px;
    margin-top: 35px;
    opacity: 0;
}
.avg-rate:hover ~ .rate-avg{
    opacity: 1;
}
.rate-avg .num{
    width: 10px;
}
.avgt {
    font-size: 12px;
}
.rate-avg i{
    font-size: 10px;
}
.starm{
    height: 5px;
    transition: all 0.4s ease-in-out;
    width: 0px;
}
.arltr .avg-rate i{
    font-size: 12px;
    margin-right: 2px;
}
.d-inline-block.avg-rate{
    padding: 0 5px 1px 5px;
    border-radius: 0px;
}
.totl {
    color: #666;
    width: 12px;
    text-align: center;
    font-size: 12px;
}
#productCommentsBlock .rate-avg{
    opacity: 1;
    position: unset;
    margin-top: 0;
    box-shadow: none;
}
#productCommentsBlock .avgt{
    font-size: 32px;
}
.ratea{
    font-size: 22px;
}
.rateavg-bo,#productCommentsBlock .rate-avg{
    vertical-align: middle;
    margin-bottom: 20px;
}

.pro-review .avg-rate{
    padding: 0 8px;
}
.pro-review .avg-rate i{
    margin-left: 2px;color: #fff;
}
.pro-review strong{
    text-transform: capitalize;
}
.pro-review .starm.bar5 {background-color: #388e3c;}
.pro-review .starm.bar4 { background-color: #388e3c;}
.pro-review .starm.bar3 {background-color: #388e3c;}
.pro-review .starm.bar2 {background-color: #ff9800;}
.pro-review .starm.bar1 {background-color: #ff6161;}


.avg-rate:hover ~ .rate-avg .starm.bar5 {background-color: #388e3c;}
.avg-rate:hover ~ .rate-avg .starm.bar4 {background-color: #388e3c;}
.avg-rate:hover ~ .rate-avg .starm.bar3 {background-color: #388e3c;}
.avg-rate:hover ~ .rate-avg .starm.bar2 {background-color: #ff9800;}
.avg-rate:hover ~ .rate-avg .starm.bar1 {background-color: #ff6161;}


.starm{
    height: 5px;
    left: 0;
    position: absolute;
    width: 0;
    transform-origin: left center;
    transition: -webkit-transform .4s cubic-bezier(0,0,.3,1) .3s;
    transition: transform .4s cubic-bezier(0,0,.3,1) .3s;
    transition: transform .4s cubic-bezier(0,0,.3,1) .3s,-webkit-transform .4s cubic-bezier(0,0,.3,1) .3s;
}
.avg-rate ~ .rate-avg .starm.bar5{
    transform: scaleX(0);
    transition: -webkit-transform 0s linear .2s;
    transition: transform 0s linear .2s;
    transition: transform 0s linear .2s,-webkit-transform 0s linear .2s
}
.avg-rate ~ .rate-avg .starm.bar4{
    transform: scaleX(0);
    transition: -webkit-transform 0s linear .3s;
    transition: transform 0s linear .3s;
    transition: transform 0s linear .3s,-webkit-transform 0s linear .3s
}
.avg-rate ~ .rate-avg .starm.bar3{
    transform: scaleX(0);
    transition: -webkit-transform 0s linear .4s;
    transition: transform 0s linear .4s;
    transition: transform 0s linear .4s,-webkit-transform 0s linear .4s
}
.avg-rate ~ .rate-avg .starm.bar2{
    transform: scaleX(0);
    transition: -webkit-transform 0s linear .5s;
    transition: transform 0s linear .5s;
    transition: transform 0s linear .5s,-webkit-transform 0s linear .5s
}
.avg-rate ~ .rate-avg .starm.bar1{
    transform: scaleX(0);
    transition: -webkit-transform 0s linear .6s;
    transition: transform 0s linear .6s;
    transition: transform 0s linear .6s,-webkit-transform 0s linear .6s
}
.avg-rate:hover ~ .rate-avg .starm.bar5 {
    background-color: #388e3c; 
    transform: scaleX(1); 
    transition: transform .2s cubic-bezier(0,0,.2,1) .2s,-webkit-transform .2s cubic-bezier(0,0,.2,1) .2s
}
.avg-rate:hover ~ .rate-avg .starm.bar4 {
    background-color: #388e3c; 
    transform: scaleX(1); 
    transition: transform .3s cubic-bezier(0,0,.3,1) .3s,-webkit-transform .3s cubic-bezier(0,0,.3,1) .3s
}
.avg-rate:hover ~ .rate-avg .starm.bar3 {
    background-color: #388e3c; 
    transform: scaleX(1); 
    transition: transform .4s cubic-bezier(0,0,.4,1) .4s,-webkit-transform .4s cubic-bezier(0,0,.4,1) .4s
}
.avg-rate:hover ~ .rate-avg .starm.bar2 {
    background-color: #ff9800; 
    transform: scaleX(1); 
    transition: transform .5s cubic-bezier(0,0,.5,1) .5s,-webkit-transform .5s cubic-bezier(0,0,.5,1) .5s
}
.avg-rate:hover ~ .rate-avg .starm.bar1 {
    background-color: #ff6161; 
    transform: scaleX(1); 
    transition: transform .6s cubic-bezier(0,0,.6,1) .6s,-webkit-transform .6s cubic-bezier(0,0,.6,1) .6s
}

.pro-review {
    border: 1px solid #eee;
    background-color: #fff;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 15px;
    border-radius: 0px;
}
.rhead,.block-category .bh{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
}
.rhead span,.block-category .bh span{
    border-bottom: 2px solid #0033A0;
    padding-bottom: 8px;
    display: inline-block;
}
.bg-re5 {background-color: #388e3c; color: #fff;}
.bg-re4 {background-color: #388e3c; color: #fff;}
.bg-re3 {background-color: #388e3c; color: #fff;}
.bg-re2 {background-color: #ff9800; color: #fff;}
.bg-re1 {background-color: #ff6161; color: #fff;}
/* heading */
.pro-tab{
    margin-bottom: 30px;
}
.heading{
    margin: 30px 0 0 0;
    position: relative;
    text-transform: capitalize;
}
#index .heading{
    margin: 80px 0 0 0;
    position: relative;
    text-transform: capitalize;
}
.heading span{
    font-size: 32px;
    color: #000;
    margin-bottom: 0;
    font-weight: 600;
    margin-top: 0;
}
.heading span::after {
    content: '';
    border-bottom: 1px solid #eee;
    width: 85px;
    position: relative;
    height: 1px;
    display: block;
    margin: 30px auto;
}
.thumbnail-container .obar {
    width: 100%;
    height: 10px;
}
.obar {
    background-color: #f5f5f5;
    width: 100px;
    border-radius: 0px;
    overflow: hidden;
    height: 16px;
    position: relative;
    vertical-align: middle;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
.ibar {
    background-color: #5FD841;
    width: 0;
    height: 100%;
}
.ibar.bar1 {
    width: 20%;
    background-color: #E84C3D;
}
.ibar.bar2 {
    width: 40%;
    background-color: #e67e22;
}
.ibar.bar3 {
    width: 60%;
    background-color: #f1c40f;
}
.ibar.bar4 {
    width: 80%;
    background-color: #96D940;
}
.ibar.bar5 {
    width: 100%;
    background-color: #5FD841;
}
.pavilable .item-quantity{
    font-size: 12px;
}
/* blog */
.blogda {
    font-size: 28px;
    margin: 0;
    font-weight: 600;
}
.blogmo {
    font-size: 16px;
    margin: 0;
    text-transform: uppercase;
}
#blog .post_thumbnail::before {
    width: 345px;
    height: 108%;
    position: absolute;
    content: '';
    border: 1px solid #0033A0;
    top: -15px;
    left: -15px;
    z-index: -1;
}
#blog .post_thumbnail{
    margin-bottom: 0;
    margin-top: 15px;
    margin-left: 15px;
}
#blog .blog_post_content_bottom::after {
    background-color: #e1dcd8;
    width: 130px;
    height: 100px;
    position: absolute;
    content: '';
    bottom: -15px;
    right: -15px;
    z-index: -1;
}
.wbblogs_success {
    background: #92d097;
    color: #157b39;
    padding: 5px 10px;
    display: block;
    margin-top: 8px;
}
.post_content p{
    color: #999;
    font-size: 14px;
    line-height: 21px;
    margin: 0 0 20px 0;
}
.blog_post_content_bottom .read_more i{
    transform: rotate(180deg);
    font-size: 14px;
    vertical-align: text-bottom;
}
.blogdt{
    margin-bottom: 8px;
}
.blog_post_content_bottom .read_more{
    border: none;
    background-color: #121212;
    text-transform: uppercase;
    padding: 15px 26px;
    color: #fff;
    line-height: 11px;
    font-size: 14px;
}
.blog_post_content_bottom .read_more:hover{
    background-color: #0033A0;
    color: #121212;
}
#blog .blog_post_content_bottom{
    position: relative;
    padding: 30px 30px 0 30px;
    margin: -30px 40px 15px 40px;
    background-color: #fff;
}
.post_title{
    font-size: 16px;
    text-transform: capitalize;
    transition: 0.3s ease;
    margin: 8px 0;
    font-weight: 500;
    line-height: 23px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0;
}
.post_title:hover{
    color: #0033A0;
}
.blogdt span{
    color: #666
}
.blog_mask .icon {
    transform: translate(-50%, -50%);
    background: #0033A0;
    display: inline-block;
    min-width: 35px;
    min-height: 35px;
    text-align: center;
    padding: 6px 0;
    margin: 0 5px;
    border-radius: 0px;
    color: #fff;
}
.post_thumbnail{
    position: relative
}
.post_thumbnail:hover .blog_mask{
    opacity: 1;
    visibility: visible;
    z-index: 1;
    border-radius: 0px;
    -webkit-transform: scale(0.94,0.9);
}
.blog_mask .icon:hover {
    background-color: #000;
    color: #fff;
}
.blog_mask {
    opacity: 0;
    visibility: hidden;
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: 0.3s ease;
    -webkit-transform: scale(0.8);
    background-color: rgba(255, 255, 255, 0.4);
    padding: 10px;
    border-radius: 0px;
}
.blog_mask_content{
    position: absolute;
    left: 20px;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: 50%;
}
.date-time {
    font-weight: 400;
    position: absolute;
    top: 0;
    background-color: #cfae7a;
    color: #fff;
    width: 80px;
    height: 80px;
    text-align: center;
    left: 0;
    padding: 13px 0;
    z-index: 9;
}
.allbl{
    padding: 15px 0 0 0;
    border: none;
    position: unset;
    margin: 0;
}
.barr{
    padding: 0 15px;
}
.allbl .meta_author{
    color: #222;
}
.allbl .post_meta span{
    margin: 0 10px;
}
.allbl .content_more{
    margin-top: 10px;
}
.allbl .post_content {
    color: #555;
    line-height: 23px;
    font-size: 14px;
}
.allbl .post_content p{
    margin-bottom: 0;
    margin-top: 0;
    color: #999;
}
.allbl .content_more{
    padding: 0;
}
.allbl .post_title{
    margin-bottom: 0;
    font-size: 16px;
    padding: 0;
    font-weight: 600;
    line-height: normal;
    border: none;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.archb .post_thumbnail{
    position: relative;
}
.archb .post_thumbnail .material-icons{
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.archb{
    margin-bottom: 30px;
}
#module-wbblog-single .post_title{
    height: auto;
    font-size: 16px;
    text-transform: capitalize;
    margin-top: 10px;
    min-height: auto;
    margin-bottom: 8px;
    cursor: pointer;
    transition: 0.3s ease;
    border: none;
    font-weight: 600;
}
#module-wbblog-single .blog_post_content_top{
    margin-top: 0;
}
#module-wbblog-archive .blog_post_content{
    margin-bottom: 20px;
    float: left;
    width: 100%;
}
#module-wbblog-archive .content_more a{
    text-decoration: none;
}
#module-wbblog-single .page-footer{
    margin-top: 0;
}
#module-wbblog-single .blog_post_content{
    padding: 0;
    margin-bottom: 20px;
    border-radius: 0px;
}
#blog_post .post_thumbnail img{
    border-radius: 0px;
}
.blogdl{
    color: #aaa;
    font-size: 13px;
    font-weight: 500;
    padding: 5px 0;
}
.post_d i{
    font-size: 14px;
    color: #aaa;
    margin-right: 10px;
}
.post_d a,.post_d span{
    color: #aaa;
    transition: 0.3s ease;
    display: inline-block;
}
.post_d a:hover{
    color: #000;
}
.post_d .fa-eye{
    margin-left: 10px;
}
.post_d{
    margin-top: 10px;
    text-transform: capitalize;
    font-size: 13px;
}
.post_metas li{
    display: inline-block;
}
.comment_list li{
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    margin-bottom: 0;
}
.comment_list li:last-child{
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.allbl .meta_category{
    margin: 0 15px;
}
.wco{
    margin-left: 33px;
}
/* comment */
.commlist{
    background-color: #fff;
    margin-bottom: 15px;
    margin-top: 10px;
    border: 1px solid #eee;
}
.comment_content{
    padding: 10px 15px;
}
.fn{
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0 7px;
}
.vcard img{
    height: 61px;
    width: 61px;
}
.comment_content i{
    font-size: 18px;
    padding-right: 15px;
    line-height: 30px;
}
.wco{
    margin-left: 38px;
    position: relative;
    top: 6px;
    margin-bottom: 10px;
    font-size: 12px;
    color: #777;
}
/* newsletter */
.block_newsletter .alert{
    margin-top: 5px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 11px;
    padding: 3px 10px;
    color: #000;
}
.block_newsletter h5{
    font-size: 22px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 20px;
}
.block_newsletter p{
    color: #808080;
    margin-bottom: 30px;
    font-size: 16px;
}
.block_newsletter form .btn-primary{
    background-color: transparent;
    color: #fff;
    fill: #0033A0;
    height: 40px;
    font-size: 24px;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    right: 0;
    min-width: unset;
    border-radius: 0 0px 0px 0;
    padding: 0;
    z-index: 9;
}
.block_newsletter form .btn-primary:hover{
    color: #0033A0;
}
/* footer */
.footapp{
    display: inline-block;
    vertical-align: middle;
    z-index: 1;
    position: relative;
    padding: 0 20px;
    background: #1a1a1a;
}
.footapptop {
    position: relative;
}
.footapptop::after {
    content: '';
    border-bottom: 2px solid #252525;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 26px;
}
#scroll {
    position: fixed;
    bottom: 60px;
    right: 20px;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    z-index: 2;
    background: #0033A0;
    min-width: 40px;
    min-height: 40px;
    overflow: hidden;
    display: block;
    text-align: center;
    opacity: 1;
    transition: all 0.5s ease-in-out 0s;
    transform: scale(1);
    padding: 10px 0;
    border-radius: 0px;
}
#scroll.scrollhide{
    bottom: -100px;
    opacity: 0;
    transform: scale(0); 
}
#scroll:hover{
    background-color: #000;
    color: #fff
}
.email{
    word-break: break-all;
}
#footer_contact .icon {
    margin-right: 15px;
}
.links h6, .links h6 a, .c-info {
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 15px;
    color: #fff;
}
.footer-container li a, .fthr .block, .fthr .data a,#footer #block_myaccount_infos .lnk_wishlist{
    cursor: pointer;
    font-size: 15px;
    letter-spacing: 0.5px;
    line-height: 33px;
    color: #ddd;
    padding: 0;
    transition: 0.3s all ease-in-out
}
.footer-container li a:hover,.fthr .block:hover,.fthr .data a:hover,#footer #block_myaccount_infos .lnk_wishlist:hover{
    color: #0033A0;
    opacity: 1;
}
.footer-container {
    padding: 50px 0;
}
#footer_contact .icon svg{
    fill: #0033A0
}
#footer .data {
    margin-left: 34px;
}
#footer #block_myaccount_infos .lnk_wishlist i{
    display: none
}
#footer #block_myaccount_infos .lnk_wishlist{
    float: none;padding: 0
}
.fthr h3{
    margin-top: 25px;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 15px;
    color: #fff;
}
.block-social li,.foot-payment li,.footsmenu li{
    display: inline-block;vertical-align: middle
}
.foot-payment li a{
    font-size: 24px;
    color: #aaa;
}
.foot-payment li a:hover{
    color: #0033A0;
}
.foot-payment li i{
    margin: 0 5px;
    transition: 0.3s ease
}
.block-social li a {
    line-height: normal;
    text-align: center;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    background-color: #fff;
    min-width: 42px;
    min-height: 42px;
    padding: 11px 0 0 0;
    margin: 1px;
    border-radius: 100%;
    color: #fff;
}
.block-social li a:hover {
    background-color: #000;
    color: #fff !important;
}
.block-social{
    margin-top: 20px;
}
#footer{
    background-color: #121212;
    margin-top: 30px;
}
#index #footer{
    margin-top: 0;
}
.copy{
    padding: 15px 0;
    border-top: 1px solid #252525;
    margin-top: 60px;
}
.copy a._blank{
    color: #fff;
    display: block;
}
.copy a._blank:hover{
    color: #0033A0;
}
/* social follow */
.facebook a::before {
    content: "\f09a";
    font-family: fontAwesome;
}
.twitter a::before {
    content: "\f099";
    font-family: fontAwesome;
}
.googleplus a::before {
    content: "\f0d5";
    font-family: fontAwesome;
}
.pinterest a::before {
    content: "\f231";
    font-family: fontAwesome;
}
.instagram a::before {
    content: "\f16d";
    font-family: fontAwesome;
}
 .rss a::before {
    content: "\f09e";
    font-family: FontAwesome;
}
.youtube a::before {
    content: "\f167";
    font-family: FontAwesome;
}
.vimeo a::before {
    content: "\f27d";
    font-family: FontAwesome;
}
.snapchat a::before {
    content: "\f2ab";
    font-family: FontAwesome;
}
.linkedin a::before {
    content: "\f0e1";
    font-family: FontAwesome;
}
/* product page */
.blockreassurance_product .item-product{
    height: 45px;
}
.propage .wbproductcountdown{
    margin-top: 10px;
    display: inline-block;
}
.propage .wbproductcountdown h4{
    display: none
}
.propage .wbpc-main .count{
    background-color: #fff;
}
.product-additional-info .compare, .product-additional-info .panel-product-line {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}
.product-additional-info svg {
    display: none;
}
.product-additional-info .add_to_compare, .product-additional-info .prowish {
    display: inline-block;
    vertical-align: middle;
    background-color: #0033A0;
    color: #121212;
    text-transform: capitalize;
    font-size: 14px;
    padding: 6px 15px;
    border-radius: 0px;
    transition: 0.3s ease;
    margin-bottom: 4px;
    border: none;
    cursor: pointer;
}
.product-additional-info .add_to_compare:hover, .product-additional-info .prowish:hover {
    background-color: #000;
    color: #fff;
}
.wb-dropdown-cart .discount-amount{
    background-color: transparent;
    padding: 0;
    color: #000;
}
.discount-amount,.propage .discount-percentage{
    background: #88cb86;
    color: #fff;
    font-size: 12px;
    padding: 2px 5px;
    border-radius: 0px;
}
.propage .current-price span{
    display: inline-block;vertical-align: middle;
}
.propage .current-price span:nth-child(1){
    font-size: 26px;
    letter-spacing: 0;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
}
.propage .product-discount .regular-price{
    font-size: 14px;
}
.product-pack .h4{margin-bottom: 10px;}
.block-reassurance-item .h6{
    font-size: 13px;
    color: #777;
    line-height: 20px;
}
.tabpro{
    margin-top: 50px;
}
.js-thumb,#zoom{
    cursor: pointer;
    border: 1px solid #eee;
    border-radius: 0px;
}
/* #zoom {
    border: 15px solid #000;
    padding: 15px;
} */
.thumb.js-thumb {
    border: 2px solid #000;
    padding: 2px;
}
.product-tab .nav-tabs .nav-link{
    padding: 15px 12px;
    font-weight: 600;
    font-size: 16px;
}
.arltr .wb-list-product-reviews, #ratep, .retesp {
    display: inline-block;
    vertical-align: middle;
    margin-top: 0;
}
.retesp{
    margin: 0 5px;
}
#description p{
    margin-bottom: 0;
    line-height: 22px;
}
#product .thumb-container {
    padding: 0 3px;
}
.product-tab .tab-pane{
    padding: 15px;
}
.product-prices{
    border-bottom: 1px solid #eee;
    padding-bottom: 16px;
}
.prodes p{
    margin-bottom: 0
}
/* .quickview .prodes p{
    height: 92px;
    overflow: hidden;
} */
.prodes,.product-variants .product-variants-item{
    border-bottom: 1px solid #eee;
    padding: 16px 0;
    margin-bottom: 0;
}
.product-actions{
    padding-bottom: 16px;
}
.propage hr{
    border-top: 1px solid #eee;
}
.social-sharing{
    margin-top: 15px;
}
.propage h1 {
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 600;
}
.pcust{
    font-size: 12px;
}
.product-customization-item label{
    font-weight: 500;
    text-transform: capitalize;
}
.propage .control-label {
    margin-right: 10px;
    font-size: 14px;
    letter-spacing: 0.8px;
    margin-top: 0;
    font-weight: 600;
    vertical-align: middle;
    display: inline-block;
}
.propage .product-variants .product-variants-item ul,.propage .product-quantity{
    display: inline-block;vertical-align: middle
}
.product-quantity .add{
    margin: 0 10px;
}
.product-variants > .product-variants-item ul li label{
    margin-bottom: 0;
}
.propage .product-variants > .product-variants-item .color{
    margin-top: 0px;
    width: 20px;
    height: 20px;
}
#idWishlist{
    border: 1px solid #eee;
    height: 33px;
    -moz-appearance: none;
    -webkit-appearance: none;
    text-transform: capitalize;
    background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAPklEQVR4Ae3TwREAEBQD0V/6do4SXPZg7EsBhsQ8IEmSMOsiuEfg3gL3oXC7wK0bd1G4o8X9F4yIkyQfSrIByQBjp7QuND8AAAAASUVORK5CYII=") no-repeat scroll right 0rem center/1.25rem 1.25rem;
    padding: 5px 15px 5px 5px;
}
.product-tab .nav-item{
    display: inline-block;
}
.arltr a{
    text-transform: capitalize;
    display: inline-block;
}
.arltr i{
    margin-right: 5px;
}
.propage .open-comment-form::after{
    content: '|';
    padding: 0 20px;
}
.product-tab{
    border: 1px solid #eee;
    background-color: #fff;
    margin-top: 30px;
    margin-bottom: 30px;
    position: relative;
    border-radius: 0px;
}
.product-tab .nav-tabs{
    border-bottom: 1px solid #eee;
}
.attachment h4,.product-features .h6{
    margin-bottom: 10px;
    text-transform: capitalize;
}
.product-tab .nav-tabs .nav-item a.active::before {
    background-color: #0033A0;
    height: 2px;
    width: 40px;
}
.product-tab .nav-tabs .nav-item a::before {
    background-color: transparent;
    content: "";
    height: 2px;
    margin: 0 auto;
    position: absolute;
    top: 48px;
    transition: all 0.4s ease-out 0s;
    width: 3px;
}
.product-reference{
    margin-top: 10px;
}
.prodes p{
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 23px;
}
.product-tab .nav-tabs .nav-link.active{
    color: #0033A0;
}
/* category page */
.category-cover img{
    border-radius: 0px;
    padding: 2px;
    border: 2px solid #000;
}
#_desktop_search_filters_clear_all button.js-search-filters-clear-all{
    background: #000;
    color: #fff;
    border: none;
    text-transform: capitalize;
    padding: 8px 10px;
}
#_desktop_search_filters_clear_all button.js-search-filters-clear-all:hover{
    background-color: #333;
}
.products-selection {
    margin: 0 0 15px 0;
    background-color: #fff;
    border: 1px solid #eee;
    padding: 10px 0;
    border-radius: 0px;
}
#search_filters .facet .facet-label .custom-checkbox, #search_filters .facet .facet-label .custom-radio{
    top: 0
}
.quickview .product-add-to-cart{
    padding-top: 15px;
}
#category-description{
    padding: 5px 0;
}
.facet li{
    margin-top: 12px
}
.facet-title{
    color: #cfae7a;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 15px;
    margin-top: 20px;
    font-weight: 700;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 10px;
}
.facet-label a span {
    display: inline-block;
    position: absolute;
    right: 30px;
    font-size: 12px;
    color: #333;
    text-align: center;
}
#_desktop_search_filters_clear_all {
    margin-top: 15px;
}
.wb-grid-list{
    margin-top: 5px;
}
.total-products p {
    margin-bottom: 0;
    margin-top: 6px;
}
.products-sort-order .select-title {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    border: none;
    color: #fff;
    font-size: 14px;
    padding: 6px 5px 1px 5px;
    background-color: #222;
    border-radius: 0px;
}
.products-sort-order i{
    position: relative;
    top: -1px;
}
#new-products .products-sort-order .select-title{
    letter-spacing: 0;font-size: 12px;
}
.products-sort-order .dropdown-menu {
    border: none;
    right: 15px;
    left: 15px;
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
}
.lgrid svg{
    fill: #aaa;
    cursor: pointer;
    margin-right: 6px;
}
.wb-grid-list .selected svg{
    fill: #222
}
.wb-product-grid .thumbnail-container .button-group{
    bottom: 23%;
}
.products-sort-order .select-list {
    display: block;
    padding: 2px 8px;
    line-height: 25px;
    font-size: 14px;
}
.products-sort-order .select-list:hover {
    background: #222;
    color: #fff;
    text-decoration: none;
}
.page-content p{
    margin-bottom: 10px;
}
.sort-by{
    margin-top: 7px;
}
.listds{
    display: none;
}
.wb-product-list .listds{
    display: block;
}
.listds,.listds p{
    font-size: 13px;
    color: #aaa;
    line-height: 21px;
    margin-bottom: 0;
    letter-spacing: 0.5px;
    overflow: hidden;
    max-height: 44px;
}
.listds{
    margin-top: 0;
    margin-bottom: 6px;
}
.bh{
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 500;
}
.wb-product-list .wb-image-block{
    padding: 0;overflow: hidden;
}
#js-product-list .product-miniature{
 margin-block-start: 7px;
    padding: 0;
}
.wb-product-grid .item-product, .wb-product-list .item-product {
    margin-bottom: 20px;
}
.wb-product-list .thumbnail-container .button-group{
    position: unset;
    margin-top: 10px;
    transition: none;
    text-align: left;
    opacity: 1;
}
.wb-product-list .thumbnail-container .button-group a, .wb-product-list .thumbnail-container .button-group button{
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
    background: #fff;
    width: 40px;
    height: 40px;
    padding: 9px 8px;
    display: inline-block;
    margin: 2px 2px;
    transition: none;
}
.wb-product-list .thumbnail-container .button-group a:hover, .wb-product-list .thumbnail-container .button-group button:hover{
    background: #0033A0;
}
.wb-product-list .thumbnail-container .button-group .add-to-cart-product, .wb-product-list .thumbnail-container .button-group .compare,
.wb-product-list .thumbnail-container .button-group .quick, .wb-product-list .thumbnail-container .button-group .wish{
    display: inline-block;    
}
.wb-product-list .thumbnail-container .button-group .add-to-cart-product{
    width: auto;
}
/* pagination */
.pagination {
    text-align: center;
    border: 1px solid #eee;
    background-color: #fff;
    text-transform: capitalize;
    padding: 7px 0;
    display: inline-block;
    border-radius: 0px;
}
.pagination i{
    font-size: 20px;
    margin-top: -2px;
}
.pagination .page-list li a {
    display: inline-block;
    background: #0033A0;
    color: #fff;
    text-align: center;
    font-weight: normal;
    margin: 0;
    padding: 6px 7px 4px 7px;
    width: 35px;
    line-height: 24px;
    font-size: 15px;
    border-radius: 0px;
}
.pagination .text-xs-left {
    line-height: 34px;
}
.pagination .page-list li a:hover,.pagination .page-list li a:focus,.pagination .page-list li.current a{
    background: #000;
    color: #fff;
}

/* other page */
.logos {
    padding: 45px 0;
    background-color: #f5f5f5;
    margin-top: 0px;
    margin-top: 80px;
}
.thumbnail-container .product-thumbnail{
    display: block
}
.wbpopupnewsletter,#moda_popupnewsletter .close{
    border-radius: 0px;
}
.wbpopupnewsletter .popup_text p{
    font-size: 14px;
}
.brand.row {
    background: #fff;
    margin-top: 15px;
    margin-left: 0;
    margin-right: 0;
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 0px;
}
#search_filters .ui-slider-horizontal{
    z-index: 0;
}
.sale-bkg .sale{
    display: none
}
.wb-modal .modal-content{
    border-radius: 0px;
}
.js-terms a{
    color: #0033A0;
    text-transform: capitalize;
    font-weight: 500;
}
#contact .card{
    border: none;
    padding: 0;
}
.product-line-grid-body{
    line-height: 25px;
}
#module-wbblog-single .page-footer,#index .page-footer,#product .page-footer{
    margin-top: 0;
}
.page-footer{
    margin-top: 30px;
}
/* banner effect */
.beffect a {
    display: block;
    overflow: hidden;
    position: relative;
}
.beffect:hover a::before {
    right: 50%;
    left: 50%;
    width: 0;
    background: rgba(0, 0, 0, 0.05);
}
.beffect:hover a::after {
    height: 0;
    top: 50%;
    bottom: 50%;
    background: rgba(0, 0, 0, 0.05);
}
.beffect a::before, .beffect a::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgba(255, 255, 255, 0);
    transition: all 0.7s ease-in-out;
}
@media (max-width: 1500px){
    .owl-carousel .owl-buttons .owl-prev{
        left: 0
    }
    .owl-carousel .owl-buttons .owl-next{
        right: 0;
    }
}
@media (min-width: 768px){
    .wb-product-list .productmcat{
        bottom: 8px;
    }
    .wb-product-list .product-title {
        font-size: 1.1rem;
    }
    .sticky{
        position: sticky;
        top: 15px;
    }
    .wb-product-list .wb-product-desc{
        text-align: left;padding: 10px;margin-top: 5px;
    }
    .wb-product-list .wb-product-desc .price{
        font-size: 18px;
    }
}
@media (min-width: 992px){ 
    .brand.row{
        display: flex;
        align-items: center;
    }
    .brand.row .brand-infos p{
        margin: 0;
    }
    #index .header-top{
        position: absolute;
        left: 0;
        right: 0;
        z-index: 1;
        padding: 26px 0;
        border-bottom: none;
    }
    .header-top{
        padding: 15px 0;
        border-bottom: 1px solid #eee;
    }
    #_desktop_user_info,#_desktop_cart{
        position: relative;cursor: pointer;
        margin-left: 26px;
    }

}
@media (min-width: 992px) and (max-width: 1199px){
    .wb-product-grid .item-product{
        width: 50%;
    }
    .wb-product-list .wb-image-block{
        width: 40%;
    }
    .wb-product-list .wb-product-desc{
        width: 60%;
    }
    #blog .blog_post_content_bottom {
        padding: 15px 15px 0 15px;
        margin: -15px 20px 15px 20px;
    }
    .slidedes {
        left: 15px;
    }
    .thumbnail-container .button-group {
        bottom: 26%;
    }
    .offer-banner-caption h2 {
        font-size: 24px;
    }
    #_desktop_user_info, #_desktop_cart{
        margin-left: 20px;
    }
    .svgbg svg, #search_toggle svg {
        width: 26px;
        height: 26px;
    }
    .block_newsletter h5{
        font-size: 20px;letter-spacing: 0
    }
    .block_newsletter form .btn-primary{
        padding: 0 15px;
    }
    .wb-menu-vertical li.level-1 > a, .view_menu a{
        font-size: 14px;letter-spacing: 0
    }
    .wb-menu-vertical li.level-1, .view_menu{
        margin: 0 12px;
        letter-spacing: 0
    }
    .headtleft{
        font-size: 13px;letter-spacing: 0
    }
    #search_category{
        width: 130px;
    }
    .homeofr .homeofrinner a{
        font-size: 16px;
    }
    .slidecap h2{
        font-size: 32px;
        max-width: 508px;
    }
    .offerbdesc p {
        margin: 0;
    }
    .offerbdesc h2 {
        font-size: 34px;
    }
    #search_filters .facet .facet-label a, #search_filters_brands .facet .facet-label a, #search_filters_suppliers .facet .facet-label a{
        letter-spacing: 0px;font-size: 13px;
    }
    #search .wb-product-grid .item-product,#manufacturer .wb-product-grid .item-product,#search .wb-product-list .wb-image-block,#manufacturer .wb-product-list .wb-image-block{
        width: 33.33%;
    }
    #search .wb-product-list .wb-product-desc,#manufacturer .wb-product-list .wb-product-desc{
        width: 66.66%;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .offer-banner-caption h2 {
        font-size: 14px;
    }
    .cate-bg .heading h3 {
        font-size: 14px;
        line-height: 20px;
    }
    .slidedes {
        left: 15px;
    }
    .desktop-search,#_mobile_user_info,#_mobile_cart{
        margin-top: 7px;
    }
    #menu-icon .navbar-toggle{
        margin-top: 9px !important;
    }
    .fpay{
        margin-top: 15px;
    }
    .top-menu a[data-depth="0"]{
        text-transform: capitalize;
    }
    #search_category{
        width: 130px;
    }
    #search .wb-product-grid .item-product,#manufacturer .wb-product-grid .item-product{
        width: 33.33%;
    }
    #search .wb-product-list .wb-image-block,#manufacturer .wb-product-list .wb-image-block{
        width: 33.33%;
    }
    #search .wb-product-list .wb-product-desc,#manufacturer .wb-product-list .wb-product-desc{
        width: 66.66%;
    }
    .product-line-grid-right .qty{
        padding: 0
    }
    .footer-container li a, .fthr .block, .fthr .data a{
        letter-spacing: 0
    }
    #search_filters .facet .facet-label a, #search_filters_brands .facet .facet-label a, #search_filters_suppliers .facet .facet-label a{
        font-size: 13px;letter-spacing: 0
    }
    .slidecap p{
        font-size: 13px;
        margin: 12px 0;
    }
    .slidecap h2{
        font-size: 30px;
    }
    .slidecap .btn-primary{
        margin-top: 15px;
        padding: 8px 15px;
    }
    .offerbdesc p{
        line-height: 20px;
        margin: 15px 0;
        font-size: 12px;
    }
    .offerbdesc h2 {
        font-size: 30px;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .offerbdesc h5{
        font-size: 16px;
        margin-bottom: 0;
        margin-top: 0;
    }
}
@media (max-width: 991px){
    .sale{
        bottom: 2px;
        left: 2px;
    }
    .product-flags {
        top: 0px;
        left: 2px;
    }
    #wrapper .breadcrumb ol{
        margin-top: 0;
    }
    #zoom {
        border: 2px solid #000;
        padding: 2px;
    }
    .comments_note {
        top: 2px !important;
        right: 4px;
    }   
    .hbottom{
        padding: 0;
    }
    #blog .post_thumbnail {
        margin: 0 !important;
    }
    #blog .blog_post_content_bottom{
        padding: 0;
        margin: 0;
    }
    .thumbnail-container .button-group{
        position: unset;
        opacity: 1;
        margin-top: 10px;
    }
    .thumbnail-container .button-group .add-to-cart-product, .thumbnail-container .button-group .compare, .thumbnail-container .button-group .quick, .thumbnail-container .button-group .wish{
        display: inline-block;
        width: 40px;
    }
    .thumbnail-container .button-group .add-to-cart-product{
        width: 44px;
    }
    .thumbnail-container .button-group a, .thumbnail-container .button-group button{
        box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
        background: unset;
        width: 40px;
        height: 40px;
        padding: 9px 8px;
        display: inline-block;
        margin: 2px 2px;
    }
    .thumbnail-container .button-group a:hover,.thumbnail-container .button-group button:hover{
        background: unset;
    }
    .wb-image-block img {
        padding: 2px;
    }
    .wb-image-block {
        border: 2px solid #121212;
    }
    .heading span{
        font-size: 20px;
    }
    .foot-payment li i{
        font-size: 20px;
    }
    .s-panel .slick-prev, .s-panel .slick-next,#blog .blog_post_content_bottom::after,#blog .post_thumbnail::before {
        display: none !important
    }
    .logos{
        margin-top: 30px;
    }
    .owl-carousel.owl-theme .owl-controls .owl-buttons div.owl-prev {
        left: 0;
    }
    .owl-carousel.owl-theme .owl-controls .owl-buttons div.owl-next{
        right: 0
    }
    .header-top{
        padding: 8px 0;
    }
    .wb-menu-vertical li.level-1 > a, .view_menu a{
        text-transform: uppercase;
        font-size: 16px;
    }
    #_mobile_cart{
        position: relative;
    }
    #_mobile_user_info{
        position: relative;
        cursor: pointer;
        margin-left: 10px;
        margin-right: 10px;
    }
    /* sidenav */
    .close-nav span{
        color: #fff;
        text-transform: uppercase;
        font-weight: 500;
    }
    body.active {
        overflow: hidden;
    }
    body.active::before {
        background: rgba(0,0,0,0.7) none repeat scroll 0 0;
        content: "";
        height: 100%;
        left: 0;
        opacity: 0.7;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 99;
        transition: all .2s ease 0s;
    }
    body.active .sidenav {
        overflow-x: unset;
        overflow-y: scroll;
    }
    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 99999;
        top: 0;
        left: 0;
        background-color: #fff;
        transition: 0.5s;
        padding-top: 60px;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
        box-shadow: 5px 0 5px 0 rgba(0,0,0,.06);
        clear: both;
        height: 100%;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .sidenav .close-nav {
        background-color: #000;
        padding: 10px 15px;
        width: 100%;
        display: inline-block;
    }
    #mobile_top_menu_wrapper {
        margin: 0 10px;
        line-height: 20px;
        display: block !important;
    }
    .close-nav i{
        font-size: 16px;
        color: #fff;
    }
    .dnone{
        display: none;
    }
    .dblock{
        display: block;
    }
    #wrapper,#footer{
        display: block !important;
    }
    #menu-icon .navbar-toggle{
        border: none;
        background: transparent;
        padding: 0;
        font-size: 17px;
        cursor: pointer;
        margin-right: 15px;
        margin-top: 14px;
    }
    #_mobile_currency_selector,#_mobile_language_selector{
        display: inline-block;
        border: 1px solid #eee;
        padding: 2px 3px;
        margin-top: 10px;
        font-size: 12px;
        border-radius: 0px;
    }
    #_mobile_currency_selector select,#_mobile_language_selector select{
        -webkit-appearance: none;
        font-size: 12px;
        letter-spacing: 0;
    }
    #_mobile_currency_selector{
        margin: 0 3px;
    }
    .wb-menu-vertical ul li.level-1 ul li a{
        margin: 0
    }
    .wb-menu-vertical{
        position: unset;
    }
    #under-menu{
        display: block
    }
    .product-tab-item .thumbnail-container {
        margin-bottom: 10px;
    }
    .owl-carousel .owl-buttons{
        text-align: center;
        margin-top: 12px;
    }
    .owl-carousel.owl-theme .owl-controls .owl-buttons div{
        padding: 4px 0 0;
        font-size: 20px;
        min-width: 30px;
        min-height: 30px;
        margin: 0 5px;
        opacity: 1;
        position: unset;
    }
    .owl-carousel.owl-theme .owl-controls .owl-buttons div svg {
        width: 15px;
        height: 13px;
    }
    .owl-carousel .owl-buttons{
        right: 5px;top: -54px;
    }
    .cless{
        padding-left: 5px;
        padding-right: 5px;
    }
    .rless{
        margin-left: -5px;
        margin-right: -5px;
    }
    #wbsearch_content_result{
        left: 15px;
        right: 15px;
    }
    .footer-container {
        padding: 30px 0;
    }
    #module-wbcompare-WbCompareProduct .heading.text-xs-center{
        font-size: 20px;
        padding-bottom: 20px;
    }
    .wb-product-grid,.wb-product-list{
        margin: 0 -3px;
    }
    #js-product-list .item-product{
        padding: 0 3px;
    }
    .pagination .text-xs-left{
        font-size: 12px;
        letter-spacing: 0
    }
    .product-customization .custom-file button{
        padding: 0 5px;
        font-size: 12px;
    }
    .product-customization{
        font-size: 12px;
    }
    .product-actions .add-to-cart{
        padding: 0 10px;letter-spacing: 0
    }
    .product-customization .btn-primary.float-xs-right{
        padding: 7px 5px;
        font-size: 12px;
    }
}
@media (max-width: 767px){
    .wb-product-list .wb-product-desc{
        padding: 0;
    }
    .heading h1,.heading h3{
        text-align: center !important;
    }
    .cat-img h2 {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .homecategory {
        display: block;
    }
    .first-cate {
        margin-top: 0;
    }
    .middle-cate, .last-cate {
        top: 0;
    }
    .cate-bg .heading h3 {
        line-height: 20px;
        font-size: 14px;
        margin-bottom: 15px;
    }
    .off-ca {
        padding: 0;
    }
    .offerbdesc p {
        line-height: 20px;
        margin: 0 0;
        font-size: 12px;
    }
    .offerbdesc h2 {
        font-size: 30px;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .offerbdesc h5{
        font-size: 16px;
        margin-top: 10px;
    }
    .slidedes {
        margin-top: -12px;
        margin-right: 10px;
        left: 15px;
    }
    .product-title{
        padding: 6px 0;
        font-size: 14px;
    }
    .svgbg svg, #search_toggle svg {
        width: 22px;
        height: 22px;
    }
    .wb_product_countdown div span.wb_countdown_days_digit{
        font-size: 12px;
    }
    .wb_product_countdown div span{
        width: 20px;
    }
    .wb_product_countdown div::after{
        margin: 0;
    }
    .productmcat{
        font-size: 13px;letter-spacing: 0
    }
    .footer-container {
        padding: 15px 0;
    }
    .allbl{
        padding-top: 8px;
    }
    .wb-product-list .thumbnail-container .button-group{
        text-align: center
    }
    .desktop-search,#_mobile_user_info,#_mobile_cart{
        margin-top: 10px;
    }
    .cart-c strong{
        display: none
    }
    .search_widget{
        margin-top: 12px;
    }
    .button-search{
        padding: 0 20px;
        height: 34px;
    }
    #search_block_top{
        height: 41px;
    }
    #search_query_top{
        height: 40px;
    }
    .slidecap .btn-primary{
        margin-top: 20px;
        padding: 10px 19px;
    }
    .block-social{
        text-align: center;
        margin-top: 15px;
    }
    .pro-tab ul li a{
        font-size: 14px;
        padding: 8px 12px;
        text-transform: capitalize;
    }
    .pro-tab ul li{
        margin: 0 0;
    }
    .block_newsletter form input.btn-primary{
        padding: 0 10px;
    }
    .user-down{
        min-width: 14.4rem;
        right: 0;
        left: auto;
    }
    #_mobile_logo img {
        max-width: 120px;
    }
    .thumbnail-container .button-group button.cartb span{
        display: none
    }
    .thumbnail-container .button-group a, .thumbnail-container .button-group button {
        padding: 2px 0 !important;
        width: 28px !important;
        height: 28px !important;
        border-radius: 0px;
    }
    .thumbnail-container .button-group .add-to-cart-product{
        width: 32px;
    }
    .thumbnail-container .button-group svg{
        width: 18px;height: 17px;
    }
    .thumbnail-container .button-group{
        position: unset;margin-top: 6px;opacity: 1;
    }
    .post_content p{
        font-size: 13px;
    }
    .price{
        font-size: 15px;
    }
    .regular-price{
        font-size: 11px;
    }
    #module-wbblog-single .post_title{
        font-size: 14px;
    }
    .propage h1{
        margin-top: 10px;
    }
    .total-avg{
        width: 120px;
    }
    .wb-menu-vertical .menu-vertical{
        display: block
    }
    .wb-menu-vertical{
        left: 0
    }
    .wb-product-list .listds{
        margin-bottom: 3px;margin-top: 0;
    }
    .listds, .listds p,.post_content span{
        font-size: 13px;letter-spacing: 0
    }
    .post_title{
        font-size: 14px;
    }
    .block-social li a{
        min-width: 30px;
        min-height: 30px;
        padding: 5px 0;
        margin: 0;
    }
    .thumbnail-container .product-flags .new,.sale{
        font-size: 11px;
    }
    .wb-menu-vertical .wb-sub-menu li.menu-item.bh{
        margin-bottom: 0
    }
    .wb-dropdown-cart.defaultcart{
        top: 40px;
    }
    .post_thumbnail{
        margin-top: 0;
    }
    .facet-label a span{
        position: unset;
    }
    #category #search_filter_toggler{
        padding: 6px 0;
    }
    #blockcart-modal .product-name{
        margin-top: 15px;
    }
    .product-tab .nav-tabs .nav-link {
        padding: 15px 8px;
        font-size: 15px;
        letter-spacing: 0;
    }
    .form-control-label{
        padding-top: 0
    }
    .forgotten-password .form-fields label.required{
        text-align: left;
        padding: 0
    }
    .quickview .propage h1{
        margin-top: 0;
    }
    .quickview .modal-body{
        padding: 0 15px 15px 15px;
    }
    .arltr a,#description p,.prodes p, .product-variants .product-variants-item,.page-content p,.attachment p{
        font-size: 13px;
        letter-spacing: 0.5px
    }
    .links .title .h3{
        font-size: 16px;font-weight: 600;color: #fff;
    }
    .arltr a{
        letter-spacing: 0
    }
}
@media (min-width: 500px) and (max-width: 767px){
    .slidecap h2{
        font-size: 22px;margin: 7px 0;
    }
    .slidecap .btn-primary{
        margin-top: 0;
        padding: 5px 13px;
    }
    .slidecap p{
        overflow: hidden;
        height: 46px;
    }
}
@media (max-width: 499px){
 .slidecap .btn-primary{
        display: none;
    }
    .slidecap p{
        display: none
    }
    .slidecap h2{
        font-size: 16px;margin: 6px 0;
    }
    .slidecap h3{
        font-size: 14px;
    }
}
@media (max-width: 1199px){
    .offerb{
        margin-top: 30px;
        padding-bottom: 30px;
    }
    #index .heading,.banner-bg-offer,.cate-bg,.logos{
        margin-top: 30px;
    }
    .logos{
        padding: 15px 0;
    }
    .footer-container{
        padding: 20px 0;
    }
    .copy{
        margin-top: 20px;
    }
    .heading span::after,.cate-bg .heading span::after {
        margin: 15px auto;
    }
    .quickview .mask,.s-panel .slick-prev, .s-panel .slick-next{
        display: none
    }
    .links h6, .links h6 a, .c-info{
        font-size: 16px;letter-spacing: 0
    }
}
@media (min-width: 1200px){
    .quickview .product-cover img{
        max-width: 500px;
    }
    #search .wb-product-list .wb-image-block,#manufacturer .wb-product-list .wb-image-block{
        width: 20%;
    }
    #search .wb-product-list .wb-product-desc,#manufacturer .wb-product-list .wb-product-desc{
        width: 80%;
    }
}
@media (min-width: 1200px) and (max-width: 1409px){
    .slidedes {
        left: 35px;
    }
    .offer-banner-caption h2 {
        font-size: 28px;
    }
    .wb-menu-vertical li.level-1 > a, .view_menu a{
        font-size: 16px;
    }
    .wb-menu-vertical li.level-1, .view_menu{
        margin: 0 16px;letter-spacing: 0
    }
    .post_content p{
        font-size: 13px;
    }
    .product-line-grid-right .qty{
        padding: 0
    }
    #search .wb-product-grid .item-product,#manufacturer .wb-product-grid .item-product{
        width: 25%;
    }
    .slidecap h2{
        font-size: 60px;
    }
}
@media (min-width: 600px) and (max-width: 767px){
    .cate-bg .heading h3{
        display: none;
    }
    .off-ca {
        padding: 30px 0 !important;
        width: 75%;
    }
    .cat-pa,.first-cate {
        width: 33.33%;
    }
    .offer-banner-caption h2{
        font-size: 16px;
    }
    .lgrid{
        width: 40%;
    }
    .sro{
        width: 60%;
    }
    .wb-product-grid .item-product,.wb-product-list .item-product{
        width: 33.33%;
    }
}
@media (min-width: 360px) and (max-width: 599px){
    .wb-product-list .item-product{
        width: 50%;
    }
}
@media (max-width: 599px){
    #search_category{
        display: none
    }
    .wb-product-list .wb-image-block img,.off-ca,.off-img{
        width: 100%;
    }
    .offer-banner-caption h2{
        font-size: 16px;
    }
    .off-ca {
        background: none;
        margin-bottom: 15px;
    }
    .offer-flex,.offerb .row {
        display: block;
    }
    .barr {
        padding: 0 10px;
    }
    .quickview .modal-dialog{
        width: auto;
        margin: 30px 15px;
    }
    #owl-image-slider .owl-nav{
        display: none
    }
    .quickview .modal-dialog{
        width: auto;
        margin: 30px 15px;
    }
    .sro{
        margin-top: 10px;
    }
    .pagination .text-xs-left,.pagination .text-xs-right{
        text-align: center;
        width: 100%;
    }
    .rname,.post_metas li{
        font-size: 13px;
    }
    .wb-product-grid .item-product{
        width: 50%;
    }
}
@media (min-width: 1410px){
    .wb-product-list .wb-image-block{
        width: 30%;
    }
    .wb-product-list .wb-product-desc{
        width: 70%;
    }
    #left-column{
        width: 22%;
    }
    #content-wrapper.left-column{
        width: 78%;
    }
}
@media(max-width: 350px){
    .thumbnail-container .button-group{
        display: none;
    }
} 
/* Suppression des majuscules automatiques sur les titres et menus */
h1, h2, h3, h4, h5, .products-section-title, .breadcrumb, .menu, .h1, .h2, .h3 {
    text-transform: none !important;
}

.container_wb_megamenu .title-menu,
#header .wb-menu-vertical ul li.level-1 > a,
#header .wb-menu-vertical ul li.level-1 > a span,
#header .wb-menu-horizontal ul li.level-1 > a,
#header .wb-menu-horizontal ul li.level-1 > a span,
#header .wb-menu-vertical ul li.level-1 ul li a,
#header .wb-menu-vertical ul li.level-1 li.item-header a,
.wb-menu-vertical li.level-1,
.wb-menu-vertical li.level-1 > a {
    text-transform: none !important;
}

.ybc_block_latest .title_block, 
.ybc_block_featured .title_block,
.title_blog,
.ybc-blog-latest-toolbar {
    display: none !important;
}

@media (min-width: 992px) {
    .ybc_block_featured_page_home .owl-item,
    .ybc_block_latest_page_home .owl-item {
        width: 50% !important; 
    }
}

.owl-stage-outer {
    overflow: hidden !important; 
}

.ybc_block_featured_page_home li, 
.ybc_block_latest_page_home li {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    display: block !important; 
}

.ybc_item_img {
    display: block !important;
    position: relative !important;
    z-index: 2 !important;
    margin: 25px 20px 0 20px !important; 
    overflow: visible !important;
    height: 260px !important; 
    float: none !important;
}

.ybc_item_img img {
    width: 100% !important;
    height: 100% !important; 
    display: block !important;
    object-fit: cover !important; 
    position: relative !important;
    z-index: 3 !important; 
}

.ybc_item_img:before {
    content: "" !important;
    position: absolute !important;
    border: 1px solid #0033A0 !important; 
    top: -15px !important; 
    left: -15px !important; 
    right: 15px !important; 
    bottom: 30px !important; 
    z-index: 1 !important; 
}

.ybc-date-badge {
    position: absolute !important;
    top: -15px !important; 
    left: -15px !important;
    background: #0033A0 !important;
    color: #fff !important;
    padding: 8px 15px !important;
    text-align: center !important;
    z-index: 20 !important;
    display: flex !important;
    flex-direction: column !important;
    line-height: 1.1 !important;
}
.ybc-date-badge .day { font-size: 18px !important; font-weight: bold !important; display: block !important;}
.ybc-date-badge .month { font-size: 11px !important; text-transform: uppercase !important; display: block !important;}

.ybc-blog-latest-post-content {
    background: #ffffff !important;
    width: 85% !important; 
    height: auto !important; 
    min-height: 0 !important; 
    margin: -40px auto 10px auto !important; 
    position: relative !important;
    z-index: 10 !important; 
    padding: 25px 20px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
    text-align: left !important;
    box-sizing: border-box !important;
    clear: both !important; 
}

.ybc-blog-latest-post-content:after {
    content: "" !important;
    position: absolute !important;
    bottom: -15px !important;
    right: -15px !important;  
    width: 140px !important;   
    height: 109px !important;  
    border-right: 14px solid #8fa8aa !important; 
    border-bottom: 14px solid #8fa8aa !important; 
    background: transparent !important; 
    z-index: 1 !important;
}

.ybc_title_block {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #111 !important;
    margin-bottom: 12px !important;
    display: block !important;
    text-transform: none !important;
    line-height: 1.3 !important;
}

.blog_description p {
    color: #777 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin-bottom: 0 !important;
}

.read_more {
    background: #0033A0 !important;
    color: #fff !important;
    padding: 10px 20px !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    display: inline-block !important;
    margin-top: 15px !important;
    letter-spacing: 1px !important;
    transition: all 0.3s ease !important;
}

.read_more:hover {
    background: #333333 !important; 
    color: #fff !important;
    text-decoration: none !important;
}
.zoomLens, .zoomContainer, .product-cover {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}
#main {
    background-color: #f8f8f8 !important; 
    padding: 20px !important;
}

.product-miniature {
    background: transparent !important;
    box-shadow: none !important;
    padding: 10px !important;
    height: auto !important; 
}

.wb-image-block {
    background: #ffffff !important;     
    padding: 10px !important;            
    border: 6px solid #000000 !important; 
    display: block !important;
    height: auto !important;             
    width: auto !important;
    margin-bottom: 15px !important;
}

.wb-image-block img {
    width: 100% !important;
    height: auto !important; 
    object-fit: contain !important;
    display: block !important;
}

#header .wb-menu-horizontal .category-badge, 
.category-badge {
    background-color: #cfae7a !important;
    color: #ffffff !important;
    border-radius: 2px !important;
}

#header .category-badge::before {
    border-top-color: #cfae7a !important;
}

.btn-primary, .btn-default, .add-to-cart {
    background-color: #0033A0 !important;
    border-color: #0033A0 !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-radius: 0px !important;
    transition: all 0.3s ease !important;
}

.btn-primary:hover, .btn-default:hover, .add-to-cart:hover {
    background-color: #001a52 !important;
    border-color: #001a52 !important;
    color: #ffffff !important;
}

.thumbnail-container .button-group button.add-to-cart,
.thumbnail-container .button-group button.cartb {
    background-color: transparent !important;
    border: none !important;
}

.thumbnail-container .button-group button.add-to-cart:hover,
.thumbnail-container .button-group button.cartb:hover {
    background-color: transparent !important;
    background-image: url('../img/button-bg-hover.png') !important;
}

.thumbnail-container .product-flags {
    position: absolute !important;
    top: 15px !important;
    left: 15px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    z-index: 10 !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.thumbnail-container .product-flags li,
.product-flags .product-flag,
.product-flag {
    display: inline-block !important;
    padding: 6px 14px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    border: none !important;
    color: #ffffff !important; 
    background-color: #1a1a1a !important; 
}

.thumbnail-container .product-flags li.new,
.product-flag.new {
    background-color: #0033A0 !important; 
}

.thumbnail-container .product-flags li.discount,
.thumbnail-container .product-flags li.on-sale,
.product-flag.discount,
.product-flag.on-sale {
    background-color: #8B0000 !important;
}

#idWishlist, 
.wishlist-button-add, 
.btn-wishlist, 
.wishlist, 
.prowish {
    background-color: #ffffff !important;
    background: #ffffff !important; 
    background-image: none !important; 
    color: transparent !important;
    border: 1px solid #dddddd !important;
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    position: relative !important;
    display: inline-block !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
}

#idWishlist::before, 
.wishlist-button-add::before, 
.btn-wishlist::before, 
.wishlist::before, 
.prowish::before {
    content: "\f08a" !important; 
    font-family: 'FontAwesome' !important;
    font-size: 18px !important;
    color: #1a1a1a !important; 
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    line-height: 1 !important;
    display: block !important;
    text-indent: 0 !important; 
    visibility: visible !important;
}

#idWishlist:hover, 
.wishlist-button-add:hover, 
.btn-wishlist:hover, 
.wishlist:hover, 
.prowish:hover {
    background-color: #ffffff !important;
    background: #ffffff !important;
    border-color: #dddddd !important; 
}

#idWishlist:hover::before, 
.wishlist-button-add:hover::before, 
.btn-wishlist:hover::before, 
.wishlist:hover::before, 
.prowish:hover::before {
    content: "\f004" !important; 
    color: #0033A0 !important; 
}

a#send_aap_button i {
    text-decoration: none !important;
    margin-right: 8px !important;
    font-size: 16px !important;
    color: #0033A0 !important; 
}

a#send_aap_button:hover {
    background: transparent !important;
    background-color: transparent !important;
    color: #1a1a1a !important; 
}

a#send_aap_button:hover i {
    color: #1a1a1a !important; 
}

.product-actions, 
.product-buttons,
#product-availability + div {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    flex-wrap: wrap !important; 
}

a#send_aap_button i, 
a#send_aap_button .material-icons {
    display: none !important;
}

.product-actions {
    border-top: none !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.product-additional-info {
    border-top: 1px solid #0033A0 !important; 
    padding-top: 35px !important; 
    margin-top: 45px !important;  
    display: block !important;
    clear: both;
}

.product-additional-info .panel-product-actions, 
.product-additional-info #send_aap_button {
    display: inline-flex !important;
    vertical-align: middle !important;
    align-items: center !important;
}

.product-additional-info img, [class*="payment"] img {
    margin-bottom: 20px !important;
}

.blockreassurance_product, 
.block-reassurance {
    margin-top: 5px !important; 
    padding-top: 15px !important;
}

.blockreassurance_product .item-product,
.block-reassurance .block-reassurance-item,
.product-additional-info li {
    display: flex !important;
    align-items: center !important;
    height: auto !important; 
    margin-bottom: 12px !important;
}

.comments_note,
.wb-list-product-reviews,
.star_content,
#product_comments_block_extra,
.product-ratings,
.comments_note.wb-list-product-reviews {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

.blockreassurance_product > div,
.block-reassurance .block-reassurance-item {
    display: flex !important;
    align-items: center !important; 
    justify-content: flex-start !important;
    margin-bottom: 6px !important; 
    height: auto !important; 
}

.blockreassurance_product .item-product {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 15px !important;
    text-align: left !important;
}

.blockreassurance_product .item-product img {
    width: 30px !important; 
    height: auto !important;
    margin-right: 15px !important;
    margin-top: 0 !important;
}

.blockreassurance_product .block-title,
.block-reassurance .block-reassurance-item span,
.blockreassurance_product .item-product .h6,
.blockreassurance_product .item-product p,
.blockreassurance_product .item-product span {
    font-size: 14px !important; 
    line-height: 1.5 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #444444 !important;
    font-family: 'Work Sans', sans-serif !important;
    text-transform: none !important;
}

@media (max-width: 767px) {
    .product-actions, 
    .product-buttons {
        flex-wrap: nowrap !important; 
        justify-content: flex-start !important;
        gap: 10px !important; 
    }
    
    a#send_aap_button {
        font-size: 10px !important; 
        letter-spacing: 1px !important; 
        margin-left: 5px !important;
    }
    
    #idWishlist, .wishlist-button-add, .btn-wishlist, .wishlist, .prowish {
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
    }
}

#pro-review:not(:has(.commlist)):not(:has(.comment)):not(:has(.review)):not(:has([itemprop="review"])) {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

#send_AAP_form fieldset:has(input[name="aapfree_phone"]),
#send_AAP_form fieldset:has(label[for="aapfree_phone"]),
#send_AAP_form input[name="aapfree_phone"],
#send_AAP_form label[for="aapfree_phone"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

#send_AAP_form .row {
    display: flex !important;
    flex-direction: column !important;
}

#send_AAP_form .col-lg-6, 
#send_AAP_form .col-md-6 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 !important;
}

#send_AAP_form .col-lg-6:has(input[type="text"]) {
    order: 1 !important;
}

#send_AAP_form .col-lg-6:has(textarea) {
    order: 2 !important;
    margin-top: 15px !important; 
}

#send_AAP_form textarea {
    height: 120px !important; 
}

.product-quantity .add button.add-to-cart[disabled],
.product-quantity .add button.btn-primary[disabled] {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #0033A0 !important; 
    padding: 0 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    cursor: default !important; 
    display: inline-flex !important;
    align-items: center !important;
    margin-left: 0 !important;
    opacity: 1 !important; 
}

.product-quantity .add button.add-to-cart[disabled]::before,
.product-quantity .add button.btn-primary[disabled]::before {
    content: "\f004" !important; 
    font-family: 'FontAwesome' !important;
    font-size: 16px !important;
    margin-right: 10px !important;
    color: #0033A0 !important;
}

.product-quantity:has(button.add-to-cart[disabled]) .qty,
.product-quantity:has(button.btn-primary[disabled]) .qty,
.product-quantity:has(button.add-to-cart[disabled]) .control-label,
.product-quantity:has(button.btn-primary[disabled]) .control-label {
    display: none !important;
}

#add-to-cart-or-refresh span.control-label {
    display: none !important;
    visibility: hidden !important;
}

#add-to-cart-or-refresh:has(button.add-to-cart:not([disabled])) span.control-label {
    display: inline-block !important;
    visibility: visible !important;
}

.arltr { 
    display: none !important; 
}

.arltr:has(.bg-re1), .arltr:has(.bg-re2), .arltr:has(.bg-re3), .arltr:has(.bg-re4), .arltr:has(.bg-re5) {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 20px !important;
    cursor: pointer !important;
}

#pro-review { display: block !important; }
#pro-review:has(#wbproductCommentsBlock > p:only-child) { display: none !important; }

.arltr .avg-rate,
#wbproductCommentsBlock .rateavg-bo,
#wbproductCommentsBlock .avg-rate {
    background: transparent !important;
    background-color: transparent !important;
    color: transparent !important;
    font-size: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

.arltr .avg-rate span, .arltr .avg-rate i,
#wbproductCommentsBlock .rateavg-bo span, #wbproductCommentsBlock .rateavg-bo i,
#wbproductCommentsBlock .avgt, #wbproductCommentsBlock .rate-tot, #wbproductCommentsBlock .fa-star {
    display: none !important;
}

#wbproductCommentsBlock .rate-avg {
    display: none !important;
}

.arltr .avg-rate::before,
#wbproductCommentsBlock .rateavg-bo::before {
    font-family: 'FontAwesome' !important;
    color: #E5B53A !important; 
    display: block !important;
    visibility: visible !important;
}

.arltr .avg-rate::before {
    font-size: 16px !important;
    letter-spacing: 2px !important;
}

#wbproductCommentsBlock .rateavg-bo::before {
    font-family: 'FontAwesome' !important;
    font-size: 22px !important;
    letter-spacing: 4px !important;
    margin-bottom: 0px !important;
}

.arltr .bg-re5::before, #wbproductCommentsBlock .bg-re5::before, .pro-review:has(.bg-re5) #wbproductCommentsBlock .rateavg-bo::before { content: "\f005 \f005 \f005 \f005 \f005" !important; }
.arltr .bg-re4::before, #wbproductCommentsBlock .bg-re4::before, .pro-review:has(.bg-re4) #wbproductCommentsBlock .rateavg-bo::before { content: "\f005 \f005 \f005 \f005 \f006" !important; }
.arltr .bg-re3::before, #wbproductCommentsBlock .bg-re3::before, .pro-review:has(.bg-re3) #wbproductCommentsBlock .rateavg-bo::before { content: "\f005 \f005 \f005 \f006 \f006" !important; }

.arltr::after {
    content: "Voir l'avis du collectionneur";
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #0033A0 !important; 
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
    margin-left: 15px !important;
    transition: all 0.3s ease !important;
}
.arltr:hover::after { color: #1a1a1a !important; }

#wbproductCommentsBlock .comment_author {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    margin-bottom: 15px !important;
    margin-top: -10px !important;
}
#wbproductCommentsBlock strong[itemprop="author"],
#wbproductCommentsBlock .comment_author strong {
    font-family: 'Great Vibes', cursive !important; 
    font-size: 26px !important;
    color: #1a1a1a !important;
    font-weight: normal !important;
    display: block !important;
    margin-top: 0 !important;
    text-transform: capitalize !important;
    visibility: visible !important;
}

#wbproductCommentsBlock .comment_details .title_block,
#wbproductCommentsBlock .comment_author_infos {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    color: #777777 !important;
}

span.retesp, 
.arltr .retesp {
    display: none !important;
}

.arltr .rate-avg {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.arltr .avg-rate::before {
    display: inline-block !important; 
    line-height: 1 !important;
    vertical-align: middle !important;
    margin-top: 2px !important; 
}

.arltr::after {
    display: inline-block !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    margin-top: 0 !important;
}

.blockreassurance_product > div:nth-child(4),
.blockreassurance_product > div:nth-child(5),
.blockreassurance_product > div:nth-child(6) {
    display: none !important;
}

[class*="category-46"] .blockreassurance_product > div:nth-child(1),
[class*="category-46"] .blockreassurance_product > div:nth-child(2),
[class*="category-46"] .blockreassurance_product > div:nth-child(3) {
    display: none !important; 
}

[class*="category-46"] .blockreassurance_product > div:nth-child(4),
[class*="category-46"] .blockreassurance_product > div:nth-child(5),
[class*="category-46"] .blockreassurance_product > div:nth-child(6) {
    display: flex !important; 
}

.product-cover, 
.product-cover img, 
.images-container,
#product .images-container .product-cover {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

.cate-img-bg img {
    border: none !important;
    box-shadow: none !important;
    border-radius: 0px !important;
}

.wb-image-block, 
.thumbnail-container, 
.product-thumbnail {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.wb-image-block {
    height: auto !important; 
    display: block !important;
    margin-bottom: 6px !important; 
    overflow: hidden !important;
}

.wb-image-block img, 
.thumbnail-container .second-img {
    border: none !important;
    width: 100% !important;
    height: auto !important; 
    max-height: none !important;
    object-fit: contain !important;
    box-shadow: none !important;
    transition: transform 0.4s ease !important; 
}

.pro-tab.tabs ul.nav-tabs {
    display: flex !important;
    flex-direction: row !important; 
    justify-content: center !important;
    flex-wrap: wrap !important;
    border: none !important;
}

.pro-tab.tabs ul.nav-tabs li.nav-item {
    display: inline-block !important;
    margin: 0 10px !important; 
}

.wb-product-desc {
    background-color: transparent !important; 
    background: transparent !important;
    border: none !important; 
    padding: 0 !important; 
    margin-top: 0 !important;          
    width: 100% !important;                
    box-shadow: none !important;
    position: relative !important;
    z-index: 5 !important;
    text-align: center !important;
}

.wb-product-desc h2, 
.wb-product-desc h3, 
.wb-product-desc .product-title {
    margin-top: 0 !important;
    padding-top: 0 !important;
    display: block !important;
    position: relative !important;
    padding-bottom: 22px !important; 
    margin-bottom: 18px !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
}

.wb-product-desc .product-title::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    bottom: 0 !important; 
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 60px !important; 
    height: 1px !important; 
    background-color: #0033A0 !important;
    visibility: visible !important;
}

.wb-product-desc .product-price-and-shipping {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 0 !important; 
    padding: 0 !important;
    width: 100% !important;
}

.wb-product-desc .product-price-and-shipping .sr-only {
    display: none !important;
    width: 0 !important;
}

.wb-product-desc .price,
.wb-product-desc .product-price-and-shipping span.price {
    font-weight: bold !important; 
    color: #333333 !important; 
    font-size: 17px !important;
    margin: 0 !important;
    text-align: center !important;
}

.pro-tab.tabs ul.nav-tabs li.nav-item:nth-child(2) {
    display: none !important;
}

.offerb {
    border-bottom: 1px solid #eeeeee !important; 
    padding-top: 60px !important;               
    padding-bottom: 60px !important;            
    margin-top: 40px !important;                
    margin-bottom: 40px !important;             
    background-color: #fafafa !important;       
}

.product-features .data-sheet dt.name,
.product-features .data-sheet dd.value {
    text-transform: none !important; 
}

.product-features .data-sheet dt.name::first-letter,
.product-features .data-sheet dd.value::first-letter {
    text-transform: uppercase !important;
}

.product-reference,
#product-availability,
.product-availability,
.product-condition {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.category-cover img, 
.cat-img img,
#category-description img,
.category-cover,
.block-category .category-cover img {
    border: none !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border-radius: 0px !important; 
    margin-top: 0 !important;
}


.block-category.card {
    background-color: #ffffff !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important; 
    padding: 25px !important; 
    border-radius: 0px !important;
}

.block-category .row {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}
.block-category [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 !important;
}

#category-description {
    background-color: transparent !important;
    padding-top: 10px !important; 
    margin-bottom: 0 !important;
    text-align: center !important; 
}
.block-category .h1, .block-category .bh, .block-category h1 {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

#category .category-cover, 
#category .block-category .col-md-5,
#category .block-category .row > div:first-child {
    display: none !important;
    visibility: hidden !important;
}

#category .block-category .col-md-7,
#category .block-category .col-lg-8,
#category .block-category .row > div:last-child {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 !important;
}

.wb-menu-horizontal a, .wb-menu-vertical a, .facet-title, .facet-label a {
    text-transform: none !important;
}

.pro-tab ul li a.nav-link:hover,
.pro-tab ul li a.nav-link.active,
.pro-tab.tabs ul.nav-tabs li.nav-item a.nav-link:hover,
.pro-tab.tabs ul.nav-tabs li.nav-item a.nav-link.active {
    color: #FDFBF7 !important; 
}

.cate-bg, .wb_category_feature {
    background: #F8F8F8 !important; 
    background-image: none !important;
    margin: 40px 0 !important;
    padding: 60px 0 !important;
}

.wb_category_feature .first-cate,
.wb_category_feature .middle-cate,
.wb_category_feature .last-cate {
    margin-top: 0 !important;
    top: 0 !important;
    position: relative !important;
    display: block !important;
}

.wb_category_feature .item {
    background-color: #ffffff !important;
    border: 1px solid #eaeaea !important;
    border-radius: 0px !important;
    padding: 15px !important; 
    margin-bottom: 30px !important;
    transition: all 0.4s ease !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.wb_category_feature .item:hover {
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08) !important;
    transform: translateY(-6px) !important;
}

.wb_category_feature .cat-img,
.wb_category_feature .cat-img a {
    margin-top: 0 !important;
    display: block !important;
    overflow: hidden !important;
}

.wb_category_feature .cate-img-bg img {
    border: none !important;
    box-shadow: none !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}

.wb_category_feature .content-cate,
.wb_category_feature .cat-img h2,
.wb_category_feature .item a {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    letter-spacing: 1.5px !important;
    color: #1a1a1a !important;
    margin-top: 15px !important;
    margin-bottom: 5px !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.wb_category_feature .item:hover .content-cate,
.wb_category_feature .item:hover a {
    color: #0033A0 !important;
}

.products-sort-order .select-title {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #1a1a1a !important; 
    border: 1px solid #dddddd !important; 
    padding: 8px 15px !important;
    border-radius: 0px !important; 
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    transition: all 0.3s ease !important;
}

.products-sort-order .select-title:hover {
    border-color: #0033A0 !important;
    color: #0033A0 !important;
}

.products-sort-order .select-title i {
    color: inherit !important;
}

.breadcrumb li:first-child a span {
    font-size: 0 !important; 
}

.breadcrumb li:first-child a span::after {
    content: "Accueil" !important;
    font-size: 14px !important; 
    color: #1a1a1a !important;
    text-transform: capitalize !important;
    transition: color 0.3s ease !important;
}

.breadcrumb li:first-child a:hover span::after {
    color: #0033A0 !important; 
}


/* --------------------------------------------------------
   2. PAGE PRODUIT : BOUTON HORS STOCK & QUESTION (TEXTE BRUT)
   -------------------------------------------------------- */
/* Retirer l'encadré focus par défaut */
body #main .product-actions .btn.add-to-cart:focus { outline: none !important; }

/* BOUTON HORS STOCK - Texte brut chic, Playfair, aucun surlignement */
html body#product button.add-to-cart[disabled],
html body#product .product-add-to-cart button.btn-primary[disabled],
html body#product .btn.btn-primary[disabled] {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    height: auto !important;
    transform: none !important;
    border-radius: 0 !important;
    white-space: normal !important;
    color: #1a1a1a !important; /* Gris anthracite sombre */
    font-family: "Playfair Display", serif !important; /* Police signature */
    font-size: 19px !important;
    font-style: italic !important; /* Italique poétique */
    font-weight: 500 !important;
    text-transform: none !important; 
    letter-spacing: 0.5px !important;
    cursor: default !important; /* Pas de main au survol */
    margin: 20px 0 !important;
    opacity: 1 !important;
    text-align: left !important;
    display: flex !important;
    align-items: center !important;
    text-decoration: none !important;
}

html body#product button.add-to-cart[disabled]:hover,
html body#product .product-add-to-cart button.btn-primary[disabled]:hover {
    background: transparent !important;
    background-color: transparent !important;
    transform: none !important;
    color: #1a1a1a !important;
    text-decoration: none !important; /* Sécurité : aucun surlignement */
}

/* L'icône coeur à côté du texte hors stock */
html body#product button.add-to-cart[disabled]::before {
    content: "\f004" !important; /* Coeur FontAwesome */
    font-family: 'FontAwesome' !important;
    font-size: 19px !important;
    margin-right: 12px !important;
    color: #0235a1 !important; /* Coeur Bleu Klein */
    font-style: normal !important;
}


/* BOUTON QUESTION - Alignement parfait avec l'icone coeur */
html body#product a#send_aap_button,
html body#product a#send_aap_button.btn,
html body#product a#send_aap_button.btn-primary {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #1a1a1a !important; 
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    padding: 0 !important;
    
    /* MODIFICATIONS ICI : 0 marge en haut, 15px à gauche, et hauteur à 46px */
    margin: 0 0 0 15px !important; 
    height: 46px !important; 
    
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important; 
    transform: none !important; 
    border-radius: 0 !important;
}

/* Effet au survol : Juste un soulignement */
html body#product a#send_aap_button:hover {
    color: #000000 !important; 
    background: transparent !important;
    background-color: transparent !important;
    text-decoration: underline !important;
    text-underline-offset: 6px !important;
    transform: none !important;
}

/* Icône native du bouton question */
html body#product a#send_aap_button i {
    font-size: 18px !important;
    margin-right: 8px !important;
    color: inherit !important; 
}




/* --------------------------------------------------------
   3. GRILLE DE PRODUITS (EFFET GALERIE D'ART)
   -------------------------------------------------------- */
body#category .thumbnail-container .button-group {
    display: none !important;
    visibility: hidden !important;
}
body#category #content-wrapper,
body#category .block-category,
body#category #main {
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}
body#category .block-category { padding: 0 !important; margin-top: 0 !important; }
body#category .thumbnail-container { cursor: pointer !important; }
html body #main .thumbnail-container .listds,
html body #main .wb-product-desc .listds { display: none !important; }
body#category .product-thumbs .item-product,
body#category .thumbnail-container {
    transition: all 0.4s ease-in-out !important;
    border: none !important;
    background: transparent !important;
}
body#category .product-thumbs .item-product img,
body#category .thumbnail-container img {
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}
body#category .product-thumbs .item-product:hover,
body#category .thumbnail-container:hover {
    transform: translateY(-5px) !important; 
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12) !important;
    z-index: 10;
}
body#category .product-thumbs .item-product:hover img,
body#category .thumbnail-container:hover img {
    transform: scale(1.03) !important; 
}

/* --------------------------------------------------------
   4. TEXTE DE PRÉSENTATION "BIENVENUE DANS MON ATELIER"
   -------------------------------------------------------- */
body#category .block-category .category-cover + div,
body#category .category-description {
    max-width: 800px !important;
    margin: 30px auto 60px auto !important;
    text-align: center !important;
    font-family: "Work Sans", sans-serif !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    color: #444 !important;
    position: relative !important;
    padding-bottom: 30px !important;
}
body#category .category-description::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 2px;
    background-color: #0235a1;
}

/* --------------------------------------------------------
   5. MENU FILTRES HORIZONTAUX & TITRE "AFFINER"
   -------------------------------------------------------- */
body#category #js-product-list-top,
body#category #search_filters { border: none !important; box-shadow: none !important; }

.satori-filter-title {
    text-align: center !important;
    width: 100% !important;
    display: block !important;
    margin-top: 15px !important;
    margin-bottom: 25px !important; 
    font-family: "Playfair Display", serif !important; 
    font-style: italic !important;
    font-size: 17px !important; 
    text-transform: none !important; 
    font-weight: 500 !important;
    color: #777777 !important; 
    letter-spacing: 0.5px !important; 
    clear: both !important;
}

.satori-facets-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center !important; 
    gap: 12px;
    padding: 0;
}

.satori-facet-item { position: relative; }
.satori-facet-btn {
    display: inline-flex; align-items: center; gap: 8px;
    background: #ffffff; border: 1px solid transparent; 
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05); border-radius: 6px; 
    padding: 10px 18px; font-family: "Work Sans", sans-serif;
    font-size: 14px; font-weight: 500; color: #444; 
    cursor: pointer; transition: all 0.3s ease; white-space: nowrap; line-height: 1;
}
.satori-facet-btn:hover,
.satori-facet-item.satori-is-open .satori-facet-btn,
.satori-facet-item.has-active .satori-facet-btn {
    background: #0235a1; border-color: #0235a1;
    box-shadow: 0 5px 15px rgba(2, 53, 161, 0.2); color: #fff;
}
.satori-arrow {
    display: inline-block; width: 0; height: 0;
    border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid currentColor;
    transition: transform 0.2s; flex-shrink: 0;
}
.satori-facet-item.satori-is-open .satori-arrow { transform: rotate(180deg); }
.satori-count { font-size: 12px; font-weight: 600; opacity: 0.9; }

.satori-facet-dropdown {
    display: none !important; position: absolute; top: calc(100% + 10px); left: 0;
    background: #fff; border: none; border-radius: 8px; padding: 14px 18px;
    min-width: 220px; z-index: 9999; box-shadow: 0 10px 35px rgba(0,0,0,0.12);
    animation: satoriDrop 0.2s ease-out;
}
.satori-facet-item.satori-is-open .satori-facet-dropdown { display: block !important; }
@keyframes satoriDrop { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }

.satori-facet-option {
    display: flex; align-items: center; gap: 10px; padding: 8px 6px;
    text-decoration: none; cursor: pointer; border-radius: 4px; transition: background 0.15s;
}
.satori-facet-option:hover { background: #f5f7ff; }

.satori-checkbox {
    display: inline-flex; align-items: center; justify-content: center;
    width: 16px; height: 16px; border: 1.5px solid #BBBBBB; border-radius: 3px;
    background: #fff; flex-shrink: 0; transition: background 0.15s, border-color 0.15s;
}
.satori-facet-option.is-checked .satori-checkbox { background: #0235a1; border-color: #0235a1; }
.satori-facet-option.is-checked .satori-checkbox::after {
    content: ''; display: block; width: 9px; height: 5px; border-left: 2px solid #fff;
    border-bottom: 2px solid #fff; transform: rotate(-45deg) translateY(-1px);
}
.satori-option-label {
    font-family: "Work Sans", sans-serif; font-size: 14px; color: #333; line-height: 1.3; text-align: left;
}
.satori-facet-option:hover .satori-option-label, .satori-facet-option.is-checked .satori-option-label {
    color: #0235a1; font-weight: 500;
}
.satori-swatch {
    flex-shrink: 0; width: 18px; height: 18px; border-radius: 50%;
    border: 1px solid rgba(0,0,0,0.12); display: inline-block;
}
.satori-facet-option.is-checked .satori-swatch { outline: 2px solid #0235a1; outline-offset: 2px; }
.satori-shape-icon { display: inline-flex; align-items: center; width: 26px; flex-shrink: 0; }
.satori-facet-option.is-checked .satori-shape-icon svg rect { fill: #0235a1; }

.satori-clear-all {
    display: inline-flex; align-items: center; height: 38px; padding-left: 16px; margin-left: 6px;
    border-left: 1px solid #D6D6D6; font-family: "Work Sans", sans-serif; font-size: 14px; color: #777;
    text-decoration: none; white-space: nowrap; cursor: pointer; transition: color 0.2s;
}
.satori-clear-all:hover { color: #0235a1; text-decoration: underline; }

@media (min-width: 992px) {
    body#category #left-column { display: none !important; }
    body#category #content-wrapper { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; }
    body#category #js-product-list-top {
        display: flex !important; flex-direction: column !important; align-items: stretch !important; 
        border: none !important; box-shadow: none !important; background: transparent !important;
        padding: 10px 0 0 0 !important; margin-bottom: 30px !important; width: 100% !important; gap: 15px !important; 
    }
    body#category #js-product-list-top > *:not(#satori-facets-bar):not(.sro):not(.products-sort-order) { display: none !important; }
    body#category #js-product-list-top > div:not(#satori-facets-bar),
    body#category #js-product-list-top > .sro,
    body#category #js-product-list-top > .products-sort-order {
        width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; display: flex !important;
        justify-content: flex-end !important; margin: 0 !important; padding: 0 !important;
    }
    body#category .sort-by-row {
        display: flex !important; align-items: center !important; justify-content: flex-end !important;
        margin: 0 !important; padding: 0 !important;
    }
    body#category .sort-by {
        font-family: "Work Sans", sans-serif !important; font-size: 14px !important; color: #777 !important;
        margin: 0 8px 0 0 !important; padding: 0 !important; white-space: nowrap !important;
    }
    body#category .products-sort-order .select-title,
    body#category .products-sort-order .select-list,
    body#category .products-sort-order .dropdown-menu a { white-space: nowrap !important; }
    
    body#category .products-sort-order .select-title {
        background: transparent !important; border: none !important; box-shadow: none !important;
        font-family: "Work Sans", sans-serif !important; font-size: 14px !important; font-weight: 700 !important;
        color: #111 !important; cursor: pointer !important; padding: 0 !important; margin: 0 !important;
        display: inline-flex !important; align-items: center !important;
    }
    body#category .products-sort-order .select-title i { margin-left: 5px !important; font-size: 15px !important; }
    #satori-facets-bar {
        width: 100%; padding: 0 0 15px 0 !important; margin: 0; order: -1; border-bottom: 1px solid #EAE6E1 !important; 
    }
}

@media (max-width: 991px) {
    body#category #js-product-list-top {
        display: flex !important; flex-direction: column !important; align-items: flex-start !important;
        gap: 12px !important; border: none !important; border-bottom: 1px solid #EAE6E1 !important;
        box-shadow: none !important; background: transparent !important; padding: 10px 0 !important; margin-bottom: 20px !important;
    }
    #satori-facets-bar { display: none !important; }
    body#category #js-product-list-top > .sro { align-self: flex-end !important; margin-top: -8px !important; }
}

/* ==============================================================================
   ? SATORI DESIGN - FEUILLE DE STYLE FINALE (SANS DOUBLONS & 100% PROPRE) ?
============================================================================== */

/* --------------------------------------------------------
   1. BOUTONS ÉDITORIAUX : BLOG UNIQUEMENT (EFFET BRUSH)
-------------------------------------------------------- */
html body a.read_more,
html body a.blog_view_all,
html body a.view_all_link,
html body .blog-submit input.button {
    background-color: #0235a1 !important;
    background-image: none !important;
    border-radius: 255px 15px 225px 15px / 15px 225px 15px 255px !important;
    transform: rotate(-1deg) !important;
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    padding: 16px 40px !important;
    text-align: center !important;
    border: none !important;
    box-shadow: none !important;
    transition: all 0.3s ease-in-out !important;
    cursor: pointer !important;
    display: inline-block !important;
}

html body a.read_more:hover,
html body a.blog_view_all:hover,
html body a.view_all_link:hover,
html body .blog-submit input.button:hover {
    background-color: #001a52 !important;
    border-radius: 15px 255px 15px 225px / 255px 15px 225px 15px !important;
    transform: rotate(0deg) scale(1.02) !important;
}

@media (max-width: 767px) {
    html body a.read_more, html body a.blog_view_all, html body a.view_all_link, html body .blog-submit input.button {
        padding: 12px 20px !important; font-size: 11px !important; width: 100% !important; max-width: 350px !important; margin: 0 auto !important; display: flex !important; justify-content: center !important; align-items: center !important;
    }
}

/* --------------------------------------------------------
   2. BOUTONS E-COMMERCE PURS (SLIDER ACCUEIL, POP-UP, PANIER, ACHAT)
   Boutons droits, stricts, rassurants et sans aucun effet brush
-------------------------------------------------------- */
/* A. Bouton Acheter (Fiche Produit) */
html body#product .product-actions .btn.add-to-cart:not([disabled]) {
    background-color: #0235a1 !important;
    background-image: none !important;
    border-radius: 4px !important;
    transform: none !important;
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    padding: 14px 35px !important;
    border: none !important;
    box-shadow: none !important;
    transition: all 0.3s ease-in-out !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
html body#product .product-actions .btn.add-to-cart:not([disabled]):hover {
    background-color: #001a52 !important;
    transform: scale(1.02) !important;
}

/* B. Bouton du Slider Accueil ("Découvrir les oeuvres") */
body#index .slidecap .btn,
body#index .slidecap a.btn-primary,
body#index .homeslider-container .btn-primary {
    background-color: #0235a1 !important;
    background-image: none !important;
    border-radius: 4px !important;
    transform: none !important;
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    padding: 14px 35px !important;
    border: none !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
}
body#index .slidecap .btn:hover,
body#index .slidecap a.btn-primary:hover,
body#index .homeslider-container .btn-primary:hover {
    background-color: #001a52 !important;
    transform: scale(1.02) !important;
}

/* C. Les 2 boutons de la Pop-up Panier (Continuer & Commander) */
#blockcart-modal .cart-content-btn,
#blockcart-modal .cart-content-btn.flex {
    display: flex !important;
    gap: 12px !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 10px !important;
}

#blockcart-modal .cart-content-btn .btn,
#blockcart-modal .cart-content-btn .btn.btn-primary,
#blockcart-modal .cart-content-btn a.btn,
#blockcart-modal .cart-content-btn button.btn {
    background-color: #0235a1 !important;
    background-image: none !important;
    border-radius: 4px !important;
    transform: none !important;
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border: none !important;
    box-shadow: none !important;
    transition: all 0.3s ease-in-out !important;
    padding: 14px 20px !important;
    flex: 1 1 0px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: auto !important;
    line-height: 1.2 !important;
}

#blockcart-modal .cart-content-btn .btn:hover,
#blockcart-modal .cart-content-btn a.btn:hover,
#blockcart-modal .cart-content-btn button.btn:hover {
    background-color: #001a52 !important;
    transform: scale(1.02) !important;
}

/* D. Bouton Commander (Page Panier PrestaShop) */
body#cart .cart-detailed-actions .btn,
body#cart .cart-detailed-actions .btn.btn-primary,
body#cart .checkout .btn-primary,
body#cart .cart-grid-right a.btn-primary {
    background-color: #0235a1 !important;
    background-image: none !important;
    border-radius: 4px !important;
    transform: none !important;
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    padding: 15px 30px !important;
    border: none !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
    max-width: 320px !important;
    margin: 0 auto !important;
    display: block !important;
    text-align: center !important;
    height: auto !important;
}

body#cart .cart-detailed-actions .btn:hover,
body#cart .checkout .btn-primary:hover,
body#cart .cart-grid-right a.btn-primary:hover {
    background-color: #001a52 !important;
    transform: scale(1.02) !important;
}

/* --------------------------------------------------------
   3. FICHE PRODUIT : BOUTONS SECONDAIRES & INFORMATIONS
-------------------------------------------------------- */
body #main .product-actions .btn.add-to-cart:focus { outline: none !important; }

/* Bouton Hors Stock ("Cette oeuvre a deja touche...") */
html body#product button.add-to-cart[disabled],
html body#product .btn.btn-primary[disabled] {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    transform: none !important;
    color: #1a1a1a !important;
    font-family: "Playfair Display", serif !important;
    font-size: 19px !important;
    font-style: italic !important;
    font-weight: 500 !important;
    cursor: default !important; 
    margin: 20px 0 !important;
    text-align: left !important;
    display: flex !important;
    align-items: center !important;
    text-decoration: none !important;
}
html body#product button.add-to-cart[disabled]::before {
    content: "\f004" !important;
    font-family: 'FontAwesome' !important;
    font-size: 19px !important;
    margin-right: 12px !important;
    color: #0235a1 !important; 
    font-style: normal !important;
}

/* Bouton "Une question sur cette oeuvre" */
html body#product a#send_aap_button,
html body#product a#send_aap_button.btn,
html body#product a#send_aap_button.btn-primary {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #1a1a1a !important; 
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    padding: 0 !important;
    margin: 0 0 0 15px !important; 
    height: 46px !important; 
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important; 
    transform: none !important; 
    border-radius: 0 !important;
}
html body#product a#send_aap_button:hover {
    text-decoration: underline !important;
    text-underline-offset: 6px !important;
    color: #000000 !important;
}
html body#product a#send_aap_button i {
    font-size: 18px !important;
    margin-right: 8px !important;
    color: inherit !important; 
}

/* Format texte brut (style cartel de musee) */
body#product .product-variants-item ul li .radio-label {
    display: inline-block !important;
    padding: 0 !important;
    border: none !important; 
    background-color: transparent !important; 
    color: #444444 !important; 
    font-family: 'Work Sans', sans-serif !important; 
    font-weight: 500 !important;
    font-size: 14px !important;
    letter-spacing: 0.5px !important;
    text-transform: none !important; 
    border-radius: 0 !important; 
    margin: 0 !important;
    cursor: default !important;
}
body#product .product-variants-item ul li input[type="radio"]:checked + .radio-label,
body#product .product-variants-item ul li input[type="radio"]:checked + span {
    background-color: transparent !important;
    border: none !important; 
    color: #1a1a1a !important; 
    font-weight: 500 !important;
    box-shadow: none !important; 
}

/* Cacher la couleur sur la fiche produit */
body#product .product-variants-item:has(.input-color), 
body#product .product-variants-item:has(#group_8),
body#product #group_8 { 
    display: none !important; 
}

/* --------------------------------------------------------
   4. AVIS DU COLLECTIONNEUR (TEXTE BLEU KLEIN ET CLIQUABLE)
-------------------------------------------------------- */
html body#product #main .arltr { 
    display: none !important; 
}
html body#product #main .arltr:has(.bg-re1),
html body#product #main .arltr:has(.bg-re2),
html body#product #main .arltr:has(.bg-re3),
html body#product #main .arltr:has(.bg-re4),
html body#product #main .arltr:has(.bg-re5),
html body#product #main .arltr:has(.star_content) { 
    display: flex !important; 
    align-items: center !important; 
    margin-bottom: 20px !important; 
    cursor: pointer !important; 
    position: relative !important;
    z-index: 50 !important; 
}
html body#product #main .arltr::after { 
    content: "Voir l'avis du collectionneur" !important; 
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #0235a1 !important; 
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
    margin-left: 15px !important;
    transition: all 0.3s ease !important;
    display: block !important; 
}
html body#product #main .arltr:hover::after {
    color: #1a1a1a !important; 
}

/* --------------------------------------------------------
   5. ONGLETS PERSONNALISÉS (PAGE D'ACCUEIL)
-------------------------------------------------------- */
.satori-tab {
    display: inline-block !important;
    cursor: pointer !important;
    transition: all 0.3s ease-in-out !important;
    padding: 12px 30px !important;
    margin: 10px 5px !important;
    border-radius: 8px !important; 
    text-align: center !important;
    background-color: transparent !important;
    transform: rotate(0deg) !important;
    border: 1px solid transparent !important;
}
.satori-tab h1, .satori-tab h2, .satori-tab h3, .satori-tab .elementor-heading-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    color: #0235a1 !important; 
    margin: 0 !important;
    pointer-events: none !important;
    transition: all 0.3s ease-in-out !important;
}
.satori-tab:not(.active):hover {
    background-color: #f0f4fc !important; 
    border-radius: 255px 15px 225px 15px / 15px 225px 15px 255px !important;
}
.satori-tab.active {
    background-color: #0235a1 !important;
    border-radius: 255px 15px 225px 15px / 15px 225px 15px 255px !important;
    transform: rotate(-1.5deg) !important;
}
.satori-tab.active h1, .satori-tab.active h2, .satori-tab.active h3, .satori-tab.active .elementor-heading-title {
    color: #ffffff !important;
}

/* --------------------------------------------------------
   6. GRILLE DE PRODUITS GALERIE (SANS AUCUN CADRE NI ZOOM)
-------------------------------------------------------- */
body#category .thumbnail-container .button-group,
html body#index .thumbnail-container .button-group,
html body #main .thumbnail-container .listds, 
html body #main .wb-product-desc .listds { 
    display: none !important; 
    visibility: hidden !important; 
}
body#category .block-category,
body#category .thumbnail-container,
body#category .wb-image-block { 
    padding: 0 !important; 
    margin-top: 0 !important; 
    background: transparent !important; 
    background-color: transparent !important;
    border: none !important; 
    box-shadow: none !important;
}
body#category .thumbnail-container,
html body#index .thumbnail-container { 
    cursor: pointer !important; 
}
body#category .product-thumbs .item-product, 
body#category .thumbnail-container,
body#category .wb-image-block,
body#category .thumbnail-container img {
    transition: none !important;
    transform: none !important;
    box-shadow: none !important;
}
body#category .product-thumbs .item-product:hover, 
body#category .thumbnail-container:hover,
body#category .thumbnail-container:hover img {
    transform: none !important; 
    box-shadow: none !important; 
    z-index: auto !important;
}

/* --------------------------------------------------------
   8. PANIER & PAIEMENT SÉCURISÉ (ÉPURÉ ET MONOCHROME)
-------------------------------------------------------- */
body#cart .breadcrumb { display: none !important; }
body#cart .cart-voucher, body#cart .promo-code, body#cart .block-promo { display: none !important; }

/* Logos de paiement sur la fiche produit */
html body#product #ps_checkout-payment-method-logo-block-container {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 15px !important;
    margin-top: 15px !important;
    margin-bottom: 25px !important;
}
html body#product #ps_checkout-payment-method-logo-block-title {
    margin: 0 !important; padding: 0 !important; font-size: 13px !important; color: #777777 !important; white-space: nowrap !important;
}
html body#product #ps_checkout-payment-method-logos-container { display: flex !important; align-items: center !important; margin: 0 !important; }
html body#product #ps_checkout-payment-method-logos-container img {
    filter: grayscale(100%) !important; opacity: 0.4 !important; transition: all 0.3s ease !important; height: 22px !important; width: auto !important; margin: 0 !important;
}
html body#product #ps_checkout-payment-method-logos-container:hover img { filter: grayscale(0%) !important; opacity: 1 !important; }

/* Logos de paiement sur la page panier */
body#cart .cart-summary [id*="payment"] img, body#cart .cart-summary .payment-options img {
    filter: grayscale(100%) !important; opacity: 0.5 !important; transition: all 0.3s ease !important; max-height: 25px !important; width: auto !important;
}
body#cart .cart-summary [id*="payment"]:hover img, body#cart .cart-summary .payment-options:hover img { filter: grayscale(0%) !important; opacity: 1 !important; }

@media (max-width: 767px) {
    html body#product #ps_checkout-payment-method-logo-block-container { flex-direction: column !important; align-items: flex-start !important; gap: 8px !important; }
}

/* --------------------------------------------------------
   7. RÉASSURANCE : LOGIQUE D'AFFICHAGE PAR CATEGORIE ET ESPACEMENT
-------------------------------------------------------- */
/* 1. Structure propre des lignes de réassurance (Très rapprochées) */
html body #main .blockreassurance_product > div {
    display: flex !important; 
    align-items: center !important; 
    justify-content: flex-start !important; 
    margin-bottom: 4px !important; /* MODIFICATION : 4px au lieu de 8px pour un bloc compact */
    padding: 0 !important;
}
html body #main .blockreassurance_product .item-product {
    display: flex !important; align-items: center !important; justify-content: center !important; 
    margin-right: 12px !important; flex-shrink: 0 !important; padding: 0 !important;
}
html body #main .blockreassurance_product .item-product img { 
    margin: 0 !important; display: block !important; 
    width: 20px !important; /* Taille très légèrement réduite pour l'harmonie */
}
html body #main .blockreassurance_product p.block-title {
    margin: 0 !important; padding: 0 !important; line-height: 1.3 !important; 
    text-align: left !important; font-size: 13px !important; color: #555555 !important;
}

/* ========================================================
   LOGIQUE D'AFFICHAGE (Originales VS Tirages)
======================================================== */

/* --- ÉTAPE A : PAR DÉFAUT (Pour les Oeuvres Originales) --- */
/* On AFFICHE les 3 premières lignes (Authenticité, Sceau, Expédition) */
html body #main .blockreassurance_product > div:nth-child(1),
html body #main .blockreassurance_product > div:nth-child(2),
html body #main .blockreassurance_product > div:nth-child(3) {
    display: flex !important;
}
/* On MASQUE les 3 dernières lignes (Impression, Sceau tirage, Expédition tirage) */
html body #main .blockreassurance_product > div:nth-child(4),
html body #main .blockreassurance_product > div:nth-child(5),
html body #main .blockreassurance_product > div:nth-child(6) {
    display: none !important;
}

/* --- ÉTAPE B : INVERSION POUR LES TIRAGES D'ART --- */
/* ?? IMPORTANT : Remplace les numéros "46", "47" et "48" ci-dessous par les VRAIS numéros (ID) 
   de ta catégorie "Tirages d'art" et de toutes ses SOUS-catégories. 
   Tu peux en ajouter autant que tu veux en copiant la ligne. */

/* 1. On MASQUE les 3 premières lignes pour les Tirages */
body[class*="category-46"] #main .blockreassurance_product > div:nth-child(1),
body[class*="category-46"] #main .blockreassurance_product > div:nth-child(2),
body[class*="category-46"] #main .blockreassurance_product > div:nth-child(3),

body[class*="category-48"] #main .blockreassurance_product > div:nth-child(1),
body[class*="category-48"] #main .blockreassurance_product > div:nth-child(2),
body[class*="category-48"] #main .blockreassurance_product > div:nth-child(3),

body[class*="category-49"] #main .blockreassurance_product > div:nth-child(1),
body[class*="category-49"] #main .blockreassurance_product > div:nth-child(2),
body[class*="category-49"] #main .blockreassurance_product > div:nth-child(3) {
    display: none !important; 
}

/* 2. On AFFICHE les 3 dernières lignes pour les Tirages */
body[class*="category-51"] #main .blockreassurance_product > div:nth-child(4),
body[class*="category-51"] #main .blockreassurance_product > div:nth-child(5),
body[class*="category-51"] #main .blockreassurance_product > div:nth-child(6),


body[class*="category-52"] #main .blockreassurance_product > div:nth-child(4),
body[class*="category-52"] #main .blockreassurance_product > div:nth-child(5),
body[class*="category-52"] #main .blockreassurance_product > div:nth-child(6) {
    display: flex !important; 
}


/* =========================================================
   SATORI - ÉPURATION DU FOOTER (MENU COMPTE) - CORRECTION
========================================================= */

/* On utilise une traque intelligente pour cibler la ligne, PEU IMPORTE son ordre ! */
#footer_account_list li:has(a[href*="avoirs"]),
#footer_account_list li:has(a[href*="order-slip"]),
#footer_account_list li:has(a[href*="discount"]),
#footer_account_list li:has(a[href*="reduction"]) {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Sécurité absolue sur le lien lui-même (au cas où il flotterait sans 'li') */
#footer_account_list a[href*="avoirs"], 
#footer_account_list a[href*="order-slip"],
#footer_account_list a[href*="discount"],
#footer_account_list a[href*="reduction"] {
    display: none !important;
}

/* =========================================================
   SATORI - DESIGN DU BANDEAU COOKIES (ÉPURÉ ET LUXE)
========================================================= */

/* 1. La Boîte : On détruit le style natif et la faute de frappe du module */
html body .ets_cookie_banber_block {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid #eaeaea !important; /* Bordure très fine */
    border-radius: 4px !important; /* Angles très légèrement adoucis */
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08) !important; /* Ombre de luxe ultra douce */
    padding: 25px !important;
}

/* 2. Le texte : Plus de douceur pour la lecture */
html body .ets_cookie_banber_block .ets_cookie_banner_content p,
html body .ets_cookie_banber_block .ets_cookie_banner_content span {
    font-family: 'Work Sans', sans-serif !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    color: #555555 !important;
}

/* 3. Le Lien "En savoir plus" */
html body .ets_cookie_banber_block .ets_cookie_banner_content a {
    color: #0235a1 !important; /* Bleu Klein */
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
    font-weight: 500 !important;
    background: transparent !important;
}

/* 4. Conteneur des boutons : Alignement parfait */
html body .ets_cookie_banber_block .ets_cookie_banner_footer {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 15px !important; /* Espace entre les deux boutons */
    margin-top: 20px !important;
    padding-top: 0 !important;
}

/* 5. Le bouton ACCEPTER (Bouton Principal Bleu) */
html body .ets_cookie_banber_block .btn.ets-cb-btn-ok,
html body .ets_cookie_banber_block button.ets-cb-btn-ok {
    background: #0235a1 !important;
    background-color: #0235a1 !important;
    color: #ffffff !important;
    border: none !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 12px 25px !important;
    border-radius: 3px !important;
    transition: all 0.3s ease !important;
    margin: 0 !important;
    box-shadow: none !important;
}

html body .ets_cookie_banber_block .btn.ets-cb-btn-ok:hover,
html body .ets_cookie_banber_block button.ets-cb-btn-ok:hover {
    background: #001a52 !important; /* Bleu nuit au survol */
    background-color: #001a52 !important;
}

/* 6. Le bouton REFUSER (Bouton Secondaire Fantôme - FORCE ABSOLUE) */
html body .ets_cookie_banber_block a.btn.ets-cb-btn-not-ok,
html body .ets_cookie_banber_block button.ets-cb-btn-not-ok,
html body .ets_cookie_banber_block .btn.btn-primary.ets-cb-btn-not-ok {
    background: transparent !important;
    background-color: transparent !important;
    color: #777777 !important; /* Gris discret */
    border: 1px solid #dddddd !important; /* Contour gris */
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 11px 20px !important;
    border-radius: 3px !important;
    transition: all 0.3s ease !important;
    margin: 0 10px 0 0 !important; /* Espace avec le bouton accepter */
    box-shadow: none !important;
}

html body .ets_cookie_banber_block a.btn.ets-cb-btn-not-ok:hover,
html body .ets_cookie_banber_block button.ets-cb-btn-not-ok:hover,
html body .ets_cookie_banber_block .btn.btn-primary.ets-cb-btn-not-ok:hover {
    color: #1a1a1a !important;
    border-color: #1a1a1a !important;
    background: #fcfcfc !important;
    background-color: #fcfcfc !important;
}
/* 7. Adoucir la croix de fermeture en haut à droite */
html body .ets_cookie_banber_block span.close_cookie:before,
html body .ets_cookie_banber_block span.close_cookie:after {
    background: #cccccc !important;
}
html body .ets_cookie_banber_block span.close_cookie:hover:before,
html body .ets_cookie_banber_block span.close_cookie:hover:after {
    background: #0235a1 !important;
}

/* =========================================================
   SATORI - TRANSPARENCE MAGIQUE (GRILLE PRODUITS & FICHE PRODUIT)
   Strictement réservé à la page catégorie et à la fiche œuvre
========================================================= */

/* 1. Transparence des conteneurs sur la page catalogue */
body#category .wb-image-block,
body#category .thumbnail-container,
body#category .product-miniature {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* 2. Sécurité : Aucune ombre au survol sur la page catalogue */
body#category .thumbnail-container:hover,
body#category .wb-image-block:hover {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important; 
    border: none !important;
    transform: none !important; 
}

/* 3. L'effet Multiply (transparent) sur la 1ère image (le tableau seul) */
body#category .wb-image-block img:not(.second-img),
body#product .product-cover img,
body#product .images-container img {
    mix-blend-mode: multiply !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    filter: none !important;
}

/* 4. La 2ème image (mise en situation) reste opaque et normale au survol */
body#category .wb-image-block img.second-img {
    mix-blend-mode: normal !important;
    background-color: #f8f8f8 !important;
}

/* 4. CORRECTION : La 2ème image (Mise en situation sur canapé) redevient 100% opaque ! */
html body#index .wb-image-block img.second-img,
html body#category .wb-image-block img.second-img {
    mix-blend-mode: normal !important; /* Annule la transparence */
    background-color: #f8f8f8 !important; /* Ajoute un fond uni pour bien masquer le tableau en dessous lors de la transition */
}

/* ==============================================================================
   ?? SATORI x TAO — RÉSOLUTION DE L'EN-TÊTE MINIMALISTE LUXE (ICÔNES SEULES)
   ============================================================================== */

/* --------------------------------------------------------
   1. STRUCTURATION DES CONTENEURS (ALIGNEMENT SUR L'AXE Y)
-------------------------------------------------------- */
#_desktop_user_info,
#_desktop_cart {
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: relative !important;
}

#_desktop_user_info {
    gap: 18px !important; /* Espacement parfait entre l'icône Cœur et l'icône Profil */
    margin-left: 20px !important;
}

#_desktop_cart {
    margin-left: 18px !important; /* Espacement parfait entre Profil et Panier */

}

/* ==============================================================================
   CORRECTION : MENU BLEU KLEIN & SUPPRESSION DES ICÔNES PRODUITS
============================================================================== */

/* 1. Fermeture propre du conteneur panier */
#_desktop_cart {
    margin-left: 18px !important;
}

/* 2. Menu en Bleu Klein (Cible le lien ET la balise span intérieure) */
ul.menu-content > li.level-1 > a,
ul.menu-content > li.level-1 > a span,
.wb-menu-vertical li.level-1 > a,
.wb-menu-vertical li.level-1 > a span,
#_desktop_top_menu .menu-content > li > a,
#_desktop_top_menu .menu-content > li > a span {
    color: #002FA7 !important; /* Bleu Klein */
}

/* Couleur au survol */
ul.menu-content > li.level-1 > a:hover,
ul.menu-content > li.level-1 > a:hover span,
.wb-sub-menu a:hover {
    color: #001a52 !important; /* Bleu nuit au survol */
}

/* 3. Suppression définitive des 3 icônes (Panier, Œil, Cœur) sur les tableaux */
.thumbnail-container .button-group,
article.product-miniature .button-group,
.wb-product-grid .button-group,
.wb-product-list .button-group,
div.button-group {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    pointer-events: none !important;
}

/* ==============================================================================
   PRODUITS ASSOCIÉS (PAGE PRODUIT) : SUPPRESSION DU FOND BLANC
============================================================================== */

/* 1. Rend les conteneurs (boîtes) totalement transparents, sans bordure noire */
body#product .product-miniature .thumbnail-container,
body#product .product-miniature .wb-image-block {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* 2. Efface le fond blanc de l'image (JPEG) de l'œuvre principale */
body#product .product-miniature .wb-image-block img:not(.second-img) {
    mix-blend-mode: multiply !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* 3. SÉCURITÉ : Protège et restaure la seconde image au survol */
body#product .product-miniature .wb-image-block img.second-img {
    mix-blend-mode: normal !important; 
    background-color: #f8f8f8 !important; 
    z-index: 10 !important; /* Force la 2ème image à passer au-dessus de la 1ère */
}

/* Fait apparaître la seconde image uniquement au passage de la souris */
body#product .product-miniature .thumbnail-container:hover .wb-image-block img.second-img {
    opacity: 1 !important;
}