@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Freeman';
    src: url('../fonts/Freeman-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
}


/***************
 * GENERAL
 * *************/

:root {
  --black: #000000;
  --gray: #e5e5e5;
  --mediumgray: #777777;
  --lightgray: #f8f8f8;
  --white: #ffffff;
  --red: rgb(236, 23, 62);
} 

.grecaptcha-badge { opacity:0; visibility:hidden; }

a { transition: all .5s ease 0s; color: var(--black); }
a:hover { color: var(--gray); }


.products-sort-order .select-list:hover,
.brands-sort .select-list:hover,
.suppliers-sort .select-list:hover {
  background: #00a395;
}

.form-control { 
  border-radius: 0px;
  color: var(--black);
  background-color: var(--lightgray);
  border-color: var(--black);
}
.form-control:focus { border-color: var(--black); outline: 0.1875rem solid var(--black); }
.input-group.focus { outline: 0rem solid transparent; }

.custom-radio input[type="radio"]:checked + span { background-color: var(--black); }

.group-span-filestyle .btn-default, .group-span-filestyle .bootstrap-touchspin .btn-touchspin,
.bootstrap-touchspin .group-span-filestyle .btn-touchspin { background-color: var(--lightgray); }

.input-group .input-group-btn > .btn {
  padding: 0.8rem 1rem 0.7rem;
  border-radius: 0;
  background: var(--black);
}

.btn-primary, .btn-secondary, .btn-tertiary {  border-radius: 2px ; }

.btn-primary { background-color: var(--red);}
.btn-primary:hover, .btn-primary:active,
.btn-primary.active, .btn-primary:focus, .btn-primary.focus { background-color: var(--black); }

.modal-content { border-radius: 2px; }
.modal-footer { background-color: #eee; border-radius: 0 0 2px 2px;}

.alert { border-radius: 5px; }

.psgdprinfo17 { border-radius: 5px; }

.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }

.done { color: var(--gray); }


/* Modal */

#index.tingle-enabled {
  position: relative;
  overflow: scroll;
  left: auto;
  right: auto;
}

#index .tingle-modal {
  top: auto;
  right: 0;
  bottom: auto;
  left: auto;
}

.tingle-modal .tingle-modal-box {
  width: 100%;
  border-radius: 15px;
  max-width: 500px;
  box-shadow: 0 0 15px #84633a;
}

.tingle-modal .tingle-modal-box__content { border-radius: 15px; }
.tingle-modal-box__footer { height: 0; }



/**************
 *  HEADER
 * ************/

#header {
  box-shadow: none;
  padding-bottom: 0px;
  top: 0;
  left: 0;
  width: 100%;
  background-color: transparent;
  position: absolute;
  transition: all .5s ease 0s;
}

#header .header-top {
  padding: 5px 0;
  background-color: transparent;
}

#_desktop_logo { 
  transition: all .5s ease 0s;  
  max-width: 260px;
  width: 260px;
/*  filter: brightness(5000%);*/
}


/* NAV */

#header .header-nav  {
  background-color: var(--black);
  border-bottom: 1px solid var(--white);
  padding: 5px 0;
  border: 0;
  transition: all .5s ease 0s;
}

#header .header-nav .right-nav { align-items:center; }

#header .header-nav #_desktop_contact_link #contact-link { 
  margin-top: 0;
  font-size: .9rem;
  color: #fff;
}

#header .header-nav #_desktop_contact_link #contact-link span {
  font-weight: bold;
}

#header .header-nav #contact-link a { 
  color: #FFF;
  font-weight: bold;
  font-size: .9em;
}

#header .header-nav #contact-link a:hover { 
  opacity: .5em;
}

#nav-top-sentence { color: var(--white); font-size: .9em; font-family:"Oswald"; font-weight:bold; text-transform:uppercase; }
#nav-top-sentence h1 { font-size: inherit; margin: 0; }

.right-nav .col-md-6 { width: 100%; padding: 0; }
.right-nav .links p { display: none; }

.right-nav .links ul { 
  display: flex;
  margin-bottom: 0;
  justify-content: flex-end;
}

.right-nav .block-social { display:none; }
.right-nav .links ul li { margin: 0 4px; }
#header .right-nav .links ul li a { color: #fff; font-size: .9rem; font-weight: bold; }
#header .right-nav .links ul li a:hover { color: #fff; opacity: .5; }

.right-nav .block-social-nav { margin-left: 20px; }
.right-nav .block-social-nav ul { margin-bottom: 0; display: flex;}
.right-nav .block-social-nav ul li { margin: 0 4px; }
.right-nav .block-social-nav ul li a { display:block; }

.block-social-nav span.icon::before {
  content: "";
  width: 15px;
  height: 15px;
  display: block;
  background: transparent url("../img/icon-fb.svg") no-repeat scroll center center / contain;
}

.block-social-nav span.icon.i-facebook::before { background-image: url("../img/icon-fb.svg"); }
.block-social-nav span.icon.i-instagram::before { background-image: url("../img/icon-insta.svg"); }
.block-social-nav span.icon.i-youtube::before { background-image: url("../img/icon-yt.svg"); }



/* HEADER TOP */

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

.header-top .row::after {
  display: none;
}

.header-top .header-top-rightposition-static {
  display: flex;
  align-items: center;
  align-items: center;
  width: calc(100% - 200px);
}

/* search*/

.header-top #search_widget { 
  float: none;
  max-width: 500px;
  min-width: auto;
  margin: 0 auto;
  width: 100%;
}

.header-top #search_widget input {
  padding-left: 1rem;
  padding-right: 20px;
  color: var(--white);
  background-color: rgba(255,255,255,.2);
  border-radius: 3px;
  border: 1px solid;
  width: 100%;
}

#search_widget form i {
  right: 16px;
  color: var(--white);
  height: 100%;
  display: flex;
  align-items: center;
  text-align: center;
  padding: 0;
}

#opinionsystem {
  background-color: var(--white);
  border-radius: 50px;
  margin: 10px auto;
  display: block;
  overflow: hidden;
}

/* BTN MY Account */

#_desktop_user_info {
  background-color: transparent;
  text-align: left;
  line-height: 1;
}

#_desktop_user_info a,
#_desktop_user_info div > span {
  padding: 7px 5px;
  text-decoration: none;
  align-items: center;
  color: var(--white);
  border-radius: 2px;
  display: flex;
}

#_desktop_user_info a:hover,
#_desktop_user_info div > span:hover { color: var(--white); background-color: rgba(255,255,255,.2); }

#_desktop_user_info a::before,
#_desktop_user_info div > span::before {
  content: "";
  background: url("../img/icon-account.svg") no-repeat scroll center center / contain;
  filter: contrast(0%) brightness(5000%);
  width: 100%;
  text-align: center;
  height: 35px;
  display: inline-block;
  margin-right: 5px;
  line-height: 1;
  width: 26px;
}

#_desktop_user_info strong {
  text-transform: uppercase;
  font-size: .8em;
  display: block;
  margin-top: 3px;
  margin-bottom: 3px;
}

#_desktop_user_info small {
  opacity: .7;
  font-size: 0.65em;
  text-align: center;
  display: block;
}

#_desktop_gift_wrapper > * {
  color: var(--white);
  padding: 7px 5px;
  display: flex;
  justify-content: center;
  text-align: center;
  text-transform: uppercase;
  margin-right: 15px;
  max-width: 90px;
}

#_desktop_gift_wrapper strong { color:white; }

#_desktop_gift_wrapper > *:hover { color: var(--white); background-color: rgba(255,255,255,.2); }

#_desktop_gift_wrapper > *::before {
  content: "";
  background: url("../img/icon-gift.svg") no-repeat scroll center center / contain;
  filter: contrast(0%) brightness(5000%);
  width: 100%;
  text-align: center;
  height: 26px;
  display: inline-block;
  margin-right: 5px;
  line-height: 1;
  width: 35px;
}

#_desktop_gift_wrapper > * span {
  font-size: 0.8em;
  max-width: 80px;
  text-align: left;
  line-height: 1.1;
}

/* BTN CART */

#_desktop_cart .blockcart {
  padding: 10px 15px 10px;
  text-decoration: none;
  display: block;
  color: var(--white);
  border-radius: 2px;
  text-align: center;
  font-size: .8em;
  line-height: 1;
  margin-left: 10px;
  border: 1px solid;
  transition: all .5s ease 0s;
}

#_desktop_cart .blockcart:has(a):hover {
  background-color: #000;
}

#_desktop_cart .header {
  display: flex;
  align-items: center;
}

#_desktop_cart .header::before {
  content: "";
  background: url("../img/icon-cart.svg") no-repeat scroll center center / contain;
  filter: contrast(0%) brightness(5000%);
  width: 100%;
  text-align: center;
  height: 35px;
  display: inline-block;
  margin-right: 5px;
  line-height: 1;
  width: 26px;
}

#_desktop_cart .blockcart .hidden-sm-down {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 3px;
  display: block !important;
  color: var(--white);
}

#_desktop_cart .blockcart .cart-products-count { color: var(--white); display: block; font-size: .8em; }


/* MENU */

#header #_desktop_top_menu { display:block; }

#top-menu {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 0;
  background-color: #fff;
  border-radius: 5px;
}

#top-menu #lnk-clubs a { color: var(--white) !important; background-color: var(--red); border-radius: 0 5px 5px 0; }

#_desktop_top_menu .top-menu .sub-menu {
  margin: 0;
  box-shadow: 0 10px 10px rgba(0,0,0,.2);
  border-radius: 0 0 5px 5px;
  border-top: 1px solid var(--black);
  min-width: auto;
  width: 100%;
}

.top-menu a.dropdown-submenu {
  text-transform: none;
  line-height: 1.1;
}

.top-menu a[data-depth="0"] {
  padding: 1em;
  text-transform: uppercase;
  color: var(--black) !important;
  line-height: 1;
  font-family: "Oswald";
  font-weight: bold;  
}

.top-menu li:has(.sub-menu) > .dropdown-item::after {
  content: "keyboard_arrow_down";
  color: var(--red);
  font-family: 'Material Symbols Outlined';
  font-weight: 100;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  position: absolute;
  word-wrap: normal;
  direction: ltr;
}

#_desktop_top_menu .top-menu[data-depth="0"] li .sub-menu,
#_desktop_top_menu .top-menu[data-depth="0"] li:hover .sub-menu {
  top: auto !important;
}

#_desktop_top_menu #category-12 .sub-menu > ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 15px;
  margin: 1.5em .6em;
}

#_desktop_top_menu #category-12 .sub-menu > ul > li:nth-child(1) { grid-area: 1 / 1 / 3 / 2; }
#_desktop_top_menu #category-12 .sub-menu > ul > li:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }
#_desktop_top_menu #category-12 .sub-menu > ul > li:nth-child(3) { grid-area: 2 / 2 / 3 / 3; }
#_desktop_top_menu #category-12 .sub-menu > ul > li:nth-child(4) { grid-area: 1 / 3 / 3 / 4; }
#_desktop_top_menu #category-12 .sub-menu > ul > li:nth-child(5) { grid-area: 1 / 4 / 2 / 5; }
#_desktop_top_menu #category-12 .sub-menu > ul > li:nth-child(6) { grid-area: 2 / 4 / 3 / 5; }

#_desktop_top_menu #category-13 .sub-menu > ul {
  display: flex;
  gap: 10px;
  margin: 1.5em .6em;
}

#_desktop_top_menu #category-12 .category:has(div) > .dropdown-item,
#_desktop_top_menu #category-13 .category:has(div) > .dropdown-item {
  border-bottom: 1px solid var(--black);
  margin-bottom: 10px;
  padding-right: 0;
  font-weight: bold;
  padding-left: 0;
}

#_desktop_top_menu #category-14 .sub-menu,
#_desktop_top_menu #category-217 .sub-menu {
  max-width: 200px;
  left: auto;
}

#_desktop_top_menu .top-menu .dropdown-submenu { font-weight: 600; }

#_desktop_top_menu #category-14 .sub-menu > ul,
#_desktop_top_menu #category-217 .sub-menu > ul { margin: 0; }

