@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: "Futura BT";
    src: url("../fonts/futura-book-bt-22240.ttf") format("truetype"), url("../fonts/futura-book-bt-22240.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Futura BT";
    src: url("../fonts/futura-light-bt.ttf") format("truetype"), url("../fonts/futura-light-bt.woff") format("woff");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Futura BT";
    src: url("../fonts/futura-md-bt-medium.ttf") format("truetype"), url("../fonts/futura-md-bt-medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Futura BT Med Cond";
    src: url("../fonts/futura-medium-condensed-bt.ttf") format("truetype"), url("../fonts/futura-medium-condensed-bt.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Futura BT";
    src: url("../fonts/futura-bold-bt.ttf") format("truetype"), url("../fonts/futura-bold-bt.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
:root {
	--main-max-width: 1850px; --main-separator: .33em; --main-master: #2d2825; --main-yellow: #f6ba00; --main-blue:#2a99e6; --main-dark-brown: #543f32; --main-cream: #b1a495; --main-middle-grey: #a09e9e; --main-dark-grey: #5e5750; --main-soft-cream: #eae1da; --main-rouille: #de5909; --main-filet: #ccc; --main-red: #bd1111; --main-green: #7eda48;
}
* {
	margin: 0; padding: 0; box-sizing: border-box;
}
div::-webkit-scrollbar {
  width: 6px;
}

div::-webkit-scrollbar-track {
  background: transparent;
}

div::-webkit-scrollbar-thumb {
  background: var(--main-cream); border-radius: 3px;
}

div::-webkit-scrollbar-thumb:hover {
  background: var(--main-red);
}
html {
	font-size: 18px; line-height: 1.2;
}
body {
	background-color: var(--main-master); font-family: "Urbanist",sans-serif; color: var(--main-master); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: .01rem; font-weight: 400;
}
body.body-mask {
    overflow: hidden;
}
input, select, textarea {
	font-family: "Futura BT",sans-serif; -webkit-appearance: none; appearance: none; border-radius: 0;
}
textarea {
	padding: .25rem .5rem; border: 1px solid var(--main-filet); border-radius: .25rem; min-height: 5rem; margin-top: 1rem; font-size: .9rem;
}
select {
    padding: .2rem .5rem; border: 1px solid var(--main-cream); appearance: auto; background-color: #fff; font-size: .9rem; color: var(--main-master);
}
input:focus {
	outline: none;
}
input[type="checkbox"] {
	width: .9rem; height: .9rem; border: 2px solid var(--main-master); margin-left: .5rem; border-radius: 20%;
}
input[type="checkbox"]:checked {
	background-color: var(--main-yellow); border: 1px solid var(--main-dark-grey);
}
input[type="radio"] {
	width: 1rem; background-color: transparent; border: 1px solid var(--main-middle-grey); height: 1rem; border-radius: 50%; margin: .15rem .5rem 0 0; position: relative;
}
input[type="radio"]:checked {
	border-color: var(--main-yellow);
}
input[type="radio"]:checked::before {
	background-color: var(--main-yellow); border-color: var(--main-master); content: ""; position: absolute; height: 70%; width: 70%; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%,-50%);
}
a {
	color: var(--main-red); text-decoration: none;
}
ul, ol {
	list-style: none outside none;
}
h2, h3, h4, h5, h6 {
	font-weight: 600;
}
h1 {
	font-weight: 300; font-size: 2rem;
}
.h-with-ornmt::before {
	content: ":"; color: var(--main-red); font-weight: 900; margin-right: .15em; font-size: .85em; position: absolute; left: 0;
}
.h-with-ornmt {
    position: relative; padding-left: .75rem;
}
p {
	/*hyphens: auto; word-break: break-word;*/
}
.slide-css {
    scrollbar-width: thin; scrollbar-color: var(--main-cream) transparent;
}
.fonte-brand {
	font-weight: 700;
}
.fonte-price {
	font-weight: 600; line-height: .8; font-family: "Barlow Condensed", sans-serif;
}
.init-picto-svg::before {
	content:""; position: absolute; -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; mask-position: center; mask-repeat: no-repeat; mask-size: contain; height: 100%; width: 100%;
}
.span-eg {
    color: var(--main-yellow)!important;
}
.span-eg strong {
	font-weight: 600; color: var(--main-cream);
}
.full-width-container {
	position: relative;
}
.background-soft-cream {
	background-color: var(--main-soft-cream);
}
.background-soft-cream::before {
	content:""; width: 100%; position: absolute; background-color: var(--main-master); left: 0; bottom: 0; height: 12%;
}
.wrapper-max {
	margin: auto; position: relative; width: calc(100% - (var(--main-separator) * 16)); max-width: var(--main-max-width); transition: all 1s;
}
.a-facebook:before {
	-webkit-mask-image: url("../svg/facebook.svg"); mask-image: url("../svg/facebook.svg");
}
.a-twitter:before {
	-webkit-mask-image: url("../svg/twitter.svg"); mask-image: url("../svg/twitter.svg");
}
.a-instagram:before {
	-webkit-mask-image: url("../svg/instagram.svg"); mask-image: url("../svg/instagram.svg");
}
.a-youtube:before {
	-webkit-mask-image: url("../svg/youtube.svg"); mask-image: url("../svg/youtube.svg");
}
.reviews-stars {
    display: block; width: 7rem; height: .35rem; position: relative;
}
.reviews-stars-yellow {
    display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0
}
.init-picto-stars::before {
	-webkit-mask-position: left center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: cover; mask-position: left center; mask-repeat: no-repeat; mask-size: cover;
}
.reviews-stars::before {
    content: ""; -webkit-mask-image: url("../svg/reviews.svg"); mask-image: url("../svg/reviews.svg"); position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: var(--main-soft-cream);
}
.reviews-stars-yellow::before {
    content: ""; -webkit-mask-image: url("../svg/reviews.svg"); mask-image: url("../svg/reviews.svg"); position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: var(--main-yellow);
}
.no-return {
    white-space: nowrap;
}
.big-yellow-submit {
	background-color: var(--main-yellow); font-size: 1.2rem; border-radius: .5rem; border: none; padding: .65rem; width: 100%; font-weight: 500; text-align: center; color: var(--main-master); cursor: pointer;
}
.big-yellow-submit:hover {
	background-color: var(--main-red); color: #fff;
}

/*---- FULL MASK ----*/
.mask {
	position: fixed; width: calc(100% - (var(--main-separator) * 16)); height: 100%; background: #2d2825de; z-index: 9; top: 0; left: 50%; max-width: var(--main-max-width); transform: translateX(-50%); overflow: hidden; visibility: hidden; opacity: 0; transition: opacity .5s,visibility 0s .5s;
}
.body-mask .mask {
    visibility: visible; opacity: 1; transition: opacity .5s,visibility 0s;
}
.mask-top {
	height: 5vw; width: 100%; max-height: 80px; min-height: 60px;
}
.mask-close {
    height: 100%; width: 100%;
}
.popup-slide {
	background-color: #fff; position: absolute; margin-top: var(--main-separator); right: 0; margin-right: -100%; height: calc(100% - (80px + var(--main-separator))); width: 25%; transition: all .5s; padding: 4rem 3% 2rem; overflow: auto; min-width: 380px; 
}
.popup-slide.open {
	right: var(--main-separator); margin-right: 0; transition: all .5s;
}
.popup-slide .header {
	position: absolute; top: 0; left: 0; display: flex; background-color: var(--main-soft-cream); justify-content: space-between; width: 100%; height: 2.8rem; min-height: 40px; align-items: center;
}
.popup-slide .header span:last-child {
	background-color: var(--main-cream); font-size: 1.35rem; font-weight: 500; text-transform: uppercase; height: 100%; aspect-ratio: 1/1; align-items: center; display: flex; justify-content: center; cursor: pointer; color: var(--main-soft-cream);
}
.popup-slide .header span:last-child:hover {
	background-color: var(--main-yellow); color: var(--main-master);
}
.popup-slide .header span:first-child {
	padding-left: 1rem; text-transform: uppercase; font-size: .85rem; font-weight: 500;
}
.popup-slide h2 {
	font-size: 1.2rem; margin-bottom: 1.5rem; text-align: center; font-weight: 500;
}
.form-account {
	max-width: 400px; margin: auto;
}
.form-account hr {
	margin: 1.25rem auto 1rem; width: 50%; border-width: 1px 0 0;
}
.form-label-group {
	position: relative; margin-bottom: .75rem;
}
.form-label-group input {
	border: 1px solid #ccc; border-radius: .75rem; padding: .65rem 1rem; width: 100%; font-size: .9rem;
}
.form-label-group input::placeholder {
	color: #fff;
}
.form-label-group label {
	position: absolute; color: var(--main-cream); left: .5rem; top: 50%; transform: translateY(-50%); padding: 0 .35rem; background-color: #fff; transition: all .5s;
}
.form-label-group input:focus + label,
.form-label-group input:required:valid + label {
	font-size: .8rem; top: 0; left: .75rem; font-weight: 400; transition: all .5s; color: var(--main-dark-grey);
}
.form-radio-group {
	display: flex; margin-bottom: 1rem;
}
.form-radio-group label {
	margin-right: 1rem;
}
.form-select-group {
	position: relative; display: flex; align-items: center; width: 100%; border: 1px solid #ccc; border-radius: .75rem; padding: .25rem .25rem .25rem .75rem; margin-bottom: .75rem;
}
.form-select-group label {
	margin-right: 1rem; color: var(--main-cream);
}
.form-select-group select {
	border: none; padding: .4rem .5rem; border-radius: .5rem; background-color: #f1f0ef; flex: 1;
}
.form-check-group {
	display: flex; font-size: .85rem; margin-bottom: 1rem;
}
.form-check-group input[type="checkbox"] {
	min-width: .9rem; height: .9rem; margin: 0 .5rem 0 0;
}
.popup-slide.checkout-slide {
    padding: 4rem 1.5rem 1.5rem;
}
.checkout-mask {
	display: flex; flex-direction: column;
}
.checkout-mask article {
	display: flex; position: relative; border: 1px solid var(--main-filet); border-radius: .5rem; margin-bottom: 1rem; flex-direction: column; padding: .75rem; box-shadow: .1rem .1rem .25rem rgba(0,0,0,.35);
}
.delete-article-checkout {
	position: absolute; top: -.5rem; right: -.5rem; height: 1.9rem; width: 1.9rem;
}
.picto-trash {
	background-color: #fff; border-radius: 50%; border: 1px solid var(--main-cream);
}
.picto-trash::before {
	content: ""; background-color: var(--main-cream); -webkit-mask-image: url(../svg/trash.svg); mask-image: url(../svg/trash.svg); width: 70%; height: 70%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);
}
.picto-trash:hover {
	background-color: var(--main-red);
}
.picto-trash:hover::before {
	background-color: #fff;
}
.checkout-mask article .product {
	display: flex; font-size: .95rem;
}
.checkout-mask article .product figure {
	position: relative; width: 7rem;
}
.checkout-mask article .product figure img {
	position: absolute; top: 0; width: 100%; height: 100%; object-fit: contain; object-position: center;
}
.checkout-mask article .product figure img.guitare {
	object-fit: cover; object-position: left center;
}
.checkout-mask article .product > div {
	flex: 1; display: flex; flex-direction: column; padding-left: .5rem;
}
.checkout-mask article .product > div .top {
	height: 3.4rem; overflow: hidden; margin-bottom: .25rem;
}
.checkout-mask article .product > div .bottom {
	display: flex; font-weight: 500; align-items: baseline;
}
.checkout-mask article .product > div .bottom .dispo {
	display: flex; align-items: center; flex: 1; font-family: "Barlow Condensed"; text-transform: uppercase;
}
.checkout-mask article .product > div .bottom .qty {
	margin-right: .5rem;
}
.checkout-mask article .product > div .bottom .price {
	font-family: 'Barlow Condensed', sans-serif; font-size: 1rem;
}
/*.checkout-mask .checkout-access-10 span {
	color: var(--main-red); border: 1px solid; background-color: #fff; text-transform: inherit; border-radius: .2rem; margin: 1.5rem 0 .5rem;
}*/
.checkout-mask .checkout-access-10 span {
	color: var(--main-red); background-color: #fff; text-transform: inherit; border-radius: .2rem; margin: 1.25rem 0 .35rem; padding: 0;
}
.checkout-mask article .product-small {
	display: flex; align-items: center; margin-bottom: .75em; padding: .5rem; border: 1px dashed var(--main-filet); border-radius: .5rem; position: relative;
}
.checkout-mask article .product-small:last-child {
	margin-bottom: 0;
}
.checkout-mask article .delete-small-checkout {
	position: absolute; width: 1.7rem; height: 1.7rem; display: block; top: -.25rem; right: -.25rem;
}
.checkout-mask article .product-small .product figure {
    width: calc(7rem - 1.8rem);
}
.checkout-mask article .product-small .product figure img {
    transform: scale(.9);
}
.form-account-exist,
.form-account-not-exist {
    display: none;
}
.forget-pwd {
	margin-bottom: 1rem; display: block; font-size: .9rem; text-align: center;
}

/*---- HEADER ----*/
.wrapper-max header {
	width: 100%; position: relative; z-index: 1001; display: flex; opacity: 1; transition: opacity .5s; height: 5vw; max-height: 80px; min-height: 60px; padding: var(--main-separator) var(--main-separator) 0; align-items: center;
}
.wrapper-max header.fadeout {
	opacity: 0; transition: opacity .5s;
}
.a-header-logo {
	width: 80%; max-width: 296px; min-width: 140px; display: block; line-height: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-25%);
}
.a-header-logo img {
    filter: drop-shadow(.25em .25em 0px var(--main-master)); height: 100%;
}
.wrapper-max header ul {
	display: flex; height: 80%; width: 100%; justify-content: end;
}
.wrapper-max header ul li {
	margin-left: 1rem; height: 100%; aspect-ratio: 1;
}
.wrapper-max header ul li a {
	color: var(--main-yellow);
}
.wrapper-max header ul li:first-child {
	margin-left: 0; display: none;
}
.wrapper-max header ul li:nth-child(2) {
	width: calc(25% - var(--main-separator)); margin-left: 0; position: relative;
}
.wrapper-max header ul li:nth-child(3) {
	flex: 1;
}
.wrapper-max header ul li:nth-child(4) {
	display: none;
}
.wrapper-max header ul li:last-child {
	color: #fff; font-size: 1.2rem; border: 1px solid var(--main-dark-grey); display: flex; border-radius: .5rem; align-items: center; padding: 0 1rem; aspect-ratio: auto;
}
.a-picto-nav {
	position: relative; display: block; width: 100%; height: 100%; border: 1px solid var(--main-dark-grey); border-radius: .5rem;
}
.a-picto-nav:hover,
.a-picto-nav.open {
	border: 1px solid var(--main-yellow); background-color: var(--main-yellow);
}
.a-picto-nav:before {
	content: ""; width: 100%; background: var(--main-cream); display: block; top: 50%; left: 50%; transform: translate(-50%,-50%); position: absolute; pointer-events: none;
}
.a-picto-nav:hover:before,
.a-picto-nav.open:before {
	background: var(--main-master);
}
.opensearch-button:before {
	-webkit-mask-image: url("../svg/loupe.svg"); mask-image: url("../svg/loupe.svg"); height: 46%; /*background-color: var(--main-cream);*/
}
.opensearch-button.open {
	background-color: var(--main-yellow);
}
.opensearch-button.open:before {
	background: var(--main-master);
}
.a-open-nav {
	position: relative; display: block; height: 100%; text-align: center;
}
.a-open-nav.open {
	background-color: var(--main-yellow);
}
.a-open-nav:before {
	-webkit-mask-image: url("../svg/burger.svg"); mask-image: url("../svg/burger.svg"); height: 42%;
}
.a-open-nav.open:before {
	background: var(--main-master);
}
.account-button:before {
	-webkit-mask-image: url("../svg/account.svg"); mask-image: url("../svg/account.svg"); height: 58%;
}
.checkout-button:before {
	-webkit-mask-image: url("../svg/cart.svg"); mask-image: url("../svg/cart.svg"); height: 55%;
}
/*.checkout-button:before {
	-webkit-mask-image: url("../svg/checkout.svg"); mask-image: url("../svg/checkout.svg"); height: 62%;
}*/
.span-picto {
    position: relative; display: block; width: 1em; height: 1em; margin-right: .5em;
}
.span-picto:before {
	content: ""; height: 100%; width: 100%; background: var(--main-cream); display: block; position: absolute; pointer-events: none;
}
.picto-phone:before {
	-webkit-mask-image: url("../svg/phone.svg"); mask-image: url("../svg/phone.svg");
}
.account-button mark {
	background-color: transparent; font-weight: bold; font-size: .9rem; color: #fff; position: absolute; top: 60%; left: 50%; transform: translateX(-50%); text-shadow: 0 0 .1rem #000;
}
.checkout-button mark {
	background-color: var(--main-yellow); color: var(--main-master); font-family: "Barlow Condensed",sans-serif; border-radius: 50%; position: absolute; right: .3rem; top: .3rem; width: 1.2rem; height: 1.2rem; display: flex;
	align-items: center; justify-content: center; font-weight: 600; font-size: .9rem; max-width: 20px; max-height: 20px;
}
/*.checkout-button mark {
	background-color: transparent; color: var(--main-yellow); font-family: "Barlow Condensed",sans-serif; position: absolute; left: 50%; top: 50%; font-weight: 500; font-size: 1rem; transform: translate(-33%,-92%);
}*/
.checkout-button:hover mark,
.checkout-button.open mark{
    color: #fff; background-color: var(--main-red);
}
.button-filter {
	position: fixed; background-color: var(--main-red); border: none; color: #fff; padding: .5rem 1.5rem .55rem; display: flex; align-items: center; border-radius: 2rem; text-transform: uppercase; font-weight: bold; font-family: "Barlow Condensed"; font-size: 1.5rem; bottom: 2rem; left: 50%; z-index: 8; box-shadow: .25rem .25rem .25rem #000000ad; transform: translateX(-50%);
}
.button-filter::before {
	content: ""; width: 1.5rem; height: 1.5rem; display: block; background-color: #fff; margin-right: .75rem; position: relative;
}
.btn-picto-filter {
    display: none;
}
.btn-picto-filter:before {
    -webkit-mask-image: url("../svg/filter.svg"); mask-image: url("../svg/filter.svg");
}

/*---- MAIN ----*/
.wrapper-max .main {
	display: flex; flex-wrap: wrap;
}
.section-col-nav {
	width: 100%; display: flex; flex-direction: column; max-height: 925px; height: 100%;
}
.section-col-fullheight {
	flex: 1; position: relative; width: 75%; display: flex;
}
.section-col-top {
	flex: 1; padding-top: 50%; position: relative;
}
.section-col-bottom {
	width: 100%;
}
.section-col-left {
    width: 25%; display: flex; flex-direction: column; z-index: 10;
}
.section-col-under-nav {
	margin: var(--main-separator) var(--main-separator) 0; flex: 1; position: relative; margin-bottom: 0;
}
.banners-col-container {
	display: flex; flex-direction: column; position: sticky; top: calc(var(--main-separator) * 2);
}
.banner-col-container {
	border: 1px solid var(--main-dark-grey);
}
.banner-col-container:first-child {
	height: 14vw; max-height: 280px; margin-bottom: calc(var(--main-separator) * 2);
}
.banner-col-container:first-child img {
    object-position: right; height: 100%; width: 100%; object-fit: cover;
}
.banner-col-container:last-child img {
    display: block; width: 100%;
}

/*---- BREADCRUMBS ----*/
.breadcrumbs-container {
    background-color: var(--main-soft-cream);
}
.breadcrumbs-container ul {
    display: flex; font-size: .85rem;
}
.breadcrumbs-container ul li {
    height: 2.8rem; min-height: 40px; display: flex; align-items: center; position: relative;
}
.breadcrumbs-container ul li.actif {
	background-color: #fff; cursor: default;
}
.breadcrumbs-container ul li.with-menu strong {
	padding-right: 2rem;
}
.breadcrumbs-container ul li.with-menu strong {
	color: var(--main-red);
}
.breadcrumbs-container ul li.with-menu::before {
	content: ""; width: 90%; height: 3px; background-color: var(--main-red); position: absolute; bottom: 0; left: 5%;
}
.breadcrumbs-container ul li.with-menu::after {
	content: ""; position: absolute; height: 0; width: 0; display: block; border-top: .4rem solid var(--main-red); border-left: .4rem solid transparent; border-right: .4rem solid transparent; right: .5rem;
}
.breadcrumbs-container ul li:first-child {
    background-color: var(--main-dark-brown); padding: .4rem;
}
.breadcrumbs-container ul li:first-child a {
    background-color: transparent;
}
.breadcrumbs-container ul li.breadcrumbs-separator {
    margin: auto .3rem; display: none;
}
.breadcrumbs-container ul li a {
    color: #fff; line-height: 3.3; display: flex; height: 100%; padding: 0 .75rem; position: relative; align-items: center;
}
.breadcrumbs-container ul li:nth-child(2) a {
    background-color: #886f5f;
}
.breadcrumbs-container ul li:nth-child(3) a {
    background-color: #9f8879;
}
.breadcrumbs-container ul li:nth-child(4) a {
    background-color: #bda799;
}
.breadcrumbs-container ul li:first-child:hover,
.breadcrumbs-container ul li a:hover {
    background-color: var(--main-red);
}
.breadcrumbs-container ul li strong {
    font-weight: 500; line-height: 3.3; display: flex; height: 100%; padding: 0 .75rem; color: var(--main-master); align-items: center;
}
.a-picto-home {
  color: #fff; position: relative; padding-top: 100%; display: block; width: 1.9rem;
}
.a-picto-home::before {
	content: ""; position: absolute; background-color: #fff; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%,-50%);
}
.a-home::before {
	-webkit-mask-image: url("../svg/home.svg"); mask-image: url("../svg/home.svg");
}
.picto-breadcrumb .span-picto {
	width: 2.2em; height: 2.2em;
}
a.picto-breadcrumb .span-picto:before {
	background: #fff;
}
strong.picto-breadcrumb .span-picto:before {
	background: var(--main-dark-brown);
}
.breadcrumbs-container.checkout-type ul li {
	padding: 0 .5rem;
}
.breadcrumbs-container.checkout-type ul li a {
	background-color: transparent; color: var(--main-master); padding: 0;
}
.breadcrumbs-container.checkout-type ul li .number {
	background-color: var(--main-cream); width: 1.3em; height: 1.3em; border-radius: 1rem; display: block; text-align: center; font-weight: bold; color: #fff; line-height: 1.25em; font-size: 1.2em;
}
.breadcrumbs-container.checkout-type ul li.actif .number {
	background-color: var(--main-yellow); color: var(--main-master);
}
.breadcrumbs-container.checkout-type ul li span:nth-child(2) {
	margin-left: .35rem;
}
/*---- SEARCH ----*/
.search-modal-container {
	display: flex; position: absolute; background-color: var(--main-soft-cream); height: 29vw; max-height: 520px; min-height: 410px; width: 50vw; max-width: 840px; min-width: 680px; top: -.65rem; left: -.65rem; box-shadow: 10px 10px 35px rgba(0,0,0,.5); z-index: -1; padding: 20% 1.5rem 1.5rem 1.5rem; opacity: 0; transition: all .5s; transform: translateX(-150%); text-align: left;
}
.search-modal-container.open {
	opacity: 1; transition: all .5s; transform: translateX(0);
}
.loading {
    margin: auto; width: 100%; display: none!important;
}
.loading img {
    margin: auto; width: 4rem;
}
.search-modal-container > div {
    display: flex;
}
.search-modal-container a {
    color: inherit;
}
.search-modal-left {
    flex-direction: column; width: 35%; padding-right: 5%;
}
.search-modal-left > div {
    height: 50%; display: flex; flex-direction: column;
}
.search-modal-right {
    width: 65%;
}
.search-modal-title {
    text-transform: uppercase; font-weight: 600; font-size: .7rem; margin-bottom: .3rem; margin-top: .5rem;
}
.search-modal-slide {
	background-color: #fff; overflow: auto; border: 1px solid var(--main-cream); height: 100%;
}
.search-modal-left .search-modal-slide ul li {
	padding: .2rem .5rem; font-size: .9rem;
}
.search-modal-left .search-modal-slide ul li:hover {
	background-color: var(--main-yellow);
}
.search-modal-products {
	width: 100%; display: flex; flex-direction: column;
}
.search-modal-products-container {
	display: flex; flex-direction: column; width: 100%; background-color: #fff; border: 1px solid var(--main-cream); height: 100%; padding: 0 2%;
}
.product-search-modal {
    display: flex; height: calc(100% / 3); padding: 3% 0; border-bottom: 1px solid var(--main-soft-cream);
}
.product-search-modal:last-child {
    border-bottom: none;
}
.product-search-modal figure {
    width: 28%; padding: 1% 0 1% 2%;
}
.product-search-modal figure img {
    width: 100%; height: 100%; object-fit: cover; object-position: left center;
}
.product-info-search-modal {
    font-size: .9rem; display: flex; flex-direction: column; flex: 1; padding-left: 3%;
}
.product-info-search-modal .listing-ref {
    height: auto; flex: 1;
}
.product-info-search-modal .listing-stock-price {
    border-top: none;
}
.product-info-search-modal .listing-price {
    padding: 0; border: none;
}
.btn-search-result {
	position: absolute; top: .65rem; right: 1.5rem; background-color: var(--main-yellow); padding: .75rem 2rem; text-transform: uppercase; font-size: .9rem; font-weight: bold; display: block;
}

/*---- NAV ----*/
.top-col-nav-container {
	background: var(--main-dark-brown); height: 37.5%; margin: var(--main-separator); text-align: center; padding: 7% 0; display: flex; flex-direction: column;
}
.accroche {
	font-size: 1.35rem; color: var(--main-soft-cream); font-weight: 200;
}
.accroche strong{
	font-weight: 400;
}
.top-col-nav-container > div {
	flex: 1; display: flex; flex-direction: column; justify-content: center; width: 92%; margin: auto;
}
.search-form {
	display: flex; height: 38%; max-height: 60px; min-height: 36px; position: relative; z-index: 999;
}
.search-input {
	border: none; font-size: 1rem; width: calc(100% - 16%); padding: 0 2% 0 4%;
}
.search-input::placeholder {
	color: var(--main-middle-grey);
}
.search-button {
	background-color: var(--main-yellow); border: none medium; width: 16%; position: relative;
}
.search-button:before {
	-webkit-mask-image: url("../svg/loupe.svg"); mask-image: url("../svg/loupe.svg"); content: ""; position: absolute; width: 50%; height: 50%; background-color: var(--main-master); top: 23%; left: 23%;
}
.ul-nav-cat {
	display: flex; width: 100%; margin: auto;
}
.ul-nav-cat li {
	width: calc(100% / 3);
}
.middle-col-nav-container {
	height: 62.5%; position: relative; overflow: hidden;
}
.col-nav-slide {
	height: 100%;
}
.col-nav-slide .ul-nav-cat {
	display: none;
}
.ul-nav-page {
	display: flex; height: 100%; flex-direction: column;
}
.ul-nav-page > li {
	height: calc(20% - var(--main-separator)); width: calc(100% - (var(--main-separator) * 2)); margin: var(--main-separator); border-left: .35rem solid var(--main-cream); border-bottom: 1px solid var(--main-dark-grey);
}
.ul-nav-page > li:nth-child(5) {
	border-bottom: none medium;
}
/*.ul-nav-page > li:last-child {
	border: none medium; padding: 0 3.5% 0 8%; display: flex; background-color: var(--main-cream);
}*/
.ul-nav-page > li:last-child > div {
	display: flex; flex-direction: column; margin: auto 0; height: 72%; width: 100%;
}
.ul-nav-page > li a {
	display: flex; color: #fff; height: 100%; width: 100%; text-transform: uppercase; position: relative;
}
.ul-nav-page > li a:hover {
	color: var(--main-yellow);
}
.ul-nav-page > li a div {
	margin: auto 7%; font-weight: 500; font-size: 1.45rem;
}
.ul-nav-page > li a div span {
	display: block; font-weight: 300; font-size: .7em; color: var(--main-cream);
}
.a-picto-cat {
	position: relative; display: block; width: 70%; padding-top: 58%; margin: auto; color: #fff; text-align: center; font-size: 1rem; font-weight: 500; font-family: "Barlow Condensed", sans-serif;
}
.a-picto-cat:before {
	content: ""; height: 75%; width: 100%; background: var(--main-cream); display: block; top: 50%; left: 50%; transform: translate(-50%,-68%); position: absolute; pointer-events: none;
}
.a-picto-cat:hover:before {
	background-color: var(--main-yellow);
}
.a-picto-cat span {
	display: block; text-align: center; width: 100%;
}
.col-nav-slide ul:last-child > li:nth-child(4n) a {
	border-right: none medium;
}
.cat-picto-guitare:before {
	-webkit-mask-image: url("../svg/guitare.svg"); mask-image: url("../svg/guitares.svg");
}
.cat-picto-ampli:before {
	-webkit-mask-image: url("../svg/ampli.svg"); mask-image: url("../svg/ampli-stack.svg");
}
.cat-picto-accessoires:before {
	-webkit-mask-image: url("../svg/accessoires.svg"); mask-image: url("../svg/accessories.svg");
}
.bottom-col-nav-container {
	background: var(--main-rouille);  height: 12.5%; margin: var(--main-separator); padding: 3% 6%
}
.accroche-newsletter {
	font-size: 1rem; line-height: 1;
}
.accroche-newsletter strong {
	text-transform: uppercase;
}
.newsletter-form {
	width: 100%; flex: 1; display: flex; margin-top: 2%;
}
.newsletter-input {
	height: 100%; border: none; font-size: 1rem; width: calc(100% - 16%); padding-left: 4%;
}
.newsletter-button {
	background-color: var(--main-yellow); border: none; width: 16%; position: relative; font-size: 1rem; font-weight: bold;
}

/*---- HOME PAGE ----*/
.home-flex-top-container,
.home-flex-bottom-container {
	display: flex; flex-wrap: wrap;
}
.home-flex-top-container {
	position: absolute; width: 100%; top: 0;
}
.home-flex-top-container > div {
	padding-top: calc(100% / 3); position: relative;
}
.home-flex-bottom-container > div {
	padding-top: calc(100% / 4); position: relative;
}
.home-flex-top-container .dbl-size {
	width: calc((100% / 3) * 2);
}
.home-flex-top-container .one-size {
	width: calc(100% / 3);
}
.home-flex-top-container > div > a,
.home-flex-bottom-container > div > a {
	background-color: #fff; width: calc(100% - (var(--main-separator) * 2)); height: calc(100% - (var(--main-separator) * 2)); position: absolute; top: 0; left: 0; margin: var(--main-separator); overflow: hidden;
}
.home-elmt-banner {
	border: 2px solid var(--main-soft-cream);
}
.home-elmt-product {
	border: 2px solid var(--main-soft-cream);
}
.home-flex-bottom-container .dbl-size {
	width: calc((100% / 4) * 2);
}
.home-flex-bottom-container .one-size {
	width: calc(100% / 4);
}
.home-elmt-banner img {
	height: 100%; width: 100%; object-fit: cover; object-position: right;
}
.home-elmt-product.dark-style {
	color: #000;
}
.home-elmt-product.light-style {
	color: #fff;
}
.home-product-img {
	position: absolute; transform: translateY(-53%) translateX(-32%) rotate(-90deg) scale(1.9); top: 0; left: 0; width: 100%; filter: drop-shadow(-4px 4px 4px rgba(0,0,0,.5));
}
.home-product-detail {
	text-align: right; margin: 5% 7% 0; height: calc(100% - 13%); position: relative;
}
.home-product-statut {
	font-size: 2em; font-weight: lighter; line-height: 1; opacity: .5; text-transform: uppercase;
}
.home-product-brand {
	font-size: 1.25em; line-height: 1; margin: 8% 0 5%; padding-bottom: 4%; position: relative; text-transform: uppercase;
}
.home-product-brand::after {
	content: ""; width: 10%; height: 12%; background-color: var(--main-yellow); display: block; position: absolute; bottom: 0; right: 0;
}
.home-product-reference {
	font-size: 1.1em; font-weight: 300 line-height: 1.2; max-width: 57%; float: right;
}
.home-product-bottom {
	position: absolute; right: 0; bottom: 0;
}
.home-product-bottom .product-price {
	display: block; font-size: 1.8em; margin-bottom: 12%;
}
.home-product-bottom .home-product-url {
	background-color: var(--main-yellow); color: var(--main-master); text-transform: uppercase; font-size: .9em; padding: .2em .6em; display: inline-block;
}
.title-home-whois {
	background-image: url("../images/habillage/home-guitares-3d-fond.jpg"); width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;
}
.title-home-whois h1 {
	color: #fff; padding: 5rem 0 17rem; text-align: center; font-weight: 200; font-size: 2.1rem;
}
.diaporama-home-container {
	position: absolute; display: flex; width: 96%; height: 25rem; top: 0; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
}
.diaporama-home-container img {
	position: absolute; border: .25rem solid #fff; box-shadow: 2px 2px 5px rgba(0,0,0,.5); object-fit: cover; width: 70%; height: 100%;
}
.diaporama-home-container img.img1 {
	left: 0; top:10%; height: 80%; z-index: 1; width:12%; transition: all 1.5s; border-right-width: 0; object-position: left;
}
.diaporama-home-container img.img2 {
	left: 12%; top:5%; height: 90%; z-index: 2; width: 15%; transition: all 1.5s; border-right-width: 0; object-position: left;
}
.diaporama-home-container img.img3 {
	left: 27%; top: 0; height: 100%; z-index: 3;width: 46%; transition: all 1.5s;
}
.diaporama-home-container img.img4 {
	left: 73%; top:5%; height: 90%; z-index: 2; width: 15%; transition: all 1.5s; border-left-width: 0; object-position: right;
}
.diaporama-home-container img.img5 {
	left: 88%; top:10%; height: 80%; z-index: 1; width:12%; transition: all 1.5s; border-left-width: 0; object-position: right;
}
.diaporama-home-btn {
	position: absolute; display: flex; width: 50%; justify-content: space-between; left: 50%; transform: translateX(-50%); bottom: -8px; z-index: 4;
}
.diaporama-home-btn button {
	background-color: var(--main-cream); border-radius: 2rem;	border: 1px solid #fff; box-shadow: 2px 2px 5px rgba(0,0,0,.5); font-family: "Barlow Condensed", sans-serif; font-size: 1.4rem; padding: 0 1rem .3rem; font-weight: bold; cursor: pointer;
}
.txt-home-whois {
	padding-top: 16rem; text-align: center; width: 90%; margin: auto; font-weight: 300; font-size: 1.35rem;
}
.txt-home-whois p {
	margin-bottom: 1rem;
}
.txt-home-whois p:last-child {
	margin-bottom: 0;
}
.ul-home-four-engage {
	display: flex; justify-content: space-between; flex-wrap: wrap; margin: 4rem 0 2rem; font-family: "Barlow Condensed", sans-serif; font-weight: 500;
}
.ul-home-four-engage li {
	display: flex; padding: 1.5rem 0; background-color: var(--main-dark-brown); color: #fff; font-size: 1.7rem; width: 22%; text-align: center; border-bottom: .5rem solid var(--main-yellow); margin-bottom: 2rem;
}
.ul-home-four-engage li a {
	margin: auto; color: #fff;
}
.border-separator-dark {
	margin: 2rem auto; position: relative; width: 80%; padding: 0 35%; height: 3px;
}
.border-separator-dark div {
	width: 100%; height: 100%; background-color: var(--main-dark-grey);
}
.border-separator-dark::before {
	content: ""; position: absolute; width: 43%; height: 1px; background-image: linear-gradient(to left,var(--main-master),rgba(0,0,0,0)); left: 0; top: 1px;
}
.border-separator-dark::after {
	content: ""; position: absolute; width: 43%; height: 1px; background-image: linear-gradient(to right,var(--main-master),rgba(0,0,0,0)); right: 0; top: 1px;
}
.border-separator-clear {
	margin: 2rem auto; position: relative; width: 80%; padding: 0 35%; height: 3px;
}
.border-separator-clear div {
	width: 100%; height: 100%; background-color: var(--main-middle-grey);
}
.border-separator-clear::before {
	content: ""; position: absolute; width: 43%; height: 1px; background-image: linear-gradient(to left,var(--main-soft-cream),rgba(255,255,255,0)); left: 0; top: 1px;
}
.border-separator-clear::after {
	content: ""; position: absolute; width: 43%; height: 1px; background-image: linear-gradient(to right,var(--main-soft-cream),rgba(255,255,255,0)); right: 0; top: 1px;
}
.listing-home-container {
	padding: 2rem 0; position: relative;
}
.listing-home-container h2 {
	text-align: center; font-size: 2rem; margin-bottom: 2rem; font-weight: 200;
}
.listing-home-container h2 span {
	font-weight: 600;
}
.slide-home-container {
	overflow-x: auto;
}
.listing-4col {
	display: flex; flex-wrap: wrap;
}
.listing-4col article {
	min-width: calc(100% / 4); padding: calc(var(--main-separator) * 2);
}
.listing-4col article > a {
	width: 100%; padding-top: 100%; box-shadow: 2px 2px 5px rgba(0,0,0,.35); background-color: #fff; display: block; position: relative; color: var(--main-master);
}
.listing-4col article figure {
	width: 94%; height: 62%; position: absolute; top: 3%; left: 3%; overflow: hidden;
}
.listing-4col article figure img {
	 object-fit: contain; display: block;
}
.listing-4col article figure img.listing-normal-product {
	width: 84%; height: 90%; margin: 2.5% auto;
}
.listing-4col article figure img.listing-guitar-product {
	width: 75%; height: 100%; transform: rotate(45deg) scale(1.84) translate(20%,-22%);
}
.listing-info-container {
	position: absolute; bottom: 3%; width: 94%; left: 3%;
}
.listing-ul-brand {
	display: flex; flex-direction: row; line-height: 1; margin-bottom: .4em; font-size: 1.25em;
}
.listing-ul-brand li {
	margin: auto 0 0;
}
.listing-h3-brand {
	text-transform: uppercase; font-size: .8em;
}
.statut-picto {
	font-family: "Barlow Condensed", sans-serif; font-size: .64em; text-transform: uppercase; margin-left: .75em; display: inline-block; white-space: nowrap; padding: .1em .3em .15em; font-weight: 600;
}
.stat-pic-custom-shop {
	color: #fff; background-color: var(--main-middle-grey);
}
.stat-pic-new {
	color: #fff; background-color: var(--main-red);
}
.stat-pic-promo {
	color: #fff; background-color: var(--main-yellow);
}
.listing-ref {
	height: 3.4em;
}
.listing-ref h4 {
	font-size: .9em; font-weight: 400; color: var(--main-dark-grey);
}
.listing-stock-price {
	position: relative; border-top: 1px dashed var(--main-cream); margin-top: .2em; padding-top: .2em;
}
.listing-ul-stock {
	display: flex; flex-direction: row; font-family: "Barlow Condensed", sans-serif; font-size: .95em; font-weight: 500;
}
.listing-ul-stock li {
	display: flex; flex-direction: row; margin-right: .8em;
}
.listing-ul-stock li span {
	display: block; margin-top: auto; margin-bottom: auto;
}
.stock-picto {
	width: .75em; height: .75em; border-radius: 50%; background-color: #ccc; margin-right: .3em;
}
.stock-green {
	background-color: var(--main-green);
}
.listing-price-container {
	position: absolute; bottom: 0; right: 0; text-align: center;
}
.listing-old-price {
	color: var(--main-middle-grey); font-size: .8em; text-decoration: line-through;
}
.listing-price {
	font-size: 1.2em; border: 1px solid var(--main-cream); background-color: #fff; line-height: 1; padding: .18em .4em .3em;
}
.slide-home-button-container {
	position: absolute; bottom: 38%; display: none; flex-direction: row; justify-content: space-between; width: 94%; max-width: 350px; left: 50%; transform: translateX(-50%);
}
.slide-home-button-container > button {
	width: 9%; padding-top: 9%; position: relative; border-radius: 50%; border: none medium; background-color: var(--main-cream);
}
.slide-home-button-container > button:first-child::before {
	content: ""; position: absolute; border: solid #fff; border-width: 0 3px 3px 0; display: inline-block; padding: 13%; transform: rotate(135deg) translate(-11%,64%); top: 50%; left: 50%;
}
.slide-home-button-container > button:last-child::before {
	content: ""; position: absolute; border: solid #fff; border-width: 0 3px 3px 0; display: inline-block; padding: 13%; transform: rotate(-45deg) translate(-7%,-81%); top: 50%; left: 50%;
}
.home-h2 {
	color: #fff; font-weight: 200; font-size: 1.7rem; text-align: center; margin: 4rem 3% 3rem!important;
}
.brands-home-full {
	border-bottom: calc(var(--main-separator) / 2) solid var(--main-soft-cream); border-top: calc(var(--main-separator) / 2) solid var(--main-soft-cream); background-color: rgba(255,255,255,.1);
}
.brands-home-flex {
	display: flex; flex-direction: row; border-left: calc(var(--main-separator) / 2) solid var(--main-soft-cream); border-right: calc(var(--main-separator) / 2) solid var(--main-soft-cream);
}
.brands-home-flex > div {
	padding-top: 34%; width: 100%; position: relative;
}
.brands-home-flex > div a {
	display: block; position: absolute; width: 100%; height: 100%; top: 0;
}
.brands-home-flex > div a img {
	width: 100%; height: 100%; object-fit: cover;
}

/* ---- CATEGORIE 1LVL BASE ---- */
.category-container h1 {
    font-size: 2.2rem; font-weight: 400; margin: 2% 0 0; text-transform: capitalize;
}
.category-h2-container {
    display: flex; margin: 2rem 0 1rem; justify-content: space-between;
}
.category-container h2 {
	font-weight: 300; font-size: 1.8rem; text-transform: capitalize;
}
.category-nav-container {
    display: flex; justify-content: space-between; align-items: baseline;
}
.category-nav-container ul {
    display: flex; flex-wrap: wrap; width: 100%;
}
.category-nav-container ul li {
    text-align: center; padding: .5rem .4rem 0; width: calc(100% / 9);
}
.a-catnav-lvl2 {
	max-width: 150px; display: block; margin: 10% auto 0; font-size: 1.05rem; color: var(--main-red); font-family: "Barlow Condensed"; line-height: 1;
}
.a-catnav-lvl2 span {
    display: block; width: 100%; aspect-ratio: 1/1; border-radius: 50%; border: 1px solid var(--main-cream); overflow: hidden; margin-bottom: 5%; position: relative;
}
.a-catnav-lvl2 span::before {
    content:""; height: 0; width: 100%; background: var(--main-red); display: block; position: absolute; bottom:0; left: 0; transition: height .5s;
}
.a-catnav-lvl2:hover span::before {
    height: 100%; transition: height .25s;
}
.a-catnav-lvl2 span::after {
    content:""; height: 100%; width: 100%; background-color: var(--main-cream); display: block; position: absolute; transition: background-color .5s;
}
.a-catnav-lvl2:hover span::after {
    background-color: #fff!important; transition: background-color .25s;
}
.a-catnav-lvl2.select span {
    background: var(--main-yellow); border: none;
}
.a-catnav-lvl2.select span::after {
    background-color: var(--main-master);
}
.init-cat-svg::after {
	-webkit-mask-position: center bottom; -webkit-mask-repeat: no-repeat; -webkit-mask-size: 80%; mask-position: center bottom; mask-repeat: no-repeat; mask-size: 80%;
}
.a-catnav-lvl2 span.forme-str::after {
    -webkit-mask-image: url("../svg/categories/type-str.svg"); mask-image: url("../svg/categories/type-str.svg");
}
.a-catnav-lvl2 span.forme-tel::after {
    -webkit-mask-image: url("../svg/categories/type-tel.svg"); mask-image: url("../svg/categories/type-tel.svg");
}
.a-catnav-lvl2 span.single-cut::after {
    -webkit-mask-image: url("../svg/categories/type-lp.svg"); mask-image: url("../svg/categories/type-lp.svg");
}
.a-catnav-lvl2 span.double-cut::after {
    -webkit-mask-image: url("../svg/categories/type-sg.svg"); mask-image: url("../svg/categories/type-sg.svg");
}
.a-catnav-lvl2 span.retro-rock::after {
    -webkit-mask-image: url("../svg/categories/autres-formes.svg"); mask-image: url("../svg/categories/autres-formes.svg"); transform: translate(-11%,-4%); height: 126%; width: 114%;
}
.a-catnav-lvl2 span.caisse-jazz::after {
    -webkit-mask-image: url("../svg/categories/1-2-caisse.svg"); mask-image: url("../svg/categories/1-2-caisse.svg");
}
.a-catnav-lvl2 span.double-manche::after {
    -webkit-mask-image: url("../svg/categories/double-manche.svg"); mask-image: url("../svg/categories/double-manche.svg"); mask-size: 70%; mask-position-y: 105%;
}
.a-catnav-lvl2 span.signature::after {
    -webkit-mask-image: url("../svg/categories/signature.svg"); mask-image: url("../svg/categories/signature.svg"); mask-size: 53%; rotate: 45deg;
}
.a-catnav-lvl2 span.debutant::after {
    -webkit-mask-image: url("../svg/categories/debutant.svg"); mask-image: url("../svg/categories/debutant.svg");
}
.a-catnav-lvl2 span.pack::after {
    -webkit-mask-image: url("../svg/categories/pack.svg"); mask-image: url("../svg/categories/pack.svg"); mask-size: 78%; mask-position-y: 123%;
}
.a-catnav-lvl2 span.preampli::after {
    -webkit-mask-image: url("../svg/categories/preampli.svg"); mask-image: url("../svg/categories/preampli.svg"); mask-size: 52%; mask-position-y: center;
}
.a-catnav-lvl2 span.combo::after {
    -webkit-mask-image: url("../svg/categories/combo.svg"); mask-image: url("../svg/categories/combo.svg"); mask-size: 87%; mask-position-y: center;
}
.a-catnav-lvl2 span.tete::after {
    -webkit-mask-image: url("../svg/categories/tete.svg"); mask-image: url("../svg/categories/tete.svg"); mask-size: 125%; mask-position-y: center; mask-position-x: -70%;
}
.a-catnav-lvl2 span.stack::after {
    -webkit-mask-image: url("../svg/categories/stack.svg"); mask-image: url("../svg/categories/stack.svg"); mask-size: 85%; mask-position-y: -50%;
}
.a-catnav-lvl2 span.baffle::after {
    -webkit-mask-image: url("../svg/categories/baffle.svg"); mask-image: url("../svg/categories/baffle.svg"); mask-size: 82%; mask-position-y: center;
}
.a-catnav-lvl2 span.ampli-de-puissance::after {
    -webkit-mask-image: url("../svg/categories/ampli-puissance.svg"); mask-image: url("../svg/categories/ampli-puissance.svg"); mask-size: 80%; mask-position-y: center;
}
.a-catnav-lvl2 span.mini-ampli::after {
    -webkit-mask-image: url("../svg/categories/mini-ampli.svg"); mask-image: url("../svg/categories/mini-ampli.svg"); mask-size: 62%; mask-position-y: center;
}
.a-catnav-lvl2 span.accessoires-guitares::after {
    -webkit-mask-image: url("../svg/categories/acc-guitare.svg"); mask-image: url("../svg/categories/acc-guitare.svg"); mask-size: 118%; mask-position-y: center; mask-position-x: -113%;
}
.a-catnav-lvl2 span.cordes::after {
    -webkit-mask-image: url("../svg/categories/cordes.svg"); mask-image: url("../svg/categories/cordes.svg"); mask-size: 80%; mask-position-y: 23%; mask-position-x: 146%;
}
.a-catnav-lvl2 span.acc-piece-ampli::after {
    -webkit-mask-image: url("../svg/categories/piece-detachee-ampli.svg"); mask-image: url("../svg/categories/piece-detachee-ampli.svg"); mask-size: 60%; mask-position-y: center; mask-position-x: 65%;
}
.a-catnav-lvl2 span.piece-guitare::after {
    -webkit-mask-image: url("../svg/categories/piece-detachee-guitare.svg"); mask-image: url("../svg/categories/piece-detachee-guitare.svg"); mask-size: 92%; mask-position-y: center; mask-position-x: 38%;
}
.a-catnav-lvl2 span.cables::after {
    -webkit-mask-image: url("../svg/categories/cable.svg"); mask-image: url("../svg/categories/cable.svg"); mask-size: 60%; mask-position-y: center; mask-position-x: 33%; rotate: 45deg;
}
.a-catnav-lvl2 span.housse-etui::after {
    -webkit-mask-image: url("../svg/categories/housse-etui.svg"); mask-image: url("../svg/categories/housse-etui.svg"); mask-size: 106%; mask-position-y: -15px; mask-position-x: -94%;
}
.category-brand-new-container {
	display: flex;
}
.category-brands-left {
	width: 50%; padding-right: 1.5%;
}
.category-brands-container {
	display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 1px;
}
.category-brands-container li {
	aspect-ratio: 16/11;
}
.category-brands-container li a {
	display: flex; position: relative; max-height: 100%; max-width: 100%; background-color: var(--main-soft-cream); height: 100%; width: 100%;
}
.init-brand-svg::after {
	-webkit-mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: 64% 62%; mask-position: center; mask-repeat: no-repeat; mask-size: 64% 62%;
}
.category-brands-container li a::before {
    content:""; height: 0; width: 100%; background: var(--main-red); display: block; position: absolute; bottom:0; left: 0; transition: height .5s;
}
.category-brands-container li:hover a::before {
    height: 100%; transition: height .25s;
}
.category-brands-container li a img {
	display:none; width: 82%; max-height: 60%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); filter: invert(100%) sepia(0%) saturate(7497%) hue-rotate(271deg) brightness(101%) contrast(104%);
}
.category-news-right {
	width: 50%; padding-left: 1.5%; display: flex; flex-direction: column;
}
#cat-product-slider-container {
	position: relative; flex: 1; overflow: hidden; background-image: url("../images/habillage/fond-bois.jpg"); background-size: auto 75%; background-repeat: no-repeat; background-position: center top;
}
#cat-product-slider-container > ul {
	display: flex; height: 100%; position: relative;
}
#cat-product-slider-container > ul > li {
	display: flex; min-width: 100%; font-size: 1.1rem;
}
#cat-product-slider-container > ul > li a {
	position: relative; display: flex; color: var(--main-soft-cream); flex-direction: column; width: 100%;
}
#cat-product-slider-container > ul > li a figure {
	position: relative; flex: 1;
}
#cat-product-slider-container > ul > li a figure img {
	position: absolute; height: 100%; width: 100%; object-fit: contain; padding: 3% 3% 0 3%; filter: drop-shadow(.5em .5em .5em var(--main-master));
}
.slider-article-info-container {
	position: relative; left: 0; width: 100%; padding: 2% 3% 3%; background-image: linear-gradient(#2d282500,var(--main-master) 35%);
}
.slider-article-ul-brand {
	display: flex; flex-direction: row; line-height: 1; margin-bottom: .4em; font-size: 1.4em;
}
.slider-article-ul-brand > li {
	margin: auto 0 0;
}
.slider-article-h3-brand {
	text-transform: uppercase; font-size: .8em;
}
.slider-article-ref {
	height: 3.4em;
}
.slider-article-ref h4 {
	font-size: 1em; font-weight: 400; color: var(--main-soft-cream); overflow: hidden; max-height: 2.5rem;
}
.slider-article-stock-price {
	position: relative; margin-top: .2em; padding-top: .2em;
}
.slider-article-ul-stock {
	display: flex; flex-direction: row; font-family: "Barlow Condensed", sans-serif; font-size: .95em; font-weight: 500;
}
.slider-article-ul-stock li {
	display: flex; flex-direction: row; margin-right: .8em;
}
.slider-article-ul-stock li span {
	display: block; margin-top: auto; margin-bottom: auto;
}
.slider-article-price-container {
	position: absolute; bottom: 0; right: 0; text-align: center;
}
.slider-article-old-price {
	color: var(--main-middle-grey); font-size: .8em; text-decoration: line-through;
}
.slider-article-price {
	font-size: 1.4em; line-height: 1;
}
.category-iconique-container {
	display: flex; flex-direction: column;
}
.category-iconique-container ul {
	display: grid; grid-template-columns: repeat(3,1fr); justify-content: space-between; margin-bottom: 2rem; gap: 1rem .75rem;
}
.category-iconique-container ul:hover li a {
	opacity: .5; filter: grayscale();
}
.category-iconique-container ul li:hover a {
	opacity: 1; filter:none;
}
.category-iconique-container li a {
    display: block; padding: 0 1%; position: relative;
}
.category-iconique-container li figure img {
    width: 100%;
}
.category-iconique-container li h3 {
	position: absolute; display: flex; flex-direction: column; color: #fff; bottom: 10%; left: 7%; line-height: 1.1;
}
.category-iconique-container li h3 span:nth-child(1) {
	text-transform: uppercase; font-size: .95rem; font-weight: 800;
}
.category-iconique-container li h3 span:nth-child(2) {
	font-weight: 300; font-size: 2rem;
}
.category-iconique-container li div {
	display: flex; justify-content: end; font-family: "Barlow Condensed", sans-serif; font-weight: 600; text-transform: uppercase; margin-top: -.5em;
}
.category-iconique-container li div a {
	color: var(--main-master); padding: 0 1.5rem 0 0;
}
.category-iconique-container li div a:hover {
	color: var(--main-red);
}

/* ---- LISTING ARTICLE BASE ---- */
.list-articles-container > ul {
    display: flex; flex-wrap: wrap; justify-content: space-between;
}
.list-articles-container > ul > li {
    width: 31.5%; margin-bottom: 2rem;
}
.listing-article-container > a {
	width: 100%; height:21vw; display: block; position: relative; color: var(--main-master); max-height: 390px; min-height: 260px;
}
.listing-modele-unique {
	position: absolute; width: 30%; bottom: 2%; right: 2%; max-width: 120px;
}
.modele-unique {
	position: absolute; width: 30%; bottom: 2%; right: 2%; max-width: 120px; background-image: url("../svg/modele-unique.svg"); background-repeat: no-repeat; aspect-ratio: 16/9; filter: drop-shadow(.1rem .15rem .1rem #000);
}
.listing-article-container figure {
	width: 100%; height: 65%; position: absolute; top: 0; left: 0; overflow: hidden; border-radius: 1rem; background-color: #f1edea;
}
.listing-article-container.article-type-guitare.article-custom-shop figure {
	background-image: url("../images/habillage/fond-bois.jpg"); background-size: cover;
}
.listing-article-container.article-type-ampli figure {
	background-color: #f1edea;
}
.listing-article-container figure img {
	 object-fit: contain; display: block;
}
.listing-article-container figure img.listing-normal-product {
	width: 84%; height: 90%; margin: 2.5% auto;
}
.listing-article-container.article-type-guitare figure img {
	width: 150%; height: 85%; transform: translate(5%,7.5%); mix-blend-mode: multiply;
}
.listing-article-container.article-type-guitare.article-custom-shop figure img {
	filter: drop-shadow(2px 8px 8px); mix-blend-mode: normal;
}
.listing-article-container.article-type-ampli figure img {
	width: 100%; height: 100%; mix-blend-mode: darken; padding: 5%;
}
.listing-article-info-container {
	position: absolute; bottom: 0; width: 90%; left: 5%;
}
.listing-article-ul-brand {
	display: flex; flex-direction: row; line-height: 1; margin-bottom: .4em; font-size: 1.25em;
}
.listing-article-ul-brand li {
	margin: auto 0 0;
}
.listing-article-h3-brand {
	text-transform: uppercase; font-size: .8em;
}
.statut-picto {
	font-family: "Barlow Condensed", sans-serif; font-size: .6em; text-transform: uppercase; margin-left: .75em; display: inline-block; white-space: nowrap; padding: .2em .5em .3em; font-weight: 600;
}
.stat-pic-custom-shop {
	color: var(--main-dark-brown); background-color: var(--main-yellow);
}
.stat-pic-new {
	color: #fff; background-color: var(--main-red);
}
.stat-pic-promo {
	color: #fff; background-color: var(--main-blue);
}
.listing-article-ref {
	height: 3.4em;
}
.listing-article-ref h4 {
	font-size: .9em; font-weight: 400; color: var(--main-dark-grey); overflow: hidden; max-height: 2.25rem;
}
.listing-article-stock-price {
	position: relative; border-top: 1px dashed var(--main-cream); margin-top: .2em; padding-top: .2em;
}
.listing-article-ul-stock {
	display: flex; flex-direction: row; font-family: "Barlow Condensed", sans-serif; font-size: .95em; font-weight: 500;
}
.listing-article-ul-stock li {
	display: flex; flex-direction: row; margin-right: .8em;
}
.listing-article-ul-stock li span {
	display: block; margin-top: auto; margin-bottom: auto;
}
.stock-picto {
	width: .75em; height: .75em; border-radius: 50%; background-color: #ccc; margin-right: .3em;
}
.stock-green {
	background-color: var(--main-green);
}
.listing-article-price-container {
	position: absolute; bottom: 0; right: 0; text-align: center;
}
.listing-article-old-price {
	color: var(--main-middle-grey); font-size: .8em; text-decoration: line-through;
}
.listing-article-price {
	font-size: 1.2em; border: 1px solid var(--main-cream); background-color: #fff; line-height: 1; padding: .1em .25em .2em;
}

/* ---- LISTING ---- */
.fullheight-flex-container {
	margin: var(--main-separator); width: calc(100% - (2 * var(--main-separator))); background: #fff; display: flex; flex-direction: column; margin-bottom: 0;
}
.listing-container {
    padding: calc(var(--main-separator) * 5) calc(var(--main-separator) * 6); position: relative;
}
.with-bkg-beton {
    background-image: url("../images/habillage/bkg-beton.jpg"); background-position: right top; background-repeat: no-repeat;
}
.listing-top-txt {
	font-size: .9rem; font-weight: 400; padding-right: 1rem;
}
.listing-top-txt p {
	margin-bottom: .5rem;
}
.listing-top-txt p:last-child {
	margin-bottom: 0;
}
/* ---- LISTING ICONIQUE ---- */
.habillage-iconique {
	position: absolute; top: 0; right: 0; width: 50%; max-width: 685px;
}
.habillage-iconique img {
	width: 100%;
}
.listing-iconique-top {
    display: flex; margin-bottom: 1rem; flex-direction: column; width: 60%; position: relative;
}
.listing-iconique-top .gradient {
	position: absolute; height: 2.5rem; background-image: linear-gradient(#fff0,#fff); width: 100%; bottom: 0;
}
.listing-iconique-top h1 {
    font-weight: 400; font-size: 1.8rem; margin-bottom: 1rem; text-transform: capitalize;
}
.listing-iconique-top > div:nth-child(2) {
	height: 16vw; max-height: 280px; overflow: auto;
}
.listing-iconique-top .listing-top-txt {
	font-size: .9rem; font-weight: 400; text-align: justify; margin-bottom: 1.5rem; padding-top: .5rem;
}
.listing-iconique-top .listing-top-txt h2 {
	font-weight: 300; text-transform: uppercase; font-size: 1.1rem; margin-bottom: .5rem;
}
.listing-iconique-top .listing-top-txt h3 {
	font-size: 1rem; font-weight: 500; margin-bottom: .5rem; margin-top: 1rem;
}
.listing-iconique-top .listing-top-txt p {
	margin-bottom: .5rem;
}
.listing-iconique-top .listing-top-txt p:last-child {
	margin-bottom: 0;
}
/* ---- LISTING BRANDS ---- */
.listing-brands-container {
	display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 1.5rem 1rem; max-width: 1200px; margin: 2rem auto;
}
.listing-brands-container > li {
	background-color: var(--main-soft-cream); display: flex; max-width: 330px; max-height: 180px; width: 100%; margin: auto;
}
.listing-brands-container > li > a {
	flex: 1; position: relative; padding-top: 50%;
}
.listing-brands-container > li > a:hover {
	background-color: var(--main-red); transition: all .5s;
}
.init-brand-svg {
	position: absolute; top: 50%; left: 50%; height: 100%; width: 100%; background-color: var(--main-dark-brown); transform: translate(-50%,-50%); max-width: 74%; max-height: 65%; transition: all .25s;
    -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: contain;
    mask-repeat: no-repeat; mask-position: center; mask-size: contain;
}
a:hover .init-brand-svg {
    background-color: #fff; transition: all .25s;
}
.listing-brands-container ul {
	width: 18%; display: grid; grid-gap: .2rem; padding: .2rem;
}
.listing-brands-container ul li {
	background-color: #fff;
}
.listing-brands-container ul li.inactif {
	opacity: .35;
}
.listing-brands-container ul li a {
	width: 100%; display: block; height: 100%; position: relative;
}
.listing-brands-container ul li:not(li.inactif) a:hover {
	background-color: var(--main-red);
}
.listing-brands-container ul li a span {
	position: absolute; display: block; width: 80%; height: 80%; top: 50%; left: 50%; transform: translate(-50%,-50%);
}
.listing-brands-container ul li a span::before {
	content: ""; background-color: var(--main-cream); display: block; width: 100%; height: 100%;
}
.listing-brands-container ul li:not(li.inactif) a:hover span::before {
	background-color: #fff;
}
/* ---- LISTING BRAND ---- */
.listing-brand-top {
	display: flex; margin-bottom: 2rem;
}
.listing-brand-top-left {
	flex: 1;
}
.listing-brand-top-left h1 {
	text-transform: capitalize; margin-bottom: 1rem;
}
.listing-brand-top-right {
	width: 31.5%; position: relative; filter: drop-shadow(2px 2px 2px #eae1da); opacity: .75;
}
.listing-brand-top-right .init-brand-svg {
	max-height: 55%!important;
}
.brand-float-mask {
    display:none;
}
/* ---- LISTING RESULT ---- */
.listing-product-ss-cat-container {
	position: absolute; width: 100%; z-index: 9; background-color: #fff; top: 0; left: 0; padding: 1rem 2rem; box-shadow: 0 .35rem .35rem rgba(0,0,0,.35); display: none;
}
.listing-product-ss-cat-container ul {
	display: flex; flex-wrap: wrap; white-space: nowrap; /*padding-bottom: 1rem; border-bottom: 1px dashed #ccc; margin-bottom: 1rem;*/
}
.listing-product-ss-cat-container ul li {
	width: calc(100% / 9); padding: .5rem; text-align: center;
}
.listing-product-ss-cat-container ul li a {
	font-size: .9rem; color: var(--main-dark-grey); margin: auto; font-family: "Barlow Condensed";
}
.listing-product-top {
    display: flex; margin-bottom: 1rem; flex-direction: column;
}
.listing-product-top > div {
    display: flex; flex-direction: column;
}
.listing-product-top h1 {
    font-weight: 300; font-size: 1.8rem; flex: 1; margin-bottom: 1rem;
}
.filters-products-container {
    display: flex; font-family: "Barlow Condensed", sans-serif; font-size: 1.1rem; font-weight: 500; line-height: 1; position: relative; /*position: sticky; top: 0; background-color: #fffffff0; z-index: 999;*/ width: 100%; padding: 1rem 0 1rem; margin-bottom: 0;
}
.filters-products-container > div:first-child {
    border: 1px solid var(--main-master); text-transform: uppercase; padding: .5rem;
}
.filters-products-container > div:first-child  ul {
    display: flex; justify-content: space-between;
}
.filters-products-container > div:first-child  ul li:last-child {
    display: none;
}
.filters-products-container > ul {
    display: flex; width: 100%; max-width: 850px;
}
.filters-products-container > ul > li {
    display: flex; width: calc(100% / 4); margin-left: 3%;
}
.select-filter {
    display: block; border-bottom: 3px solid var(--main-filet); width: 100%; position: relative; padding: .5rem 0; z-index: 8;
}
.select-filter.check {
    border-color: var(--main-yellow);
}
.select-filter .select-filter-title {
	padding-left: 1.2rem; padding-right: 1.2rem; width: 100%; display: block; position: relative; cursor: pointer;
}
.select-filter .select-filter-title::after {
	position: absolute; content: ""; bottom: 0; right: .8rem; width: 0; height: 0; border-top: .4rem solid transparent; border-bottom: .4rem solid transparent; border-left: .4rem solid var(--main-filet); transform: rotate(90deg);
}
.select-filter.check .select-filter-title::before {
	content: ""; position: absolute; width: 1.2rem; height: 100%; top: 0; left: 0; -webkit-mask-image: url("../svg/check.svg"); mask-image: url("../svg/check.svg"); background-color: var(--main-yellow);
}
.select-filter-slide {
	position: absolute; color: #fff; background-color: #fff; min-width: 130%; padding: .4rem 0; border-radius: .35rem; top: 2.75rem; text-transform: uppercase; white-space: nowrap; font-size: 1rem; box-shadow: 2px 2px 5px var(--main-master); opacity: 0; visibility: hidden; transition: opacity .5s, visibility .5s .5s; /*max-height: 400px; overflow: auto;*/
}
.select-filter.open .select-filter-slide {
	opacity: 1; visibility: visible; transition: opacity .5s;
}
.select-filter-slide > ul {
	padding: 0 0 .4rem 0;
}
.select-filter-slide.with-accordeon > ul {
	display: none;
}
.select-filter-slide.with-accordeon > ul.open {
	display: block;
}
.select-filter-slide > ul > li {
	padding-bottom: .25rem; padding-top: .25rem; padding-right: .7rem; position: relative; padding-left: .75rem;
}
.select-filter-slide > ul > li:hover {
	background-color: #eee;
}
.select-filter-slide > ul > li label {
    display: flex; align-items: center;
}
.select-filter-slide > ul > li div {
	position: absolute; background-color: #fedeb7; padding: .5rem .75rem; width: 115%; top: -.5rem; text-transform: none; left: 98%; border-radius: .5rem; white-space: wrap; font-weight: normal; font-size: .9em; box-shadow: .25rem .25rem .5rem rgba(0,0,0,.5); line-height: 1.2; color: #000; border: 1px solid #fff; display: none;
}
.select-filter-slide > ul > li:hover div {
	display: block;
}
.select-filter-slide > ul > li input[type="checkbox"] {
	border-color: var(--main-master); margin: .18rem .25rem 0 0; width: .8rem; height: .8rem; border-width: 1px; background-color: #fff;
}
.select-filter-slide > ul > li input[type="checkbox"]:checked {
	background-color: var(--main-yellow);
}
.select-filter-slide > ul > li span.strong {
	flex: 1; color: var(--main-master);
}
.select-filter-slide > ul > li span {
	color: var(--main-middle-grey); font-weight: normal; margin-left: .25rem;
}
.filters-products-container > div:last-child {
    display: flex;
}
.filter-reset {
	margin: auto 0 auto .8rem; white-space: nowrap; font-size: .85rem; border-radius: .25rem; font-family: "Futura BT",sans-serif;
}
.select-filter-choose-title {
	display: block; padding: .5rem .5rem .5rem 1.55rem; color: var(--main-master); cursor: pointer; position: relative; border-top: 1px solid var(--main-soft-cream); text-transform: capitalize; font-size: 1.1rem; margin: 0 .5rem;
}
.select-filter-choose-title:first-child {
	border-top: none;
}
.select-filter-choose-title::after {
	position: absolute; content: ""; top: .65rem; right: .4rem; width: 0; height: 0; border-top: .4rem solid transparent; border-bottom: .4rem solid transparent; border-left: .4rem solid var(--main-filet); transform: rotate(90deg);
}
.select-filter-choose-title.checked::before {
	content: ""; position: absolute; width: 1.2rem; height: 100%; top: 0; left: 0; -webkit-mask-image: url("../svg/check.svg"); mask-image: url("../svg/check.svg"); background-color: var(--main-yellow);
}
.result-products-nav-container {
    display: flex; font-size: .9rem; margin: .5rem 0 1.5rem 0; position: relative;
}
.count-results {
    font-weight: 600;
}
.result-products-nav-container > div,
.result-products-nav-container > div ul {
    display: flex;
}
.result-products-nav-container > div > ul li {
    margin: auto 0; display: flex; align-items: center;
}
.result-products-nav-container > div:first-child {
    flex: 1;
}
.result-products-nav-container > div:last-child li {
    margin-left: .5rem;
}
.pager-container {
    margin-left: .5rem; display: none!important;
}
.pager-li {
    margin-top: 0!important; margin-bottom: 0!important;
}
.pager {
	display: block; border: 1px solid var(--main-cream); height: 100%; width: 1.6rem; position: relative; background-color: #fff;
}
.pager::after {
	position: absolute; content: ""; top: 50%; left: 50%; width: 0; height: 0; border-top: .4rem solid transparent; border-bottom: .4rem solid transparent; transform: translate(-50%,-50%);
}
.pager-prev::after {
	border-right: .4rem solid var(--main-master);
}
.pager-next::after {
	border-left: .4rem solid var(--main-master);
}
/* ---- SOFT NAV PAGE ---- */
.soft-nav-page .top-col-nav-container {
    height: 100%;
}
.soft-nav-page .middle-col-nav-container {
    display: none;
}
.soft-nav-page .section-col-top {
	max-height: 355px; height: 18.15vw; padding-top: 0;
}

/* ---- PRODUIT ---- */
.product-ul-slider-btn {
    display: flex;
}
.btn-select-prev,
.btn-select-next {
	width: 2.1rem; height: 2.1rem; border-radius: 50%; border: 1px solid var(--main-middle-grey); margin-left: .5rem; position: relative;
}
.btn-select-prev:hover,
.btn-select-next:hover {
	background-color: var(--main-yellow); border: 1px solid var(--main-yellow); cursor: pointer;
}
.btn-select-prev::before,
.btn-select-next::before {
	content: ""; position: absolute; border: solid var(--main-master); border-width: 0 3px 3px 0; display: inline-block; padding: 13%; top: 50%; left: 50%;
}
.btn-select-next::before {
	transform: rotate(-45deg) translate(-7%,-81%);
}
.btn-select-prev::before {
	transform: rotate(130deg) translate(-18%,60%);
}
.zoom-popup-container {
	display: none; position: fixed; top: 50%; left: 50%; width: calc(100% - (var(--main-separator) * 22)); height: calc(100% - 54px); z-index: 1000; transform: translate(-50%,-50%); padding-top: 70px; max-width: calc(var(--main-max-width) - 2%);
}
.zoom-popup-container > div {
	height: 100%; width: 100%; box-shadow: 5px 5px 13px #00000085; background-color: #fff; border-radius: 1rem; position: relative; display: flex; flex-direction: column; overflow: hidden;
}
.zoom-popup-container > div > div:first-child {
	flex: 1; position: relative;
}
.zoom-popup-container > div > div:nth-child(2) {
	padding: 1rem 0 2%; overflow: auto; max-width: 1400px; margin: auto; width: 94%;
}
.product-zoom-img {
	width: 95%; height: 92%; object-fit: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-48%);
}
.load-zoom-media {
    display: flex; height: 100%; position: relative;
}
.load-zoom-media li {
    min-width: calc(100% / 7); padding: .1rem; opacity: .5;
}
.load-zoom-media li:hover,
.load-zoom-media li.select {
    opacity: 1;
}
.load-zoom-media li:hover a,
.load-zoom-media li.select a {
    border-color: var(--main-master);
}
.load-zoom-media li a {
    display: flex; background: #fff; line-height: 0; border: 1px solid var(--main-cream); position: relative; padding-top: 68%;
}
.load-zoom-media li a img {
    object-fit: contain; width: 100%; height: 96%; object-position: 50% 50%; margin: auto;
}
.load-zoom-media li a.small-cover img {
	height: 100%; margin: auto; object-position: -4% 50%; object-fit: cover; top: 0; position: absolute; padding: .2rem;
}
.load-zoom-media li a.small-cover.gaucher img {
    object-position: 104% 50%;
}
.load-zoom-media li a.small-contain img {
    object-fit: cover; height: 100%; margin: auto; object-position: 50% 50%; top: 0; position: absolute; padding: .2rem;
}
.button-media-close {
	position: absolute; top: .5rem; right: .5rem; border: 2px solid; font-size: 1.2rem; text-transform: uppercase; background-color: transparent; padding: .25rem .57rem; border-radius: 1.2rem; color: var(--main-red); cursor: pointer; font-weight: 600;
}
.product-flex-top-container {
	margin: var(--main-separator); position: absolute; top: 0; width: calc(100% - (2 * var(--main-separator))); height: 100%; background: #fff; display: flex; flex-direction: column; margin-bottom: 0;
}
.product-first-elmt-container {
	display: flex; padding: 2% 3% 2.5%; flex: 1;
}
.product-first-elmt-col-left {
    flex: 1; display: flex; flex-direction: column;
}
.product-first-elmt-col-right {
	width: 28%; min-width: 255px; padding-left: 2%; display: flex; flex-direction: column;
}
.product-ul-brand {
	display: flex; flex-direction: row; line-height: 1; margin-bottom: .2em; font-size: 1.6rem; padding-bottom: .5em; position: relative;
}
.product-ul-brand:after {
	content: ""; position: absolute; bottom: 0; left: 0; width: 1.5em; height: .2em; display: block; background-color: var(--main-red);
}
.product-ul-brand li {
	margin: auto 0 0;
}
.product-h3-brand {
	text-transform: uppercase; font-size: .95em;
}
.product-h1 {
    font-weight: 400; font-size: 1.35rem; margin-bottom: 1rem;
}
.product-tag-container {
    font-size: 1rem; flex: 1; display: flex; flex-direction: column; justify-content: end;
}
.product-tag-title {
	text-transform: uppercase; font-weight: 500; margin-bottom: .5rem;
}
.product-tag-container ul {
    display: flex;
}
.product-tag-container ul li {
    margin-right: 1rem;
}
.product-tag-container ul li a {
    color: #fff; background-color: var(--main-cream); padding: .15rem .75rem; border-radius: .75rem; display: block;
}
.product-tag-container ul li a:hover {
    background-color: var(--main-red);
}
.product-price-container {
    line-height: 1.1; display: flex; flex-direction: column; justify-content: center; text-align: center;
}
.product-price-old {
    text-decoration: line-through; font-size: 1rem; color: var(--main-middle-grey); display: flex; justify-content: center; align-items: end;
}
.product-price {
    font-size: 1.9rem; font-weight: 900; white-space: nowrap;
}
.product-price-or {
    font-size: .92rem; display: flex; justify-content: center; align-items: center; margin-bottom: .4rem;
}
.product-price-or.smart{
    display: none;
}
.product-price-or span {
	font-weight: 600; background-color: var(--main-green); border-radius: 50%; padding: .25rem; color: #fff; margin-right: .25rem;
}
#add-product {
	flex: 1;
}
.add-product-button {
	background-color: var(--main-red); color: #fff; width: 100%; border: none medium; text-transform: uppercase; position: relative; font-size: 1.4rem; height: 90%; max-height: 56px;
}
.product-stock-container {
	display: flex; flex-direction: column-reverse;
}
.product-ul-stock {
	display: flex; flex-direction: row; font-family: "Barlow Condensed", sans-serif; font-size: .95em; font-weight: 500; justify-content: center; align-items: end; margin-bottom: .4rem;
}
.product-ul-stock li {
	display: flex; flex-direction: row; margin-right: .8em;
}
.product-ul-stock li:last-child {
	margin-right: 0;
}
.product-ul-stock li:first-child {
	text-transform: uppercase;
}
.product-ul-stock li span {
	display: block; margin-top: auto; margin-bottom: auto;
}
.product-statut-livraison {
	color: var(--main-green); padding: .4rem; text-align: center; height: 52%; display: flex; justify-content: center; align-items: center; font-weight: 600; border: 1px solid var(--main-middle-grey); font-size: 1.1rem;
}
.product-statut-livraison span {
    font-weight: 700;
}
.product-chapter-title {
	font-size: .9rem; text-transform: uppercase; color: var(--main-dark-grey); font-weight: 600;
}
.product-chapter-title strong {
	font-weight: 600;
}
.product-media-flex {
	display: flex; height: 28vw; max-height: 560px;
}
.product-media-flex-left {
	width: calc(25% + (var(--main-separator) / 2)); padding: 0 calc(var(--main-separator) * 4); margin: calc(var(--main-separator) * 4) 0; display: flex; flex-direction: column;
}
.product-media-flex-left > div:first-child {
	height: 55%; display: flex; flex-direction: column;
}
.product-media-flex-left > div:last-child {
	flex: 1; display: flex; flex-direction: column;
}
.slide-select-media {
    overflow: hidden; height: 80%;
}
.open-zoom-media {
    display: flex; height: 100%; flex-wrap: wrap; position: relative;
}
.open-zoom-media li {
    width: calc(100% / 3); padding: .1rem; opacity: .5; min-height: 50%;
}
.open-zoom-media li:hover,
.open-zoom-media li.select {
    opacity: 1;
}
.open-zoom-media li:hover a,
.open-zoom-media li.select a {
    border-color: var(--main-master);
}
.open-zoom-media li a {
    display: flex; background: #fff; line-height: 0; height: 100%; border: 1px solid var(--main-cream);
}
.open-zoom-media li a img {
    object-fit: contain; width: 100%; height: 96%; object-position: 50% 50%; margin: auto;
}
.open-zoom-media li a.small-cover img {
	height: 86%; margin: auto; object-position: -4% 50%; object-fit: cover;
}
.open-zoom-media li a.small-cover.gaucher img {
    object-position: 104% 50%;
}
.open-zoom-media li a.small-contain img {
    object-fit: cover; height: 94%; margin: auto; object-position: 50% 50%; width: 96%;
}
.product-media-container {
	padding: calc(var(--main-separator) * 5); position: relative; flex: 1; background-image: url(../images/habillage/fond-bois.jpg); background-size: cover; background-repeat: no-repeat;
}
.product-modele-unique {
	max-width: 186px; position: absolute; top: 10%; right: 7%; width: 17%; min-width: 90px;
}
.product-media-img {
	width: 92%; object-fit: contain; height: 90%; position: absolute; top: 4%; left: 4%; filter: drop-shadow(.25rem .5rem .5rem);
}
.product-ul-media-select {
    display: flex; font-size: .85rem; margin-bottom: .5rem;
}
.product-ul-media-select li {
    margin: auto .7rem auto 0;
}
.product-ul-other-select {
    display: flex; align-items: flex-end; margin-bottom: .5rem;
}
.product-ul-other-select li:first-child {
    flex: 1;
}
.product-other-container {
    flex: 1; overflow: hidden; background-image: url("../images/habillage/fond-bois.jpg"); background-size: cover; background-repeat: no-repeat; border-radius: .5rem;
}
.product-other-container > ul {
    height: 100%; display: flex; position: relative;
}
.product-other-container > ul > li {
	min-width: 100%;
}
.product-other-container > ul > li a {
    display: flex; height: 100%; padding: .5rem;
}
.product-other-container > ul > li a figure {
    position: relative;
}
.product-other-container > ul > li a figure img {
    width: 100%; height: 100%; transform-origin: center; filter: drop-shadow(.25rem .25rem .25rem rgba(0,0,0,.5)); object-fit: contain;
}
.product-other-info {
    display: none;
}
.section-col-bottom.product {
    margin: var(--main-separator); background-color: #fff;
}
.product-infos-flex {
	height: 30vw; display: flex; max-height: 620px; min-height: 500px;
}
.product-infos-flex > div {
    padding: 0 calc(var(--main-separator) * 4); margin: calc(var(--main-separator) * 4) 0; display: flex; flex-direction: column;
}
.product-reviews-container {
    width: calc(25% + (var(--main-separator) / 2)); border-right: 1px solid var(--main-soft-cream);
}
.product-reviews-top {
	border-bottom: 1px solid var(--main-soft-cream); padding-bottom: 1rem;
}
.product-reviews-notes {
	display: flex; flex-direction: row; margin: 1rem 0;
}
.product-reviews-notes > div {
	width: 50%; display: flex; flex-direction: column;
}
.product-reviews-notes > div:first-child {
	width: 55%;
}
.product-reviews-note-globale {
	text-align: center; font-size: 2.4rem; font-weight: 300; border-right: 1px solid var(--main-soft-cream); flex: 1; display: flex; flex-direction: column; justify-content: center; line-height: 1;
}
.product-reviews-note-globale span {
	color: var(--main-cream);
}
.product-reviews-note-globale .reviews-stars {
    margin: .75rem auto 0;
}
.btn-review {
	border: 2px solid var(--main-master); font-size: .8rem; text-transform: uppercase; font-weight: bold; padding: .25rem .8rem; background-color: #fff; max-width: 74%; margin: auto; display: flex;
}
.product-reviews-note-detail .reviews-stars {
    -webkit-transform: scale(.7); -webkit-transform-origin: top left; transform: scale(.7); transform-origin: top left; margin-top: .5rem;
}
.product-reviews-note-detail {
    font-size: .72rem; text-transform: uppercase; font-weight: 300; display: flex; flex-direction: column; margin: auto;
}
.product-reviews-note-detail li {
    margin-bottom: 1rem;
}
.product-reviews-note-detail li:last-child {
    margin-bottom: 0;
}
.product-reviews-bottom {
	display: flex; flex-direction: column; flex: 1; padding-top: calc(var(--main-separator) * 4); position: relative;
}
.slider-review-container {
    overflow: hidden; flex: 1; margin-top: 1rem; display: flex;
}
.slider-review-container > ul {
    display: flex; width: 100%; position: relative;
}
.slider-review-container > ul > li {
    min-width: 100%; display: flex; flex-direction: column;
}
.choose-reviews-type {
	position: absolute; border: 1px solid var(--main-cream); appearance: auto; padding: .1rem .5rem; width: 50%; right: 0; font-size: .8rem;
}
.review-post {
    font-size: .8rem; color: var(--main-middle-grey); margin-bottom: .75rem;
}
.review-post span {
    font-weight: 500; color: var(--main-dark-grey);
}
.review-textarea {
	font-size: .9rem; font-weight: 300; overflow-y: auto; flex: 1; position: relative; color: var(--main-dark-grey); font-style: italic;
}
.review-textarea div {
	position: absolute; width: 100%;
}
.review-textarea p {
	margin-bottom: .5rem;
}
.review-note-post {
	display: flex; font-style: normal; text-transform: uppercase; font-size: .7rem; flex-wrap: wrap; min-width: 180px;
}
.review-note-post li {
    display: flex; margin-bottom: .6rem; flex-direction: column; width: calc(100% / 3); min-width: 110px;
}
.review-note-post .reviews-stars {
    -webkit-transform: scale(.7); -webkit-transform-origin: top left; transform: scale(.7); transform-origin: top left; margin-top: .5rem;
}
.product-review-transport {
	display: flex; justify-content: space-between; padding-top: .5rem;
}
.product-review-transport ul {
    display: flex; justify-content: flex-end;
}
.product-media-description-container {
    flex: 1;
}
.product-media-description-container h2 {
    margin-bottom: 1rem;
}
.product-description-container {
	height: 100%; display: flex; flex-direction: column; position: relative;
}
.product-description-slide {
	position: absolute; overflow: auto; font-size: .95rem; font-weight: 300; line-height: 1.3; max-height: 100%; padding-right: 1%;
}
.product-description-slide p {
	margin-bottom: .5rem;
}
.product-specif-other-container {
    background-color: var(--main-soft-cream); width: 25%; padding: calc(var(--main-separator) * 4) 0 0!important; margin: 0 !important; position: relative;
}
.product-specif-other-container .product-chapter-title {
	padding-left: 1rem; padding-bottom: .5rem; border-bottom: 1px dotted #fff; margin-bottom: .5rem;
}
.product-specif-other-slide {
	position: relative; height: 100%; width: 100%;
}
.product-specif-other-inside {
	position: absolute; display: flex; height: 100%; left: 0; transition: left .5s; width: 100%;
}
.product-specif-other-inside > div {
	height: 100%; overflow-y: auto; font-size: .85rem;
}
.product-specif-container ul {
	list-style: circle inside;
}
.product-specif-container ul li {
	margin-bottom: .4rem; text-indent: -.65rem; padding-left: 1.65rem; border-bottom: 1px dotted #fff; padding-bottom: .4rem; padding-right: .5rem;
}
.product-specif-container ul li:last-child {
	border-bottom: none;
}
.product-upsell-container {
    display: flex; flex-direction: column; padding: 2% calc(var(--main-separator) * 4) 2.5%; width: 100%; border-top: 1px solid var(--main-soft-cream);
}
.product-upsell-message {
    color: var(--main-red); margin: .5rem 0 1rem; font-size: 1.1rem; font-weight: 500; display: block; text-align: center; text-transform: uppercase;
}
.product-upsell-message strong {
    white-space: nowrap;
}
.product-upsell-slide {
     /*overflow: hidden;*/
}
.product-upsell-slide > ul {
    height: 13vw; display: flex; min-height: 190px;
}
.product-upsell-container > div:first-child {
	margin-bottom: .5rem;
}
.product-upsell-slide > ul > li {
	width: calc(100% / 6); padding: .5rem 1.5%; height: 100%; border-right: 1px solid var(--main-soft-cream); display: flex; flex-direction: column; justify-content: space-between;
}
.product-upsell-slide > ul > li:last-child {
	border-right: none;
}
.product-upsell-slide > ul > li a {
    display: flex; flex-direction: column; height: 87%; justify-content: space-between;
}
.product-upsell-slide > ul > li form {
    font-size: .8rem; display: flex; justify-content: center; background-color: var(--main-soft-cream); padding: .4rem 0; margin-top: .4rem; text-transform: uppercase;
}
.input-upsell {
    margin-right: .5rem; background-color: #fff;
}
.input-upsell:checked {
    background-color: var(--main-red)!important;
}
.input-upsell:checked + .label-upsell {
    color: var(--main-red)!important; font-weight: 500!important;
}
.product-upsell-slide > ul > li a img {
	width: 100%; height: 60%; object-fit: contain; object-position: center; padding: 5.5%; flex: 1
}
.product-upsell-slide > ul > li a div {
    padding-left: 2%;
}
.product-upsell-slide > ul > li a div ul {
    display: flex; height: 100%; flex-direction: column; color: var(--main-master);
}
.product-upsell-slide > ul > li a div ul li:nth-child(1) {
    font-size: .9rem; text-transform: uppercase; margin-bottom: 0.3rem;
}
.product-upsell-slide > ul > li a div ul li:nth-child(2) {
    font-size: .8rem; flex: 1; max-height: 2rem; min-height: 2rem; overflow: hidden; color: var(--main-middle-grey);
}
.product-upsell-slide > ul > li a div ul li:nth-child(3) {
    font-size: .9rem; text-align: right; color: var(--main-red);
}
.product-upsell-slide > ul > li a div ul li:nth-child(3) .old-price {
    color: var(--main-middle-grey);
}
.product-upsell-slide > ul > li a div ul li:nth-child(3) .reduce-price {
    font-size: 1.1rem; color: var(--main-master); margin-left: .25rem;
}
#add-group-products {
    display: none; justify-content: center; margin-top: 1.5rem; width: 100%; max-width: 100%; flex-wrap: wrap;
}
#add-group-products.open {
    display: flex;
}
#add-group-products ul {
    display: flex; margin: .5rem 0;
}
#add-group-products ul li {
    border: 1px solid var(--main-cream); width: 4rem; height: 4rem; padding: .2rem; margin: 0 .2rem; background-color: #fff; border-radius: 6px;
}
#add-group-products ul li:first-child {
    width: 8.5rem;
}
#add-group-products ul li img {
    display: block; width: 100%; height: 100%; object-fit: contain;
}
#add-group-products > div {
	display: flex; width: 100%; max-width: 440px; padding: 0 .5rem;
}
#add-group-products > div> div  {
    margin: auto; text-align: center; line-height: 1;
}
#add-group-products .eco-group  {
    color: var(--main-red); font-size: .7rem; text-transform: uppercase; display: none;
}
#add-group-products > div> div:last-child  {
    margin: auto; flex: 1;
}
#add-group-products .add-product-button {
    min-width: 220px; background-color: var(--main-red); margin-left: 1rem; min-height: 44px;
}
.product-brand-container {
	display: flex; width: 100%;
}
.product-brand-container > div {
	margin: var(--main-separator); width: 50%; padding: calc(var(--main-separator) * 4); display: flex;
}
.product-brand-left {
	background-image: url("../images/habillage/marques/fender.jpg"); background-repeat: no-repeat; background-size: cover; border: 1px solid var(--main-dark-grey);
}
.product-brand-left h2 {
	color: var(--main-cream);
}
.product-brand-left a {
    color: #fff;
}
.product-brand-left a:hover {
    color: var(--main-yellow);
}
.product-brand-left h2 strong{
	color: #fff;
}
.product-brand-left > ul {
	display: flex; width: 100%;
}
.product-brand-left > ul > li {
	display: flex; flex-direction: column;
}
.product-brand-left > ul > li:first-child {
	width: 40%; display: none;
}
.product-brand-left > ul > li:last-child {
	flex: 1; justify-content: end;
}
 .product-brand-left hr {
	border: none; border-bottom: 1px solid var(--main-middle-grey); margin: .5rem 0; display: none;
}
.product-brand-logo {
	filter: brightness(0) invert(1); display: flex; flex: 1; opacity: .25;
}
.product-brand-logo img {
	margin: auto; max-width: 80%;
}
.product-brand-resume {
	font-family: "Barlow Condensed", sans-serif; text-transform: uppercase; color: var(--main-yellow); font-size: 1.2rem; font-weight: 500; display: flex;
}
.product-brand-resume a {
	width: 33%; padding: .5rem; text-align: center; border: 1px solid var(--main-middle-grey); margin: 0.15rem;
}
.product-brand-resume a:hover {
	background-color: var(--main-yellow); border: none; color: var(--main-master);
}
.product-brand-categories {
    display: flex; flex-wrap: wrap; font-weight: 200; font-size: .9rem; display: none;
}
.product-brand-categories li {
    width: 50%; margin-bottom: .5rem;
}
.product-brand-right {
	background-color: #fff; flex-direction: column;
}
.product-brand-right > div:first-child {
	margin-bottom: .5rem;
}
.product-cross-sell-container {
    display: flex; width: 100%; flex: 1;
}
.init-select-cross-sell {
	display: flex; flex: 1; flex-wrap: wrap;
}
.init-select-cross-sell li {
	display: flex; width: 50%; height: calc(100% / 3); padding: 3% 3% 0 0; opacity: .5;
}
.init-select-cross-sell li.select {
	opacity: 1;
}
.init-select-cross-sell li a {
	display: block; width: 100%; border: 1px solid var(--main-cream); height: 100%; padding: 3%;
}
.init-select-cross-sell li a img {
	width: 100%; height: 100%; object-fit: cover; object-position: left center;
}
.product-cross-sell-fade {
    position: relative; color: var(--main-master); width: 61%; display: flex; flex-direction: column; margin-left: 4%; height: 19vw; max-height: 360px;
}
.product-cross-sell {
    position: absolute; color: var(--main-master); display: flex; flex-direction: column; min-width: 100%; max-height: 100%; top: 0; left: 0; opacity: 0; height: 100%; transition: opacity 1s;
}
.product-cross-sell.select {
    opacity: 1; transition: opacity 1s;
}
.product-cross-sell figure {
    padding: 3% 0; height: 50%; flex: 1;
}
.product-cross-sell img {
    width: 100%; height: 100%; object-fit: contain;
}
.product-info-cross-sell {
    position: relative; width: 100%; bottom: auto; left: auto;
}
.product-info-cross-sell .listing-ref {
	height: 2.8em;
}

