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

@font-face {
    font-family: 'octaluneregular';
    src: url('octalune-webfont.woff2') format('woff2'),
         url('octalune-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.titre-octa {
  font-family: "octaluneregular", sans-serif;
}


.lato-thin {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.lato-light {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.lato-black {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.lato-thin-italic {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.lato-light-italic {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.lato-regular-italic {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.lato-bold-italic {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.lato-black-italic {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: italic;

	}
	body {
 font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
		overflow-x: hidden;
		 
		
 /* font-size: 1rem;
  line-height: 1.25em;
  color: #232323;
  direction: ltr;*/
}
/*	* {
  outline: 1px solid red !important;
}
*/
img, svg {
  vertical-align: middle;
 max-width: 100%;
  max-height: 100%;
}


#search_widget form input {
  padding: 5px 5px 5px 40px;
  background-color: #fff;
  border-bottom: 1px solid #000;
	border-radius: 0px;
}

a {
  color: #A7B405;
  text-decoration: none;
}

.page-my-account #content .links a:hover i {
  color: #A7B405;
}
header a:hover {
  color: #A7B405;
  text-decoration: none;
}
.product-images > li.thumb-container > .thumb.selected, .product-images > li.thumb-container > .thumb:hover {
  border: #000 1px solid;
}

#product #content {
  max-width: 100%;
}

.h1, .h2, .h3 {
  color: #232323;
    text-transform: initial;
}

.h3 {
 font-family: "Lato", serif;
  font-weight: 400;
  font-style: normal;
}

.product-prices .tax-shipping-delivery-label {
  font-size: 0.8125rem;
  color: #7a7a7a;
  display: none;
}

.product-prices div {
  display: inline;
}

.products-selection {
  margin-bottom: 1.25rem;
  display: none;
}

#js-product-list-header {
  margin-bottom: 2rem;
}

.product-flags li.product-flag {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.3125rem 0.4375rem;
  margin-top: .625rem;
  font-size: 0.8rem;
font-weight: 400 !important;
  color: #fff;
  text-transform: uppercase;
  background: #000;
}

main .images-container .js-qv-mask {
  overflow: hidden;
  white-space: wrap;
}

.scroll-box-arrows.scroll {
  display: none;
}

#main .images-container .js-qv-mask.scroll {
  width: 100%;
}
.images-container .product-images > li.thumb-container > .thumb {
  margin-right: 0px;
width: 10% !important;
height: auto;
 /* width: 11%;*/
}
#main .images-container .js-qv-mask {
  white-space: wrap;
}

footer-container {
  padding-top: 2.5rem;
  overflow: hidden;
  border-top: 1px solid #000;
}

#wrapper {
  background: #fff;
	padding-top: 0.5rem;
}

.tabs {
  padding: 0px;
  margin-top: 1rem;
  background: #fff;
}

.breadcrumb {
  font-size: 0.7rem;
}






.noir, .noir a {
	color: #000 !important
}

#main .page-header {
  margin-bottom: 1.563rem;
  text-align: left;
color:#3C4F53;
	border-bottom: 4px solid #3C4F53;
}

#header {
  box-shadow:none;
 /* border-bottom: 1px solid #000;*/
}

#header .header-nav {
 max-height: 100px;
  border-bottom: #f6f6f6 1px solid;
  padding: 1rem;
}




.form-control {
  padding: 0.5rem 1rem;
  color: #7a7a7a;
  background: #fff !important;
	  border: 0px;
  border-bottom: 1px solid rgba(0,0,0,0.25);
}
.form-control:focus {
  color: #232323;
  background-color: #fff !important;
  outline: 1px solid #000;
}



:-webkit-autofill, :-webkit-autofill:focus {
  -webkit-text-fill-color: #000;
-webkit-box-shadow: 0 0 0px 1000px #fff inset;
	border: none;
	outline: none;
	border-bottom: 1px solid rgba(0,0,0,0.25);
}

.input-group.focus {
	outline: none;

}



.alert {
  border: 2px dotted #ff9a52;
  background-color: #fff;
}

.alert-danger {
  background-color: #fff;
  border-color: #FF0000;
  color: #FF0000;
}

.card.cart-summary {
  border: 1px dotted #000;
}

.txt-center {
text-align: center;
}

.btn {
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
	border-radius: 0.2rem !important;
}

#blockcart-modal .cart-content .cart-content-btn {
  padding-top: 2rem;
}

#blockcart-modal .cart-content p.cart-products-count, #blockcart-modal .cart-content .page-content.page-cms ul.cart-products-count, .page-content.page-cms #blockcart-modal .cart-content ul.cart-products-count {
  font-size: 1rem;
  font-weight: 400;
  color: #6c868e;
  line-height: 2.5rem;
}

#blockcart-modal .cart-content p.product-total, #blockcart-modal .cart-content .page-content.page-cms ul.product-total, .page-content.page-cms #blockcart-modal .cart-content ul.product-total {
  padding: 0.5rem;
  background-color: #fff;
  border-bottom: 1px dotted #000;
  border-top: 1px dotted #000;
  margin: 1rem 0rem;
}