#_desktop_top_menu #category-14 .sub-menu > ul > li,
#_desktop_top_menu #category-217 .sub-menu > ul > li  { margin: 0; }

#_desktop_top_menu #category-14 .sub-menu > ul > li:not(:last-child),
#_desktop_top_menu #category-217 .sub-menu > ul > li:not(:last-child) {
  border-bottom: 1px solid var(--gray);
}

#_desktop_top_menu #category-14 .sub-menu > ul > li .dropdown-submenu,
#_desktop_top_menu #category-217 .sub-menu > ul > li .dropdown-submenu {
  padding:.8em 1em;
}

.dropdown-item { white-space: wrap; }

span.dropdown-item { padding-left: 0; }

.top-menu .sub-menu ul[data-depth="1"] > li {
  float: none;
}

#header .top-menu a:hover,
#header .top-menu span:hover {
  color: var(--black);
  opacity: .5;
}

#lnk-espace-pro a {
  background-color: var(--gray);
  color: var(--white) !important;
  border-radius: 5px;
}

#lnk-espace-pro a::before {
  content: "\f0c4";
  width: auto;
  text-align: center;
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: bold;
  line-height: 1;
  transform: rotate(-90deg);
}


/* Scrolled */

#header.scrolled { position: fixed; background-color: var(--white); border-bottom:1px solid var(--black); }

#header.scrolled .header-nav,
#header.scrolled .header-banner {
  max-height: 0;
  padding: 0;
  overflow: hidden;
}

#header.scrolled #_desktop_logo { max-width: 140px; filter: brightness(1); }
#header.scrolled .header-top .header-top-rightposition-static { width: calc(100% - 150px); }

#header.scrolled .header-top #search_widget input,
#header.scrolled #search_widget form i,
#header.scrolled #_desktop_gift_wrapper > *,
#header.scrolled #_desktop_user_info a,
#header.scrolled #_desktop_gift_wrapper strong,
#header.scrolled #_desktop_user_info div > span,
#header.scrolled #_desktop_cart .blockcart,
#header.scrolled #_desktop_cart .blockcart .hidden-sm-down,
#header.scrolled #_desktop_cart .blockcart .cart-products-count { color: var(--black); }

#header.scrolled #_desktop_cart .blockcart:has(a):hover { background-color: rgba(0,0,0,.2); }

#header.scrolled #_desktop_gift_wrapper > *:hover {
  color: var(--black);
  background-color: rgba(0,0,0,.1);
}

#header.scrolled #_desktop_gift_wrapper >  *::before { filter: contrast(1) brightness(1); }

#header.scrolled #top-menu { border-top:1px solid var(--gray); }

#header.scrolled #_desktop_user_info a::before,
#header.scrolled #_desktop_user_info div > span::before,
#header.scrolled #_desktop_cart .header::before { display: none; }

#header.header-inner { background: #cfcfcf url("../img/header-bg.png") no-repeat center center / cover; background-blend-mode: multiply; }
#header.header-inner.scrolled { background: var(--white); }


/***************************
 * CONTENT
 * **************************/

body.body-inner { padding-top: 200px; }

#wrapper {
  background: var(--lightblue);
  position: relative;
  padding-top: 0;
  min-height: 50vh;
}

/* 
 * Front Page
 */

#index section#wrapper { padding-top: 0px; transition: all .5s ease 0s; } 
#index.scrolled section#wrapper { padding-top: 0px; margin-top: -40px; } 

#carousel {
  position: relative;
  width: 100vw;
  max-width: none;
  left: calc(-1 * ((100vw - 1220px) / 2));
  margin-bottom: 0;
  background-color: var(--black);
}

#carousel::after {
  content: "";
  position: absolute;
  left: 0;
  opacity: .7;
  top: 0;
  height: 170px;
  display: block;
  width: 100%;
  background-image: linear-gradient(180deg,rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 80%);
}

.carousel .carousel-inner { height: 80vh; }

.carousel .carousel-inner li { padding-top:150px; }

.carousel .carousel-item a {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.carousel .carousel-item a::after {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
  opacity: 0;
}

.carousel .carousel-item .carousel-description {
  position: relative;
  z-index: 10;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 900px;
  color: var(--white);
  text-align: center;
}

.caption-description {
  display: flex;
  flex-direction: column;
  gap: .5em;
  text-shadow: 0 0 15px rgba(0,0,0,1);
}

.carousel .carousel-item .carousel-description h1,
.carousel .carousel-item:not(:first-child) .carousel-description h2 {
  font-family: "Freeman";
  text-transform: uppercase;
  font-size: 2.5em;
}

.carousel .carousel-item .carousel-description h1 strong,
.carousel .carousel-item .carousel-description h2 strong { color: var(--red); }

.carousel .carousel-item:first-child .carousel-description h2,
.carousel .carousel-item:first-child .carousel-description h3 {
  font-family: "Oswald";
  text-transform: uppercase;
  font-size: 1.6em;
}

.carousel .carousel-item .carousel-description p { color: var(--white); }

.carousel .carousel-item figure {
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  /*height: calc(80vh - 150px);*/
  opacity: 1;
}

.carousel .carousel-item img {
  width: 100%;
  max-width: none;
  height: auto;
  object-fit: cover;
  min-width: 100%;
  min-height: 100%;
}

.carousel-control { bottom: -150px; }

.carousel .carousel-control .icon-prev,
.carousel .carousel-control .icon-next { transition: all .5s ease 0s; }
.carousel .carousel-control .icon-prev { margin-left: 0; }
.carousel .carousel-control .icon-next i,
.carousel .carousel-control .icon-prev i {
  background-color: transparent;
  border-radius: 1px;
  font-size: 2rem;
  color: var(--white);
  text-shadow: none;
  border: 1px solid var(--white);
}

.carousel-indicators { display:none; }

/*Products list*/

.featured-products .all-product-link,
.brands .all-product-link {
  background-color: var(--white);
  color: var(--black);
  padding: 20px 15px;
  line-height: 1;
  text-transform: uppercase;
  margin: 0 auto;
  display: block;
  max-width: 300px;
  border: 1px solid var(--black);
  text-align: center;
  font-weight: bold;
  font-size: .9em;
}

.featured-products .all-product-link:hover,
.brands .all-product-link:hover {
  background-color: var(--black);
  color: var(--white);
}

.featured-products .all-product-link i,
.brands .all-product-link i {
  margin-left: 5px;
}

.brands .all-product-link {
  background-color: #b0bc02;
  box-shadow: 0px 2px 10px #808809 inset;
}

/* carousel bannieres cat */

#custom-text {
  padding: 3em 0;
  width: 100vw;
  margin-left: calc(-1 * ((100vw - 1220px) / 2));
}

#custom-text .a-cat-wrapper { position: relative; max-height:300px; }

#custom-text .a-cat-wrapper .a-cat-content {
  position: absolute;
  bottom: 15px;
  left: 15px;
  padding: 1em;
  text-align: left;
  z-index: 5;
}

#custom-text .a-cat-wrapper::before {
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 1;
  background: linear-gradient(270deg,rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 1) 100%);
}

#custom-text .a-cat-wrapper img {
  max-height: 100%;
  height: auto;
}

#custom-text .cat-title {
  color: var(--white);
  text-align: left;
  font-family: "Freeman";
  font-size: 1.6em;
  text-transform: uppercase;
  line-height: 1.1em;
  max-width: 170px;
  text-shadow: 0 0 15px rgba(0,0,0,.5);
}

#custom-text .cat-title strong { color: var(--red); }

#custom-text .cat-button {
  text-transform: uppercase;
  border: 1px solid var(--white);
  font-weight: bold;
  padding: 5px 10px;
  font-size: .85em;
  display: inline-block;
  color: var(--white);
  transition: all .5s ease 0s;
}

#custom-text .cat-button:hover {
  color: var(--black);
  background-color: var(--white);
}

.bx-pager.bx-default-pager {
  display: flex;
  justify-content: center;
  gap: 1em;
  margin-top: 2em;
}

.bx-pager-link {
  text-indent: -99999px;
  width: 15px;
  height: 15px;
  overflow: hidden;
  border-radius: 2px;
  border: 1px solid var(--black);
  display: block;
}

.bx-pager-link.active, .bx-pager-link:hover {
  background-color: var(--black);
}

/*banniere club*/

.banner {
  position: relative;
  width: 100vw;
  max-width: none;
  left: calc(-1 * ((100vw - 1220px) / 2));
  margin: 2em 0;
  height: 390px;
  overflow: hidden;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

.banner .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.banner-content {
  background-color: var(--black);
  padding: 2em;
  color: var(--white);
  border: 1px solid var(--white);
  text-align: left;
  width: 100%;
  max-width: 400px;
}

.banner-content h2 {
  font-family: "Oswald";
  font-size: 1.8em;
  color: var(--white);
  text-transform: uppercase;
}

.banner-content h2 strong { color: var(--red); }

.banner-content p {
  line-height: 1.2;
  color: var(--white);
  margin: 1em 0;
}

.banner-content button {
  appearance: default;
  border-radius: 0px;
  border: 0;
  background-color: var(--red);
  color: var(--white);
  text-align: center;
  display: block;
  font-size: .85em;
  padding: 15px 20px;
  text-transform: uppercase;
  max-width: 270px;
  font-weight: bold;
  transition: all .5s ease 0s;
}

.banner-content button:hover {
  background-color: var(--white);
  color: var(--red);
  cursor: pointer;
}

/*Carousel marque*/
#ybc-mnf-block {
  display: flex;
  align-items: center;
  background-color: var(--lightgray);
  padding: .5em 2em;
  margin: 3em 0;
  justify-content: space-between;
}

#ybc-mnf-block h2 {
  font-family: "Oswald";
  font-weight: bold;
  text-transform: uppercase;
  max-width: 170px;
  margin-bottom: 0;
  font-size: 1.6em;
}

#ybc-mnf-block-ul {
  width: calc(100% - 170px);
  padding-left: 50px;
}

#ybc-mnf-block .ybc-mnf-block-a-img {
  filter: grayscale(1);
  float: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

#ybc-mnf-block .ybc-mnf-block-a-img > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#ybc-mnf-block-ul .owl-buttons {
  position: absolute;
  right: auto;
  top: calc(50% - 40px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: -40px;
  gap: 10px;
}

.owl-controls .owl-buttons div {
  height: auto;
  width: auto;
}

#ybc-mnf-block .owl-buttons .owl-prev::before,
#ybc-mnf-block .owl-buttons .owl-next::before {
  width: 35px;
  float: none;
  height: 35px;
  text-align: center;
  line-height: 35px;
  padding: 0;
  display: block;
  border: 0;
  background-color:var(--black);
  color: var(--white);
}

#ybc-mnf-block .owl-buttons .owl-prev::before {
  content: "arrow_back";
  font-family: 'Material Symbols Outlined';
  font-weight: bold;
}

#ybc-mnf-block .owl-buttons .owl-next::before {
  content: "arrow_forward";
  font-family: 'Material Symbols Outlined';
  font-weight: bold;
  margin:0;
  padding:0;
}

/*Front text spiral football*/
#front-spiral {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2em;
  align-items: center;
}

#front-spiral-content { 
  padding: 2em 0;
  width: calc((100% * 2/3) - 30px);
}

#front-spiral h2 {
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  font-size: 1.8em;
  margin-bottom: 1em;
}

#front-spiral h3 { margin-top:1em; }

#front-spiral p { color: var(--black) }

#front-spiral-text {
  column-count: 2;
  column-gap: 1.5em;
}

#front-spiral-video {
  width: calc(100% / 3);
  background-color: var(--lightgray);
  display: flex;
  justify-content: center;
  align-items: center;
}

#front-spiral-text li {
  display: flex;
  gap: .5em;
  margin-top: .5em;
}

#front-spiral-text ul { margin-top:1em; }

#front-spiral-text li span { color: var(--red); }

#front-spiral-text a {
  display: block;
  text-align: center;
  text-transform: uppercase;
  padding: 15px;
  border: 1px solid;
  font-weight: bold;
  margin-top: 1em;
}


/************************
 * Liste Produit
 * **********************/

.product-miniature {
  display: block;
  margin-bottom: 2.563rem;
  border-radius: 0;
}