/* ---- CUSTOM SHOP MARQUE ---- */
.csm-top-container {
	display: flex; padding: .5rem 3% 0 .5rem; flex: 1;
}
.csm-top-container > div:nth-child(1) {
	height: 100%; aspect-ratio: 1/1; background-color: var(--main-cream); align-items: center; justify-content: center; display: flex; font-family: "Barlow Condensed", sans-serif;
}
.csm-top-container h1 {
	display: flex; flex-direction: column; align-items: center; text-transform: uppercase; line-height: 1;
}
.csm-top-container h1 span.small {
	font-size: 1.8rem;
}
.csm-top-container h1 span.big {
	font-size: 2.5rem;
}
.csm-top-container h1 img {
	max-width: 290px; width: 70%;
}
.csm-top-container > div:nth-child(2) {
	padding: 0 0 2rem 2rem; display: flex; flex-direction: column; justify-content: space-evenly;
}
.csm-top-container h2 {
	margin: 1rem 0; font-weight: 400; font-size: 1.4rem; text-align: center;
}
.csm-txt-container {
	font-size: .9rem;
}
.csm-txt-container p:not(:last-child) {
    margin-bottom: 1rem;
}
.section-col-bottom.csm {
	margin: var(--main-separator); background-color: #fff;
}
.csm-part2-container {
	display: flex; border-bottom: 3rem solid var(--main-cream);
}
.csm-part2-container > div {
	flex: 1; padding: 3%; justify-content: center; display: flex; flex-direction: column; border-bottom: 3rem solid var(--main-cream);
}
.csm-part2-container > figure {
	width: 55.5%;
}
.csm-part2-container > figure img {
	width: 100%; display: block;
}
.csm-part3-container {
    position: relative;
}
.csm-part3-container > div:nth-child(1) {
	font-size: 1.6rem; background-color: var(--main-cream); padding: 0 3% 3rem 36%;
}
.csm-part3-container > div:nth-child(2) {
	padding: 3% 3% 3% 36%;
}
.csm-part3-container > div:nth-child(2) figure {
	position: absolute; top: 0; left: 3rem; width: 30%;
}
.csm-part3-container > div:nth-child(2) figure img {
	display: block; width: 100%;
}
.csm-ban-container {
    padding: 3%; clear: both;
}
.csm-ban-container img {
	width: 100%; min-height: 240px; object-fit: cover; display: block;
}
/* ---- PANIER ---- */
.checkout-top-container {
    margin-top: 1rem; margin-bottom: 1.5rem;
}
.checkout-notice {
    padding-top: 1rem; max-width: 1000px; text-align: center; margin: auto; width: 80%;
}
.list-checkout-container input {
	border: 1px solid #ccc; padding: .35rem .35rem .35rem .5rem; width: 3.5rem; border-radius: .25rem;
}
.list-checkout-container > ul {
	display: flex; background-color: var(--main-master); color: #fff; text-transform: uppercase; font-size: .8rem; padding: .5rem 1rem; border-radius: .5rem;
}
.list-checkout-container > ul li:nth-child(1) {
	flex: 1;
}
.list-checkout-container > ul li:nth-child(2) {
	width: 18%; min-width: 7rem; text-align: left;
}
.list-checkout-container > ul li:nth-child(3) {
	width: 4rem; text-align: center;
}
.list-checkout-container > ul li:nth-child(4) {
	width: 7rem; text-align: right;
}
.list-checkout-container > ul li:nth-child(5) {
	width: 7rem; text-align: right;
}
.list-checkout-container article {
    display: flex; border: 1px solid #ccc; border-radius: .5rem; padding: .5rem 1rem; align-items: center; margin-top: 1rem; position: relative; flex-wrap: wrap;
}
.list-checkout-container article .product {
	flex: 1; display: flex; align-items: center;
}
.list-checkout-container article .dispo {
	width: 18%; min-width: 7rem; text-align: left; display: flex; align-items: center; font-family: "Barlow Condensed",sans-serif; text-transform: uppercase; font-weight: 500;
}
.list-checkout-container article .qty {
	width: 4rem; text-align: center;
}
.list-checkout-container article .unit-price {
	width: 7rem; text-align: right; font-family: "Barlow Condensed",sans-serif; font-size: 1.2rem;
}
.list-checkout-container article .unit-price strong {
    display: none; margin: 0 .5rem;
}
.list-checkout-container article .total-price {
	width: 7rem; text-align: right; font-family: "Barlow Condensed",sans-serif; font-size: 1.2rem; font-weight: 500;
}
.list-checkout-container article .product figure {
	position: relative; width: 20%; padding-top: 15%; margin-right: 1rem; overflow: hidden;
}
.list-checkout-container article .product.small figure {
	width: 12%; border: 1px solid #ccc; padding-top: 12%;
}
.list-checkout-container article img {
	position: absolute; top: 0; width: 100%; height: 100%; object-fit: contain;
}
.list-checkout-container article img.guitare {
	width: 200%; object-position: left center;
}
.list-checkout-container article .product.small figure img {
	padding: .25rem;
}
.list-checkout-container article .delete {
	width: 8%; position: relative;
}
.list-checkout-container article .delete-article {
	position: absolute; display: block; background-color: var(--main-red); color: #fff; font-weight: bold; top: -.25rem; right: -.25rem; border-radius: 1rem; width: 1.5rem; height: 1.5rem; text-align: center; line-height: 1.5rem; font-size: .9rem; cursor: pointer;
}
.list-checkout-container article .delete .delete-article {
	top: 50%; left: 50%; transform: translate(-50%,-50%);
}
.checkout-access-10 {
	min-width: 100%;
}
.checkout-access-10 span {
	background-color: var(--main-red); color: #fff; padding: .25rem .5rem; text-transform: uppercase; font-size: .85rem; font-weight: 500; display: inline-block; margin: 1rem 0 .5rem;
}
.list-checkout-container article ul {
	min-width: 100%; display: flex; align-items: center; margin-bottom: .5rem; flex-wrap: wrap;
}
.checkout-bottom-container {
	display: flex; margin-top: 2rem; justify-content: space-between; flex-wrap: wrap;
}
.checkout-bottom-container > div {
	display: flex; align-items: flex-start; justify-content: space-between;
}
.checkout-bottom-container > div:nth-child(1) {
	width: 55%; max-width: 640px;
}
.checkout-code-container {
	background-color: #eae1da; color: var(--main-master); padding: .65rem; display: flex; border-radius: .5rem; flex: 1; align-items: center;
}
.checkout-code-container > span {
	max-width: 50%; padding-right: .5rem;
}
.checkout-code-container form {
	flex: 1; display: flex;
}
.checkout-code-container form input {
	border: none; padding: .5rem; flex: 1;
}
.checkout-code-container form button {
	background-color: var(--main-yellow); border: none; padding: 0 .5rem; text-transform: uppercase; font-weight: bold;
}
.checkout-bottom-container > div:nth-child(2) {
	width: 32%; min-width: 340px;
}
.checkout-total-container {
	display: flex; flex-direction: column; flex: 1;
}
.checkout-total-container > div {
	border: 1px solid #ccc; border-radius: .5rem; padding: 1rem; margin-bottom: 1rem;
}
.checkout-total-container > div > ul {
	display: flex; margin-bottom: 1rem; justify-content: space-between;
}
.checkout-total-container > div > ul:last-child {
    margin-bottom: 0;
}
.checkout-total-container > div > ul li {
	display: flex; align-items: center;
}
.checkout-total-container > div > ul li:first-child {
	text-transform: uppercase;
}
.checkout-total-container > div > ul li.fonte-price {
	font-size: 1.6rem;
}
.checkout-total-container > div > ul li label {
	margin-left: 1rem;
}
/* ---- COMMANDER ---- */
.order-container {
	display: flex; margin-top: 2rem;
}
.left-order-container {
	width: 44%;
}
.right-order-container {
	flex: 1; padding-left: 2rem;
}
.order-block {
	position: relative; box-shadow: .1rem .1rem .3rem rgba(0,0,0,.35); border-radius: .5rem; margin-bottom: 2rem; border: 1px solid var(--main-filet);
}
.order-block .title-block {
	transform: translateY(-50%); border: 2px solid var(--main-master); display: inline-block; background-color: #fff; border-radius: 1rem; font-size: .85rem; font-weight: 800; text-transform: uppercase; padding: .35rem 1rem; line-height: 1; margin: 0 0 .5rem 1rem;
}
.order-block.invoice-address > div {
	width: 80%; margin: 0 auto 1.5rem;
}
.order-block.invoice-address > div li {
	display: flex; margin-bottom: .5rem; align-items: center;
}
.order-block.invoice-address > div ul {
	margin-bottom: 1.5rem;
}
.order-block.invoice-address > div li span:first-child {
	width: 20%; font-size: .8rem; text-align: right; font-weight: 500; color: var(--main-middle-grey);
}
.order-block.invoice-address > div li span:last-child {
	flex: 1; border-bottom: 1px solid var(--main-filet); margin-left: .5rem; padding: .25rem; font-size: 1.1rem;
}
.order-block.invoice-address > div li.demi span:last-child {
	max-width: 50%;
}
.order-account-access {
    font-size: .9rem; text-align: right;
}
.order-block.delivery-address > div {
	width: 80%; margin: 0 auto 1.5rem; display: flex; flex-direction: column; justify-content: center;
}
.order-block.delivery-address > div label {
	display: flex; margin-bottom: .5rem;
}
.order-block.checkout > div {
	width: 90%; margin: auto;
}
.order-products {
	display: flex; flex-direction: column;
}
.order-products li {
	display: flex; margin-bottom: 1rem; align-items: baseline;
}
.order-products li span:nth-child(1) {
	font-weight: bold; width: 6%;
}
.order-products li span:nth-child(2) {
	flex: 1;
}
.order-products li span:nth-child(2) strong {
	font-weight: 600;
}
.order-products li span:nth-child(3) {
	font-family: "Barlow Condensed"; font-size: 1.1rem; font-weight: 500; width: 14%; text-align: right;
}
.order-ss-total {
	display: flex; border-top: 1px solid var(--main-filet); padding-top: .5rem; align-items: center; margin-bottom: 1rem;
}
.order-ss-total span:nth-child(1) {
	text-transform: uppercase; font-weight: 500; flex: 1;
}
.order-ss-total span:nth-child(2) {
	font-family: "Barlow Condensed"; font-size: 1.3rem; font-weight: 600;
}
.order-delivery {
	border: 1px solid var(--main-filet); border-radius: .5rem; padding: .5rem .75rem; margin-top: 1rem;
}
.order-delivery li {
	display: flex; align-items: flex-start; padding-bottom: .5rem;
}
.order-delivery li > span:nth-child(1) {
	width: 27%; text-transform: uppercase; font-weight: bold;
}
.order-delivery li > span:nth-child(2) {
	flex: 1; display: flex;
}
.order-delivery li > span:nth-child(2) label {
	display: flex; flex: 1; align-items: flex-start;
}
.order-delivery li > span:nth-child(2) label span {
	flex: 1; display: flex; flex-direction: column;
}
.order-delivery li > span:nth-child(2) label span div {
	font-size: .85rem; font-weight: 500; color: var(--main-middle-grey);
}
.order-delivery li > span:nth-child(2) label span button {
	display: none; margin: .25rem 0; padding: .1rem .25rem; max-width: 150px;
}
.order-delivery li > span:nth-child(2) label > div {
	font-family: "Barlow Condensed"; text-transform: uppercase; font-size: 1.2rem;
}
.order-delivery label input:checked ~ div {
	font-weight: 600;
}
.order-delivery label input:checked ~ span button,
.order-delivery label input:checked ~ span div {
	display: block!important;
}
.order-total {
	display: flex; margin-left: 28%; padding: .5rem 0 1.5rem; justify-content: space-between; font-weight: bold; text-transform: uppercase; align-items: center;
}
.order-total span:last-child {
	font-family: "barlow Condensed"; font-size: 1.6rem;
}
.order-block.paiement > div {
	width: 90%; margin: auto;
}
.order-block.paiement > div ul li {
	margin: 0 auto .75rem; padding: 0 1rem .75rem; border-bottom: 1px solid var(--main-filet);
}
.order-block.paiement > div ul li:last-child {
	border-bottom: none;
}
.order-block.paiement > div ul li label {
	display: flex; align-items: center;
}
.order-block.paiement > div ul li label span {
	flex: 1;
}
.paiement-info {
	display: none; background-color: var(--main-soft-cream); padding: .5rem .75rem; border-radius: .35rem; margin-top: .5rem; font-weight: 500; font-size: .9rem; margin-left: 1.35rem;
}
.paiement-info.open {
	display: block;
}
.block-order-submit {
	max-width: 500px; margin: auto;
}
.block-order-submit label {
	display: flex; align-items: baseline; margin-bottom: 1.5rem;
}
.block-order-submit label span {
	flex: 1;
}
.block-order-submit label input {
	margin: 0 .5rem 0 0;
}