.product-cover .layer {
  webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}


#product-modal .modal-content .modal-body .product-images img {
  width: 4.5rem;
  height: auto;
}

.product-images > li.thumb-container > .thumb.selected, .product-images > li.thumb-container > .thumb:hover {
  border: #000 1px solid !important;
  webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.images-container .product-images > li.thumb-container > .thumb {
  webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  border: #FFF 1px solid;
}

.page-customer-account #content .no-account {
  font-size: 1.5rem;
  text-align: center;
/*  border: 1px solid #000;*/
}

#custom-text h2 {
  text-transform: inherit;
}

body#checkout section.checkout-step.-reachable.-current .step-number {
  background-color: #C6D506;

}

#header .logo {
max-height: 40px;
  padding-bottom: 0.25rem;
}

.full-width {
width: 100vw;
  position: relative;
  margin-left: calc(-50vw + 50%);
	/*padding: 0 1rem;*/
	display: inline-block;
}

.full-pad {
padding: 3rem 1rem;
	display: inline-block;
}

.full-pad-top {
padding: 0 1rem 3rem 1rem;
}


.collapse.show {
	display: block !important;
}


.page-section {
  padding: 1rem 0 2rem 0;
}

.gr {
font-size: 1.4rem;
line-height: 1.1;
}

.gr-gr {
	line-height: 0.85;
	font-size: clamp(2rem, 5vw, 2.5rem);
	/*letter-spacing: 0.01em;*/
}

.gr-gr-fleche {
	line-height: 0.65;
	font-size: clamp(2.5rem, 5vw, 3.5rem);
	/*letter-spacing: 0.01em;*/
}
.trivia {
	line-height: 0.65;
	font-size: 36px;
}


.gigamoins {
line-height: 0.65;
 /* font-size: calc(-10px + 8vw);*/
	/*font-size: min(2rem, calc(-10px + 8vw));*/
/*font-size: clamp(3rem, 8vw, 3rem);*/
	font-size: clamp(3rem, 8vw, 8rem);
}

.gigainter {
line-height: 0.65;
  /*font-size: calc(-16px + 11vw);*/
	font-size: clamp(3.5rem, 11vw, 4.5rem);
}
.giga {
line-height: 0.65;
/*  font-size: calc(-24px + 19vw);*/
font-size: clamp(5rem, 17vw, 15rem);
	max-width: 100%;
}

.giga-mousse {
line-height: 0.65;
font-size: clamp(5rem, 17vw, 15rem);
	max-width: 100%;
}

.giga-sous {
line-height: 0.65;
font-size: clamp(5rem, 19vw, 10rem);
}



.gigaplus {
line-height: 0.65;
font-size: clamp(5rem, 30vw, 19rem);
	max-width: 100%;
}

.gigaplusplus {
font-size: 5rem;
  line-height: 4rem;
}

.text-left {
	text-align: left !important;
}
.text-right {
	text-align: right !important;
}

.reseau {
  
}
.reseau a,
.reseau img {
	opacity: 1;
	 transition: opacity ease-in-out 0.25s;
	width: 60px;
}

.reseau img:hover {
opacity: 0.8;
	 transition: opacity ease-in-out 0.25s;
}


.giga-mousse {
/*font-size: clamp(3.5rem, 17vw, 15rem) !important;*/
	font-size: calc(-10px + 19vw) !important;
}

.rotated-text-15 {
    transform: rotate(-2deg); /* change l'angle ici */
    display: inline-block; /* nécessaire pour que la rotation s'applique correctement */
}

.portfolio-item p {
  font-size: 0.9rem;
}



	.col-centered {
  float: none !important;
  margin: 0 auto ;
}
.etsy:hover img {
/*	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);*/
		opacity: 0.8;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	
}
.etsy img {
	opacity: 1;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	width: 200px;
}


#portfolio .portfolio-item {
 /* max-width: 26rem;*/
 /* margin-left: auto;
  margin-right: auto;*/
	text-align: center;
	max-width: 100%;
      margin: 0 auto;
      overflow: hidden; /* garde l'image dans le cadre si zoomée */
}
#portfolio .portfolio-item .portfolio-link {
  position: relative;
  display: block;
  margin: 0 auto;
}



#portfolio .portfolio-item .portfolio-link .portfolio-hover {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  /*background: rgba(0, 0, 0, 0.4);*/
	background: rgba(255, 255, 255, 0.8);
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity ease-in-out 0.25s;
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
  font-size: 1.25rem;
  color: white;
	    position: relative;
width: 20%;
  height: 20%;
	border-radius: 2rem;

}

#portfolio .portfolio-item img {
/* opacity: 1;
	transition: opacity 0.25s ease-in-out;*/
  transition: filter 0.3s ease;
}

#portfolio .portfolio-item img:hover {
 /*opacity: 0.5;
	transition: opacity 0.25s ease-in-out;*/
filter: brightness(1.1);
  transition: filter 0.3s ease;
}