.product-miniature .thumbnail-container {
  margin: 0 0 10px;
  padding-bottom: 0;
  cursor: pointer;
}

.product-miniature .thumbnail-container figure { margin-bottom:0; }

.product-miniature .thumbnail-container figure img { 
  display: block;
  width: 100%;
  height: auto;
}

.product-miniature .thumbnail-top {
  background-color: var(--white);
}

.product-miniature .thumbnail-container .product-thumbnail img {
  width: 100%;
  margin: 0;
}

.product-flags {
  position: absolute;
  top: 0;
  right: auto;
  z-index: 2;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 80px;
  pointer-events: none;
  align-items: end;
  left: 10px;
}

.product-flags li.product-flag {
  font-size: 0.6em;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  padding: 0 10px;
  border-radius: 0;
  min-height: auto;
  margin-left: 0px;
  margin-right: 10px;
}

.product-flags li.product-flag.new {
  background-color: var(--black);
}

.product-flags li.product-flag.discount {
  color: var(--black);
  opacity: .7;
  background-color: #fff;
}

.product-miniature .product-flag.discount {
  color: var(--black);
  background-color: var(--white);
  border: 1px solid var(--black);
  padding: 5px 10px;
  text-transform: uppercase;
  font-weight: bold;
  position: absolute;
  z-index: 10;
  top: 10px;
  line-height: 1;
  font-size: .8em;
  right: 10px;
}

.product-miniature .product-flags li.product-flag { min-height:auto; }

.product-miniature .product-flags li.product-flag .on-sale { display:none; }

.product-miniature .product-flags li.product-flag.online-only { display: none; }

.product-miniature .product-description {
  padding-top: 0.7rem;
  padding-bottom: 0;
}

.product-miniature .thumbnail-container:hover .product-description::after, .product-miniature .thumbnail-container:focus .product-description::after { border:0; }

.product-description ul, .product-description ol {
  font-size: 0.9375rem;
  font-weight: 400;
  color: #7a7a7a;
}

.product-description * span {
  font-size: inherit;
  color: var(--mediumgray);
  margin: 0 3px;
  font-size: 1em;
  line-height: 1.5em;
}

.product-miniature .regular-price {
  font-size: 0.75rem;
  font-weight: normal;
}

.product-miniature .product-price-and-shipping .discount-product {
  display: inline-block;
  font-size: .8em;
  padding: 2px 5px;
  background-color: var(--gray);
  color: var(--mediumgray);
  border-radius: 5px;
}

.product-miniature .product-title {
  margin-bottom: 1em;
  min-height: 38px;
}

.product-miniature .product-title a {
  color: #000;
  display: block;
  font-family: "Oswald";
  height: auto;
  margin: 0 auto 10px;
  padding: 0px 10px;
  font-size: .95em;
  font-weight: bold;
}

.product-miniature .product-price-and-shipping {
  color: #999;
  letter-spacing: 0;
  text-align: center;
  font-family: "Titillium Web", sans serif;
  font-size: 1em;
  font-weight: bold;
  margin-bottom: .5em;
}

.product-miniature .quick-view {
  cursor: pointer;
  display: block;
  padding: 10px 20px;
  background-color: var(--black);
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  color: var(--white);
  transition: all .5s ease 0s;
  border: 1px solid var(--black);
}

.product-miniature .quick-view:hover {
  color: var(--black);
  background-color: var(--white);
}

.product-miniature .btn-primary {
  position: relative;
  width: 80%;
  float: none;
  border: 0 none;
  text-align: center;
  text-transform: uppercase;
  background: var(--gray);
  margin: -15px auto -20px;
  border-radius: 5px;
  padding: 10px 10px 8px;
  transition: all .5s ease 0s;
  display: block;
  font-weight: bold;
  font-size: .9em;
}

.product-miniature .btn-primary:hover {
  background: var(--black);
}

.product-miniature.flag-discount .btn-primary {
  background-color: var(--black);
}

.product-miniature .wishlist-button-add { display:none; }

.qty_label {
  position: absolute;
  bottom: auto;
  top: 10px;
  left: 12px;
  font-size: 0.6em;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  padding: 0 10px;
  z-index: 10;
}

.qty_label.in_stock { background-color: #8ac432; }
.qty_label.later_in_stock { background-color: #c6d237; max-width: 163px; line-height: 1; display: block; padding: 5px 10px; }
.qty_label.out_of_stock { background-color: var(--red); }


/*quick view*/

.quickview .modal-content {background: #fff; }
.quickview .modal-footer { border-top: 0; padding: 0; }
.quickview .modal-content h1 { font-family: 'Oswald', sans-serif; font-weight: bold }
.quickview .modal-content #product-description-short { padding-top:1.5em; }

/************************
 * Categorie
 * **********************/


/*#content-wrapper.left-column { z-index: 5; width:100%; }*/

#js-product-list-header .h1,
.block-category-product > h2,
.product-accessories > p.h2,
.featured-products > h2,
#main .page-header h1,
#contact .page-header h1,
body:not(#category) #main #js-product-list-header,
#manufacturer #main h1,
#product-desctiption .h2,
.cart-grid-body .card-block h1,
.block-category-product .h2 {
  font-family: 'Oswald';
  font-size: 2.2em;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0;
  color: var(--black);
  border: 0;
  padding: 10px 0px 10px;
  line-height: 1;
  position: relative;

}

#search #cat-title.h1 { margin-bottom: 1.5em; }

.block-category {
  border-radius: 00px;
  padding: 0rem 25px;
  min-height: auto;
  margin: 0;
}

#category-description { padding: 10px 0px; margin-bottom: 1em; }

.block-category .block-category-inner #category-description p {
  color: var(--black);
  line-height: 1.4;
}

.block-category .block-category-inner #category-description p:last-child {
  margin-bottom: 0;
}

#subcategories { border-top: 0; margin-bottom:0; padding-top: 0; }

#subcategories ul li {
  width: calc(100% / 6 - 20px);
  min-width: auto;
  border: 1px solid var(--gray);
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#subcategories ul li .subcategory-image {
  padding: 0;
  max-height: 70px;
}

#subcategories ul li .subcategory-image a { padding: 0;   border: 0; }

#subcategories ul li:hover .subcategory-image a {
  padding: 0px;
  border: 0px solid #867256;
}

#subcategories ul li .h5 {
  margin-bottom: 0 !important;
}

#subcategories ul li .subcategory-image a picture {
  max-height: 70px;
  display: flex;
}

#subcategories ul li .subcategory-image a img {
  max-width: 100%;
  object-fit: contain;
  width: 100%;
  vertical-align: inherit;
}

#subcategories ul li .subcategory-name {
  text-transform: uppercase;
  display: block;
  font-size: .8em;
}

#subcategories ul li:hover .h5 a { color: var(--lightgray); }

.card-block.category-additional-description {
  border: 1px solid var(--gray);
  padding: 30px;
}

.card-block.category-additional-description h2:not(:first-child) {
  margin-bottom: .8rem;
  margin-top: 1.5rem;
}

.card-block.category-additional-description p { color: var(--black) }
.card-block.category-additional-description a { font-weight: bold; text-decoration: underline; }
.card-block.category-additional-description p:last-child { margin-bottom: 0; }

.card-block.category-additional-description ul {margin-left: 2em; list-style-type:disc; }
.card-block.category-additional-description li:not(:last-child) { margin-bottom: .8rem; }

.card-block.category-additional-description ul,
.card-block.category-additional-description ol {

  ul, ol { margin-top: 10px; }
  ul { list-style-type: circle; }

}

#js-product-list-top {
  padding: 0 15px;
  background-color: var(--lightgray);
  border: 1px solid var(--gray);
  border-radius: 0;
  margin: 0 0 2rem;
}

.products-selection .sort-by-row {
  margin-top: 6px;
}

.products-selection .total-products p {
  margin: 3px 0px 11px;
}

.products-selection .total-products p,
.products-selection .sort-by-row .sort-by {
  color: var(--black);
  font-weight: bold;
  font-size: .8em;
}

.products-sort-order .select-title {
  padding: .4rem .625rem;
  border-radius: 0px;
  border: 0;
} 

.pagination .page-list {
  padding: 0 0.375rem;
  background: transparent;
  margin-bottom: 2rem;
  background-color: var(--lightgray);
  border: 1px solid var(--gray);
  border-radius: 0px;
}

.pagination a {
  color: var(--black);
}

.pagination a:not(.previous):not(.next) {
  letter-spacing: 0;
  display: inline-block;
  width: 25px;
  text-align: center;
  height: 25px;
  line-height: 25px;
  border-radius: 5px;
  background-color: transparent;
  font-size: 0.8rem;
  border: 1px solid var(--lightgray);
  color: var(--black);
}

.pagination .page-list .current a {
  background-color: var(--white);
  color: var(--black);
  border-color: var(--black);
}



/************************
 * PRODUCT
 * **********************/

#wrapper .breadcrumb {
  padding: 0 30px;
  font-size: 0.8em;
}

#wrapper .breadcrumb li a,
#wrapper .breadcrumb li span {
 color: var(--black);
}

#wrapper .breadcrumb li span { color: var(--black); font-weight:bold; }
#wrapper .breadcrumb li:last-child span { color: var(--black) }
#wrapper .breadcrumb li::after {
  content: "keyboard_arrow_right";
  font-family: 'Material Symbols Outlined';
  font-weight: bold;
  color: var(--black);
  font-size: .8em;
}

#search_filters, #search_filters_brands, #search_filters_suppliers {
  background-color: var(--lightgray);
  border: 2px solid var(--black);
}

#search_filters > .h6 {
  font-family: "Oswald";
  font-weight: bold;
}

#search_filters .facet .facet-title {
  text-transform: uppercase;
  font-size: 0.75em;
  letter-spacing: 1px;
  border-top: 1px solid var(--gray);
  padding-top: 1em;
  width: 100%;
}

#search_filters .facet ul.collapse {
  max-height: 200px;
  overflow-y: auto;
}

.custom-checkbox input[type="checkbox"] + span { background-color: var(--white); }
#search_filters .ui-widget-header { background: #000; }

#search_filters .ui-slider .ui-slider-handle {
  width: 10px;
  background: #fff;
  border: 3px solid #000;
  border-radius: 0;
}

#search_filters .facet .faceted-slider { overflow-y: initial !important; }
#search_filters .faceted-slider li { height:52px; }

.block-categories {
  padding: 0;
  border: 1px solid var(--gray);
  border-radius: 10px;
}

.block-categories .category-top-menu > li:first-child a {
  display: block;
  text-align: center;
  background-color: var(--lightgray);
  border-radius: 10px 10px 0 0;
  padding: 15px 0 10px;
  font-family: 'Oswald';
  text-transform: initial !important;
  color: var(--black);
  margin-bottom: 0;
}

.block-categories .category-top-menu {margin-bottom: 0;}

.block-categories .category-sub-menu { margin:0; }

.block-categories .category-sub-menu li[data-depth="0"] > a {
  display: block;
  padding: 9px 15px;
  color: var(--black);
  font-weight: normal;
  margin: 0;
}

.block-categories .category-sub-menu li[data-depth="0"]:not(:last-child) {
  border-bottom: 1px solid var(--gray);
}

.block-categories .category-sub-menu li[data-depth="1"] {
  margin-bottom: 0rem;
}

.block-categories .category-sub-menu li[data-depth="1"]:not(:last-child) {
  border-bottom: 1px solid var(--white);
}

.block-categories .category-sub-menu li[data-depth="1"] a {
  padding: 5px 15px;
  background-color: var(--lightgray);
  color: var(--black);
  display: block;
}

.block-categories .collapse-icons {
  background-color: var(--lightgray);
  color: var(--black);
  width: 2em;
  text-align: center;
  line-height: 2em;
  border-radius: 5px;
  top: 5px;
  right: 5px;
}

#product #content { max-width: none; }

#product .product-flag.discount {
  position: absolute;
  z-index: 10;
  color: var(--white);
  text-transform: uppercase;
  background-color: var(--black);
  padding: 5px 8px 2px 8px;
  border-radius: 0 5px 5px 0;
  font-weight: bold;
  top: 30px;
}

