/*
	Theme Name: loisibike
	Theme URI: http://www.jolifish.fr
	Description: /
	Version: 1.0
	Author: JOLIFISH EUROPE
	Author URI: http://www.jolifish.fr
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/* Screen reader text - cache visuellement mais accessible */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	word-wrap: normal !important;
}

/*------------------------------------*\
    MAIN
\*------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
	overflow-x: hidden;
}
body {
	font:300 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#444;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#000;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	max-width:1280px;
	width:95%;
	margin:0 auto;
	position:relative;
	
font-family: 'Roboto', sans-serif; text-transform: uppercase;
font-weight: 700;
font-style: italic;

font-family: 'Roboto', sans-serif; text-transform: uppercase;
font-weight: 700;
font-style: normal;

font-family: 'Roboto', sans-serif; text-transform: uppercase;
font-weight: 400;
font-style: italic;

font-family: 'Roboto', sans-serif; text-transform: uppercase;
font-weight: 400;
font-style: normal;

font-family: carbon-fence, sans-serif;
font-weight: 400;
font-style: normal;

font-family: carbon-phyber, sans-serif;
font-weight: 400;
font-style: normal;

font-family: greycliff-cf, sans-serif;
font-weight: 700;
font-style: normal;

font-family: greycliff-cf, sans-serif;
font-weight: 400;	

}
/* header */
.header {

}
/* logo */
.logo {

}
.logo-img {

}
/* nav */
.nav {

}
/* sidebar */
.sidebar {

}
/* footer */
.footer {

}

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		/* background:transparent !important; */
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}


h2{
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: bold;
	font-style: italic;
	font-size: 46px;
}

p{
	font-family: greycliff-cf, sans-serif;
	font-weight: lighter;
	font-size: 17px;
}

.hero-section{
	width: 100%;
	height: 100vh;
	position: relative;
}

.hero-section .fond{
	width: 100%;
	z-index: 1;
	height: 100vh;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}

.hero-section .content{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 2;
	position: absolute;
	padding-bottom: 49px;
}

nav{
	display: flex;
}










































.hero-section .overlay{
	opacity: 0.49;
	background: #000;
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}




.hero-section .content .product{
	width: 601px;
	position: relative;
	z-index: 5;
}






.hero-section .content h1{
	position: absolute;
	font-size: 120px;
	color: #FFF;
	font-family: greycliff-cf, sans-serif;
	font-weight: 700;
}

.hero-section .content h1 .ligne1{
	position: relative;
	z-index: 7;
	top: -71px;
}

.hero-section .content h1 .ligne2{
	position: relative;
	z-index: 4;
	top: -49px;
}

.hero-section .menu-hero{
	height: 411px;
	position: absolute;
	z-index: 11;
	right: 97px;
	color: #FFF;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: flex-end;
	font-size: 19px;
	top: 120px;
} 

.hero-section .menu-hero:after{
	content: "";
	display: block;
	height: 110%;
	width: 2px;
	opacity: 0.47;
	background: #FFF;
	position: absolute;
	top: -5%;
	right: -29px;
}

.hero-section .menu-hero .cercle-big{
	width: 0;
	height: 0;
	border-radius: 49px;
	right: -39px;
	top: 3px;
	transition: 0.3s;
}

.hero-section .menu-hero .active .cercle-big{
	display: block;
	width: 21px;
	height: 21px;
	border-radius: 49px;
	background: #FFF;
	opacity: 1;
	font-size: inherit;
	position: absolute;
	right: -39px;
	top: 17px;
	transition: 0.3s;
}

.hero-section .menu-hero .button-menu{
	font-size: 0px;
	color: #FFF;
	right: 0;
	width: 150px;
	text-decoration: underline;
	position: absolute;
	transition: 0.3s;
}

.hero-section .menu-hero .active .button-menu{
	font-size: 13px;
	transition: 0.3s;
}

.hero-section .menu-hero .item{
	opacity: 1;
	font-size: 20px;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	font-style: italic;
	position: relative;
	cursor: pointer;
}

.hero-section .menu-hero .active .title{
	font-size: 35px;
}

.hero-section .menu-hero .cercle{
	display: block;
	width: 13px;
	height: 13px;
	border-radius: 49px;
	background: #FFF;
	opacity: 1;
	font-size: inherit;
	position: absolute;
	right: -35px;
	top: 7px;
	z-index: 2;
	transition: 0.3s;
}

.hero-section .menu-hero .active .cercle{
	top: 21px;
	background: #C1D133;
	transition: 0.3s;
}

.hero-section .menu-hero-responsive{
	width: 79%;
	bottom: 41px;
	z-index: 71;
	position: absolute;
	height: 199px;
	left: 0;
	margin: auto;
	right: 0;
}

.hero-responsive{
	display: none;
}

.hero-section .menu-hero-responsive .item{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	padding-top: 39px;
}


.hero-section .menu-hero-responsive .button-menu{
	width: 231px;
	height: 57px;
	font-size: 17px;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	border-radius: 10px;
	background: #C1D133;
	left: 1px;
	opacity: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
}

.hero-section .menu-hero-responsive .swiper-slide-active .button-menu{
	opacity: 1;
	position: relative;
	z-index: 99;
}