#portfolio .portfolio-item .portfolio-link:hover .portfolio-hover {
 opacity: 1;
	background: rgba(255, 255, 255, 0.8);
}
#portfolio .portfolio-item .portfolio-caption {
  padding: 1.5rem;
  text-align: center;
  background-color: #fff;
}
#portfolio .portfolio-item .portfolio-caption .portfolio-caption-heading {
  font-size: 1.5rem;
  font-family:  'LATO', "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  margin-bottom: 0;
}
#portfolio .portfolio-item .portfolio-caption .portfolio-caption-subheading {
  font-style: italic;
  font-family:  'LATO', "Helvetica Neue", Arial, sans-serif;
}


p, .page-content.page-cms ul {
  font-size: 1rem;
    color: inherit !important;
	/*text-align: justify;*/
	/*font-weight: 300;*/
 /* color: #2b2b2b ;*/
	  margin-top: 0;
  margin-bottom: 0;
}



.portfolio-modal .modal-dialog {
  margin: 1rem auto;
 /* max-width: 100vw;*/
	max-width: 700px

}
.portfolio-modal .modal-content {
padding: 4.5rem 2rem 2rem 2rem;
/*  padding-bottom: 6rem;*/
  text-align: center;
}

.portfolio-modal .modal-content p {
/*  margin-bottom: 2rem;*/
}
.portfolio-modal .modal-content ul.list-inline {
  margin-bottom: 2rem;
}
.portfolio-modal .modal-content img {
/*  margin-bottom: 2rem;*/
}
.portfolio-modal .close-modal {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
  background-color: transparent;
	z-index: 99;
}
.portfolio-modal .close-modal:hover {
  opacity: 0.3;
}

.carousel-indicators li {
  background-color: #000;

}

.btn-navigation {
  font-size: 3rem;
}

.carousel .carousel-item {
  height: auto;
}

.carousel .carousel-inner {
  height: auto;
}



.product-cover img {
  background: none;
}

.product-cover-plus {
  font-size: 1.25rem;
  color: white;
	    position: relative;
  width: 50%;
	height: 50%;

}

.navbar {
  position: relative;
padding: 1.5rem 0 .5rem 0;
}

.navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: left;
}


.navbar-brand {
margin-right: 0;
  flex-grow: 4;
}
/* MENU OK*/

/* Overlay */
/* Overlay */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0); /* Couche semi-transparente */
    display: none; /* Masqué par défaut */
    z-index: 997;
    cursor: pointer; /* Indiquer qu'il est cliquable */
}

/* Afficher l'overlay quand le menu est actif */
input[type="checkbox"]:checked ~ .overlay {
    display: block;
}



 .menu {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 250px;
   background-color: #3C4F51;
    color: white;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease;
    transform: translateX(-100%); /* Menu masqué au démarrage */
	 z-index: 998;
}

.menu ul {
    list-style: none;
    padding: 7rem 0 0 0;
    margin: 0;
    flex-grow: 1;
}

.menu ul li {
    padding: 15px;
    border-bottom: 1px solid #444;
    display: block !important;
}

.menu ul li a {
    color: #fff !important;
    text-decoration: none;
    display: block;
}

.menu ul li a:hover {
 color: #dcdcdc !important;
	transition: transform 0.3s ease;
}

.menu-toggle {
    display: none;
}

input[type="checkbox"] {
    display: none;
}

input[type="checkbox"]:checked ~ .menu {
    transform: translateX(0); /* Le menu devient visible */
}

.menu-toggle-label {
  /*  position: fixed;
    top: 15px;
    left: 10px; *//* Position initiale à gauche de l'écran */
  /*  background-color: #fff;*/
    color: #000;
    border: none;
   /* padding: 10px;*/
    cursor: pointer;
    transition: left 0.3s ease;
    display: flex;
    align-items: center;
  /*  justify-content: center;*/
	justify-content: start;
    z-index: 999;
	margin-bottom: 0px;
	width: 2.5rem;
	font-size: 2rem;
}

input[type="checkbox"] ~ .menu-toggle-label::before {
    content: "☰"; /* Par défaut, le symbole est une icône de menu */
	color: #3C4F51;
}

input[type="checkbox"]:checked ~ .menu-toggle-label::before {
    content: "✖"; /* Quand le menu est actif, le symbole devient une croix */
	color: #FFF;
	position: fixed;
}
/*input[type="checkbox"]:checked ~ .menu-toggle-label {
position: fixed;
    top: 15px;
    left: 210px;
}*/


/* MENU OK*/


.right-nav {
  display: flex;
}

a:hover {

	-webkit-transition-duration: 0.3s !important;
	transition-duration: 0.3s !important;
}
a {
	-webkit-transition-duration: 0.3s !important;
	transition-duration: 0.3s !important;
}

	.flex-height {
		display: block;

	}	

@media(min-width:992px) {
	.flex-height {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		align-items: center;
	}	}


.mb-4 {
  margin-bottom: 0.5rem !important;
}


.swiper-container {
  width: 100%; /* Assurez-vous que le conteneur occupe tout l'espace disponible */
  overflow: hidden; /* Masque les slides non visibles */
	position: relative;
}

.swiper-wrapper {
  display: flex;
  transition: transform 0.3s ease-in-out; /* Animation fluide des slides */
}