.product-cover {
  border-radius: 0;
  background-color: var(--lightgray);
}

.product-cover img, .product-cover .layer {
  z-index: 100;
  background-color: transparent;
}

.product-cover img.zoomImg { z-index: 90; background-color: #fff; }
.product-cover .layer .zoom-in { color: transparent; }

.product-images > li.thumb-container > .thumb {
  border-radius: 0;
  background-color: #fff;
}

.product-images > li.thumb-container > .thumb.selected,
.product-images > li.thumb-container > .thumb:hover {
  border: var(--black) 2px solid;
}

.js-product-container .col-md-6:last-child {
  padding: 0em 2em 0;
}

#product-heading {
  display: flex;
  gap: 2em;
  align-items: center;
}

.js-product-container h1 {
  text-transform: capitalize;
  font-family: 'Oswald';
  font-size: 2em;
}

#product-text-wrapper {
  background-color: #fff;
  padding: 30px 40px;
  margin: 0 10px;
  border-radius: 10px;
}

#product-text-wrapper .h1 {
  font-family: 'Oswald', sans serif;
  color: var(--black);
  font-size: 1.8em;
  margin: 0;
  line-height: 1;
}

#product-text-wrapper .h1 small {
  color: #777;
  text-transform: capitalize;
  margin-bottom: 5px;
  display: block;
  font-size: .5em;
}

.product-heading-infos {
  display: flex;
  width: 100%;
  flex-direction: column-reverse;
  gap: 3px;
}

#product-availability {
  margin-top: 0;
  text-transform: uppercase;
  font-size: .7em;
  padding: 2px 15px;
  color: #fff;
  background-color: #b0b0b0;
  border-radius: 0px;
}

#product-availability .product-last-items, #product-availability .product-unavailable { color: var(--black); }

#product-availability.available { background-color: #b0bc02; }

#product-availability.last_remaining_items,
#product-availability.unavailable {
  background-color: #ff5100;
}

.product-infos {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

#product-reference {
  color: var(--black);
  font-size: 0.9em;
  margin-right: 10px;
  opacity: .5;
}

.product-infos .qty_label { position: relative; top: auto; right: auto; left: auto; }

.product-prices {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.product-prices small {
  width: 100%;
  display: block;
  color: #777;
  margin-bottom: -3px;
}

.product-prices div {
  margin-bottom: 0;
  display: flex;
  align-items: center;
}

.product-prices .tax-shipping-delivery-label { 
  color: var(--black);
  font-size: 1em;
  margin-left: 5px;
}

.product-prices .product-price { color: var(--black); }

.product-prices .product-price .current-price-value { 
  font-size: 1.8em;
  line-height: 1;
}

.product-prices .discount.discount-percentage {
  margin: 0 10px;
  padding: 5px;
  display: inline-block;
  color: var(--black);
  border-radius: 5px;
  background-color: var(--lightgray);
}

.product-prices .product-discount { margin-bottom: 0; color: var(--black); opacity: .7; }

.product-description { padding: 20px 0 0; }
.product-description p { color: var(--black); }
.product-description p:last-child { margin-bottom: 0; }

.product-actions.js-product-actions .product-variants:has(div) {
  background-color: var(--lightgray);
  border-radius: 0;
  padding: 1em 2em;
  margin: 1.5em 0 1em;
}

.product-actions.js-product-actions .product-variants-item:first-child {margin-top: 0; }
.product-actions.js-product-actions .product-variants-item:last-child {margin-bottom: 0; }

.product-add-to-cart.js-product-add-to-cart { float: none; }

.product-discounts { margin-bottom: 0; }

.product-actions .control-label {
  color: var(--black);
  font-size: 0.9em;
  font-weight: bold;
  margin-bottom: 0;
  width: auto;
}

.product-variants > .product-variants-item select { border-radius: 0px; }

.product-actions.js-product-actions .product-variants-item {
  display: flex;
  gap: 1em;
  align-items: center;
}

.product-actions.js-product-actions .product-variants-item ul { margin-bottom:0; }
.product-actions.js-product-actions .product-variants-item ul label { margin-bottom: 0; display: block; height: 20px; }

select.form-control:not([size]):not([multiple]) {
  height: calc(2.1rem - 2px);
}

#lrp-widget {
  border: 1px solid var(--black);
  background-color: #fff;
  padding: 5px 5px;
}

.lrp-icon-wrapper img { width: 35px !important; }

.product-customization {
  border: 1px solid #eee;
  border-radius: 30px;
}

.product-customization label {
  text-align: left;
}

.product-customization .btn-primary {
  white-space: normal;
  max-width: 100%;
}

#block-mailalert {
  border-radius: 0;
  box-shadow: none;
  margin: 1rem 0 2rem;
}

#block-mailalert .btn-primary {
  font-size: .8em;
  width: 100%;
  text-align: center;
}

.product-quantity .qty {
  border-radius: 0;
  overflow: hidden;
  background-color: var(--white);
  border: 1px solid var(--black);
}

.product-quantity #quantity_wanted,
.product-quantity .bootstrap-touchspin .btn-touchspin {
  background-color: transparent;
  border: 0;
}

.add .btn-primary {
  border-radius: 0;
  padding: 0 20px 0px 0;
  font-size: 1.1em;
  line-height: 1;
  background-color: var(--red);
  display: flex;
  align-items: center;
  color: var(--white);
  font-weight: bold;
  border: 0px solid var(--black);
  cursor: pointer;
}

.add .btn-primary:active:hover { background-color: var(--black); }

.add .btn-primary::before {
  content: "";
  background: url("../img/icon-cart.svg") no-repeat scroll center center / contain;
  filter: contrast(0%) brightness(5000%);
  width: 35px;
  height: 35px;
  margin-left: 6px;
  display: inline-block;
  margin-right: 6px;
  font-weight: bold;
  color: var(--black);
  line-height: 35px;
} 

.add .btn-primary:hover {
  color: var(--white);
  background-color: var(--black);
}

.product-add-to-cart .wishlist-button-add {
  box-shadow: none;
  border: 1px solid var(--gray);
  padding: 0px 13px;
  width: auto;
  border-radius: 0px;
  margin-left: 10px;
  height: 2.8rem;
}

.product-add-to-cart .wishlist-button-add i { color: var(--gray); }

.product-add-to-cart .wishlist-button-add::before {
  content: "Liste d'envie";
  color: var(--gray);
  text-align: left;
  font-weight: bold;
  line-height: 1.1;
  display: inline-block;
  max-width: 50px;
  font-size: .9em;
}

.social-sharing {
  justify-content: flex-end;
  color: var(--black);
  border-top: 1px solid var(--gray);
  padding-top: 1.5em;
  width: calc(100% + 4em);
  margin-left: -2em;
  padding: 1.5em 2em 0;
}

.social-sharing ul { display:flex; }

.social-sharing li a {
  display: flex;
  text-indent: initial;
  white-space: initial;
  justify-content: center;
  align-items: center;
  color: var(--black);
  background-color: var(--lightgray);
  border-radius: 5px;
}

.social-sharing li a:hover {
  background-color: var(--gray);
  color: var(--black);
}

/*description & details*/

#product-content-infos { 
  margin-top: 2em;
  display: flex;
  gap: 2em;
  position: relative;
}

#product-content-infos > * { 
  position: relative;
  z-index: 10;
}

#product-content-infos::before {
  content: "";
  position: absolute;
  background-color: var(--lightgray);
  height: 100%;
  width: 100vw;
  display: block;
  left: calc(-1 * ((100vw - 1110px) / 2));
  z-index: 0;
}

#product-content-infos .product-description-text { padding: 2em; }

#product-content-infos .product-description-text h2,
#product-content-infos .product-description-text h3 { 
  font-family: "Oswald";
  text-transform: uppercase;
  margin-bottom: 1em;
}

#product-content-infos .product-description-text h3:not(:first-child) { margin-top:1.5em; } 

#product-desctiption { width: 100%; max-width: 900px; margin: 0 auto; }

#product-content-infos .product-description-text p,
#product-content-infos .product-description-text li { color: var(--black); margin-bottom:10px; line-height:1.2; }
#product-content-infos .product-description-text p::last-child { margin-bottom: 0; }

#product-content-infos .product-description-text ol,
#product-content-infos .product-description-text ul {
  margin: 15px 0 2em 50px;
}

#product-content-infos .product-description-text ul li {
  list-style-type: square;
}

#product-content-infos .product-description-text span { background-color: transparent !important; }

#product-content-infos .product-description-text table p { margin-bottom:0; }
#product-content-infos .product-description-text table td { padding: 5px 10px !important; }

#product-content-infos .product-description-text table tr:first-child td {
  font-family: "Oswald";
  text-transform: uppercase;
  background-color: var(--black);
}

#product-content-infos .product-description-text table tr:first-child td p { font-weight: bold; color: var(--white); }
#product-content-infos .product-description-text table tr:nth-child(2n+2) td { background-color: var(--white); }

.js-product-details { width: calc(100% /3); }

.product-features {
  margin: 0;
  border: 1px solid var(--black);
  border-radius: 0px;
}

.product-features .h6 {
  background-color: var(--lightgray);
  padding: 10px 25px;
  color: var(--black);
  font-family: 'Oswald', sans serif;
  font-size: 1.8em;
  margin: 0;
  border-radius: 0;
}

.product-features > dl.data-sheet {
  display: block;
  border-radius: 00px;
  border: 0;
  overflow: hidden;
  color: var(--black);
  margin: 0;
}

.product-features > dl.data-sheet div {
  padding: 10px 25px;
}

.product-features > dl.data-sheet div:not(:last-child) {
  border-bottom: 1px solid var(--lightgray);
}

.product-features > dl.data-sheet dd.value,
.product-features > dl.data-sheet dt.name {
  margin-right: 0;
  margin-bottom: 0;
  background: none;
  font-size: .9em;
  padding: 0;
  min-height: auto;
}

.product-features > dl.data-sheet dt.name {
  color: var(--black);
  opacity: .4;
  font-weight: bold;
}

/* Same Category */

#products .products-section-title, .featured-products .products-section-title,
.product-accessories .products-section-title,
.block-category-product .h2 {
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 1.1em;
  margin-bottom: 20px;
}

.featured-infos {
  color: var(--black);
  text-align: center;
  margin-bottom: 2.5em;
}

.h2.products-section-title::before, .h2.products-section-title::after {
  content: "";
  width: 100%;
  height: 20px;
  display: block;
  flex: 1;
  background: url('../img/deco-terrain.svg') scroll repeat-x left center / auto;
}

.featured-products .products { justify-content: flex-start !important; } 

.block-category-product .products .product-miniature { padding: 0px; }

.block-category-product .bx-wrapper, .product-accessories .bx-wrapper{ max-width: none !important; }

.block-category-product .bx-wrapper .bx-controls-direction a,
.product-accessories .bx-wrapper .bx-controls-direction a {
  height: 40px;
  margin: 0;
  width: 40px;
  top: -70px;
}

.block-category-product .bx-wrapper .bx-controls-direction a::before,
.product-accessories .bx-wrapper .bx-controls-direction a::before {
  font-size: 40px;
  line-height: 40px;
  color: #fff;
}

/* Modal add to cart */

#blockcart-modal .modal-header {
  background: var(--black);
}

#blockcart-modal .modal-header .close .material-icons {
  color: var(--white);
  text-shadow: none;
}

#blockcart-modal .modal-title {
  color: var(--white);
  font-family: 'Oswald', sans-serif;
  font-size: 1.3em;
  font-weight: bold;
  text-transform: uppercase;
}

#blockcart-modal .modal-title i.material-icons {
  margin-right: 1rem;
  color: #fff;
}

#blockcart-modal .modal-body { border-radius: 0 0 15px 15px; }

#blockcart-modal .product-name {
  font-family: "Oswald";
  color: var(--black);
  text-transform: uppercase;
  font-weight: normal;
  font-size: 1.3rem;
}

#blockcart-modal .loyalty-block-shopping-cart-modal .alert-loyalty { padding: .5em 1em; }
#blockcart-modal .loyalty-block-shopping-cart-modal img { max-width: 15px; max-height: 15px; margin-right: 5px; }
#blockcart-modal .loyalty-block-shopping-cart-modal .h6 { font-size: 0.9em; }