/* ---- ACCOUNT ---- */
.green {
    color: #28b211;
}
.bg-green {
    background-color: #28b211;
}
.bg-yellow {
    background-color: var(--main-yellow)
}
.list-section-account {
	margin-top: 2rem;
}
.list-section-account section {
	border: 1px solid var(--main-filet); margin-bottom: 1rem; border-radius: 1rem; overflow: hidden;
}
/*.list-section-account section:not(.open):hover {
	background-color: var(--main-soft-cream);
}*/
.list-section-account section .account-display-container {
    display: none; flex-direction: column;
}
/*.list-section-account section.open .account-display-container {
    display: flex;
}*/
.list-section-account section.open h2 {
    font-weight: 700!important;
}
.list-section-account .section-account-title {
	line-height: 1; height: 3.5rem; display: flex; align-items: center; padding: 0 1rem; cursor: pointer;
}
.list-section-account .section-account-title li:nth-child(1) {
	display: flex; align-items: center; flex: 1;
}
.list-section-account .section-account-title li:nth-child(1) span {
	display: block; width: 2.6rem; height: 2.5rem; margin-right: .75rem; position: relative;
}
.list-section-account .section-account-title li:nth-child(1) span::before {
	background-color: var(--main-red);
}
.list-section-account .section-account-title h2 {
	font-size: 1.25rem; font-weight: 500;
}
.picto-close {
	width: 2.2rem; height: 2.2rem; border-radius: 50%; position: relative; background-color: var(--main-cream); cursor: pointer; display: none;
}
.list-section-account section.open .picto-close {
    display: block;
}
.picto-close:hover {
	background-color: var(--main-red);
}
.picto-close::before {
	-webkit-mask-image: url("../svg/close.svg"); mask-image: url("../svg/close.svg"); width: 50%; left: 25%; background-color: #fff;
}
.picto-order::before {
	-webkit-mask-image: url("../svg/orders.svg"); mask-image: url("../svg/orders.svg");
}
.picto-identifier::before {
	-webkit-mask-image: url("../svg/password.svg"); mask-image: url("../svg/password.svg");
}
.picto-address::before {
	-webkit-mask-image: url("../svg/address.svg"); mask-image: url("../svg/address.svg");
}
.picto-subscription::before {
	-webkit-mask-image: url("../svg/subscription.svg"); mask-image: url("../svg/subscription.svg");
}
.picto-facture::before {
	-webkit-mask-image: url("../svg/pdf.svg"); mask-image: url("../svg/pdf.svg"); background-color: var(--main-red);
}
.account-orders-header {
	font-weight: 700; font-size: .9rem; display: flex; align-items: end; border-top: 1px solid var(--main-filet); padding-top: .5rem;
}
.account-orders-header > li:nth-child(1),
.account-ul-order > li:nth-child(1){
	width: 2%; position: relative;
}
.account-orders-header > li:nth-child(2),
.account-ul-order > li:nth-child(2) {
	width: 15%;
}
.account-orders-header > li:nth-child(3),
.account-ul-order > li:nth-child(3) {
	width: 11%;
}
.account-orders-header > li:nth-child(4),
.account-ul-order > li:nth-child(4) {
	width: 11%;
}
.account-orders-header > li:nth-child(5),
.account-ul-order > li:nth-child(5) {
	width: 13%;
}
.account-orders-header > li:nth-child(6),
.account-ul-order > li:nth-child(6) {
	flex: 1;
}
.account-orders-header > li span {
	border-bottom: .15rem solid; display: block; margin-left: .15rem; padding: 0 .35rem .2rem;
}
.account-orders-slide {
	min-height: 170px; overflow: auto;
}
.account-order-container {
	border-bottom: 1px solid var(--main-filet);
}
.account-order-container:last-child {
	border-bottom: none;
}
.account-order-container.open {
	background-color: #f3eeeb;
}
.account-ul-order {
	display: flex; align-items: center; cursor: pointer; font-size: .95rem; font-weight: 500;
}
.account-order-container:hover .account-ul-order {
    background-color: var(--main-soft-cream);
}
.account-order-container.open .account-ul-order {
    background-color: #f3eeeb;
}
.account-ul-order > li {
	padding: 0;
}
.account-ul-order > li > span {
	 margin-left: .15rem; padding: 1rem .35rem 1rem; display: block;
}
.account-ul-order > li ul {
	 display: flex;
}
.toggle-arrow::before {
	content: ""; height: 0; width: 0; display: block; border-left: .35rem solid var(--main-red); border-top: .35rem solid transparent; border-bottom: .35rem solid transparent; left: 60%; position: absolute; top: 50%; transform: translate(-50%,-50%); transition: all .25s;
}
.account-order-container.open .toggle-arrow::before {
    transform: translate(-50%,-50%) rotate(90deg); transition: all .25s;
}
.account-ul-order > li ul {
	display: flex; align-items: center; margin-right: .5rem;
}
.account-ul-order > li ul li:first-child span {
	margin-left: .35rem; padding: 1rem .35rem 1rem;
}
.account-ul-order > li ul li:nth-child(1) {
	flex: 1;
}
button.std {
	border-radius: 1rem; border: none; font-family: inherit; padding: .25rem .75rem; font-size: .85rem; font-weight: 600; color: #fff; cursor: pointer; margin-left: .5rem;
}
button.std.btn-return-selected {
	background-color: var(--main-cream); opacity: .25; margin-left: 0;
}
button.std.btn-return-selected.actif {
	position: relative; z-index: 2; opacity: 1; cursor: pointer;
}
.account-detail-order {
	display: none; flex-direction: column; margin: 0 1rem 0 2.5%; border-top: 1px solid var(--main-filet); padding: .5rem 0 1rem; font-size: .9rem;
}
.account-order-container.open .account-detail-order {
    display: flex;
}
.account-detail-order .title {
	font-weight: 700; color: var(--main-dark-brown); margin: 0 0 .5rem;
}
.inside-order {
    position: relative;
}
.inside-order .line {
	display: flex; padding: .5rem .75rem .5rem .5rem; border-radius: .25rem; background-color: #fff; margin-bottom: .5rem; border: 1px solid var(--main-filet); align-items: center;
}
.inside-order .return-selected {
	position: absolute; width: 100%; background-color: transparent; border: none; padding-top: 0;
}
.inside-order .line > div:first-child {
	flex: 1;
}
.inside-order .line > div:last-child {
	width: 11rem;
}
.inside-order .line ul {
	display: flex; margin-bottom: .5rem;
}
.inside-order .line ul:last-child {
	margin-bottom: 0;
}
.inside-order .line ul li:nth-child(1) {
	width: 1.5rem; font-weight: 600; text-align: right;
}
.inside-order .line ul li:nth-child(2) {
	flex: 1; padding-left: .5rem;
}
.inside-order .line ul li:nth-child(3) {
	width: 10%; text-align: right; white-space: nowrap;
}
.inside-order .line ul li:nth-child(4) {
	width: 42%; padding-left: 2.75rem;
}
.inside-order .line label {
	display: inline-flex; align-items: center;
}
.inside-order .line label input {
	margin: 0;
}
.inside-order .line label span {
	margin-left: .5rem;
}
.account-detail-order-bottom {
	display: flex; position: relative; padding-top: .5rem;
}
.account-detail-order-bottom > div {
	flex: 1;
}
.account-order-address {
	display: flex;
}
.account-order-address > div {
	flex: 1;
}
.account-order-address p {
	background-color: #fff; width: 95%; padding: .5rem .75rem; border-radius: .5rem;
}
.account-order-end {
	display: flex;
}
.account-order-invoice {
	display: flex; justify-content: space-evenly; align-items: center; flex-direction: column; width: 54.5%;
}
.account-order-invoice a {
	display: flex; flex-direction: column; justify-content: center; align-items: center;
}
.account-order-invoice a span {
	display: block; width: 2rem; height: 2rem; position: relative;
}
button.std.reorder {
	margin: 0; background-color: var(--main-blue);
}

