/* --------------------------------------------------------------------------
   ✦ COVERLANE — produit par ATHORUS DIGITAL ✦
   --------------------------------------------------------------------------
   Custom CSS File
   Author : Athorus Digital
   Website : https://athorus.fr
   Version : 1.0
   Description :
   Ce fichier contient les ajustements visuels personnalisés pour le site Coverlane,
   organisés par zones du site pour une maintenance claire et rapide.
   -------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------
   1. IMPORT DES POLICES
   -------------------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=Open+Sans:wght@400;500;600;700&display=swap');

:root {
  --font-title: 'Dela Gothic One', sans-serif;
  --font-body: 'Open Sans', sans-serif;
  --bleu-fonce: #283484;
  --bleu-clair: #3D9FE3;
  --rose: #E6007D;
  --orange: #F5971A;
  --dark: #1D1D1B;
  --dark-alt: #2d3338;

}

html, body {
  overflow-x: hidden;
}
body {
  font-family: var(--font-body);
  position: relative;
  width: 100vw;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-title);
}



/* --------------------------------------------------------------------------
   2. STRUCTURE GLOBALE okggggg
   -------------------------------------------------------------------------- */

/* Preheader */
header .header-banner{background-image: linear-gradient(50deg, var(--bleu-fonce), var(--bleu-clair), var(--rose), var(--orange)); border-bottom: 1px solid #1d1d1b; padding: 0; margin:0; height: auto;}
header .header-banner #cpheadercms3 {background-color: transparent; }
header .header-banner p{font-family: var(--font-title); color: var(--dark); font-size: 14px; padding: 8px 0;}

header nav.header-nav {background-color: var(--dark); margin-top: -10px; color:white !important; border-bottom: 1px solid #3C3C3A !important;}
header nav.header-nav a {color: white !important; font-family: var(--font-body); font-weight:300; font-size: 14px;}
header nav.header-nav a:hover {color: white !important;}

header nav.header-nav ul.dropdown-menu, .dropdown-menu {background-color: var(--dark-alt) !important; border: none !important;} 
header nav.header-nav ul.dropdown-menu li a {color: white !important; font-family: var(--font-body); font-weight:300; font-size: 14px;}
.contact-link .cms_call::before, .contact-link .cms_mail::before, #header #_desktop_user_info .locator .locator-icon, #header #_desktop_user_info .track-order:hover .track-icon, #header #_desktop_user_info .account:hover .account-icon, #header #_desktop_user_info .track-order .track-icon, #header #_desktop_user_info .account-icon{background-color: white !important;}

/* Header / Navigation */
form#searchbox{border-radius: 5px !important; background: var(--dark); background: linear-gradient(#212529, #212529) padding-box,linear-gradient(50deg, var(--bleu-fonce), var(--bleu-clair), var(--rose), var(--orange)) border-box; border: 2px solid transparent;}

#search_block_top #search_query_top{background-color:var(--dark) !important; border:none !important; color:white !important; font-family: var(--font-body); font-size: 14px;}
#search_block_top #search_query_top:placeholder {color:white; font-family: var(--font-body); font-size: 14px;}
#search_block_top .btn.btn-primary{background-color:#24292d !important; border:none !important; color:white !important; font-family: var(--font-body); font-size: 14px;}
#search_block_top .btn.btn-primary:hover{background-color: #3C3C3A  !important;}
.head-compare a, .head-wishlist a, .carthome{background-color: white !important;}

.ap-total-compare, .ap-total-wishlist, .cart-products-counthome{background-color: #2d3338 !important; font-family: var(--font-body); font-size: 12px; font-weight: 600; color: white !important;}


#header .header-top {background-color: var(--dark); border-bottom: 1px solid #3C3C3A !important;}

.header-top-main{background-color:var(--dark) !important;}
.header-top-main a {color: white !important; font-family: var(--font-body); font-size: 14px;}
.header-top-main.bg_main{border: none !important;}

.header-top-main .cat-title {color: white !important;}
#header .header-top-main.bg_main #cpheadercms2 .offer-link .offer-icon{background-image: linear-gradient(50deg, #3c9ee2 20%, white 60%, #D4047D);}


/* Fil d'ariane */
body #breadcrumb_wrapper{background-color: #282826; background-image: url('https://www.coverlane-dev.fr/themes/PRS04084/assets/img/header/blob-header.png'); background-position: top left; background-size: cover; margin-top: -1px;}
body #breadcrumb_wrapper .breadcrumb li a {padding-inline: 30px;}
body #breadcrumb_wrapper .breadcrumb li a span {font-family: var(--font-title); color:#FFFFFF; font-size:1.25rem;}
body #breadcrumb_wrapper .breadcrumb li a::after {top: 3px;	right: 0;	width: 2px;	height: 22px;	background-color: #FFFFFF;}




body .products-section-title h2.title, body .cl-products-title h2.title, body .title_blog {color: #1d1d1b;	font-size: 32px;line-height: 45px; text-transform: unset;}
body span.short-details {display: inline-block; margin: 10px 0; color: #757575; font-family: var(--font-body); font-size: 14px;}


/* body .customNavigation i.btn{background: #1d1d1b !important; color:white !important; z-index: 10;}
body .customNavigation i.btn::before{z-index: 15;}
body .customNavigation i.btn::after{content: ''; height:50px; width:50px; position:absolute; background: transparent; background-image: linear-gradient(50deg, var(--bleu-fonce), var(--bleu-clair), var(--rose), var(--orange)); z-index: 5;} */

/* Composants qui se répètent */

body .customNavigation .btn {position: absolute !important; z-index: 5;  width: 48px; height: 48px; border-radius: 50%; background: #1f1f1f !important; display: flex; justify-content: center; align-items: center; cursor: pointer;}
body .customNavigation .btn::before {position: relative; z-index: 2; color: #fff !important; font-size: 18px; background: white;}
body .newproduct_prev::before {content: "\2190"; /* ← */}
body .newproduct_next::before {content: "\2192"; /* → */}
body .customNavigation .btn::after {content: ""; position: absolute; inset: 0; padding: 2px; border-radius: 50%; left: 0;
    top: 0; padding: 2px;
    box-sizing: border-box;
    background: linear-gradient(var(--bleu-fonce), var(--bleu-clair), var(--rose), var(--orange));
    /* On découpe le centre pour créer un anneau */
    -webkit-mask: 
        radial-gradient(farthest-side, transparent calc(100% - 2px), black 0);
    mask: 
        radial-gradient(farthest-side, transparent calc(100% - 2px), black 0);
    z-index: 1;
}

body .products .product-title a {color: #1d1d1b; font-family: var(--font-body); font-size: 14px; font-weight: 500;}
body .products .product-price-and-shipping, body .product-price {color: #1d1d1b; font-family: var(--font-body); font-size: 14px; font-weight: 500; margin-top: 5px;}
body .product-bottom .add-to-cart{width:100%; text-align: center; background-color: transparent; background-image: linear-gradient(50deg, var(--bleu-fonce), var(--bleu-clair), var(--rose), var(--orange)); color:white !important; font-family: var(--font-title); font-size: 14px; font-weight: 400 !important;}

body .testimonial-block-part{position: relative; overflow: visible;}
body .testimonial-block-part::before {content: ''; position: absolute; top: -550px; right: -300px; width: 900px; height: 1400px;  opacity: 0.5;  background: url(https://www.coverlane-dev.fr/themes/PRS04084/assets/img/accueil/coverstudio/blob-right.png) no-repeat center/cover; background-size: cover;  animation: rotateBlob 40s linear infinite;  transform-origin: center;  pointer-events: none; z-index: 0; filter: blur(10px);}
@keyframes rotateBlob {
  0%   { transform: rotate(0deg) scale(1); }
  50%  { transform: rotate(180deg) scale(1.05); }
  100% { transform: rotate(360deg) scale(1); }
}
body .testimonial-block-part .cptestimonial-container .cptestimonial-container-inner {border-radius: 5px;}
body .cptestimonial-container-inner .testimonial-banner-description .review-img{background: url(https://www.coverlane-dev.fr/themes/PRS04084/assets/img/accueil/temoignages/stars.png);}
body .testimonial-banner-description p {font-family: var(--font-body); font-size: 14px; font-weight: 500; color: #757575;}
body .testimonial-block-part .cptestimonial-container .cptestimonial-container-inner{background-color: white;}







/* --------------------------------------------------------------------------
   3. HOMEPAGE
   -------------------------------------------------------------------------- */

body#index .cpcategorylist{margin:75px 0 30px 0;}
body#index .cpcategorylist .categorylist .cate-heading a{background-color: var(--dark); color:white; font-family: var(--font-title); font-size: 13px; font-weight: 400 !important; text-transform: initial;}
body#index .cpcategory-container .categoryblock .block_content .categoryimage {border-radius: 5px;}
body#index .cpcategory-container {padding-bottom: 100px; margin-bottom: 30px; border-bottom: 2px solid var(--dark);}



body#index section.newproducts, body#index section#cpcmsbanner1{background-color: var(--dark);}
body#index section.newproducts{margin: 30px 0 0 0; padding:80px 0 80px 0;}
body#index section.newproducts .products-section-title h2.title, body#index section#cpcmsbanner1 .products-section-title h2.title{color: white;}

body#index #newproduct-carousel .product{margin-top: 1.8rem;}
body#index #newproduct-carousel .product .thumbnail-container{border-radius: 5px; aspect-ratio: 1/1; overflow: hidden;}
body#index #newproduct-carousel .product img{transform: scale(1.1); transition: all 0.3s ease;} 
body#index #newproduct-carousel .product-title a{color:white; font-family: var(--font-body); font-size: 14px; font-weight: 500;}
body#index #newproduct-carousel .product-bottom {margin-top: -10px;}
body#index #newproduct-carousel .product-bottom span{color: #757575; font-size: 12px;}
body#index #newproduct-carousel .products .product-price-and-shipping, body#index #newproduct-carousel .product-price {line-height: 0;}
body#index #newproduct-carousel .product-bottom .add-to-cart-button {background-color: var(--dark);}

body#index section#cpcmsbanner1{padding:75px 0 125px 0; margin: 0;}

body#index #cpcmsbanner1_block1 {justify-content: center;}
body#index #cpcmsbanner1 .cms_content .cms-block{border-radius: 5px;}
body#index #cpcmsbanner1 .cms-block .offer-text1{color: #757575; font-family: var(--font-body); font-size: 14px; font-weight:300;}
body#index #cpcmsbanner1 .cms-block .offer-text2{color:white; font-family: var(--font-title); font-size:25px; font-weight:400; line-height: 1.2;}
body#index #cpcmsbanner1_block1 .cms_content .cms-block .offer-button a{color: white; font-family: var(--font-body); font-size: 14px; font-weight:300;}

body#index #cpcategorytabs {margin: 100px 0 30px 0;}
body#index #cpcategorytabs .container{border-bottom: 2px solid var(--dark); padding-bottom: 125px; position: relative; z-index: 5;}
body#index #cpcategorytabs .nav-tabs a.nav-link {background-color: var(--dark); color: white; border-radius: 5px; font-family: var(--font-title); font-size: 12px;font-weight: 400; position: relative; z-index: 1; padding: 8px 18px; overflow: hidden; transition: color 0.3s ease;}
body#index #cpcategorytabs .nav-tabs a.nav-link::before {content: ""; position: absolute; inset: 0; border-radius: 5px; background: linear-gradient(to right, var(--bleu-fonce), var(--bleu-clair), var(--rose), var(--orange)); padding: 2px; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);  -webkit-mask-composite: xor;  mask-composite: exclude;  z-index: -1; opacity: 0; transition: opacity 0.4s ease;}
body#index #cpcategorytabs .nav-tabs a.nav-link:hover::before, body#index #cpcategorytabs .nav-tabs a.nav-link.active::before {opacity: 1;}
body#index #cpcategorytabs .product .thumbnail-container{border-radius: 5px; aspect-ratio: 1/1; overflow: hidden;}
body#index #cpcategorytabs .product img{transform: scale(1.1); transition: all 0.3s ease;} 

body#index .testimonial-block-part .container{border-bottom: 2px solid var(--dark); padding-bottom: 125px;}

body#index #cpcmsbanner3 .main-content{margin: 0 auto;}
body#index #cpcmsbanner3 .cms-block .offer-text1{color: #757575; font-family: var(--font-body); font-size: 14px; font-weight:300;}
body#index #cpcmsbanner3 .cms-block .offer-text2{color:white; font-family: var(--font-title); font-size:28px; font-weight:400;}
body#index #cpcmsbanner3 .cms-block .offer-text3{color: white; font-family: var(--font-body); font-size: 14px; font-weight:300; margin-top: 20px;}
body#index #cpcmsbanner3 .cms-block .offer-button {margin-top: 25px;}
body#index #cpcmsbanner3 .cms-block .offer-button a{background-color: var(--dark);	color: white;	border-radius: 5px;	font-family: var(--font-title);	font-size: 14px;	font-weight: 400;	position: relative;	z-index: 1;	padding:10px 20px;  width:300px;  height:50px;
  display: flex;  justify-content: center;  align-items: center;	overflow: hidden;	transition: color 0.3s ease;}
body#index #cpcmsbanner3 .cms-block .offer-button a::before {	content: "";	position: absolute;	inset: 0;	border-radius: 5px;	background: linear-gradient(to right, var(--bleu-fonce), var(--bleu-clair), var(--rose), var(--orange));	padding: 2px;	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);	-webkit-mask-composite: xor;	mask-composite: exclude;}

body#index .bestseller-products{background-color: var(--dark); margin: 50px 0; overflow: hidden; position: relative; }
body#index .bestseller-products::before{content: ''; position: absolute; z-index: 0; top: -550px; left: -700px; background: url(https://www.coverlane-dev.fr/themes/PRS04084/assets/img/accueil/coverstudio/blob-right.png); background-repeat:no-repeat; width: 1474px; height: 1474px; overflow: hidden; transform: rotate(-32deg); opacity:0.75; animation: rotateBlobPrev 50s linear infinite;  transform-origin: center; mix-blend-mode: screen; pointer-events: none; filter: blur(10px);}
@keyframes rotateBlobPrev {
  0%   { transform: rotate(0deg) scale(1); }
  50%  { transform: rotate(-180deg) scale(1.05); }
  100% { transform: rotate(-360deg) scale(1); }
}

body#index .bestseller-products .container{padding:100px 0;}
body#index .bestseller-products .products-section-title h2.title{color: white;}
body#index .bestseller-products .products .product-title a {color: white;}
body#index .bestseller-products .products .product-price-and-shipping{color: #757575;}
body#index .bestseller-products .product .thumbnail-container{border-radius: 5px; aspect-ratio: 1/1; overflow: hidden;}
body#index .bestseller-products .product img{transform: scale(1.1); transition: all 0.3s ease;} 

body#index .brands{margin: 30px 0 0 0;}
body#index .brands .container {padding-bottom: 100px; margin-bottom: 30px; border-bottom: 2px solid var(--dark);}

body#index .ets_block_latest{position: relative;}
body#index .ets_block_latest::before{content: ''; position: absolute; top: -300px; right:0; background: url(https://www.coverlane-dev.fr/themes/PRS04084/assets/img/accueil/coverstudio/blob-right.png); background-repeat:no-repeat; width: 689px; height: 1192px; transform: rotate(0deg); opacity:0.5; z-index: 0;}
body#index .ets_block_latest .owl-carousel .owl-stage {margin: 0 auto; max-width: 1400px;}
body#index .ets_block_latest .owl-carousel .owl-item {width:33.3333% !important; position: relative;}
body#index .ets_block_latest .ets_item_img {border-radius:5px;}

body#index .ets_block_latest .ets-blog-latest-post-content {position: absolute;	bottom: 0;	background-color: var(--dark); border-radius: 5px;	margin: 1.5rem 3rem 3rem 2rem;	text-align: left;	padding:1rem 1.5rem;}
body#index .ets_block_latest a.ets_title_block {color: white !important; font-family: var(--font-title); font-size: 18px; font-weight: 400 !important;  text-transform: unset;  line-height: 1.5; margin: 0;padding: 0;}
body#index .ets_block_latest .blog_description p{display: none;}
body#index .ets_block_latest .blog_description a, .read_more{ color: white !important; font-family: var(--font-body); font-size: 14px; font-weight:300 !important; margin-top:0; display: inline-block; margin-top: 0; font-style: normal;}

/* Empêche Owl Carousel de déborder */
body#index .ets_block_latest .owl-carousel { width: 100% !important; overflow: hidden !important;}
body#index .ets_block_latest .owl-stage-outer {width: 100% !important; overflow: hidden !important;}
body#index .ets_block_latest .owl-stage {width: 100% !important; transform: none !important; display: flex !important;}
body#index .ets_block_latest .owl-item {flex: 1 0 33.3333% !important; max-width: 33.3333%;}









/* --------------------------------------------------------------------------
   3. PAGES PRODUITS
   -------------------------------------------------------------------------- */

/* Détails produit */
.product-detail {
  font-family: var(--font-body);
  color: #222;
}

/* Titre produit */
.product-detail h1 {
  font-family: var(--font-title);
  font-size: 2rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Bouton “Ajouter au panier” */
button.add-to-cart {
  background-color: #000;
  color: #fff;
  border: none;
  border-radius: 4px;
  padding: 12px 24px;
  transition: all 0.3s ease;
}
button.add-to-cart:hover {
  background-color: #f5b1c8;
  color: #111;
}

/* Prix produit */
.product-prices {
  font-size: 1.2rem;
  color: #111;
  margin-top: 8px;
}



/* --------------------------------------------------------------------------
   4. PAGE CATEGORIE / LISTE PRODUITS
   -------------------------------------------------------------------------- */

.category-header h1 {
  font-family: var(--font-title);
  font-size: 2rem;
}

.products-grid .product {
  transition: transform 0.3s ease;
}
.products-grid .product:hover {
  transform: translateY(-4px);
}



/* --------------------------------------------------------------------------
   5. FORMULAIRES / NEWSLETTER / CONTACT
   -------------------------------------------------------------------------- */

input, textarea, select {
  border-radius: 6px;
  border: 1px solid #ddd;
  padding: 10px;
  font-family: var(--font-body);
}

button[type="submit"] {
  background-color: #111;
  color: #fff;
  font-weight: 600;
  border: none;
  border-radius: 4px;
  padding: 10px 20px;
  cursor: pointer;
  transition: all 0.3s ease;
}
button[type="submit"]:hover {
  background-color: #f5b1c8;
  color: #111;
}


/* --------------------------------------------------------------------------
   6. COVERSTUDIO MODULE
   -------------------------------------------------------------------------- */

body.cms-id-6 #left-column, body.cms-id-6 #content-wrapper #main header.page-header{display: none;}
body.cms-id-6 #content-wrapper{width:100%; }
body.cms-id-6 #main .page-content.page-cms-6 {padding:0 !important;}

/* --------------------------------------------------------------------------
   7. ELEMENTS DE CONFIANCE / AVIS / TEMOIGNAGES
   -------------------------------------------------------------------------- */

.testimonial {background-color: #fafafa; border-left: 4px solid #f5b1c8; padding: 20px; font-style: italic;}

body #cookieNotice {background-color:var(--dark) !important; padding:30px 0 !important; position: fixed !important; left: 0; right: 0; bottom: 0; width:100%; height:auto; z-index: 2147483647 !important;   isolation: isolate; }
body #cookieNotice #cookieNoticeContent .cookie_text{	background: none;	line-height: 1.5;	margin: 0px 0 30px 0;	padding: 0 15px;	text-align: center;}
body #cookieNotice #cookieNoticeContent button.closeFontAwesome {font-family: var(--font-title); padding:12px 30px !important; background-color: white; color:var(--dark); border-radius: 5px; font-size: 14px; font-weight: 400 !important; text-transform: initial; transition: all 0.3s ease-in-out;}
body #cookieNotice #cookieNoticeContent button.closeFontAwesome:hover {transform: translateY(-2px); transition: all 0.3s ease-in-out;}



/* --------------------------------------------------------------------------
   8. FOOTER
   -------------------------------------------------------------------------- */

body #footer { background-color:var(--dark) !important; color: #f5f5f5; font-size: 15px; line-height: 1.6; position: relative; z-index:10 !important;}
body #footer .footer-container {background-image: none; background: var(--dark);}
body #footer .footer-container li{color: #D9D9D9; padding: 0;}


#footer .footer-before {float: none;	overflow: unset;}


body #footer .service-cms-banner-list.service-1 .service_image {
   background: url(https://www.coverlane-dev.fr/themes/PRS04084/assets/img/footer/Package.svg); background-repeat:no-repeat; width:30px; height:30px; background-size: contain;
	-webkit-mask-image: none;	mask-image: none;	mask-size: none;	-webkit-mask-size: none;}
body #footer .service-cms-banner-list.service-2 .service_image {
   background: url(https://www.coverlane-dev.fr/themes/PRS04084/assets/img/footer/Loader.svg); background-repeat:no-repeat; width:30px; height:30px; background-size: contain;
	-webkit-mask-image: none;	mask-image: none;	mask-size: none;	-webkit-mask-size: none;}
body #footer .service-cms-banner-list.service-3 .service_image {
   background: url(https://www.coverlane-dev.fr/themes/PRS04084/assets/img/footer/Check-circle.svg); background-repeat:no-repeat; width:30px; height:30px; background-size: contain;
	-webkit-mask-image: none;	mask-image: none;	mask-size: none;	-webkit-mask-size: none;}
body #footer .service-cms-banner-list.service-4 .service_image {
   background: url(https://www.coverlane-dev.fr/themes/PRS04084/assets/img/footer/Settings.svg); background-repeat:no-repeat; width:30px; height:30px; background-size: contain;
	-webkit-mask-image: none;	mask-image: none;	mask-size: none;	-webkit-mask-size: none;}




  #footer .footer-middle {
    overflow: visible !important;
}


body #footer .service_content .service_title1, body #footer .block_newsletter .title span.block_title, body #footer .footer-container .links .h3, body #footer .footer-container .links h3 a{color: white; font-family: var(--font-title); font-size: 17px; font-weight: 400 !important; text-transform: initial;}
body #footer .service_content .service_title2 {color: white; font-family: var(--font-body); font-size: 14px; font-weight:400 !important; text-transform: initial;}
body #footer ul#block-contact_list, body #footer .block_newsletter .title span{color: #D9D9D9;}
body #footer #cpserviceblock {padding:30px 0; border-bottom: 0;}
body #footer #cpserviceblock::after{content: ''; display: block; width: 100%; height: 2px; background: linear-gradient(to right, var(--bleu-fonce), var(--bleu-clair), var(--rose), var(--orange)); margin-top:40px;}
body #footer .footer-container .footer-right li a {text-transform: unset; color: #D9D9D9;}
body #footer .footer-container .footer-right li a:hover{text-decoration: underline; color: white;}

.block_newsletter form input.btn {background: linear-gradient(var(--dark), var(--dark)) padding-box, linear-gradient(to right, var(--bleu-fonce), var(--bleu-clair), var(--rose), var(--orange)) border-box;  border: 2px solid transparent;  color: white;  border-radius: 5px;  font-family: var(--font-title);  font-size: 14px;  font-weight: 400;  position: relative;  z-index: 1;  padding: 10px 20px;  width: 100%;  height: 50px;  display: flex;  justify-content: center;  align-items: center;  overflow: hidden;  transition: color 0.3s ease;  position: absolute;  bottom:-60px; right: 0;}

body #footer #cpserviceblock::after{content: ''; display: block; width: 100%; height: 2px; background: linear-gradient(to right, var(--bleu-fonce), var(--bleu-clair), var(--rose), var(--orange)); margin-top:40px;}
body #footer .footer-after {border-block-start: none;  


display: block !important;
    width: 100% !important; z-index: 15 !important;
    position: relative !important;
}
body #footer .footer-after .container {padding:40px 0 75px 0;	position: relative; display: flex; justify-content: space-between; align-items: center; z-index:200 !important;}
body #footer .footer-after .container::before{content: ''; display: block; position: absolute; top:0; width: 100%; height: 2px; background: linear-gradient(to right, var(--bleu-fonce), var(--bleu-clair), var(--rose), var(--orange));}
body #footer .footer-after .container > .payment-logos { margin-left: auto;}
body #footer .footer-after .container::after{display: none;}


body #footer .footer-after #athorusbadge {display: flex; align-items: center; gap: 30px;}
body #footer .footer-after #athorusbadge .block_content {display: flex;align-items: center; justify-content: center; padding: 0; margin: 0;}
body #footer .footer-after #athorusbadge .block_content img {display: block; height: 40px; width: auto;}





/* --------------------------------------------------------------------------
   7. MEDIA QUERIES
   -------------------------------------------------------------------------- */


body::before {width: 100%; height: 5px; background: transparent; content: ''; display:none; position: fixed; z-index: 99999; bottom: 0;}

/* Desktops */
@media (max-width: 1400px) 
{
  body::before {background-color: #283484;}

  body#index .bestseller-products::before {left: -900px; opacity: 0.5;}


}
/* Tablettes */
@media (max-width: 992px) 
{
  body::before {background-color: #D4047D;}
  
  .product-detail h1 {font-size: 1.6rem;}
  .products-grid .product {margin-bottom: 20px;}

  body span.short-details {margin: 0;}
  body .products-section-title h2.title, body .cl-products-title h2.title, body .title_blog {color: #1d1d1b;	font-size: 30px;line-height: 40px;}

  body#index .cpcategorylist {margin: 50px 0 0px 0;}
  body#index .cpcategory-container {padding-bottom: 75px; margin-bottom: 50px;}

  .beforeafter-section {padding: 100px 0 25px 0;}
  body#index section#cpcmsbanner1 {padding: 50px 0 100px 0;}
  body#index #cpcategorytabs {margin: 75px 0 0 0;}
  body#index #cpcategorytabs .container {padding-bottom: 100px;}

  body#index .testimonial-block-part {float: left; width: 100%;	margin: 30px 0 0 0;}
  body#index .testimonial-block-part::before {display: none !important; }
  body#index .testimonial-block-part .container{border-bottom:0;}

  body#index .bestseller-products {margin: 0 0 50px 0;}
  section#cpcmsbanner3{display: none;}

  body#index .ets_block_latest a.ets_title_block, body#index .ets_block_latest a.read_more {color: var(--dark) !important;}
  body#index .ets_block_latest a.ets_title_block{line-height: 1.2; margin-top: 1rem;}


  body #footer .service_block_inner {display: flex;}
  body #footer #cpfootercms1 {margin-top:2rem;}
  body #footer #athorusbadge {margin-top:1rem;}
  body #footer .footer-after #athorusbadge .block_content img {display: block;	height: 35px;}




}

/* Mobiles (400px ideal) */
@media (max-width: 600px)
{
  body::before {background-color: #3D9FE3;}


  header .header-banner p {padding: 8px 10px; font-size: 16px;}
  form#searchbox {height:42px;
  display: grid !important;
    grid-template-columns: 1fr auto;
    align-items: center;
  
  
  
  
  }

  #search_block_top #search_query_top {
	height: 38px;  width: 100% !important;
    margin: 0 !important;
}


#search_block_top .btn.btn-primary {padding: 8px 16px;
	position: absolute;
	right: 2px;
	top: 1px;
	border-radius: 0; height: 38px !important; margin: 0 !important; padding: 0 15px !important;
}



  #top-banner {font-size: 12px; padding: 4px 0;}
  .product-detail h1 {font-size: 1.4rem;}
  button.add-to-cart {width: 100%;}
 .ba-grid {
        grid-template-columns: 1fr;
    }
.beforeafter-section {
	padding: 100px 20px 25px 20px;
}


body .products-section-title h2.title, body .cl-products-title h2.title, body .title_blog {color: #1d1d1b;	font-size: 25px;	line-height: 35px;}

body .customNavigation .btn {	background: #1f1f1fb5 !important;}


body#index .cpcategorylist .categorylist .cate-heading a {
	background: #1f1f1fe0 !important; font-size: 9px;}


body#index section#cpcmsbanner1 {padding: 50px 0 75px 0;}
  body#index #cpcmsbanner1 .cms-block .offer-text2 {font-size: 20px;}

#cpcmsbanner1 .cms_content .cms-block {background-color: #1f1f1fe0 !important;
	top: unset;
	padding: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
}

body#index #cpcmsbanner1 .cms-block .offer-text1 {
	color: #b0b0b0;
}
body#index .testimonial-block-part .container {padding-bottom: 100px;}

body#index .bestseller-products::before {left: -950px; opacity: 0.3;}
body#index .bestseller-products .container {
	padding: 75px 0;
}
body#index .brands {
	margin: 15px 0 0 0;
}

body#index .ets_block_latest .owl-item {
      width: 100% !important;
      flex: 0 0 100% !important;
      max-width: 100% !important;
  }

  body#index .ets_block_latest .owl-stage {
      transform: none !important;
      width: 100% !important;
      display: flex !important;
  }

  body#index .ets_block_latest .owl-stage-outer {
      width: 100% !important;
      overflow: hidden !important;
  }


}