#blockcart-modal .product-price {
  font-size: 1.2rem;
  color: var(--black);
  font-weight: bold;
}

#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 {
  color: var(--black);
}

#blockcart-modal .cart-content .free-delivery-calc p,
#blockcart-modal .cart-content .free-shipping p {
  border: 2px solid var(--gray);
  padding: 5px 15px;
  text-align: center;
  border-radius: 0px;
  justify-content: center;
}

#blockcart-modal .cart-content .free-shipping p { color: var(--black); }

#blockcart-modal .cart-content .free-delivery-calc p strong {
  color: var(--black);
  margin: 0 5px;
}


/************************
 * CART
 * **********************/

#cart #wrapper { padding-top: 2em; }

.htmlbox-text {
  border-radius: 15px;
  background-color: #ff5100;
  color: #fff;
  padding: 20px;
  margin-bottom: 1em;
}

.htmlbox-text * { color: #fff; }

.cart-grid-body .card-block { display: flex; align-items:center; gap: 1.5em; }

.cart-grid-body .card-block::after, .cart-grid-body .card-block::before {
  content: "";
  width: 100%;
  height: 20px;
  display: block;
  flex: 1;
  background: url('../img/deco-terrain.svg') scroll repeat-x left center / auto;
}

.product-line-grid-left img { border-radius: 0px; }

.product-line-grid-body > .product-line-info > a.label {
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 1rem;
  color: var(--black);
  margin-bottom: 0px;
  display: inline-block;
}

.product-line-grid-body > .product-line-info > a.label:hover { opacity: .5; color: #777; }

.product-line-grid-body > .product-line-info:not(.product-price) small {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--black);
  margin-bottom: 10px;
}

.product-line-grid-body .product-line-info.product-price {
  color: var(--black);
  font-size: 1rem;
  display: flex;
  align-items: center;
}

.product-line-grid-body .product-line-info.product-price .discount {
  color: var(--black);
  font-size: .8em;
  background: transparent;
  padding: 0;
}

.product-line-grid-body .product-line-info.product-price .product-discount .regular-price {
  margin-right: 0;
  margin-left: .5em;
  font-size: 0.8em;
}

.qty .bootstrap-touchspin input.js-cart-line-product-quantity.form-control { border-radius: 10px 0 0 10px; border:0; background-color: var(--white); }
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up { border-top-right-radius: 10px; border:0; background-color: var(--white); }
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down { border-bottom-right-radius: 10px; border:0; background-color: var(--white); }

.product-line-grid-right .cart-line-product-actions .remove-from-cart,
.product-line-grid-right .product-price .remove-from-cart {
  width: 28px;
  height: 28px;
  text-align: center;
  line-height: 30px;
  border: 2px solid var(--red);
  border-radius: 0;
  color: var(--red);
}

.product-line-grid-right .product-price { color: var(--black); }

.product-line-grid-right .input-group.bootstrap-touchspin { border:1px solid var(--black); }

.product-line-grid-right .cart-line-product-actions .remove-from-cart i,
.product-line-grid-right .product-price .remove-from-cart i {
  font-size: 16px;
  float: none !important;
  color: var(--black);
}

.product-line-grid-right .cart-line-product-actions .loyalty-block {
  display: none;
}

.simple-link, .add-address,
.page-footer a {
  text-transform: uppercase;
  color: var(--black);
  font-weight: bold;
  opacity: .6;
}

.simple-link i { margin: 0 5px }

.card.cart-summary {
  border-radius: 0;
  border: 2px solid var(--black);
}

.card.cart-summary .card-block {
  padding-left: 2em;
  padding-right: 2em;  
}

.card.cart-summary .card-block.checkout {
  padding: 0;
}

.card.cart-summary .card-block.checkout .text-sm-center div {
  display: none !important;
}

.card-block.checkout .btn-primary {
  border-radius: 0px;
  padding: 15px 0;
  background-color: var(--red);
  font-family: 'Oswald', sans-serif;
  font-size: 1.3em;
}

.cart-grid-body a.label:hover {
  color: #232323;
  opacity: .5s;
}

.loyalty-block img {
  max-width: 20px;
  max-height: 20px;
}

.alert-loyalty span { font-size: 0.8rem; }

.loyalty-block-redeem-btn a {
  background-color: #ffd949;
  font-size: 0.9em;
  font-weight: bold;
  text-transform: none;
  border: 2px solid #fff;
}

.loyalty-block-redeem-btn a:hover { background-color: #e9b827; }


/************************
 * CHECKOUT
 * **********************/

body#checkout #footer { padding: 0; } 
#checkout #search_widget { display: block; }
body#checkout #header .header-nav { padding: 5px 0; }

body#checkout .cart-grid-right .card {
  border-radius: 0;
  border: 2px solid var(--black);
}

body#checkout section.checkout-step { padding: 0; margin-bottom: 10px; }

body#checkout section.checkout-step .step-number { border-radius: 0; }

body#checkout section.checkout-step.-current .step-title {
  color: var(--black);
  text-align: left;
  font-family: 'Oswald', sans-serif;
  line-height: 1;
  padding: .8rem 1rem .8rem;
  background-color: var(--lightgray);
  border-radius: 0;
  border-bottom: 0;
}


body#checkout section.checkout-step.-reachable.-current .step-number {
  background-color: var(--black);
  color: var(--white);
  border-radius: 0;
}

.checkout-step .my-2 {
  text-align: center;
  padding: 9px;
  border-radius: 0;
  background-color: var(--gray);
  display: flex;
  justify-content: space-between;
}

body#checkout .checkout-step .my-2 .nav-item .nav-link.active { color:var(--black); }

.checkout-step .my-2 .nav-separator { display: none; }

.checkout-step .my-2 .nav-item .nav-link {
  padding: 5px 15px;
  font-size: 0.8em;
  border-radius: 0;
  background-color: #8ac432;
  color: #fff;
  border: 0;
  text-transform: uppercase;
}

body#checkout .checkout-step .my-2 .nav-item .nav-link:hover { opacity: .5; color: #fff; }
body#checkout a:hover { color: #fff; }

body#checkout .checkout-step .my-2 .nav-item .nav-link.active { background-color: transparent; color: #555; }
body#checkout a.nav-link.active:hover { color: #555; opacity: .5; }

.input-group .input-group-btn > .btn[data-action="show-password"] {
  border-radius: 0;
  background: var(--black);
}

body#checkout section.checkout-step .form-footer { margin-top: 2rem; margin-bottom: 1rem; }
body#checkout section.checkout-step .form-footer .btn-primary { float: none !important; width: 100%; }

body#checkout section.checkout-step .forgot-password {
  margin-left: 0;
  text-align: center;
}

body#checkout section.checkout-step .forgot-password a {
  color: #555;
  font-size: .8em;
  text-decoration: underline;  
}

body#checkout .custom-checkbox > label {
  font-size: .8em;
  line-height: 1.2;
}

body#checkout section.checkout-step.-current + .checkout-step .step-title,
body#checkout section.checkout-step.-unreachable .step-title {
  opacity: 0.5;
  padding: .5em 1em;
  font-family: 'Oswald', sans-serif;
  border: 1px solid var(--gray);
}

body#checkout section.checkout-step.-complete h1 {
  color: var(--black);
  background-color: #f6ffe1;
  padding: .5em 1em !important;
  font-family: 'Oswald', sans-serif;
  border: 0;
}

body#checkout section.checkout-step.-complete h1 .done { color: #8ac432; }

body#checkout section.checkout-step.-reachable.-complete h1 .step-edit {
  margin-top: 5px;
  font-family: 'Titillium Web';
  text-transform: capitalize;
  font-size: 0.5em;
  font-weight: bold;
}

body#checkout section.checkout-step .delivery-options .delivery-option { 
  border: 0;
  border-radius: 0px;
  background-color: var(--lightgray);
}

body#checkout section.checkout-step .carrier-name {
  font-family: 'Oswald';
  text-transform: uppercase;
  font-weight: normal;
  font-size: 1em;
}

body#checkout #gift_message textarea, body#checkout #delivery textarea {
  border-radius: 0;
  border: 1px solid #999;
  background-color: #F4F4F4;
}

body#checkout #checkout-addresses-step .js-address-form > form,
body#checkout #checkout-personal-information-step .content { padding-bottom: 10px; }

#js-delivery .btn-primary {
  margin-top: 2rem;
  margin-bottom: 1rem;
  float: none !important;
  width: 100%;
}

.payment-option {
  padding: 10px;
  border-radius: 0px;
  background-color: var(--lightgray);
}

.payment-option label img { max-width: 80px; }

.payment-options::before {
  content: "Sélectionnez votre moyen de paiement et cochez les conditions générales de vente au bas de la page avant de commander.";
  display: block;
  color: #000;
  padding: 0 20px 20px;
  text-align: left;
  font-weight: bold;
}

/*payment paypal*/
/*#payment-option-paylater-container::after {
  content: "*Si un remboursement est effectué après un paiement PayPal, les frais engendrés par PayPal seront déduits de se remboursement.";
  display: block;
  color: #000;
  padding: 0 20px 20px;
  text-align: right;
  font-size: .9em;
}*/

body#checkout section.checkout-step #conditions-to-approve {
  padding-top: 0;
  margin-top: 2rem;
  padding: 10px;
  border: 2px solid var(--black);
  border-radius: 0px;
}

body#checkout section.checkout-step #conditions-to-approve ul { margin-bottom: 0; }

body#checkout section.checkout-step #conditions-to-approve a { color: var(--black); font-weight: bold; }

#payment-confirmation { margin-top: 2rem; padding-bottom: 1rem; }  
#payment-confirmation .btn-primary { width: 100%; background-color: var(--red); }
#payment-confirmation .btn-primary.disabled { opacity: .5; }

body#checkout #cart-summary-product-list img { border-radius: 5px; }

#js-checkout-summary .js-show-details {
  display: block;
  text-align: center;
  text-transform: uppercase;
  color: var(--black);
  background-color: var(--lightgray);
  font-weight: bold;
  font-size: .8em;
  border-radius: 0;
}

#js-checkout-summary .js-show-details:hover {
  color: color: var(--black);
  opacity: .5;
}

#cart-summary-product-list .product-name a {
  font-family: 'Oswald', sans-serif;
  color: #000;
}

#cart-summary-product-list .product-name a:hover { color: var(--black); opacity: .5s; }
#cart-summary-product-list .product-line-info,
#cart-summary-product-list .product-line-info label { font-size: 0.7rem; }

#cart-summary-product-list .product-price {
  color: var(--black);
  font-weight: bold;
}

.card-block.cart-summary-totals {
  background-color: var(--lightgray);
  border-radius: 0px;
  border-top: 0px solid var(--black);
}

body#checkout .cart-grid-right .card .cart-summary-subtotals-container { border-bottom: 0; }
.card-block.cart-summary-totals .cart-summary-line.cart-total span { color: var(--black); }

body#checkout section.checkout-step .radio-block { width: 100%; }
body#checkout section.checkout-step .address-alias { width: calc(100% - 40px); }

body#checkout section.checkout-step .address-item { border-radius: 10px; }
body#checkout section.checkout-step .address-item.selected { border: var(--black) 3px solid; }

.js-address-form a[data-link-action="different-invoice-address"]:hover { color: #00c6b8; }


/************************
 * Order Confirmation
 * **********************/

#content-hook_order_confirmation,
.page-content.page-order-confirmation { border-radius: 20px }

#content-hook_order_confirmation h3 { color: var(--black); }

#order-items .image img { border-radius: 10px; }
#order-items .details span {
  font-family: 'Oswald';
  text-transform: uppercase;
  font-size: .9em;
}
#order-items .details span small {
  display: block;
  font-family: Titillium Web, sans-serif;
  font-weight: bold;
}
#order-items .price { font-weight:bold; color: var(--black) }


/************************
 * Authentication 
 * **********************/

#authentication #wrapper {
  background: var(--lightblue) url("../img/bg-compte.jpg") no-repeat scroll center center / cover;
}