/* ---- FOOTER ---- */
footer {
	font-size: 16px;
}
footer a {
	color: #fff;
}
footer a:hover {
	color: var(--main-yellow);
}
.footer-top-container {
	padding: 2% 2% 3%; display: flex; flex-direction: row; font-weight: 300; line-height: 2.2;
}
.footer-title-h3 {
	text-transform: uppercase; font-weight: 300; font-size: 1.3em; margin-bottom: .2em; color: var(--main-cream);
}
.footer-top-container > div {
	position: relative;
}
.footer-top-container > div:nth-child(1) {
	text-align: left; width: 24%;
}
.footer-top-container > div:nth-child(2) {
	text-align: center; color: var(--main-middle-grey); flex: 1; display: flex; flex-direction: column; justify-content: space-around;
}
.footer-top-container > div:nth-child(2)::before {
	content: ""; position: absolute; display: block; width: 1px; height: 100%; top:0; left: 0; background-image: linear-gradient(var(--main-master),var(--main-dark-grey),var(--main-master));
}
.footer-top-container > div:nth-child(2)::after {
	content: ""; position: absolute; display: block; width: 1px; height: 100%; top: 0; right: 0; background-image: linear-gradient(var(--main-master),var(--main-dark-grey),var(--main-master));
}
.footer-top-container > div:nth-child(3) {
	text-align: right; color: var(--main-cream); width: 24%; display: flex; flex-direction: column;
}
.footer-top-container > div:nth-child(3) ul {
	line-height: 1.3; display: flex; flex-direction: column; flex: 1;
}
.footer-top-container > div:nth-child(3) ul li {
	margin-bottom: .8em;
}
.footer-top-container > div:nth-child(3) ul li:first-child {
	flex: 1;
}
.footer-top-container > div:nth-child(3) address {
	font-style: normal; color: #fff;
}
.footer-top-container > div:nth-child(3) span {
	color: #fff;
}
.footer-newsletter-container ul {
	display: flex; flex-direction: row; width: 90%; margin: auto; height: 100%; min-height: 56px; max-width: 650px;
}
.footer-newsletter-container ul li {
	display: flex; flex-direction: row;
}
.footer-newsletter-container ul li:first-child {
	padding: 0 3%; font-weight: 500; border-bottom: 3px solid var(--main-yellow); margin-right: 3%;
}
.footer-newsletter-container .accroche-newsletter {
	margin: auto; color: #fff;
}
.footer-newsletter-container .accroche-newsletter strong {
	color: var(--main-yellow);
}
.footer-newsletter-container ul li:last-child {
	flex: 1;
}
.footer-newsletter-container .newsletter-form {
	margin-top: 0;
}
.footer-newsletter-container .newsletter-form .newsletter-input {
    margin-right: 0;
}
.footer-newsletter-container .newsletter-form .newsletter-button {
  background-color: var(--main-yellow); border: none; color: var(--main-master);
}
.footer-social-container ul {
	display: grid; grid-template-columns: repeat(4,1fr); width: 80%; max-width: 340px; margin: auto; grid-gap: .25rem
}
.a-picto-footer-social {
	background-color: var(--main-cream); position: relative; padding-top: 60%; display: block;
}
.a-picto-footer-social:hover {
	background-color: var(--main-yellow);
}
.a-picto-footer-social::before {
	content: ""; position: absolute; background-color: var(--main-master); top: 50%; left: 50%; width: 54%; height: 54%; transform: translate(-50%,-50%);
}
.a-picto-footer-social:hover::before {
	background-color: #fff;
}