.swiper-slide {
  width: 100%; /* Chaque slide prend 100% de la largeur du conteneur */
  flex-shrink: 0; /* Empêche les slides de se réduire */
  overflow: hidden; /* Masque tout débordement */
}

.swiper-slide img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
/* Personnalisation des flèches */
.swiper-button-prev,
.swiper-button-next {
color: #FFF;
  opacity: 1;
  transition: color 0.3s ease-in-out;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
  color: #dcdcdc; /* Couleur au survol (rouge) */
  opacity: 1;
}

/* Personnalisation des dots */
.swiper-pagination-bullet {
  background-color: #000; /* Couleur noire par défaut */
  opacity: 0.5;
  transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.swiper-pagination-bullet-active {
  background-color: #000; /* Dot actif rouge */
  opacity: 1;
}

/* Augmenter la taille des dots */
.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
}
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom,20px);
}

#index .swiper-button-next,
#index .swiper-button-prev {
  color: #fff; /* Flèches noires par défaut */
  transition: color 0.3s ease-in-out;
}

#index .swiper-button-next:hover,
#index .swiper-button-prev:hover {
  color: #000; /* Flèches rouges au survol */
}


#product-modal .modal-content .modal-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 0px;
}

.page-customer-account #content .no-account {
font-size: 1.10rem;
  text-align: center;
  padding-top: 2rem;
  display: block;
}

.page-customer-account #content .no-account a {
  border: 1px dotted #000;
  padding: 1rem;
	color: #000;
}

#customer-form {
  padding-top: 2rem;
}

#checkout  .nav-item .nav-link.active, #checkout.nav-item .nav-separtor.active {
color: #fff !important;
  border: 1px solid #000 !important;
  background-color: #000;
}

#checkout  .nav-item .nav-link {
  color: #000;
border: 1px solid #fff;
}
#checkout .nav-item .nav-link:hover {
  color: #000 !important;
border: 1px solid #000 !important;
}

#checkout .nav-item .nav-link.active:hover {
  color: #fff !important;
border: 1px solid #000 !important;
}

#checkout  .nav-inline .nav-item {
  display: flex;
	align-items: center;
}

.tabs .nav-tabs .nav-link:hover {
  border: none !important;
  border-bottom: #C6D506 3px solid !important;
}

.titre {
  font-size: 2rem;
  font-variant-caps: all-small-caps;
   font-weight: 900;
  font-style: normal;
}

.no-padding  {
	padding-right: 0px;
    padding-left: 0px
		}

.padding-light  {
	padding-right: 5px;
    padding-left: 5px
		}

.cadre  {
padding: 1rem;
  border: 1px solid #dcdcdc;
  display: inline-block;
		}
.btn-footer {
  position: relative; /* Nécessaire pour positionner le trait */
  display: inline-block;
  text-decoration: none;
/*	font-family: "octaluneregular", sans-serif;*/
	font-size: 1rem;
  color: #3C4F53; /* Couleur du texte */
  padding: 5px 10px; /* Espacement interne */
  overflow: hidden; /* Cache le trait en dehors du bouton */
  transition: color 0.3s ease-in-out; /* Transition pour le texte */
}

.btn-footer a  {
  color: #3C4F53; /* Change la couleur du texte au survol */
}

.btn-footer a:hover {
  color: #707070; /* Change la couleur du texte au survol */
}

.btn-footer::after {
  content: ''; /* Élément visuel du trait */
  position: absolute;
  bottom: 0; /* Place le trait en bas */
  left: 0; /* Commence à gauche */
  width: 0; /* Initialement caché */
  height: 1px; /* Épaisseur du trait */
  background-color: #000; /* Couleur du trait */
  transition: width 0.3s ease-in-out; /* Animation de gauche à droite */
}

.btn-footer:hover::after {
  width: 100%; /* Étend le trait sur toute la largeur */
}

#footer {
  padding: 1rem 0 2rem 0 !important;
}

.has-discount.product-price, .has-discount p, .has-discount .page-content.page-cms ul, .page-content.page-cms .has-discount ul {
  color: #000;
}

.product-flags li.product-flag.discount-percentage, .product-flags li.product-flag.discount-amount, .product-flags li.product-flag.discount {
  background-color: #E5960D;
}
.has-discount .discount {
  background: #E5960D;
	text-transform: inherit;
  padding: 0.4rem .625rem;
  font-size: 0.8rem;
	font-weight: 400;
}

.thumbs-swiper .swiper-slide {
  opacity: 0.5; /* Miniatures non actives */
  cursor: pointer;
  transition: opacity 0.3s ease-in-out;
	margin: 1rem 0;
}

.thumbs-swiper .swiper-slide-thumb-active {
  opacity: 1; /* Miniature active */
}

.thumbs-swiper img {
 /* height: 80px;*/ /* Ajustez la hauteur des thumbnails */
  object-fit: cover;
	/*width: auto;*/
}

.boite-index {
padding: 2.5rem;
	color:#fff !important;
	background-color: #3C4F51;
	border-radius: 5rem;
}

.text-white a {
  color: #fff !important;
}