#authentication .auth-header {
  padding: 2rem 1.5rem;
  text-align: center;
  background-color: #fff;
  border-radius: 15px;
  margin-bottom: 2.5em;
  margin-top: 2.5em;
}

#authentication .auth-header h1 {
  font-family: 'Oswald';
  color: var(--black);
  text-transform: uppercase;
  font-size: 1.5em;
  margin-bottom: 1em;
}

#authentication .auth-header p {
  font-weight: bold;
  font-size: 1.3em;
  margin-bottom: 0;
}

.page-authentication #content {
  background: transparent;
  padding: 0;
  margin-bottom: 3em;
  display: flex;
  gap: 3em;
  align-items: center;
}

.page-authentication #content::after { display:none; }

.page-customer-account #content .no-account {
  padding: 2em;
  border-radius: 0px;
  width: 50%;
  border: 2px solid var(--black);
}

.page-customer-account #content .no-account .btn { background-color: var(--lightgray); }
.page-customer-account #content .no-account .btn:hover { color: var(--black); background-color: var(--gray); }

.page-authentication .login-form {
  background-color: var(--lightgray);
  padding: 1rem;
  border-radius: 0px;
  margin: 0;
  text-align: center;
  border: 1px solid var(--gray);
}

.page-authentication .login-form .h2 {
  background: var(--gray);
  color: var(--black);
  padding: 1rem 1.5rem;
  text-align: center;
  font-family: 'Oswald';
  text-transform: uppercase;
  margin: -1rem -1rem 2rem;
  border-radius: 0;
}

#authentication .form-control { background-color: var(--white); }

#authentication .forgot-password a {
  text-decoration: underline;
  font-weight: bold;
}

#authentication #submit-login {
    background: var(--black);
}

#authentication .new-account {
  background-color: #fff;
  padding: 2rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 15px;
  max-width: 300px;
}

#authentication .new-account h2 {
  padding: 1.5rem;
  text-transform: uppercase;
  font-family: 'Oswald';
  color: var(--black);
} 

#exportDataToPdf { background-color: var(--black); }
#exportDataToCsv { background-color: var(--white); color: var(--black); }


/************************
 * MON COMPTE
 * **********************/

.page-authentication #content {
  max-width: none;
  border-radius: 15px;
}

.page-my-account #content .links a span.link-item {
  border-radius: 0px;
  font-family: 'Oswald', sans-serif;
  font-size: 1.1rem;
  font-weight: normal;
  transition: all .5s ease 0s;
  text-decoration: none !important;
}

.page-my-account #content .links a span.link-item:hover {
  transform: scale(.9);
}

.page-my-account #content .links a span.link-item,
.page-my-account #content .links a span.link-item i { color: var(--black); background-color: var(--lightgray); }

#identity #main .page-content,
#history #main .page-content,
#address #main .page-content,
#order-slip #main .page-content,
#module-blockwishlist-lists #main .page-content,
#module-psgdpr-gdpr #main .page-content,
#main .wishlist-products-container .card.page-content {
  border-radius: 15px;
  position: relative;
}

.page-order-detail .box { border-radius: 10px; position:relative; }

.page-footer a, .wishlist-footer-links a { color: #555; }
.page-footer a:hover, .wishlist-footer-links a:hover; { opacity: .5; }

.page-addresses .addresses-footer a,
#log-out-link {
  background-color: var(--black);
  color: #fff;
  padding: 10px 25px;
  border-radius: 0px;
  text-transform: uppercase;
  font-size: .8em;
  font-weight: bold;
}

.page-addresses .address .address-body h4 {
  font-family: 'Oswald';
  font-size: 1.5em;
  color: var(--black);
}

.page-addresses .address {
  border-radius: 0px;
  background-color: var(--lightgray);
}

.page-addresses .address .address-footer {
  background-color: var(--gray);
  border: 0;
  border-radius: 0px;
}

.page-addresses .address .address-footer a { color: var(--black); }

.page-addresses .addresses-footer a span {
  margin-top: 0;
  font-size: 0.8rem;
}

.wishlist-container-header {
  font-family: 'Oswald';
  font-size: 2.3em;
  letter-spacing: 1px;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  color: #ffffff;
  border-radius: 50px;
  box-shadow: inset 2px 5px 15px #865e38;
  background-color: rgba(0,0,0,.1);
  text-align: center;
  padding: 15px 5px 0 30px;
  line-height: 1;
  position: relative;
  margin-top: 0;
  margin-bottom: 30px;
  align-items: center;
}

.wishlist-products-container-header {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  color: #ffffff;
  border-radius: 50px;
  box-shadow: inset 2px 5px 15px #865e38;
  background-color: rgba(0,0,0,.1);
  text-align: center;
  padding: 15px 5px 0 30px;
  line-height: 1;
  position: relative;
  margin-top: 0;
  margin-bottom: 30px;
  align-items: center;
  justify-content: center !important;
}

.wishlist-products-container-header h1 {
  font-family: 'Oswald';
  font-size: 1.8em;
  letter-spacing: 1px;
  margin: 0;
}

.wishlist-container-header .wishlist-add-to-new {
  margin: -15px 2px 0 0;
  background-color: #ff5100;
  color: #fff !important;
  text-transform: uppercase;
  font-weight: normal;
  font-family: 'Oswald', sans-serif;
  padding: 10px 15px;
  border-radius: 50px;
  line-height: 1;
  box-shadow: 0px 2px 10px #8b2e00 inset;
}

.wishlist-container-header .wishlist-add-to-new i { color: #fff !important; }
.wishlist-products-container-header .wishlist-products-count { color: #fff; }
.wishlist-products-container .sort-by-row { display: none !important; }

.wishlist-list-item-link .wishlist-list-item-title {
  font-family: 'Oswald', sans-serif;
  color: #777;
  font-size: 1.2em;
}

.wishlist-list .wishlist-list-item:hover .wishlist-list-item-title { color: #777; opacity: .5; }

.wishlist-product-image img { border-radius: 15px; }
.wishlist-product-right { text-align: center; }

.wishlist-product-right .wishlist-product-title {
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  font-size: 1.3rem;
}

.wishlist-product-availability {
  background-color: #fff;
  border-radius: 50px;
}

.wishlist-product-price {
  font-family: 'Oswald', sans-serif;
  font-size: 1.2em;
  line-height: 1.4;
  color: #777;
}

.wishlist-product-bottom .wishlist-button-add {
  box-shadow: none;
  border: 1px solid #ff5100;
}

.wishlist-product-bottom .wishlist-button-add i { color: #ff5100; }

.modal-footer .wishlist-add-to-new { color: #00a395 !important; }

.block-info-preco {
  font-size: .85em;
  color: var(--black);
  text-align: center;
  font-weight: bold;
  padding: 10px 20px;
  margin-top: 1em;
  background-color: var(--lightblue);
  border-radius: 10px;
}


/************************
 * Contact
 * **********************/


#contact .page-header {
  position: relative;
  z-index: 5;
}

#contact .page-header h1 {
  display: flex;
  align-items: center;
  gap: 1em;
}

#contact .page-header h1::after {
  content: "";
  width: 100%;
  height: 20px;
  display: block;
  flex: 1;
  background: url('../img/deco-terrain.svg') scroll repeat-x left center / auto;
}

.contact-rich, .contact-form {
  background-color: #fff;
  border-radius: 0;
  padding: 20px;
  position: relative;
  z-index: 5;
}

.contact-form { margin-bottom: 2em; }

.contact-rich { border: 2px solid var(--black); }

.contact-rich h4 {
  padding: 20px 20px 15px;
  margin: -20px -20px 1.2rem;
  text-align: center;
  background-color: var(--lightgray);
  color: #000;
  border-radius: 0;
  font-family: 'Oswald', sans-serif;
  line-height: 1;
  border-bottom: 2px solid var(--black);
} 

.contact-rich .block .icon { width: 2.4rem; }

.contact-rich .block .icon span {
  font-size: 1.7rem;
  color: var(--red);
}

.contact-rich .block .data {
  font-size: 0.8rem;
  line-height: 1.3;
}

.contact-rich .block .data a { color: #555; font-weight: bold; }
.contact-rich .block .data a:hover { opacity: .5; }


/************************
 * Stores
 * **********************/

#stores .page-stores { width: 100%; }

#stores .page-stores .store-item {
  border-radius: 15px;
}

#stores .page-stores .store-picture img { border-radius: 10px; }

.store-description .card-title {
  font-family: 'Oswald', sans-serif;
  font-weight: normal;
  color: var(--black);
  font-size: 1.5rem;
}

.store-description a {
  font-size: .6rem;
  text-transform: uppercase;
  color: var(--white);
  background-color: var(--black);
  padding: 5px 0 5px 10px;
  border-radius: 0px;
}

/************************
 * Manufacturers
 * **********************/

#manufacturer-description {
  background-color: #fff;
  padding: 20px 40px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#manufacturer #main #manufacturer-description h1 {
  box-shadow: 0 0 0;
  background-color: transparent;
  color: var(--black);
  font-size: 1.8em;
}

.manufacturer-text-description {
  width: calc(100% - 200px);
}

#manufacturer #main ul { align-items: normal; }

#manufacturer #main ul .brand {
  width: calc(25% - 10px);
  min-width: auto;
  border-radius: 0px;
  padding: 20px 10px;
  border: 1px solid var(--gray);
}

#manufacturer #main ul .brand:hover {
  box-shadow: 0 0 0 0 rgba(0,0,0,.0);
  border: 1px solid var(--black);
}

#manufacturer #main ul li .brand-img a {
  display: flex;
  height: 100px;
  width: 100%;
  justify-content: center;
  align-items: center;
  position: relative;
}

#manufacturer #main ul .brand-img { width: auto; margin-bottom: 10px; }

#manufacturer #main ul .brand-img a img {
  object-fit: contain;
  height: 100%;
  width: 100%;
}

#manufacturer .brand-infos p { color: var(--black) }

#manufacturer .brand-infos p.brand-title {
  text-transform: uppercase;
  font-weight: bold;
  font-family: 'Oswald', sans-serif;
  font-size: 1.4em;
  margin: 0;
}

#manufacturer #main ul .brand-infos a.btn {
  display: block;
  font-size: .8em;
  white-space: break-spaces;
}

#manufacturer .brand-infos p:nth-child(2) {
  font-size: .8em;
  text-transform: none;
  line-height: 1.2;
  margin-top: 10px;
}

.product-manufacturer {
  max-height: 110px;
  display: flex;
  justify-content: center;
  max-width: 130px;
}

.product-manufacturer img {
  object-fit: contain;
  max-height: 100%;
  max-width: 100%;
}



/************************
 * CMS
 * **********************/

#cms #content {
  z-index: 5;
  position: relative;
}

.page-content.page-cms {
  border-radius: 15px;
  padding: 1.5rem 3rem 3rem;
}

#cms h1 {
  display: flex;
  align-items: center;
  gap: 1em;
}

#cms h1::before,
#cms h1::after {
  content: "";
  width: 100%;
  height: 20px;
  display: block;
  flex: 1;
  background: url('../img/deco-terrain.svg') scroll repeat-x left center / auto;
}

.page-content.page-cms { text-align: left; }

.page-content.page-cms li,
.page-content.page-cms p { line-height: 1.3; color: var(--black); }

.page-content.page-cms h2 {
  border-bottom: 0px dashed;
  color: var(--black);
  font-family: "Oswald";
  padding: 0 0 5px;
  text-align: left;
  clear: both;
  margin-bottom: 2rem;
  margin-top: 3rem;
  font-size: 1.8rem;
}

.page-content.page-cms > h2:first-child,
#accordion > h2:first-child { margin-top: 0; }

.page-content.page-cms h3 {
  font-family: 'Oswald';
  color: var(--black);
  text-transform: uppercase;
  clear: both;
  opacity: .65;
  font-size: 1.2rem;
  margin: 2rem 0 1rem;
}

.page-content.page-cms h4 {
  font-size: 1rem;
  margin-bottom: 0.6rem;
  font-family: "Oswald";
  margin-top: 1.3rem;
}

.page-content.page-cms ul,
.page-content.page-cms ol {
  margin: .8rem .8rem .8rem 4rem;
}