/* ---- RESPONSIVE ---- */
@media (max-width: 1750px) {
	:root {
		--main-max-width: 1600px;
	}
	html {
		font-size: 16.5px;
	}
    .listing-article-container > a {
	    max-height: 340px; min-height: 300px;
    }
    .soft-nav-page .section-col-top {
	    height: 18.15vw;
    }
}
@media (max-width: 1600px) {
	:root {
		--main-separator: 4px;
	}
	html {
		font-size: 15px;
	}
	.home-elmt-banner {
		border-width: 2px;
	}
	.home-elmt-product {
		border-width: 2px;
	}
    .listing-article-container > a {
	    max-height: 300px; min-height: 300px;
    }
    .listing-article-container figure {
        height: 62%;
    }
    .soft-nav-page .section-col-top {
	    height: 18.15vw;
    }
    .product-first-elmt-container {
	    padding: 1.5% 2%;
    }
}
@media (max-width: 1350px) {
	html {
		font-size: 14px;
	}
	.wrapper-max {
		width: calc(100% - (var(--main-separator) * 2)); transition: all 1s;
	}
    .mask {
        width: 100%;
    }
    .popup-slide.open {
	    margin-right: var(--main-separator);
    }
    .soft-nav-page .section-col-top {
	    height: 18.6vw;
    }
}
@media (max-width: 1250px) {
	:root {
		--main-separator: 4px;
	}
	html {
		font-size: 16px;
	}
    .wrapper-max {
		width: 100%; transition: all 1s;
	}
	.wrapper-max header {
	    position: fixed; top: 0; left: 0; background-color: var(--main-master); height: 66px; box-shadow: 0 0 10px #000; padding: 0 .5rem; z-index: 10;
    }
    .wrapper-max header ul li:first-child {
        display: block;
    }
    .wrapper-max header ul li:nth-child(2) {
        display: flex; align-items: center;
    }
    .a-header-logo {
	    position: relative; top: auto; left: 1rem; transform: none; height: 75%;
    }
    .wrapper-max header ul li:last-child {
        display: none;
    }
	.wrapper-max .main {
		/*display: block;*/ padding-top: 68px; margin: auto; /*max-width: 680px;*/
	}
    .mask-top {
        height: 66px;
    }
    .popup-slide.open {
	    margin-top: 0; margin-right: 0 !important; right: 0; height: calc(100% - 66px);
    }
    .scroll-banner .wrapper-max .main {
		flex-direction: column-reverse;
	}
    .wrapper-max .home-main {
        display: block; padding-top: 80px;
    }
    .section-col-left {
        width: 100%;
    }
    .section-col-top {
        padding-top: 0;
    }
	.section-col-nav {
		position: fixed; width: 48%; right: 19%; top: 0; z-index: 1001; height: 66px!important; opacity: 1; transition: opacity .5s;
	}
    .section-col-nav.fadeout {
		opacity: 0; transition: opacity .5s;
	}
	.top-col-nav-container {
		display: flex; padding: 0; margin: 0; height: 100%; background-color: transparent; flex-direction: row;
	}
	.accroche {
		display: none;
	}
    .top-col-nav-container hr {
        display: none;
    }
	.search-form {
		margin: auto 6%; height: 70%; width: auto; flex: 1; position: unset;
	}
    .top-col-nav-container .search-accroche {
		display: none;
	}
	.search-input {
		width: calc(100% - 60px);
	}
	.search-button {
		width: 60px;
	}
	.search-button::before {
		height: 55%; top: 50%; left: 50%; transform: translate(-50%,-50%);
	}
	.top-col-nav-container .ul-nav-cat {
		display: none;
	}
    .search-modal-container {
	    top: 70px; z-index: 0; left: 50%; padding: 2% 3%; width: 100%; max-width: 500px; flex-wrap: wrap; max-height: none; height: auto; justify-content: end; transform: translate(-230%,0); min-height: auto; min-width: 450px;
    }
    .search-modal-container.open {
        transform: translateX(-50%);
    }
    .search-modal-container > div {
	    flex-direction: row; width: 100%; padding-right: 0; justify-content: space-between;
    }
    .search-modal-left > div {
	    width: 48%; height: 185px;
    }
    .btn-search-result {
	    position: relative; top: auto; right: auto; margin-top: 1rem; width: 100%; text-align: center;
    }
	.a-picto-nav {
		width: 100%; height: 100%; padding: 0;
	}
	.a-picto-nav::before {
		transform: translate(-50%,-50%);
	}
	.a-picto-nav span {
		display: none;
	}
	.middle-col-nav-container {
		position: fixed; background-color: var(--main-master); box-shadow: 0 4px 4px rgba(0,0,0,.75); top: 66px; width: 100%; height: auto; min-height: 200px; left: 101%; transition: left .5s;
	}
    .middle-col-nav-container.open-nav-top {
		left: 0%; transition: left .5s;
	}
	.col-nav-slide {
		flex-direction: column; position: relative; width: 100%; height: auto; left: auto!important; padding: 2%;
	}
    .col-nav-slide .ul-nav-cat {
        display: flex; padding-bottom: 3%; margin: 1rem auto; width: 75%; min-width: 350px;
    }
    .col-nav-slide .ul-nav-page {
        flex-direction: row;
    }
    .col-nav-slide .ul-nav-page > li:last-child {
        display: none;
    }
    .ul-nav-page > li {
        padding: .5rem; border: 1px solid #6b665f !important;
    }
    .ul-nav-page > li a div {
        margin: 2% 4%; font-size: 1.3rem;
    }
	.a-picto-cat {
		padding-top: 10vw; font-size: 1.2rem;
	}
    .section-col-under-nav {
        margin: 0;
    }
    .banners-col-container {
	    flex-direction: row; position: relative; padding: 0!important; top: 0;
    }
    .banner-col-container:first-child {
        flex: 1;
    }
    .banner-col-container:first-child,
    .banner-col-container:last-child {
        height: 38vw; max-height: 445px; min-height: 160px; margin-bottom: 0; border: none;
    }
    .banner-col-container:last-child img {
        height: 100%; object-fit: cover;
    }
    .home-flex-top-container {
	    position: relative;
    }
	.home-flex-bottom-container > div {
		padding-top: calc(100% / 3);
	}
	.home-flex-bottom-container .dbl-size {
		width: calc((100% / 3) * 1);
	}
	.home-flex-bottom-container .one-size {
		width: calc(100% / 3);
	}
    .title-home-whois {
        background-size: 140%; background-position: center top;
    }
	.title-home-whois h1 {
		padding: 10vw 2% 26vw; font-size: 1.7rem;
	}
    .diaporama-home-container {
        width: 90%; height: 44vw;
    }
	.diaporama-home-container img.img1 {
		left: 0; width:4%;
	}
	.diaporama-home-container img.img2 {
		left: 4%; width: 6%;
	}
	.diaporama-home-container img.img3 {
		left: 10%; width: 80%;
	}
	.diaporama-home-container img.img4 {
		left: 90%; width: 6%;
	}
	.diaporama-home-container img.img5 {
		left: 96%; width:4%;
	}
	.diaporama-home-btn {
		width: 84%;
	}
    .txt-home-whois {
        padding-top: 26vw;
    }
	.ul-home-four-engage {
		justify-content: space-around;
	}
	.ul-home-four-engage li {
		width: 24%; margin-bottom: 1.2rem; font-size: 1.55rem;
	}
	.slide-home-container {
		font-size: 16px; max-width: 780px; margin: auto;
	}
	.listing-4col article {
		min-width: calc(100% / 2); padding: calc(var(--main-separator) * 1);
	}
	.listing-4col article figure img.listing-guitar-product {
		transform: rotate(45deg) scale(1.84) translate(20%,-22%);
	}
	.listing-4col article figure img.listing-normal-product {
		height: 96%;
	}
	.brands-home-flex {
		flex-direction: column; border: none medium; width: 100%;
	}
	.brands-home-flex > div {
		width: 100%; padding-top: 36%;
	}
    .soft-nav-page .breadcrumbs-container ul li:nth-last-child(-n + 1) {
        display: none;
    }
    .section-col-fullheight {
	    width: 100%;
    }
    .product-flex-top-container,
    .fullheight-flex-container {
        margin: auto; width: 100%; position: relative;
    }
    .category-container h1 {
        margin-top: 0;
    }
    .listing-cat-top {
	    flex-direction: column; margin-bottom: 0;
    }
    .listing-cat-top > div {
        width: 100%; min-height: 65px; max-height: 90px;
    }
    .listing-cat-top > div:first-child > div {
        padding: 0;
    }
    .listing-cat-top > div:first-child > div h1 {
        margin-left: 0;
    }
    .listing-cat-top > div:first-child > div::before {
	    -webkit-mask-position: right; mask-position: right;
    }
    .listing-cat-top > div:last-child {
        display: none;
    }
    .listing-cat-container > ul > li {
	    width: calc(100% / 2);
    }
    .slide-title-container ul li:nth-child(1) {
        width: 100%; left: 0 !important;
    }
    .list-articles-container > ul > li {
        width: 32%;
    }
    .listing-article-container > a {
        height: 44vw; max-height: 360px; min-height: 330px;
    }
    .listing-article-container figure {
	    height: 65%;
    }
    .listing-iconique-top > div:nth-child(2) {
	    height: 18vw;
    }
    .listing-product-top {
        flex-direction: column;
    }
    .listing-product-top > div {
        width: 100%!important;
    }
    .listing-product-top .listing-top-txt {
        padding: 0; border-left: none; margin-top: 1rem;
    }
    .product-first-elmt-container {
	    padding: 2%;
    }
    .zoom-popup-container {
	    width: calc(100% - (var(--main-separator) * 4)); height: calc(100% - 80px); z-index: 1000; padding-top: 0; transform: initial; top: calc(var(--main-separator) * 2 + 66px); left: calc(var(--main-separator) * 2);
    }
    .soft-nav-page .middle-col-nav-container {
        display: block;
    }
    .soft-nav-page .section-col-top {
        height: 300px; max-height: none;
    }
    .product-first-elmt-col-right {
        min-width: 270px; width: 35%;
    }
    .product-media-flex {
	    flex-direction: column-reverse; height: auto; max-height: none; margin-bottom: 1rem;
    }
    .product-media-flex-left {
	    width: 100%; padding: 0;
    }
    .product-media-flex-left > div:first-child {
        height: auto;
    }
    .slide-select-media {
	    height: 100%;
    }
    .open-zoom-media li {
        width: calc(100% / 6);
    }
    .product-media-flex-left > div:last-child {
        width: 48%; flex: inherit;
    }
    .product-media-container {
        max-height: 44vw; min-height: 44vw;
    }
    .section-col-bottom.product {
        margin: 0; padding: 0 2%;
    }
    .product-infos-flex {
        height: auto; flex-wrap: wrap; min-height: auto; max-height: none;
    }
    .product-media-description-container {
        height: 430px;
    }
    .product-reviews-container {
        order: 3; width: 100%; padding: 0!important; flex-direction: row!important; border-right: none;
    }
    .product-reviews-top {
	    width: 45%; border-bottom: none; border-right: 1px solid var(--main-soft-cream); display: flex; flex-direction: column; padding: 0 1rem 0 0;
    }
    .product-reviews-notes {
        flex: 1;
    }
    .product-reviews-bottom {
	    padding-top: 0; padding-left: 1.5rem; min-height: 220px;
    }
    .product-img-select-container {
        margin: 0;
    }
    .product-media-description-container {
	    margin: 0 !important; padding: 0 !important;
    }
    .product-media-description-container h2 {
	    margin: 0 3% 2% 0; padding-top: 3%; border-top: 1px solid var(--main-soft-cream);
    }
    .product-description-container {
	    margin: 0 3% 0 0; padding-bottom: 3%; border-bottom: 1px solid var(--main-soft-cream);
    }
    .product-description-slide {
        max-height: 97%;
    }
    .product-specif-other-container {
        width: 38%;
    }
    .product-upsell-section {
        margin: 0;
    }
    .product-upsell-container {
        padding: 2% 0 3%;
    }
    .product-upsell-slide > ul {
	    height: auto; flex-wrap: wrap; margin: auto;
    }
    .product-upsell-slide > ul > li {
        min-width: calc(100% / 3); height: 14rem; padding-bottom: 1rem;
    }
    .product-upsell-slide > ul > li:nth-child(-n+3) {
        border-bottom: 1px solid var(--main-soft-cream);
    }
    .product-upsell-slide > ul > li:nth-child(3) {
        border-right: none;
    }
    #add-group-products {
        margin-bottom: 1.5rem;
    }
    .product-brand-container {
	    flex-direction: column; background-color: #fff;
    }
    .product-brand-container > div {
        margin: 0; width: 100%; padding: calc(var(--main-separator) * 5);
    }
    .product-brand-left {
        border: none; height: 36vw; min-height: 236px;
    }
    .product-cross-sell-fade {
        height: 37vw;
    }
    .section-col-bottom.csm {
        margin: 0;
    }
    .csm-part2-container {
        border-bottom: none;
    }
    .csm-part2-container > div {
        border-bottom: none;
    }
    .csm-part2-container > figure {
	    width: 45%;
    }
    .csm-part2-container > figure img {
	    height: 100%; object-fit: cover;
    }
    .csm-part3-container > div:nth-child(1) {
        padding: 4%;
    }
    .csm-part3-container > div:nth-child(2) {
        padding: 3%;
    }
    .csm-part3-container > div:nth-child(2) figure {
	    position: relative; top: auto; left: auto; float: left; margin-right: 3%; min-width: 300px; margin-bottom: .5rem;
    }
    .footer-top-container > div:nth-child(1),
    .footer-top-container > div:nth-child(3) {
        width: 26%;
    }
	.footer-top-container > div:nth-child(2)::before,
	.footer-top-container > div:nth-child(2)::after {
		display: none;
	}
    .footer-newsletter-container ul {
	    flex-direction: column; max-width: 340px; min-height: 85px;
    }
    .footer-newsletter-container ul li:first-child {
        flex: 1; margin-right: 0;
    }
}
@media (max-width: 1000px) {
    .with-bkg-beton {
        background-size: 65%;
    }
    .max-width-tablet {
		max-width: 680px; margin-left: auto; margin-right: auto; width: 100%;
	}
    .home-flex-top-container > div {
		padding-top: calc(100% / 2);
	}
	.home-flex-top-container .dbl-size {
		width: calc((100% / 2) * 2);
	}
	.home-flex-top-container .one-size {
		width: calc(100% / 2);
	}
    .home-flex-bottom-container > div {
		padding-top: calc(100% / 2);
	}
	.home-flex-bottom-container .dbl-size {
		width: calc((100% / 2) * 2);
	}
	.home-flex-bottom-container .one-size {
		width: calc(100% / 2);
	}
    .title-home-whois h1 {
		padding: 10vw 2% 30vw;
	}
    .diaporama-home-container {
        width: 96%; max-width: 820px; height: 46vw;
    }
    .txt-home-whois {
	    padding-top: 28vw;
    }
    .ul-home-four-engage li {
	    width: 47%; margin-bottom: 1.2rem;
    }
    .category-brand-new-container {
	    max-width: 600px; margin: auto; flex-direction: column-reverse;
    }
    .category-brands-left {
	    width: 100%; padding-right: 0;
    }
    .category-news-right {
	    width: 100%; padding-left: 0;
    }
    #cat-product-slider-container > ul > li a figure {
	    min-height: 30vw;
    }
    .list-articles-container > ul > li {
	    width: 48%;
    }
    .category-nav-container ul li {
	    width: calc(100% / 6);
    }
    .category-iconique-container ul {
	    grid-template-columns: repeat(2,1fr);
    }
    .soft-nav-page .section-col-top {
	    height: auto; min-height: 280px;
    }
    .listing-brands-container > li {
	    flex-direction: column; max-height: none; max-width: 260px;
    }
    .listing-brands-container > li > a {
	    padding-top: 58%;
    }
    .listing-brands-container ul {
	    width: 100%; grid-template-columns: repeat(3,1fr); height: 8vw; min-height: 50px; max-height: 64px;
    }
    .csm-top-container {
        padding: 0;
    }
    .csm-top-container > div:nth-child(1) {
        min-width: 260px;
    }
    .csm-top-container > div:nth-child(2) {
        padding: 3%;
    }
    .csm-part2-container {
        flex-direction: column-reverse;
    }
    .csm-part2-container > figure {
        width: 100%;
    }
    .checkout-bottom-container > div:nth-child(1) {
        width: auto;
    }
    .checkout-code-container {
	    flex-direction: column; align-items: center;
    }
    .checkout-code-container > span {
        margin-bottom: .5rem; max-width: none;
    }
    .footer-top-container {
		flex-direction: column;
	}
	.footer-top-container > div {
		width: 100% !important; text-align: center !important; margin-top: 2em;
	}
    .footer-bottom-container {
	    flex-direction: column-reverse; padding: 1em 0 3em;
    }
    .footer-bottom-container > div {
        width: 100%!important;
    }
    .footer-social-container ul {
        max-width: 300px; margin: auto; min-width: 300px;
    }
    .a-picto-footer-social {
        margin: auto;
    }
    .footer-newsletter-container ul {
        max-width: 300px; margin-bottom: 1rem;
    }
    .footer-newsletter-container .accroche-newsletter {
        color: #fff;
    }
    .footer-bottom-container > div:nth-child(2) {
        flex: auto; height: 70px; margin-top: 2em;
    }
}
@media (max-width: 700px) {
    .with-bkg-beton {
        background-size: 320px;
    }
	:root {
		--main-separator: 3px;
	}
    .max-width-smart {
        max-width: 480px; margin: 0 auto;
    }
	.wrapper-max .main {
		padding-top: 60px;
	}
	.section-col-nav {
		height: auto!important; width: 100%; right: 0; top: 60px;
	}
	.wrapper-max header {
		height: 50px;
	}
    .wrapper-max header ul li:nth-child(2) {
        flex: 1;
    }
    .wrapper-max header ul li:nth-child(3) {
        display: none;
    }
    .wrapper-max header ul li:nth-child(4) {
        display: block;
    }
    .wrapper-max header ul li {
        margin-left: .5rem;
    }
    .a-header-logo {
        left: 4%;
    }
    .a-header-logo img {
        max-width: 85%;
    }
	.a-open-nav {
		width: 45px;
	}
    .popup-slide {
        width: 100%; min-width: auto;
    }
    .breadcrumbs-container ul {
	    font-size: .85rem;
    }
    .breadcrumbs-container ul li a {
        line-height: 3;
    }
    .picto-breadcrumb {
        padding-right: 0 .5rem !important;
    }
    .picto-breadcrumb span:first-child {
        margin: 0;
    }
    .picto-breadcrumb span:last-child {
        display: none;
    }
    .breadcrumbs-container.checkout-type ul li .number {
	    font-size: 1.2rem;
    }
    /*.breadcrumbs-container.checkout-type ul li span:nth-child(2) {
        display: none;
    }
    .breadcrumbs-container.checkout-type ul li.actif span:nth-child(2) {
        display: block;
    }*/
	.middle-col-nav-container {
		top: 60px;
	}
	.top-col-nav-container {
		padding: 0;
	}
	.top-col-nav-container > ul {
		width: calc(45px * 4); margin: auto 0 auto auto;
	}
	.top-col-nav-container > ul > li {
		width: calc(100% / 4);
	}
	.top-col-nav-container > ul > li:first-child {
		display: block;
	}
	.search-form {
		opacity: 0; visibility: hidden; position: absolute; width: 100%; max-width: none; margin: auto; padding: 5px 2% 10px; background-color: var(--main-master); height: 50px; top: 0;
	}
	.search-form.open {
		opacity: 1; visibility: visible;
	}
	.search-input {
		width: 100%; font-size: 14px; border-radius: .5rem;
	}
	.search-button {
		width: 50px; display: none;
	}
    .search-modal-container {
        top: 50px; min-width: auto;
    }
    .search-modal-left > div {
        height: 160px;
    }
    .search-modal-container .listing-ref h4 {
        max-height: 2.1rem; overflow: hidden;
    }
	.col-nav-slide {
		padding: 4% 2% 2%;
	}
	.a-picto-cat {
		padding-top: 65px;
	}
	.a-picto-cat span {
		font-size: 17px;
	}
    .col-nav-slide ul:last-child {
		flex-wrap: wrap;
	}
	.col-nav-slide ul:last-child > li {
		width: calc(50% - (var(--main-separator) * 2));
	}
    .section-col-under-nav {
        margin: 0;
    }
    .banner-col-container {
        border: none;
    }
    .banner-col-container:first-child {
        margin: 0; height: 56vw; max-height: 290px;
    }
    .banner-col-container:last-child {
        display: none;
    }
	.home-elmt-banner {
		border-width: 1px;
	}
	.home-elmt-product {
		border-width: 1px;
	}
    .home-flex-top-container .one-size,
    .home-flex-bottom-container .one-size {
	    padding-top: 68%; min-height: 260px;
    }
    .home-product-img {
	    transform: rotate(0) scale(1.8) translate(25%,30%);
    }
    .home-product-detail {
	    margin: 63% 5% 0; height: calc(100% - 56%);
    }
    .home-product-statut {
        font-size: 1.2em; font-weight: bold; margin-bottom: .5em;
    }
    .home-product-brand {
	    text-align: left; margin: 0; padding: 0;
    }
    .home-product-brand::after {
        display: none;
    }
    .home-product-reference {
	    max-width: none; text-align: left; height: 3.6em; overflow: hidden; float: none;
    }
    .home-product-bottom .home-product-url {
        display: none;
    }
    .home-product-bottom {
	    position: relative; margin-top: 5%;
    }
    .home-product-bottom .product-price {
        margin-bottom: 0;
    }
	.title-home-whois {
		background-size: 147%; background-position: top; background-repeat: no-repeat;
	}
	.listing-4col article figure {
		height: 59%;
	}
	.listing-4col article figure img.listing-guitar-product {
		transform: rotate(45deg) scale(1.84) translate(19%,-23%);
	}
	.slide-home-button-container {
		display: flex;
	}
    .ul-home-four-engage {
        margin: 2rem 0 1rem;
    }
    .ul-home-four-engage li {
        font-size: 1.4rem;
    }
    .border-separator-dark,
    .border-separator-clear {
        margin: 0 auto;
    }
    .listing-home-container h2 {
        font-size: 1.7rem; margin-bottom: 1rem;
    }
    .listing-container {
	    padding: calc(var(--main-separator) * 6);
    }
    .category-nav-container {
	    flex-direction: column;
    }
    .category-nav-container ul li {
	    width: calc(100% / 3);
    }
    .category-h2-container {
	    margin: 2rem 0 1rem;
    }
    #cat-product-slider-container > ul > li a figure {
	    min-height: 38vw;
    }
    .category-iconique-container ul {
	    grid-template-columns: repeat(1,1fr);
    }
    .category-iconique-container li {
	    width: 86%; margin: 0 auto 1rem; max-width: 418px;
    }
    .listing-cat-top > div:last-child {
        display: none;
    }
    .listing-cat-container > ul > li {
	    width: 100%; height: 28vw; min-height: auto; max-height: 110px;
    }
    .listing-cat-container > ul > li > div > a {
        text-align: left; padding-left: 120px;
    }
    .slide-articles-container > ul > li {
	    display: flex; flex-direction: column; min-width: 100%; padding: 0 1%; border: none;
    }
    .listing-article-container {
	    margin: 0 auto; width: 100%; padding: .25rem 2% .25rem 0; max-width: 530px;
    }
    .listing-article-container > a {
	    padding-top: 0; max-width: none; display: flex; flex-direction: row; max-height: 140px; min-height: 140px;
    }
    .listing-article-container figure {
	    width: 140px; position: relative; border: 1px solid var(--main-soft-cream); border-radius: .5rem; height: auto;
    }
    .listing-article-container figure img.listing-guitar-product {
	    width: 190%; height: 100%; transform: translate(-24%,-50%) rotate(-90deg); transform-origin: center;
    }
    .modele-unique {
	    width: 75px; top: 3%;
    }
    .listing-article-info-container {
	    position: initial; font-size: 15px; flex: 1; display: flex; flex-direction: column; margin: auto; min-height: 110px; padding-left: 3%;
    }
    .listing-article-ref {
	    height: auto; flex: 1;
    }
    .listing-article-stock-price {
        position: relative; margin-top: 1.5em;
    }
    .listing-cat-container .select-list {
        margin-bottom: 2%;
    }
    .listing-cat-container .select-span {
        font-size: .9rem; color: var(--main-middle-grey);
    }
    .home-h2 {
        font-size: 1.6rem; margin: 2rem 3% !important;
    }
    .slide-marques-container {
        margin: auto; max-width: 500px;
    }
    .slide-marques-container ul {
        min-width: 200%;
    }
    .slide-marques-container ul li {
        min-height: 100px; padding: 0;
    }
    .slide-marques-container ul li:nth-child(-n+2) {
	    border-bottom: 1px solid var(--main-soft-cream);
    }
    .slide-marques-container ul li:nth-child(2n) {
	    border-right: none;
    }
    .slide-marques-container ul li img {
        max-width: 120px; max-height: 60px;
    }
    .habillage-iconique {
	    width: 70%; max-width: 440px; opacity: .2;
    }
    .listing-iconique-top {
        width: 100%;
    }
    .listing-iconique-top > div:nth-child(2) {
	    height: 42vw; max-height: 170px;
    }
    .listing-iconique-top .listing-top-txt {
	    font-size: .9rem; font-weight: 500;
    }
    .listing-product-top {
        margin-bottom: 1rem;
    }
    .listing-product-top > div:last-child {
        display: none;
    }
    .btn-picto-filter {
        display: flex;
    }
    .filters-products-container {
        flex-direction: column; position: fixed; top: 3%; left: 3%; z-index: 9999; background-color: #fff; padding: 1rem; width: 94%; height: 94%; border-radius: 1rem; box-shadow: 2px 2px 5px; opacity: 0; visibility: hidden; transition: opacity .5s, visibility .5s;;
    }
    .filters-products-container.open-mob {
        opacity: 1; visibility: visible; transition: opacity .5s;
    }
    .filters-products-container > div:first-child {
	    border: none; border-bottom: 1px dashed var(--main-master); padding: 0 0 .5rem; font-weight: 700; font-size: 1.3rem; margin-bottom: 1rem;
    }
    .filters-products-container > div:last-child {
        display: none;
    }
    .filters-products-container > ul {
        max-width: 280px; flex-direction: column; margin: 1rem auto;
    }
    .filters-products-container > ul > li {
        margin-left: 0; width: 100%; margin-bottom: 1rem;
    }
    .filters-products-container > ul > li:last-child .select-filter-slide {
        right: 0;
    }
    .filters-products-container > div:first-child ul li:last-child {
        display: block;
    }
    .select-filter {
	    border-radius: .5rem; padding: .5rem 0 0; border: 1px solid var(--main-filet);
    }
    .select-filter .select-filter-title {
        text-transform: uppercase; font-size: 1.3rem; padding-left: 2rem; margin-bottom: .7rem;
    }
    .select-filter.check .select-filter-title::before {
        left: 7px;
    }
    .select-filter .select-filter-title::after {
        bottom: 3px; right: .85rem;
    }
    .select-filter-slide {
	    min-width: auto; font-size: 1.2rem; max-height: none; position: relative; top: auto; box-shadow: none; opacity: 1; visibility: visible; display: none; padding-top: 0; background-color: transparent;
    }
    .select-filter.open .select-filter-slide {
        display: block;
    }
    .select-filter-choose-title {
        font-size: 1.3rem;
    }
    .result-products-nav-container {
        flex-direction: column; margin-bottom: .5rem;
    }
    .result-products-nav-container > div {
        justify-content: space-between;
    }
    .result-products-nav-container > div > ul {
        flex-direction: column;
    }
    .result-products-nav-container > div:first-child {
	    margin-bottom: 10px; font-size: 1.2rem; border-bottom: 1px solid var(--main-filet); padding-bottom: .5rem;
    }
    .result-products-nav-container > div:first-child ul {
        display: flex; align-items: center; flex-direction: row;
    }
    .result-products-nav-container > div > ul:first-child {
        flex: 1; justify-content: space-between;
    }
    .result-products-nav-container > div:last-child > ul > li:first-child {
        margin: auto 0 .25rem;
    }
    .result-products-nav-container > div:last-child > ul > li:last-child,
    .result-products-nav-container > div:last-child > ul ul > li:first-child {
	    margin: 0;
    }
    .list-articles-container > ul > li {
        width: 100%; padding: 2% 0; border: none; margin-bottom: 0;
    }
    .listing-modele-unique {
        display: none!important;
    }
    .list-articles-container .listing-article-container {
        padding: 0; border: none;
    }
    .list-articles-container .listing-article-info-container {
        margin: auto 0; min-height: 100px;
    }
    .brand-float-mask {
	    position: relative; float: right; width: 140px; height: 86px; margin-top: -3.5rem; margin-left: .5rem; display: block; border-radius: .5rem; background-image: linear-gradient(45deg,transparent 22%,#ffffff94); box-shadow: 2px 2px 5px #a09891;
    }
    .brand-float-mask .init-brand-svg {
	    max-width: 90%; max-height: 80%;
    }
    .listing-brand-top-left .listing-top-txt {
        padding-right: 0;
    }
    .listing-brand-top-right {
        display: none;
    }
    .listing-brands-container {
	    display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 1rem; max-width: 1200px; margin: 2rem auto;
    }
    .soft-nav-page .section-col-top {
        height: auto;
    }
    .product-first-elmt-container {
        flex-direction: column; padding: 2%;
    }
    .product-first-elmt-col-left {
        padding: 0;
    }
    .product-alert-social-container {
        border-bottom: 1px solid var(--main-cream); padding-bottom: .5rem;
    }
    .product-ul-brand {
        padding-top: .35rem; padding-bottom: 0; font-size: 1.45rem;
    }
    .product-ul-brand::after {
        display: none;
    }
    .product-h1 {
        margin-bottom: 1rem; font-size: 1.25rem;
    }
    .product-tag-container {
        display: none;
    }
    .product-first-elmt-col-right {
	    display: flex; justify-content: center; width: 100%; margin: 1rem auto 0; padding: 0; border: none medium; flex-direction: row; flex-wrap: wrap; align-items: center;
    }
    .product-price-container {
        min-width: 44%; display: flex; flex-direction: column; justify-content: center; padding: 0; order: 1; flex: inherit;
    }
    .product-price-or {
	    order: 3; flex: inherit; min-width: 100%; margin: .5rem 0; font-size: 1rem;
    }
    .product-price-or.desk {
        display: none;
    }
    .product-price-or.smart {
        display: flex;
    }
    #add-product {
	    order: 2; flex: inherit; width: 56%; height: 45px;
    }
    .add-product-button {
        height: 100%;
    }
    .product-stock-container {
        order: 4;
    }
    .product-stock-container {
	    width: 100%; display: flex; flex: inherit; border: 1px solid var(--main-filet); border-radius: .5rem; max-width: 80%; margin: .5rem auto 1rem;
    }
    .product-statut-livraison {
	    padding: .5rem; font-size: 1.2rem; border: none; border-top: 1px solid var(--main-filet);
    }
    .product-ul-stock {
        margin-top: .5rem; font-size: 1.1rem;
    }
    .product-media-transport {
	    transform: translate(0,-100%); right: 0; left: auto;
    }
    .product-media-description-container {
        margin-bottom: 2rem; height: auto;
    }
    .product-media-container {
        max-height: 42vw; min-height: 42vw; margin-left: -2%; width: 104%;
    }
    .product-media-img {
	    height: 86%; top: 7%;
    }
    .product-infos-flex {
        flex-direction: column; height: auto; max-height: none;
    }
    .product-reviews-container {
	    flex-direction: column !important; border-bottom: 1px solid var(--main-soft-cream); margin-top: 1rem !important; padding: 0 !important;
    }
    .product-reviews-top {
	    width: 100%; border-right: none; margin-bottom: 1.5rem; padding: 0;
    }
    .product-reviews-bottom {
	    padding: 0; min-height: 240px;
    }
    .product-media-flex-left {
	    flex-direction: column; height: auto; max-height: none;
    }
    .product-media-flex-left > div:first-child {
	    width: 100%;
    }
    .open-zoom-media li {
        width: calc(100% / 5);
    }
    .open-zoom-media li:nth-child(6) {
        display: none;
    }
    .product-media-flex-left > div:last-child {
	    width: 80%; margin: 2rem auto 0; padding: .5rem; border-radius: .5rem; height: 40vw; max-height: 220px; max-width: 480px; background-color: var(--main-soft-cream);
    }
    .product-description-container {
        height: auto; border: none; margin: 0;
    }
    .product-description-slide {
        position: relative; font-size: 1.1rem;
    }
    .product-specif-other-inside > div {
        font-size: 1rem;
    }
    .product-reviews-note-detail {
        font-size: .85rem;
    }
    .review-post {
        font-size: .9rem;
    }
    .review-note-post {
        font-size: .8rem;
    }
    .review-textarea {
        font-size: 1.1rem;
    }
    .product-img-select-container {
	    padding: 0; margin: 0;
    }
    .product-media-description-container h2 {
        margin-left: 0; margin-right: 0; border: none;
    }
    .product-specif-other-container {
        width: 100%; margin: auto; padding: 4%;
    }
    .product-specif-other-slide {
	    height: 380px; margin: auto;
    }
    .product-upsell-container {
        max-height: none; padding: 0; margin-top: 1rem; border: none; margin-bottom: 2rem;
    }
    .product-upsell-message {
	    background-color: var(--main-red); color: #fff; padding: .5rem;
    }
    .product-upsell-slide {
        margin: auto;
    }
    .product-upsell-slide > ul > li {
        min-width: 50%; border: none!important;
    }
    .product-upsell-slide > ul > li:nth-child(odd) {
        border-right: 1px solid var(--main-soft-cream)!important;
    }
    .product-upsell-slide > ul > li:nth-child(-n+4) {
        border-bottom: 1px solid var(--main-soft-cream)!important;
    }
    #add-group-products {
	    flex-direction: column;
    }
    #add-group-products ul {
	    justify-content: center; margin-bottom: calc(var(--main-separator) * 5); width: 100%;
    }
    #add-group-products ul li {
        margin: 0 1px;
    }
    #add-group-products > div {
        padding: 0;
    }
    #add-group-products > div > div:last-child {
        width: 60%;
    }
    #add-group-products .add-product-button {
        min-width: auto; width: calc(100% - 1rem);
    }
    #add-group-products.open {
	    position: fixed; bottom: 0; left: 0; z-index: 99; background: #fff; margin: 0; padding: .5rem; box-shadow: 0 -2px 5px var(--main-middle-grey);
    }
    .product-brand-left {
	    height: 35vw; min-height: 200px;
    }
    .product-brand-left > ul {
        flex-direction: column;
    }
    .product-brand-left > ul > li:first-child {
        flex-direction: row; width: 100%; max-height: 80px;
    }
    .product-brand-logo img {
        max-height: 90%; margin: auto 0 auto auto;
    }
    .product-brand-container > div {
        margin: auto; padding: 2rem calc(var(--main-separator) * 5);
    }
    .product-cross-sell-container {
        flex-direction: column;
    }
    .init-select-cross-sell li {
        width: calc(100% / 3); padding: 1% 1% 0 0; height: 76px;
    }
    .product-cross-sell-fade {
        margin: 0; width: 100%; height: 58vw; max-height: 280px; min-height: 250px;
    }
    .list-checkout-container > ul {
        display: none;
    }
    .list-checkout-container article {
	    justify-content: end; max-width: 500px; margin: 1rem auto 0; padding-bottom: 1rem;
    }
    .list-checkout-container article .product {
	    min-width: 100%; margin: .5rem 0 1rem;
    }
    .list-checkout-container article .product figure {
        width: 25%; padding-top: 18%;
    }
    .list-checkout-container article .delete {
	    width: 12%;
    }
    .list-checkout-container article .product.small figure {
	    width: 17%; padding-top: 15%;
    }
    .list-checkout-container article .dispo {
	    width: auto; flex: 1;
    }
    .list-checkout-container article .qty {
	    width: auto;
    }
    .list-checkout-container article .unit-price {
	    width: auto;
    }
    .list-checkout-container article .unit-price strong {
	    display: inline;
    }
    .list-checkout-container article ul:not(ul:last-child) {
	    padding-bottom: 1rem; border-bottom: 1px solid #ccc;
    }
    .checkout-bottom-container {
	    max-width: 380px; margin: 1rem auto 0;
    }
    .checkout-code-container {
	    align-items: center; padding: 1rem; margin-bottom: 1rem;
    }
    .checkout-bottom-container > div {
        width: 100%!important;
    }
    .csm-top-container {
	   flex-direction: column;
    }
    .csm-top-container > div:nth-child(1) {
	    aspect-ratio: auto; padding: 1rem;
    }
    .csm-txt-container {
	    font-size: 1rem;
    }
    .csm-part3-container > div:nth-child(2) {
        padding: 0;
    }
    .csm-part3-container > div:nth-child(2) figure {
        width: 100%; float: none;
    }
    .csm-part3-container > div:nth-child(2) .csm-txt-container {
        padding: 3% 3% 5%;
    }
    .csm-ban-container {
        padding: 0
    }
    footer.add-group-open {
        margin-bottom: 10rem;
    }
}
@media (max-width: 600px) {
	html {
		font-size: 15px;
	}
	.slide-home-container {
		width: 90%; margin: auto; height: 100%; max-width: 340px;
	}
	.listing-4col {
		flex-wrap: nowrap;
	}
	.listing-4col article {
		min-width: 100%; padding: calc(var(--main-separator) * 4);
	}
	.brands-home-flex > div {
		padding-top: 58%;
	}
	.brands-home-flex > div a img {
		object-position: 0 center;
	}
}
@media (max-width: 400px) {
	:root {
		--main-separator: 2px;
	}
    .homepage .section-col-top,
    .homepage .section-col-bottom {
        font-size: 14px;
    }
	/*html.homepage {
		font-size: 10px;
	}*/
}