.btn-relative {
  position: relative;
  bottom: 3rem;
}

/*btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active, .btn:focus-visible {
color: #fff;
  background-color: #A7B405;
  border-color: rgba(0,0,0,0);
}*/

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #A7B405;
  --bs-btn-border-color: #A7B405;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #A7B405;
  --bs-btn-hover-border-color: #A7B405;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #A7B405;
  --bs-btn-active-border-color: #A7B405;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #A7B405;
  --bs-btn-disabled-border-color: #A7B405;
}

.text-intro {
  font-size: 1rem;
}

.btn-primary {
  color: #fff;
  background-color: #A7B405;
  border-color: rgba(0,0,0,0);
}
.tabs .nav-tabs .nav-link.active {
  color: #24b9d7;
  border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
  border-bottom: #A7B405 3px solid;
}

.btn-primary:hover {
  color: #fff;
  background-color: #000;
  border-color: rgba(0,0,0,0);
}

.btn {
  white-space: wrap;
}



.page-my-account #content .links a span.link-item {

  border: 1px dotted #000;
}

.product-price {
color: #000;
  font-weight: 300;
  font-size: 1.5rem;
}
.product-prices {
  margin-top: 0.4rem;
}

.product-discount .regular-price {
  margin-right: .625rem;
  font-weight: 300;
  font-size: 1.5rem;
  text-decoration: line-through;
}

.current-price {
  font-weight: 300;
  font-size: 1.5rem;
}

#_desktop_currency_selector {
  display: none;
}
#header .account {
  display: none;
}

#blockcart-modal .product-name {
font-size: 1.1rem;
color: #000;
  font-weight: 300;
}

#blockcart-modal .modal-body .divide-right span {
  margin-bottom: 0.3125rem;
  margin-top: 0.5rem;
}

#_desktop_user_info {
 display: block;
	padding-right: 0.3rem;
}

#index .navbar-brand{
/*text-align: center !important;*/
}
.product-availability {
  display: none !important;
}

form .form-control-label {
  text-align: left;
}



.recomment_title {
  text-align: center;
}
products.row.only_desktop.slider_disabled {
  display: flex;
  flex-wrap: wrap;
}

.js-product.product {
  flex: 1 1 25%;
  margin: 0px;
}

.ph-recommend-products.featured-products {
  margin-top: 4rem;
}

.product-miniature .highlighted-informations {
  display:none !important;
}


.product-miniature .thumbnail-container:hover .product-description::after, .product-miniature .thumbnail-container:focus .product-description::after {
  display: none;
}

.product-miniature .product-description {
  display: none;
}

.product-miniature .product-title {
  text-transform: inherit;
	margin-top: 0rem;
}

.product-miniature .thumbnail-container .product-thumbnail img  {
  filter: grayscale(0%);
    transition: filter 0.3s ease-in-out;
}


.product-miniature .thumbnail-container .product-thumbnail img:hover {
 filter: grayscale(100%);
    transition: filter 0.3s ease-in-out;
}

.ets_image-single {
  text-align: center;
}

.page-heading .title_cat { 
  text-align: center;
}

.img-cat img { 
width: 50% !important;
  margin: auto !important;
  display: block !important;
}

.ets_item_img {
  background-color: #fff;
	border-radius: 1rem;
}
.blog-category.has-blog-image .ets_item_img {
  display: none;
}

.post-date .be-label::before {
  /*display: none;*/
}

.ets-blog-latest-toolbar > span:not(:last-child) {
 /* margin-right: 0px;*/
}

.ets_block_latest, .ets_block_search, .ets_block_archive {
display: none !important;
}

#ets_blog_page a {
 /* color: #3C4F51 !important;*/
}
#ets_blog_page a:hover {
  color: #DCDCDC !important;
}
#ets_blog_page .blog_description p {
  font-weight: 400 !important;
  font-size: 1rem;
}

#left-column .block ul, #left_column .block ul, #right-column .block ul, #right_column .block ul {
  display: flex;
  text-align: center;
	justify-content: center;
	flex-wrap: wrap;
}

#left-column .ets_block_categories a::before, #left_column .ets_block_categories a::before, #right-column .ets_block_categories a::before, .list_post_by_author a::before, #right_column .ets_block_categories a::before {
display: none !important;
}

#left-column .ets_block_categories li:not(:last-child) a, #left_column .ets_block_categories li:not(:last-child) a, #right-column .ets_block_categories li:not(:last-child) a, #right_column .ets_block_categories li:not(:last-child) a {
border: none !important;
}

.block_content li {
padding: 0;
  margin: 10px;
}

#left-column .block, #right-column .block {
  border: none !important;
	display: contents;
}

#left-column .ets_block_categories a, #left_column .ets_block_categories a, #right-column .ets_block_categories a, #right_column .ets_block_categories a {
  display: block;
font-size: 2rem !important;

	/*	background-color: #3C4F51;*/
	color:#fff !important;
padding:0.6rem 0.8rem;
  /*border-radius:0.6rem;*/
	margin: 0.1rem;
}