.page-content.page-cms ul li { 
  list-style-type: none;
  margin-bottom: 5px;
  position: relative;
}

.page-content.page-cms ul li::before {
  content: "";
  font-weight: bold;
  color: var(--black);
  display: block;
  margin-right: 10px;
  font-size: 1rem;
  width: 10px;
  height: 10px;
  border: 3px solid var(--black);
  border-radius: 0%;
  flex-shrink: 0;
  margin-top: 6px;
  position: absolute;
  margin-left: -20px;
}

.page-content.page-cms a { font-weight: bold; }

.page-content.page-cms img {
  max-width: 100%;
  height: auto;
} 

.page-content.page-cms blockquote {
  max-width: 900px;
  margin: 35px auto;
  background-color: #fff7f4;
  color: #ff5100;
  padding: 25px 40px;
  border: 0;
  border-radius: 20px;
  position: relative;
}

.page-content.page-cms blockquote cite {
  display: block;
  margin-top: 10px;
  text-align: right;
  font-style: italic;
  position: absolute;
  right: 60px;
  bottom: -20px;
  color: #777;
}

.page-content.page-cms blockquote::after {
  content: "";
  background-color: #fff7f4;
  border-radius: 2px;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 23px;
  bottom: -10px;
  transform: rotate(45deg);
}

/*form pro*/

#cms7 {
  max-width: 700px;
  margin: 50px auto 0;
  padding: 1em 2em 2em;
  border: 1px solid var(--black);
  border-radius: 0px;
  display: flex;
  flex-wrap: wrap;
  gap: 0 1em;
}

#cms7 > * {
  width: 100%;
}

#cms7 > .half {
  width: calc(50% - .6em);
}

#cms7 input[type="submit"] {
  background-color: var(--red);
  border: 0;
  padding: 10px;
  border-radius: 0px;
  color: var(--white);
  text-transform: uppercase;
  font-weight: bold;
}

.accordion-item {
  border: 1px solid var(--gray);
  border-radius: 0px;
  margin-bottom: 10px;
  overflow: hidden;
  transition: all 0.3s ease;
}

.accordion-header {
  background: var(--lightgray);
  padding: 20px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  color: var(--black);
  transition: all 0.3s ease;
}

.accordion-header:hover {
  background: var(--gray);
}

.accordion-header.active {
  background: var(--black);
  color: white;
}

.accordion-icon {
  font-size: 1.2rem;
  transition: transform 0.3s ease;
}

.accordion-header.active .accordion-icon {
  transform: rotate(180deg);
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  background: #fafafa;
}

.accordion-content.active {
  max-height: 1000px;
}

.accordion-body {
  padding: 20px;
  border-top: 1px solid #e0e0e0;
}

.accordion-body ul {
  margin: 15px 0;
  padding-left: 25px;
}

.accordion-body li {
  margin-bottom: 8px;
}

.accordion-body a {
  color: var(--red);
  text-decoration: none;
  font-weight: 500;
}

.accordion-body a:hover {
  text-decoration: underline;
}

.contact-info {
  background: var(--white);
  color: var(--black);
  padding: 15px 20px;
  border-radius: 8px;
  margin: 15px 0;
  font-weight: 500;
}


/************************
 * OTHER
 * **********************/

.sitemap-content {
  background-color: #fff;
  border-radius: 10px;
  padding: 15px;
}

.sitemap h2, .sitemap ul { margin-left: 0; }
.sitemap ul { margin-top: 10px; }
.sitemap ul li a { color: #555; }
.sitemap ul li a:hover { color: #555; opacity: .5; }

.sitemap h2 {
  border: 0;
  text-align: center;
  font-family: 'Oswald', sans-serif;
  color: var(--black);
  font-size: 1.2rem;
}

/* 404 */

#products .page-not-found,
#pagenotfound .page-not-found {
  border-radius: 15px;
  padding: 2rem;
  text-align: center;
  background-color: #fff;
}

#products .page-not-found h4, #pagenotfound .page-not-found h4 {
  color: var(--black);
  font-family: 'Oswald', sans-serif;
  font-size: 1.5rem;
}

#pagenotfound h1 {
  display: flex;
  gap: 1em;
  align-items: center;
}

#pagenotfound h1::before, #pagenotfound h1::after {
  content: "";
  width: 100%;
  height: 20px;
  display: block;
  flex: 1;
  background: url('../img/deco-terrain.svg') scroll repeat-x left center / auto;
}

.page-content.page-not-found p { color: #555; }

.page-content.page-not-found #search_widget {
  min-width: 16.5rem;
  float: none;
  margin: 0 auto;
  border: 1px solid var(--black);
  display: block;
  max-width: 300px;
}

.page-content.page-not-found #search_widget form input {
  background-color: var(--lightgray);
}

.page-content.page-not-found #search_widget form i {
  color: var(--black);
}

.gformbuilderpro_form label {
  color: #555;
  font-family: "Oswald";
  font-weight: normal;
  margin-bottom: 15px; 
  margin-right: 10px;
}

.gformbuilderpro_form textarea {
    display: block;
    height: 110px;
    max-width: 800px;
    width: 100%;
}

.gformbuilderpro_form button[type="submit"].btn.btn-default.button-medium {
  font-family: "Oswald";
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 200px;
  font-size: 24px;
  background-color: #B0BC02;
  border-radius: 5px;
  color: #fff;
  padding: 10px 10px 2px;
  margin: 20px auto;
  display: block;
  transition: all 0.5s ease 0s;
}

.gformbuilderpro_form button[type="submit"].btn.btn-default.button-medium span {
  border: none;
  background: none;
  font-family: inherit;
}

.cmsform input[type="submit"]:hover, .gformbuilderpro_form button[type="submit"].btn.btn-default.button-medium:hover {
  width: 250px;
}

.checkbox_item_wp input { margin-right: 10px; }

.gformbuilderpro_form .itemfield .checkbox_item_wp > .row > p.col-xs-12 {
  display: flex;
  align-items: center;
}

.gformbuilderpro_form .checkbox_item_wp .checker {
  margin-right: 10px;
}

.gformbuilderpro_form .itemfield .checkbox_item_wp label {
  font-family: inherit;
  font-size: 15px;
  color: rgb(84, 84, 84);
  margin-bottom: 0;
}

.gformbuilderpro_form input.form-control {
  width: auto;
  display: inline-block;
  vertical-align: initial;
}

.gformbuilderpro_form input.form-control::placeholder {
  color: rgb(84, 84, 84);
}


/************************
 * FOOTER
 * **********************/

#main .page-footer { margin:0; }

#footer { padding-top: 0; }

/* Reassurance */

#reassurance { position: relative; }

.blockreassurance .col-md-3 {
  display: flex;
  align-items: center;
  padding: 1.5em 20px;
  justify-content: center;
}

.blockreassurance .block-icon,
.blockreassurance .block-icon img,
.blockreassurance .block-icon svg {
  height: 45px;
}

.blockreassurance .block-content {
  text-align: left;
  margin-left: 10px;
}

.blockreassurance .block-title {
  font-weight: normal;
  font-family: 'Oswald', sans-serif;
  color: var(--black);
  font-weight: bold;
  text-transform: uppercase;
  font-size: .9em;
  margin-bottom: 5px;
  line-height: 1;
}

.blockreassurance .block-content p {
  font-size: .8em;
  line-height: 1;
  margin-bottom: 0;
  opacity: .7;
}

/* NL + Social */

.block_newsletter {
  margin: 0;
  width: auto;
  background: transparent;
}

.block_newsletter > .row,
.block_newsletter .block_form {
  display: flex;
  align-items: center;
  margin: 0;
}

.block_newsletter .h4 {
color: var(--white);
  text-transform: uppercase;
  font-family: 'Oswald';
  font-size: 1.5em;
  margin-bottom: 0;
}

.block_newsletter p { color: var(--white); }

.block_newsletter #block-newsletter-label {
  color: #fff;
  font-family: 'Oswald';
  margin: 0;
  margin-right: 15px;
  font-size: 1.6em;
}

.block_newsletter form input[type="email"] {
  background: transparent;
  border-radius: 0;
  max-width: 250px;
  padding: 10px 20px;
  color: #fff;
  border: 1px solid;
}