.hero-section .menu-hero-responsive .item .title{
	font-size: 35px;
	color: #FFF;
	opacity: 0;
	width: 231px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.hero-section .menu-hero-responsive .swiper-slide-active .item .title{
	opacity: 1;
}

.hero-section .menu-hero-responsive .item .cercle{
	width: 13px;
	height: 13px;
	border-radius: 99px;
	background: #FFF;
	top: 4px;
	position: absolute;
	z-index: 2;
}

.hero-section .menu-hero-responsive .item .cercle-big{
	width: 21px;
	height: 21px;
	transition: 0.3s;
	opacity: 0;
	background: #FFF;
	font-size: inherit;
	top: 0;
	position: absolute;
	border-radius: 99px;
}

.hero-section .menu-hero-responsive .swiper-slide-active .item .cercle{
	background: #C1D133;
}

.hero-section .menu-hero-responsive .swiper-slide-active .item .cercle-big{
	opacity: 1;
}

.hero-section .slide-hero-responsive{
	width: 100%;
	height: 100vh;
	opacity: 1;
}

.hero-section .slide-hero-responsive .swiper{
	width: 100%;
	height: 100%;
	opacity: 1;
}

.hero-section .menu-hero-responsive .ligne{
	width: 100%;
	height: 1px;
	position: absolute;
	background: #FFF;
	top: 10px;
	left: 0;
}

.hero-section .go-to-shop {
	position: absolute;
	bottom: 200px;
	text-align: center;
	z-index: 14;
	opacity: 1;
	width: 100%;
	display: flex;
	justify-content: center;
	margin: 7px;
}

.hero-section .go-to-shop a {
	background: #C1D133;
	padding: 10px 25px;
	font-size: 17px;
	color: #000;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	border: 1px solid #C1D133;
	border-radius: 10px;
	transition: 0.3s;
}
.hero-section .go-to-shop a:hover {
	background: transparent;
	color: #C1D133;
}

.hero-section h2{
	position: absolute;
	bottom: 43px;
	text-align: center;
	z-index: 14;
	font-size: 35px;
	color: #FFF;
	opacity: 1;
	width: 100%;
	display: flex;
	justify-content: center;
	margin: 7px;
	padding-bottom: 49px;
}

@media only screen and (max-width:901px) {
	.hero-section h2{
		font-size: 22px;
		padding-bottom: 210px;
	}

	.hero-section .content h1{
		font-size: 66px;
	}

	.hero-desktop{
		display: none;
		opacity: 0;
	}

	.hero-responsive{
		display: block;
	}

	.hero-section .content .product {
		width: 600px;
		max-width: 69%;
	}

	.hero-section .content{
		padding-bottom: 200px;
	}

	.hero-section .menu-hero-responsive .item .title {
		font-size: 25px;
	}

	.hero-section .menu-hero-responsive .button-menu {
		height: 50px;
	}
}

.single-product .site-main {
	position: relative;
}

.button-breadcrumb{
	left: 0;
	top: 0;
	opacity: 1;
	position: inherit;
}

.button-breadcrumb a{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 18px;
	border-radius: 10px;
	border: 1px solid #e5e5e5;
	background: #fff;
	color: #05668D;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	text-decoration: none;
	transition: all 0.3s ease;
}

.archive .button-breadcrumb{
	display: none;
}

.button-breadcrumb a:hover{
	background: #05668D;
	color: #fff;
	border-color: #05668D;
	text-decoration: none;
	transform: translateX(-2px);
	opacity: 1;
}

.single-product .zoomImg{
	cursor: zoom-in;
}

.single-product .pswp__img{
	background: #FFF;
}

.single-product .pswp__caption__center{
	opacity: 0;
}

.single-product .woocommerce-breadcrumb{
	display: flex;
	width: fit-content;
	max-width: 600px;
	margin: auto;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	color: #C1D133;
	opacity: 1;
	margin-top: 0;
	position: relative;
	z-index: 3;
	flex-wrap: wrap;
}

.single-product .woocommerce-breadcrumb a{
	text-decoration: underline;
	color: #000;
	transition: 0.3s;
	margin: 0 3px;
}

.single-product h1{
	font-size: 60px;
	color: #000;
	font-family: greycliff-cf, sans-serif;
	font-weight: 700;
	margin-bottom: 17px;
	position: relative;
	width: fit-content;
}

.single-product h1:after{
	content: "";
	display: block;
	border-radius: 49px;
	height: 99px;
	width: 99px;
	background: #05668D;
	opacity: 0.07;
	font-size: 17px;
	position: absolute;
	top: -31px;
	right: -31px;
}

.single-product .woocommerce-breadcrumb a:hover{
	color: #C1D133;
	transition: 0.3s;
}

.single-product .saleof{
	width: 49px;
	height: 49px;
	font-size: 17px;
	background: #C1D133;
	top: 0;
	position: absolute;
	left: 0;
	opacity: 1;
	display: flex;
	justify-content: center;
	border-radius: 99px;
	align-items: center;
}

.single-product div.product p.price{
	font-size: 50px;
	margin-top: 0;
	color: #C1D133;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	font-style: italic;
	margin-bottom: 1px;
	display: flex;
	opacity: 1;
}



.single-product .posted_in a{
	font-size: 15px;
	margin-right: 17px;
	font-family: greycliff-cf, sans-serif;
	font-weight: 400;
	color: #191515;
	text-decoration: underline;
	transition: 0.3s;
}

.woocommerce div.product p.stock{
	font-size: 50px;
	margin: 17px 0;
}

.woocommerce div.product span.price{
	font-size: 50px;
}

.single-product .posted_in{
	margin: 17px 0;
}

.single-product .posted_in a:hover{
	color: #C1D133;
	transition: 0.3s;
}

.single-product .summary .product-info{
	border: 1px transparent;
	height: fit-content;
	width: fit-content;
}

.single-product .site-main .product .cart .variations select{
	height: 45px;
	padding: 7px;
	font-size: 17px;
	background: #f2f7fe;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	border-radius: 10px;
	border: 1px solid #f2f7fe;
	display: flex;
	width: fit-content;
	min-width: 199px;
}

.single-product .label label{
	font-size: 0px;
}

.single-product .quantity .input-text{
	border-radius: 10px;
	border: 1px solid #E7E7E7;
	height: 45px;	
	margin-top: 4px;
	width: 49px;
	font-size: 17px;
	padding: 0;
}

.single-product .woocommerce-description{
	font-size: 17px;
	text-transform: none;
}

.single-product .woocommerce-description p,
.single-product .woocommerce-description li,
.single-product .woocommerce-description span {
	text-transform: none;
}

.single-product h3{
	font-size: 20px;
	margin-top: 7px;
}

.single-product .items .item{
	display: flex;
	justify-content: space-between;
	margin: 17px 0;
}

.single-product .woocommerce-description .product-info:hover{
	opacity: 1;
}

.single-product .woocommerce-description .caracteristiques{
	display: none;
}

.single-product .items .item .intitule{
	min-width: 141px;
	width: 20%;
	font-size: 17px;
	opacity: 1;
	background: #EBF2FA;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	border-radius: 10px;
	box-shadow: 0px 3px 6px #00000029;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 13px 0;
}

.single-product .variations tbody{
	display: flex;
}

.single-product .wrapper-gallery{
	width: 43%;

	position: relative;
}


.single-product .wrapper-gallery h1{
	opacity: 0;
	display: none;
}

.single-product .product {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    opacity: 1;
}

.single-product  .items .item .valeur{
	font-size: 15px;
	width: 77%;
	font-family: greycliff-cf, sans-serif;
	font-weight: 400;
	border-radius: 10px;
	box-shadow: 0px 3px 6px #00000029;
	display: flex;
	align-items: center;
	padding: 10px 10px;
}

.single-product .site-main .product .summary{
	width: 47%;
	padding-top: 39px;
	padding-right: 39px;
}

.single-product .onsale{
	opacity: 0;
	display: none;
}

.single-product .summary h1{
	display: block;
	margin: 0;
}

.single-product .site-main .product .images{
	width: 100%;
	margin-top: 39px;
	margin-bottom: 31px;
}

.single-product .product .cart .single_add_to_cart_button{
	background: #C1D133;
	border-radius: 10px;
	height: 57px;
	font-size: 17px;
	border: 1px solid #C1D133;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	opacity: 1;
	color: #000;
	padding: 20px 43px;
	transition: 0.3s;
}


.single-product .product .cart .single_add_to_cart_button:hover{
	background: #FFF;
	color: #000;
	transition: 0.3s;
}
.upsells {
    width: 100%;
}
.upsells .product-info {
    max-width: 400px;
}
.product-info{
	border-radius: 10px;
	height: 350px;
	border: 1px solid #707070;
	display: flex;
	transition: 0.3s;
	flex-direction: column;
	margin-bottom: 17px;
}

.product-info .image img{
	border-radius: 10px 10px 0 0;
	width: 100%;
	height: 230px;
	object-fit: contain;
	opacity: 1;
}

.product-info .image{
	height: 230px;
	position: relative;
}


.product-info .content{
	height: 120px;
	background: #EBF2FA;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
}


.product-info:hover{
	opacity: 0.71;
	transition: 0.3s;
}



.product-info .content h3{
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	font-size: 20px;
	text-align: center;
	color: #000;
	margin: 0;
}




.product-info .content span{
	display: flex;
	justify-content: center;
	font-size: 15px;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	margin: 0 3px;
}

.product-info .content .price-product{
	display: flex;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	align-items: center;
	justify-content: center;
}


.product-info .content .price-product p{
	font-size: 12px;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	padding-right: 7px;
	margin-right: 17px;
	text-align: center;
	border-right: 1px solid #707070;
}

.product-info .content .price-product .price{
	font-size: 15px;
	background: #C1D133;
	border-radius: 3px;
	color: #000;
	padding: 3px 17px;
	display: flex;
}

.product-info .content .price-product .regular_price{
	background: #FFF;
	color: #C1D133;
	margin-right: 7px;
	position: relative;
}

.product-info .content .price-product .regular_price .s{
	left: 4px;
	bottom: 13px;
	position: absolute;
	height: 1px;
	width: 73px;
	background: #C1D133;
	opacity: 1;
	transform: rotate(350deg);
}




.single-product h2{
	opacity: 1;
}

@media only screen and (max-width:901px) {
	.button-breadcrumb{
		top: 20px;
	}

	.single-product .product .cart .single_add_to_cart_button{
		background: #C1D133;
		width: 79%;
	}

	.single-product .variations tbody{
		flex-wrap: wrap;
		justify-content: center;
	}
	
	.single-product .variations tbody tr {
		margin: 10px;
	}

	.single-product div.product p.price{
		justify-content: center;
		font-size: 35px;
	}

	.button-breadcrumb a{
		width: fit-content;
		display: flex;
		justify-content: center;
		margin: auto;
		align-items: center;
		font-size: 14px;
    padding: 10px 24px;
	}

	.single-product .site-main .product .images{
		width: auto;
		padding: 0px 5%;
	}


	.single-product .wrapper-gallery .caracteristiques{
		display: none;
		opacity: 0;
	}

	.single-product .site-main .product .summary{
		width: 100%;
		text-align: center;
		padding-left: 3px;
		padding-right: 3px;
	}

	.single-product .summary h1{
		display: none;
	}

	.single-product .woocommerce-description .items .item{
		flex-direction: column;
	}

	.single-product h1:after{
		display: none;
	}

	.single-product .wrapper-gallery h1{
		text-align: center;
		width: 100%;
		justify-content: center;
		display: flex;
		opacity: 1;
		font-weight: 31px;
	}

	.single-product .woocommerce-description .items .item .intitule{
		width: 100%;
		border-radius: 10px 10px 0 0;
		box-shadow: 0px 3px 6px transparent;
	}

	.single-product .woocommerce-description .items .item .valeur{
		width: 100%;
		border-radius: 0 0 10px 10px;
		text-align: center;
		justify-content: center;
	}

	.single-product .woocommerce-description .caracteristiques{
		display: block;
	}


	.single-product .site-main .product .cart{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	.single-product .site-main .product .cart .variations{
		display: flex;
		justify-content: center;
	}

	.single-product h2{
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		opacity: 1;
		font-size: 30px;
	}

	.single-product section.related.products .swiper {
		padding-bottom: 35px;
	}
	.single-product section.related.products .swiper-pagination-bullets.swiper-pagination-horizontal {
		bottom: 0;
	}
	.single-product section.related.products .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet-active {
		background: #C1D133;
	}

	.single-product .woocommerce-breadcrumb a{
		font-size: 11px;
	}

	.single-product .product{
		flex-direction: column;
	}

	.single-product .onsale{
		opacity: 0;
	}

	.single-product .wrapper-gallery{
		width: 100%;
		margin-top: 39px;
	}


}



.woocommerce-page h1{
	font-family: greycliff-cf, sans-serif;
	font-weight: 700;
	font-size: 49px;
	margin-top: 0;
	margin-bottom: 31px;
}


.woocommerce-page .woocommerce-products-header__title{
	font-size: 99px;
	color: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 351px;
	opacity: 1;
	position: absolute;
	top: 0;
	font-family: greycliff-cf, sans-serif;
	font-weight: 700;
	margin: 0;
	text-align: center;
	opacity: 1;
	padding-top: 79px;
}

.woocommerce-page .woocommerce{
	display: flex;
	padding-top: 20px;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 99px;
}

.woocommerce-cart-form{
	width: 59%;
	display: flex;
	flex-direction: column;
}

@media only screen and (max-width:901px) {
	.woocommerce-cart-form{
		width: 100%;
		display: flex;
		flex-direction: column;
	}


	.woocommerce-page h1{
		font-size: 49px;
	}


	.woocommerce-page .woocommerce-products-header__title{
		font-size: 71px;
		padding-top: 130px;
	}
}

.products-archive{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: 17px;
}

.product-archive{
	width: 30%;
	min-width: 330px;
}

.archive .hero-content{
	width: 100%;
	height: 351px;
	position: relative;
}

.archive .hero-content img{
	width: 100%;
	height: 351px;
	object-fit: cover;
	border-radius: 0 0 10px 10px;
	opacity: 1;
}




.archive .hero-content .overlay{
	width: 100%;
	height: 351px;
	background: #000;
	opacity: 0.49;
	position: absolute;
	top: 0;
	border-radius: 0 0 10px 10px;
}

.archive .woocommerce-breadcrumb{
	display: none;
}

.archive .woocommerce-pagination{
	display: flex;
	justify-content: center;
	font-size: 17px;
	opacity: 1;
	margin: 24px 0;
}

.archive .archive-category{
	width: 100%;
	height: 200px;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	font-size: 23px;
	background: #EBF2FA;
	justify-content: center;
	display: flex;
	align-items: center;
	padding-left: 7%;
	position: relative;
}


.archive .archive-category img{
	height: 210px;
	border-radius: 10px;
	object-fit: cover;
}

.archive .archive-category a{
	display: flex;
	flex-direction: column;
	width: 100%;
}


.archive .archive-category .cercle{
	position: absolute;
	left: 41px;
	bottom: -19px;
}


.archive .archive-category .grand-cercle{
	position: absolute;
	left: 31px;
	bottom: -29px;
}

.archive .archive-category .swiper-slide{
	opacity: 1;
	height: 120px;
	border-radius: 10px;
	display: flex;
    align-items: center;
	transition-duration: 0.4s;
}


.archive .archive-category .swiper-slide h3 {
	color: #fff;
	padding: 18px;
	font-size: 21px;
	line-height: 46px;
	text-shadow: 2px 2px 4px #000000;
	transition-duration: 0.4s;
}

.archive .archive-category .swiper-slide:hover {
	opacity: 0.8;
}



.archive .cercle-product{
	left: -49px;
	position: absolute;
	bottom: 291px;
}

.archive .grand-cercle-product{
	left: -297px;
	position: absolute;
	bottom: -149px;
}

.archive .archive-description{
	width: 100%;
	height: 471px;
	background: #EBF2FA;
}

.archive .archive-description .content{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-top: 97px;
	margin-top: 20px;
}

.archive .archive-description .content .image-et-texte{
	display: flex;
	padding-top: 41px;
}





.archive .archive-description .content .image-et-texte img{
	height: 271px;
	object-fit: cover;
	border-radius: 10px;
	width: 499px;
	position: relative;
	top: 39px;
	left: 39px;
}


.archive .archive-description .content .image-et-texte .content{
	height: fit-content;
	border-radius: 10px;
	width: 499px;
	padding: 40px 20px 40px 9%;
	background: #C1D133;
	align-items: flex-start;
}


.archive .archive-description .content .image-et-texte .content h3{
	font-size: 20px;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	margin: 3px 0;
}

.archive .archive-avantage{
	position: relative;
	overflow: hidden;
}

.archive .archive-avantage .content{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 0;
	margin-bottom: 77px;
}

.archive .archive-avantage .content .texte{
	margin-top: -79px;
	opacity: 1;
}

.archive .archive-avantage .content .texte::before{
	content: "";
	display: block;
	width: 99px;
	height: 99px;
	background: #05668D;
	opacity: 0.07;
	border-radius: 99px;
	font-size: large;
	position: relative;
	top: 47px;
	left: -47px;
}


.archive .archive-avantage .grand-cercle-product{
	top: -179px;
	position: absolute;
	width: fit-content;
	height: fit-content;
	left: 1071px;
}

.archive .archive-avantage .cercle-product{
	position: absolute;
	top: -119px;
	width: fit-content;
	height: fit-content;
	left: 1119px;
}

.archive .archive-avantage .content .texte-et-image .image:before{
	content: "";
	display: block;
	width: 141px;
	height: 141px;
	background: #05668D;
	opacity: 0.07;
	border-radius: 99px;
	font-size: large;
	position: absolute;
	bottom: -39px;
	left: -59px;
}


.archive .archive-avantage .texte-et-image{
	display: flex;
	width: 100%;
	height: 449px;
	justify-content: space-between;
	margin-top: 59px;
}


.archive .archive-avantage .texte-et-image .content{
	width: 30%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	margin-top: 1px;
	font-size: 17px;
}


.archive .archive-avantage .texte-et-image .image{
	width: 100%;
	height: 449px;
	position: relative;
}

.archive .archive-avantage .texte-et-image img{
	object-fit: cover;
	border-radius: 10px;
	width: 100%;
	height: 100%;
}

.archive .archive-avantage .texte-et-image .avantages{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	height: 100%;
	position: relative;
	left: 99px;
	opacity: 1;
	z-index: 2;
}

.archive .archive-avantage .texte-et-image .avantages .avantage{
	width: 234px;
	height: 107px;
	border-radius: 4px;
	border: 1px solid #E7E7E7;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	background: #FFF;
	margin-bottom: 17px;
}

.avantage h3 {
	text-align: center;
}

.archive .archive-avantage .texte-et-image .content h3{
	font-size: 20px;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	margin: 1px 0;
}


.archive h2{
	margin: 1px;
}

.archive{
	opacity: 1;
}


.archive .archive-avantage .texte-et-image .content .button{
	background: #C1D133;
	font-size: 17px;
	padding: 20px 40px;
	border-radius: 10px;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	border: 1px solid #C1D133;
	opacity: 1;
	height: fit-content;
	transition: 0.3s;
}

.archive .archive-avantage h3{
	margin: 0;
}

.archive .archive-avantage svg{
	width: 31px;
	height: 31px;
	color: #C1D133;
}


.woocommerce nav.woocommerce-pagination ul{
	border: transparent;
}

.woocommerce nav.woocommerce-pagination ul li{
	border: transparent;
	padding: 7px;
}

.woocommerce nav.woocommerce-pagination ul li .next{
	font-size: 0;
}

.woocommerce nav.woocommerce-pagination ul li .prev{
	font-size: 0;
}

.woocommerce nav.woocommerce-pagination ul li a:hover{
	background: transparent;
}

.archive .archive-avantage .texte-et-image .content .button:hover{
	background: transparent;
	transition: 0.3s;
}

@media only screen and (max-width:901px) {

	.archive .archive-description{
		width: 100%;
		height: fit-content;
	}

	.archive .archive-description .content{
		display: flex;
	
		flex-direction: column;

		justify-content: center;
		align-items: center;
		padding: 17px 0;
	}

	.archive .archive-description .content .image-et-texte{
		display: flex;
		flex-direction: column;
		padding-top: 0;
	}

	.archive .archive-avantage .texte-et-image .image{
		top: -199px;
	}

	.archive .archive-description .content .image-et-texte .content{
		height: fit-content;
		border-radius: 10px;
		width: 91%;
		padding: 40px 20px 40px 9%;
		background: #C1D133;
		align-items: flex-start;
		margin: auto;
		z-index: 2;
	}

	.archive .archive-description .content .image-et-texte img{
		height: fit-content;
		width: 100%;
		position: relative;
		top: 41px;
		left: 0;
	}

	.archive .archive-avantage .content{
		margin-top: 39px;
		margin-bottom: 39px;
	}

	.archive .archive-avantage .texte-et-image{
		flex-direction: column;
		width: 100%;
		height: fit-content;
		margin-top: 59px;
	}

	.archive .archive-avantage .content .texte{
		text-align: center;
	}
	
	.archive .archive-avantage .texte-et-image .content{
		width: 100%;
	}
	
	.archive .archive-avantage .texte-et-image .avantages{
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		align-items: center;
		height: 100%;
		position: relative;
		left: 0;
		opacity: 1;
		z-index: 2;
	}

	.archive .archive-avantage .texte-et-image .avantages .avantage{
		width: 79%;
		height: 107px;
		border-radius: 4px;
		border: 1px solid #E7E7E7;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		font-size: 20px;
		font-family: 'Roboto', sans-serif; text-transform: uppercase;
		font-weight: 700;
		background: #FFF;
	}

	.archive .archive-avantage .texte-et-image .content h3{
		text-align: center;
	}

	.archive .archive-avantage .texte-et-image .content .button{
		margin: auto;
	}
	

	
}


.single-product-blog h2{
	text-align: center;
	opacity: 1;
}

.single-product-blog{
	height: fit-content;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-bottom: 71px;
	opacity: 1;
	position: relative;
}


.single-product-blog p{
	width: 71%;
	margin: auto;
	text-align: center;
}

.single-product .articles{
	margin-top: 49px;
	margin-bottom: 91px;
}

.single-product-blog .article{
	height: 401px;
	border-radius: 10px;
	display: flex;
	background: #FFF;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	box-shadow: 0px 3px 6px #00000029;
	opacity: 1;
	width: fit-content;
	margin: 30px 0;
	padding-bottom: 19px;
}

.single-product-blog .article a{
	width: 100%;
}

.single-product-blog .article img{
	height: 141px;
	object-fit: cover;
	border-radius: 10px 10px 0 0;
	width: 100%;
}

.single-product-blog .article .content-article{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.single-product-blog .article .content-article h3{
	font-size: 20px;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	margin: 10px;
}

.single-product-blog .article .content-article p{
	font-size: 15px;
	font-family: greycliff-cf, sans-serif;
	font-weight: 400;
	width: 91%;
	margin-bottom: 13px;
}

.single-product-blog .article .content-article .button{
	font-size: 15px;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	padding: 14px 31px;
	border-radius: 10px;
	border: 1px solid #05668D;
	color: #000;
	opacity: 1;
	background: #FFF;
	width: fit-content;
	transition: 0.3s;
}


.single-product-blog .article .content-article .button:hover{
	transition: 0.3s;
	color: #FFF;
	background: #05668D;
}



.single-product-blog .article .content-article .date{
	font-size: 20px;
	font-family: greycliff-cf, sans-serif;
	font-weight: 400;
	margin-top: 3px;
}


.single-product-blog .button-archive a{
	border-radius: 10px;
	color: #000;
	font-size: 20px;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	padding: 19px 41px;
	width: fit-content;
	opacity: 1;
	height: fit-content;
	border: 1px solid #C1D133;
	background: #C1D133;
	transition: 0.3s;
}

.single-product-blog .button-archive{
	display: flex;
	justify-content: center;
	align-items: center;
}


.single-product-blog .button-archive a:hover{
	transition: 0.3s;
	color: #C1D133;
	background: transparent;
}

.single-product-blog .cercle{
	opacity: 1;
	right: -349px;
	bottom: 0;
	position: absolute;
	font-size: initial;
}

.avantages-section-single{
	display: flex;
	justify-content: center;
	align-items: center;
	background: #EBF2FA;
	opacity: 1;
	margin-top: 39px;
}



@media only screen and (max-width:901px) {
	.avantages-section-single{
		height: fit-content;
	}

	.single-product-blog p{
		width: 91%;
	}

	.single-product-blog .cercle{
		display: none;
	}

}

.woocommerce-cart .breadcrumb-panier p{
	font-size: 14px;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	margin: 3px;
}

.woocommerce-cart .breadcrumb-panier p:first-child{
	text-decoration: underline;
	color: #C1D133;
	opacity: 1;
}

.woocommerce-cart h1{
	font-size: 0;
}

.woocommerce-cart .button-boutique{
	width: fit-content;
	font-size: 17px;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	color: #05668D;
	transition: 0.3s;
	margin-top: 17px;
}

.woocommerce-cart .button-boutique:hover{
	text-decoration: underline;
}

.woocommerce-cart .breadcrumb-panier{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
}

.woocommerce-cart .cart-collaterals{
	width: 37%;
}

.woocommerce-cart .cart-collaterals .cart_totals{
	width: 100%;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 10px;
	padding: 41px 17px;
}


.woocommerce-cart .woocommerce table.shop_table{
	border: 1px solid transparent;
}

.woocommerce td.product-name{
	font-size: 17px;
	font-family: greycliff-cf, sans-serif;
	font-weight: 400;
}

.woocommerce td.product-price{
	font-size: 20px;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
}

.woocommerce td.product-subtotal{
	font-size: 20px;
	font-weight: 700;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
}

.woocommerce td.product-total bdi{
	font-weight: 400;
}

.woocommerce-cart td.product-quantity input{
	height: 24px;
	border-radius: 4px;
	padding: 0;
	border: 1px solid #C4BFB6;
	padding-left: 10px;
}

.woocommerce th{
	font-size: 20px;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
}

.woocommerce-cart table.cart td.actions .coupon .input-text{
	width: 71%;
	height: 41px;
	background: #EBF2FA;
	border: 1px solid #EBF2FA;
	font-size: 17px;
}

.woocommerce-cart tr.cart_item{
	box-shadow: 0 3px 6px #00000029;
	height: 99px;
	border-radius: 10px;
	font-family: greycliff-cf, sans-serif;
	font-size: 14px;
}

.woocommerce-cart table.cart{
	border-spacing: 0 20px;
}

.woocommerce-cart table.cart img{
	width: 129px;
	height: 79px;
	object-fit: contain;
}

.woocommerce-cart .cart .actions .coupon{
	width: 71%;
}

.woocommerce-cart .cart .actions .button{
	width: 27%;
	font-size: 13px;
	height: 41px;
	border: 1px solid #05668d;
	border-radius: 10px;
	background: #FFF;
	transition: 0.3s;
}

.woocommerce-cart .cart .actions .button:hover{
	background: #05668d;
	color: #FFF;
	transition: 0.3s;
}


.woocommerce-cart .woocommerce .cart td{
	border: transparent;
}



.woocommerce-cart .cart .actions{
	padding: 0;
	font-weight: 700;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
}

.woocommerce-cart h1{
	width: 100%;
	font-family: greycliff-cf, sans-serif;
	font-size: 59px;
}

.woocommerce table.shop_table_responsive td.product-remove{
	height: fit-content;
}

.woocommerce table.shop_table_responsive td.product-thumbnail{
	height: fit-content;
}









@media only screen and (max-width:768px) {
	.woocommerce-cart table.cart img{
		width: 100%;
		height: fit-content;
	}
	.woocommerce table.shop_table_responsive td.product-remove{
		display: flex;
		justify-content: center;
	}

	.woocommerce table.shop_table_responsive td.product-thumbnail{
		display: flex;
		justify-content: center;
	}
	.woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr{
		display: initial;
	}
	

	.woocommerce-page table.cart td.actions .coupon .button{
		width: 100%;
	}

	.woocommerce-cart .cart .actions .coupon{
		width: 100%;
	}

	.woocommerce-cart table.cart td.actions .coupon .input-text{
		width: 100%;
	}

	.woocommerce-cart .cart-collaterals{
		width: 100%;
	}

	.woocommerce-cart .cart .actions{
		font-size: 17px;
	}
}


.single-product .woocommerce-message{
	font-size: 0;
}


/* =========================================================
   SIDEBAR CART (single product off-canvas drawer) — REDESIGN
   ========================================================= */
.cart-m{
	width: 420px;
	right: -420px;
	position: fixed;
	top: 0;
	transition: right 0.35s cubic-bezier(0.4, 0, 0.2, 1);
	z-index: 9999;
}

.cart-m .close{
	width: 40px;
	height: 30px;
	position: absolute;
	top: 21px;
	right: 15px;
	z-index: 999999999;
	cursor: pointer;
}

.sidebar-cart{
	width: 420px;
	transition: 0.3s;
	background: #FFF;
	border: none;
	padding: 36px 32px 40px;
	z-index: 101;
	border-radius: 20px 0 0 20px;
	height: 100vh;
	overflow-y: auto;
	overflow-x: hidden;
	box-shadow: -20px 0 60px rgba(5,102,141,0.18);
	scrollbar-width: thin;
	scrollbar-color: #C1D133 #f4f6f8;
	position: relative;
}

.sidebar-cart::-webkit-scrollbar {
	width: 6px;
}
.sidebar-cart::-webkit-scrollbar-track {
	background: #f4f6f8;
}
.sidebar-cart::-webkit-scrollbar-thumb {
	background: #C1D133;
	border-radius: 3px;
}

.sidebar-cart::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 5px;
	background: linear-gradient(90deg, #05668D 0%, #0a87b8 50%, #C1D133 100%);
	border-radius: 20px 0 0 0;
	z-index: 1;
}

.show{
	right: 0;
	transition: right 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.sidebar-cart .content{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
	width: 100%;
	position: relative;
	gap: 0;
}

.sidebar-cart .content .sidebar-close{
	width: 36px;
	height: 36px;
	position: absolute;
	top: -12px;
	right: -6px;
	cursor: pointer;
	z-index: 999999;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f4f6f8;
	border-radius: 50%;
	padding: 10px;
	transition: all 0.25s ease;
}
.sidebar-cart .content .sidebar-close:hover{
	background: #05668D;
	transform: rotate(90deg);
}
.sidebar-cart .content .sidebar-close svg path{
	fill: #05668D;
	transition: fill 0.25s ease;
}
.sidebar-cart .content .sidebar-close:hover svg path{
	fill: #fff;
}

.sidebar-cart .content .title{
	display: flex;
	align-items: center;
	gap: 12px;
	color: #05668D;
	font-family: greycliff-cf, sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 22px;
	letter-spacing: 0.04em;
	width: 100%;
	margin: 0 0 22px;
	padding-bottom: 18px;
	border-bottom: 1px solid #eef1f4;
}

.sidebar-cart .content .product-title{
	color: #9aa3ad;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 11px;
	letter-spacing: 0.08em;
	width: 100%;
	padding: 0 0 8px;
	margin: 0 0 8px;
	border-bottom: none;
}

.sidebar-cart .content .product{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	width: 100%;
	margin: 0 0 12px;
	position: relative;
	padding: 12px;
	background: #f8fafb;
	border-radius: 12px;
	border: 1px solid #eef1f4;
	transition: all 0.25s ease;
}

.sidebar-cart .content .product:hover{
	background: #fff;
	border-color: #C1D133;
	box-shadow: 0 4px 14px rgba(5,102,141,0.08);
}

.sidebar-cart .content .product > a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.sidebar-cart .content .product > .remove {
	position: absolute;
	top: 6px;
	right: 8px;
	width: 24px;
	height: 24px;
	opacity: 0;
	transition: opacity 0.25s ease;
	z-index: 99;
	background: transparent;
	box-shadow: none;
	padding: 0;
	line-height: 1;
}

.sidebar-cart .content .product:hover > .remove {
	opacity: 1;
}

.sidebar-cart .content .product > .remove a.remove {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #fff;
	color: #d9534f;
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	text-decoration: none;
	box-shadow: 0 2px 6px rgba(0,0,0,0.12);
	transition: all 0.2s ease;
}

.sidebar-cart .content .product > .remove a.remove:hover {
	background: #d9534f;
	color: #fff;
}

.sidebar-cart .content .product .thumbnail{
	width: 68px;
	height: 68px;
	top: 0;
	flex-shrink: 0;
	margin-right: 0;
	background: #fff;
	border-radius: 8px;
	padding: 6px;
	border: 1px solid #eef1f4;
}

.sidebar-cart .content .product .infos{
	display: flex;
	flex-direction: column;
	width: 100%;
	flex: 1;
	gap: 4px;
	min-width: 0;
}

.sidebar-cart .content .product img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.sidebar-cart .content .product .infos .title{
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
	text-transform: none;
	font-weight: 700;
	color: #1a1a1a;
	line-height: 1.3;
	padding: 0;
	margin: 0;
	border: none;
	display: block;
	letter-spacing: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.sidebar-cart .content .product .infos .quant{
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	color: #666;
}

.sidebar-cart .content .product .infos .quant span {
	margin-left: 4px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 22px;
	height: 22px;
	padding: 0 6px;
	background: #05668D;
	color: #fff;
	border-radius: 11px;
	font-weight: 700;
	font-size: 11px;
}

.sidebar-cart .content .product .price{
	flex-shrink: 0;
}

.sidebar-cart .content .product .price span bdi{
	color: #05668D;
	font-size: 15px;
	font-family: greycliff-cf, sans-serif;
	text-transform: none;
	font-weight: 700;
}

.sidebar-cart .content .sub-total{
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 0.04em;
	color: #666;
	width: 100%;
	margin: 16px 0 0;
	padding: 14px 0 0;
	border-top: 1px solid #eef1f4;
}

.sidebar-cart .content .sub-total span{
	font-family: greycliff-cf, sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #1a1a1a;
}

.sidebar-cart .content .livraison{
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 0.04em;
	color: #666;
	width: 100%;
	margin-top: 8px;
}

.sidebar-cart .content .code{
	display: flex;
	gap: 8px;
	width: 100%;
	margin: 18px 0;
}

.sidebar-cart .content .code form{
	width: 100%;
}

.sidebar-cart .content .code .coupon{
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: 100%;
}

.sidebar-cart .content .code .coupon input,
.sidebar-cart .content .code .coupon button{
	width: 100%;
}

.sidebar-cart .content .totals{
	font-size: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.04em;
	width: 100%;
	padding: 16px 18px;
	background: linear-gradient(135deg, rgba(5,102,141,0.06) 0%, rgba(193,209,51,0.10) 100%);
	border-radius: 12px;
	border: 1px solid rgba(5,102,141,0.12);
	margin-top: 6px;
}

.sidebar-cart .content .totals span{
	font-family: greycliff-cf, sans-serif;
	font-size: 22px;
	font-weight: 700;
	color: #05668D;
	text-transform: none;
}

.sidebar-cart .content .code input{
	flex: 1;
	background: #f4f6f8;
	border-radius: 8px;
	border: 1px solid #eef1f4;
	height: 78px;
	padding: 10px;
	margin: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	color: #1a1a1a;
	transition: all 0.2s ease;
}

.sidebar-cart .content .code input:focus{
	outline: none;
	border-color: #05668D;
	background: #fff;
	box-shadow: 0 0 0 3px rgba(5,102,141,0.10);
}

.sidebar-cart .content .code button,
.sidebar-cart .content .code a{
	flex-shrink: 0;
	width: auto;
	min-width: 90px;
	padding: 0 14px;
	border: 1px solid #05668D;
	background: #fff;
	border-radius: 8px;
	height: 40px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	opacity: 1;
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: #05668D;
	margin: 0;
	cursor: pointer;
	transition: all 0.2s ease;
}

.sidebar-cart .content .code button:hover,
.sidebar-cart .content .code a:hover{
	background: #05668D;
	color: #fff;
}

.sidebar-cart .content .btns{
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
	margin-top: 18px;
}

.sidebar-cart .content .go-to-cart,
.sidebar-cart .content .go-to-payment {
	font-size: 14px;
	background: #C1D133;
	border: 1px solid #C1D133;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-weight: 800;
	letter-spacing: 0.06em;
	border-radius: 12px;
	width: 100%;
	opacity: 1;
	height: 52px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
	box-shadow: 0 6px 18px rgba(193,209,51,0.35);
	transition: all 0.25s ease;
}

.sidebar-cart .content .go-to-cart a,
.sidebar-cart .content .go-to-payment a{
	color: #1a1a1a;
	text-decoration: none;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.sidebar-cart .content .go-to-cart:hover,
.sidebar-cart .content .go-to-payment:hover{
	background: #b5c528;
	border-color: #b5c528;
	transform: translateY(-2px);
	box-shadow: 0 10px 24px rgba(193,209,51,0.45);
}

.sidebar-cart .content .quick-order{
	font-size: 13px;
	border: 1px solid #05668D;
	background: #fff;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.06em;
	width: 100%;
	height: 48px;
	border-radius: 12px;
	opacity: 1;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	transition: all 0.25s ease;
}

.sidebar-cart .content .quick-order a{
	color: #05668D;
	text-decoration: none;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.sidebar-cart .content .quick-order:hover{
	background: #05668D;
}

.sidebar-cart .content .quick-order:hover a{
	color: #fff;
}








body{
	overflow-x:hidden ;
	width: 100%;
}

.filter-archive{
	display: flex;
	font-size: 18px;
	align-items: center;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	margin-top: 40px;
	background: #EBF2FA;
	padding: 0px 20px;
	border-radius: 5px;
	margin-bottom: 20px;
}

.filter-archive ul{
	padding: 0;
	display: flex;
	list-style: none;
	flex-wrap: wrap;
	justify-content: space-around;
	width: 100%;
}



.filter-archive ul li{
	font-size: 16px;
	color: #000;
	margin: 0 7px;
	cursor: pointer;
	position: relative;
	transition: 0.3s all ease;
}

.filter-archive ul li:after {
	content: '';
	width: 0px;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #C1D133;
	transition: 0.3s all ease;
}

.filter-archive ul li:hover,
.filter-archive ul li.active {
	color: #C1D133;
}
.filter-archive ul li:hover::after,
.filter-archive ul li.active::after {
	width: 100%;
}

.filter-archive span{
	width: 125px;
	margin-top: -2px;
	flex-shrink: 0;
	color: #000;
	font-size: 17px;
}

.filter-terms{
	width: 100%;
	background: #C1D133;
	padding: 10px 20px 20px 20px;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	font-size: 18px;
	border-radius: 5px;
}

.filter-terms .terms{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}


.filter-terms .term h3{
	border-bottom: 1px solid #000;
	margin: 1px;
	padding-bottom: 7px;
	display: none;
}

.name-term-filter{
	padding: 3px 30px;
	border: 1px solid #FFF;
	background: #FFF;
	font-size: 17px;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	border-radius: 5px;
	margin-right: 30px;
	opacity: 1;
	position: relative;
	margin: 7px;
}


.activeFilter{
	background: #C1D133;
}

.filter-list .sub-filter-link {
	position: relative;
	cursor: pointer;
	padding: 5px 30px;
	border: none;
	border: 1px solid #C1D133;
	transition: 0.3s;
	background: #C1D133;
}

.single-product .filter-list .sub-filter-link:after {
	content: '';
	position: absolute;
	right: 6px;
	top: 0px;
	font-size: 14px;
	font-family: 'greycliff-cf';
}

.single-product .activeFilter:hover{
	background: transparent;
}

.filter-list .sub-filter-link:after {
	content: 'x';
	position: absolute;
	right: 6px;
	top: 0px;
	font-size: 14px;
	font-family: 'greycliff-cf';
}

.filter-terms .terms .remove{
	top: 1px;
	right: 1px;
	position: absolute;
	font-size: 10px;
} 

.filter-terms .close {
	display: flex;
	justify-content: flex-end;
	cursor: pointer;
	font-family: 'greycliff-cf';
	transition: 0.3s all ease;
}
.filter-terms .close:hover {
	opacity: 0.7;
}


.promotions-section{
	width: 100%;
	display: flex;
	align-items: center;
	height: 571px;
	background: #fffdfa;
	justify-content: space-between;
	position: relative;
	padding-top: 49px;
}


.promotions-section .content-left{
	width: 40%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	opacity: 1;
	padding-left: 10%;
}

.promotions-section .cercle{
	width: 71px;
	height: 71px;
	border-radius: 49px;
	background: #C1D133;
	position: absolute;
	top: 17px;
	right: -31px;
	font-size: 1px;
	opacity: 0.13;
}


.promotions-section .content-left h2{
	position: relative;
	margin: 1px;
}

.promotions-section .content-left h2 svg{
	top: -49px;
	position: absolute;
	left: -49px;
}

.promotions-section .content-left .button{
	background: #C1D133;
	padding: 17px 41px;
	font-size: 17px;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	border: 1px solid #C1D133;
	border-radius: 10px;
	transition: 0.3s;
}

.promotions-section .content-left .button:hover{
	background: transparent;
	transition: 0.3s;
}

.promotions-section .content-right .product-info h3 {
    font-size: 17px;
}


.promotions-section .content-right{
	width: 57%;
	position: relative;
}

.promotions-section .content-right svg{
	left: -21px;
	bottom: 0;
	position: absolute;
	z-index: 2;
}

.promotions-section .content-right .product-info{
	border: transparent;
	box-shadow: 0 3px 6px #00000029;
	height: 330px;
	background: #FFF;
	padding: 10px;
	margin: 10px;
}


.promotions-section .content-right .product-info .image{
	height: 190px;
}



.promotions-section .content-right .product-info .image img{
	height: 190px;
}

.promotions-section .swiper-slide{
	margin-top: 7px;
}

.promotions-section .sale{
	width: 49px;
	height: 49px;
	font-size: 14px;
	background: #C1D133;
	color: #FFF;
	border-radius: 99px;
	top: -7px;
	opacity: 1;
	right: -7px;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
}

.show-filter {
	display: none;
}

@media only screen and (max-width:901px) {
	.promotions-section{
		flex-direction: column;
		padding-top: 59px;
		height: auto;
	}

	.show-filter {
		display: flex;
		margin-top: 40px;
	}

	.show-filter .btn {
    cursor: pointer;
    padding: 5px 30px;
    border: 1px solid #C1D133;
    transition: 0.3s all ease;
    color: #C1D133;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
	}
	.show-filter.active .btn {
		color: #FFF;
		background: #C1D133;
	}

	.filter-archive{
		flex-direction: column;
		margin-bottom: 0px;
		margin-top: 0px;
		padding-top: 20px;
		opacity: 0;
		height: 0;
		max-height: 0;
		overflow: hidden;
		transition: 1s all ease;
	}

	.filter-archive.show {
		opacity: 1;
		height: auto;
		max-height: 200vh;
		margin-top: 10px;
		margin-bottom: 17px;
	}

	.filter-archive span {
		width: 100%;
	}

	.filter-archive ul{
		margin: 20px;
		flex-direction: column;
	}

	.filter-archive ul li{
		font-size: 20px;
		margin: 5px 0px;
	}
	

	.promotions-section .cercle{
		opacity: 0;
	}

	.promotions-section .content-right{
		width: 100%;
	}

	.promotions-section .content-left{
		width: 95%;
		align-items: center;
		padding-left: 0;
	}

	.promotions-section .content-left h2{
		font-size: 47px;
	}

	.cart-m{
		width: 100%;
		right: -100%;
	}

	.cart-m .close {
		left: 340px;
    right: auto;
		top: 19px;
	}

	.sidebar-cart{
		width: 100%;
		max-width: 100vw;
		transition: 0.3s;
		background: #FFF;
		border: none;
		border-radius: 0;
		padding: 30px 20px 40px;
	}

	.sidebar-cart::before{
		border-radius: 0;
	}

	.sidebar-cart .content .product{
		flex-direction: row;
	}

}

.swiper-button-prev:after{
	display: none;
}

.swiper-button-next:after{
	display: none;
}

.swiper-button-prev{
	width: 49px;
	left: -47px;

}

.swiper-button-next{
	width: 49px;
	right: -47px;
}


.filter-hero{
	max-width: 999px;
	min-height: 130px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: #05668D;
	opacity: 1;
	padding: 20px 20px;
	border-radius: 10px;
	margin: auto;
	justify-content: center;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 99;
	bottom: -71px;
}

.fixed{
	position: fixed;
	top: 10px;
	bottom: initial;
}


.filter-hero .title-fixed{
	width: 299px;
	height: 41px;
	justify-content: center;
	align-items: center;
	display: none;
}

.filter-hero .title-fixed img{
	height: 39px;
}


.filter-hero .title-fixed .cart-customlocation{
	width: 13px;
	height: 13px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 99px;
	background: #C1D133;
	opacity: 1;
	top: -1px;
	position: absolute;
	right: -1px;
	padding-top: 3px;
	font-size: 9px;
}

.filter-hero .title-fixed .icons{
	right: 17px;
	position: absolute;
	width: 49px;
	display: flex;
	justify-content: space-between;
	align-items: center;

}

.fixed .title-fixed{
	display: flex;
}

.filter-hero .title{
	width: 299px;
	height: 41px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 22px;
	background: #6ca5bc;
	opacity: 1;
	color: #000;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	border-radius: 4px;
}



.filter-hero .content{
	width: 100%;
	margin-top: 17px;
	opacity: 1;
}

.filter-hero .content .items{
	display: flex;
	color: #FFF;
	justify-content: space-between;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	opacity: 1;
	position: relative;
}


.filter-hero .cercle{
	height: 13px;
	width: 13px;
	top: 0;
	position: relative;
	left: 10px;
	background: #FFF;
	z-index: 2;
	border: 1px solid #05668D;
	opacity: 1;
	border-radius: 99px;
	transition: 0.3s;
}

.filter-hero .cercle-big{
	height: 21px;
	width: 21px;
	top: 0;
	position: relative;
	left: -7px;
	background: #FFF;
	border-radius: 99px;
}

.filter-hero .content .items .name-item{
	font-size: 13px;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.filter-hero .content .items .active .cercle{
	background: #C1D133;
	transition: 0.3s;
}

.filter-hero .content .items .list-items{
	display: flex;
	width: 100%;
	justify-content: center;
	height: 49px;
}
.filter-hero .content .items .list-items.categories {
	height: 62px;
}

.filter-hero .content .items .list-items a{
	text-decoration: underline;
	color: #C1D133;
	font-size: 15px;
	opacity: 1;
	padding: 0 10px;
	margin-bottom: 19px;
}

.filter-hero .content .items .list-items .terms{
	width: 100%;
	position: absolute;
	left: 0;
	top: 31px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.categories-section{
	width: 100%;
	background: #f8fafd;
	position: relative;
	opacity: 1;
	padding: 49px 0;
}

.categories-section .content{
	display: flex;
	align-items: flex-end;
}

.categories-section .content-left{
	width: 50%;
	position: relative;
	height: 541px;
}

.categories-section .content-right{
	width: 50%;
	height: 541px;
	display: flex;
	flex-direction: column;
	padding: 39px 39px 1px 39px;
	justify-content: center;
	align-items: center;
}
.categories-section .content-right .pagination-categories{
	height: 199px;
	margin: 17px 0;
	width: 405px;
	position: relative;
}
.categories-section .content-right .pagination-categories .image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: right;
	opacity: 1;
	border-radius: 49%;
}
.categories-section .content-right .pagination-categories .content{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-size: 17px;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	flex-direction: column;
	opacity: 1;
	height: 199px;
}

.categories-section .content-right .button{
	padding: 17px 41px;
	position: relative;
	z-index: 2;
	font-size: 17px;
	background: #C1D133;
	border: 1px solid #C1D133;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	border-radius: 10px;
	opacity: 1;
}

.categories-section .content-right .pagination-categories .content .content-texte{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 9px;
}

.categories-section .content-right h2{
	margin: 1px;
	position: relative;
	text-align: center;
}

.categories-section .content-right p{
	text-align: center;
	text-transform: initial;
}

.categories-section .content-right h2 .cercle{
	height: 99px;
	width: 99px;
	background: #05668D;
	border-radius: 49%;
	position: absolute;
	top: -23px;
	right: 9px;
	font-size: initial;
	opacity: 0.10;
}


.categories-section .content-right .button:hover{
	background: transparent;
	transition: 0.3s;
}

.categories-section .content-right .pagination-categories .content .cercle{
	width: 14px;
	height: 14px;
	background: #EBF2FA;
	border-radius: 50%;
	border: 1px solid #427AA181;
	margin-bottom: 9px;
	transition: 0.3s;
}

.categories-section .content-right .pagination-categories .swiper-slide-active .cercle{
	background: #05668d;
	border: 1px solid #05668d;
	width: 17px;
	height: 17px;
}

.categories-section .content-right .pagination-categories .swiper-slide-active .content .image:after{
	content: "";
	width: 130px;
	height: 130px;
	border: 1px solid #cce0e8;
	border-radius: 50%;
	position: absolute;
	top: -5px;
	left: -5px;
}

.categories-section .content-right .pagination-categories .line{
	height: 1px;
	width: 100%;
	background: #83b3c7;
	bottom:  40px;
	position: absolute;
	left: 0;
}

.categories-section .content-left .content{
	height: 541px;
	position: relative;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	display: flex;
	align-items: flex-end;
}

.categories-section .content-left .content .image img{
	height: 410px;
	object-fit: contain;
}

.categories-section .content-left .content .image{
	height: 410px;
	z-index: 2;
}

.categories-section .content-left .cercle2{
	width: 41px;
	height: 41px;
	background: #C1D133;
	border-radius: 49%;
	top: 71px;
	position: absolute;
	left: 47px;
	font-size: inherit;
	opacity: 0.4;
}

.categories-section .content-left .cercle1{
	top: 1px;
	position: absolute;
	left: 209px;
}


.categories-section .content-left .hover-texte .line1{
	top: 73px;
	left: 257px;
	height: 1px;
	width: 73px;
	position: absolute;
	background: #000;
}


.categories-section .content-left .cercle3{
	top: 117px;
	left: 257px;
	background: #C1D133;
	position: absolute;
	width: 41px;
	height: 41px;
	border-radius: 49%;
	font-size: initial;
	opacity: 0.14;
}

.categories-section .content-left .hover-texte .line2{
	top: 175px;
	left: 273px;
	height: 1px;
	width: 237px;
	background: #000;
	position: absolute;
	transform: rotate(59deg);
}

.categories-section .content-right .pagination-categories .image{
	width: 79px;
	height: 79px;
	border-radius: 50%;
	background: #f0f5d6f7;
	position: relative;
	margin-bottom: 9px;
	transition: 0.3s;
}

.categories-section .content-right .pagination-categories .swiper-slide-active .image{
	width: 121px;
	height: 121px;
	background: #cce0e8;
	transition: 0.3s;
}

.categories-section .content-right .pagination-categories .title{
	opacity: 0;
}

.categories-section .content-right .pagination-categories .swiper-slide-active .title{
	opacity: 1;
	width: 217px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.categories-section .content-left .content .hover-texte{
	top: 0;
	left: 0;
	position: absolute;
	width: 271px;
	height: 149px;
	border-radius: 10px;
	box-shadow: 0 3px 6px #00000029;
	opacity: 0;
	font-size: 17px;
	background: #FFF;
	padding: 17px;
	display: flex;
	flex-direction: column;
	align-items: center;
	z-index: 3;
	transition: 0.3s;
}



.categories-section .content-left .content:hover .hover-texte{
	opacity: 1;
	transition: 0.3s;
}

.categories-section .content-left .content .plus{
	top: 273px;
	left: 441px;
	position: absolute;
	width: 17px;
	height: 17px;
	background: #C1D133;
	font-size: 17px;
	opacity: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 49%;
	font-weight: 700;
	z-index: 5;
}

.categories-section .content-left .content .texte-image{
	top: 141px;
	text-align: center;
	left: 0;
	position: absolute;
	font-size: 121px;
	font-family: greycliff-cf, sans-serif;
	z-index: 1;
	width: 100%;
	color: #deeaf0;


}

.categories-section .content-left .content .hover-texte a{
	border: 1px solid #C1D133;
	padding: 7px 15px;
	background: #C1D133;
	border-radius: 5px;
	position: relative;
	transition: 0.3s;
	bottom: 9px;
}

.categories-section .content-left .content .hover-texte p{
	font-size: 15px;
	text-transform: initial;
}


.categories-section .content-left .content .hover-texte a:hover{
	background: #FFF;
	transition: 0.3s;
}

.articles-section{
	width: 100%;
	height: fit-content;
	background: #f8fafd;
	padding: 99px 0;
}

.articles-section .cercle3{
	top: -359px;
	right: -371px;
	position: absolute;
	opacity: 0.4;
}

.articles-section .wrapper{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.articles-section h2{
	margin: 1px;
	opacity: 1;
}

.articles-section p{
	text-align: center;
	width: 71%;
	opacity: 1;
}

.articles-section .content-articles{
	display: none;
	margin: 19px 0;
	justify-content: space-between;
	width: 100%;
}

.articles-section .content-articles .content-left{
	width: 59%;
	display: flex;
	justify-content: space-between;
	position: relative;
}

.articles-section .content-articles .content-left .cercle{
	width: 71px;
	height: 71px;
	background: #C1D133;
	border-radius: 50%;
	position: absolute;
	bottom: 149px;
	left: 319px;
	font-size: initial;
	opacity: 0.14;
}

.articles-section .content-articles .content-right{
	width: 37%;
}

.articles-section .content-articles .content-left .content{
	height: 451px;
	border-radius: 10px;
	box-shadow: 0 3px 6px #00000029;
	font-size: 20px;
	width: 47%;
	background: #FFF;
	position: relative;
	z-index: 3;
	margin: 3px;
}

.articles-section .content-articles .content-left .content .image{
	width: 100%;
	height: 151px;
}

.articles-section .content-articles .content-left .content .content-texte{
	margin-top: 7px;
	width: 100%;
	height: 250px;
	flex-direction: column;
	display: flex;
	justify-content: space-between;
	align-items: center;
	opacity: 1;
	font-weight: 700;
}

.articles-section .content-articles .content-left .content .date{
	font-size: 20px;
	font-weight: 300;
}

.articles-section .content-articles .content-left .content p{
	font-size: 15px;
	text-align: center;
	font-weight: 300;
	width: 91%;
}

.articles-section .content-articles .content-left .content .image img{
	width: 100%;
	height: 151px;
	object-fit: cover;
	transition: 0.3s;
	border-radius: 10px 10px 0 0;
}



.articles-section .content-articles .content-left .content .image img:hover{
	opacity: 0.7;
	transition: 0.3s;
}


.articles-section .content-articles .content-left .content .content-texte a{
	border: 1px solid #05668D;
	border-radius: 10px;
	font-size: 17px;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	padding: 17px 0;
	transition: 0.3s;
	width: 231px;
	max-width: 71%;
	display: flex;
	justify-content: center;
}

.articles-section .content-articles .content-left .content .content-texte a:hover{
	background: #05668D;
	color: #FFF;
	transition: 0.3s;
}


.articles-section .content-articles .content-right .content{
	height: 257px;
	border-radius: 10px;
	box-shadow: 0 3px 6px #00000029;
	background: #FFF;
	margin-bottom: 19px;
	position: relative;
}

.articles-section .content-articles .content-right .content .image{
	height: 199px;
}

.articles-section .content-articles .content-right .content .content-texte{
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	font-size: 17px;
	display: flex;
	flex-direction: column;
	padding-left: 17px;
}

.articles-section .content-articles .content-right .content .span{
	font-size: 15px;
}

.articles-section .content-articles .content-right .content .image img{
	width: 100%;
	height: 199px;
	object-fit: cover;
	border-radius: 10px 10px 0 0;
}

.articles-section .content-articles .content-right .content-hover{
	opacity: 0;
	position: relative;
	top: 0;
	left: 0;
	position: absolute;
	background: #FFF;
	height: 257px;
	border-radius: 10px;
	font-size: initial;
	transition: 0.3s;
	display: flex;
	flex-direction: column;
	font-size: 17px;
	justify-content: space-between;
	padding: 31px 20px;
	padding-bottom: 0px;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
}


.articles-section .content-articles .content-right .date{
	font-weight: 300;
	font-size: 15px;
	font-family: greycliff-cf, sans-serif;
}

.articles-section .content-articles .content-right .content-hover a{
	border: 1px solid #05668D;
	padding: 7px 17px;
	border-radius: 4px 4px 0 0;
	width: fit-content;
	align-self: center;
	transition: 0.3s;
	font-size: 20px;
}

.articles-section .content-articles .content-right .content-hover p{
	font-size: 15px;
	width: 100%;
	text-align: left;
	font-family: greycliff-cf, sans-serif;
}

.articles-section .content-articles .content-right .content-hover .line{
	width: 29%;
	height: 1px;
	background: #C1D133;
}

.articles-section .content-articles .content-right  .scroll{
	transform: rotate(90deg);
	display: flex;
	width: fit-content;
	border-radius: 0 0 10px 10px;
	background: #f8fafd;
	bottom: 49px;
	left: 43%;
	opacity: 1;
	position: relative;
	padding: 9px;
}

.articles-section .content-articles .content-right .content-hover .title{
	display: flex;
	flex-direction: column;
}

.articles-section .content-articles .content-right .contents{
	overflow: auto;
	height: 451px;
}


.articles-section .content-articles .content-right .content-hover:hover{
	opacity: 1;
	transition: 0.3s;
}

.articles-section .content-articles .content-right .contents::-webkit-scrollbar{
	opacity: 0;
}

.articles-section .content-articles .content-right .content-hover .svg{
	top: 7px;
	font-size: initial;
	display: flex;
	justify-content: center;
	position: absolute;
	right: 7px;
	width: 49px;
	height: 49px;
	align-items: center;
	border: 1px solid #C1D133;
	border-radius: 49%;
}

.articles-section .content-articles .content-right .content-hover a:hover{
	background: #05668d;
	color: #FFF;
	transition: 0.3s;
}

.articles-section .button{
	border-radius: 10px;
	background: #C1D133;
	border: 1px solid #C1D133;
	padding: 17px 41px;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	font-size: 17px;
	opacity: 1;
	transition: 0.3s;
}

.articles-section .button:hover{
	background: transparent;
	transition: 0.3s;
}

.articles-section .content-article-responsive{
	display: block;
}

.articles-section .content-article-responsive .content-left .content{
	width: 100%;
	opacity: 1;
}

@media only screen and (max-width:901px) {
	.articles-section .cercle3{
		opacity: 0;
	}

	

	.filter-hero{
		display: none;
		opacity: 0;
	}

	.categories-section .content{
		flex-direction: column;
	}

	.categories-section .content-left{
		display: none;
	}

	.categories-section .content-right{
		width: 100%;
		height: 541px;
	}

	.categories-section .content-left .content{
		height: 410px;
		align-items: flex-end;
	}

	.categories-section .content-right .pagination-categories{
		width: 100%;
	}

	.categories-section .content-right .pagination-categories .swiper-button-next {
		right: -30px;
	}
	.categories-section .content-right .pagination-categories .swiper-button-prev {
		left: -30px;
	}

	.categories-section .content{
		width: 100%;
	}

	.categories-section .content-right h2 .cercle{
		display: none;
	}

	.categories-section .content-left .cercle1{
		display: none;
	}

	.categories-section .content-left .cercle2{
		display: none;
	}

	.categories-section .content-left .content .texte-image{
		top: 79px;
		font-size: 91px;
	}

	.categories-section .content-left .hover-texte .line1{
		height: 0;
		width: 0;
	}


	.categories-section .content-left .hover-texte .line2{
		height: 0;
		width: 0;
	}


	.categories-section .content-left .content .hover-texte{
		top: inherit;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		opacity: 1;
		height: fit-content;
	}

	.categories-section .content-left .content .image img{
		height: 299px;
	}

	.categories-section .content-left .content .image{
		height: 299px;
	}
}

.avantages-section .line{
	height: 1px;
	width: 39px;
	background: #C1D133;
	margin-top: 9px;
}

.avantages-section{
	height: fit-content;
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
	padding: 50px 0;
	flex-wrap: wrap;
}

.avantages-section .avantage{
	display: flex;
	margin: 25px 0;
	width: 180px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.avantages-section .avantage img {
	width: 45px;
	height: 45px;
	object-fit: contain;
}

.partenaires-section{
	width: 79%;
	margin-top: 99px;
	margin-bottom: 99px;
}

.partenaires-section .partenaires{
	margin-top: 20px;
}


.partenaires-section .image{
	display: flex;
	justify-content: center;
	align-items: center;
}
.partenaires-section .image img{
	max-width: 401px;
	width: 90%;
	height: 197px;
	object-fit: contain;
}

.partenaires-section h2{
	margin: auto;
	text-align: center;
	position: relative;
	width: fit-content;
	margin-bottom: 17px;
}

.partenaires-section h2 svg{
	right: -23px;
	position: absolute;
	top: -24px;
}

.partenaires-section p{
	text-align: center;
	margin: auto;
}

@media only screen and (max-width:901px) {
	.partenaires-section,
	.full-text-section {
		width: 95%;
	}

	.partenaires-section h2 svg{
		opacity: 0;
	}

	.partenaires-section h2{
		margin-bottom: 11px;
	}

	.avantages-section .avantage {
		width: 100px;
	}
	.avantages-section .avantage img {
		width: 38px;
		height: 38px;
	}
	.avantages-section .avantage h3 {
		font-size: 16px;
	}
}


.full-text-section  {
	margin-bottom: 50px;
	margin-top: 50px;
}



















.single .single-top{
	width: 100%;
	background: #EBF2FA;
	height: 491px;
	padding-top: 97px;
	margin-top: 0;
}

.single .single-top .single-title{
	display: flex;
}

.single .single-top .single-title h1{
	font-family: greycliff-cf, sans-serif;
	font-weight: 900;
	font-size: 71px;
	position: relative;	
	width: 50%;
	margin: 1px;
}

.single .single-top .single-title p{
	font-size: 31px;
	width: 50%;
	margin: 1px;
}

.single .single-top .single-title h1 svg{
	top: -39px;
	position: absolute;
	left: -39px;
}

.single .thumbnail{
	width: 100%;
	height: 471px;
	object-fit: cover;
	border-radius: 10px;
	position: relative;
	top: -99px;
}

.single .product-related{
	margin-top: 91px;
	position: relative;
	padding: 49px 0;
	background: #f5f6f6;
	padding-left: 7%;
}

.single p{
	font-size: 18px;
}

.single .thumbnail .cercle{
	right: 159px;
	bottom: -199px;
	position: absolute;
	width: 99px;
	height: 99px;
	background: #EBF2FA;
	opacity: 0.72;
	font-size: initial;
	border-radius: 99px;
	border: 1px solid #EBF2FA;
}


.single .thumbnail img{
	width: 100%;
	height: 471px;
	object-fit: cover;
	border-radius: 10px;
}

@media only screen and (max-width:901px) {
	.single .single-top .single-title{
		flex-direction: column;
	}

	.single .single-top .single-title h1{
		font-size: 57px;
		width: 100%;
		text-align: center;
	}

	.single .single-top .single-title h1 svg{
		opacity: 0;
	}

	.single .single-top .single-title p{
		font-size: 27px;
		width: 100%;
		text-align: center;
	}

	.single .thumbnail{
		top: 1px;
	}

	.single .single-top{
		padding: 39px 0;
		margin-top: 0;
		height: fit-content;
	}

	.single .product-related{
		margin-top: 13px;
		position: relative;
		padding-left: 0;
		padding: 49px 10px;
		background: #f5f6f6;
	}

	.single p{
		font-size: 17px;
	}

}

footer{
	width: 100%;
	height: 279px;
	background: #05668D;
	overflow: hidden;
	opacity: 1;
}

footer .footer-content{
	display: flex;
	justify-content: space-between;
	font-size: 15px;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 400;
	height: 100%;
}

footer .footer-content .infos-footer .background{
	width: 317px;
	height: 317px;
	top: -31px;
	position: absolute;
	left: -16px;
	border-radius: 49%;
	background: #FFF;
}

footer .footer-content .nav-footer .lien-menu{
	display: flex;
	justify-content: space-around;
	width: 91%;
}

footer .footer-content .nav-footer .lien-menu a{
	color: #eeeeee;
	margin: 7px;
	transition: 0.3s all ease;
}
footer .footer-content .nav-footer .lien-menu a:hover {
	opacity: 0.7;
}

footer .adresse{
	margin: 17px 0;
}

footer .phone{
	margin-bottom: 7px;
}


footer .footer-content .infos svg{
	margin-right: 7px;
}


.footer .footer-content .nav-footer{
	display: flex;
	opacity: 1;
	width: 59%;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #FFF;
}


.footer .footer-content .nav-footer ul{
	display: flex;
	padding: 0;
	justify-content: space-around;
	margin: 0;
	list-style: none;
	width: 77%;
}


.footer .footer-content .nav-footer ul li a{
	font-weight: 700;
	color: #FFF;
	transition: 0.3s all ease;
}
.footer .footer-content .nav-footer ul li a:hover {
	opacity: 0.7;
}


footer .footer-content .nav-footer .line{
	height: 1px;
	width: 91%;
	background: #FFF;
	margin: 7px 1px;
}


footer .footer-content .infos{
	display: flex;
	position: relative;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 279px;
	color: #05668D;
	font-size: 15px;
	padding-top: 17px;
}

footer .footer-content .link{
	display: flex;
	flex-direction: column;
	width: 151px;
	justify-content: center;
	align-items: center;
	margin-bottom: 13px;
}


footer .footer-content .link .social{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-bottom: 17px;
}

footer .footer-content .link .social a{
	width: 41px;
	height: 41px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #FFF;
	border-radius: 5px;
	transition: 0.3s all ease;
	padding: 10px;
}
footer .footer-content .link .social a:hover {
	background: #C1D133;
}


footer .footer-content .link .social a svg {
	width: 100%;
	height: 100%;
}

footer .footer-content .link .payement{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

footer .footer-content .link .payement .image{
	width: 47px;
	height: 23px;
	background: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
} 


footer .footer-content .link .payement .image img{
	width: 71%;
}

footer .footer-contenr .nav-footer ul li{
	opacity: 1;
}

footer .footer-content .infos img{
	width: 171px;
}

@media only screen and (max-width:901px) {

	footer{
		height: fit-content;
	}

	footer .footer-content{
		flex-direction: column;
		align-items: center;
	}

	footer .footer-content .infos-footer .background{
		left: initial;
		top: -67px;
		width: 275px;
		height: 275px;
	}

	footer .phone{
		margin-bottom: 3px;
	}

	.footer .footer-content .nav-footer ul{
		width: 99%;
		flex-wrap: wrap;
	}
	.footer .footer-content .nav-footer ul li {
		margin: 5px;
		width: calc(50% - 20px);
	}

	.footer .footer-content .nav-footer{
		width: 79%;
		margin-top: 71px;
	}

	footer .footer-contenr .nav-footer ul li{
		opacity: 1;
		width: 30%;
	}

	footer .footer-content .nav-footer .lien-menu{
		display: flex;
		justify-content: center;
		width: 91%;
		align-items: center;
		flex-direction: column;
		opacity: 1;
	}

	footer .footer-content .link{
		margin-bottom: 39px;
		margin-top: 13px;
	}
}

.header{
	width: 100%;
	position: absolute;
	z-index: 99;
	top: 0;
}

.header .menu-icon svg{
	opacity: 1;
	color: #C1D133;
	cursor: pointer;
	padding: 1px;
}

.header .header-nav{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header .header-nav ul{
	width: 100%;
	justify-content: space-between;
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
}

.header .header-nav ul li{
	padding: 0;
	position: relative;
	height: 49px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.header .header-nav ul li a{
	transition: 0.3s;
	color: #FFF;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 600;
	font-size: 15px;
}

.header .header-nav ul li ul{
	top: 43px;
	right: -100%;
	position: absolute;
	width: 100%;
	
}


.header .header-nav .logo-img{
	height: 41px;
}

.header-single .header-nav .logo-img{
	height: 31px;
}

.header .menu-icon{
	display: none;
	opacity: 1;
}

.header .header-nav .nav {
    display: flex;
    width: 90%;
    padding-left: 24px;
    justify-content: flex-end;
}


.header .header-nav ul li ul li .menu-slider{
	top: -1px;
	left: 169px;
	background: #FFF;
	position: absolute;
	width: 100%;
	height: 371px;
	border: 1px solid #E7E7E7;
}

.header .header-nav .sub-menu{
	top: 47px;
	padding-top: 1px;
	left: -5%;
	width: 130%;
	height: fit-content;
	background: #FFF;
	display: flex;
	flex-direction: column;
	opacity: 1;
	align-items: center;
	display: none;
	box-shadow: 0 3px 6px #00000029;
}

@media only screen and (min-width:900px) {
	.header .header-nav .menu-item:hover .sub-menu{
		display: flex;
		top: 39px;
	}

	/* .header .header-nav #menu-item-1496.menu-item:hover .sub-menu {
		display: flex;
		top: 39px;
		align-items: flex-start;
		flex-wrap: wrap;
		flex-direction: row;
		width: fit-content;
	} */
	#menu-item-1496 .sub-menu {
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
		column-gap: 40px;
		min-width: 299px;
		padding: 0 10px;
	}

	#menu-item-1496 .sub-menu li {
		break-inside: avoid;
		padding: 5px 0;
		border-bottom: 1px solid #c0c0c0;
	}
	.header .header-nav #menu-item-11021 .sub-menu {
		min-width: 179px;
	}
	.header .header-nav #menu-item-1496:hover .sub-menu {
		display: block;
		top: 39px;
	}
}

.header .header-nav .menu-item .sub-menu a{
	color: #000;
}

@media only screen and (min-width:900px) {
	.header .header-nav .menu-item:hover .sub-menu a:hover{
		color: #C1D133;
	}
}

.header .header-nav .sub-menu li{
	padding: 7px;
}

.header .header-top{
	display: flex;
	justify-content: flex-end;
	height: 31px;
	align-items: flex-end;
	margin-top: 9px;
}

.home .header .header-top {
	margin-bottom: 20px;
}

.header .header-top .search {
	margin-right: auto;
}



.header .header-search{
	height: 35px;
	background: #C1D133;
	display: flex;
	justify-content: center;
	align-items: center;
}

.header .header-search .wrapper{
	display: flex;
	justify-content: space-between;
}


.header .menu-item-has-children:after{
	content: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23c1d133" d="M16.293 9.293L12 13.586L7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"%2F%3E%3C%2Fsvg%3E');
	display: block;
	position: absolute;
	top: 11px;
	right: -24px;
}

.header .header-nav .menu-item-1332 a{
	font-weight: 700;
}

.header .header-top svg{
	margin-left: 7px;
	fill: #FFF;
	transition: 0.3s;
}

@media only screen and (min-width:901px) {
	.header .header-nav li a:hover{
		transition: 0.3s;
		color: #C1D133;
		opacity: 0.9;
	}
}

.header .header-nav .icons{
	display: none;
}

.header .header-nav .social{
	display: none;
}

.header .header-top svg:hover{
	fill: #C1D133;
	transition: 0.3s;
}

.header .header-top .cart-customlocation{
	width: 13px;
	height: 13px;
	border-radius: 99px;
	background: #C1D133;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 1;
	top: -1px;
	position: absolute;
	right: -1px;
	font-size: 9px;
	padding-top: 3px;
}

.header .header-search p{
	margin: 0;
	font-size: 15px;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
}

.header-single .header-nav-single{
	background: #FFF;
	height: 57px;
}

.header-single{
	position: fixed;
	background: #FFF;
	box-shadow: 0 3px 6px #00000029;
}

.header-single .header-nav-single ul li a{
	color: #000;
}

.header .swiper-button-next{
	right: 10px;
}

.header .swiper-button-prev{
	left: 10px;
}

.header .woocommerce-product-search{
	height: 23px;
}

.header .header-search .cart-customlocation{
	background: #FFF;
	width: 13px;
	height: 13px;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 1;
	top: -4px;
	right: -7px;
	font-size: 9px;
	padding-top: 3px;
	border-radius: 99px;
}

.header .woocommerce-product-search .search-field{
	border-radius: 4px 0 0 4px;
	border: 1px solid #E7E7E7;
	height: 21px;
	width: 149px;
	padding: 0;
	padding-left: 13px;
}

.header .woocommerce-product-search button{
	width: 34px;
	height: 23px;
	position: relative;
	left: -3px;
	border: 1px solid;
	background: #000;
	border-radius: 0 4px 4px 0;
}

.home .header .woocommerce-product-search button {
	background: #c1d133;
	border: none;
}

.header .header-nav .menu-slider{
	top: 47px;
	left: 0;
	position: absolute;
	height: 371px;
	width: 100%;
	border-radius: 0 0 4px 4px;
	background: #f7f7f7;
	opacity: 1;
	display: flex;
	flex-direction: column;
	border: 1px solid #E7E7E7;
	padding: 47px 29px;
	box-shadow: 0 3px 6px #00000029;
	justify-content: space-between;
}

.header .header-nav .menu-slider .slider{
	top: 0px;
	position: absolute;
	left: 15%;
	height: 370px;
	background: #FFF;
	width: 86%;
	box-shadow: 0 3px 6px #00000029;
	opacity: 1;
	border: 1px solid #E7E7E7;
	border-radius: 0 0 4px 0;
	padding: 39px 71px;
}

.header .header-nav .menu-slider .items{
	width: fit-content;
	font-size: 17px;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	transition: 0.3s;
}

.header .header-nav .menu-slider .items .name {
	cursor: pointer;
}

.header .header-nav .menu-slider .items:hover{
	color: #C1D133;
	text-decoration: underline;
	transition: 0.3s;
	opacity: 1;
}

.header .header-nav .menu-slider .slider .product-info{
	height: 199px;
	border-radius: 4px;
	border: 1px solid #E7E7E7;
	transition: 0.3s;
	position: relative;
	opacity: 1;
}

.header .header-nav .menu-slider .slider .product-info:hover{
	opacity: 0.7;
	transition: 0.3s;
}

.header .header-nav .menu-slider .slider .product-info .content h3{
	font-size: 14px;
}

.header .header-nav .menu-slider .slider .product-info .content{
	background: #FFF;
	height: 59px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: transparent;
	border-bottom: 1px solid #E7E7E7;
}

.header .header-nav .menu-slider .slider .product-info .button{
	padding: 7px 19px;
	background: #C1D133;
	border-radius: 10px;
	font-weight: 700;
	font-size: 15px;
	position: absolute;
	bottom: -17px;
	left: 73px;
	opacity: 1;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	transition: 0.3s;
	border: 1px solid #C1D133;
}

.header .header-nav .menu-slider .slider .product-info .image{
	height: 99px;
}

.header .header-nav .menu-slider .slider .product-info .image img{
	height: 99px;
}

.header .active-slider-hero{
	text-decoration: underline;
	color: #C1D133;
	transition: 0.3s;
}

.header .header-nav .menu-slider .slider .product-info .button:hover{
	background: transparent;
	transition: 0.3s;
}

.header .header-nav .menu-logo{
	display: none;
}

.header .header-nav .menu-slider .slider .button{
	display: flex;
	margin-top: 47px;
	justify-content: center;
	align-items: center;
}


.header .header-nav .close{
	display: none;
	top: 10px;
	right: 3px;
	position: absolute;
	width: 41px;
	height: 41px;
}

.header .header-nav .menu-slider .slider .button a{
	padding: 7px 19px;
	color: #FFF;
	font-size: 15px;
	border: 1px solid #05668D;
	border-radius: 10px;
	background: #05668D;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	transition: 0.3s;
}

.header .header-nav .menu-slider .slider .button a:hover{
	background: transparent;
	color: #05668d;
	transition: 0.3s;
}

.header .menu-slider{
	display: none;
}

/* .header .header-nav .nav ul li .sub-menu-active{
	right: 0;
	display: block;
	margin-top: 50px;
	top: 0!important;
	overflow: auto;
	max-height: calc(100vh - 50px);
} */
.header .header-nav .nav ul li .sub-menu-active {
    right: 0;
    display: block;
    /* margin-top: 50px; */
    top: 0!important;
    overflow: auto;
    /* max-height: calc(100vh - 50px); */
}

.header .header-nav .nav ul li .sub-menu-active a {
	display: flex;
	color: #FFF;
	width: 100%;
}



.header .menu{
	color: #C1D133;
}


.header .header-search .icons{
	opacity: 1;
	width: 99px;
	display: flex;
	justify-content: space-between;
}

.header .header-nav-single .menu-icon{
	opacity: 0;
}

.header .header-nav-single .menu-icon .cart-customlocation{
	width: 13px;
	height: 13px;
	top: -7px;
	position: relative;
	left: 9px;
	background: #C1D133;
	border-radius: 99px;
	opacity: 1;
	font-size: 9px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 7px 3px 3px 3px;
}

.header .header-nav .li .sub-menu .li .sub-menu{
	right: -100%;
	transition: 0.3s;
}

.header .header-nav .nav.menu-active{
	right: 0;
	transition: 0.3s;
}

@media only screen and (max-width:901px) {
	.header .header-top{
		display: none;
	}

	.header .header-search .icons{
		display: none;
		opacity: 0;
	}

	.header .header-nav-single .menu-icon{
		display: flex;
		opacity: 1;
	}
	.header .header-nav-single .menu-icon a {
		width: 25px;
		height: 25px;
		margin: 0px 5px;
	}
	.header .header-nav-single .menu-icon a svg {
		width: 100%;
		height: 100%;
		fill: #C1D133;
	}

	.header .header-nav .sub-menu{
		top: 0px;
		padding-top: 0px;
		left: 0;
		width: 100%;
		height: fit-content;
		background: #FFF;
		display: flex;
		flex-direction: column;
		opacity: 1;
		align-items: initial;
		display: none;
	}

	.header .header-nav .sub-menu li{
		padding: 20px;
	}

	.header .header-nav-single .menu-icon .cart-customlocation {
		left: -17px;
	}

	.header .header-nav-single .menu-logo > svg {
		cursor: pointer;
		color: #C1D133;
	}

	.header .woocommerce-product-search{
		margin-bottom: 7px;
	}
	

	.header .header-nav .nav{
		right: -299px;
		position: fixed;
		top: 0;
		flex-direction: column;
		justify-content: flex-start;
		opacity: 1;
		width: 299px;
		background: #C1D133;
		height: 100vh;
		padding: 20px 0;
		transition: 0.3s;
		z-index: 99999999999999;
	}

	.header .header-nav .menu-logo{
		display: block;
		display: flex;
		justify-content: center;
		align-items: center;
		padding-right: 3%;
	}

	.header .header-nav .close{
		display: block;
		width: 25px;
    height: 25px;
		margin-top: 5px;
    margin-right: 20px;
		cursor: pointer;
	}

	.header .header-nav .close svg {
		width: 100%;
		height: 100%;
	}

	.header .header-nav .close svg path {
		fill: #000;
	}

	.header .header-nav{
		padding: 7px;
		width: 100%;
	}

	.home	.header .header-nav{
		margin-top: 90px;
	}

	.responsive-search {
		display: block!important;
		z-index: 9999999;
	}

	.header .header-search{
		height: fit-content;
		padding:  12px 1px;
	}

	.header .header-nav ul li .sub-menu{
		background: #C1D133;
		top: -71px;
		z-index: 2;
		box-shadow: 0px 0px 0px transparent;
		right: -100%;
		left: initial;
		transition: 0.3s;
	}

	.header .header-search .wrapper{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.header .header-nav a{
		opacity: 1;
	}

	.header .header-nav-single a{
		display: flex;
	}

	.header .header-nav ul{
		margin-top: 10px;
		flex-direction: column;
	}

	.header .header-nav .icons{
		display: block;
		padding-left: 20px;
		display: flex;
	}

	.header .header-nav .social{
		display: block;
		display: flex;
		padding-left: 20px;
		margin-top: 17px;
		justify-content: center;
		width: 100%;
		align-items: center;
	}

	.header .header-nav ul li a{
		font-size: 18px;
		color: #FFF;
		display: block;
		width: 100%;
		text-align: left;
	}

	.header .header-nav .menu-item-1332 a {
		font-weight: 400;
	}

	.header .header-nav ul li{
		position: relative;
		padding: 16px 45px 16px 25px;
		display: block;
		border-bottom: 1px solid rgba(255,255,255,0.35);
		height: fit-content;
		width: 100%;
		box-sizing: border-box;
	}

	.header .menu-item-has-children:after{
		content: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="%23ffffff" d="M16.293 9.293L12 13.586L7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"%2F%3E%3C%2Fsvg%3E');
		top: 50%;
		right: 15px;
		transform: translateY(-50%);
		line-height: 0;
	}

	.header .header-nav .social svg{
		width: 20px;
		height: 20px;
	}

	.header .header-nav .icons a{
		margin-right: 7px;
	}

	.header .header-nav .social a{
		border: 1px solid #FFF;
		width: 41px;
		height: 41px;
		display: flex;
		justify-content: center;
		margin: 7px;
		display: flex;
		opacity: 1;
		justify-content: center;
		align-items: center;
		transition: 0.3s all ease;
	}
	.header .header-nav .social a:hover {
		background: #FFF;
	}

	.header .header-nav .social a svg {
		transition: 0.3s all ease;
	}
	.header .header-nav .social a:hover svg,
	.header .header-nav .social a:hover svg path {
		fill: #C1D133;
	}

	.header .header-nav .logo-img{
		padding-left: 3%;
	}

	.header .header-search p{
		font-size: 14px;
	}



}



.woocommerce h3{
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	font-size: 19px;
	color: #000;
}

.woocommerce label{
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	font-size: 17px;
}

.woocommerce input{
	padding: 9px 17px;
	border-radius: 10px;
	border: 1px solid #E7E7E7;
}

.woocommerce textarea{
	padding: 9px 17px;
	border-radius: 10px;
	border: 1px solid #E7E7E7;
}

.woocommerce bdi{
	font-weight: 700;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-size: 20px;
}


.single-product bdi{
	font-size: 50px;
	color: #C1D133;
}

.woocommerce .woocommerce-info a{
	text-decoration: underline;
	color: #C1D133;
}

.woocommerce .woocommerce-info{
	border-color: #C1D133;
	font-family: greycliff-cf, sans-serif;
	font-size: 13px;
	width: 100%;
}

.woocommerce .woocommerce-info::before{
	color: #C1D133;
}




.woocommerce-cart .cart-title{
	font-size: 54px;
	margin-top: 13px;
	opacity: 1;
}



.woocommerce .woocommerce-MyAccount-navigation ul {
	width: 100%;
	list-style: none;
}

.woocommerce .woocommerce-MyAccount-navigation ul li{
	font-size: 18px;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	border-bottom: 1px solid #E7E7E7;
	padding: 7px 0;
	margin: 9px 0;
	width: 71%;
}


.woocommerce .woocommerce-MyAccount-navigation-link--downloads{
	display: none;
	opacity: 0;
}


.woocommerce .woocommerce-MyAccount-navigation ul li a{
	color: #000;
}


.woocommerce .woocommerce-MyAccount-content a{
	text-decoration: underline;
}


.woocommerce button.button{
	border: 1px solid #C1D133;
	background: #C1D133;
	height: 41px;
	padding: 7px 20px;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	transition: 0.3s;
	opacity: 1;
	border-radius: 10px;
	font-size: 17px;
}


.woocommerce a.button.alt{
	background: #C1D133;
	border: 1px solid #C1D133;
	transition: 0.3s;
	height: 57px;
	margin: auto;
	width: fit-content;
	width: 231px;
	font-size: 17px;
}

.woocommerce a.button.alt:hover{
	background: transparent;
	color: #C1D133;
}

.woocommerce button.button.alt{
	height: 41px;
	padding: 7px 20px;
	border: 1px solid #C1D133;
	background: #C1D133;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	transition: 0.3s;
	opacity: 1;
	border-radius: 10px;
	font-size: 17px;
}


.woocommerce button.button.alt:hover{
	background: transparent;
	color: #C1D133;
}


.woocommerce button.button:hover{
	background: #FFF;
	transition: 0.3s;
	opacity: 1;
}

.woocommerce a.button{
	border: 1px solid #C1D133;
	color: #FFF;
	text-decoration: none;
	padding: 7px 20px;
	border-radius: 10px;
	height: 41px;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	transition: 0.3s;
	opacity: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #C1D133;
}


.woocommerce a.button:hover{
	background: #FFF;
	transition: 0.3s;
	opacity: 1;
}
























.single .product-related .cercle{
	top: -199px;
	right: -199px;
	position: absolute;
	opacity: 1;
}

.content-magasins{
	margin-top: 0;
	margin-bottom: 97px;
}

.content-magasins .content{
	display: flex;
	align-items: stretch;
}


.content-magasins .content-left{
	width: 53%;
	padding-right: 31px;
}

.content-magasins  h1{
	font-size: 50px;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
}

.content-magasins .content-left .magasins{
	display: flex;
	flex-direction: column;
	justify-content: center;
}


.content-magasins .content-left .magasins .magasin{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	height: 153px;
	padding: 29px;
	box-shadow: 0 3px 7px #00000029;
	margin-bottom: 17px;
	opacity: 1;
	font-size: 17px;
}

.content-magasins .content-left .magasins .magasin:last-of-type {
	margin-bottom: 0;
}


.content-magasins .magasin-active{
	background: #C1D133;
	opacity: 0.9;
}

.content-magasins .content-left .magasins .magasin-active .button a{
	color: #FFF;
	opacity: 0.9;
}

.content-magasins .content-left .magasins .magasin .texte{
	display: flex;
	flex-direction: column;
}


.content-magasins .content-left .magasins .magasin .texte h3{
	font-size: 17px;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
}

.content-magasins .content-left .magasins .magasin .texte .adresse{
	display: flex;
	font-size: 15px;
	justify-content: center;
	align-items: center;
	margin: 7px 0;
}

.content-magasins .content-left .magasins .magasin .texte .phone{
	display: flex;
	align-items: center;
}

.content-magasins .content-left .magasins .magasin a{
	font-size: 17px;
	transition: 0.3s;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	color: #C1D133;
	opacity: 1;
}


.content-magasins .magasin h3{
	margin: 0;
}

.content-magasins .magasin .adresse p{
	margin: 0;
	font-size: 15px;
}


.content-magasins .magasin .phone p{
	margin: 0;
	font-size: 15px;
}

.content-magasins .magasin svg{
	margin-right: 7px;
}


.content-magasins .content-left .magasins .magasin .button a:hover{
	color: #000;
	transition: 0.3s;
}

.magasin-10182 .button {
	opacity: 1;
	z-index: 0;
}

#marker10182 {
	opacity: 1;
}

.content-magasins .magasin-10182 .phone p {
	margin: 0;
	font-size: 15px;
	font-weight: 300;
}

.content-magasins .content-right{
	width: 50%;
	border: 1px solid #E7E7E7;
}

.marker {
	background: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="0.67em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 1024 1536"%3E%3Cpath fill="currentColor" d="M768 512q0-106-75-181t-181-75t-181 75t-75 181t75 181t181 75t181-75t75-181zm256 0q0 109-33 179l-364 774q-16 33-47.5 52t-67.5 19t-67.5-19t-46.5-52L33 691Q0 621 0 512q0-212 150-362T512 0t362 150t150 362z"%2F%3E%3C%2Fsvg%3E') no-repeat center center / contain;
	background-size: contain;
	width: 40px;
	height: 40px;
	cursor: pointer;
	background-repeat: no-repeat;
	border-radius: 4px;
}


.marker-active{
	background: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="0.67em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 1024 1536"%3E%3Cpath fill="%23c1d133" d="M768 512q0-106-75-181t-181-75t-181 75t-75 181t75 181t181 75t181-75t75-181zm256 0q0 109-33 179l-364 774q-16 33-47.5 52t-67.5 19t-67.5-19t-46.5-52L33 691Q0 621 0 512q0-212 150-362T512 0t362 150t150 362z"%2F%3E%3C%2Fsvg%3E') no-repeat center center / contain;
	background-size: contain;
	width: 40px;
	height: 40px;
	cursor: pointer;
	background-repeat: no-repeat;
	border-radius: 4px;
}


.page-template .nf-form-content input:not([type=button]){
	border-radius: 10px;
	background: #FFF;

}


.page-template .nf-form-content .list-select-wrap .nf-field-element{
	background: transparent;
	border-radius: 10px;
}

.page-template .nf-form-content  textarea{
	background: transparent;
	border-radius: 10px;
}

@media only screen and (max-width:901px) {
	.content-magasins .content{
		flex-direction: column;
	}

	.content-magasins .content-left{
		width: 100%;
		padding: 0;
	}

	.single .product-related .cercle{
		opacity: 0;
	}


	.content-magasins .content-right{
		width: 100%;
		margin-top: 39px;
	}

	.content-magasins .content-left .magasins .magasin{
		padding: 23px;
		flex-wrap: wrap;
	}

	.content-magasins .content-left .magasins .magasin .button {
		margin-top: 10px;
	}

	.woocommerce .woocommerce-MyAccount-navigation ul {
		padding: 0;
	}
	
	
}


.page h1{
	margin-top: 0;
	font-size: 44px;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	opacity: 1;
}

.page article a{
	color: #C1D133;
	transition: 0.3s;
}

.page article a:hover{
	opacity: 0.7;
	transition: 0.3s;
}

.page article .product-name a{
	color: #000;
	opacity: 1;
}

.page h3{
	font-size: 20px;
}







.woocommerce-cart h1{
	font-size: 0;
	margin-bottom: 0;
}




















.filter-list{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-bottom: 20px;
}

.single-product .woocommerce-product-details__short-description .filter-list,
.single-product div.product .filter-list {
	display: none;
}

.filter-list .custom-wrap {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background: #EBF2FA;
	padding: 5px 10px;
	border-radius: 5px;
	margin: 10px 0px;
	color: #000;
	font-size: 17px;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	flex-wrap: wrap;
}




.filter-terms .close svg{
	width: 11px;
	position: relative;
	top: -7px;
	left: 3px;
}

.filter-terms .info{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.filter-terms .info .reinitialiser {
	cursor: pointer;
	transition: 0.3s all ease;
}
.filter-terms .info .reinitialiser:hover {
	opacity: 0.7;
}

.name-term-filter svg{
	width: 7px;
	position: relative;
	top: -7px;
	left: 1px;
}

.terms .name-term-filter {
	cursor: pointer;
}


.woocommerce button.button.alt.disabled{
	background: #C1D133;
	opacity: 0.7;
} 

.woocommerce button.button.alt.disabled:hover{
	background: #C1D133;
	opacity: 0.7;
}


.leblog .content-blog{
	width: 100%;
	display: flex;
	margin: 10px 0 97px 0;
	justify-content: center;
	align-items: center;
}


.leblog .content-blog .image{
	width: 50%;
	height: 409px;
	transition: 0.3s;
}

.leblog .content-blog .content-texte{
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 700;
	font-size: 41px;
	opacity: 1;
	height: fit-content;
	padding: 31px 41px;
	box-shadow: 0 3px 6px #00000029;
	border-radius: 10px;
	top: 39px;
	background: #FFF;
	position: relative;
	right: 41px;
	min-height: 371px;
	border: transparent;
}

.leblog .content-blog .content-texte .date{
	font-size: 20px;
	font-weight: 300;
}


.leblog .content-blog .content-texte p{
	width: 91%;
}

.leblog .content-blog .content-texte a:hover{
	background: #05668D;
	transition: 0.3s;
	color: #FFF;
}

.leblog .content-blog .content-texte a{
	font-size: 20px;
	padding: 17px 41px;
	border-radius: 10px;
	border: 1px solid #05668D;
	transition: 0.3s;
	width: fit-content;
	color: #05668d;
}

.leblog .content-blog .image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}

.wp-block-embed{
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 1;
}




@media only screen and (max-width:901px) {
	.leblog .content-blog{
		flex-direction: column;
		margin: 0;
		justify-content: center;
		align-items: center;
	}

	.leblog .content-blog .image{
		width: 100%;
	}

	.leblog .content-blog .content-texte{
		width: 91%;
		padding: 20px;
		top: -71px;
		right: inherit;
	}
}


.pagination{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.page-numbers{
	font-size: 17px;
	margin: 7px;
}
.next::after{
	content: url(./img/f.svg);
	position: relative;
	top: 6px;
}




















.prev::after{
	content: url(./img/f2.svg);
	position: relative;
	top: 6px;
}

.avantage .line{
	width: 39px;
	height: 1px;
	background: #C1D133;
	margin: 7px;
}



.content-articles-responsive{
	width: 100%;
}





















.products-archive.custom {
	font-size: 18px;
}


.ajax-filter-loading {
	display: none;
	text-align: center;
}

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #C1D133;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}


.term.term-price {

}
.term.term-price::selection {

}

.term.term-price .order {
	margin-bottom: 20px;
}

.term.term-price .order .title {
	text-align: center;
	margin-bottom: 10px;
}

.term.term-price .order .btns {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.term.term-price .order .btns .btn {
	background: #FFF;
	font-size: 17px;
	padding: 8px 25px;
	cursor: pointer;
	border-radius: 4px;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	border: none;
	font-weight: 700;
	margin: 10px;
	transition: 0.3s all ease;
}
.term.term-price .order .btns .btn:hover {
	opacity: 0.7;
}



.price-input {
  width: 100%;
  display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
  margin: 0px 0px 30px;
}
.price-input .field {
  display: flex;
  width: calc(50% - 20px);
	margin: 10px;
  height: 45px;
  align-items: center;
}
.term.term-price .field input{
  width: 100%;
  height: 100%;
  outline: none;
  font-size: 19px;
  margin-left: 12px;
  border-radius: 5px;
  text-align: center;
  border: 1px solid #999;
  -moz-appearance: textfield;
}
.term.term-price input[type="number"]::-webkit-outer-spin-button,
.term.term-price input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}


.term.term-price .range-input{
  position: relative;
	display: none;
}
.term.term-price .range-input input{
  position: absolute;
  width: 100%;
  height: 5px;
  top: -15px;
	padding: 9px 0px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.term.term-price .range-input input:first-of-type {
	background: #EBF2FA;
}

.term.term-price input[type="range"]::-webkit-slider-thumb{
  height: 17px;
  width: 17px;
  border-radius: 50%;
  background: #C1D133;
  pointer-events: auto;
  -webkit-appearance: none;
	cursor: grab;
  box-shadow: 0 0 6px rgba(0,0,0,0.05);
}


@media only screen and (max-width:600px) {
	.term.term-price .price-input .field {
		width: calc(100% - 20px);
		flex-shrink: 0;
	}
}


.term.term-price .validate {
	text-align: center;
	margin-top: 0px;
}

.term.term-price .validate button {
	background: #FFF;
	font-size: 17px;
	padding: 8px 25px;
	border-radius: 10px;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	border: none;
	font-weight: 700;
	color: #C1D133;
	transition: 0.3s;
}
.term.term-price .validate button:hover {
	background: #EBF2FA;
}




@media only screen and (max-width:600px) {
	.term.term-price .range-input {
		display: block;
	}
	
	.term.term-price .validate {
		margin-top: 70px;
	}
}





.taille-input {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.taille-input .field {
  display: flex;
  width: 100px;
	margin: 10px;
  height: 45px;
  align-items: center;
}
.taille-input .title {
	text-align: center;
}
.term.term-taille .field input{
  width: 100%;
  height: 100%;
  outline: none;
  font-size: 19px;
  margin-left: 12px;
  border-radius: 5px;
  text-align: center;
  border: 1px solid #999;
  -moz-appearance: textfield;
}
.term.term-taille input[type="number"]::-webkit-outer-spin-button,
.term.term-taille input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}


.term.term-taille .taille-range-input{
  position: relative;
	display: none;
}
.term.term-taille .taille-range-input input{
  position: absolute;
  width: 100%;
  height: 5px;
  top: -15px;
	padding: 9px 0px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
	background: #EBF2FA;
}
.term.term-taille input[type="range"]::-webkit-slider-thumb{
  height: 17px;
  width: 17px;
  border-radius: 50%;
  background: #C1D133;
  pointer-events: auto;
  -webkit-appearance: none;
	cursor: grab;
  box-shadow: 0 0 6px rgba(0,0,0,0.05);
}


@media only screen and (max-width:600px) {
	.term.term-taille .taille-input .field {
		width: calc(100% - 20px);
		flex-shrink: 0;
	}
}


.term.term-taille .validate {
	text-align: center;
	margin-top: 20px;
}

.term.term-taille .validate button {
	background: #FFF;
	font-size: 17px;
	padding: 8px 25px;
	border-radius: 10px;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	border: none;
	font-weight: 700;
	color: #C1D133;
	transition: 0.3s;
}
.term.term-taille .validate button:hover {
	background: #EBF2FA;
}




@media only screen and (max-width:600px) {
	.term.term-taille .taille-range-input {
		display: block;
		margin-top: 20px;
	}
	
	.term.term-taille .validate {
		margin-top: 50px;
	}
}


.single-post article {
	padding-bottom: 50px;
}


.nf-form-fields-required {
	display: none;
}










.wishlist-item{
	width: 100%;
	min-height: 417px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 79px;
}

.wishlist-item .product-left{
	height: 401px;
	width: 39%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
}

.wishlist-item .product-left .product-thumbnail{
	border: 1px solid #000;
	border-radius: 20px;
	width: 100%;
	height: 401px;
	opacity: 1;
}

.wishlist-item .product-left .product-thumbnail img{
	width: 401px;
	object-fit: cover;
	height: 100%;
	padding: 0 17px;
}

.wishlist-item .product-left .product-add-to-cart a{
	width: 100%;
	font-size: 30px;
	font-weight: 700;
	color: #FFF;
	padding: 10px 30px;
	background: #05668D;
	border-radius: 20px;
}


.woocommerce-wishlist .woocommerce{
	flex-direction: column;
}


.wishlist-item .product-left .product-add-to-cart{
	width: 100%;
	bottom: 31px;
	position: absolute;
}

.wishlist-item .product-left .product-remove a{
	width: 100%;
	color: #000;
	font-size: 20px;
	text-decoration: underline;
}

.wishlist-item .product-left .product-remove{
	width: 100%;
	margin-top: 9px;
	text-align: center;
}


.wishlist-item .product-right{
	width: 51%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.wishlist-item .product-right .date{
	font-size: 17px;
}

.wishlist-item .product-right .title{
	font-size: 39px;
	font-weight: 700;
	margin:  0;
}

.wishlist-item .product-right .description{
	font-size: 20px;
}

.wishlist-item .product-right .button{
	width: fit-content;
}

.wishlist-item .product-right .button a{
	font-size: 30px;
	background: #C1D133;
	padding: 10px 30px;
	color: #FFF;
	border-radius: 20px;
	font-weight: 700;
	display: flex;
	justify-content: center;
	align-items: center;
}

.wishlist-item .product-right .date a{
	padding-left: 3px;
	color: #000;
	text-decoration: underline;
}

.wishlist-item .product-right .product-price{
	display: flex;
	font-size: 39px;
	color: #C1D133;
	font-weight: 700;
	justify-content: space-between;
	align-items: center;
}

.wishlist-item .product-left .product-thumbnail a{
	display: flex;
	padding: 39px 0;
	justify-content: center;
}





.woocommerce-wishlist .product-info{
	border: transparent;
	height: fit-content;
	display: block;
}




a.add_to_wishlist,
.yith-wcwl-add-to-wishlist a.add_to_wishlist,
.yith-wcwl-add-to-wishlist .yith-wcwl-add-button a {
	opacity: 1;
	color: #FFF !important;
	font-size: inherit;
	background: #05668d !important;
	border-radius: 10px;
	padding: 10px;
}

.single .yith-wcwl-add-to-wishlist {
	--color-add-to-wishlist-background: #05668d;
	--color-add-to-wishlist-text: #FFFFFF;
	--color-add-to-wishlist-border: #05668d;
	position: relative;
	font-size: 14px;
	margin-top: 20px;
}
.single .yith-wcwl-add-button {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 10px 0;
	width: fit-content;
}
.single .yith-wcwl-wishlistaddedbrowse {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: fit-content;
}

.feedback{
	color: #05668d;
}


.single-product div.product p.stock{
	font-size: 18px;
	color: #C1D133;
}

.single-product div.product p.out-of-stock{
	font-size: 18px;
	color: red;
}

.woocommerce-variation-add-to-cart-disabled { display: none; }

.product-archive.product.outofstock .stock-prod {
    color: red;
}

.archive .term-description,
.woocommerce-result-count,
.woocommerce-ordering{
	display: none;
}


.archive .term-description p{
	text-align: center;
	opacity: 1;
}



.price-texte{
	font-size: 17px;
	margin: 0;
	margin-bottom: 17px;
	color: #000;
}

.stock-prod{
	color: #C1D133;
}

.outofstockcolor{
	color: red;
}

.opacity-product{
	opacity: 0;
}

@media only screen and (max-width:901px) {
	.wishlist-item{
		flex-direction: column;
	}

	.wishlist-item .product-left{
		height: 401px;
		width: 95%;
	}

	.wishlist-item .product-right{
		width: 95%;
	}

	.wishlist-item .product-right .date{
		text-align: center;
		margin-top: 7px;
	}

	.wishlist-item .product-right .date a{
		font-size: 0;
	}

	.wishlist-item .product-right .title{
		text-align: center;
	}

	.wishlist-item .product-right .product-price{
		font-size: 29px;
		flex-direction: column;
		justify-content: center;
	}

	.show{
		right: 0;
	}
	
}




.custom-destination {
	margin: 40px 0px 10px 0px;
	font-family: 'Roboto', sans-serif; text-transform: uppercase;
	font-weight: 300;
	font-size: 18px;
}

.woocommerce-cart .woocommerce-shipping-calculator{
	display: block!important;
}

.nf-field-element{
	display: flex;
	justify-content: center;
	align-items: center;
}

.contact .nf-form-content input[type=button]{
	border: 1px solid #C1D133;
	height: 41px;
	background: #C1D133;
	border-radius: 11px;
	padding: 7px 20px;
	color: #000;
	transition: 0.3s;
}

.contact .nf-form-content input[type=button]:hover{
	background: #FFF;
	transition: 0.3s;
}



footer .display{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	flex-direction: row;
}

.footer .display img{
	height: 20px;
	margin-bottom: 0;
}

.footer .display .image{
	margin-left: 7px;
}

.footer .display p{
	margin: 1px;
	margin-top: 3px;
	margin-bottom: 0;
	
}

@media only screen and (max-width:901px) {
	footer .display{
		flex-direction: column;
	}
}




.single .display img{
	height: 20px;
}

.single .display p{
	margin-bottom: 3px;
}

.single .display .image{
	display: flex;
	justify-content: center;
}

.conditions{
	font-size: 10px;
	margin-top: 7px;
	width: 91%;
	display: flex;
	justify-content: center;
	font-family:  sans-serif;	
}

.conditions a{
	transition: 0.3s;
	color: #C1D133;
}

.single .conditions{
	width: 100%;
	margin-top: 17px;
}

.woocommerce-cart .disponible{
	font-size: 17px;
	color: #C1D133;
	margin-top: 23px;
	font-family:  sans-serif;
	display: flex;
	flex-direction: column;
	font-weight: 700;
}

.woocommerce-cart .disponible span{
	font-size: 9px;
	color: #000;
	margin-top: 17px;
	margin-bottom: 17px;
	font-weight: 300;
}


.woocommerce-cart article .display p{
	margin-bottom: 17px;
	text-align: center;
}

.woocommerce-cart article .display img{
	height: 20px;
	margin-bottom: 17px;
}


.woocommerce-cart article .display .image{
	display: flex;
	justify-content: center;
}


.woocommerce-cart .display .conditions{
	width: 100%;
	display: block;
}



.custom-destination img{
	height: 41px;
	margin-left: 24px;
}


.woocommerce .woocommerce-shipping-destination img{
	height: 41px;
	margin-left: 24px;
}



.woocommerce-shipping-destination{
	margin-top: 40px;
}







.woocommerce-cart .check{
	height: fit-content;
	width: fit-content;
	background: #C1D133;
	border-radius: 49px;
	display: flex;
	margin-top: 20px;
	margin-right: 11px;
}

.woocommerce-cart .check svg{
	width: 20px;
	height: 20px;
}



.woocommerce-cart .custom-destination .contents{
	display: flex;
}

.woocommerce-cart .woocommerce-shipping-destination .contents{
	display: flex;
}


.image-marques{
	top: 0;
	left: 7px;
	position: absolute;
}

.product-info .image-marques img{
	width: 99px;
	height: 49px;
	object-fit: contain;
}

.image-moteurs{
	top: 0;
	position: absolute;
	right: 0;
}


.product-info .image-moteurs img{
	width: 99px;
	height: 49px;
	object-fit: contain;
}

.single-product-display p{
	font-weight: 700;
}

.single .single-product-display .image{
	justify-content: flex-start;
}






.single .yith-wcwl-add-button{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}





.single .yith-wcwl-wishlistaddedbrowse{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}


.single .yith-wcwl-wishlistexistsbrowse{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.woocommerce-cart .display .conditions h3{
	font-size: 17px;
	font-family: greycliff-cf, sans-serif;
	font-weight: 300;
	width: fit-content;
}

@media only screen and (max-width:901px) {
	.single .single-product-display .image{
		justify-content: center;
	}

	.single .yith-wcwl-add-button{
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.single .yith-wcwl-wishlistaddedbrowse{
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.single .yith-wcwl-wishlistexistsbrowse{
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.woocommerce-cart .cart-collaterals{
		width: 100%;
	}

	.single-product .image-moteurs{
    top: auto;
    bottom: -30px;
	}

	.single-product .image-marques{
    top: auto;
    bottom: -30px;
	}
	.up-sells .single-product .image-marques {
		top: 0;
	}
	.single-product h1.product_title {
		font-size: 31px;
	}
	
}


.woocommerce-shipping-totals{
	font-size: 17px;
}


.woocommerce-cart .product-thumbnail::before{
	color: #FFF;
}

.woocommerce-cart .product-remove a.remove{
	font-size: 39px;
}

.woocommerce-cart .product-remove a.remove:hover{
	font-size: 39px;
}



.woocommerce-cart .cart-subtotal{
	font-size: 17px;
}

.woocommerce-cart .order-total{
	font-size: 17px;
}



.evenements-section{
	display: flex;
	background: #f8fafd;
	flex-direction: column;
	opacity: 1;
	z-index: 1;
	padding-bottom: 77px;
}

.evenements-section .content-evenements .show-description{
	display: block;
}

.evenements-section .content-evenements .description{
	display: none;
	padding: 20px 0;
	margin-left: 20px;
	padding-bottom: 10px;
	opacity: 0;
	transform: translateX(-100px);
  font-size: 19px;
	transition: 1s all ease;
}
.evenements-section .content-evenements .animate {
	opacity: 1;
	display: block;
	transform: translateX(0);
}

.evenements-section .content-evenements .title{
	display: flex;
	font-size: 17px;
	font-weight: 700;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}

.evenements-section .content-evenements .title p{
	width: 79%;
	font-weight: 300;
  font-size: 17px;
}

.evenements-section .content-evenements .content-right svg {
	width: 25px;
	height: 25px;
	border-radius: 50px;
	transform: rotate(-90deg);
	transition: 0.3s all ease;
}

.evenements-section .content-evenements .title:hover svg,
.evenements-section .content-evenements .title.clicked svg {
	transform: rotate(0deg);
}

.content-evenements .evenement {
	padding: 10px 29px;
	margin: 20px 0px;
	background:  #f2f2f2;
	box-shadow: 1px 1px 4px 1px #ccc;
	border-radius: 15px;
	transition: 1s all ease;
	position: relative;
	z-index: 1;
}
  
.content-evenements .container.scrolled {
	transform: translateY(0px);
	opacity: 1;
}
  
.content-evenements .container > .title {
	font-size: 20px;
	font-weight: 600;
	color: #000;
	margin-bottom: 15px;
	border-bottom: none;
}

.content-evenements .evenement .content-left{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
}

.content-evenements .evenement .date{
	padding: 0 17px;
}


.content-evenements .evenement .content-right{
	display: flex;
}

@media only screen and (max-width:901px) {

	.content-evenements .evenement .content-left{
		flex-direction: column;
	}

	.content-evenements .evenement .date{
		margin-top: 17px;
	}

	.evenements-section{
		text-align: center;
	}

	.woocommerce-cart .product-remove a.remove{
		font-size: 17px;
		height: fit-content;
		width: fit-content;
	}

	.woocommerce-cart .product-remove a.remove:hover{
		border-radius: 3px;
		font-size: 17px;
		padding: 3px;
		width: fit-content;
		height: fit-content;
	}

}

.woocommerce-cart .disponible span{
	line-height: 14px;
}

header .sous-menu-VTT{
	padding-left: 10px;
}

.single-product .image-marques{
	width: 99px;
	z-index: 3;
}

.single-product .image-moteurs{
	width: 99px;
	z-index: 3;
}


header.woocommerce-products-header {
	padding-top: 95px;
}

header.woocommerce-products-header .hero-content {
	display: none;
}

p.woocommerce-notice.woocommerce-notice--error.woocommerce-thankyou-order-failed {
    font-size: 25px;
    font-weight: bold;
}

p.woocommerce-notice.woocommerce-notice--error.woocommerce-thankyou-order-failed-actions {
	width: 50%;
	margin: auto;
}

p.woocommerce-notice.woocommerce-notice--error.woocommerce-thankyou-order-failed-actions a {
	margin-bottom: 20px;
}

.commander ul.woocommerce-order-overview {
    font-size: 18px;
}

.commander ul.wc-bacs-bank-details {
    font-size: 18px;
}

@media only screen and (max-width:901px) {
	header.woocommerce-products-header {
		padding-top: 130px;
	}
	
	.header .header-nav .menu-item .sub-menu a{
		color: #FFF;
	}
}

@media only screen and (max-width:768px) {
	.woocommerce-checkout-review-order-table .woocommerce-shipping-totals {
		display: flex;
		flex-direction: column;
    width: calc(150% + 30px);
	}

	.woocommerce-checkout-review-order-table .woocommerce-shipping-totals td {
		border-top: none!important;
	}

}

.single-product .info-cart{
	width: 100%;
	display: inline-block;
	padding: 17px 0;
	font-weight: 700;
	margin: 0;
}

.single-product .info-cart span {
	white-space: nowrap;
}

.woocommerce-account tr.woocommerce-orders-table__row {
	font-size: 14px;
}
	
.quantity-fees {
	text-align: center;
	height: 24px;
	border-radius: 4px;
	padding: 0;
	border: 1px solid #C4BFB6;
	width: 3.631em;
}
@media only screen and (max-width:768px) {
	.quantity-fees {
		margin-left: auto;
	}
}

.archive .infos p{
	padding: 20px;
	height: fit-content;
	width: fit-content;
	background: rgba(254,0,0,0.7);
	opacity: 1;
	color: #FFF;
	border-radius: 5px;
}


a.restore-item {
	display: none;
}

.single-product-sku {
	font-size: 14px;
	margin-bottom: 20px;
}

.single-sku {
	font-size: 16px;
	font-weight: 600;
}

.responsive-search {
	display: none;
}




.archive .image-equipes{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-bottom: 71px;
}

.archive .image-equipes .magasin{
	width: 30%;
	padding: 10px;
	box-shadow: 0 3px 7px #00000029;
	margin: 17px 0;
	min-width: 401px;
	text-align: center;
}


.archive .image-equipes .magasin img{
	width: 100%;
	height: 100%;
}

.archive .image-equipes h3{
	margin-top: 20px;
}




.footer .nombre-paiement{
	margin: 7px 0;
	display: flex;
}

.footer .nombre-paiement p{
	margin: 0 3px;
	font-size: 10px;
}


.cart_totals .display .nombre-paiement p{
	margin: 0;
	font-size: 10px;
}


    
.single-magasins p {
    font-size: 14px;
    text-transform: initial;
    text-align: center;
}

    
.single-magasins .wrapper-single {
    margin-top: 0;
}


.single-magasins .magasin-content {
    display: flex;
    justify-content: space-between;
    margin-bottom: 39px;
}

.single-magasins .retour {
    display: flex;
    align-items: center;
    font-size: 16px;
}

.single-magasins .retour a {
    margin-right: 3px;
    text-decoration: underline;
}

.single-magasins .retour h1 {
    font-size: 16px;
    margin-left: 3px;
}
.single-magasins .content-top {
    width: 70%;
}
.single-magasins .magasin-content .content-left {
    width: 70%;
}

.single-magasins .magasin-content .content-right .horaires {
    border-radius: 20px;
    background: #C1D133;
    padding: 40px 35px;
    position: relative;
    max-width: 300px;
}
.single-magasins .content-top .infos {
    display: flex;
}

.single-magasins .magasin-content .content-right .socials {
    display: flex;
    justify-content: center;
}

.single-magasins .magasin-content .content-right {
    margin: auto;
}

.single-magasins .magasin-content .content-right .socials img {
    height: 51px;
}

.single-magasins .content-top .infos .info {
    border-radius: 20px;
    background: #444444;
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 7px 18px;
    margin-right: 10px;
}

.single-magasins .content-top .infos .info p {
    margin: 0;
    font-size: 13px;
    line-height: normal;
}

.single-magasins .content-top .infos .info img {
    height: 20px;
    margin-right: 3px;
}
.single-magasins .content-top h2 {
    font-size: 24px;
}

.single-magasins .magasin-content .content-right .top .direction {
    border-radius: 20px;
    background: #444;
    padding: 7px 10px;
    display: flex;
    color: #FFF;
    width: fit-content;
    align-items: center;
    margin: 10px 0;
}

.single-magasins .magasin-content .content-right .top .direction img {
    height: 19px;
}

.single-magasins .magasin-content .content-right .top p {
    font-size: 13px;
    margin: 1px;
}

.single-magasins .magasin-content .content-right .top {
    font-size: 20px;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.single-magasins .magasin-content .horaire {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.single-magasins .magasin-content .horaire .jour {
    background: #FFF;
    border-radius: 20px;
    width: 99px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    margin: 5px 0;
    margin-right: 35px;
    box-shadow: 4px 4px 4px 0 #00000040;
}

.single-magasins .magasin-content .horaires h3 {
    background: #FFF;
    width: 99px;
    padding: 10px;
    text-align: center;
    position: absolute;
    top: -17px;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 20px;
    box-shadow: 4px 4px 4px 0 #00000040;
}

.single-magasins .magasin-content a:hover {
    opacity: 0.7;
}

.single-magasins .magasin-content .block-facebook{
    margin-top: 20px;
}

.single-magasins .magasin-content .swiper {
    width: 100%;
    height: 100%;
}

.single-magasins .magasin-content .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 4px 4px 4px #00000025;
}

.single-magasins .magasin-content .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.single-magasins .magasin-content .swiper {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}

.single-magasins .magasin-content .swiper-slide {
    background-size: cover;
    background-position: center;
}


.single-magasins .magasin-content .mySwiper2 {
    height: 499px;
    width: 100%;
}

.single-magasins .magasin-content .mySwiper {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
    }
    
.single-magasins .magasin-content .swiper-slide video {
    display: inline-block;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.single-magasins .magasin-content .mySwiper .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}

.single-magasins .magasin-content .mySwiper .swiper-slide-thumb-active {
    opacity: 1;
}

.single-magasins .magasin-content .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.single-magasins .magasin-content .mySwiper .swiper-slide video {
    display: inline-block;
    height: 145px;
    width: 100%;
    object-fit: cover;
}

.single-magasins .magasin-content .mySwiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 145px;
    object-fit: cover;
    cursor: pointer;
}

.single-magasins .magasin-content .images {
    margin-top: 40px;
}

.single-magasins .content-zone {
    background: #f8fafd;
    padding: 99px 0;
}

@media only screen and (max-width:901px) {
	.single-magasins .magasin-content {
		justify-content: center;
		flex-direction: column-reverse;
	}

	.single-magasins .magasin-content .content-left {
		width: 100%;
	}

	.single-magasins .magasin-content .content-right .top {
		align-items: center;
		margin-top: 20px;
	}

	.single-magasins .retour {
		justify-content: center;
	}

	.single-magasins .content-top {
		width: 99%;
		margin: auto;
	}

	.single-magasins .content-top .infos {
		display: flex;
		justify-content: center;
	}

	.single-magasins .content-top h2 {
		font-size: 24px;
		text-align: center;
	}
}

@media only screen and (max-width: 700px) {
    .promo-slider img {
        height: 210px!important;
    }
}




/* Style des etiquettes à imprimer */

.et {
	display: none;
}

.et-color, .et-title {
	margin: 12px 0;
}

@media print {
	* {
		margin: 0;
		padding: 0;
	}

	html {
		-webkit-print-color-adjust: exact !important;
		print-color-adjust: exact !important;
	}

	body {
		display: none !important;
	}

	.et {
		/* display: block; */
		display: flex;
		flex-direction: column;
		background-color: #F4F4F4;
		height: 100vh;
		width: calc(100vh * (9.8/21));
		margin: auto;
		/* page-break-before: always; */
		flex: 1;
	}

	.et div {
		display: flex;
		justify-content: center;
	}
	
	.et .header-et {
		display: flex;
		padding-bottom: 16px;
		flex-direction: column;
		justify-content: end;
		align-items: center;
		height: 17vh;
		gap: 16px;
	}
	
	.et .header-et .circle-wrapper {
		display: flex;
		gap: 16px;
		flex: 1;
		justify-content: center;
		padding-top: 48px;
	}
	
	.et .header-et .circle {
		width: 20px;
		height: 20px;
		background-color: #fff;
		border-radius: 50%;
	}
	
	.et .banner {
		background-color: #fff;
		padding: 16px;
	}
	
	.et .banner img {
		height: 5vh;
	}
	
	.et .brand-section {
		background-color: #fff;
		padding: 16px;
	}
	
	.et .brand-section img {
		height: 5vh;
	}
	
	.et .name {
		background-color: #E6ED99;
		padding: 16px;
		display: flex;
		flex-direction: column;
		align-items: center;
		color: #333333;
	}
	
	.et .specs1 {
		display: flex;
		align-items: center;

		gap: 16px;
		padding: 16px;
	}
	
	.et .specs1 img {
		height: 5vh;
	}

	.et .specs1 div {
		font-size: 1.5em;
	}
	
	.et .specs2 {
		display: flex;
		gap: 32px;
	}
	
	.et .specs2 img {
		height: 5vh;
		aspect-ratio: 1;
	}
	
	.et .specs2 .img {
		padding: 8px;
		background-color: #fff;
		border-radius: 50%;
	}
	
	.et .battery {
		display: flex;
		gap: 16px;
	}
	
	.et .option {
		display: flex;
		flex-direction: column;
	}

	.et .option .amount {
		font-size: 1.5em;
	}
	
	.et .option .added-price {
		font-weight: 400;
	}
	
	.et .table {
		display: flex;
		flex-direction: column;
		margin: 16px 32px;
	}
	
	.et .table div {
		display: flex;
		gap: 16px;
		align-items: center;
		justify-content: start;
	}
	
	.et .table h5,
	.et .table h6 {
		font-weight: 500;
	}
	
	.et .table h5 {
		min-width: 30%;
	}
	
	.et .table .green {
		background-color: #E6ED99;
	}
	
	.et .qr-price {
		display: flex;
		gap: 64px;
		width: auto;
		align-items: center;
		/* padding: 0px 64px; */
		margin: 32px 32px 16px 32px;
	}
	
	.et .qr img {
		max-height: 10vh;
		margin: auto;
		aspect-ratio: 1;
	}
	
	.et .price-wrapper {
		display: flex;
		flex-direction: column;
		margin-left: auto;
		width: auto;
	}
	
	.et .price-et {
		color: #878787;
		text-decoration: line-through;
		font-size: large;
	}
	
	
	.et .info-et {
		font-size: xx-small;
		text-align: center;
	}
	
	.et .logo-et {
		display: flex;
		flex: 1 1 100%;
		padding-bottom: 24px;
		/* background-color: red; */
		top: auto;
	}
	
	.et .logo-et img {
		margin-top: auto;
		height: 3vh;
	}

}


a.add_to_wishlist {
    opacity: 1;
    color: #FFF;
    font-size: inherit;
    background: #05668d;
    border-radius: 10px;
    padding: 10px;
}


/* =========================================================
   CART PAGE — REDESIGN
   Match site identity: blue #05668D, lime #C1D133, greycliff-cf
   ========================================================= */

.woocommerce-cart .cart-page {
	max-width: 1320px;
	margin: 0 auto;
	padding: 40px 24px 80px;
	font-family: 'Roboto', sans-serif;
	color: #1a1a1a;
}

/* ---- Header ---- */
.woocommerce-cart .cart-page-header {
	display: flex;
	flex-direction: column;
	gap: 32px;
	margin-bottom: 40px;
}

/* Stepper */
.woocommerce-cart .cart-page .cart-stepper {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
}

.woocommerce-cart .cart-page .cart-stepper .cart-step {
	display: flex;
	align-items: center;
	gap: 12px;
	color: #9aa3ad;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 0.04em;
	transition: color 0.3s ease;
}

.woocommerce-cart .cart-page .cart-stepper .cart-step p {
	margin: 0;
	font-size: 13px;
	font-weight: 700;
	color: inherit;
	text-transform: uppercase;
	text-decoration: none;
	opacity: 1;
}

.woocommerce-cart .cart-page .cart-stepper .cart-step__circle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: 2px solid #e5e5e5;
	background: #fff;
	color: #9aa3ad;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 14px;
	transition: all 0.3s ease;
}

.woocommerce-cart .cart-page .cart-stepper .cart-step.is-active {
	color: #05668D;
}

.woocommerce-cart .cart-page .cart-stepper .cart-step.is-active .cart-step__circle {
	background: #05668D;
	border-color: #05668D;
	color: #fff;
	box-shadow: 0 4px 12px rgba(5,102,141,0.25);
}

.woocommerce-cart .cart-page .cart-stepper .cart-step__line {
	flex: 1;
	height: 2px;
	max-width: 80px;
	background: #e5e5e5;
	border-radius: 2px;
}

/* Header bar with back link, title, count */
.woocommerce-cart .cart-page-header__bar {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 24px;
}

.woocommerce-cart .cart-page .button-boutique {
	margin: 0;
	width: auto;
	justify-self: start;
}

.woocommerce-cart .cart-page .button-boutique a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 18px;
	border-radius: 10px;
	border: 1px solid #e5e5e5;
	background: #fff;
	color: #05668D;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	text-decoration: none;
	transition: all 0.3s ease;
}

.woocommerce-cart .cart-page .button-boutique a:hover {
	background: #05668D;
	color: #fff;
	border-color: #05668D;
	text-decoration: none;
	transform: translateX(-2px);
}

.woocommerce-cart .cart-page .cart-title {
	font-size: 42px;
	font-family: greycliff-cf, sans-serif;
	font-weight: 700;
	color: #1a1a1a;
	text-align: center;
	margin: 0;
	width: auto;
	opacity: 1;
	letter-spacing: 0.02em;
}

.woocommerce-cart .cart-page-header__count {
	justify-self: end;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 14px;
	color: #666;
	background: #f7f7f7;
	padding: 8px 16px;
	border-radius: 999px;
}

/* ---- Layout: main + sidebar ---- */
.woocommerce-cart .cart-layout {
	display: flex;
	gap: 32px;
	align-items: flex-start;
}

.woocommerce-cart .cart-layout .cart-main {
	flex: 1 1 auto;
	min-width: 0;
}

.woocommerce-cart .cart-layout .cart-side {
	flex: 0 0 420px;
	width: 420px;
	position: sticky;
	top: 100px;
}

/* Override the legacy widths so the new wrapper controls layout */
.woocommerce-cart .cart-page .woocommerce-cart-form {
	width: 100%;
	display: block;
}

.woocommerce-cart .cart-page .cart-collaterals {
	width: 100%;
	float: none;
}

/* ---- Cart table → card list ---- */
.woocommerce-cart .cart-page table.shop_table.cart {
	width: 100%;
	background: transparent;
	border: none;
	border-spacing: 0 16px;
	border-collapse: separate;
	margin: 0;
	table-layout: fixed;
}

.woocommerce-cart .cart-page table.shop_table.cart thead {
	background: transparent;
}

.woocommerce-cart .cart-page table.shop_table.cart thead tr {
	background: transparent;
}

.woocommerce-cart .cart-page table.shop_table.cart thead th {
	font-size: 11px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #9aa3ad;
	background: transparent;
	border: none;
	padding: 8px 16px;
	text-align: left;
}

.woocommerce-cart .cart-page table.shop_table.cart thead th.product-remove {
	width: 44px;
}
.woocommerce-cart .cart-page table.shop_table.cart thead th.product-thumbnail {
	width: 150px;
}
.woocommerce-cart .cart-page table.shop_table.cart thead th.product-name {
	width: auto;
}
.woocommerce-cart .cart-page table.shop_table.cart thead th.product-price {
	width: 110px;
	text-align: center;
}
.woocommerce-cart .cart-page table.shop_table.cart thead th.product-quantity {
	width: 130px;
	text-align: center;
}
.woocommerce-cart .cart-page table.shop_table.cart thead th.product-subtotal {
	width: 130px;
	text-align: center;
}

.woocommerce-cart .cart-page tr.cart_item {
	background: #fff;
	box-shadow: 0 3px 14px rgba(0,0,0,0.06);
	border-radius: 14px;
	height: auto;
	transition: box-shadow 0.3s ease, transform 0.3s ease;
	overflow: hidden;
}

.woocommerce-cart .cart-page tr.cart_item:hover {
	box-shadow: 0 6px 24px rgba(0,0,0,0.10);
	transform: translateY(-1px);
}

.woocommerce-cart .cart-page tr.cart_item td {
	border: none;
	padding: 20px 16px;
	vertical-align: middle;
	background: transparent;
}

.woocommerce-cart .cart-page tr.cart_item td.product-remove {
	padding: 0 0 0 12px;
	text-align: center;
}

.woocommerce-cart .cart-page .product-remove a.remove {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 34px !important;
	height: 34px !important;
	border-radius: 50%;
	background: #fee2e2;
	color: #dc2626 !important;
	font-size: 22px !important;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	transition: all 0.25s ease;
	box-shadow: 0 1px 3px rgba(220, 38, 38, 0.15);
}

.woocommerce-cart .cart-page .product-remove a.remove:hover {
	background: #dc2626;
	color: #fff !important;
	font-size: 22px !important;
	box-shadow: 0 4px 12px rgba(220, 38, 38, 0.4);
}

.woocommerce-cart .cart-page tr.cart_item td.product-thumbnail {
	width: 140px;
	padding-left: 8px;
}

.woocommerce-cart .cart-page tr.cart_item td.product-thumbnail a {
	display: block;
	border-radius: 10px;
	overflow: hidden;
	background: #f7f7f7;
}

.woocommerce-cart .cart-page table.cart img {
	width: 130px;
	height: 90px;
	object-fit: contain;
	display: block;
	border-radius: 10px;
}

.woocommerce-cart .cart-page tr.cart_item td.product-name {
	font-family: greycliff-cf, sans-serif;
	font-size: 17px;
	font-weight: 700;
	color: #1a1a1a;
	line-height: 1.3;
	padding-right: 20px;
}

.woocommerce-cart .cart-page tr.cart_item td.product-name a {
	color: #1a1a1a;
	text-decoration: none;
	transition: color 0.3s ease;
}

.woocommerce-cart .cart-page tr.cart_item td.product-name a:hover {
	color: #05668D;
}

.woocommerce-cart .cart-page tr.cart_item td.product-name span {
	display: inline-block;
	margin-top: 6px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px !important;
	font-weight: 500;
	font-style: normal !important;
	color: #666 !important;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.woocommerce-cart .cart-page tr.cart_item td.product-price {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #1a1a1a;
	text-align: center;
	text-transform: none;
}

.woocommerce-cart .cart-page tr.cart_item td.product-price bdi {
	font-weight: 700;
}

.woocommerce-cart .cart-page tr.cart_item td.product-quantity {
	text-align: center;
	width: 120px;
}

.woocommerce-cart .cart-page td.product-quantity .quantity {
	display: inline-flex;
	align-items: center;
	border: 1px solid #e5e5e5;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
	transition: border-color 0.3s ease;
}

.woocommerce-cart .cart-page td.product-quantity .quantity:focus-within {
	border-color: #05668D;
}

.woocommerce-cart .cart-page td.product-quantity input.qty {
	height: 40px;
	width: 56px;
	border: none;
	background: transparent;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 15px;
	color: #1a1a1a;
	padding: 0;
}

.woocommerce-cart .cart-page td.product-quantity .quantity-fees {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 56px;
	height: 40px;
	border: 1px solid #e5e5e5;
	border-radius: 10px;
	background: #f7f7f7;
	font-weight: 700;
	color: #1a1a1a;
}

.woocommerce-cart .cart-page tr.cart_item td.product-subtotal {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 800;
	color: #05668D;
	text-align: center;
	padding-right: 24px;
	text-transform: none;
}

.woocommerce-cart .cart-page tr.cart_item td.product-subtotal bdi {
	font-weight: 800;
}

/* ---- Coupon + Update cart actions row ---- */
.woocommerce-cart .cart-page tr:has(td.actions) {
	background: transparent;
	box-shadow: none;
}

.woocommerce-cart .cart-page tr:has(td.actions):hover {
	transform: none;
	box-shadow: none;
}

.woocommerce-cart .cart-page table.cart td.actions {
	padding: 0 !important;
	background: transparent;
	border: none;
}

.woocommerce-cart .cart-page table.cart td.actions .cart-actions-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	align-items: center;
	justify-content: space-between;
	background: #fff;
	border-radius: 14px;
	box-shadow: 0 3px 14px rgba(0,0,0,0.06);
	padding: 20px 24px;
	width: 100%;
	box-sizing: border-box;
}

.woocommerce-cart .cart-page table.cart td.actions .coupon {
	display: flex;
	gap: 10px;
	align-items: center;
	width: auto;
	flex: 1 1 320px;
}

.woocommerce-cart .cart-page table.cart td.actions .coupon .input-text {
	flex: 1;
	width: auto;
	height: 44px;
	background: #f7f7f7;
	border: 1px solid #e5e5e5;
	border-radius: 10px;
	padding: 0 16px;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	color: #1a1a1a;
	transition: all 0.3s ease;
}

.woocommerce-cart .cart-page table.cart td.actions .coupon .input-text:focus {
	background: #fff;
	border-color: #05668D;
	outline: none;
}

.woocommerce-cart .cart-page .cart .actions .coupon .button {
	width: auto;
	height: 44px;
	padding: 0 22px;
	border-radius: 10px;
	border: 1px solid #05668D;
	background: #fff;
	color: #05668D;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	cursor: pointer;
	transition: all 0.3s ease;
}

.woocommerce-cart .cart-page .cart .actions .coupon .button:hover {
	background: #05668D;
	color: #fff;
}

.woocommerce-cart .cart-page .cart .actions > .button[name="update_cart"] {
	width: auto;
	height: 44px;
	padding: 0 26px;
	border-radius: 10px;
	border: 1px solid #C1D133;
	background: #C1D133;
	color: #1a1a1a;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	cursor: pointer;
	transition: all 0.3s ease;
}

.woocommerce-cart .cart-page .cart .actions > .button[name="update_cart"]:hover {
	background: #b5c528;
	border-color: #b5c528;
	color: #1a1a1a;
}

.woocommerce-cart .cart-page .cart .actions > .button[name="update_cart"]:disabled,
.woocommerce-cart .cart-page .cart .actions > .button[name="update_cart"][disabled] {
	opacity: 0.5;
	cursor: not-allowed;
}

/* ---- Cart totals (sidebar summary) ---- */
.woocommerce-cart .cart-page .cart-collaterals .cart_totals {
	position: relative;
	width: 100%;
	background: #fff;
	box-shadow: 0 10px 40px rgba(5,102,141,0.10), 0 2px 8px rgba(0,0,0,0.04);
	border-radius: 20px;
	padding: 30px 28px;
	border: 1px solid #eef1f4;
	overflow: hidden;
}

.woocommerce-cart .cart-page .cart-collaterals .cart_totals::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 5px;
	background: linear-gradient(90deg, #05668D 0%, #0a87b8 50%, #C1D133 100%);
}

.woocommerce-cart .cart-page .cart_totals .cart_totals__title,
.woocommerce-cart .cart-page .cart_totals > h2 {
	display: flex;
	align-items: center;
	gap: 10px;
	font-family: greycliff-cf, sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #05668D;
	margin: 0 0 22px;
	padding-bottom: 18px;
	border-bottom: 1px solid #eef1f4;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.woocommerce-cart .cart-page .cart_totals .cart_totals__title::before,
.woocommerce-cart .cart-page .cart_totals > h2::before {
	content: '';
	display: inline-block;
	width: 22px;
	height: 22px;
	background-color: #05668D;
	-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><circle cx='9' cy='21' r='1'/><circle cx='20' cy='21' r='1'/><path d='M1 1h4l2.7 13.4a2 2 0 0 0 2 1.6h9.7a2 2 0 0 0 2-1.6L23 6H6'/></svg>") no-repeat center / contain;
	        mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><circle cx='9' cy='21' r='1'/><circle cx='20' cy='21' r='1'/><path d='M1 1h4l2.7 13.4a2 2 0 0 0 2 1.6h9.7a2 2 0 0 0 2-1.6L23 6H6'/></svg>") no-repeat center / contain;
	flex-shrink: 0;
}

.woocommerce-cart .cart-page .cart_totals table {
	width: 100%;
	border: none;
	margin: 0;
	border-collapse: collapse;
}

.woocommerce-cart .cart-page .cart_totals table tr {
	border: none;
	background: transparent;
}

.woocommerce-cart .cart-page .cart_totals table th,
.woocommerce-cart .cart-page .cart_totals table td {
	border: none;
	background: transparent;
	padding: 12px 0;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: #444;
	text-transform: none;
	vertical-align: top;
}

.woocommerce-cart .cart-page .cart_totals table th {
	text-align: left;
	font-weight: 600;
	color: #666;
}

.woocommerce-cart .cart-page .cart_totals table td {
	text-align: right;
	font-weight: 700;
	color: #1a1a1a;
}

.woocommerce-cart .cart-page .cart_totals .cart-subtotal th,
.woocommerce-cart .cart-page .cart_totals .cart-subtotal td {
	font-size: 14px;
	font-weight: 600;
}

.woocommerce-cart .cart-page .cart_totals .order-total {
	border-top: 2px dashed #f0f0f0;
}

.woocommerce-cart .cart-page .cart_totals .order-total th,
.woocommerce-cart .cart-page .cart_totals .order-total td {
	padding-top: 18px;
	font-family: greycliff-cf, sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: #1a1a1a;
}

.woocommerce-cart .cart-page .cart_totals .order-total td {
	color: #05668D;
}

.woocommerce-cart .cart-page .cart_totals .order-total td .woocommerce-Price-amount {
	font-size: 22px;
}

/* Proceed to checkout button */
.woocommerce-cart .cart-page .wc-proceed-to-checkout {
	margin-top: 22px;
	padding: 0;
}

.woocommerce-cart .cart-page .wc-proceed-to-checkout a.checkout-button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 54px;
	padding: 0 24px;
	border-radius: 12px;
	background: #C1D133;
	border: 1px solid #C1D133;
	color: #1a1a1a;
	font-family: 'Roboto', sans-serif;
	font-weight: 800;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	text-decoration: none;
	transition: all 0.3s ease;
	box-shadow: 0 6px 18px rgba(193,209,51,0.35);
}

.woocommerce-cart .cart-page .wc-proceed-to-checkout a.checkout-button:hover {
	background: #b5c528;
	border-color: #b5c528;
	transform: translateY(-2px);
	box-shadow: 0 10px 24px rgba(193,209,51,0.45);
}

/* FLOA financing display */
.woocommerce-cart .cart-page .cart_totals .display {
	margin-top: 24px;
	padding-top: 20px;
	border-top: 1px solid #f0f0f0;
	text-align: center;
}

.woocommerce-cart .cart-page .cart_totals .display > p {
	margin: 0 0 12px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #666;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.woocommerce-cart .cart-page .cart_totals .display .image {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 12px;
}

.woocommerce-cart .cart-page .cart_totals .display .image svg {
	max-width: 100%;
	height: auto;
}

.woocommerce-cart .cart-page .cart_totals .display .nombre-paiement p {
	margin: 2px 0;
	font-size: 11px;
	color: #888;
	font-weight: 500;
}

.woocommerce-cart .cart-page .cart_totals .display .conditions {
	margin-top: 14px;
	width: 100%;
	display: block;
}

.woocommerce-cart .cart-page .cart_totals .display .conditions h3 {
	font-family: 'Roboto', sans-serif;
	font-size: 10px;
	font-weight: 500;
	color: #888;
	line-height: 1.5;
	margin: 0;
	width: 100%;
	text-transform: none;
}

.woocommerce-cart .cart-page .cart_totals .display .conditions h3 span {
	display: block;
	margin-top: 4px;
}

/* ---- Shipping methods inside cart totals ---- */
.woocommerce-cart .cart-page .cart_totals tr.woocommerce-shipping-totals {
	border-top: 1px solid #f0f0f0;
}

.woocommerce-cart .cart-page .cart_totals tr.woocommerce-shipping-totals th {
	padding-top: 16px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: 700;
	color: #666;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.woocommerce-cart .cart-page .cart_totals tr.woocommerce-shipping-totals td {
	padding-top: 16px;
	text-align: left;
}

.woocommerce-cart .cart-page ul#shipping_method {
	list-style: none;
	margin: 0;
	min-width: 290px;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding-left: 10px;
}

.woocommerce-cart .cart-page ul#shipping_method li {
	margin: 0;
	padding: 10px 12px;
	border: 1px solid #e5e5e5;
	border-radius: 10px;
	background: #fff;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	gap: 10px;
}

.woocommerce-cart .cart-page ul#shipping_method li:has(input:checked) {
	border-color: #05668D;
	background: #EBF2FA;
	box-shadow: 0 2px 8px rgba(5,102,141,0.10);
}

.woocommerce-cart .cart-page ul#shipping_method li input[type="radio"] {
	margin: 0;
	accent-color: #05668D;
	flex: 0 0 auto;
}

.woocommerce-cart .cart-page ul#shipping_method li label {
	margin: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	font-weight: 600;
	color: #1a1a1a;
	cursor: pointer;
	flex: 1;
}

/* ---- Shipping destination card (LIVRAISON A DOMICILE / Magasins) ---- */
.woocommerce-cart .cart-page .woocommerce-shipping-destination,
.woocommerce-cart .cart-page .custom-destination {
	margin-top: 16px;
	padding: 18px;
	background: #fff;
	border: 1px solid #f0f0f0;
	border-radius: 12px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.04);
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	font-weight: 400;
	text-transform: none;
	position: relative;
}

.woocommerce-cart .cart-page .custom-destination .logo-img,
.woocommerce-cart .cart-page .custom-destination img.logo-img {
	height: 36px;
	width: auto;
	max-width: 140px;
	margin: 0 0 12px;
	object-fit: contain;
}

.woocommerce-cart .cart-page .woocommerce-shipping-destination .contents,
.woocommerce-cart .cart-page .custom-destination .contents {
	display: flex;
	gap: 12px;
	align-items: flex-start;
}

.woocommerce-cart .cart-page .check {
	flex: 0 0 auto;
	width: 28px;
	height: 28px;
	margin: 2px 0 0;
	background: #C1D133;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 6px rgba(193,209,51,0.4);
}

.woocommerce-cart .cart-page .check svg {
	width: 18px;
	height: 18px;
}

.woocommerce-cart .cart-page .woocommerce-shipping-destination .content,
.woocommerce-cart .cart-page .custom-destination .content {
	flex: 1;
	min-width: 0;
}

.woocommerce-cart .cart-page .woocommerce-shipping-destination .content h3,
.woocommerce-cart .cart-page .custom-destination .content h3 {
	margin: 0 0 8px;
	font-family: greycliff-cf, sans-serif;
	font-size: 15px;
	font-weight: 700;
	color: #05668D;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.woocommerce-cart .cart-page .woocommerce-shipping-destination .text {
	font-size: 12px;
	color: #666;
	line-height: 1.5;
	margin-bottom: 10px;
}

.woocommerce-cart .cart-page .disponible {
	display: block;
	margin-top: 10px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: 700;
	color: #1a1a1a;
	line-height: 1.5;
	text-transform: none;
}

.woocommerce-cart .cart-page .disponible::before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-right: 8px;
	border-radius: 50%;
	background: #C1D133;
	vertical-align: middle;
	box-shadow: 0 0 0 3px rgba(193,209,51,0.2);
}

.woocommerce-cart .cart-page .disponible span {
	display: block;
	margin-top: 8px;
	margin-bottom: 0;
	font-size: 10px;
	font-weight: 400;
	color: #888;
	line-height: 1.5;
}

/* ---- Admin extras (PDF download / etiquette) ---- */
.woocommerce-cart .cart-page #button-download-pdf {
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	margin-top: 20px;
	padding: 12px 18px !important;
	border-radius: 10px;
	background: #fff;
	border: 1px solid #e5e5e5;
	color: #1a1a1a !important;
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	font-size: 13px;
	text-decoration: none !important;
	transition: all 0.3s ease;
}

.woocommerce-cart .cart-page #button-download-pdf:hover {
	background: #f7f7f7;
	border-color: #C1D133;
	transform: translateY(-1px);
}

.woocommerce-cart .cart-page .etiquette {
	margin-top: 16px;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 12px;
	overflow: hidden;
}

.woocommerce-cart .cart-page .etiquette .et-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 14px 18px;
	cursor: pointer;
	transition: background 0.3s ease;
}

.woocommerce-cart .cart-page .etiquette .et-header:hover {
	background: #f7f7f7;
}

.woocommerce-cart .cart-page .etiquette .et-header h3 {
	margin: 0;
	font-family: greycliff-cf, sans-serif;
	font-size: 15px;
	font-weight: 700;
	color: #1a1a1a;
}

/* ---- Hide WooCommerce default elements that conflict ---- */
.woocommerce-cart .cart-page .woocommerce-shipping-totals h3,
.woocommerce-cart .cart-page .woocommerce-shipping-totals strong {
	display: none;
}

/* ---- Empty cart message ---- */
.woocommerce-cart .cart-empty {
	text-align: center;
	padding: 60px 20px;
	font-family: greycliff-cf, sans-serif;
	font-size: 22px;
	color: #666;
}

/* ---- Responsive ---- */
@media only screen and (max-width: 1024px) {
	.woocommerce-cart .cart-layout {
		flex-direction: column;
	}

	.woocommerce-cart .cart-layout .cart-side {
		flex: 1 1 auto;
		width: 100%;
		position: static;
	}
}

@media only screen and (max-width: 768px) {
	.woocommerce table.shop_table_responsive tr:nth-child(2n) td,
	.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
		background-color: transparent;
	}

	.woocommerce-cart .cart-page {
		padding: 24px 16px 60px;
	}

	.woocommerce-cart .cart-page-header {
		gap: 22px;
		margin-bottom: 28px;
	}

	.woocommerce-cart .cart-page .cart-stepper {
		gap: 6px;
	}

	.woocommerce-cart .cart-page .cart-stepper .cart-step p {
		display: none;
	}

	.woocommerce-cart .cart-page .cart-stepper .cart-step.is-active p {
		display: inline-block;
	}

	.woocommerce-cart .cart-page .cart-stepper .cart-step__line {
		max-width: 40px;
	}

	.woocommerce-cart .cart-page-header__bar {
		grid-template-columns: 1fr;
		gap: 14px;
		text-align: center;
	}

	.woocommerce-cart .cart-page .button-boutique,
	.woocommerce-cart .cart-page-header__count {
		justify-self: center;
	}

	.woocommerce-cart .cart-page .cart-title {
		font-size: 32px;
	}

	/* Stack cart row as a card */
	.woocommerce-cart .cart-page table.shop_table.cart thead {
		display: none;
	}

	.woocommerce-cart .cart-page table.shop_table.cart,
	.woocommerce-cart .cart-page table.shop_table.cart tbody {
		display: block;
	}

	.woocommerce-cart .cart-page tr.cart_item {
		display: grid;
		grid-template-columns: 96px 1fr;
		grid-template-areas:
			"thumb name"
			"thumb price"
			"thumb qty"
			"subtotal subtotal"
			"remove remove";
		column-gap: 16px;
		row-gap: 6px;
		padding: 14px;
		margin-bottom: 14px;
		background: #fff;
		border-radius: 14px;
		border: 1px solid #eef1f4;
		box-shadow: 0 2px 10px rgba(5,102,141,0.04);
		position: relative;
	}

	.woocommerce-cart .cart-page tr.cart_item td {
		display: block;
		padding: 0;
		text-align: left !important;
		width: auto !important;
		border: none;
	}

	.woocommerce-cart .cart-page tr.cart_item td.product-thumbnail {
		grid-area: thumb;
		padding: 0;
		align-self: start;
	}

	.woocommerce-cart .cart-page tr.cart_item td.product-thumbnail a,
	.woocommerce-cart .cart-page tr.cart_item td.product-thumbnail img {
		display: block;
		width: 96px;
		height: 96px;
		border-radius: 10px;
		object-fit: cover;
		background: #f8fafb;
	}

	.woocommerce-cart .cart-page table.cart img {
		width: 96px;
		height: 96px;
	}

	.woocommerce-cart .cart-page tr.cart_item td.product-name {
		grid-area: name;
		padding: 0;
		padding-right: 32px;
		font-size: 14px;
		font-weight: 700;
		line-height: 1.3;
	}

	.woocommerce-cart .cart-page tr.cart_item td.product-name a {
		font-size: 14px;
	}

	.woocommerce-cart .cart-page tr.cart_item td.product-name span {
		font-size: 11px;
		font-weight: 500;
	}

	.woocommerce-cart .cart-page tr.cart_item td.product-name::before,
	.woocommerce-cart .cart-page tr.cart_item td.product-price::before,
	.woocommerce-cart .cart-page tr.cart_item td.product-quantity::before,
	.woocommerce-cart .cart-page tr.cart_item td.product-subtotal::before {
		display: none;
	}

	.woocommerce-cart .cart-page tr.cart_item td.product-price {
		grid-area: price;
		font-size: 13px;
		font-weight: 600;
		color: #05668D;
	}

	.woocommerce-cart .cart-page tr.cart_item td.product-price::after {
		content: " /unité";
		font-size: 10px;
		color: #9aa3ad;
		font-weight: 500;
	}

	.woocommerce-cart .cart-page tr.cart_item td.product-quantity {
		grid-area: qty;
		margin-top: 4px;
	}

	.woocommerce-cart .cart-page tr.cart_item td.product-subtotal {
		grid-area: subtotal;
		display: flex !important;
		justify-content: space-between;
		align-items: center;
		padding: 10px 12px !important;
		margin-top: 8px;
		background: linear-gradient(135deg, rgba(5,102,141,0.06) 0%, rgba(193,209,51,0.10) 100%);
		border-radius: 10px;
		font-size: 16px;
		font-weight: 700;
		color: #05668D;
	}

	.woocommerce-cart .cart-page tr.cart_item td.product-subtotal::before {
		content: "Total";
		display: inline-block !important;
		font-size: 11px;
		font-weight: 700;
		color: #666;
		text-transform: uppercase;
		letter-spacing: 0.06em;
	}

	.woocommerce-cart .cart-page tr.cart_item td.product-remove {
		grid-area: remove;
		position: absolute;
		top: 10px;
		right: 10px;
		padding: 0 !important;
		border-top: none;
		margin-top: 0;
	}

	.woocommerce-cart .cart-page .product-remove a.remove {
		width: 30px;
		height: 30px;
		padding: 0;
		border-radius: 50%;
		background: #f8fafb !important;
		color: transparent !important;
		font-size: 0 !important;
		line-height: 1;
		text-align: center;
		text-transform: none;
		letter-spacing: 0;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		border: 1px solid #eef1f4;
		position: relative;
	}

	.woocommerce-cart .cart-page .product-remove a.remove::before {
		content: "×";
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		color: #ef4444;
		font-size: 20px;
		font-weight: 500;
		line-height: 1;
	}

	.woocommerce-cart .cart-page .product-remove a.remove:hover {
		background: #ef4444 !important;
		border-color: #ef4444;
		transform: none;
		font-size: 0 !important;
	}

	.woocommerce-cart .cart-page .product-remove a.remove:hover::before {
		color: #fff;
	}

	/* Sale prices: compact del/ins on mobile */
	.woocommerce-cart .cart-page tr.cart_item td.product-price del,
	.woocommerce-cart .cart-page tr.cart_item td.product-subtotal del {
		font-size: 11px;
		color: #9aa3ad;
		opacity: 1;
		margin-right: 4px;
	}

	.woocommerce-cart .cart-page tr.cart_item td.product-price ins,
	.woocommerce-cart .cart-page tr.cart_item td.product-subtotal ins {
		text-decoration: none;
		background: transparent;
	}

	/* Brand label under product name */
	.woocommerce-cart .cart-page tr.cart_item td.product-name span {
		color: #9aa3ad !important;
		font-style: normal !important;
	}

	/* Actions row stacks */
	.woocommerce-cart .cart-page table.cart td.actions .cart-actions-wrap {
		flex-direction: column;
		align-items: stretch;
		padding: 18px;
	}

	.woocommerce-cart .cart-page table.cart td.actions .coupon {
		flex: 1 1 100%;
		width: 100%;
		flex-direction: column;
		align-items: stretch;
	}

	.woocommerce-cart .cart-page table.cart td.actions .coupon .input-text {
		width: 100%;
	}

	.woocommerce-cart .cart-page .cart .actions .coupon .button,
	.woocommerce-cart .cart-page .cart .actions > .button[name="update_cart"] {
		width: 100%;
	}

	.woocommerce-cart .cart-page .cart-collaterals .cart_totals {
		padding: 22px 18px;
	}
}

/* Hide WooCommerce error/notice messages on single product pages */
.single-product .woocommerce-notices-wrapper,
.single-product > .woocommerce-error,
.single-product > .woocommerce-message,
.single-product > .woocommerce-info,
.single-product .woocommerce > .woocommerce-error,
.single-product .woocommerce > .woocommerce-message,
.single-product .woocommerce > .woocommerce-info {
	display: none !important;
}

/* Centre le titre sur checkout et confirmation */
.woocommerce-checkout h1,
.woocommerce-order-received h1,
.commander h1 {
	text-align: center;
}

/* =========================================================
   THANK YOU PAGE — stepper (step 3 active)
   ========================================================= */
.thankyou-page-header {
	display: flex;
	justify-content: center;
	margin: 0 auto 40px;
	max-width: 1320px;
	padding: 0 24px;
}

.thankyou-page-header .cart-stepper {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
}

.thankyou-page-header .cart-stepper .cart-step {
	display: flex;
	align-items: center;
	gap: 12px;
	color: #9aa3ad;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 0.04em;
	transition: color 0.3s ease;
}

.thankyou-page-header .cart-stepper .cart-step p {
	margin: 0;
	font-size: 13px;
	font-weight: 700;
	color: inherit;
	text-transform: uppercase;
	text-decoration: none;
	opacity: 1;
}

.thankyou-page-header .cart-stepper .cart-step__circle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: 2px solid #e5e5e5;
	background: #fff;
	color: #9aa3ad;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 14px;
	transition: all 0.3s ease;
}

.thankyou-page-header .cart-stepper .cart-step.is-done {
	color: #05668D;
}

.thankyou-page-header .cart-stepper .cart-step.is-done .cart-step__circle {
	background: #05668D;
	border-color: #05668D;
	color: transparent;
	position: relative;
	font-size: 0;
}

.thankyou-page-header .cart-stepper .cart-step.is-done .cart-step__circle::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 14px;
	height: 14px;
	transform: translate(-50%, -50%);
	background-color: #fff;
	-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") no-repeat center / contain;
	        mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") no-repeat center / contain;
}

.thankyou-page-header .cart-stepper .cart-step.is-active {
	color: #C1D133;
}

.thankyou-page-header .cart-stepper .cart-step.is-active .cart-step__circle {
	background: #C1D133;
	border-color: #C1D133;
	color: #1a1a1a;
	box-shadow: 0 4px 12px rgba(193,209,51,0.35);
}

.thankyou-page-header .cart-stepper .cart-step__line {
	flex: 1;
	height: 2px;
	max-width: 80px;
	background: #e5e5e5;
	border-radius: 2px;
}

.thankyou-page-header .cart-stepper .cart-step__line.is-done {
	background: #05668D;
}

@media only screen and (max-width: 600px) {
	.thankyou-page-header .cart-stepper {
		gap: 6px;
	}
	.thankyou-page-header .cart-stepper .cart-step {
		font-size: 10px;
	}
	.thankyou-page-header .cart-stepper .cart-step p {
		font-size: 10px;
	}
	.thankyou-page-header .cart-stepper .cart-step__line {
		max-width: 30px;
	}
}