/*#left-column .ets_block_categories a:hover, #left_column .ets_block_categories a:hover, #right-column .ets_block_categories a:hover, #right_column .ets_block_categories a:hover {
		background-color: #74989C;
}*/

.ets-blog-wrapper .page-heading {
font-size: 2rem;
  text-transform: inherit;
  text-align: center;
  font-family: "octaluneregular", sans-serif;
  font-weight: 200;
}

.blog-category-desc {
  line-height: 1.2;
}

.ets-blog-list li {
  margin-bottom: 2rem;
  padding: 1rem;
}

.ets-blog-wrapper .ets-blog-latest-toolbar {
  display: none !important;
}

.read_more {
  font-size: 14px;
  text-decoration: none !important;
  margin-top: 0;
  display: inline-block;
  padding-bottom: 1px;
  font-style: italic;
  color: #999;
  border-bottom: 1px dotted;
}

.ets-blog-list.row {
  justify-content: center;
}

ul.ets-blog-related-posts-list {
  margin-bottom: 0;
  width: 100%;
  margin-left: 0px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
 .ets-blog-related-posts-list > li {
    float: left;
    padding: 0 2px;
    margin-bottom: 30px;
  }


.be-categories {
  font-size: inherit;
}

.post-details .ets-blog-latest-toolbar {
  font-size: 0.7rem;
  margin-bottom: 0.5rem;

}

.ets-blog-latest-toolbar {
  margin-bottom: 0px !important;
}

.ets_title_block {
  color: #000;
font-size: 1rem !important;
  font-weight: 400;
  padding: 5px 0 9px;
  text-transform: none;
}

.page-heading .title_cat {
font-weight: 900 !important;
  font-size: 2rem;
  text-transform: uppercase;
	margin-bottom: 1.5rem;
	margin-top: 2rem;
 /* font-family: "octaluneregular", sans-serif;*/
}

.blog-paggination .links > b {
  background: #000 none repeat scroll 0 0;
  border: 1px solid #000;
  font-weight: 400;

}

.bando {
  background: #3C4F51;
  color: #fff;
  font-weight: 400;
  padding: 0.5rem ;

}

.bando a {
  color: #fff !important;
}

.bando a:hover {
  color: #dcdcdc !important;
}

.group-span-filestyle .btn-default, .group-span-filestyle .bootstrap-touchspin .btn-touchspin, .bootstrap-touchspin .group-span-filestyle .btn-touchspin {
  background: #01766E;
}

.input-group .form-control {
  width: 90%;
}
.group-span-filestyle.input-group-btn {
  width: 40%;
}

.alert-success {
	border-color : 3px dotted #d0e9c6 !important;
  color: #3c763d;
}

.ph-recommend-products.featured-products .product-miniature {
  padding:0;
}

.ph-recommend-products .product-flags {
display:none
}

.js-product.product {
  padding-right: calc(var(--bs-gutter-x) * .2);
  padding-left: calc(var(--bs-gutter-x) * .2);
}

.product-miniature .product-price-and-shipping {
  display: none;
}

/* Appliquer un flex pour organiser les 3 éléments */
nav.navbar .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
	padding: 0 0.5rem 0 0.5rem;
}

/* Centrer le logo au pixel près */
.navbar-brand {
  /*position: absolute;
  left: 50%;
  transform: translateX(-50%);*/
  z-index: 10;
}

/* S'assurer que le menu burger est bien aligné à gauche */
.menu-toggle-label,
.menu {
  order: 0;
}

/* S'assurer que la right-nav est bien à droite */
.right-nav {
  order: 2;
  display: flex;
  align-items: center;
  margin-left: auto;
}


.blog_description {
  text-align: left;
}

.post-details .blog_description {
  margin-bottom: 30px;
  text-align: justify;
	/*font-weight: 900 !important;
  font-size: 3rem;*/
}

.blog_description p {
  color: #414141;
  font-weight: 900 !important;
  font-size: 1.5rem;
}

.ets_blog_img_wrapper img, .blog-product-list img, .ets_item_img img {
  border-radius:1rem;
}

.rounded {
  border-radius:1rem !important;
}

.circle {
  border-radius:50%;
}
.circle-semi {
  border-radius: 25% 10%;
}


.titre-encadre {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 2rem 0;
}

.titre-encadre::before,
.titre-encadre::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid #ccc;
  margin: 0 1rem;
}
.video-container {
  position: relative;
  display: inline-block;
	margin: 2rem;
}