.block_newsletter form input[type="email"]::placeholder { color: #fff; }

.block_newsletter form input[type="submit"] {
  border-radius: 0px;
  font-size: .9em;
  background-color: var(--white);
  color: var(--black);
  margin-left: 5px;
  border: 0;
  min-width: 50px;
  text-transform: center;
}

.block_newsletter .sib-form, .block_newsletter #sib-container { padding: 0; }
#sib-form { display: flex; align-items: center; }
.block_newsletter .form__label-row--horizontal { margin: 0 5px; }
.block_newsletter .form__label-row--horizontal, .sib-form .entry__field { margin: 0 }
.block_newsletter .sib-form .entry__field { border-radius: 50px; border: 1px solid #fff; background: rgba(255,255,255,.8); }
.block_newsletter .sib-form-block { padding: 0 2px; }

.block_newsletter .sib-form form input[type="text"] { 
  padding: 0 10px;
  border: 0;
  border-radius: 50px;
  max-width: 150px;
  min-width: auto;
}

.block_newsletter .sib-form form button[type="submit"] {
  position: relative;
  right: auto;
  bottom: auto;
  margin: 0;
}

.block_newsletter .entry__error { margin: 0; }
.block_newsletter  .sib-form ::placeholder { color: #00a395; opacity: .7; }

footer .block-social-nav ul {
  margin-top: 1em;
  display: flex;
  gap: 1em;
}

footer .block-social-nav span.icon::before {
  width: 25px;
  height: 25px;
}

.footer-container {
  background-color: var(--red);
  padding-bottom: 1.5rem;
  color: var(--white);
}

.footer-container .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footer-container .block-contact { order:0; }
.footer-container .footer-social { order: 1; }
.footer-container .col-md-6.links { order: 2; max-width: 200px; text-align:right; }

footer .col-md-6.links .col-md-6 { width: 100%; }

footer .col-md-6.links .h3 { 
  font-family: "Oswald";
  text-transform: uppercase;
  color: var(--white);
}

footer .col-md-6.links a,
footer .col-md-6.links span { color: var(--white); }
footer .col-md-6.links span { font-size: .875rem; }

.block-contact {
  border: 1px solid var(--white);
  background-color: var(--red);
  color: var(--white);
  padding: 1em 1.5em 0;
}

.block-contact .h4 {
  font-family: "Oswald";
  text-transform: uppercase;
  text-align: center;
  font-size: 1.5em; 
  color: var(--white);
}

.block-contact .footer-address,
.block-contact a[href^="tel"],
.block-contact .foot-shedule {
  display: flex;
  align-items: center;
  gap: .5em;
  color: var(--white);
}
.block-contact a[href^="tel"] {
  font-weight: bold;
  font-size: 1.2em;
  margin: 10px 0;
}

.block-contact a[href^="mail"] {
  display: block;
  background-color: var(--white);
  text-align: center;
  text-transform: uppercase;
  margin-left: -1.5em;
  width: calc(100% + 3em);
  padding: 1em 1.5em;
  font-weight: bold;
}

.block-contact a[href^="mail"]:hover {
  background-color: var(--red);
  color: var(--white);
}

#contact-infos span { color: var(--black); }

.copyright {
  text-align: center;
  padding: 5px;
  color: var(--white);
  font-size: .7em;
  border-top: 1px solid var(--white);
  background-color: var(--red);
}

.copyright a { font-weight:bold; color:var(--white); }

.copyright a:hover {
  color: var(--gray);
}


/***********************
 * RESPONSIVE
 * *********************/

@media (min-width: 1200px) {
  .container {
    width: 1250px;
    max-width: 100%;
  }
}

@media screen and (min-width: 1700px) {
  .carousel-description { background-position: -60px center; }
}

@media screen and (min-height: 1000px) {

  #wrapper { min-height: 55vh; }

}

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

  .banner, #carousel { left: -15px; }
  #custom-text { margin-left: -15px; }
}

@media screen and (max-width: 1199px) {
 
  /*header*/
  .header-top #search_widget { max-width: 450px; }

  /*front page*/
  #carousel { left: calc(-1 * ((100vw - 930px) / 2)); }
  .caption-description { font-size: .9em; }
  .banner { left: calc(-1 * ((100vw - 930px) / 2)); }
  #custom-text { margin-left: calc(-1 * ((100vw - 930px) / 2)); }

  #index .featured-products .js-product.product.col-xs-6 { margin: 0; }
  .page-index .product, .page-search .product { min-width: auto; }

  /*  cat*/
  #subcategories ul li { width: calc(100% / 4 - 20px); }

  /*  product*/
  .js-product-container .col-md-6:last-child { padding: 2em 1em 0; }
  .block-category-product  .col-lg-4 { width: 25%; }
  .add .btn-primary::before { width: 25px; }
  .product-actions.js-product-actions { padding: 1em; }
  #product-content-infos::before { left: calc(-1 * ((100vw - 930px) / 2)); }

  /*  contact*/
  #contact #content-wrapper { width: calc(75% - 30px); }
  .contact-rich { margin-top: 17px; }

  /*  footer*/
  .block_newsletter #block-newsletter-label { font-size: 1.4em; }
  .block-social .block-newsletter-label { display:none; }
  .footer-list-links .block-contact { padding: 1em; }

}

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

  /*HEADER*/
  #nav-top-sentence { font-size: 0.8em; }
  #header .header-nav .col-md-5 { display:block; }
  .right-nav .block-social-nav { display: none; }
  #_desktop_logo { max-width: 120px;  }
  .header-top .header-top-rightposition-static { width: calc(100% - 130px); }
  .header-top #search_widget { max-width: 250px; }
  .top-menu a[data-depth="0"] { font-size: .9rem; }

/*  frontpage*/
  #carousel { left: calc(-1 * ((100vw - 690px) / 2)); margin-left: 0; padding-bottom: 0; }
  .carousel .carousel-inner { margin-bottom:0; }
  .caption-description { margin: 0 4em; }
  .carousel .carousel-item figure { height:100%; }

  .page-index .product, .page-search .product { width: calc(100%/3); }
  .banner { left: calc(-1 * ((100vw - 690px) / 2)); }
  #custom-text { margin-left: calc(-1 * ((100vw - 690px) / 2)); }

  /*product*/
  .product-quantity { flex-wrap: wrap; gap: .5em; }
  .add .btn-primary { font-size: 1em; }
  .product-add-to-cart .wishlist-button-add { margin-left: 0; width: 140PX; height: 2.3rem; }
  .product-add-to-cart .wishlist-button-add::before { max-width: 80px; }
  .block-category-product .col-lg-4 { width: 50%; }
  #product-content-infos::before { left: calc(-1 * ((100vw - 690px) / 2)); }

  /*  contact*/
  #contact #left-column { width: auto; }
  #contact #content-wrapper { width: 100%; }

  /*FOOTER*/
  .blockreassurance .row { display: flex; flex-wrap: wrap; padding: 10px 10px 15px; }
  .blockreassurance .col-md-3 { padding: 10px 15px 10px; width: 50%; }
  .footer-container .container { flex-wrap: wrap; gap: 1em; }
  .footer-container .block-contact { width: 300px; }
  .footer-container .footer-social { width: calc(100% - 350px); }
  .footer-container .col-md-6.links { margin-top: 2em; max-width: none; text-align: center; padding: 0; width: 100%; }
  #footer_sub_menu_1 { display: flex; gap: 1em; justify-content: center; flex-wrap: wrap; }

}


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

  body.body-inner { padding-top: 140px; }

/*  header*/
  #header .header-top { padding: 0; }

  #header:not(.scrolled) {
    background: #cfcfcf url("../img/header-bg.png") no-repeat center center / cover;
    background-blend-mode: multiply;
  }

  #header-mobile .container .row > div:first-child { display: flex; align-items:center; gap: 1em; }
  #header-mobile #menu-icon i { color:var(--white); }
  #header #_mobile_logo img { height: 40px; max-height:none; }
  #mobile_top_menu_wrapper #_mobile_top_menu { max-height: calc(100vh - 105px); overflow: auto; top: 105px; }
  #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"] li span { padding-left: 1.25rem; }
  #mobile_top_menu_wrapper .top-menu .sub-menu li > span { font-weight:bold; }

  #_mobile_user_info { padding: 5px 10px; border: 1px solid var(--white); border-radius: 0px; }
  #_mobile_user_info small { display:none; }
  #_mobile_user_info a span strong { color: var(--white); font-weight: normal; font-size: .9em; }
  #_mobile_cart { font-weight: bold; padding: 5px 10px; background-color: var(--white); border: 1px solid var(--white); border-radius: 0px; margin-left: 10px; }
  #_mobile_cart a:hover { color: var(--black); }
  .header-top .header-top-rightposition-static, #header.scrolled .header-top .header-top-rightposition-static { width:100%; }
  .header-top #search_widget {max-width: none; padding: 5px 0; }
  #lnk-espace-pro a { border-radius: 0; }

  #mobile_top_menu_wrapper { padding: 0; margin:0; }
  #_mobile_top_menu { width:100%; }
  #top-menu { display: block; }
  .top-menu li:has(.sub-menu) > a.dropdown-item::after { display:none; }
  #top-menu #lnk-clubs a { border-radius:0; }

  #header.scrolled .header-top .header-top-rightposition-static { max-height: 0px; overflow: hidden; }
  #header.scrolled #header-mobile #menu-icon i, #header.is-open #header-mobile #menu-icon i { color:var(--black); }
  #header.scrolled #_mobile_user_info, #header.is-open #_mobile_user_info  { border: 1px solid var(--black); }
  #header.scrolled #_mobile_user_info a span strong, #header.is-open #_mobile_user_info a span strong { color: var(--black); }
  #header.scrolled #_mobile_cart, #header.is-open #_mobile_cart { background-color: var(--black); border: 1px solid var(--black); }
  #header.scrolled #_mobile_cart .header a, #header.scrolled #_mobile_cart .header span,
  #header.is-open #_mobile_cart .header a, #header.is-open #_mobile_cart .header span { color:var(--white); }
  #header.is-open .header-top #search_widget input, #header.is-open #search_widget form i, #header.is-open a#_desktop_gift { color:var(--black); }
  #header.is-open a#_desktop_gift::before { filter:none; }

  #header.header-inner.is-open { background:var(--white); }

  /* FRONT */
  #index section#wrapper { margin-top:100px; } 
  .caption-description h1, .caption-description h2 { font-size: 2em; }
  .caption-description p { font-size: 1.1em; margin: 1em 0; }
  #carousel { left: calc(-1 * ((100vw - 510px) / 2)); background-color: var(--white); }
  #front-spiral { flex-direction: column; }
  #front-spiral-content { width: 100%; }
  #front-spiral-text { column-count: 1; }
  #front-spiral-video { width:100%; }

  #js-product-list-header .h1, .block-category-product > h2, .featured-products > h2, #main .page-header h1, #contact .page-header h1, body:not(#category) #main #js-product-list-header, #manufacturer #main h1, #product-desctiption .h2, .cart-grid-body .card-block h1, .wishlist-products-container-header, .product-accessories .h2 { font-size: 1.7em; }
  .featured-products .all-product-link, .brands .all-product-link { font-size: 0.7rem; }
  
  .page-index .product, .page-search .product { width: 50%; }
  .banner { left: calc(-1 * ((100vw - 510px) / 2)); background-attachment: scroll; }
  .banner-content { font-size: .9em; max-width: 60%; }
  #custom-text { margin-left: calc(-1 * ((100vw - 510px) / 2)); }

  #ybc-mnf-block { flex-direction:column; }
  #ybc-mnf-block h2 { max-width:100%; text-align:center; }
  #ybc-mnf-block-ul { width: 100%; }

  /*cat*/
  #wrapper .breadcrumb { margin: 0; padding: .5em 1.2em; }
  .block-category { padding: 0; }
  #subcategories ul { justify-content: left; }
  #category #search_filter_toggler { background-color: var(--white); border: 1px solid var(--red); color: var(--red); }
  #search_filters .facet .facet-title { border-top:0; }
  #search_filters .facet .title { border-top: 1px solid var(--gray); }

  #category #left-column #search_filter_controls {
    margin: 0;
    padding: 10px;
    border-top: 2px solid var(--black);
    border-left: 2px solid var(--black);
    border-right: 2px solid var(--black);
  }
  #category #left-column #search_filters { border-top:0; }
  #category #left-column #search_filter_controls button { background-color: var(--black); color: var(--white); }
  #category #left-column #search_filters .facet ul li { padding: .5em 1.25rem; border-top: 0 solid #f6f6f6; }

  /*product*/
  #product-content-infos { flex-direction: column; }
  #product-content-infos::before { left: calc(-1 * ((100vw - 510px) / 2)); }
  #product-desctiption { width: 100%; }
  .product-actions.js-product-actions { padding: 1em 0; }
  .js-product-details { width: 100%; margin-bottom: 2em; }


  /*cart*/
  .card.cart-summary .card-block { padding-top: 1.25rem; }

  /*cms*/
  #cms7 > .half { width: 100%; }
  .accordion-header {padding: 15px; font-size: 0.9rem; }

  /*  account*/
  .page-authentication #content { flex-wrap: wrap; }
  .page-customer-account #content .no-account { width:100%; }
  .page-authentication .login-form { width:100%; }

  /*FOOTER*/
  .footer-container .block-contact { width: 100%; }
  .block-contact #contact-infos { padding: .5em 1.5em 0em; }
  .footer-container .footer-social { width: 100%; }
  .block_newsletter { border-bottom:0; }
  .block_newsletter form input[type="email"] { max-width: calc(100% - 60px); }
  .footer-container .links ul { background-color: transparent; }
  .footer-container .links ul > li { font-weight: normal; padding: 0; border-bottom: 0; }
  .footer-container .links ul > li a { color: var(--white); }

}


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

  /*header*/
  #header-mobile .container .row > div:first-child { padding-left: 10px; }
  #_mobile_cart { margin-right: 10px; }
  .header-top #search_widget { padding: 10px; }

  /*front*/
  #carousel { left: -15px; }
  .carousel-item a { flex-direction: column; }
  .carousel-item a > * { width: 100%; }
  .carousel-description { font-size: .8em; border-bottom: 0; background-image: url(); width: 100%; text-align: center; padding: 1em 0em 0; }
  .carousel-img { min-height: 257px; }
  .banner-content { font-size: .8em; }
  .banner-content p { font-size: .9em; }

  #wrapper .banner { left: -15px; }
  #custom-text { margin: 0; width: 100%; }

  #products .products-section-title, .featured-products .products-section-title, .product-accessories .products-section-title, .block-category-product .h2 { flex-direction: column; }
  .h2.products-section-title::before { display:none; }
  .h2.products-section-title::after { flex: auto; }

  /*product*/
  #product .row.product-container { margin:0; }

  /*footer*/
  .blockreassurance .row { padding: 5px 10px 5px; }
  .blockreassurance .col-md-3 { padding: 5px 15px 5px; width: 100%; justify-content: flex-start; }
  .blockreassurance .block-title { margin: 0 }

  .footer-container { padding: 1rem 10px; }
  .footer-container #link_stores { margin-bottom: 15px; }

}


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

  /*front*/
  .h2.products-section-title { flex-direction: column; }
  .featured-products .all-product-link, .brands .all-product-link { padding: 6px 15px; margin-top:15px; }
  .page-index .product, .page-search .product { width: 100%; }
  .banner .container { justify-content: flex-end; }
  .banner-content { max-width: 100%; padding: 1em; margin-bottom: 10px; }

  /*  product*/
  .product-comments-additional-info .link-comment.post-product-comment { 
    border-left: 0px solid #979797;
    padding-left: 0;
    margin-left: 0;
    display: block;
  }
  #product-comments-list-header { flex-wrap: wrap; gap: .6em; justify-content: center; }

  /*footer*/
  .block-social { margin-top: 10px; flex-direction: column; margin-bottom: 10px; }
  .block-social ul { gap: .3em; margin-bottom: 1rem; }
  .block-social ul li { margin: 0; }
  .footer-list-links .block-contact #contact-infos a[href^="tel"] { display: block; padding: 10px; }

}