.video-container::after {
content: "";
  position: absolute;
  bottom: -2rem;
  left: -2rem;
  width: 50%;
  height: 50%;
border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.video-container::before {
content: "";
  position: absolute;
  top: -2rem;
  right: -2rem;
  width: 50%;
  height: 50%;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
}
/*
.video-container.vamp::before {
  border-right: 1rem solid #D94716 !important;
  border-top: 1rem solid #D94716 !important;
}*/

.blog-card {
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 4px solid #2e4a46;
 /* border-radius: 20px;*/
  padding: 2rem;
  max-width:700px;
  margin: 1rem auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
	position: relative;
}

.blog-text {
  flex: 1;
/*	text-align: left;
	max-width: 50%;*/
}

.blog-badge {
  background-color: #3C5051;
  color: #fff;
  display: inline-block;
  padding: 5px 12px;
  /*font-size: 2rem;*/
  margin-bottom: 10px;
	font-family: "octaluneregular", sans-serif;
}

.blog-title {
 /* font-size: 2.2rem;
	line-height: 2rem;*/
  /*font-weight: 800;*/
  margin: 0.7rem 0 1.2rem;
	font-family: "octaluneregular", sans-serif;
	color: #3C5051;
}

.blog-subtitle {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 8px;
}

.blog-desc {
  font-size: 0.95rem;
  color: #555;
}

.blog-image {
 /* flex-shrink: 0;
  margin-left: 30px;*/
	position: absolute;
	right:2rem;
	max-width: 40%;
	
}

.blog-image img {
  width: 275px;
  height: auto;
  border-radius: 50%;
  box-shadow: 0 0 12px rgba(0,0,0,0.1);
}






.addtocart {
	display: inline-block;
	margin-right: .625rem;
}

.underline {
text-decoration: underline !important;
}

.accordion-item {
  color: #fff;
  background-color: #3C4F53;
	border: none;
}

.accordion-item-gris {
  /*color: #fff*/
  background-color: #F9F9F9;
	border: none;
}

.accordion-custom .accordion-button {
  position: relative;
}

/* On enlève l’icône par défaut */
.accordion-custom .accordion-button::after {
  display: none;
}

/* On ajoute le + ou - en ::before */
.accordion-custom .accordion-button::before {
  content: "+";
  position: absolute;
  left: 0;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  width: 1.5rem;
  text-align: center;
  transition: transform 0.3s;
}

/* Décalage du texte pour laisser de la place à l’icône */
.accordion-custom .accordion-button {
  padding-left: 2rem;
}

/* Quand l'élément est ouvert (pas collapsed), on change le + en - */
.accordion-custom .accordion-button:not(.collapsed)::before {
  content: "−";
}

a:focus, a:hover {
  text-decoration: none;
}

.cta {
	  display: block;
position:relative;
padding: 1rem;
  border-bottom: 6px solid #fff;
  border-top: 6px solid #fff;
  margin: 3rem 0 0 0;
}
.cta a {
  display: block;
}
.cta-fleche {
	position: absolute;
right: 1rem;
  height: 26px;
	 top: 50%;
  transform: translateY(-50%);

}

/*.container-zoom {
      max-width: 100%;
      margin: 0 auto;
      overflow: hidden; 
    }*/

.zoom {
  overflow: hidden; /* empêche le zoom de dépasser */
}
.zoom img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.blanc, .blanc a {
	color: #fff !important;
	  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.blanc a:hover {
	color: #DCDCDC !important;
	  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.bleu, .bleu a {
	color: #3C4F53 !important;
	  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.bleu a:hover {
	color: #DCDCDC !important;
	  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.vampire a:hover {
	color: #D94716 !important;
	/*filter: brightness(0) saturate(100%);*/
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
	fill: #D94716;
}

.paris a:hover {
	color: #5f7391 !important;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.amour a:hover {
	color: #E1D3FF !important;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.chance a:hover {
	color: #447000 !important;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.mousse a:hover {
	color: #F36303 !important;
	/*filter: brightness(0) saturate(100%);*/
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}


.category_2 {
background-color: #D2D7DB;
	 transition: background-color 0.3s ease;
}
.category_3 {
background-color: #D6E167;
	 transition: background-color 0.3s ease;
}
.category_4 {
background-color: #F0C157;
	 transition: background-color 0.3s ease;
}
.category_6 {
background-color: #ED92B1;
	 transition: background-color 0.3s ease;
}
.category_7 {
background-color: #DEC185;
	 transition: background-color 0.3s ease;
}

.category_2:hover, .category_3:hover, .category_4:hover, .category_6:hover, .category_7:hover {
background-color: #000;
	 transition: background-color 0.3s ease;
}


.blanc a:hover {
	color: #000;
	/*filter: brightness(0) saturate(100%);*/
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.t-shadow {
text-shadow: 10px 10px rgba(0, 0, 0, 0.3) !important;
}

.pad-top-3 {
	padding-top: 3rem;
}

.pad-top-pdv {
padding: 0 4rem 0 1.5rem;
  border-left: 1px solid #3C4F53;
}

/*
.cta:hover {
filter: brightness(0) saturate(100%);
	  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}*/


.arrow-up {
 position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 15px solid #fff;
  transition: transform 0.3s ease;
  z-index: 2;
  cursor: pointer;
}

/* Deux traits sous la flèche */
.arrow-up::before,
.arrow-up::after {
content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 2px;
  width: 20px;
  background-color: #fff;
  opacity: 1;
}

.arrow-up::before {
  bottom: -1.5rem;
}

.arrow-up::after {
  bottom: -1.2rem;
}

.arrow-up:hover {
transform: translateX(-50%) translateY(-5px);
}
	
.box-info .arrow-up {
  display: none;
}

.box-info.en-haut .arrow-up {
  display: block;
}

.txt-info {
font-size: 1.2rem;
  line-height: 1;
  font-weight: 900;
}


.box-info {
  position: fixed;
  right: 5rem;
  color: #fff;
  border-radius: 50%;
  padding: 1rem;
  max-width: 25%;
  width: 200px;
  /*background-color: rgba(0, 0, 0, 0.5);*/
	background-color: #3C4F53;
  transition: top 0.8s ease, bottom 0.8s ease, transform 0.8s ease;
  z-index: 1000;
	
	height: 200px;
	 display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.box-info.init {
bottom: 10%;
 transform: translateY(-50%);
	/*top: 4rem;*/
 /* bottom: auto;*/
	  transition: top 0.8s ease, bottom 0.8s ease, transform 0.8s ease;

}

.box-info.fixe-en-bas {
  top: auto;
  bottom: 2rem;
  transform: translateY(0);

}

.box-info.en-haut {
	  top: auto;
bottom: 10rem;

  transform: translateY(0); /* ← important pour transition fluide */
	  transition: top 0.8s ease, bottom 0.8s ease, transform 0.8s ease;
}

.video-link {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  text-decoration: none;
  cursor: pointer;
}

.d-block a {
/*display: block;*/
}

.container {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.non-mob  {
display: none;
}

@media (max-width: 479.98px) {
  .swiper-button-next,
  .swiper-button-prev {
    --swiper-navigation-size: 12px; /* Encore plus petit pour les très petits écrans */
  }
}
@media (min-width: 575.98px) {
	
	  .container {
   /* width: 100%;*/
	  width: 1920px;
  }
	
  .modal-dialog {
    max-width: 700px;
    margin: 10px auto;
  }
}
@media (min-width: 767.98px) {
  .ets_blog_layout_grid .ets-blog-list > li {
    width: 33%;
  }
}
@media (min-width: 992px) {
  .carousel .carousel-indicators {
    display: block !important;
  }
}


/* Style spécifique pour les petits écrans */

@media (max-width: 768px) {
  .swiper-button-next,
  .swiper-button-prev {
    --swiper-navigation-size: 16px; /* Réduction de la taille des flèches */
  }
	
.full-width {
 /* margin-left: 0 !important;*/

}
}

@media (max-width: 480px) {
  .ets_blog_layout_grid .ets-blog-list li {
    float: left;
    padding: 0 5px;
    width: 50%;
  }
}
	/* sm et moins */
@media (max-width: 576px) { 
	.non-mob {
  display: block; /* visible sur desktop */
}
	
	
	.pad-top-pdv {
	margin: 0 0 2rem 0;
}
	
	
	.etsy img {
width: 150px !important;
  /*  padding: 1rem;*/
		padding: 1rem 0;
}
	
	.full-pad {
padding: 2rem 1rem !important;
}
.pad-top-3 {
  padding-top: 2rem !important;
}
	
  .gigaplusplus {
font-size: 3.5rem;
    line-height: 2.5rem;
  }
	.gr-gr {
	line-height: 0.85;
	font-size: clamp(1.8rem, 5vw, 2.5rem) !important;
}
	
.box-info.init {
  bottom: 2rem;
transform: translateY(-50%);
 transition: top 0.8s ease, bottom 0.8s ease, transform 0.8s ease;

}

.box-info.fixe-en-bas {
  top: auto;
  bottom: 2rem !important;
  transform: translateY(0);

}

.box-info.en-haut {
	  top: auto;
bottom: 40% !important;
  transform: translateY(0); /* ← important pour transition fluide */
	  transition: top 0.8s ease, bottom 0.8s ease, transform 0.8s ease;
}
	

	
.box-info {
			/*display:none*/
right: 1rem !important;
  max-width: inherit !important;
  width: 125px !important;
  height: 125px !important;
}
	
.txt-info {
  font-size: 0.65rem !important;
  line-height: 1.2 !important;
}
	
	.arrow-up {
 position: absolute;
  bottom: 0.6rem;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 10px solid #fff;
  transition: transform 0.3s ease;
    transition-duration: 0.3s;
  z-index: 2;
  cursor: pointer;
}

/* Deux traits sous la flèche */
.arrow-up::before,
.arrow-up::after {
content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
height: 1px;
  width: 15px;
  background-color: #fff;
  opacity: 1;
}

.arrow-up::before {
  bottom: -0.8rem;
}

.arrow-up::after {
  bottom: -0.9rem;
}

	
	
		.col-centered-mobile {
  float: none !important;
  margin: 0 auto ;
}
	
.blog-image {
position: inherit;
    width: 90%;
    margin:auto;
    display: block;
    text-align: center;
    max-width: 90%;
    right: auto;
	padding-top: 1.5rem;
}
	
	.blog-text {
margin:auto;
    max-width: 90%;
    width: 90%;
    display: block;
}
	
	.blog-card {
		display: block;
}	
	
	.btn-footer {
  padding: 2px 10px !important; /* Espacement interne */

}

	.reseau img {
	opacity: 1;
	 transition: opacity ease-in-out 0.25s;
	width: 30px;
}
	
	.text-center-none-mob {
text-align: left !important
}

	
}