body.scroll-stop {
    overflow: hidden;
}
body.scroll-stop header {
	opacity: 1; transition: opacity .5s;
}
a {
    color: var(--color-red); text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	hyphens: none;
}
b, strong {
	font-weight: 700;
}
p {
	hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto;
}
p.help-text {
	margin-bottom: 1.5rem;
}
input::-ms-reveal {
  display: none;
}
input:autofill {
	border-radius: .75rem; opacity: .5;
}
input:disabled {
	color: var(--color-cream);
}
input[type="number"] {
	padding: .25rem .5rem; border: 1px solid var(--color-cream); border-radius: .25rem; appearance: textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none; margin: 0;
}
input[type="checkbox"] {
	border: 1px solid var(--color-main); margin: .18rem .25rem 0 0; width: .85rem; height: .85rem; background-color: #fff; border-radius: .15rem;
}
input[type="checkbox"]:checked {
	background-color: var(--color-yellow);
}
input[type="radio"] {
	width: 1rem; background-color: #fff; border: 1px solid var(--color-old); height: 1rem; border-radius: 50%; margin: .15rem .5rem 0 0; position: relative;
}
input[type="radio"]:checked {
	border-color: var(--color-yellow);
}
input[type="radio"]:checked::before {
	background-color: var(--color-yellow); border-color: var(--color-main); content: ""; position: absolute; height: 69%; width: 69%; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%,-50%);
}
select {
	border: 1px solid var(--color-cream); background-color: #fff; padding: .25rem .5rem; -webkit-appearance: auto; appearance: auto;
}
textarea {
	padding: .25rem .5rem; border: 1px solid var(--color-soft-cream); border-radius: .25rem; min-height: 5rem; margin-top: 1rem; font-size: .9rem; width: 100%;
}
label {
	display: block; cursor: pointer;
}
button {
	cursor: pointer; font-family: inherit; font-size: inherit;
}
button.btn-type-a {
	background-color: transparent; border: none; color: var(--color-red); font-size: .8rem;
}
header {
    min-height: 60px;
}
main {
    flex: 1; position: relative;
}

/*---- INIT ----*/
.to-hide {
	display: none!important;
}
.aside-grid {
    display: grid; grid-template-columns: repeat(4,1fr); grid-template-rows: 1fr; gap: 0 var(--desktop-separator);
}
.max-width {
    width: 100%; max-width: var(--desktop-max-width); margin: auto; padding-left: .5vw; padding-right: .5vw;
}
.mob-display-none {
	display: none;
}
.init-cat-svg::after {
	content: ""; -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%;
}
.init-sub-svg::before {
	content: ""; background-color: #fff; height: 100%; width: 100%; display: block;-webkit-mask-position: center; -webkit-mask-repeat: no-repeat; mask-position: center; mask-repeat: no-repeat;
}
.for-picto {
	aspect-ratio: 1; position: relative; height: 100%;
}
.stock-check {
	width: .75em; height: .75em; border-radius: 50%; margin-right: .3em; display: block; background-color: #818181;
}
.no-stock {
	background-color: #818181;
}
.stock-ok {
	background-color: #1fd014;
}
.inside-scroll {
	overflow-y: auto; z-index: 2; background-color: #fff;
}
.inside-more {
	position: relative; margin-bottom: 1rem; text-align: justify; user-select: none; -webkit-user-select: none; max-height: 22rem; overflow: hidden; transition: max-height .4s ease-in-out; hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto;
}
.inside-more::after {
	position: absolute; content: ""; width: 100%; height: 5rem; background-image: linear-gradient(transparent,#fff); bottom: 0;
}
.inside-more.open::after {
	display: none;
}
.inside-more .col2 {
	column-count: 2; column-gap: 4%;
}
.overflow-hidden {
	overflow: hidden;
}
.inside-scroll::-webkit-scrollbar {
	-webkit-appearance: none; width: 5px;
}
.inside-scroll::-webkit-scrollbar-thumb {
	border-radius: 50px; background-color: rgba(0, 0, 0, 0.2);
}
.noreturn {
	white-space: nowrap;
}
.btn-action {
	background-color: var(--color-yellow); border-radius: 1rem; padding: .5rem 1rem; text-transform: uppercase; border: none; margin-bottom: 1.5rem; display: inline-block; font-weight: 600; font-size: .9rem;
}
.lang-picto-svg {
	background-repeat: no-repeat; background-position: center; background-size: 65% auto;
}
.for-lang {
	aspect-ratio: 4/3; display: block; width: 2.5rem;
}
.h-with-ornmt {
	position: relative; padding-left: .35em;
}
.h-with-ornmt::before {
	content: ":"; color: var(--color-red); font-weight: 900; font-size: .85em; position: absolute; left: 0;
}
.with-bkg {
	background-image: url("../../images/default/bkg/bkg-beton-7RpLo1N.jpg"); background-position: top right; background-repeat: no-repeat; background-size: contain;
}
.waiting-filter {
	visibility: hidden; opacity: 0; background-image: url("../../images/default/gif/waiting-j1pAPyd.gif"); background-repeat: no-repeat; position: fixed; top: 50%; left: 50%; width: 25%; aspect-ratio: 1; z-index: 99; background-size: cover; transform: translate(12%,-50%); border-radius: 50%; background-position: center; min-width: 240px; max-width: 340px; filter: blur(5px); transition: opacity .5s, filter .5s, visibility 0s .5s;
}
.waiting-filter.open {
	filter:blur(0); visibility: visible; opacity: 1; transition: opacity 1s, filter 1s; 
}
.show-more-container {
	margin-top: 2.5rem; text-align: center;
}
.border-separator {
	margin: 0 auto; position: relative; width: 80%; padding: 2rem 35%; height: 3px;
}
.border-separator div {
	width: 100%; height: .25rem; transform: translateY(-50%);
}
.border-separator.dark div {
	background-color: var(--color-dark-cream);
}
.border-separator.light div {
	background-color: var(--color-cream);
}
.border-separator::before,
.border-separator::after {
	content: ""; position: absolute; width: 43%; height: 1px; top: 50%;
}
.border-separator.dark::before {
	background-image: linear-gradient(to left,var(--color-dark-cream),rgba(0,0,0,0)); left: 0;
}
.border-separator.dark::after {
	background-image: linear-gradient(to right,var(--color-dark-cream),rgba(0,0,0,0)); right: 0;
}
.border-separator.light::before {
	background-image: linear-gradient(to left,var(--color-cream),rgba(0,0,0,0)); left: 0;
}
.border-separator.light::after {
	background-image: linear-gradient(to right,var(--color-cream),rgba(0,0,0,0)); right: 0;
}
.show-btn {
	border: 1px solid var(--color-red); color: var(--color-red); background-color: transparent; padding: .35rem .75rem;
}
.show-btn.hidden {
	display: none;
}
.is-waiting::after {
	content:""; position: absolute; top: 0; left: 0; width: 100%; aspect-ratio: 1; background-image: url("../../images/default/gif/wait-nZ-HHc7.gif"); background-size: auto 90%; background-repeat: no-repeat; background-position: center; max-height: 100%; background-color: inherit; background-blend-mode: hard-light;
}
.order-block::after {
	content: ""; position: absolute; top: 0; right: 0; width: 50%; aspect-ratio: 1; background-image: url("../../images/default/gif/wait-nZ-HHc7.gif"); background-size: 80%; background-repeat: no-repeat; background-position: center; transform: translate(25%,-25%); max-width: 33px; background-color: #fff; border-radius: 50%; padding: .5rem; border: 1px solid var(--color-soft-cream); opacity: 0 ;
}
.is-full-waiting .order-block::after {
	opacity: 1; transition: opacity .5s;
}
.btn-show-more {
	font-size: 1.2rem; background-color: var(--color-green); text-transform: uppercase; padding: .5rem 2rem; border: none; color: #fff; border-radius: .5rem; position: relative; overflow: hidden;
}
.btn-create,
.btn-edit,
.btn-save {
	font-size: .9rem; background-color: var(--color-yellow); text-transform: uppercase; padding: .4rem 1.2rem; border: 1px solid transparent; color: #fff; border-radius: .5rem; position: relative; overflow: hidden; font-weight: 500; line-height: 1;
}
.btn-create:disabled,
.btn-edit:disabled,
.btn-save:disabled {
	background-color: var(--color-cream)!important; opacity: .5; cursor: default;
}
.btn-edit {
	background-color: var(--color-dark-cream);
}
.btn-create:hover,
.btn-edit:hover,
.btn-save:hover {
	background-color: var(--color-green);
}
.btn-return,
.btn-delete {
	font-size: .9rem; background-color: #fff; text-transform: uppercase; padding: .4rem 1.2rem; border: 1px solid var(--color-cream); color: var(--color-cream); border-radius: .5rem; position: relative; overflow: hidden; font-weight: 500; line-height: 1;
}
.btn-delete {
	color: var(--color-dark-cream); border-color: var(--color-dark-cream);
}
.btn-return:hover,
.btn-delete:hover {
	background-color: var(--color-red); border: 1px solid var(--color-red); color: #fff;
}
.btn-share {
	font-size: .9rem; background-color: var(--color-choco); text-transform: uppercase; padding: .4rem 1.2rem; border: 1px solid transparent; color: #fff; border-radius: .5rem; position: relative; overflow: hidden; font-weight: 500; line-height: 1;
}
.btn-share:hover {
	background-color: var(--color-yellow); border: 1px solid var(--color-yellow); color: #fff;
}
.btn-small {
	font-size: .8rem; padding: .2rem .5rem; border-radius: 1rem; text-transform: none;
}
.btn-big {
	width: 100%; max-width: 450px; font-size: 1.2rem;
}
.btn-stage {
	font-size: 1.2rem; background-color: var(--color-yellow); padding: .75rem 1.2rem; border: none; color: var(--color-main); border-radius: .5rem; position: relative; overflow: hidden; font-weight: 500; line-height: 1; text-align: center; width: 100%; max-width: 490px; border: 1px solid var(--color-yellow);
}
.btn-stage:hover {
	box-shadow: 0 0 .5rem rgba(0,0,0,.5); color: var(--color-main); border: 1px solid var(--color-main);
}
.btn-stage:disabled {
	cursor: not-allowed; background-color: var(--color-soft-cream); color: var(--color-cream);
}
.delete-basket {
	position: absolute; top: 0; right: 0; height: 1.8rem; width: 1.8rem; background-color: #fff; border-radius: 50%; border: 1px solid var(--color-cream);
}
.delete-basket::before {
	background-color: var(--color-cream); width: 70%; height: 70%;
}
.delete-basket:hover {
	background-color: var(--color-red); border-color: var(--color-red);
}
.delete-basket:hover::before {
	background-color: #fff;
}
.close-button {
	position: absolute; top: 1rem; right: 1rem; width: 1.6rem; aspect-ratio: 1; border-radius: 50%; border: none; background-color: transparent;
}
.close-button::before {
	background-color: var(--color-cream);
}
.close-button:hover::before {
	background-color: var(--color-red);
}
.qty button {
	height: 1.25rem; width: 1.25rem; display: flex; justify-content: center; border-radius: 50%; background-color: #fff; border: 1px solid var(--color-cream); color: var(--color-cream); align-items: center; font-weight: bold; margin: 0 .25rem; font-size: 1rem; font-family: "Urbanist";
}
.qty button:hover {
	background-color: var(--color-yellow); border-color: var(--color-yellow); color: #fff;
}
.list-btn-dropdown {
	margin-bottom: 1rem; position: relative;
}
.list-btn-dropdown button {
	position: relative; width: 100%; text-align: left; padding: .35rem .5rem; background-color: #fff; border: 1px solid var(--color-cream);
}
.list-btn-dropdown button::after {
	position: absolute; content: "\25BC"; right: .5rem; color: var(--color-cream);
}
.list-btn-dropdown ul {
	position: absolute; background-color: #fff; min-width: 100%; box-shadow: .25rem .25rem .25rem rgba(0,0,0,.35); font-size: .9rem; display: flex; flex-direction: column;
}
.list-btn-dropdown ul li {
	padding: .35rem .5rem .35rem 1.5rem; margin: 0 !important; border-bottom: 1px solid var(--color-soft-cream); cursor: pointer; position: relative;
}
.list-btn-dropdown li.selected {
	font-weight: 600;
}
.list-btn-dropdown li.selected::before {
	content: "•"; position: absolute; left: .5rem; font-size: 2.5rem; top: -.2em; line-height: 1;
}
.list-btn-dropdown ul li:hover {
	background-color: var(--color-soft-cream);
}
.for-stock {
	aspect-ratio: 1; position: relative; height: 100%; margin-right: .15rem;
}
.for-stock::before {
	width: 90%;
}
.stock-3ed75a {
	color: var(--color-green);
}
.stock-818181 {
	color: var(--color-old);
}
.stock-f70502 {
	color: var(--color-red);
}
.stock-f0730e {
	color: var(--color-orange);
}
.svg-stock-3ed75a::before {
	background-color: var(--color-green);
}
.svg-stock-818181::before {
	background-color: var(--color-old);
}
.svg-stock-f70502::before {
	background-color: var(--color-red);
}
.svg-stock-f0730e::before {
	background-color: var(--color-orange);
}

/*---- PICTO ----*/
.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 {
	display: block; width: 7rem; height: .35rem; position: relative; transform-origin: left top;
}
.reviews-stars::before {
	content: ""; -webkit-mask-image: url("../../images/default/svg/picto/reviews-TXf6pF4.svg"); mask-image: url("../../images/default/svg/picto/reviews-TXf6pF4.svg"); position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: var(--color-soft-cream);
}
.reviews-stars span {
	display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;
}
.reviews-stars span::before {
	content: ""; -webkit-mask-image: url("../../images/default/svg/picto/reviews-TXf6pF4.svg"); mask-image: url("../../images/default/svg/picto/reviews-TXf6pF4.svg"); position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: var(--color-yellow);
}

/*---- PICTO CATEGORY ----*/
.cat-guitars::after {
    -webkit-mask-image: url("../../images/default/svg/picto/guitares-gfcgRR-.svg"); mask-image: url("../../images/default/svg/picto/guitares-gfcgRR-.svg");
	-webkit-mask-size: 85%; -webkit-mask-position: center; mask-size: 85%; mask-position: center;
}
.cat-amplifiers::after {
    -webkit-mask-image: url("../../images/default/svg/picto/ampli-stack-Dtamh-w.svg"); mask-image: url("../../images/default/svg/picto/ampli-stack-Dtamh-w.svg");
	-webkit-mask-size: 76%; -webkit-mask-position: center; mask-size: 76%; mask-position: center;
}
.cat-accessories::after {
    -webkit-mask-image: url("../../images/default/svg/picto/accessories-TzK2_rp.svg"); mask-image: url("../../images/default/svg/picto/accessories-TzK2_rp.svg");
	-webkit-mask-size: 78%; -webkit-mask-position: center; mask-size: 78%; mask-position: center;
}
.cat-str-like-shape-guitars::after {
	-webkit-mask-image: url("../../images/default/svg/category/type-str-UcW-tOs.svg"); mask-image: url("../../images/default/svg/category/type-str-UcW-tOs.svg");
}
.cat-tel-like-shape-guitars::after {
	-webkit-mask-image: url("../../images/default/svg/category/type-tel-IjaAseX.svg"); mask-image: url("../../images/default/svg/category/type-tel-IjaAseX.svg");
}
.cat-single-cut-guitars::after {
	-webkit-mask-image: url("../../images/default/svg/category/type-lp-8qaZdRo.svg"); mask-image: url("../../images/default/svg/category/type-lp-8qaZdRo.svg");
}
.cat-double-cut-guitars::after {
	-webkit-mask-image: url("../../images/default/svg/category/type-sg-td2IePV.svg"); mask-image: url("../../images/default/svg/category/type-sg-td2IePV.svg");
}
.cat-semi-and-hollow-body-guitars::after {
	-webkit-mask-image: url("../../images/default/svg/category/1-2-caisse--lpdGoV.svg"); mask-image: url("../../images/default/svg/category/1-2-caisse--lpdGoV.svg");
}
.cat-retro-rock-guitars::after {
	-webkit-mask-image: url("../../images/default/svg/category/autres-formes-Tzt2Gjt.svg"); mask-image: url("../../images/default/svg/category/autres-formes-Tzt2Gjt.svg");
	-webkit-mask-position: 6% 84%; -webkit-mask-size: 90%; mask-position: 6% 84%; mask-size: 90%;
}
.cat-double-neck-guitar::after {
	-webkit-mask-image: url("../../images/default/svg/category/double-manche-RO3_US1.svg"); mask-image: url("../../images/default/svg/category/double-manche-RO3_US1.svg");
	-webkit-mask-size: 67%; mask-size: 67%;
}
.cat-signature-guitars::after {
	-webkit-mask-image: url("../../images/default/svg/category/signature-AoAYfOL.svg"); mask-image: url("../../images/default/svg/category/signature-AoAYfOL.svg");
	rotate: 45deg; -webkit-mask-size: 57%; mask-size: 57%;
}
.cat-guitars-pack::after {
	-webkit-mask-image: url("../../images/default/svg/category/pack-Ps9X1UX.svg"); mask-image: url("../../images/default/svg/category/pack-Ps9X1UX.svg");
	-webkit-mask-position: center 120%; mask-position: center 120%;
}
.cat-left-handed-guitars::after {
	-webkit-mask-image: url("../../images/default/svg/category/debutant-avOuHik.svg"); mask-image: url("../../images/default/svg/category/debutant-avOuHik.svg");
	-webkit-mask-size: -120% -23%; -webkit-mask-position: center top; mask-size: 98%; mask-position: -120% -23%; transform: rotateY(180deg);
}
.cat-beginner-guitar::after {
	-webkit-mask-image: url("../../images/default/svg/category/young-guitarist-UpjW_Yr.svg"); mask-image: url("../../images/default/svg/category/young-guitarist-UpjW_Yr.svg");
	-webkit-mask-size: 80%; -webkit-mask-position: 75% -75%; mask-size: 80%; mask-position: 75% -75%;
}
.cat-travel-childs-guitars::after {
	-webkit-mask-image: url("../../images/default/svg/category/travel-guitar-kcugluG.svg"); mask-image: url("../../images/default/svg/category/travel-guitar-kcugluG.svg");
	-webkit-mask-size: 130%; -webkit-mask-position: -35% -1200%; mask-size: 130%; mask-position: -35% -1200%;
}
.cat-guitar-preamp::after {
	-webkit-mask-image: url("../../images/default/svg/category/preampli-ZW0bdHt.svg"); mask-image: url("../../images/default/svg/category/preampli-ZW0bdHt.svg");
	-webkit-mask-size: 52%; -webkit-mask-position: center; mask-size: 52%; mask-position: center;
}
.cat-guitar-combo-amplifier::after {
	-webkit-mask-image: url("../../images/default/svg/category/combo-RMMEGQI.svg"); mask-image: url("../../images/default/svg/category/combo-RMMEGQI.svg");
	-webkit-mask-size: 84%; -webkit-mask-position: center; mask-size: 84%; mask-position: center;
}
.cat-guitar-head-pedal-amp::after {
	-webkit-mask-image: url("../../images/default/svg/category/tete-aEoFUYp.svg"); mask-image: url("../../images/default/svg/category/tete-aEoFUYp.svg");
	-webkit-mask-size: 125%; -webkit-mask-position: -50% center; mask-size: 125%; mask-position: -50% center;
}
.cat-guitar-power-amp::after {
	-webkit-mask-image: url("../../images/default/svg/category/ampli-puissance-fhSosKD.svg"); mask-image: url("../../images/default/svg/category/ampli-puissance-fhSosKD.svg");
	-webkit-mask-size: 80%; -webkit-mask-position: center; mask-size: 80%; mask-position: center;
}
.cat-guitar-speaker-cabinet::after {
	-webkit-mask-image: url("../../images/default/svg/category/baffle-FoNRBr4.svg"); mask-image: url("../../images/default/svg/category/baffle-FoNRBr4.svg");
	-webkit-mask-size: 80%; -webkit-mask-position: center; mask-size: 80%; mask-position: center;
}
.cat-guitar-amplifier-stack::after {
	-webkit-mask-image: url("../../images/default/svg/category/stack-p4juQey.svg"); mask-image: url("../../images/default/svg/category/stack-p4juQey.svg");
	-webkit-mask-size: 80%; -webkit-mask-position: center -200%; mask-size: 80%; mask-position: center -200%;
}
.cat-mini-guitar-amplifier::after {
	-webkit-mask-image: url("../../images/default/svg/category/mini-ampli-twtb10k.svg"); mask-image: url("../../images/default/svg/category/mini-ampli-twtb10k.svg");
	-webkit-mask-size: 62%; -webkit-mask-position: center; mask-size: 62%; mask-position: center;
}
.cat-guitars-string::after {
	-webkit-mask-image: url("../../images/default/svg/category/cordes-qYPSa4n.svg"); mask-image: url("../../images/default/svg/category/cordes-qYPSa4n.svg");
	-webkit-mask-size: 78%; -webkit-mask-position: 135% 32%; mask-size: 78%; mask-position: 135% 32%;
}
.cat-cables::after {
	-webkit-mask-image: url("../../images/default/svg/category/cable-cT8HXkK.svg"); mask-image: url("../../images/default/svg/category/cable-cT8HXkK.svg");
	-webkit-mask-size: 61%; -webkit-mask-position: 32% center; mask-size: 61%; mask-position: 32% center; rotate: 45deg;
}
.cat-guitare-accessories::after {
	-webkit-mask-image: url("../../images/default/svg/category/acc-guitare-RVHZ81y.svg"); mask-image: url("../../images/default/svg/category/acc-guitare-RVHZ81y.svg");
	-webkit-mask-size: 108%; -webkit-mask-position: -223% center; mask-size: 108%; mask-position: -223% center;
}
.cat-accessories-and-spare-parts-for-amps::after {
	-webkit-mask-image: url("../../images/default/svg/category/piece-detachee-ampli-x3CTQkS.svg"); mask-image: url("../../images/default/svg/category/piece-detachee-ampli-x3CTQkS.svg");
	-webkit-mask-size: 64%; -webkit-mask-position: 68% center; mask-size: 64%; mask-position: 68% center;
}
.cat-guitar-cases-and-bags::after {
	-webkit-mask-image: url("../../images/default/svg/category/housse-etui-YBxCq04.svg"); mask-image: url("../../images/default/svg/category/housse-etui-YBxCq04.svg");
	-webkit-mask-size: 104%; -webkit-mask-position: -75% -1000%; mask-size: 104%; mask-position: -75% -1000%;
}
.cat-guitar-spare-parts::after {
	-webkit-mask-image: url("../../images/default/svg/category/piece-detachee-guitare-b88LFDq.svg"); mask-image: url("../../images/default/svg/category/piece-detachee-guitare-b88LFDq.svg");
	-webkit-mask-size: 95%; -webkit-mask-position: center; mask-size: 95%; mask-position: center;
}
.cat-12-strings-guitars::after {
	-webkit-mask-image: url("../../images/default/svg/category/12-cordes-IXKSmU0.svg"); mask-image: url("../../images/default/svg/category/12-cordes-IXKSmU0.svg");
	-webkit-mask-size: 39%; -webkit-mask-position: center 135%; mask-size: 39%; mask-position: center 135%;
}
.cat-tuners-metronomes::after {
	-webkit-mask-image: url("../../images/default/svg/category/accordeur-jkUFLJc.svg"); mask-image: url("../../images/default/svg/category/accordeur-jkUFLJc.svg");
	-webkit-mask-size: 95%; -webkit-mask-position: center bottom; mask-size: 95%; mask-position: center bottom;
}

/*---- HABILLAGE ICONIQUE ----*/
.h2-link-iconic.fender-stratocaster {
	background-image: image-set(url("../../images/default/iconic/ico-stratocaster-wmQ8w3q.webp") type("image/webp"),url("../../images/default/iconic/ico-stratocaster-P52hBJR.jpg") type("image/jpeg"));
}
.iconic.fender-stratocaster {
	background-image: image-set(url("../../images/default/iconic/hab-stratocaster-o9JBvUU.webp") type("image/webp"),url("../../images/default/iconic/hab-stratocaster-fsPhhF7.jpg") type("image/jpeg"));  background-repeat: no-repeat; background-position: top right; background-size: contain;
}
.h2-link-iconic.fender-telecaster {
	background-image: image-set(url("../../images/default/iconic/ico-telecaster-YAxmRyi.webp") type("image/webp"),url("../../images/default/iconic/ico-telecaster-cbjKc_G.jpg") type("image/jpeg"));
}
.iconic.fender-telecaster {
	background-image: image-set(url("../../images/default/iconic/hab-telecaster-eVJMgLi.webp") type("image/webp"),url("../../images/default/iconic/hab-telecaster-7dqtV2R.jpg") type("image/jpeg")); background-repeat: no-repeat; background-position: top right; background-size: contain;
}
.h2-link-iconic.gibson-lespaul {
	background-image: image-set(url("../../images/default/iconic/ico-lespaul-Vbjfq3K.webp") type("image/webp"),url("../../images/default/iconic/ico-lespaul-c3LxQV5.jpg") type("image/jpeg"));
}
.iconic.gibson-lespaul {
	background-image: image-set(url("../../images/default/iconic/hab-lespaul-5TiGqV7.webp") type("image/webp"),url("../../images/default/iconic/hab-lespaul-fWqmfbZ.jpg") type("image/jpeg")); background-repeat: no-repeat; background-position: top right; background-size: contain;
}
.h2-link-iconic.gibson-sg {
	background-image: image-set(url("../../images/default/iconic/ico-sg-eTrYbzp.webp") type("image/webp"),url("../../images/default/iconic/ico-sg-_PK0V2L.jpg") type("image/jpeg"));
}
.iconic.gibson-sg {
	background-image: image-set(url("../../images/default/iconic/hab-sg-fAkLbnq.webp") type("image/webp"),url("../../images/default/iconic/hab-sg-7zNdoQA.jpg") type("image/jpeg")); background-repeat: no-repeat; background-position: top right; background-size: contain;
}
.h2-link-iconic.fender-jazzmaster {
	background-image: image-set(url("../../images/default/iconic/ico-jazzmaster-lxADfVB.webp") type("image/webp"),url("../../images/default/iconic/ico-jazzmaster-gmYhqet.jpg") type("image/jpeg"));
}
.iconic.fender-jazzmaster {
	background-image: image-set(url("../../images/default/iconic/hab-jazzmaster-_0BEBzS.webp") type("image/webp"),url("../../images/default/iconic/hab-jazzmaster-fuQ3BzQ.jpg") type("image/jpeg")); background-repeat: no-repeat; background-position: top right; background-size: contain;
}
.h2-link-iconic.gibson-es335 {
	background-image: image-set(url("../../images/default/iconic/ico-es-9jy1Dra.webp") type("image/webp"),url("../../images/default/iconic/ico-es-NlCVGxt.jpg") type("image/jpeg"));
}
.iconic.gibson-es335 {
	background-image: image-set(url("../../images/default/iconic/hab-es-ghqJVQQ.webp") type("image/webp"),url("../../images/default/iconic/hab-es-eP8Y7dA.jpg") type("image/jpeg")); background-repeat: no-repeat; background-position: top right; background-size: contain;
}
.h2-link-iconic.victory-v40h {
	background-image: image-set(url("../../images/default/iconic/ico-v40h-Q4ROMao.webp") type("image/webp"),url("../../images/default/iconic/ico-v40h-qUyGnBX.jpg") type("image/jpeg"));
}
.iconic.victory-v40h {
	background-image: image-set(url("../../images/default/iconic/hab-v40h-kqPu2ph.webp") type("image/webp"),url("../../images/default/iconic/hab-v40h-be85AQd.jpg") type("image/jpeg")); background-repeat: no-repeat; background-position: top right; background-size: contain;
}
.h2-link-iconic.friedman-pink-taco {
	background-image: image-set(url("../../images/default/iconic/ico-pink-taco-ew_1GOP.webp") type("image/webp"),url("../../images/default/iconic/ico-pink-taco-dV3F9qF.jpg") type("image/jpeg"));
}
.iconic.friedman-pink-taco {
	background-image: image-set(url("../../images/default/iconic/hab-pink-taco-sUftTHd.webp") type("image/webp"),url("../../images/default/iconic/hab-pink-taco-jJ4uYyr.jpg") type("image/jpeg")); background-repeat: no-repeat; background-position: top right; background-size: contain;
}
.h2-link-iconic.magnatone-twilighter {
	background-image: image-set(url("../../images/default/iconic/ico-twilighter-ji7RWol.webp") type("image/webp"),url("../../images/default/iconic/ico-twilighter-nq4Fnf3.jpg") type("image/jpeg"));
}
.iconic.magnatone-twilighter {
	background-image: image-set(url("../../images/default/iconic/hab-twilighter-ySTRlWc.webp") type("image/webp"),url("../../images/default/iconic/hab-twilighter-BKvB7H1.jpg") type("image/jpeg")); background-repeat: no-repeat; background-position: top right; background-size: contain;
}
.h2-link-iconic.marshall-dsl {
	background-image: image-set(url("../../images/default/iconic/ico-dsl-xrKLLGE.webp") type("image/webp"),url("../../images/default/iconic/ico-dsl-4fqL2_b.jpg") type("image/jpeg"));
}
.iconic.marshall-dsl {
	background-image: image-set(url("../../images/default/iconic/hab-dsl5c-ODSfsl2.webp") type("image/webp"),url("../../images/default/iconic/hab-dsl5c-4WlqHMG.jpg") type("image/jpeg")); background-repeat: no-repeat; background-position: top right; background-size: contain;
}
.h2-link-iconic.fender-blues-junior-iv {
	background-image: image-set(url("../../images/default/iconic/ico-blues-junior-iv-tJdqFdr.webp") type("image/webp"),url("../../images/default/iconic/ico-blues-junior-iv-LapbSIW.jpg") type("image/jpeg"));
}
.iconic.fender-blues-junior-iv {
	background-image: image-set(url("../../images/default/iconic/hab-blues-junior-iv-6Ltfs7A.webp") type("image/webp"),url("../../images/default/iconic/hab-blues-junior-iv-1CmuWaD.jpg") type("image/jpeg")); background-repeat: no-repeat; background-position: top right; background-size: contain;
}
.h2-link-iconic.mesa-boogie-mark-vii {
	background-image: image-set(url("../../images/default/iconic/ico-mark-vii-ef4p4Ky.webp") type("image/webp"),url("../../images/default/iconic/ico-mark-vii-ok_zKKg.jpg") type("image/jpeg"));
}
.iconic.mesa-boogie-mark-vii {
	background-image: image-set(url("../../images/default/iconic/hab-mesa-mark-vii-2N8spNt.webp") type("image/webp"),url("../../images/default/iconic/hab-mesa-mark-vii-Beq5mVF.jpg") type("image/jpeg")); background-repeat: no-repeat; background-position: top right; background-size: contain;
}

/*---- 404 ----*/
.error-404-container {
	background-image: image-set(url("../../images/default/bkg/404-6qAbZtN.webp") type("image/webp"),url("../../images/default/bkg/404-liEJqI9.jpg") type("image/jpeg")); aspect-ratio: 16/9; background-size: cover; background-repeat: no-repeat; position: relative; background-position: center; width: 100%; min-height: 500px;
}
.error-404-message {
	position: absolute; width: 100%; text-align: center; bottom: 0; background-image: linear-gradient(#fff0,#fff);
}
.error-404-message p {
	padding: 7% 3% 4%; font-size: 1.5rem; font-weight: 600; text-shadow: 0 0 .5rem #fff;
}
.error-404-action {
	text-align: center; margin-bottom: 5%;
}
.btn-404 {
	background-color: var(--color-yellow); font-size: 1.3rem; padding: .75rem 1.5rem; margin: auto; font-weight: 600; color: #fff; border-radius: .5rem; display: inline-block;
}

/*---- 500 ----*/
.error-500-container {
	background-image: image-set(url("../../images/default/bkg/500-89kO8kb.webp") type("image/webp"),url("../../images/default/bkg/500-76llkZD.jpg") type("image/jpeg")); aspect-ratio: 16/9; background-size: cover; background-repeat: no-repeat; position: relative; background-position: center; width: 100%; min-height: 500px;
}
.error-500-message {
	position: absolute; width: 100%; text-align: center; bottom: 0; background-image: linear-gradient(#fff0,#fff);
}
.error-500-message p {
	padding: 7% 3% 4%; font-size: 1.5rem; font-weight: 600; text-shadow: 0 0 .5rem #fff;
}
.error-500-message p strong {
	display: block; margin-bottom: .5rem;
}
.error-500-action {
	text-align: center; margin-bottom: 5%;
}
.btn-500 {
	background-color: var(--color-yellow); font-size: 1.3rem; padding: .75rem 1.5rem; margin: auto; font-weight: 600; color: #fff; border-radius: .5rem; display: inline-block;
}

/*---- STATUT ----*/
.statut-picto {
	font-family: "Barlow Condensed", sans-serif; font-size: .8em; text-transform: uppercase; margin-left: .75em; display: inline-block; white-space: nowrap; padding: .2em .6em .25em; font-weight: 600;
}
.stat-pic-pack {
	background-color: var(--color-pack) ; color: #fff;
}
.stat-pic-christmas {
	background-color: var(--color-christmas) ; color: #fff;
}
.stat-pic-new {
	background-color: var(--color-red) ; color: #fff;
}
.stat-pic-promo {
	background-color: var(--color-promo) ; color: #fff;
}
.stat-pic-custom-shop {
	background-color: var(--color-yellow);
}
.stat-pic-sales,
.stat-pic-soldes {
	background-color: var(--color-main); color: var(--color-yellow);
}
.stat-pic-used {
	background-color: var(--color-used); color: #fff;
}
/*---- DOOFINDER ----*/
.main-wrapper .dfd-root {
	max-width: var(--desktop-max-width); margin: auto; padding: 0 .5vw;
}
.main-wrapper .dfd-close-button {
	position: absolute; top: .5rem; right: .5rem; z-index: 999;
}
.form-search {
	background-color: #fff; display: flex; width: 100%; aspect-ratio: 8/1; border-radius: .25rem;
}
.form-search input {
	flex: 1; border: none; padding-left: 1rem;
}
.form-search button {
	aspect-ratio: 1; border-radius: 0; background-color: var(--color-yellow); border: none; position: relative; height: 100%;
}
.form-search button::before {
	background-color: var(--color-main); width: 60%;
}
/*---- FORM ----*/
.form-container {
	display: grid; gap: 1rem;
}
.form-messages {
	color: #fff; margin-bottom: 1.5rem; padding: .75rem 1rem; font-weight: 600; position: relative; border-radius: .25rem;
}
.form-card-messages {
	color: #fff; padding: 0 1rem; font-weight: 600; flex: 1; min-height: 100%; display: flex; align-items: center;
}
.form-small-messages {
	width: 100%; padding: .25rem .75rem; color: #fff; border-radius: .25rem; font-size: .9rem; text-align: center;
}
.success-message {
	background-color: var(--color-green);
}
.error-message {
	background-color: var(--color-red);
}
.form-title {
	display: flex; justify-content: space-between; align-items: center;
}
.form-title h3 {
	color: var(--color-yellow);
}
.form-default-check {
	display: flex; gap: 1rem;
}
.form-row {
	display: grid; gap: 0 1rem;
}
.form-row.col2 {
	grid-template-columns: repeat(2,1fr);
}
.form-row.col5 {
	grid-template-columns: repeat(5,1fr);
}
.form-row.col6 {
	grid-template-columns: repeat(6,1fr);
}
.form-row-btn {
	display: flex; margin-top: 1rem; gap: 1rem;
}
.form-actions {
	margin-top: 2rem; justify-content: space-between; align-items: center; display: flex;
}
.form-col.span3 {
	grid-column: span 3;
}
.form-col.span2 {
	grid-column: span 2;
}
.form-col.span4 {
	grid-column: span 4;
}
.form-group {
	position: relative; height: 3rem;
}
.label-input-row {
	display: flex; align-items: center;
}
.label-input-row.type-write {
	border: 1px solid #ccc; border-radius: .75rem; height: 100%; position: relative; background-color: #ffffffb2;
}
.label-input-row.type-write.is-error {
	border-color: var(--color-red);
}
.label-input-row.type-write.with-ts-control {
	padding: .5rem .25rem .5rem .75rem;
}
.label-input-row.type-write input {
	border: none; background-color: transparent; width: 100%; height: 100%; font-size: 1rem; padding-left: 1rem; padding-right: .5rem;
}
.label-input-row.type-write input[type=password] {
	padding-right: 2.5rem;
}
.label-input-row.type-write label {
	position: absolute; color: var(--color-cream); left: .5rem; top: 50%; transform: translateY(-60%); padding: 0 .35rem; transition: all .5s; font-size: 1rem;
}
label.required::after {
	content: "*"; color: var(--color-red); margin-left: .2rem;
}
.label-input-row .ts-control {
	border: none; background-color: transparent!important; padding: .25rem;
}
.label-input-row .country-select {
	width: 100%;
}
.label-input-row.input-left-border input {
	border: none; border-left: 1px solid #ccc; padding-left: 1rem;
}
/*.label-input-row.type-write input:focus {
	outline-color: var(--color-yellow); outline-style: solid; outline-width: 1px; border: none;
}*/
.label-input-row.type-write .form-validate ~ label,
.label-input-row.type-write .focus ~ label,
.label-input-row.type-write .has-items ~ label,
.combined-row input:focus ~ label {
	font-size: .8rem; top: 0; left: .75rem; font-weight: 600; transition: all .5s; color: var(--color-cream); background-color: #fff;
}
.label-input-row.type-write .ts-dropdown {
	top: 10%; margin-top: 0;
}
.dial-code-select {
	width: 100%;
}
.dial-code-select .ts-control > input {
	min-width: auto;
}
.ts-control {
	padding-left: 0!important; padding-right: 0!important;
}
.ts-control, .ts-wrapper.single.input-active .ts-control {
	outline: none!important;
}
.ts-dropdown, .ts-control, .ts-control input {
	font-size: .85rem!important;
}
.ts-wrapper.single .ts-control::after {
	content: '▾'; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); pointer-events: none; color: #888; font-size: 1rem;
}
.errors-row {
	font-family: "barlow Condensed"; color: var(--color-red); padding: .25rem 0 0 1rem; font-size: .9rem;
}
.autocomplete-suggestions {
	opacity: 0; height: 0; position: absolute; z-index: 20; background-color: #fff; width: calc(100% - 2em); border: 1px solid #ccc; box-shadow: .25em .25em .5em rgba(0,0,0,.5); padding: .75em; left: 1em; top: 75%; font-size: .85rem; transition: all .5s;
}
.autocomplete-suggestions.is-active {
	opacity: 1; height: auto; transition: all .5s;
}
.autocomplete-suggestions li {
	padding: .5em; border-bottom: 1px solid #ccc;
}
.autocomplete-suggestions li:last-child {
	border-bottom: none;
}
.autocomplete-suggestions li:hover,
.autocomplete-suggestions li.is-selected,
.autocomplete-suggestions li:focus {
	background-color: var(--color-soft-cream); cursor: pointer;
}
.change-pwd-container {
	display: flex; height: 100%; align-items: center; gap: 1rem;
}
.show-pwd-btn {
	position: absolute; top: 50%; transform: translateY(-50%); right: .5rem; width: 1.75rem; aspect-ratio: 1; background-color: transparent; border: none; cursor: pointer;
}
.show-pwd-btn::before {
	background-color: var(--color-cream);
}
.label-input-row.type-write input[type="text"] ~ .show-pwd-btn::before {
	mask-image: url("../../images/default/svg/picto/eye-hide-AU6dMmx.svg");
}
.label-input-row.type-write input[type="password"] ~ .show-pwd-btn::before {
	mask-image: url("../../images/default/svg/picto/eye-show-ZUmTYfI.svg");
}

/*---- INCLUDE ----*/
.aside-pub-container {
	grid-row: 2;
}

/*---- MASK ----*/
.mask {
    display: flex; flex-direction: column; position: fixed; top: 0; left: 50%; width: 100%; max-width: calc(var(--desktop-max-width) - 1rem); transform: translateX(-50%); height: 100%; background-color: #2d2825e0; overflow: hidden; z-index: 10; opacity: 0; visibility: hidden; transition: opacity .5s .5s,visibility 0s 1s;
}
.mask.open {
    opacity: 1; visibility: visible; transition: opacity .5s,visibility 0s;
}
.mask-top {
	height: 4.5vw; max-height: 84px; min-height: 60px;
}
.mask-body {
	flex: 1; position: relative; overflow: hidden;
}
.popslide {
	background-color: #fff; height: 100%; width: 28%; position: absolute; right: 0%; min-width: 420px; display: flex; flex-direction: column; visibility: hidden;
}
.popslide > div {
	display: flex; flex-direction: column; min-height: 100%; max-height: 100%;
}
.popslide-account {
	transform: translateX(110%); transition: transform .5s ease-in, visibility 0s .5s;
}
.popslide-basket {
	transform: translateX(110%); transition: transform .5s ease-in, visibility 0s .5s;
}
.popslide-relais {
	transform: translateX(110%); transition: transform .5s ease-in, visibility 0s .5s;
}
.popslide-account.open {
	transform: translateX(0%); transition: transform .5s .5s ease-out; visibility: visible;
}
.popslide-basket.open {
	transform: translateX(0%); transition: transform .5s .5s ease-out; visibility: visible;
}
.popslide-relais.open {
	transform: translateX(0%); transition: transform .5s .5s ease-out; visibility: visible;
}

/*---- POPSLIDE ----*/
.popslide-header {
	background-color: var(--color-soft-cream); display: flex; height: 2.55vw; max-height: 48px; min-height: 45px; z-index: 2; position: relative;
}
.popslide-header li {
	display: flex; align-items: center; height: 100%;
}
.popslide-header li:first-child {
	flex: 1; padding-left: 1rem; font-weight: 500; color: var(--color-dark-cream);
}
.popslide-header li button {
	height: 100%; aspect-ratio: 1; border: none; background-color: var(--color-cream); color: #fff; font-size: 1.5rem; line-height: 1; text-transform: uppercase; font-weight: 100; cursor: pointer; display: flex; justify-content: center;
}
.popslide-header li button span {
	width: 50%; position: relative;
}
.popslide-header li button span::before {
	background-color: var(--color-soft-cream);
}
.popslide-header li button:hover {
	background-color: var(--color-yellow);
}
.popslide-header li button:hover span::before {
	background-color: var(--color-main);
}
.popslide-body-container {
	height: calc(100% - 2.85rem); display: flex;
}
.popslide-body-container h3 {
	text-align: center; margin-bottom: 1rem; font-weight: 600;
}
.popslide-body-container > .inside-scroll {
	padding: 5%;
}
.popslide-basket.is-popslide-waiting::after {
	content: ""; position: absolute; top: 0; left: 0; height: 100%; aspect-ratio: 1; background-image: url("../../images/default/gif/wait-nZ-HHc7.gif"); background-size: 5rem; background-repeat: no-repeat; background-position: center; background-color: #ffffffb2; width: 100%; z-index: 3;
}

/*---- POPSLIDE BASKET ----*/
.free-shipping-progress {
	background-color: var(--color-choco); color: #fff; padding: 1rem; display: flex; flex-direction: column; gap: .5rem; font-weight: 500; font-size: .85rem;
}
.free-shipping-progress .top-txt {
	color: var(--color-cream);
}
.free-shipping-progress .top-txt strong {
	color: var(--color-soft-cream); font-weight: 600;
}
.free-shipping-progress .bottom-bar {
	height:2px; background: var(--color-main); border-radius:1rem; overflow:hidden; margin: .25rem 0;
}
.free-shipping-progress .top-bar {
	height:100%; background: var(--color-yellow);
}
.free-shipping-progress .bottom-txt {
	color: var(--color-cream); text-align: right;
}
.free-shipping-progress .bottom-txt strong {
	color: var(--color-yellow); font-weight: 600;
}
.popslide-basket-list {
	display: flex; flex: 1; padding: 0 2%; flex-direction: column;
}
.popslide-basket-list .inside-scroll {
	height: 100%; overflow-y: auto; position: relative; width: 100%; padding: 2% 0;
}
.popslide-basket-list .inside-scroll > div {
	position: absolute; width: 100%;
}
.popslide-basket-list article {
	display: flex; position: relative; border-bottom: 1px solid var(--color-cream); margin-bottom: .75rem; padding: 0 .25rem .75rem;
}
.popslide-basket-list article:last-child {
	border-bottom: none; margin-bottom: 0;
}
.popslide-basket-list article figure {
	position: relative; width: 27%; overflow: hidden;
}
.popslide-basket-list article figure img {
	position: absolute; top: 0; width: 100%; height: 100%; object-fit: contain; object-position: center;
}
.popslide-basket-list article.type-guitare img {
	width: 200%; object-position: left center;
}
.popslide-basket-list article.type-guitare.left-handed img {
	right: 0; object-position: right center;
}
.popslide-basket-list article > div {
	flex: 1; display: flex; flex-direction: column; padding-left: .75rem;
}
.popslide-basket-list article > div .top {
	max-height: 3.65rem; overflow: hidden; margin-bottom: .5rem; padding-right: 1.75rem;
}
.popslide-basket-list article > div .top strong {
	text-transform: uppercase; font-family: "Barlow Condensed"; font-weight: 600;
}
.popslide-basket-list article > div .bottom {
	display: grid; font-weight: 500; align-items: center; font-family: "Barlow Condensed",sans-serif; grid-template-columns: 1.5fr auto 1fr; margin-bottom: .15rem;
}
.popslide-basket-list article > div .bottom .dispo {
	display: flex; align-items: center; flex: 1; text-transform: uppercase;
}
.popslide-basket-list article > div .bottom .qty {
	margin-right: .5rem; display: flex; align-items: center; position: relative;
}
/*.popslide-basket-list article.is-waiting-init .qty::after {
	content: ""; background-image: url("../../images/default/gif/wait-nZ-HHc7.gif"); position: absolute; height: 86%; aspect-ratio: 1; transform: translate(-50%,-50%);
	top: 50%; left: 50%; background-color: #fff; background-size: 100%; background-repeat: no-repeat; background-position: center;
}*/
.popslide-basket-list article > div .bottom .price {
	font-size: 1.2rem; text-align: right;
}
.popslide-basket-list article .dispo {
	font-family: "Barlow Condensed"; font-size: .9rem;
}
.popslide-basket-bottom {
	box-shadow: 0 0 .5rem rgba(0,0,0,.5); position: relative; z-index: 3;
}
.popslide-basket-sum {
	line-height: 1; padding: 1rem 1.25rem 0;
}
.popslide-basket-sum ul {
	display: flex; justify-content: space-between; align-items: baseline;
}
.popslide-basket-sum ul li:first-child {
	font-weight: 500; font-size: 1.15rem; display: flex; align-items: center; gap: .5rem;
}
.popslide-basket-sum.delivery ul li:first-child {
	font-weight: 500; font-size: 1rem; color: var(--color-muted);
}
.popslide-basket-sum ul li:first-child strong {
	text-transform: uppercase; font-weight: 800;
}
.popslide-basket-sum ul li:last-child {
	font-family: "Barlow Condensed",sans-serif; font-size: 1.4rem; font-weight: 600;
}
.popslide-basket-sum.delivery ul li:last-child {
	font-size: 1.2rem; color: var(--color-muted); font-weight: 500;
}
.info-shipping-basket div {
	background-color: var(--color-soft-cream); font-weight: .500; font-size: .9rem; padding: .5rem .75rem; margin-top: .5rem;
}
.popslide-basket-btn {
	display: flex; padding: .75rem;
}
.popslide-basket-oney {
	text-align: center; padding: 0 3rem 1rem; font-size: 1rem;
}
.popslide-basket-oney strong {
	color: var(--color-oney);
}
/*---- POPSLIDE RELAIS ----*/
.google-map-popslide-container {
	width: 150%; aspect-ratio: 1; position: absolute; overflow: hidden; transform: translateX(0%); z-index: 1; transition: transform .25s; border: 0.35rem solid #fff;
}
.google-map-popslide {
	width: 100%; height: 100%;
}
.popslide-relais.open .google-map-popslide-container {
	transform: translateX(-102%); transition: transform .5s 1s;
}
.google-map-popslide.is-waiting::after {
	max-width: 25%; top: 50%; left: 50%; opacity: .5; transform: translate(-50%,-50%);
}
/*---- HEADER ----*/
header {
	height: 4.5vw; max-height: 84px; min-height: 60px; display: flex; align-items: center; padding: var(--desktop-separator) 0; z-index: 22;
}
header > ul {
    display: flex; height: 100%; width: 100%;
}
.header-logo-site {
	width: 70%; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-32%);
}
.header-logo-site img {
	filter: drop-shadow(.2rem .22rem 0 var(--color-main)); height: 100%;
}
header > ul > li {
    height: 100%; display: flex; align-items: center; position: relative;
}
header > ul > li:nth-child(1) {
    display: none;
}
header > ul > li:nth-child(2) {
    width: 25%; position: relative;
}
header > ul > li:nth-child(3) {
    flex: 1; display: flex; align-items: center;
}
header .form-search {
	overflow: hidden; max-width: 450px; max-height: 84%; width: 45%;
}
header > ul > li:nth-child(4) {
    display:none;
}
header > ul > li:nth-child(7) {
	border: 1px solid var(--color-dark-cream); border-radius: .5rem; display: flex; color: #fff; font-family: "Barlow Condensed"; align-items: center; font-size: 1.3rem; padding: 0 1rem; font-weight: 500; margin-left: 1rem; display: none;
}
header .btn-with-picto {
	height: 100%; aspect-ratio: 1; display: block; position: relative; border-radius: .5rem; border: 1px solid var(--color-dark-cream); background-color: transparent; margin-left: 1rem; cursor: pointer; overflow: hidden; color: var(--color-yellow); container-type: size;
}
header .btn-with-picto::before {
	background-color: var(--color-cream);
}
header .btn-with-picto:hover,
header .btn-with-picto.open {
	background-color: var(--color-yellow); color: #fff;
}
header .btn-with-picto:hover::before,
header .btn-with-picto.open::before {
	background-color: var(--color-main);
}
header .btn-with-picto.svg-burger::before {
	width: 55%;
}
header .btn-with-picto.svg-glass::before {
	width: 55%;
}
header .btn-with-picto.svg-account::before {
	width: 65%;
}
header .btn-with-picto.svg-basket::before {
	width: 68%;
}
header .user-initials {
	position: absolute; font-family: "Barlow Condensed"; left: 50%; top: 60%; transform: translateX(-50%); font-weight: 600; font-size: 28cqw;
}
header .svg-phone {
	width: 1.3rem; margin-right: .75rem;
}
header .svg-phone::before {
	background-color: var(--color-cream);
}
header .count-basket {
	position: absolute; font-weight: 500; left: 50%; top: 50%; line-height: 1; font-size: .95rem; transform: translate(-30%,-120%); font-family: "Barlow Condensed",sans-serif; display: block; min-width: 1rem; text-align: center;
}
.menu-lang {
	position: absolute; visibility: hidden; top: 126%; width: auto; right: 6%; overflow: hidden; padding: .25rem;
}
.menu-lang ul {
	display: flex; flex-direction: column; transform: translateY(-110%); background-color: #fff; border-radius: .25rem; box-shadow: 0 0 .25rem; transition: transform .5s, visibility 0s .5s; overflow: hidden;
}
.menu-lang.open {
	visibility: visible;
}
.menu-lang.open ul {
	transform: translateY(0); transition: transform .5s;
}
.menu-lang.open ul li:hover {
	background-color: var(--color-soft-cream);
}
.menu-lang a {
	display: flex; align-items: center; color: var(--color-main); padding: 0 .5rem 0 .25rem;
}

/*---- ASIDE ----*/
.aside-container {
	display: flex; flex-direction: column; z-index: 20;
}
.aside-nav {
	display: flex; flex-direction: column; aspect-ratio: 8/16;
}
.aside-top-container {
	width: 100%; aspect-ratio: 8/6; display: flex; z-index: 2;
}
.aside-top-container > .inside {
    background: var(--color-choco); display: flex; flex: 1; flex-direction: column; padding: 6% 3% 1rem;
}
.aside-accroche {
	text-align: center; color: var(--color-soft-cream); font-size: 1.3rem; font-weight: 300;
}
.aside-info {
	display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--color-soft-cream); padding-top: 1rem; margin: 0 auto; width: 94%; flex-wrap: wrap;
}
.aside-info > div {
	display: flex; color: var(--color-light-cream); font-family: "Barlow Condensed"; align-items: center; font-size: 1.2rem; font-weight: 500;
}
.aside-info .aside-hotline {
	font-size: 1rem; justify-content: center; width: 100%; margin-top: .75rem; display: flex; gap: .25rem;
}
.aside-info .aside-hotline span {
	text-transform: uppercase; color: var(--color-yellow);
}
.aside-info .for-picto {
	width: 1.3rem; margin-right: .5rem;
}
.aside-info .for-picto::before {
	background-color: var(--color-yellow);
}
.aside-info a {
	font-size: 1rem; color: var(--color-light-cream); font-weight: normal;
}
.aside-categories {
    display: grid; grid-template-columns: repeat(3,1fr); gap: 5%; max-width: 440px; margin: auto; width: 100%;
}
.aside-categories a {
	position: relative; display: block; padding-top: 70%; color: #fff; text-align: center; font-size: 1.2rem; font-weight: 400; font-family: "Barlow Condensed", sans-serif; line-height: 1;
}
.aside-categories a::before {
	height: 75%; width: 100%; background-color: var(--color-soft-cream); display: block; top: 50%; left: 50%; transform: translate(-50%,-68%); pointer-events: none;
}
.aside-categories a:hover::before {
	background-color: var(--color-yellow);
}
.aside-bottom-container {
	flex:1; display: flex;
}
.product-page-type .aside-bottom-container {
    display: none;
}
.product-page-type .second-aside-container {
    display: none;
}
.aside-bottom-container .inside {
	display: flex; flex-direction: column; flex: 1;
}
.aside-bottom-container .inside li {
	height: calc(100% / 5); padding-top: var(--desktop-separator); display: flex;
}
.aside-bottom-container .inside li div {
	flex: 1; border-bottom: 1px solid var(--color-dark-cream); display: flex;
}
.aside-bottom-container .inside li:last-child div {
	border-bottom: none medium;
}
.aside-bottom-container .inside li div a {
	flex: 1; display: flex; justify-content: center; border-left: .35rem solid var(--color-cream); color: var(--color-cream); text-transform: uppercase; flex-direction: column; padding: 2% 0 2% 7%;
}
.aside-bottom-container .inside li div a strong {
	color: #fff; font-size: 1.55rem; font-weight: 300;
}
.aside-bottom-container .inside li div a:hover {
	border-color: var(--color-yellow); color: var(--color-soft-cream);
}
.aside-bottom-container .inside li div a:hover strong {
	color: var(--color-yellow);
}
.after-aside-container {
	border: 1px solid #fff;
}

/*---- SECOND ASIDE ----*/
.second-aside-container {
	flex: 1;
}
.aside-sticky {
	position: sticky; top: var(--desktop-separator); width: 100%;
}
.aside-title {
	font-family: 'Barlow Condensed'; font-size: 1.2rem; margin-bottom: 1rem; margin-top: 1rem; background-color: var(--color-cream); padding: .25rem .25rem .25rem 1rem; border-radius: .25rem; display: inline-flex; justify-content: space-between;
}
.aside-title button {
	background-color: var(--color-main); color: #fff; border-radius: .2rem; border: none; padding: 0 .5rem; margin-left: 1rem; font-size: .8rem; text-transform: uppercase;
}
.aside-title button:hover {
	background-color: var(--color-red);
}
.aside-visited-container {
	display: none;
}
.aside-visited-container.opened {
	display: block;
}
#visited-products-container {
	color: var(--color-soft-cream);
}
#visited-products-container a {
	display: flex; padding-bottom: .5rem; border-bottom: 1px solid var(--color-dark-cream); margin-bottom: .5rem; color: var(--color-soft-cream); font-weight: 100; align-items: center; font-size: .95rem;
}
#visited-products-container li:last-child a {
	border-bottom: none;
}
#visited-products-container picture {
	flex: .33;
}
#visited-products-container img {
	background-color: #fff; width: 100%; aspect-ratio: 16/10; object-fit: contain; padding: .5rem; border-radius: .25rem; opacity: .85;
}
#visited-products-container a div {
	flex: .67; padding-left: 1rem; overflow: hidden; max-height: 3.5rem;
}
#visited-products-container a:hover {
	color: var(--color-yellow);
}
#visited-products-container a:hover img {
	opacity: 1;
}
.ban-aside {
	margin-top: 1rem;
}
.ban-aside img {
	display: block; max-width: 100%;
}

/*---- BREADCRUMB ----*/
.breadcrumb-container {
    background-color: var(--color-soft-cream); display: flex; flex-direction: column; position: relative; line-height: 1;
}
.breadcrumb-container.product-breadcrumb {
    grid-column: span 3;
}
.breadcrumb-container > .inside {
    flex: 1;
}
.breadcrumb-container > .inside > ul {
    display: flex; height: 2.55vw; max-height: 48px; min-height: 40px;
}
.breadcrumb-container > .inside > ul > li {
    font-size: .9rem; display: flex;
}
.breadcrumb-container > .inside > ul > li.actif {
	background-color: #fff!important; position: relative;
}
.breadcrumb-container > .inside > ul > li:nth-child(1) {
    background-color: rgba(84, 63, 50, 1); height: 100%; aspect-ratio: 1;
}
.breadcrumb-container > .inside > ul > li:nth-child(1) a {
    padding: 0;
}
.breadcrumb-container .for-picto::before {
    background-color: #fff; width: 70%;
}
.breadcrumb-container .actif .for-picto::before {
    background-color: var(--color-main);
}
.breadcrumb-container > .inside > ul > li:nth-child(2) {
    background-color: rgba(84, 63, 50, .85);
}
.breadcrumb-container > .inside > ul > li:nth-child(3) {
    background-color: rgba(84, 63, 50, .7);
}
.breadcrumb-container > .inside > ul > li:nth-child(4) {
    background-color: rgba(84, 63, 50, .55);
}
.breadcrumb-container > .inside > ul > li:nth-child(5) {
    background-color: rgba(84, 63, 50, .4);
}
.breadcrumb-container > .inside > ul > li > a,
.breadcrumb-container > .inside > ul > li > div {
    display: flex; padding: 0 1rem; align-items: center; width: 100%; height: 100%; position: relative;
}
.breadcrumb-container > .inside > ul > li > a {
    color: #fff;
}
.breadcrumb-container > .inside > ul > li.with-menu > div {
	padding-right: 2rem; color: var(--color-red); cursor: default;
}
.breadcrumb-container > .inside > ul > li .lvl1 {
    padding-left: .25rem;
}
.breadcrumb-container > .inside > ul > li > a:hover {
    background-color: var(--color-red);
}
.category-breadcrumb > .inside > ul > li.actif a:not(:hover) {
	color: var(--color-main);
}
.category-breadcrumb li.with-menu > div::before {
	content: ""; width: calc(100% - 1rem); height: 3px; background-color: var(--color-red); position: absolute; bottom: 0; left: .5rem;
}
.category-breadcrumb li.with-menu > div::after {
	content: ""; position: absolute; height: 0; width: 0; display: block; border-top: .4rem solid var(--color-red); border-left: .4rem solid transparent; border-right: .4rem solid transparent; right: .5rem;
}
.category-breadcrumb > .inside > ul > li.with-menu a {
	color: var(--color-red);
}
.category-breadcrumb > .inside > ul > li.with-menu ul {
	position: absolute; top: 100%; left: 0; padding: .5rem; display: none; gap: .5rem; flex-direction: column; background-color: #fff; white-space: nowrap; z-index: 999999; padding: 1rem; box-shadow: 2px 2px .25rem; min-width: 100%;
}
.category-breadcrumb > .inside > ul > li:hover.with-menu ul {
	display: flex;
}

/*---- HOME ----*/
.home-top-grid {
	display: grid; grid-template-columns: repeat(4,1fr); grid-template-rows: repeat(3,1fr); gap: var(--desktop-separator);
}
.home-top-grid .aside-container {
	aspect-ratio: 8/16; grid-row: span 2;
}
.banner, .mea {
    border: .1vw solid #c9c2bd; overflow: hidden; position: relative;
}
.banner {
    grid-column: span 2;
}
.banner img {
	position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: right;
}
.banner-cta-container {
	position: absolute; aspect-ratio: 1; height: 100%; right: 0; container-type: inline-size; line-height: 1;
}
.banner-cta-container span {
	border: .7cqw solid var(--color-red); border-radius: 6cqw; font-size: 4.75cqw; width: 50cqw; display: block; padding: 2.5cqw 10cqw 2.5cqw 3cqw; color: #fff; text-transform: uppercase; font-weight: 600; text-align: center; position: absolute; top: 80%; left: 50%; transform: translateX(-50%);
}
.banner-cta-container span::after {
	content: "\25BA"; position: absolute; height: 88%; aspect-ratio: 1; background-color: var(--color-red); top: 50%; right: 0; border-radius: 50%; transform: translate(-5%,-50%); display: flex; align-items: center; justify-content: center; color: var(--color-main);
}
.mea {
	background-color: #f3efed;
}
.mea.has-transparency:nth-child(odd) {
	background-color: #76675c;
}
.mea.has-transparency:nth-child(even) {
	background-color: #34535c;
}
.mea picture {
	display: flex; align-items: center; justify-content: center; height: 100%; width: 62%;
}
.mea picture img {
	position: absolute; mix-blend-mode: multiply; width: 90%; transform: translateX(-25%);
}
.mea picture.type-guitare {
	width: 50%;
}
.mea picture.type-guitare img {
	width: auto; height: 52%; rotate: -90deg; transform: translateX(22%) translateY(-3%);
}
.mea.has-transparency picture img {
	filter: drop-shadow(-1.5rem 1rem .75rem rgba(0,0,0,.5)); mix-blend-mode: normal;
}
.mea a {
	position: absolute; top: 0; width: 100%; height: 100%; color: var(--color-main);
}
.mea.has-transparency a {
	color: var(--color-soft-cream);
}
.mea .content {
	text-align: right; padding: 6% 6% 6% 2%; width: 55%; display: flex; flex-direction: column; margin-left: auto; height: 100%; align-items: end;
}
.mea .label {
	text-transform: uppercase; font-size: 2.7rem; font-weight: lighter; line-height: 1; margin-bottom: 10%; opacity: .5;
}
.home-shop-h1-container {
	background-image: image-set(url("../../images/default/bkg/home-guitares-3d-fond-8JmqaES.webp") type("image/webp"),url("../../images/default/bkg/home-guitares-3d-fond-dLS_H4A.jpg") type("image/jpeg")); background-position: center top; background-repeat: no-repeat;
}
.mea .brand {
	font-family: "Barlow Condensed"; font-weight: 600; font-size: 1.4rem; margin-bottom: 3%;
}
.mea .ref {
	font-family: "Barlow Condensed"; font-size: 1.3rem; font-weight: 300;
}
.mea .price {
	flex: 1; font-family: "Barlow Condensed"; font-size: 2rem; font-weight: 600; display: flex; align-items: end; justify-content: end;
}
.mea .more {
	font-size: 1.1rem; background-color: var(--color-yellow); display: inline-block; padding: .25rem .75rem; color: var(--color-main); margin-top: .5rem;
}
.home-shop-h1-container h1 {
	color: var(--color-soft-cream); text-align: center; padding: 5% 0; font-size: 2rem; font-weight: 300;
}
.home-page-type h2 {
	padding: 2% 0 3%; text-align: center; font-size: 2rem; font-weight: normal;
}
.home-shop-picture-container {
	position: relative;
}
.home-shop-picture-container::before {
	content: ""; position: absolute; bottom: 0; height: 50%; background-color: var(--color-soft-cream); width: 100%; left: 0;
}
.homediapo {
	max-width: 90%; position: relative; margin: auto;
}
.diaporama-home-container {
	position: relative; display: flex; padding-top: 37%;
}
.diaporama-home-container a {
	position: absolute; border: .5vw solid #fff; box-shadow: 2px 2px 5px rgba(0,0,0,.5); object-fit: cover; width: 70%; height: 100%; transition: all 1s;
}
.diaporama-home-container a img {
	position: absolute; height: 100%; width: 100%; object-fit: cover; object-position: inherit;
}
.diaporama-home-container a.diapo1 {
	left: 0; top: 10%; height: 80%; z-index: 1; width: 10%; border-right-width: 0; object-position: left;
}
.diaporama-home-container a.diapo2 {
	left: 10%; top: 5%; height: 90%; z-index: 2; width: 10%; border-right-width: 0; object-position: left;
}
.diaporama-home-container a.diapo3 {
	left: 20%; top: 0; height: 100%; z-index: 3; width: 60%;
}
.diaporama-home-container a.diapo4 {
	left: 80%; top: 5%; height: 90%; z-index: 2; width: 10%; border-left-width: 0; object-position: right;
}
.diaporama-home-container a.diapo5 {
	left: 90%; top: 10%; height: 80%; z-index: 1; width: 10%; border-left-width: 0; object-position: right;
}
.diapo-arrow {
	position: absolute; border: none; width: 3vw; max-width: 35px; aspect-ratio: 1; display: block; background-color: transparent; top: 50%; transform: translateY(-50%); z-index: 10;
}
.diapo-arrow::before {
	content: ""; position: absolute; width: 100%; height: 100%; border-color: #fff; border-style: solid;
}
.diapo-prev {
	left: 15%;
}
.diapo-next {
	right: 15%;
}
.diapo-next::before {
	rotate: -45deg; border-width: 0 .2rem .2rem 0; transform: translateY(-100%) translateX(-30%);
}
.diapo-prev::before {
	rotate: -45deg; border-width: .2rem 0 0 .2rem; transform: translateX(25%) translateY(-45%);
}
.diaporama-no-select {
  user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.home-shop-txt-container {
	background-color: var(--color-soft-cream);
}
.home-shop-txt-container p {
	padding: 3% 0; text-align: center; font-size: 1.35rem; max-width: 1380px; margin: auto; font-weight: 300;
}
.home-shop-strong-point-container {
	background-color: var(--color-soft-cream); padding-bottom: 2%;
}
.home-shop-strong-point-container ul {
	display: grid; grid-template-columns: repeat(4,1fr); gap: 4%;
}
.home-shop-strong-point-container li {
	background-color: var(--color-choco); color: #fff; font-family: "Barlow Condensed",sans-serif; display: flex; flex-direction: column; font-size: 1.6rem; padding: 1.5rem; text-align: center; border-bottom: .35rem solid var(--color-yellow);
}
.home-shop-selection-container {
	background-color: var(--color-soft-cream); position: relative;
}
.home-shop-selection-container .inside {
	position: relative;
}
.home-shop-selection-container::before {
	content: ""; position: absolute; width: 100%; height: 20%; background-color: var(--color-main); bottom: 0; left: 0;
}
.home-top-selection-container {
	padding-bottom: 3%;
}
.home-top-selection-container swiper-container {
	aspect-ratio: 16/8; --swiper-pagination-color: var(--color-yellow); --swiper-navigation-size: 1.5rem; --swiper-navigation-sides-offset: 0; --swiper-navigation-color: var(--color-dark-cream); --swiper-navigation-top-offset: 50%;
}
.home-top-selection-container article {
	background-color: #fff; aspect-ratio: 1; margin: .55vw; box-shadow: .25rem .25rem .25rem rgba(0,0,0,.25);
}
.home-top-selection-container a {
	display: flex; flex-direction: column; height: 100%; color: var(--color-main); padding: 1vw;
}
.home-top-selection-container figure {
	position: relative; flex: 1;
}
.home-top-selection-container img {
	position: absolute; height: 100%; width: 100%; object-fit: contain; padding: 3% 9%;
}
.home-top-selection-container .type-guitare img {
	object-fit: cover; object-position: left center; padding: 7% 0% 7% 9%;
}
.home-top-selection-container .type-guitare.left-handed img {
	object-position: right center; padding: 7% 9% 7% 0%;
}
.home-top-selection-container .brand {
	display: flex; align-items: center; margin-bottom: .15rem;
}
.home-top-selection-container .brand li:first-child {
	font-family: "Barlow Condensed",sans-serif; font-size: 1.25rem;
}
.home-top-selection-container .brand li:first-child strong {
	font-weight: 600; text-transform: uppercase;
}
.home-top-selection-container h3 {
	font-weight: normal; font-size: 1.1rem; height: 2.6rem; line-height: 1.1; margin-bottom: .15rem; overflow: hidden;
}
.home-top-selection-container .stock-price {
	display: flex; font-family: "Barlow Condensed",sans-serif;
}
.home-top-selection-container .stock-price li:first-child {
	display: flex; flex: 1; justify-content: space-between; border-top: 1px dashed var(--color-dark-cream); margin-right: .5rem; align-items: center;
}
.home-top-selection-container .old-price {
	text-decoration: line-through; color: var(--color-old);
}
.home-top-selection-container .price {
	padding: .1rem .35rem .25rem; border: 1px solid var(--color-dark-cream); font-size: 1.4rem; line-height: 1; font-weight: 600;
}
.home-shop-brand-container h3 {
	color: var(--color-soft-cream); font-size: 1.7rem; font-weight: lighter; text-align: center; padding: 2% 2% 3%;
}
.home-brand-container {
	border-top: .1rem solid var(--color-soft-cream); border-bottom: .1rem solid var(--color-soft-cream); background-color: rgba(255,255,255,.1);
}
.home-brand-container img {
	display: block; width: 100%; border-left: .1rem solid var(--color-soft-cream); border-right: .1rem solid var(--color-soft-cream);
}

/*---- LISTING ----*/
.main-listing-container {
	grid-column: span 3; grid-row: span 2; background-color: #fff; min-height: 600px;
}
.main-listing-container > .inside {
	padding-top: 3.5%; margin-bottom: 5%; background-size: 48%; position: relative;
}
.main-listing-container .with-main-padding {
	padding-left: 3%; padding-right: 3%;
}
.main-listing-container h2 {
	font-weight: 300; font-size: 1.6rem; margin-bottom: 1.5rem; line-height: 1.1;
}
.sub-design {
	position: absolute; width: 45%; top: 0; right: 0; aspect-ratio: 16/13;
}
.sub-design.brand img {
	position: absolute; width: 50%; height: 27%; object-fit: contain; top: 6%; right: 6%; object-position: 75% 30%;
}
.sub-design.brand .logo-svg {
	opacity: .5; filter: drop-shadow(.2rem .2rem .2rem #ffffff40) invert(1);
}
.sub-design.brand .logo-bitmap {
	opacity: .5; filter: invert(1) drop-shadow(.2rem .2rem .2rem rgba(0,0,0,.5))
}
.sub-design.custom-shop div {
	position: absolute; width: 50%; height: 30%; top: 6%; right: 10%; opacity: .5;
}
.sub-design.new div {
	position: absolute; width: 50%; height: 30%; top: 6%; right: 10%; opacity: .5;
}
.main-listing-container h1 {
	font-weight: 300; font-size: 2rem; margin-bottom: 2rem; position: relative; max-width: 75%;
}
.main-listing-container h1 strong {
	font-weight: 600;
}
.main-listing-container > h2 {
	font-weight: 300; font-size: 1.75rem; margin-bottom: 1rem;
}
.category-nav-container {
	margin-bottom: 1.7rem; position: relative;
}
.category-nav-container ul.lvl0 {
	display: flex; position: relative;
}
.category-nav-container ul.lvl0 li {
	margin-right: 1rem;
}
.category-nav-container ul.lvl0 a {
	display: flex; border: 1px solid var(--color-cream); padding: 0 1.5rem 0 .5rem; border-radius: 2rem; align-items: center; background-color: #ffffff70;
}
.category-nav-container ul.lvl0 a .with-svg {
	width: 3.2rem; aspect-ratio: 1; margin-right: .5rem;
}
.category-nav-container ul.lvl0 a .with-svg::after {
	background-color: var(--color-main); height: 100%; width: 100%; display: block;
}
.category-nav-container ul.lvl0 a:hover {
	background-color: var(--color-red); color: #fff;
}
.category-nav-container ul.lvl0 a:hover .with-svg::after {
	background-color: #fff;
}
.category-nav-container ul.lvl1 {
	display: grid; width: 100%; grid-template-columns: repeat(7,1fr); gap: 1rem 1rem;
}
.category-nav-container ul.lvl1 li {
	text-align: center;
}
.category-nav-container ul.lvl1 a {
	max-width: 150px; display: block; font-size: 1.05rem; color: var(--color-red); font-family: "Barlow Condensed",sans-serif; line-height: 1; position: relative;
}
.category-nav-container ul.lvl1 div {
	display: block; width: 84%; aspect-ratio: 1/1; border-radius: 50%; border: 1px solid var(--color-cream); overflow: hidden; margin: 0 auto 5%; position: relative; background-color: #ffffffbf;
}
.category-nav-container ul.lvl1 div.with-img img {
	position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 16%; object-fit: contain;
}
.category-nav-container ul.lvl1 div.with-svg::before {
	content: ""; height: 0; width: 100%; background: var(--color-red); display: block; position: absolute; bottom: 0; left: 0; transition: height .5s;
}
.category-nav-container ul.lvl1 a:hover div.with-svg::before {
	height: 100%; transition: height .25s;
}
.category-nav-container ul.lvl1 div.with-svg::after {
	height: 100%; width: 100%; background-color: var(--color-cream); display: block; position: absolute; transition: background-color .5s;
}
.category-nav-container ul.lvl1 a:hover div.with-svg::after {
	background-color: #fff !important; transition: background-color .25s;
}
.category-nav-container ul.lvl2 {
	display: grid; width: 100%; grid-template-columns: repeat(4,1fr); gap: .75rem;
}
.category-nav-container ul.lvl2 li {
	text-align: center; padding-right: .5rem; border: 1px solid var(--color-soft-cream); background-color: #ffffffc2; border-radius: .5rem;
}
.category-nav-container ul.lvl2 li:hover {
	border: 1px solid var(--color-red);
}
.category-nav-container ul.lvl2 a {
	display: flex; color: var(--color-red); font-family: "Barlow Condensed",sans-serif; line-height: 1; position: relative; align-items: center; margin: .25rem 0;
}
.category-nav-container ul.lvl2 div {
	width: 45%; aspect-ratio: 6/4; position: relative;
}
.category-nav-container ul.lvl2 img {
	position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: .25rem 1rem .25rem .5rem; object-fit: contain; mix-blend-mode: multiply;
}
.category-nav-container ul.lvl2 span {
	flex: 1; text-align: left;
}
.category-iconic-container ul {
	display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem 2rem;
}
.category-iconic-container ul li a {
	display: block; transition: all .5s;
}
.category-iconic-container ul li a:hover {
	scale: 1.05; transition: all .5s;
}
.category-iconic-container .h2-link-iconic {
	aspect-ratio: 100/74; background-size: contain; background-repeat: no-repeat; color: #fff; padding: 1rem; display: flex; flex-direction: column; line-height: 1.1; font-size: 2rem; font-weight: 100; justify-content: end;
}
.category-iconic-container .h2-link-iconic span {
	font-weight: 700; text-transform: uppercase; font-size: .55em;
}
.links-iconic-offers {
	display: flex; text-transform: uppercase; font-family: "Barlow Condensed",sans-serif; font-weight: 500; justify-content: end; position: relative;
}
.links-iconic-offers a {
	margin-right: 1rem;
}
.category-edito-container {
	width: 62%; font-size: .95rem; margin-bottom: 2rem; position: relative;
}
.category-edito-container.for-brand {
	width: 100%; padding: 3% 5%; background-color: #ede9e757; border-radius: .5rem; box-shadow: .1rem .1rem .25rem #00000026;
}
.intro-edito-container {
	position: relative; overflow: hidden; transition: max-height 0.4s ease-in-out; margin-bottom: .5rem;
}
.intro-edito-container.with-max-height {
	max-height: 260px;
}
.intro-edito-container::after {
	content: ""; position: absolute; bottom: 0; left: 0; background-image: linear-gradient(transparent,#f9f8f7); width: 100%; height: 50%; opacity: 1; transition: opacity .5;
}
.for-iconic .intro-edito-container::after {
	background-image: linear-gradient(transparent,#ffffff);
}
.intro-edito-container.open::after {
	opacity: 0; transition: opacity .5;
}
.intro-edito-container > a {
	padding: .35rem .75rem; border: 1px solid; display: inline-block;
}
.intro-edito-container > a:hover {
	background-color: var(--color-red); color: #fff;
}
.category-edito-container .inside-scroll {
	padding-right: 1rem;
}
/*.intro-edito-container::after {
	content: ""; width: calc(100% - 1rem); height: 2rem; position: absolute; bottom: 0; background-image: linear-gradient(#fff0,#fff);
}*/
.category-edito-container h2 {
	font-size: 1.4em; font-weight: 400; margin-bottom: .5em;
}
.category-edito-container h2:not(:first-child) {
	margin-top: 1.3em;
}
.category-edito-container h3 {
	font-weight: 600; font-size: 1.1em; margin-bottom: .5em; margin-top: 1.5rem;
}
.category-edito-container p {
	margin-bottom: .75em; text-align: justify;
}
.category-edito-container ul {
	padding-left: 1rem; list-style: disc outside;
}
.category-edito-container ul li {
	margin-bottom: .75em;
}
.more-edito-container .bloc {
	background-color: #f7f4f3; padding: 3% 4%; margin-bottom: 2rem; border-radius: 1rem; margin: 0 auto 3%; display: flex;
}
.more-edito-container h2 {
	font-weight: 500; font-size: 1.6rem; margin-bottom: 0; width: 30%; padding-right: 5%; border: none;
}
.more-edito-container h3 {
	font-weight: 500; margin-bottom: 1rem; text-transform: uppercase; margin-top: 2rem;
}
.more-edito-container .bloc h3:first-child {
	margin-top: 0;
}
.more-edito-container .bloc-max-width {
	flex: 1; margin: auto; border-left: 1px solid var(--color-soft-cream); padding-left: 3rem;
}
.more-edito-container .col1 {
	font-size: .95rem;
}
.more-edito-container .col2 {
	column-count: 2; column-gap: 4%; font-size: .9rem;
}
.more-edito-container ul {
	list-style: disc outside; padding-left: 1rem; margin-bottom: .5rem;
}
.more-edito-container ul li {
	padding-bottom: .5rem; text-align: justify;
}
.more-edito-container p {
	margin-bottom: 1rem; text-align: justify;
}
.category-lr50-container {
	display: flex; justify-content: space-between; margin-top: 2%; margin-bottom: 4%;
}
.category-lr50-container > div {
	width: 48%; position: relative; display: flex; flex-direction: column;
}
.category-lr50-container .inside {
	display: flex; flex-direction: column; height: 100%;
}
.swiper-brands-select {
	width: 100%; aspect-ratio: 16/11; height: 100%;
}
.swiper-brands-select a {
	display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; background-color: var(--color-soft-cream); position: relative; font-family: "Barlow Condensed",sans-serif; font-size: 1.7rem; text-align: center; line-height: 1; color: var(--color-choco); text-transform: uppercase; font-weight: 500;
}
.swiper-brands-select a:hover {
	color: var(--color-soft-cream);
}
.swiper-brands-select a::before {
	position: absolute; bottom: 0; width: 100%; height: 0; background-color: var(--color-red); left: 0; content: ""; transition: height .5s;
}
.swiper-brands-select a:hover::before {
	height: 100%; transition: height .25s;
}
.swiper-brands-select a span {
	position: relative;
}
.swiper-brands-select a img {
	width: 74%; height: 68%; object-fit: contain; position: absolute; filter: invert(22%) sepia(34%) saturate(491%) hue-rotate(339deg) brightness(97%) contrast(87%); top: 50%; left: 50%; transform: translate(-50%,-50%);
}
.swiper-brands-select a:hover img {
	filter: invert(99%) sepia(80%) saturate(0%) hue-rotate(155deg) brightness(107%) contrast(100%);
}
.category-highlighted-container .top {
	display: flex; justify-content: space-between;
}
.category-highlighted-container .top ul {
	display: flex; align-items: end; z-index: 9; font-family: "Barlow Condensed"; font-weight: 500; text-transform: uppercase;
}
.category-highlighted-container .top ul li {
	border: 2px solid var(--color-soft-cream); border-radius: .5rem .5rem 0 0; padding: .5rem .75rem; margin-bottom: -2px; border-bottom: none; background-color: var(--color-soft-cream); color: var(--color-cream); margin-right: .5rem; cursor: pointer;
}
.category-highlighted-container .top ul li.active {
	background-color: #fff; color: var(--color-main);
}
.category-highlighted-container .bottom {
	border-top: 2px solid var(--color-soft-cream); height: 100%; position: relative; overflow: hidden;
}
.category-highlighted-container swiper-container {
	position: absolute; width: 100%; height: 100%; --swiper-pagination-color: var(--color-yellow); --swiper-navigation-size: 1.3rem; --swiper-navigation-sides-offset: 0; --swiper-navigation-color: var(--color-dark-cream); --swiper-navigation-top-offset: 34%; transform: translateY(-100%); opacity: 0; transition: all 1s;
}
.category-highlighted-container swiper-container.select {
	transform: translateY(0); transition: all 1s; opacity: 1;
}
.category-highlighted-container swiper-container a {
	display: flex; height: 100%; flex-direction: column; color: inherit; aspect-ratio: 1.5/1;
}
.category-highlighted-container swiper-container figure {
	flex: .6; padding: 1rem 2rem; position: relative;
}
.category-highlighted-container swiper-container figure img {
	width: calc(100% - 4rem); height: calc(100% - 2rem); object-fit: contain; position: absolute;
}
.category-highlighted-container swiper-container .content {
	flex: .3; display: flex; flex-direction: column; padding: 0 2rem;
}
.category-highlighted-container swiper-container .content .brand {
	display: flex; margin-bottom: .25rem; align-items: center; text-transform: uppercase;
}
.category-highlighted-container swiper-container .content .brand strong {
	font-weight: 800;
}
.category-highlighted-container swiper-container .content h3 {
	font-weight: normal; font-size: 1rem; line-height: 1.1; height: 2.4rem; overflow: hidden;
}
.category-highlighted-container swiper-container .content .stock-price {
	display: flex; align-items: stretch; line-height: 1; font-family: "Barlow Condensed", sans-serif;
}
.category-highlighted-container swiper-container .content .stock-price li:first-child {
	flex: 1; display: flex; border-top: 1px dashed; margin-right: .5rem; align-items: center;
}
.category-highlighted-container swiper-container .content .stock {
	flex: 1; font-weight: 500; font-size: .9rem;
}
.category-highlighted-container swiper-container .content .old-price {
	text-decoration: line-through; color: var(--color-old);
}
.category-highlighted-container swiper-container .content .price {
	font-weight: 600; font-size: 1.2rem; padding: .2rem .35rem .3rem; border: 1px solid;
}
.product-list-container.is-waiting::after {
	display: none;
}
.listing-filters-container > .inside {
	display: flex; font-family: "Barlow Condensed", sans-serif; font-size: 1.1rem; font-weight: 500; line-height: 1; position: relative; width: 100%; padding: 1rem 0 1rem; margin-bottom: 0;
}
.listing-filters-container.sticky {
	position: sticky; top: 0; z-index: 20; background-color: #fff; box-shadow: 0 .15rem .25rem rgba(0,0,0,.5); padding-bottom: .5rem;
}
.form-filters {
	width: 100%; display: flex;
}
.form-filters > div:first-child {
	border: 1px solid var(--color-main); text-transform: uppercase; display: flex; align-items: center; position: relative;
}
.form-filters > div:first-child span {
	padding: 0 .5rem;
}
/*.is-waiting .form-filters > div:first-child::after {
	content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("../../images/default/gif/wait-nZ-HHc7.gif"); background-size: contain; background-repeat: no-repeat; background-position: center;
	background-color: var(--color-red); background-blend-mode: lighten;
}*/
.form-filters > div:first-child button {
	position: absolute; height: 100%; border: none; aspect-ratio: 1; background-color: var(--color-red); width: 100%;
}
.form-filters > div:first-child button::before {
	background-color: #fff; mask-size: 35%;
}
.filters-master {
	display: flex; width: 100%;
}
.checkbox-pill {
    display: inline-flex; align-items: center; justify-content: center; width: .9rem; height: .9rem; border: 1px solid #999; background-color: #fff; border-radius: .15rem; cursor: pointer; padding: 0; margin: .18rem .25rem 0 0; transition: background-color 0.2s ease, border-color 0.2s ease;
}
.checkbox-pill[data-active="true"] {
    background-color: var(--color-yellow); border-color: var(--color-main);
}
.filters-master > li {
	display: flex; width: calc(100% / 5); padding-left: 2%;
}
.sub-filter:not(:first-child) {
	border-top: 1px solid var(--color-soft-cream);
}
.sub-filter .sub-title {
	color: var(--color-dark-cream); padding: .5rem .75rem .35rem 1.6rem; display: block; border-top: 1px solid var(--color-soft-cream); cursor: pointer; position: relative;
}
.sub-filter .sub-title:first-child {
	border-top: none;
}
.sub-filter .sub-title::before {
	content: ""; position: absolute; border-left: .4rem solid var(--color-cream); border-top: .4rem solid transparent; border-bottom: .4rem solid transparent; top: 50%; left: 3%; transform: translateY(-40%); transition: transform .25s;
}
.sub-filter.selected .sub-title::before {
	border-left-color: var(--color-yellow);
}
.sub-filter.open .sub-title::before,
.sub-filter.opened .sub-title::before {
	transform: rotate(90deg) translateX(-57%); transition: transform .25s;
}
.sub-filter.opened .sub-filter-slide {
	height: auto;
}
.sub-filter.single .sub-filter-slide {
    height: auto !important;
}
.sub-filter-slide {
	height: 0; overflow: hidden; margin-bottom: 0.25rem; transition: height .25s;
}
.select-filter {
	display: block; border-bottom: 2px solid var(--color-cream); width: 100%; position: relative; padding: .5rem 0; z-index: 8;
}
.select-filter.nochoice {
	opacity: .25;
}
.select-filter:not(.nochoice):hover {
	border-color: var(--color-yellow);
}
.select-filter.selected {
	border-color: var(--color-yellow);
}
.select-filter .select-filter-title {
	padding-left: 1.2rem; padding-right: 1.2rem; width: 100%; display: block; position: relative; cursor: pointer; text-transform: capitalize;
}
.select-filter.nochoice .select-filter-title {
	cursor: default;
}
.select-filter.selected .select-filter-title::before {
	content: ""; position: absolute; width: 1.2rem; height: 100%; top: 0; left: 0; -webkit-mask-image: url("../../images/default/svg/picto/check-9F1LEAy.svg"); mask-image: url("../../images/default/svg/picto/check-9F1LEAy.svg");
	background-color: var(--color-yellow); mask-repeat: no-repeat; mask-position: center;
}
.select-filter .select-filter-title::after {
	position: absolute; content: ""; bottom: 2px; right: .8rem; width: 0; height: 0; border-top: .4rem solid transparent; border-bottom: .4rem solid transparent; border-left: .4rem solid var(--color-dark-cream); transform: rotate(90deg);
}
.select-filter-slide {
	position: absolute; color: #fff; background-color: #fff; min-width: 110%; padding: .4rem .5rem 0; border-radius: .35rem; top: 2.75rem; white-space: nowrap; font-size: 1rem; box-shadow: 2px 2px 5px rgba(0,0,0,.5); opacity: 0; visibility: hidden; transition: opacity .5s, visibility 0s .5s; max-height: 400px; overflow: auto;
}
.select-filter-title.open + .select-filter-slide {
	opacity: 1; visibility: visible; transition: opacity .5s, visibility 0s;
}
.select-filter-slide > ul {
	padding: 0 0 .4rem 0;
}
.select-filter-slide ul > li {
	padding-bottom: .25rem; padding-top: .25rem; padding-right: .7rem; position: relative; padding-left: .25rem;
}
.select-filter-slide ul > li label {
	display: flex; align-items: center; text-transform: uppercase;
}
.select-filter-slide ul > li input[type="checkbox"] {
	border: 1px solid var(--color-main); margin: .18rem .25rem 0 0; width: .85rem; height: .85rem; background-color: #fff; border-radius: .15rem;
}
.select-filter-slide ul > li input[type="checkbox"]:checked {
	background-color: var(--color-yellow);
}
.select-filter-slide ul > li span {
	color: var(--color-main); font-weight: normal; margin-left: .25rem;
}
.select-filter.price ul {
	display: flex; padding-top: .25rem; justify-content: center;
}
.select-filter.price ul li {
	padding: .25rem;
}
.select-filter.price label {
	position: relative;
}
.select-filter.price input {
	width: 6rem; padding: .65rem; font-size: 1.1rem;
}
.select-filter.price label span {
	position: absolute; top: 0; background-color: #fff; font-size: .8rem; font-weight: 600; padding: 0 .25rem; transform: translateY(-50%);
}
.btn-validate-price {
	padding: .5rem; background-color: var(--color-yellow); border-radius: .25rem; border: none; font-family: "Barlow Condensed"; text-transform: uppercase; font-weight: 600; font-size: .9rem; height: 100%;
}
.result-products-nav-container {
	display: flex; font-size: .9rem; margin: .5rem 0 1.5rem 0; position: relative; align-items: center;
}
.result-products-nav-container > div:first-child {
	flex: 1; font-weight: bold;
}
.list-articles-container {
    display: grid; grid-template-columns: repeat(3,1fr); gap: 2vw 3%;
}
.list-articles-container a {
    color: inherit;
}
.list-articles-container a img {
	transform: scale(1); transition: transform .25s;
}
.list-articles-container a:hover img {
	transform: scale(1.07); transition: transform .25s;
}
.list-articles-container article {
	display: flex; flex-direction: column; height: 21vw; max-height: 360px; min-height: 290px;
}
.list-articles-container figure {
	position: relative; width: 100%; flex: 1; overflow: hidden; background-color: var(--color-light-cream); border-radius: 1rem; box-shadow: .1rem .1rem .25rem #00000026;
}
/*.list-articles-container figure::after {
	content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background-image: url("../../images/default/gif/download-FiO79EY.gif"); background-repeat: no-repeat; background-size: 60%; transition: opacity .5s; background-position: center; background-color: rgba(99, 99, 99, 0.5);
}
.is-waiting .list-articles-container figure::after {
	opacity: 1; transition: opacity .25s;
}*/
.list-articles-container.loading figure {
	filter: blur(2px);
}
.list-articles-container figure .product-img {
	width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; position: absolute; padding: 5% 8%;
}
.list-articles-container .type-guitare:not(.pack) figure .product-img,
.list-articles-container .type-46:not(.pack) figure .product-img {
	width: 90%; height: 90%; object-fit: cover; top: 5%; left: 10%; object-position: left; padding: 3% 0;
}
.list-articles-container .type-guitare.left-hander figure .product-img {
	object-position: right; left: auto; right: 10%;
}
.list-articles-container .sold-out {
	scale: .8; left: 1%;
}
.list-articles-container .custom-shop figure {
	background-image: image-set(url("../../images/default/bkg/wood-bkg-yeRJhCV.webp") type("image/webp"),url("../../images/default/bkg/wood-bkg-Fi4Er8g.jpg") type("image/jpeg")); background-size: cover; background-repeat: no-repeat;
}
.list-articles-container .custom-shop figure .product-img {
	mix-blend-mode: normal; filter: drop-shadow(.25rem .5rem .5rem);
}
.list-articles-container .product-modele-unique {
	position: absolute; bottom: 5%; right: 4%; width: 30%; min-width: 90px; filter: drop-shadow(.1rem .1rem .1rem rgb(0, 0, 0));
}
.list-articles-container .left-hander .product-modele-unique {
	left: 4%;
}
.list-articles-container .content {
	display: flex; flex-direction: column; padding: 3% 5% 0;
}
.list-articles-container .content .brand {
	display: flex; margin-bottom: .25rem; align-items: center;
}
.list-articles-container .content .brand strong {
	text-transform: uppercase; font-family: "Barlow Condensed"; font-size: 1.15rem; font-weight: 600;
}
.list-articles-container .content h2 {
	font-weight: 300; font-size: 1rem; line-height: 1.1; height: 2.35rem; overflow: hidden; margin-bottom: .25rem;
}
.list-articles-container .content .stock-price {
	display: flex; flex: 1; align-items: stretch; line-height: 1; font-family: "Barlow Condensed", sans-serif;
}
.list-articles-container .content .stock-price li:first-child {
	flex: 1; display: flex; border-top: 1px dashed var(--color-old); align-items: center; margin-right: .5rem; font-size: .9rem;
}
.list-articles-container .content .stock {
	flex: 1; font-weight: 500; text-transform: uppercase;
}
.list-articles-container .content .old-price {
	text-decoration: line-through; color: var(--color-old);
}
.list-articles-container .content .price {
	font-weight: 600; font-size: 1.2rem; padding: .2rem .35rem .3rem; border: 1px solid var(--color-old);
}
.filter-toggle-btn {
	background-color: var(--color-red); border: none; color: #fff; padding: .5rem 1.5rem .5rem 1rem; text-transform: uppercase; border-radius: 2rem; font-size: 1.1rem; left: 50%; transform: translateX(-50%);display: none; position: fixed; bottom: 1rem; align-items: center; z-index: 99;
}
.filter-toggle-btn .for-picto {
	width: 20px; margin-right: .75rem;
}
.filter-toggle-btn .for-picto::before {
	background-color: #fff;
}

/*---- BRAND ----*/
.brand-h1-search {
	display: flex; align-items: flex-start; justify-content: space-between;
}
.brand-search {
	display: flex; border-bottom: 2px solid var(--color-main); align-items: center; width: 23%; min-width: 230px;
}
.brand-search span {
	width: 1rem; min-width: 1rem;
}
.brand-search span::before {
	background-color: var(--color-main);
}
.brand-search input {
	border: none; padding: .5rem; flex: 1;
}
.brand-list {
	display: grid; grid-template-columns: repeat(4,1fr); gap: 2rem;
}
.brand-list li {
	background-color: var(--color-soft-cream); position: relative; aspect-ratio: 16/9; container-type: size;
}
.brand-list li img {
	position: absolute; width: 100%; height: 100%; object-fit: scale-down; padding: 12% 15%; filter: invert(22%) sepia(18%) saturate(1000%) hue-rotate(339deg) brightness(97%) contrast(87%);
}
.brand-item span {
	display: flex; color: var(--color-choco); font-family: "Barlow Condensed",sans-serif; font-size: 24cqh; align-items: center; height: 100%; width: 100%; justify-content: center; font-weight: bold; text-transform: uppercase; line-height: 1; text-align: center; padding: 0 5%;
}
.brand-list li:hover {
	background-color: var(--color-red);
}
.brand-list li:hover img {
	filter: invert(100%);
}
.brand-list li:hover span {
	color: #fff;
}

/*---- PRODUCT ----*/
.product-grid {
    display: grid; grid-template-columns: 25.181% repeat(3,1fr); grid-template-rows: auto 1fr auto 1fr; /*grid-template-rows: auto 1fr 1fr minmax(200px,25vw);*/
}
.product-grid h3 {
    font-size: 1rem; margin-bottom: .5rem; text-transform: uppercase; font-weight: 700;
}
.product-grid .aside-container {
	aspect-ratio: 8/6; margin-bottom: var(--desktop-separator); margin-right: var(--desktop-separator); grid-row: span 2;
}
.product-grid .aside-nav {
	aspect-ratio: auto;
}
.product-grid .aside-container .nav-bottom-container {
	display: none;
}
.product-top-container {
    grid-column: span 3; background-color: #fff; display: flex; flex-direction: column;
}
.product-top-container > .inside {
    flex: 1; padding: 1.5%; display: grid; grid-template-columns: auto minmax(280px,28%); grid-template-rows: auto 20% minmax(50px,25%); column-gap: 2%;
}
.product-top-container .z1 {
	order: 1; display: flex; flex-direction: column;
}
.product-top-container .z2 {
	order: 2; display: flex; flex-direction: column; padding-top: .25rem;
}
.product-top-container .z3 {
	order: 3; display: flex; align-items: center; padding-top: .5vw;
}
.product-top-container .z4 {
	order: 4; display: flex; padding-top: .5vw;
}
.product-top-container .z5 {
	order: 5;
}
.product-top-container .z6 {
    order: 6; container-type: size;
}
.product-title-brand {
	display: flex; line-height: 1; margin-bottom: .2em; font-size: 1.35rem; padding-bottom: .25em; position: relative; align-items: center; font-weight: 700; text-transform: uppercase;
}
.product-title-brand a {
	color: inherit;
}
.product-title-brand li {
	display: flex;
}
.product-h1 {
	font-weight: 300; font-size: 1.5rem; margin-bottom: .5rem; line-height: 1.1; flex: 1;
}
.product-ref {
    display: flex; font-size: .9rem;
}
.product-ref li:not(:last-child) {
    border-right: 1px solid var(--color-cream); padding-right: .5rem; margin-right: .5rem;
}
.product-price-container {
    min-height: 90%; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid var(--color-oney); border-radius: .5rem; position: relative; padding: 3% 2% 5%; container-type: inline-size;
}
.product-old-price {
	position: absolute; top: 0; padding: 0 .5rem; background-color: #fff; margin-top: -.6rem;
}
.product-old-price strong {
	text-decoration: line-through; font-weight: 600;
}
.product-price {
	font-size: 12cqw; font-weight: 800; line-height: 1; flex: .6; display: flex; align-items: center;
}
.product-price span {
	font-size: .75em;
}
.product-oney {
	font-family: "Barlow Condensed"; font-size: 5.2cqw; font-weight: 400;
}
.product-oney ul {
	display: flex; align-items: center; gap: .35rem;
}
.product-oney strong {
	font-weight: 600;
}
.product-oney span {
	color: var(--color-oney); text-decoration: underline;
}
.product-oney ul li:first-child {
	background-color: var(--color-oney); color: #fff; aspect-ratio: 1; width: 1.5rem; font-weight: 600; border-radius: 1rem; text-align: center; line-height: 1.3;
}
.alert-oney {
	font-family: "Barlow Condensed"; line-height: 1; font-size: 4.5cqw; text-align: center; color: var(--color-muted); font-weight: 300; margin-top: 1.5cqw; text-transform: uppercase;
}
.btn-simul-oney {
	position: absolute; bottom: 0; transform: translateY(50%); border-radius: 1rem; border: none; padding: .15rem .75rem; background-color: #84bd06; color: #fff; font-size: 4.5cqw; font-weight: 500;
}
.product-stock-container {
	font-family: "Barlow Condensed", sans-serif; display: flex; justify-content: center; gap: 1rem; font-size: 1.1rem; margin: .5rem 0; line-height: 1; flex: 1;
}
.product-stock-container li {
	display: flex; align-items: center;
}
.product-add-info-container {
	border: 1px solid var(--color-soft-cream); height: 100%; padding: .25rem 0; font-size: 1.05rem;
}
.product-add-info-container ul {
	display: grid; grid-template-columns: repeat(3,1fr); height: 100%;
}
.product-add-info-container li {
	display: grid; text-align: center; align-items: center; border-right: 1px solid var(--color-soft-cream); line-height: 1.1; position: relative; cursor: default; padding: 0 .35rem;
}
.product-add-info-container li:last-child {
	border-right: none;
}
.product-add-info-container li strong {
	white-space: nowrap;
}
.product-add-info-container li span {
	font-weight: bold; color: var(--color-green);
}
.add-availability {
	position: absolute; z-index: 20; top: calc(100% + .25rem); overflow: hidden; visibility: hidden; transition: visibility 0s .5s; width: 100%; left: 0;
}
.add-availability > div {
	position: relative; transform: translateY(-100%); padding: 1rem; background-color: var(--color-soft-cream); font-size: .9rem; transition: transform .5s;
}
.with-info:hover .add-availability {
	visibility: visible; transition: visibility 0s;
}
.with-info:hover .add-availability > div {
	transform: translateY(0); transition: transform .5s;
}
.financing-container {
	background-color: var(--color-choco); height: 100%; display: flex; align-items: center; color: #fff; border-radius: .25rem; justify-content: center; padding: .25rem;
}
.financing-container span {
	color: var(--color-oney)!important; text-decoration: underline;
}
.add-financing {
	background-color: var(--color-old); border: none; padding: .05rem .35rem; color: #fff; border-radius: 1rem; font-size: .9rem; font-weight: bold;
}
.picto-with-info {
	background-color: var(--color-cream); color: #fff; aspect-ratio: 1; display: inline-flex; font-size: .9rem; height: 1.1rem; border-radius: 50%; font-weight: bold; justify-content: center; align-items: center; cursor: pointer;
}
.product-stopped {
	font-weight: bold; color: var(--color-red); display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; font-size: 1.2rem;
}
.product-form-add-container {
	height: 100%; container-type: size;
}
.add-product-button {
	font-family: "Barlow Condensed", sans-serif; background-color: var(--color-red); color: #fff; width: 100%; border: none medium; text-transform: uppercase; font-size: 44cqh; cursor: pointer; font-weight: 500; height: 100%; transition: border-radius .3s, scale .3s, box-shadow .3s; border-radius: 0; box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.add-product-button:disabled {
	background-color: #ccc; cursor: default;
}
.add-product-button:hover:not(:disabled) {
	border-radius: .5rem; scale: 1.05; transition: border-radius .3s, scale .3s, box-shadow .3s; box-shadow: 0 .25rem .5rem rgba(0, 0, 0, 1);
}
.product-medias-select-container {
	background-color: #fff; display: flex; flex-direction: column; padding: 1rem 1rem .5rem; aspect-ratio: 17/10;
}
.product-medias-select-container h3 {
	margin-bottom: 1rem;
}
.product-medias-select-container > .inside {
	display: grid; grid-template-columns: repeat(3,1fr); gap: .5rem;
}
.product-medias-select-container > .inside a {
	max-width: 100%; position: relative; aspect-ratio: 4/3; border: 1px solid var(--color-soft-cream); opacity: .5;
}
.product-medias-select-container > .inside a:hover,
.product-medias-select-container > .inside a.select {
	border: 1px solid var(--color-main); opacity: 1;
}
.product-medias-select-container > .inside img {
	position: absolute; width: 100%; height: 100%; object-fit: contain; padding: 2px; cursor: zoom-in;
}
.product-medias-select-container .type-guitare picture img {
	object-fit: contain;
}
.product-medias-select-container .type-guitare a:first-child img {
	object-position: left; padding: 5% 2px; object-fit: cover;
}
.product-medias-select-container .type-guitare.left-hander a:first-child img {
	object-position: right;
}
.product-media-container {
	grid-column: span 3; display: flex; flex-direction: column; grid-row: span 2; height: 100%;
}
.product-media-container > .inside {
	flex: 1; position: relative; background-color: #fff; overflow: hidden;
}
.product-media-container > .inside::before {
	content: ""; height: calc(100% - 2rem); width: 1px; background-color: var(--color-soft-cream); position: absolute; top: 1rem; left: 0;
}
.product-media-container > .inside.custom-shop {
	background-image: image-set(url("../../images/default/bkg/wood-bkg-yeRJhCV.webp") type("image/webp"),url("../../images/default/bkg/wood-bkg-Fi4Er8g.jpg") type("image/jpeg")); background-size: cover; background-repeat: no-repeat;
}
.product-media-container > .inside.custom-shop::before {
	display: none;
}
.product-media-container > .inside picture img {
	width: 100%; height: 100%; object-fit: scale-down; position: absolute; padding: 2% 4%; cursor: zoom-in;
}
.product-media-container > .inside.custom-shop picture img {
	filter: drop-shadow(.5rem .5rem .75rem rgba(0,0,0,.8));
}
.product-media-container .product-modele-unique {
	max-width: 186px; position: absolute; top: 10%; right: 7%; width: 17%; min-width: 90px; filter: drop-shadow(.15rem .15rem .15rem rgb(0, 0, 0));
}
.product-media-container .left-hander .product-modele-unique {
	left: 7%;
}
.product-media-container ul {
	display: flex; color: #fff; position: absolute; bottom: 2rem; width: 100%; justify-content: center;
}
.product-media-container li {
	margin: 0 .5rem; /*background-color: #2d282599;*/ padding: .25rem .75rem; border-radius: .15rem; text-shadow: 0 0 5px #000;
}
/*.zoom-medias-container {
	display: flex; flex-direction: column; position: fixed; background-color: #fff; height: 98%; width: 98%; z-index: 999999; top: 50%; left: 50%; max-width: calc(var(--desktop-max-width) - 2%); transform: translate(-50%,-50%); box-shadow: .25rem .25rem .5rem rgba(0,0,0,.5); padding: 1%; opacity: 0; visibility: hidden; transition: opacity .5s, visibility 0s .5s;
}*/
.zoom-medias-container {
	display: flex; flex-direction: column; position: fixed; background-color: #fff; height: 100%; width: 100%; z-index: 30; top: 0; left: 0; padding: 1%; visibility: hidden; transition: opacity .5s, visibility 0s .5s; opacity: 0;
}
.zoom-medias-container.open {
	transition: all .5s; opacity: 1; visibility: visible;
}
.zoom-medias-top {
	text-align: right;
}
.zoom-medias-top button {
	position: relative; width: 2.5rem; aspect-ratio: 1/1; border-radius: 50%; border: 1px solid var(--color-dark-cream); background-color: transparent;
}
.zoom-medias-top button::before {
	background-color: var(--color-cream); width: 50%;
}
.zoom-medias-top button:hover {
	background-color: var(--color-red); border-color: var(--color-red);
}
.zoom-medias-top button:hover::before {
	background-color: #fff;
}
.swiper-zoom-selected {
	flex: 1; margin: 2rem 0 5%;
}
.swiper-zoom-selected img {
	position: absolute; width: 100%; height: 100%; object-fit: scale-down; cursor: grab; padding: 1%;
}
.swiper-zoom-selected .zoom-message {
	display: none; position: absolute; background-color: var(--color-cream); color: #fff; padding: .25rem .75rem; border-radius: 1rem; left: 50%; transform: translateX(-50%); border: 2px solid; top: 0;
}
.swiper-zoom-selected .zoomable + .zoom-message {
	display: block;
}
.fullscreen-zoom {
	position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; display: none; background: #fff; z-index: 9999; overflow: hidden; cursor: move;
}
.fullscreen-zoom.open {
	display: block;
}
.fullscreen-img {
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: move; max-width: none; max-height: none; user-select: none;
}
.swiper-zoom-select swiper-slide {
	opacity: .5;
}
.swiper-zoom-select swiper-slide:hover {
	opacity: 1;
}
.swiper-zoom-select .swiper-slide-thumb-active {
	opacity: 1;
}
.swiper-zoom-select img {
	width: 100%; aspect-ratio: 16/9; object-fit: contain; display: block; border: 1px solid var(--color-soft-cream); padding: 2%; cursor: pointer;
}
.swiper-zoom-select .swiper-slide-thumb-active img {
	border-color: var(--color-main);
}
.product-reviews-container {
	background-color: #fff; display: flex; flex-direction: column; border-top: 1px solid var(--color-soft-cream);
}
.first-review-container {
	padding-top: .5rem; text-align: center; display: flex; flex-direction: column; align-items: center; position: sticky; top: 1rem;
}
.first-review-txt {
	font-size: .95rem; font-style: italic; margin-bottom: 1.5rem; display: flex; align-items: center; text-align: left;
}
.first-review-container .for-picto {
	min-width: 3.5rem; margin-right: 1rem;
}
.first-review-container .for-picto::before {
	background-color: var(--color-red);
}
.first-review-alert {
	display: block !important; text-align: center;
}
.reviews-container {
	display: flex; flex-direction: column; height: 100%;
}
.reviews-container .right {
	flex: 1; display: flex; flex-direction: column;
}
.reviews-resume {
	display: grid; grid-template-columns: repeat(2,1fr); margin: 1rem 0;
}
.reviews-resume > div {
	display: flex; flex-direction: column; align-items: center; justify-content: center;  padding: .5rem 0; line-height: 1;
}
.reviews-resume .note-globale {
	font-size: 2.5rem; color: var(--color-cream); font-weight: 200; margin-bottom: .5rem;
}
.reviews-resume .note-globale span {
	color: var(--color-main); font-size: 1.5em;
}
.reviews-resume > div:nth-child(2) {
	flex: 1; font-size: .9rem; border-left: 1px solid var(--color-soft-cream); font-family: "Barlow Condensed";
}
.reviews-resume > div:nth-child(2) ul {
	gap: .5rem; display: flex; flex-direction: column;
}
.reviews-resume > div:nth-child(2) ul li:nth-child(even) {
	margin-bottom: .5rem;
}
.reviews-resume > div:nth-child(3) {
	grid-column: span 2; padding-top: 1rem;
}
.reviews-list {
	padding-top: .5rem; flex: 1; display: flex;
}
.swiper-reviews-list {
	width: 100%; --swiper-navigation-size: 1.3rem; --swiper-navigation-sides-offset: 0; --swiper-navigation-color: var(--color-dark-cream); --swiper-navigation-top-offset: .8rem;
}
.swiper-reviews-list swiper-slide:hover {
	cursor: grab;
}
.swiper-reviews-list swiper-slide > div {
	display: flex; flex-direction: column; height: 100%;
}
.review-by {
	font-size: .8rem; margin-bottom: .5rem; color: var(--color-cream); padding: .25rem 1.5rem;
}
.review-by strong {
	color: var(--color-dark-cream);
}
.for-review {
	width: 2.5rem; display: block; float: left; margin-right: .5rem; margin-top: -.25rem; aspect-ratio: 1; position: relative;
}
.for-review::before {
	background-color: var(--color-soft-cream);
}
.review-text {
	font-style: italic; font-size: .9rem; min-height: 250px; overflow: auto; padding-top: 0.5rem; flex: 1; position: relative;
}
.review-text > div {
	position: absolute;
}
.review-note {
	border-bottom: 1px dashed var(--color-cream); padding: .5rem 0 .5rem; position: relative; margin-bottom: .5rem;
}
.review-note ul {
	display: table; font-size: .9rem; font-family: "Barlow Condensed";
}
.review-note ul li {
	display: table-row;
}
.review-note ul li div {
	display: table-cell; padding-right: 1rem; padding-bottom: .25rem;
}
.review-note .reviews-stars {
	transform: scale(.8); margin-top: .5rem;
}
.review-certified {
	text-transform: uppercase; font-family: "Barlow Condensed"; color: var(--color-red); font-weight: 600; display: block; position: absolute; right: 0; font-size: .8rem; border-top: 1px solid; border-bottom: 1px solid; padding: 0 .25rem .05rem;
}
#review-form-container {
	position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #2d2825ed; z-index: 999;
}
.review-modal {
	max-width: 700px; padding: 2%; background: #fff; border-radius: .5rem; position: fixed; width: 96%; top: 50%; left: 50%; transform: translate(-50%,-50%);
}
.review-modal h3 {
	margin-bottom: 1rem; font-size: 1.4rem;
}
.review-modal .review-global-note {
	font-weight: 600;
}
.review-modal label.required::after {
	display: none;
}
.review-modal .review-question div label {
	display: none;
}
.review-questions {
	display: table;
}
.review-questions .review-question {
	display: table-row;
}
.review-questions .review-question label {
	display: table-cell; padding: .5rem 1rem .5rem 0; cursor: default;
}
.review-questions .review-question input[type="radio"] {
	width: 3rem; border-radius: 0; height: .75rem; background-color: #ccc; border: none; cursor: pointer;
}
.review-questions .review-question input[type="radio"]:hover::before,
.review-questions .review-question input[type="radio"]:checked::before,
.review-questions .review-question input[type="radio"].active::before {
	content: ""; width: 100%; height: 100%; border-radius: 0; display: block; background-color: var(--color-yellow);
}
.review-modal .review-text {
	padding: 0; max-height: none!important;
}
.modal-actions {
	margin-top: 1rem; display: flex; gap: .5rem; justify-content: end;
}
.product-others-container {
	background-color: #fff; padding: 2rem 1rem 1rem;
}
.product-others-container h3 {
	margin-bottom: 0;
}
.product-others-container > .inside {
	display: flex; flex-direction: column; height: 100%;
}
.swiper-product-variations {
	flex: 1; --swiper-pagination-color: var(--color-yellow); --swiper-navigation-size: 1.3rem; --swiper-navigation-sides-offset: 0; --swiper-navigation-color: var(--color-dark-cream); --swiper-navigation-top-offset: 46%;
}
.swiper-product-variations a {
	color: inherit;
}
.swiper-product-variations img {
	height: 100%; width: 100%; object-fit: contain; position: absolute; padding: 1rem 1.5rem 2rem
}
.product-variation-infos {
	position: absolute; bottom: 0; width: 100%; display: flex; align-items: baseline; justify-content: space-around;
}
.product-variation-infos .title {
	font-size: .85rem; max-height: 1.1rem; overflow: hidden;
}
.product-variation-infos .price {
	font-family: "Barlow Condensed",sans-serif; font-weight: 600; margin-left: 1rem; font-size: 1.2rem;
}
.product-help-container {
	background-color: #fff; padding: 0 1rem 1.5rem; display: flex; align-items: end;
}
.product-help-container > .inside {
	padding: .75rem 1rem; border-radius: .5rem; display: flex; flex-direction: column; border: 2px solid var(--color-red);
}
.product-help-container .title {
	font-size: 1.2rem; margin-bottom: .5rem; color: var(--color-red);
}
.product-help-container p {
	font-size: .9rem;
}
.product-help-container .hotline {
	font-family: "Barlow Condensed",sans-serif; font-size: 1.65rem; font-weight: 600; margin-top: .5rem; display: flex; gap: 1rem; flex: 1; align-items: center;
}
.product-help-container .hotline .for-picto {
	max-width: 3rem; width: 100%;
}
.product-help-container .hotline .for-picto::before {
	background-color: var(--color-red);
}
.hotline-email {
	color: var(--color-red); text-transform: uppercase; font-weight: 600; font-size: .9rem; text-align: right;
}
.product-reviews-container > .inside {
	flex: 1; padding: 0 1rem 1rem; margin-top: 1rem; border-right: 1px solid var(--color-soft-cream);
}
.product-descriptif-container {
	background-color: #fff; grid-column: span 3; border-top: 1px solid var(--color-soft-cream); padding: 2% 4% 3%;
}
/*.financing-offer-container {
	background-color: transparent; display: inline-flex; color: #fff; overflow: hidden; border-radius: .35rem; font-size: 1.3rem; margin: 0 auto 1.5rem; gap: .5rem; border: 1px solid var(--color-oney);
}
.financing-offer-container > div:nth-child(1) {
	background-color: var(--color-oney); padding: .5vw 2vw; font-weight: bold; min-height: 2.5rem; align-items: center; display: flex;
}
.financing-offer-container > div:nth-child(2) {
	display: flex; justify-content: space-evenly; flex: 1; align-items: center; font-size: 1.1rem; padding: .5rem; color: var(--color-main); gap: 1rem;
}
.financing-offer-container strong {
	font-weight: bold; color: var(--color-oney); text-decoration: underline; text-transform: uppercase;
}
.btn-financing {
	text-transform: uppercase; background-color: var(--color-oney); border: none; padding: .25rem 1rem; color: #fff; border-radius: 1rem; font-size: .9rem;
}*/
.product-descriptif-container h3 {
	font-size: 1.2rem; font-weight: 400; margin-bottom: .75rem; text-transform: uppercase; text-align: left;
}
.product-descriptif-container > .inside {
	display: flex; flex-direction: column; position: relative;
}
.product-descriptif-container > .inside .inside-grab {
	padding-right: 1.5rem; padding-top: .5rem; text-align: justify;
}
.product-offer-description {
	margin-bottom: 2rem; overflow: hidden; font-weight: 500; background-color: #ebeffa; border-radius: .5rem; color: var(--color-promo); display: flex; align-items: center;
}
.product-offer-description .thumbnail img {
	display: block;
}
.product-offer-description .txt {
	padding: 1rem 1.25rem; font-weight: 600;
}
.product-offer-description .txt a {
	color: inherit; font-weight: bold; text-decoration: underline;
}
.plain-content {
	color: #666;
}
.plain-content p {
	margin-bottom: 1rem; break-inside: avoid;
}
.plain-content h2 {
	font-weight: 400; font-size: 1.2rem; padding-top: 1rem; position: relative; margin-top: 2rem; margin-bottom: 1rem;
}
.plain-content h2::before {
	content: ""; width: 4rem; height: .15rem; background-color: var(--color-main); top: 0; left: 0; position: absolute;
}
.plain-content h3 {
	color: var(--color-main); margin-top: 1rem; font-size: 1.1rem; text-transform: none; font-weight: 600;
}
.plain-content ul {
	list-style: disc outside none; margin-bottom: 2rem; padding-left: 1rem;
}
.plain-content li {
	margin-bottom: .5rem;
}
.product-add-seo-container {
	margin-top: 2rem;
}
.product-add-seo-container > div {
	margin-bottom: 1rem; clear: both; padding-top: 1rem;
}
.plain-content .product-add-seo-container > div {
	padding-top: 0;
}
.product-add-seo-container picture {
	overflow: hidden; border-radius: .5rem; display: block; aspect-ratio: 4/3; position: relative; border: 1px solid #ccc; min-width: 130px; width: 23%; max-width: 200px; margin: 0 1rem .5rem 0; float: left;
}
.product-add-seo-container picture img {
	position: absolute; width: 100%; height: 100%; object-fit: cover;
}
.product-add-seo-container .txt {
	font-size: .9rem; flex: 1;
}
.product-add-seo-container .txt h3 {
	font-size: 1.1rem; font-weight: 500; margin-top: 0;
}
.product-add-seo-container .txt p {
	margin-bottom: 1rem; break-inside: auto;
}
.product-specif-container {
	background-color: var(--color-soft-cream); display: flex; flex-direction: column; overflow: hidden; margin-top: 3%;
}
.product-specif-container > .inside {
	flex: 1; display: flex; flex-direction: column; overflow: hidden; position: relative;
}
.specif-title {
	padding: 1rem 1rem 0; border-bottom: 2px solid #fff;
}
.product-specs {
	display: grid; grid-template-columns: repeat(2,1fr); gap: 0 3%; padding: 1rem;
}
.spec-item {
	border-bottom: 1px solid #f3eeea; padding: .5rem 1rem; font-size: .95rem; display: flex;
}
.spec-item:last-child {
	border-bottom: none;
}
.spec-item > .spec-title {
	flex: .4; font-weight: 600;
}
.spec-value-list {
	flex: .7; padding-left: 1rem;
}
.product-specif-container .show-carac,
.product-specif-container .less-carac {
	display: none;
}
.product-associated-pack-container {
	background-color: #fff; grid-column: span 4; border-top: 1px solid var(--color-soft-cream);
}
.product-associated-pack-container > .inside {
	display: flex; flex-direction: column; flex: 1; padding: 1.5rem 1rem 3rem;;
}
.associated-pack-list > div {
	display: flex;
}
.associated-pack-list > div:not(:last-child) {
	padding-bottom: 1.5rem; border-bottom: 1px dashed var(--color-soft-cream); margin-bottom: 1.5rem;
}
.associated-pack-title {
	margin-bottom: 1rem;
}
.associated-pack-list .left {
	width: 75%; position: relative; height: 8vw; overflow: hidden; max-height: 110px; min-height: 90px;
}
.associated-pack-list .left::after {
	content: ""; width: 2rem; height: 100%; position: absolute; right: 0; top: 0; background-image: linear-gradient(to right,transparent,#fff); z-index: 9;
}
.swiper-product-pack {
	height: 100%;
}
.swiper-product-pack swiper-slide {
	height: 100%;
}
.swiper-product-pack swiper-slide:not(:last-child)::after {
	content: "+"; position: absolute; font-weight: bold; font-size: 2rem; right: 0; top: 50%; transform: translate(50%,-50%); background-color: var(--color-yellow); width: 2rem; height: 2rem; text-align: center;line-height: .9; border-radius: 50%;
}
.swiper-product-pack img {
	position: absolute; height: 100%; width: 100%; object-fit: contain; padding-right: 2rem; padding-left: 2rem;
}
.swiper-product-pack swiper-slide:first-child img {
	object-fit: cover; object-position: left; padding-left: 0;
}
.swiper-product-pack swiper-slide:first-child .left-handed img {
	object-position: right;
}
.associated-pack-list .right {
	flex: 1; padding-left: 1.5rem; display: flex; flex-direction: column; min-width: 300px; justify-content: space-between;
}
.associated-pack-list .right .ref {
	margin-bottom: .5rem;
}
.associated-pack-list .right ul {
	margin-bottom: .5rem; display: flex; font-size: .9rem; font-weight: bold;
}
.associated-pack-list .right li:not(:last-child) {
	margin-right: .5rem; padding-right: .5rem; border-right: 1px solid var(--color-soft-cream);
}
.associated-pack-list .right .bottom {
	display: flex; align-items: center;
}
.associated-pack-list .right .price {
	font-size: 1.6rem; font-weight: bold; flex: 1; text-align: right; padding-right: 1rem;
}
.associated-pack-list .right .link {
	container-type: size; height: 2.5rem; width: 50%;
}
.show-pack-button {
	font-family: "Barlow Condensed", sans-serif; border: 2px solid var(--color-red); color: var(--color-red); text-transform: uppercase; font-size: 44cqh; font-weight: 500; height: 100%; border-radius: .5rem; box-shadow: 0 0 0 rgba(0, 0, 0, 0); display: flex; align-items: center; justify-content: center;
}
.product-complementaries-container {
	background-color: #fff; grid-column: span 4; border-top: 1px solid var(--color-soft-cream);
}
.product-complementaries-container > .inside {
	display: flex; flex-direction: column; flex: 1; padding: 1.5rem 1rem 3rem;;
}
.complementaries-title {
	margin-bottom: 1rem;
}
.swiper-product-complementaries {
	height: 14vw; min-height: 220px; max-height: 260px; --swiper-navigation-sides-offset: 0rem; --swiper-navigation-size: 26px; --swiper-navigation-top-offset: 40%; --swiper-navigation-color: var(--color-dark-cream);
}
.swiper-product-complementaries::after {
	content: ""; position: absolute; width: 1px; height: 100%; background-color: #fff; right: 0; top: 0; z-index: 2;
}
.swiper-product-complementaries swiper-slide {
	padding: 1rem 1.5rem .5rem; border-right: 1px solid var(--color-soft-cream);
}
.swiper-product-complementaries .product-card-wrapper {
	height: 100%;
}
.swiper-product-complementaries a {
	display: flex; flex-direction: column; height: 100%; color: inherit;
}
.swiper-product-complementaries swiper-slide:last-child {
	border: none;
}
.swiper-product-complementaries picture {
	flex: 1; position: relative; margin: 0 0 1rem 0;
}
.swiper-product-complementaries img {
	position: absolute; object-fit: contain; width: 100%; height: 100%; transition: all .25s;
}
.swiper-product-complementaries a:hover img {
	scale: 1.1; transition: all .25s;
}
.swiper-product-complementaries .infos {
	display: flex; flex-direction: column;
}
.swiper-product-complementaries .title {
	display: flex; flex-direction: column; font-size: .8rem;
}
.swiper-product-complementaries .brand {
	font-weight: bold;
}
.swiper-product-complementaries .name {
	color: var(--color-dark-cream); height: 2rem; overflow: hidden;
}
.swiper-product-complementaries .price {
	display: flex; font-family: "Barlow Condensed",sans-serif; align-items: baseline;
}
.swiper-product-complementaries .stock {
	flex: 1; font-weight: 500; font-size: .85rem;
}
.swiper-product-complementaries .final {
	font-weight: 600; font-size: 1.1rem;
}
.product-brand-container {
	grid-column: span 2; display: flex; flex-direction: column; margin-top: calc(var(--desktop-separator) * 2); margin-right: var(--desktop-separator); position: relative; background-size: cover;
	background-image: image-set(url("../../images/default/bkg/texture-brand-rwbXgv3.webp") type("image/webp"),url("../../images/default/bkg/texture-brand-4kBH7VF.jpg") type("image/jpeg"));
}
.product-brand-container::before {
	content: ""; position: absolute; width: 100%; height: 100%; background-image: linear-gradient(-14deg,#2d2825b5 40%,#b8b1ad);
}
.product-brand-container > .inside {
	flex: 1; padding: 1.5rem; border: 1px solid var(--color-dark-cream); aspect-ratio: 16/7; position: relative; display: grid; grid-template-columns: repeat(2,1fr); grid-template-rows: repeat(2,1fr); gap: 0 2rem;
}
.product-brand-container a {
	color: inherit; display: block; padding: .5rem;
}
.product-brand-container .title {
	margin-bottom: 1rem; color: var(--color-soft-cream); font-size: 1.25rem; text-align: center;
}
.product-brand-container .title strong {
	font-weight: 600;
}
.product-brand-container .brand-with-bkg img {
	position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover;
}
.product-brand-container .logo {
	display: flex; align-items: center; justify-content: center; font-size: 2.5rem; font-weight: bold; position: relative; order: 1; grid-row: span 2;
}
.product-brand-container .logo img {
	height: 66%; width: 100%; padding: 5% 10%; border-radius: 1rem; filter: invert(83%) sepia(12%) saturate(134%) hue-rotate(345deg) brightness(108%) contrast(104%) drop-shadow(.2rem .2rem .2rem rgba(0,0,0,.5)); opacity: .65; position: absolute;
}
.product-brand-container .logo-bitmap {
	object-fit: scale-down;
}
.product-brand-container .categories {
	display: flex; align-items: center; justify-content: center; order: 3; flex-direction: column;
}
.product-brand-container .categories ul {
	width: 100%; display: flex; gap: 1.5rem; justify-content: center;
}
.product-brand-container .categories li {
	width: calc(100% / 3); aspect-ratio: 1; padding: .75rem; border: 1px solid var(--color-dark-cream); border-radius: .25rem; max-width: 100px;
}
.product-brand-container .categories li.enabled {
	border-color: var(--color-cream);
}
.product-brand-container .categories li a {
	position: relative; height: 100%; width: 100%; display: block; opacity: .3;
}
.product-brand-container .categories li.enabled a {
	opacity: 1;
}
.product-brand-container .categories li.enabled a::before {
	background-color: var(--color-soft-cream);
}
.product-brand-container .categories li a::before {
	background-color: var(--color-soft-cream);
}
.product-brand-container .categories li.enabled:hover {
	background-color: var(--color-yellow); border-color: var(--color-yellow);
}
.product-brand-container .categories li.enabled:hover a::before {
	background-color: var(--color-main);
}
.links {
	order: 2; display: flex; flex-direction: column; align-items: center; justify-content: center;
}
.product-brand-container .links a {
	padding: .5rem 1.5rem; border: 1px solid var(--color-cream); white-space: nowrap; display: inline-block; border-radius: .25rem; font-size: 1.2rem; color: var(--color-soft-cream);
}
.product-brand-container .links a:hover {
	background-color: var(--color-yellow); border-color: var(--color-yellow); color: var(--color-main);
}
.product-brand-container .offers {
	font-family: "Barlow Condensed"; font-size: 1.2rem; flex-direction: column; justify-content: end; display: none;
}
.product-brand-container .offers ul {
	display: grid; grid-template-columns: repeat(2,1fr); gap: 1rem;
}
.product-brand-container .offers ul li {
	border: 1px solid var(--color-dark-cream); border-radius: .25rem; text-transform: uppercase; color: var(--color-dark-cream); text-align: center;
}
.product-brand-container .offers ul li.enabled {
	border-color: var(--color-cream); color: var(--color-soft-cream);
}
.product-brand-container .offers ul li.enabled:hover {
	background-color: var(--color-yellow); color: var(--color-main);
}
.product-brand-container .offers .new {
	order: 1;
}
.product-brand-container .offers .promo {
	order: 2;
}
.product-brand-container .offers .custom-shop {
	order: 3;
}
.product-brand-container .offers .destock {
	order: 4;
}
.product-suggest-container {
	grid-column: span 2; display: flex; flex-direction: column; background-color: #fff; margin-top: calc(var(--desktop-separator) * 2); margin-left: var(--desktop-separator);
}
.product-suggest-container > .inside {
	flex: 1; padding: 1rem 1.5rem 1.5rem; display: flex; flex-direction: column;
}
.product-suggest-container .suggest-title h3 {
	margin-bottom: 1rem;
}
.product-suggest-container > .inside > div:last-child {
	display: flex; flex: 1;
}
.product-suggest-container .left {
	width: 35%;
}
.product-suggest-container .right {
	width: 65%;
}
.swiper-suggest-select {
	height: 100%;
}
.swiper-suggest-select swiper-slide {
	border: 1px solid var(--color-cream); opacity: .5;
}
.swiper-suggest-select swiper-slide:hover,
.swiper-suggest-select swiper-slide.swiper-slide-thumb-active {
	border: 1px solid var(--color-main); opacity: 1;
}
.swiper-suggest-select img {
	width: 100%; height: 100%; object-fit: contain; position: absolute; padding: 5%;
}
.swiper-suggest-select .type-guitare img {
	padding: 5% 0 5% 5%; object-fit: cover; object-position: left;
}
.swiper-suggest-select .type-guitare.left-hander img {
	padding: 5% 5% 5% 0; object-position: right;
}
.swiper-suggest-selected {
	width: 100%; height: 100%;
}
.swiper-suggest-selected swiper-slide {
	background-color: #fff;
}
.swiper-suggest-selected a {
	display: flex; position: absolute; height: 100%; width: 100%; padding-left: 2rem; flex-direction: column; color: inherit;
}
.swiper-suggest-selected picture {
	flex: 1; position: relative;
}
.swiper-suggest-selected img {
	height: 94%; width: 100%; object-fit: contain; position: absolute;
}
.swiper-suggest-selected .content {
	display: flex; flex-direction: column;
}
.swiper-suggest-selected .content .brand {
	display: flex; margin-bottom: .25rem; align-items: center; text-transform: uppercase;
}
.swiper-suggest-selected .content .brand strong {
	font-weight: 800;
}
.swiper-suggest-selected .content h2 {
	font-weight: normal; font-size: 1rem; line-height: 1.1; height: 2.4rem; overflow: hidden;
}
.swiper-suggest-selected .content .stock-price {
	display: flex; flex: 1; align-items: stretch; line-height: 1; font-family: "Barlow Condensed", sans-serif;
}
.swiper-suggest-selected .content .stock-price li:first-child {
	flex: 1; display: flex; border-top: 1px dashed; margin-right: .5rem; align-items: center;
}
.swiper-suggest-selected .content .stock {
	flex: 1; font-weight: 500; font-size: .9rem;
}
.swiper-suggest-selected .content .old-price {
	text-decoration: line-through;
}
.swiper-suggest-selected .content .price {
	font-weight: 600; font-size: 1.2rem; padding: .2rem .35rem .3rem; border: 1px solid;
}

/*--- LOGIN ---*/
.sub-design.account > div {
	position: absolute; width: 37%; aspect-ratio: 1; opacity: .35; right: 8%; top: 8%; filter: drop-shadow(.25rem .25rem .25rem rgba(0,0,0,.5));
}
.login-account-container .slide-content {
	display: flex; gap: 4rem;
}
.login-account-container .slide-content > div {
	flex: 1; border: 1px solid var(--color-old); padding: 3% 4%; border-radius: 1rem; position: relative; background-color: #ffffffc4;
}
/*.signin-form-container {
	position: absolute; top: 0; left: 0; width: 100%; background: #ffffffd4;
}*/
.signin-form-section {
	max-width: 1000px; margin: auto; border: 1px solid var(--color-old); border-radius: 1rem; padding: 3% 4%; background-color: #ffffffd9; width: 86%; position: relative;
}
.signin-form-section form .form-container:first-child {
	border-bottom: 1px solid var(--color-cream); margin-bottom: 2%; padding-bottom: 2%;
}

/*--- ACCOUNT ---*/
.account-tabs-container {
	margin-top: 1rem;
}
.account-tab-nav {
	list-style: none; display: flex; position: relative; z-index: 2;
}
.account-tab-nav li {
	margin-right: .25rem;
}
.account-tab-nav li a {
	display: flex; padding: .5rem 1.5vw .5rem 1rem; border-bottom: 2px solid #fff; color: inherit; align-items: center; border-radius: .5rem .5rem 0 0; background-color: var(--color-soft-cream); height: calc(100% - 2px);
}
.account-tab-nav li.active a {
	border: 1px solid var(--color-cream); border-bottom: 1px solid #fff; background-color: #fff; height: 100%;
}
.account-tab-nav li:not(.active) a:hover {
	background-color: var(--color-cream); color: #fff;
}
.account-tab-nav li:not(.active) a:hover .for-tab::before {
	background-color: #fff;
}
.for-tab {
	width: 2.5rem; height: 2.5rem; position: relative; margin-right: .7rem;
}
.for-tab::before {
	background-color: var(--color-cream);
}
.active .for-tab::before {
	background-color: var(--color-red);
}
.account-tab-content {
	border: 1px solid #ccc; background-color: #fff; border-radius: 0 .5rem .5rem; margin-top: -1px; position: relative; min-height: 200px; display: flex; justify-content: center; align-items: center;
}
.account-tab-content #idents,
.account-tab-content #addresses {
	padding: 2.5% 3%; width: 100%;
}
.account-tab-content #orders {
	padding: 1% 2%; width: 100%;
}
.account-tab-content #ident{
	padding: 4% 5%; width: 100%;
}
.account-ident-container {
	gap: 5%; display: flex; position: relative;
}
.account-ident-container::after {
	content: ''; position: absolute; top: 0; width: 1px; height: 100%; background-color: var(--color-soft-cream); left: 50%;
}
.account-ident-container > div {
	flex: 1; padding: 1vw;
}
.top-adresses-live-container {
	display: flex; align-items: start; justify-content: space-between;
}
.addresses-default-container {
	display: flex; gap: 1rem 3%; margin-bottom: 4%;
}
.addresses-default-container > div {
	flex: 1; display: flex; flex-direction: column;
}
.addresses-default-container h3 {
	font-size: 1rem; padding-left: 4%; margin-bottom: .5rem; display: inline-block; border-radius: 1rem; color: var(--color-dark-cream); text-transform: uppercase; font-weight: normal;
}
.addresses-default-container h3 strong {
	font-weight: bold;
}
.address-default {
	flex: 1;
}
.address-default > div,
.address-default > p {
	background-color: var(--color-light-cream); border: 1px solid var(--color-soft-cream); min-height: 100px;
}
.addresses-list {
	display: grid; grid-template-columns: repeat(2,1fr); gap: 2rem; border: 1px dotted var(--color-cream); border-radius: 1rem;
}
.address-card-edit {
	width: 100%; position: relative; padding: 2.5% 4% 2%; border-radius: 1rem; height: 100%;
}
.addresses-list .address-card-edit:nth-child(2n+1)::after {
	position: absolute; height: 80%; width: 1px; right: 0; background-color: var(--color-soft-cream); content: ""; transform: translate(1rem,-50%); top: 50%;
}
.address-card-options {
	display: flex; gap: .25rem 1rem; border-top: 1px solid var(--color-soft-cream); padding-top: .5rem; margin-top: 1rem; justify-content: right; font-size: .9rem; align-items: center; order: 3; flex-wrap: wrap;
}
.address-card-edit p {
	line-height: 1.5; margin-bottom: .5rem; flex: 1;
}
.random {
	position: absolute; bottom: 0; font-size: .7rem; right: 0; transform: translateY(250%); color: #ccc; display: none;
}
.addresses-more-container {
	margin-bottom: 1rem; padding-top: 2%;
}
.address-card-container {
	position: relative; display: flex; flex-direction: column; height: 100%;
}
.new-address-container {
	position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: #2d2825e8; z-index: -1; opacity: 0; transition: opacity .25s, z-index 0s .25s; max-width: none !important;
}
.new-address-container.is-open {
	opacity: 1; z-index: 50; transition: opacity .25s, z-index 0s;
}
.new-address-container > div {
	background-color: #fff; border-radius: 1rem; width: 96%; max-width: 1000px; top: 50%; position: absolute; padding: 2%; left: 50%; transform: translate(-50%,-50%); max-height: 97%; overflow: auto;
}
.new-address-container .address-card-edit {
	padding: 0; margin-top: 1rem;
}
.new-address-container .address-card-options {
	border: none; margin-top: 0; justify-content: left; order: inherit; margin-bottom: .5rem;
}
.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; min-width: 18px;
}
.account-orders-header > li:nth-child(2),
.account-ul-order > li:nth-child(2) {
	width: 12%;
}
.account-orders-header > li:nth-child(3),
.account-ul-order > li:nth-child(3) {
	width: 10%;
}
.account-orders-header > li:nth-child(4),
.account-ul-order > li:nth-child(4) {
	width: 11%;
}
.account-ul-order > li:nth-child(4) {
	text-align: right;
}
.account-orders-header > li:nth-child(5),
.account-ul-order > li:nth-child(5) {
	width: 16%;
}
.account-orders-header > li:nth-child(6),
.account-ul-order > li:nth-child(6) {
	flex: 1;
}
.account-ul-order > li:nth-child(6) {
	display: flex; align-items: center;
}
.account-orders-header > li span {
	border-bottom: .15rem solid; display: block; margin-left: .15rem; padding: 0 .35rem .2rem;
}
.account-order-container:not(:last-child) {
	border-bottom: 1px solid var(--color-soft-cream);
}
.account-order-line {
	display: flex; position: relative;
}
.account-ul-order {
	display: flex; align-items: center; cursor: pointer; font-size: .95rem; font-weight: 500; flex-wrap: wrap; width: 100%;
}
.open .account-ul-order {
	background-color: var(--color-light-cream);
}
.account-ul-order:hover {
	background-color: var(--color-soft-cream)!important;
}
.toggle-arrow::before {
	content: ""; height: 0; width: 0; display: block; border-left: .35rem solid var(--color-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-ul-order > li > span {
	margin-left: .15rem; padding: 1rem .35rem 1rem; display: block;
}
.account-ul-order > li > span strong {
	font-weight: 700;
}
.account-ul-order > li > span:first-child:not(.toggle-arrow) {
	display: none;
}
.account-ul-action {
	position: absolute; height: 100%; display: flex; align-items: center; right: 1rem;
}
.account-detail-order {
	max-height: 0; overflow: hidden; transition: max-height .5s;
}
.account-detail-order .inside {
	display: flex; flex-direction: column; border-top: 1px solid #fff; padding: 1rem; font-size: .9rem; background-color: var(--color-light-cream); border-radius: 0 0 .5rem .5rem; margin-bottom: 1rem;
}
.open .toggle-arrow::before {
	transform: translate(-50%,-50%) rotate(90deg); transition: all .25s;
}
.open .account-detail-order {
	max-height: 800px; transition: max-height .5s;
}
.account-detail-order .top {
	margin-bottom: 1rem;
}
.account-order-container .title {
	font-weight: 600; padding-left: .75rem; margin-bottom: .5rem;
}
.account-detail-order ul {
	background-color: #fff; padding: .5rem .75rem; border-radius: .25rem; border: 1px solid var(--color-soft-cream);
}
.inside-order li {
	display: flex; padding: .25rem 0; flex-wrap: wrap;
}
.inside-order li span:nth-child(1) {
	flex: 1.8; padding-right: 1rem;
}
.inside-order li span:nth-child(2) {
	text-align: right; white-space: nowrap;
}
.inside-order li span:nth-child(2) strong {
	margin-right: .25rem;
}
.inside-order li span:nth-child(3) {
	flex: 1; padding-left: 1rem; text-align: right;
}
.account-detail-order .bottom {
	display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem;
}
.account-detail-order .bottom > div {
	display: flex; flex-direction: column;
}
.account-detail-order .bottom > div ul {
	flex: 1;
}
.no-result-message {
	display: flex; flex-direction: column; max-width: 1000px; margin: 3% auto; box-shadow: .25rem .25rem .35rem rgba(0,0,0,.25); padding: 3% 4%; gap: 1rem; background-color: var(--color-light-cream); border-radius: 1rem;
}
.help-result-message {
	background-color: #fff; padding: 1rem 1.5rem; border-radius: .5rem;
}
.help-result-message hr {
	width: 25%; margin: 1rem 0; border-color: var(--color-red);
}
/*--- RESET PASSWORD ---*/
.reset-password-form-section {
	max-width: 550px; margin: auto; border: 1px solid var(--color-cream); border-radius: 1rem; padding: 3% 4%;
}


/*--- BASKET ---*/
.list-basket-container > ul {
	display: flex; background-color: var(--color-main); color: #fff; text-transform: uppercase; font-size: .8rem; padding: .5rem 1rem; border-radius: .5rem;
}
.basket-empty {
	display: flex; height: 100%; width: 100%; justify-content: center; align-items: center; font-size: 1.2rem;
}
.list-basket-container > ul li:nth-child(1) {
	flex: 1;
}
.list-basket-container > ul li:nth-child(2) {
	width: 18%; min-width: 7rem; text-align: left;
}
.list-basket-container > ul li:nth-child(3) {
	width: 6rem; text-align: center;
}
.list-basket-container > ul li:nth-child(4) {
	width: 7rem; text-align: right;
}
.list-basket-container > ul li:nth-child(5) {
	width: 7rem; text-align: right;
}
.list-basket-container article {
	display: flex; border: 1px solid #ccc; border-radius: .5rem; padding: 1.5% 2%; align-items: center; margin-top: 1rem; position: relative; flex-wrap: wrap;
}
.list-basket-container article .product {
	flex: 1; display: flex; align-items: center; padding-right: 1rem;
}
.list-basket-container article .product figure {
	position: relative; width: 20%; aspect-ratio: 4/3; margin-right: 1rem; overflow: hidden; min-width: 115px;
}
.list-basket-container article .product .reference {
	flex: 1;
}
.list-basket-container article .product strong {
	color: var(--color-main);
}
.list-basket-container article img {
	position: absolute; top: 0; width: 100%; height: 100%; object-fit: contain;
}
.list-basket-container article .type-guitare img {
	width: 200%;
}
.list-basket-container article .type-guitare.left-hander img {
	right: 0;
}
.list-basket-container article.type-guitare img {
	width: 200%; object-position: left center;
}
.list-basket-container article.type-guitare.left-handed img {
	object-position: right center;
}
.list-basket-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-basket-container article .qty {
	width: 6rem; text-align: center; display: flex; align-items: center; position: relative; justify-content: center;
}
.list-basket-container article .qty input {
	border: 1px solid #ccc; padding: .25rem; width: 2.5rem; border-radius: .25rem; text-align: center;
}
.list-basket-container article.is-waiting-init .qty::after {
	content: ""; background-image: url("../../images/default/gif/wait-nZ-HHc7.gif"); position: absolute; height: 86%; aspect-ratio: 1; transform: translate(-50%,-50%);
	top: 50%; left: 50%; background-color: #fff; background-size: 100%; background-repeat: no-repeat; background-position: center;
}
.list-basket-container article .unit-price {
	width: 7rem; text-align: right; font-family: "Barlow Condensed",sans-serif; font-size: 1.2rem;
}
.list-basket-container article .unit-price strong {
	display: none; margin: 0 .5rem;
}
.list-basket-container article .total-price {
	width: 7rem; text-align: right; font-family: "Barlow Condensed",sans-serif; font-size: 1.2rem; font-weight: 500;
}
.basket-bottom-container {
	display: flex; margin-top: 2rem; justify-content: space-between; flex-wrap: wrap; gap: 3vw;
}
.basket-bottom-container > div {
	display: flex; align-items: flex-start; justify-content: space-between;
}
.basket-bottom-container > div:nth-child(1) {
	flex: 1; max-width: 640px; display: flex; flex-direction: column; justify-content: normal; gap: 2rem;
}
.basket-bottom-container > div:nth-child(2) {
	width: 38%; min-width: 380px;
}
.basket-code-container {
	background-color: var(--color-soft-cream); color: var(--color-main); padding: .65rem 1rem; display: flex; border-radius: .5rem; align-items: center; flex-wrap: wrap; gap: .5rem; width: 100%;
}
.basket-code-container form {
	flex: 1; display: flex;
}
.basket-code-container form input {
	border: none; padding: .5rem; flex: 1;
}
.basket-code-container form button {
	background-color: var(--color-yellow); border: none; padding: 0 .5rem; text-transform: uppercase; font-weight: bold; font-size: .8rem;
}
.basket-code-container .code-actif {
	min-width: 100%; display: flex; gap: 1rem;
}
.basket-code-container .promo-offer-details {
	width: 100%; border-top: 1px solid #ffffffad; padding-top: .5rem;
}
.basket-code-container .code-ul {
	display: flex; align-items: baseline; width: 100%;
}
.basket-code-container .code-ul > li:nth-child(1) {
	width: 28%; max-width: 120px; text-transform: uppercase; font-size: .8rem;
}
.basket-code-container .code-ul > li:nth-child(2) {
	flex: 1;
}
.basket-code-container .price-type {
	font-family: "Barlow Condensed"; font-size: 1.2rem;
}
.basket-code-container .free-shipping-list {
	display: flex; flex-wrap: wrap;
}
.basket-code-container .free-shipping-list li {
	margin-right: .5rem; list-style: circle inside; font-weight: 600; white-space: nowrap;
}
.oney-widget-box {
	background: #f7fbf3; border-radius: 10px; padding: 1rem; display: flex; flex-direction: column; width: 100%; border: 2px solid var(--color-oney);
}
.oney-widget-box > div.oney-widget-slogan {
	font-size: 1.25rem; font-weight: 600; margin-bottom: .5rem;
}
.oney-widget-box > div.oney-widget-slogan span {
	color: #fff; background-color: var(--color-oney); font-family: "Barlow Condensed"; border-radius: 2rem; width: 1.65em; font-weight: 600; line-height: 1; aspect-ratio: 1; display: inline-flex;justify-content: center; align-items: center; font-size: .95em;
}
.oney-widget-box .financing-container {
	padding: 1rem; background-color: #fff; border: 1px solid var(--color-oney); border-radius: .35rem; margin-bottom: .5rem; color: var(--color-main); flex-direction: column; align-items: normal;
}
.oney-widget-box .financing-container > div:nth-child(1) {
	font-weight: bold; margin-bottom: .25rem;
}
.oney-widget-box strong {
	color: var(--color-oney); text-decoration: underline;
}
.oney-widget-box > div.oney-widget-alert {
	color: var(--color-old);  padding-top: .35rem; border-top: 1px dashed var(--color-oney);
}
.oney-widget-box > div.oney-widget-btn {
	text-align: right;
}
.btn-save.oney-simulate-btn {
	background-color: var(--color-oney); font-weight: 600; transform: translate(.5rem,.5rem);
}
.basket-total-container {
	display: flex; flex-direction: column; flex: 1;
}
.basket-total-container > div {
	border: 1px solid #ccc; border-radius: .5rem; padding: 1rem; margin-bottom: 1rem; position: relative;
}
.basket-total-container .simul-title {
	font-weight: 600; display: block; position: absolute; top: -.75rem; color: #fff; padding: .15rem .75rem; left: 1rem; font-size: .9rem; background-color: var(--color-main); border-radius: 1rem;
}
.basket-total-container > div > ul {
	display: flex; margin-bottom: 1rem; justify-content: space-between;
}
.basket-total-container > div > ul:last-child {
	margin-bottom: 0;
}
.basket-total-container > div > ul > li {
	display: flex; align-items: center;
}
.basket-total-container > div > ul.simul-destination {
	margin-top: .75rem;
}
.basket-total-container > div > ul.simul-delivery {
	margin-bottom: .5rem;
}
.basket-total-container > div > ul.simul-delivery li {
	align-items: baseline;
}
.basket-total-container > div > ul.simul-price li {
	align-items: end;
}
.basket-total-container > div > ul.simul-delivery > li:last-child {
	border-bottom: 1px solid var(--color-cream); padding-bottom: .5rem;
}
.basket-total-container > div > ul > li:first-child {
	text-transform: uppercase; width: 36%;
}
.basket-total-container > div > ul > li:last-child {
	flex: 1;
}
.basket-total-container > div > ul > li label {
	display: flex; align-items: center;
}
.basket-total-container > div > ul > li li {
	margin-bottom: .25rem;
}
.basket-total-container .ts-wrapper {
	width: 100%;
}
.basket-total-container .ts-wrapper > div {
	padding-left: .5rem !important;
}
.basket-total-container .price {
	font-size: 1.6rem; font-family: "Barlow Condensed",sans-serif; font-weight: 600; justify-content: right;
}

/*--- ORDER ---*/
.order-block {
	position: relative; box-shadow: .1rem .1rem .3rem rgba(0,0,0,.25); border-radius: .5rem; margin-bottom: 2rem; border: 1px solid var(--color-soft-cream); background-color: var(--color-light-cream);
}
.order-adresses-container {
	float: left; width: 44%; order: 2;
}
.order-block.order-delivery-address {
	margin-bottom: 0;
}
.order-block.basket {
	float: right; width: 53%; order: 1; min-height: 335px;
}
.order-block.paiement,
.order-block.quote {
	float: right; width: 53%; order: 3;
}
.order-block .order-title {
	transform: translateY(-50%); border: 2px solid var(--color-main); 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.order-invoice-address .inside {
	width: 80%; margin: 0 auto 1.5rem;
}
.order-block.order-delivery-address .inside {
	width: 80%; margin: 0 auto 1.5rem; display: flex; flex-direction: column; justify-content: center;
}
.display-address {
	display: flex; flex-direction: column;
}
.order-select-address {
	margin-bottom: 1rem; font-size: .9rem;
}
.order-block .display-address > ul li {
	display: flex; margin-bottom: .65rem; align-items: center;
}
.order-block .display-address > ul li span:first-child {
	width: 20%; font-size: .8rem; text-align: right; font-weight: 500; color: var(--color-cream);
}
.order-block .display-address > ul li span:last-child {
	flex: 1; border-bottom: 1px solid var(--color-soft-cream); margin-left: .5rem; padding: .25rem; font-size: 1rem; display: flex; align-items: center; gap: .25rem;
}
.order-block .display-address > ul li:last-child span:last-child {
	border-bottom: none; padding: 0;
}
.order-block .display-address > ul li.demi span:last-child {
	max-width: 60%;
}
.order-block .display-address > ul li img {
	width: 1.1rem; margin-right: .25rem;
}
.order-edit-address {
	display: flex; justify-content: space-between; font-size: .9rem; margin-top: .5rem;
}
.order-delivery-radio {
	display: flex; flex-direction: column;
}
.order-delivery-radio label {
	padding-bottom: .5rem;
}
.order-delivery-radio label input:checked ~ span {
	font-weight: bold;
}
.order-relais-destinataire {
	border: 1px solid var(--color-soft-cream); margin-top: .5rem; padding: 1rem; background-color: #fff; border-radius: .5rem;
}
.order-relais-destinataire h3 {
	font-size: .9rem; margin-bottom: .5rem; font-weight: 600;
}
.order-relais-destinataire ul li {
	display: flex; align-items: center; margin-bottom: .65rem;
}
.order-relais-destinataire ul li span:first-child {
	width: 17%; font-size: .8rem; text-align: right; font-weight: 500; color: var(--color-cream);
}
.order-relais-destinataire ul li > span:last-child {
	flex: 1; border-bottom: 1px solid var(--color-soft-cream); margin-left: .5rem; padding: .25rem; font-size: 1rem; display: flex; align-items: center; gap: .25rem;
}
.order-relais-destinataire ul li.demi > span:last-child {
	max-width: 60%;
}
.order-relais-destinataire ul li:last-child {
	margin-bottom: 0; justify-content: end; gap: .5rem;
}
.order-relais-destinataire ul li:last-child span:last-child {
	border-bottom: none; justify-content: right;
}
.order-relais-destinataire ul li label {
	display: flex; width: 100%; align-items: center;
}
.order-relais-destinataire ul li label span:last-child {
	flex: 1; padding-left: .5rem;
}
.order-relais-destinataire ul li label .input-container {
	border: 1px solid var(--color-soft-cream); border-radius: .3rem; overflow: hidden; flex: 1;
}
.order-relais-destinataire ul li label input {
	border: none; padding: .25rem .5rem;
}
.order-relais-destinataire .relay-phone-row {
	display: flex; gap: .5rem;
}
.order-relais-destinataire .relay-phone-row .ts-control {
	padding: .35rem 1.5rem .35rem .35rem !important; border-radius: .3rem;
}
.order-relais-destinataire .relay-phone-row .ts-control span {
	padding: 0;
}
.order-block.basket .inside {
	width: 90%; margin: 0 auto 1.5rem;
}
.order-to-basket {
	position: absolute; right: 3%; top: 1.5%;
}
.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) {
	flex: 1;
}
.order-products li span:nth-child(2) {
	font-weight: 600; width: 6%; min-width: 30px;
}
.order-products li span:nth-child(3) {
	font-family: "Barlow Condensed",sans-serif;	font-size: 1.1rem; font-weight: 500; width: 14%; text-align: right; min-width: 65px;
}
.order-ss-total {
	display: flex; border-top: 1px solid var(--color-soft-cream); padding-top: .5rem; align-items: center; margin-bottom: 1.5rem;
}
.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",sans-serif; font-size: 1.3rem; font-weight: 600;
}
.order-code-container {
	background-color: var(--color-soft-cream); color: var(--color-main); padding: .65rem; display: flex; border-radius: .5rem; align-items: center; flex-wrap: wrap; gap: .5rem; width: 100%;
}
.order-code-container form {
	flex: 1; display: flex;
}
.order-code-container form input {
	border: none; padding: .5rem; flex: 1;
}
.order-code-container form button {
	background-color: var(--color-yellow); border: none; padding: 0 .5rem; text-transform: uppercase; font-weight: bold; font-size: .8rem;
}
.order-code-container .code-actif {
	min-width: 100%; display: flex; gap: 1rem;
}
.order-code-container .promo-offer-details {
	width: 100%; border-top: 1px solid #fff; padding-top: .35rem;
}
.order-code-container .code-ul {
	display: flex; align-items: baseline; width: 100%;
}
.order-code-container .code-ul > li:nth-child(1) {
	width: 28%; text-transform: uppercase; font-size: .8rem;
}
.order-code-container .code-ul > li:nth-child(2) {
	flex: 1;
}
.order-code-container .price-type {
	font-family: "Barlow Condensed"; font-size: 1.2rem;
}
.order-delivery {
	border: 1px solid var(--color-soft-cream); border-radius: .5rem; padding: .5rem .75rem .75rem; margin-top: 1.5rem; display: flex; background-color: #fff; margin-bottom: .5rem;
}
.order-delivery > div {
	width: 27%; text-transform: uppercase; font-weight: bold; min-width: 110px; margin-bottom: .5rem;
}
.order-delivery > ul {
	display: flex; flex: 1; flex-direction: column; gap: .75rem;
}
.order-delivery li {
	flex: 1; display: flex;
}
.order-delivery li label {
	display: flex; flex: 1; align-items: flex-start;
}
.order-delivery li label > span {
	flex: 1; display: flex; flex-direction: column;
}
.order-delivery li label > span span {
	font-size: .85rem; font-weight: 500; color: var(--color-cream); display: flex; flex-direction: column; align-items: flex-start; gap: .25rem;
}
.order-delivery li label > div {
	font-family: "Barlow Condensed"; text-transform: uppercase; font-size: 1.2rem;
}
.order-delivery li label input:checked ~ div {
	font-weight: 600;
}
.relay-search-box {
	background-color: #fff; z-index: 2; padding: 1rem; display: flex; flex-wrap: wrap;
}
.relay-search-box input {
	padding: .25rem; border: 1px solid var(--color-cream); flex: 1;
}
.relay-search-box button {
	background-color: var(--color-yellow); border: none; padding: 0 .5rem; text-transform: uppercase; font-weight: bold; font-size: .8rem;
}
.relay-search-box .form-small-messages {
	width: 100%; margin-top: .5rem;
}
.relay-search-box button:disabled {
	cursor: not-allowed; color: #fff; background-color: #ddd;
}
.relay-points-list > ul {
	padding: 0 1rem;
}
.relay-points-list > ul .relay-point {
	padding: .75rem 1rem .75rem; border-bottom: 1px solid var(--color-soft-cream); transition: all .25s;
}
.relay-points-list > ul .relay-point.selected {
	background-color: var(--color-soft-cream); transition: all .25s;
}
.relay-opening-hours-content {
	display: none; margin-bottom: .5rem;
}
.relay-opening-hours-content ul li {
	padding: .1rem 0;
}
.relay-points-list.inside-scroll.is-waiting::after {
	width: 40px; left: auto; right: 40px;
}
.relay-opening-hours-content ul {
	padding: .5rem 1rem; font-size: .85rem; background-color: #fff; border-radius: .5rem; margin-top: .25rem; border: 1px solid var(--color-soft-cream);
}
.order-total {
	display: flex; margin-left: 28%; padding: .5rem 0; 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.8rem; font-weight: 600;
}
.order-tva {
	text-align: right; margin-bottom: 1rem; font-size: .9rem;
}
.order-block.paiement {
	background-color: #fff;
}
.order-block.paiement > .inside {
	width: 90%; margin: 0 auto 1rem;
}
.order-block.paiement > .inside > ul li {
	padding: .75rem 1rem; border-bottom: 1px solid var(--color-soft-cream);
}
.order-block.paiement > .inside > ul li:first-child {
	padding-top: 0;
}
.order-block.paiement > .inside > ul li:last-child {
	border-bottom: none;
}
.order-block.paiement > .inside ul li label {
	display: flex; flex-wrap: wrap; position: relative; padding: .5rem 0;
}
.order-block.paiement > .inside ul li label span:nth-child(2) {
	flex: 1;
}
.picto-order-payment {
	background-repeat: no-repeat; background-position: right center; background-size: contain; height: 1.5rem; width: 30%;
}
.paiement-info {
	display: none; background-color: var(--color-light-cream); border-radius: .25rem; margin-left: 1.35rem; font-weight: 500; font-size: .9rem; width: calc(100% - 1.35rem);
}
.paiement-info .inside {
	padding: .5rem .75rem;
}
.order-block.paiement > .inside ul li label input:checked ~ .order-block.paiement .inside ul li .paiement-info {
	display: block;
}
.order-block.quote .inside {
	width: 90%; margin: 0 auto 1.5rem;
}
.order-block.quote p,
.order-block.quote div {
	margin-bottom: 1rem;
}
.order-validate-container {
	display: flex; flex-direction: column; text-align: center; justify-content: center; align-items: center; width: 53%; margin-left: auto; order: 5;
}
.order-accept-cgv {
	margin-bottom: 1rem; max-width: 450px;
}

/*--- VALIDATION ---*/
.box-validation {
	max-width: 1000px; width: 100%; border: 1px solid var(--color-cream); border-radius: 1rem; padding: 4% 5%; margin: auto; background-color: var(--color-light-cream);
}
.box-validation h2 strong {
	font-weight: 600;
}
.box-validation ul {
	list-style: disc inside none; margin: 1rem;
}
.thanks {
	font-size: 1.2rem; font-weight: 600; margin-bottom: 1rem;
}

/*--- SHOP ---*/
.swiper-shop-diaporama {
	aspect-ratio: 16/9; margin-bottom: 8px; --swiper-navigation-size: 12%; --swiper-navigation-color: #fff;
}
.swiper-shop-diaporama swiper-slide img {
	width: 100%; display: block; height: 100%; object-fit: cover;
}
.swiper-shop-diaporama-select img {
	display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; filter: grayscale(1); opacity: .75;
}
.swiper-shop-diaporama-select .swiper-slide-thumb-active img,
.swiper-shop-diaporama-select img:hover {
	filter: grayscale(0); opacity: 1;
}
.shop-finding-container {
	margin-top: 2rem;
}
.shop-finding-container > div {
	display: grid; grid-template-columns: 1fr minmax(280px,31%); gap: 4%;
}
.shop-map-container iframe {
	border: 1px solid var(--color-old); width: 100%; display: block;
}
.shop-address-container {
	display: flex; align-items: center;
}
.shop-address-container ul {
	display: flex; flex-direction: column; font-weight: 300; width: 100%; height: 100%; justify-content: space-around;
}
.shop-address-container address {
	font-style: normal;
}
.shop-address-container ul > li {
	display: flex; flex-direction: column;
}
.shop-address-container ul > li > span {
	text-transform: uppercase; font-weight: bold; font-size: .85rem; margin-bottom: .25rem;
}
.shop-address-container .for-picto {
	height: 1.8rem; display: block;
}
.shop-address-container .for-picto:before {
	background-color: var(--color-main);
}
.transport-pictos {
	display: flex; gap: .5rem 1rem; flex-wrap: wrap;
}
.transport-pictos > div {
	display: flex; gap: .5rem; align-items: center;
}
.metro-number,
.bus-number {
	width: 1.6rem; aspect-ratio: 1; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 1.1rem; font-weight: bold;
}
.metro-number {
	border-radius: 50%;
}
.metro-number.ligne-2 {
	background-color: #0055c8;
}
.metro-number.ligne-12 {
	background-color: #00643c;
}
.bus-number.ligne-30 {
	background-color: #640082;
}
.bus-number.ligne-54 {
	background-color: #82c8e6; color: var(--color-main);
}
.bus-number.ligne-67 {
	background-color: #ff82b4; color: var(--color-main);
}
.parking-pictos {
	display: flex; gap: .5rem 1rem; flex-wrap: wrap;
}
.parking-pictos > div {
	display: flex; align-items: center; gap: .25rem;
}
.parking-pictos span {
	display: flex; background-color: #2079dd; color: #fff; font-weight: bold; width: 1.5rem; aspect-ratio: 1; justify-content: center; align-items: center; font-size: 1.2rem;
}
.shop-whois-container {
	margin-top: 2rem;
}
.shop-whois-container .shop-whois-txt p {
	text-align: justify; margin-bottom: 1rem;
}
.shop-whois-container .shop-whois-video {
	float: right; width: 31%; min-width: 280px; margin-left: 4%;
}
.shop-whois-container .shop-whois-video iframe {
	width: 100%; aspect-ratio: 9/16;
}

/*--- JOB OFFER ---*/
.job-container {
	display: grid; gap: 2rem;
}
.job-offer {
	border: 1px solid var(--color-cream); padding: 2% 3%; border-radius: .75rem; max-width: 1140px; margin: auto; width: 100%;
}
.job-offer h2 {
	margin-bottom: .5rem; position: relative; padding-left: 1rem;
}
.job-offer > div:first-child {
	cursor: pointer;
}
.job-offer h2::before {
	content: ""; border-left: .4rem solid var(--color-red); border-top: .4rem solid transparent; border-bottom: .4rem solid transparent; position: absolute; left: 0; top: 50%; transition: transform .25s; transform: translate(0,-50%) rotate(0); transform-origin: center;
}
.job-offer.is-open h2::before {
	transition: transform .25s; transform: translate(0%,-40%) rotate(90deg);
}
.job-offer > div:first-child ul {
	display: flex; gap: .25rem 1.5rem; flex-wrap: wrap;
}
.job-offer-body h3 {
	padding-top: 1rem; margin-bottom: .5rem; color: var(--color-red);
}
.job-offer-body p:not(:last-child) {
	padding-bottom: 1rem;
}
.job-offer-body ul {
	list-style: disc outside; padding-left: 1.2rem; display: flex; flex-direction: column; gap: .5rem;
}

/*--- STATICS ---*/
.sub-design.static div {
	position: absolute; width: 40%; aspect-ratio: 3; top: 6%; right: 10%; opacity: .5;
}
.static-inside {
	position: relative;
}
.static-first-txt {
	font-size: 1.1rem; font-weight: 500; margin-bottom: 1rem;
}
.static-with-sidebar-container {
	display: grid; grid-template-columns: 25% auto; padding-top: 1.5rem;
}
.sticky-sidebar-container > div {
	display: flex; flex-direction: column; padding-right: 1.5rem; position: sticky; top: 2rem; gap: .15rem;
}
.sticky-sidebar-container a {
	color: var(--color-cream); padding: .35rem .75rem; margin-top: 2px; transition: all .5s; border-radius: .35rem; border: 1px solid #fff;
}
.sticky-sidebar-container a.active {
	background-color: var(--color-red); border-color: var(--color-red); color: #fff; transition: all .5s;
}
.sticky-sidebar-container a:hover:not(.active) {
	border-color: var(--color-cream); transition: all 0s;
}
.static-with-sidebar-content section {
	background-color: #e8e3e17a; padding: 3% 4%; margin-bottom: 2rem; border-radius: 1rem; min-height: 410px; box-shadow: .25rem .25rem .5rem rgba(0,0,0,.15);
}
.static-with-sidebar-container p {
	margin-bottom: 1rem; text-align: justify;
}
.static-with-sidebar-content section > ul {
	display: flex; flex-direction: column; margin-bottom: 1rem; gap: .25rem; list-style: circle outside; padding-left: 1rem; margin-left: 1rem;
}
.static-with-sidebar-content section h3 {
	font-weight: 600; margin-bottom: .5rem; border-left: .25rem solid var(--color-red); padding-left: .5rem; text-transform: uppercase; margin-top: 1.5rem; font-size: 1.1rem;
}
.static-with-sidebar-content section .open {
	color: var(--color-red); margin-bottom: .5rem;
}
.static-with-sidebar-content table {
	margin: 0 auto 1rem; width: 100%; border-spacing: .35rem;
}
.static-with-sidebar-content table td {
	background-color: #fff; padding: .5rem 1rem; border-radius: .5rem;
}

/*--- OP ---*/
.op-header-container {
	display: flex; height: 24.5vw; overflow: hidden; flex-direction: row; position: relative; max-height: 450px; min-height: 335px;
}
.op-img {
	position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: left;
}
.op-header-container .description {
	position: absolute; color: #fff; top: 0; right: 0; width: 45%; padding: 3% 4%; container-type: inline-size; height: 100%; display: flex; align-items: center; font-family: "Barlow Condensed"; min-width: 500px; text-shadow: 0 0 2cqw var(--color-main);
}
.op-header-container .description h1 {
	font-size: 14cqw; font-weight: 600; color: var(--color-red); margin-bottom: 4cqw; position: relative; padding-bottom: 4cqw;
}
.op-header-container .description h1::after {
	position: absolute; width: 30%; height: 1cqw; background-color: var(--color-red); content: ""; left: 0; bottom: 0;
}
.op-header-container .description > div {
	font-size: 7cqw; font-weight: 300;
}

/*--- FOOTER ---*/
footer {
    color: var(--color-cream); font-size: 16px;
}
footer a {
	color: #fff; font-weight: 200;
}
footer a:hover {
	color: var(--color-yellow);
}
footer .title {
	color: var(--color-cream); text-transform: uppercase; font-size: 1.35em; font-weight: 100;
}
.footer-container.max-width > .inside {
	display: grid; grid-template-columns: repeat(8,1fr); padding: 4% 0;
}
.footer-links-container {
	position: relative; padding: 0 7%; grid-column: span 2;
}
.footer-links-container::after {
	position: absolute; content: ""; width: 1px; height: 100%; background-image: linear-gradient(transparent,var(--color-cream),transparent); top: 0; right: 0;
}
.footer-links-container > .inside li:not(:last-child) {
	margin-bottom: .65rem;
}
.footer-links-container > .inside li.title {
	margin-bottom: 1rem;
}
.footer-subscribe-container > .inside {
	display: flex; flex-direction: column; justify-content: space-between; align-items: center; height: 100%;
}
.footer-subscribe-container {
	grid-column: span 4;
}
.footer-subscribe-container > .inside > div {
	width: 94%;
}
.footer-newsletter-container {
	max-width: 650px;
}
.newsletter-subscribe {
	display: flex; font-size: 1.15em;
}
.newsletter-subscribe > div {
	padding: .65rem 3%; border-bottom: 3px solid var(--color-yellow); color: #fff; margin-right: 1rem;
}
.newsletter-subscribe > div span {
	text-transform: uppercase; color: var(--color-yellow);
}
.newsletter-subscribe form {
	display: flex; flex: 1;
}
.newsletter-subscribe form input {
	flex: 1; border: none; padding-left: 1rem;
}
.newsletter-subscribe form button {
	aspect-ratio: 1; border: none; background-color: var(--color-yellow); font-weight: bold; font-size: 1.1em; height: 100%;
}
.footer-legend-container {
	flex: 1; margin-bottom: 2rem;
}
.footer-legend-container .inside {
	height: 4vw; max-height: 64px; min-height: 60px;
}
.footer-legend-container ul {
	display: flex; height: 100%; max-width: 600px; margin: auto;
}
.footer-legend-container ul li:first-child {
	flex: 1;
}
.footer-legend-container ul li:first-child img {
	height: 100%; min-height: 55px;
}
.footer-legend-container ul li:last-child {
	display: flex; gap: 1.5rem;
}
.footer-legend-container ul li:last-child a {
	height: 100%; aspect-ratio: 1; position: relative;
}
.footer-legend-container ul li:last-child a::before {
	background-color: var(--color-cream);
}
.footer-legend-container ul li:last-child a:hover::before {
	background-color: var(--color-yellow);
}
.footer-social-container > .inside {
	display: flex; flex-direction: column; align-items: center;
}
.footer-social-container ul {
	display: flex; gap: .25rem; width: 100%; max-width: 340px; max-height: 48px; height: 3vw; min-height: 42px; justify-content: center;
}
.footer-social-container .title {
	margin-bottom: .5rem;
}
.footer-social-container ul li {
	aspect-ratio: 7/4; height: 100%;
}
.footer-social-container ul li a {
	background-color: var(--color-cream); display: flex; height: 100%; justify-content: center; align-items: center;
}
.footer-social-container ul li a:hover {
	background-color: var(--color-yellow);
}
.footer-social-container ul li a span {
	display: block; height: 60%;
}
.footer-social-container ul li a span::before {
	background-color: var(--color-main);
}
.footer-shop-container {
	position: relative; padding: 0 7%; text-align: right; grid-column: span 2;
}
.footer-shop-container::before {
	position: absolute; content: ""; width: 1px; height: 100%; background-image: linear-gradient(transparent,var(--color-cream),transparent); top: 0; left: 0;
}
.footer-shop-container > .inside {
	display: flex; flex-direction: column; height: 100%;
}
.footer-shop-container .shop-name {
	margin-bottom: .5rem;
}
.footer-shop-container .shop-name span {
	color: var(--color-yellow);
}
.footer-shop-container address {
	color: var(--color-soft-cream); font-style: normal;
}
.footer-shop-container .shop-infos {
	flex: 1; display: flex; flex-direction: column; justify-content: space-between;
}
.footer-shop-container .shop-infos li:not(:last-child) {
	margin-bottom: .5em;
}
.footer-shop-container .phone {
	font-size: 1.2em; color: var(--color-soft-cream);
}

@media (max-width:1980px) {
    :root {
        --desktop-max-width: 1700px;
    }
    html {
        font-size: 17px;
    }
}
@media (max-width:1700px) {
    html {
        font-size: 15px;
    }
}
@media (max-width:1400px) {
	:root {
		--desktop-separator: 1vw;
	}
    html {
        font-size: 15px;
    }
	body {
		margin-top: 60px;
	}
	body:not(.home-page-type) .max-width:not(header) {
		padding-left: 0; padding-right: 0;
	}

	/*---- header ----*/
	header {
		padding: .5rem; box-shadow: 0 0 .35rem rgba(0,0,0,.75); background-color: var(--color-main); position: fixed; top: 0; opacity: 1; transition: opacity .5s;
	}
	header.is-hidden {
		opacity: 0; transition: opacity .5s;
	}
	header > ul li:nth-child(1) {
		display: block;
	}
	#open-nav-header {
		margin: 0 1rem 0 0;
	}
	.header-logo-site {
		position: relative; top: -2px; left: 0; transform: none; width: auto; height: 36px;
	}
	header > ul > li:nth-child(2) {
		width: auto;
	}
	header > ul > li:nth-child(3) {
		justify-content: center;
	}
	header > ul > li:nth-child(3) form {
		display: flex; height: 90%; width: 92%; margin-left: 1rem; max-width: 425px; border-radius: .25rem; overflow: hidden; aspect-ratio: auto;
	}
	header > ul > li:nth-child(7) {
		display: none;
	}
	header .btn-with-picto {
		margin-left: .5rem;
	}
	.menu-lang {
		top: 108%;
	}

	/*---- aside ----*/
	.aside-container {
		position: fixed; margin: 0 !important; aspect-ratio: auto !important; background-color: var(--color-main); width: 100%; transform: translateX(-110%); padding: .5%; transition: transform .5s; border-top: 1px solid var(--color-dark-cream); left: 0; top: 60px; max-width: 380px; height: calc(100% - 60px); overflow-y: auto;
	}
	.aside-container.open {
		transform: translateX(0); transition: transform .5s;
	}
	.aside-nav {
		aspect-ratio: auto;
	}
	.aside-top-container {
		aspect-ratio: auto;
	}
	.aside-top-container > .inside {
		background-color: transparent; padding: 8% 0 5%; border-bottom: 1px solid var(--color-dark-cream);
	}
	.aside-accroche {
		display: none;
	}
	.aside-info {
		margin-top: 2rem; width: 100%; justify-content: space-around; border-color: var(--color-dark-cream);
	}
	.aside-bottom-container {
		display: flex!important;
	}
	.second-aside-container {
		display: flex!important;
	}
	/*---- BREADCRUMB ----*/
	.breadcrumb-container.product-breadcrumb {
		grid-column: span 8;
	}

	/*---- HOME ----*/	
	.home-top-grid {
		grid-template-columns: repeat(3,1fr); padding-top: var(--desktop-separator);
	}
	.mea {
		aspect-ratio: 1;
	}
	.banner.banner-3 {
		grid-column: span 1;
	}
	.home-shop-h1-container {
		background-size: 100%;
	}
	.home-shop-txt-container p {
		padding: 3%;
	}
	.home-shop-strong-point-container ul {
		gap: 1%;
	}
	.home-top-selection-container article {
		margin: .25vw;
	}
	/*---- Listing ----*/
	.main-listing-container {
		grid-column: span 4;
	}
	.listing-filters-container.sticky {
		top: 60px;
	}

	/*---- Product ----*/
	.product-grid {
		grid-template-columns: repeat(8,1fr); grid-template-rows: auto;
	}
	.product-top-container {
		grid-column: span 8; order: 1;
	}
	.with-info .open .add-availability {
		visibility: visible; transition: visibility 0s;
	}
	.with-info .open .add-availability > div {
		transform: translateY(0); transition: transform .5s;
	}
	.with-info .open .picto-with-info {
		background-color: var(--color-red);
	}
	.product-top-container > .inside {
		grid-template-rows: auto minmax(50px,20%) minmax(50px,25%);
	}
	.product-medias-select-container {
		order: 3; grid-column: span 4; padding: 1rem; aspect-ratio: 17/9;
	}
	.product-medias-select-container > .inside {
		max-width: 420px; margin: 0 auto; gap: .5rem; width: 92%;
	}
	.product-medias-select-container > .inside picture {
		width: calc(100% / 8);
	}
	.product-media-container > .inside picture img {
		padding: 4%;
	}
	.product-medias-select-container > .inside a {
		opacity: .65;
	}
	.product-media-container {
		order: 2; grid-column: span 8; grid-row: inherit; height: 38vw; border-bottom: 1px solid var(--color-soft-cream);
	}
	.product-others-container {
		order: 4; grid-column: span 4; padding: 1rem; border-left: 1px solid var(--color-soft-cream);
	}
	.product-help-container {
		order: 4; grid-column: span 4; padding: 1rem; align-items: center;
	}
	.product-help-container > .inside {
		max-width: 400px; margin: auto;
	}
	.product-descriptif-container {
		padding: 2% 1rem 1rem; order: 5; grid-column: span 8;
	}
	.product-reviews-container {
		order: 7; grid-column: span 8;
	}
	.first-review-container {
		max-width: 600px; margin: auto;
	}
	.reviews-container {
		flex-direction: row;
	}
	.reviews-container .left {
		width: 50%; border-right: 1px solid var(--color-soft-cream); display: flex; flex-direction: column;
	}
	.reviews-container .right {
		width: 50%; padding-left: 3%;
	}
	.reviews-resume {
		margin: auto 0;
	}
	.review-text {
		max-height: 130px;
	}
	.product-associated-pack-container {
		order: 8; grid-column: span 8;
	}
	.product-complementaries-container {
		order: 9; grid-column: span 8;
	}
	.product-brand-container {
		order: 10; grid-column: span 8; margin: 0;
	}
	.product-brand-container > .inside {
		max-width: 800px; border: none; margin: auto; padding: 0 1.5rem 4%; width: 100%;
	}
	.product-suggest-container {
		order: 11; grid-column: span 8; margin: 0;
	}
	.product-suggest-container > .inside {
		max-width: 800px; margin: auto; aspect-ratio: 16/8; padding: 3% 1.5rem 4%; width: 100%;
	}

	/*---- static ----*/
	.sticky-sidebar-container > div {
		top: 4.5rem;
	}

	/*---- footer ----*/
	.footer-container.max-width > .inside {
		max-width: 800px; margin: auto;
	}
	.footer-links-container {
		order: 2; grid-column: span 4;
	}
	.footer-subscribe-container {
		order: 1; grid-column: span 8; height: 160px; margin-bottom: 7%;
	}
	.footer-legend-container ul {
		max-width: none;
	}
	.footer-shop-container {
		order: 3; grid-column: span 4;
	}
}
@media (max-width:950px) {
	html {
        font-size: 16px;
    }
	/*---- HEADER ----*/
	/*header .btn-with-picto {
		height: 95%;
	}*/
	/*---- ASIDE ----*/
	#visited-products-container ul {
		grid-template-columns: repeat(2,1fr);
	}
	/*---- POPSLIDE ----*/
	.popslide {
		width: 50%;
	}
	.google-map-popslide-container {
		position: relative; transform: translateX(0) !important; width: 100%; aspect-ratio: 3/5; border: none;
	}
	/*---- HOME ----*/
	.home-top-grid {
		max-width: 700px; padding-top: 2%; grid-template-columns: repeat(2,1fr); grid-template-rows: repeat(5,1fr);
	}
	.banner {
		grid-column: span 2!important;
	}
	.homediapo {
		max-width: 96%;
	}
	.diaporama-home-container {
		padding-top: 60%;
	}
	.diaporama-home-container a.diapo1 {
		left: 0; width: 3%;
	}
	.diaporama-home-container a.diapo2 {
		left: 3%; width: 3%;
	}
	.diaporama-home-container a.diapo3 {
		left: 6%; width: 88%;
	}
	.diaporama-home-container a.diapo4 {
		left: 94%; width: 3%;
	}
	.diaporama-home-container a.diapo5 {
		left: 97%; width: 3%;
	}
	.diapo-prev {
		left: 13%;
	}
	.diapo-next {
		right: 13%;
	}
	.home-shop-h1-container h1 {
		padding: 7%; font-size: 1.6rem;
	}
	.home-shop-strong-point-container ul {
		gap: 3vw; margin: auto; max-width: 700px; grid-template-columns: repeat(2,1fr);
	}
	.home-top-selection-container swiper-container {
		aspect-ratio: 16/32; max-width: 700px; margin: auto;
	}
	.home-top-selection-container article {
		margin: .5rem;
	}
	.home-top-selection-container a {
		padding: .75rem;
	}
	/*---- CATEGORY ----*/
	.main-listing-container > .inside {
		padding-top: 3%;
	}
	.main-listing-container h1 strong {
		display: block;
	}
	.main-listing-container h2 {
		font-size: 1.3rem;
	}
	.category-nav-container ul.lvl1 {
		grid-template-columns: repeat(5,1fr);
	}
	.category-iconic-container ul {
		grid-template-columns: repeat(2,1fr);
	}
	.category-lr50-container {
		display: grid; grid-template-rows: repeat(2,1fr); grid-template-columns: 100%; gap: 4%; margin-bottom: 10%;
	}
	.category-lr50-container > div {
		width: 100%;
	}
	.category-lr50-container .inside {
		max-width: 500px; margin: 0 auto; width: 100%; min-height: 350px;
	}
	.sub-design.brand img {
		height: 38%; width: 60%;
	}
	.list-articles-container {
		grid-template-columns: repeat(2,1fr);
	}
	.list-articles-container article {
		height: 40vw;
	}
	.listing-filters-container, .listing-filters-container.sticky {
		position: fixed; width: 96%; background-color: #eae1da; z-index: 99; border-radius: 1rem; left: 50%; transform: translateX(-50%); box-shadow: .25rem .25rem .25rem rgba(0,0,0,.5); max-width: 400px; max-height: 0%; top: auto; display: flex; flex-direction: column; align-items: center; bottom: 1%; transition: max-height .5s; padding-bottom: 0;
	}
	.listing-filters-container.open {
		max-height: 98%; transition: max-height .5s;
	}
	.listing-filters-container > .inside {
		font-size: 1.25rem; flex: 1; overflow: hidden; padding-bottom: 4rem;
	}
	.form-filters {
		flex-direction: column;
	}
	.form-filters > div:first-child {
		border: none; margin-bottom: .75rem; min-height: 2rem; justify-content: space-between;
	}
	.form-filters > div:first-child button {
		width: auto; right: 0; background-color: transparent;
	}
	.form-filters > div:first-child button::before {
		background-color: var(--color-red); mask-size: 70%;
	}
	.form-filters > div:first-child span {
		padding: 0;
	}
	.is-waiting .form-filters > div:first-child::after {
		background-color: transparent;
	}
	.filters-master {
		flex-direction: column;
	}
	.filters-master > li {
		width: 100%; padding: 0;
	}
	.select-filter {
		border: 1px solid var(--color-cream); border-radius: .25rem; margin-bottom: .5rem; background-color: #fff;
	}
	.select-filter-slide {
		min-width: 100%; box-shadow: none; position: relative; top: 0; display: none; border-top: 1px solid var(--color-soft-cream); border-radius: 0; margin-top: .5rem; max-height: 280px; font-size: 1.1rem;
	}
	.select-filter .select-filter-title {
		padding-left: 2.1rem;
	}
	.select-filter.selected .select-filter-title::before {
		padding-left: 15px;
	}
	.select-filter-title.open + .select-filter-slide {
		display: block;
	}
	.filter-toggle-btn {
		display: flex;
	}
	/*---- BRAND ----*/
	.brand-h1-search {
		flex-direction: column; margin-bottom: 1rem;
	}
	.brand-search {
		width: 100%;
	}
	.brand-list {
		gap: .5rem;
	}
	/*---- PRODUCT ----*/
	.product-top-container > .inside {
		grid-template-columns: repeat(2,1fr); grid-template-rows: auto auto 1fr 1fr;
	}
	.product-top-container .z1 {
		grid-column: span 2; margin-bottom: .5rem;
	}
	.product-top-container .z2 {
		order: 3; grid-row: span 2;
	}
	.product-top-container .z3 {
		order: 2; margin-bottom: 1rem; grid-column: span 2;
	}
	/* .product-top-container .z4 {
		order: 5;
	} */
	.product-top-container .z5 {
		order: 6; grid-column: span 2; margin-top: 2rem;
	}
	.product-top-container .z6 {
		order: 4;
	}
	.product-media-container {
		height: 45vw;
	}
	.product-media-container > .inside picture img {
		padding: 3%;
	}
	.zoom-medias-top {
		position: absolute; right: .5rem; z-index: 10;
	}
	.swiper-zoom-selected {
		margin: 1rem;
	}
	.product-descriptif-container {
		grid-column: span 8; padding: 1rem;
	}
	.inside-more .col2 {
		column-count: 1;
	}
	.product-specif-container {
		grid-column: span 8;
	}
	.associated-pack-list > div {
		flex-direction: column;
	}
	.associated-pack-list .left {
		width: 100%;
	}
	.associated-pack-list .right {
		padding-left: 0; flex-direction: row; margin-top: 1rem;
	}
	.associated-pack-list .right > div {
		width: 50%;
	}
	.associated-pack-list .right ul {
		margin-bottom: 0;
	}
	/*---- BASKET ----*/
	.list-basket-container article .product {
		min-width: 100%;
	}
	.list-basket-container article {
		justify-content: right;
	}
	.basket-bottom-container > div:nth-child(1) {
		width: 100%; max-width: none; margin-bottom: 1.5rem;
	}
	.basket-bottom-container > div:nth-child(2) {
		width: 100%; max-width: 380px; margin-left:auto; min-width: auto;
	}
	/*---- ORDER ----*/
	.order-container {
		flex-direction: column; display: flex; gap: 2rem;
	}
	.order-container > div {
		width: 100% !important; max-width: 540px; margin: auto; padding: 0 !important;
	}
	.order-block.order-invoice-address .inside,
	.order-block.order-delivery-address .inside,
	.order-block.basket .inside,
	.order-block.paiement > .inside {
		width: 94%; max-width: 400px;
	}
	/*---- ACCOUNT ----*/
	.account-orders-header {
		display: none;
	}
	.account-ul-order {
		padding: .5rem 0;
	}
	.account-ul-action {
		height: auto; bottom: .75rem; right: .5rem;
	}
	.account-ul-order > li {
		display: flex; width: auto !important; padding: .25rem; gap: .25rem; align-items: baseline;
	}
	.account-ul-order > li > span {
		padding: 0;
	}
	.account-ul-order > li > span:first-child:not(.toggle-arrow) {
		display: block; color: var(--color-old); font-size: .85rem;
	}
	.account-ul-order > li > span:last-child:not(.toggle-arrow) {
		font-weight: 500; 
	}
	.account-orders-header > li:nth-child(6), .account-ul-order > li:nth-child(6) {
		min-width: 100%; padding-left: 20px;
	}
	.account-detail-order .inside {
		padding: 10px;
	}
}
@media (max-width:850px) {
	/*---- STATIC ----*/
	.sticky-sidebar-container {
		display: none;
	}
	.static-with-sidebar-content {
		grid-column: span 2;
	}
	.static-with-sidebar-content section {
		margin-bottom: 1rem;
	}
}
@media (max-width:660px) {
	/*body.scroll-stop {
		overflow: auto;
	}*/
	body {
		margin-top: 90px;
	}
	/*---- INIT ----*/
	.max-width {
		padding: 0; box-shadow: none;
	}
	.close-button {
		width: 1.2rem;
	}
	/*---- MASK ----*/
	.mask {
    	z-index: 22;
	}
	.mask-top {
		height: 45px; max-height: none; min-height: auto;
	}
	.popslide {
		width: 100%; position: absolute; right: 0%; min-width: auto; max-width: 420px;
	}
	/*---- HEADER ----*/
	header {
		max-height: none; min-height: auto; height: 45px;
	}
	#open-nav-header {
		margin-right: .5rem;
	}
	.header-logo-site {
		height: 32px;
	}
	header .btn-with-picto {
		margin: 0; border: none; border-radius: 0;
	}
	header > ul {
		background-color: var(--color-main);
	}
	header > ul > li:nth-child(2) {
		flex: 1;
	}
	header > ul > li:nth-child(3) {
		position: absolute; width: 100%; top: 45px; background-color: var(--color-main); height: auto; padding: .25rem 0 .5rem;
	}
	header > ul > li:nth-child(3) form {
		max-width: none; max-height: none; height: 36px; margin: 0; width: 96%;
	}
	header > ul > li:nth-child(3) form button{
		display: none;
	}
	header > ul > li:nth-child(3) form.open {
		transform: translateY(0); transition: transform .5s;
	}
	.menu-lang {
		top: 100%;
	}
	/*header > ul > li:nth-child(4) {
		display: block;
	}*/
	/*---- ASIDE ----*/
	.aside-nav {
		flex-direction: column;
	}
	.aside-container {
		padding: 0 .25rem .75rem; top: 45px; height: calc(100% - 45px); z-index: 23; max-width: 420px;
	}
	.aside-bottom-container .inside li div a strong {
		font-size: 1.4rem;
	}
	#visited-products-container ul {
		grid-template-columns: repeat(1,1fr);
	}
	/*---- BREADCRUMB ----*/
	.breadcrumb-container {
		font-family: "Barlow Condensed",sans-serif;
	}
	.breadcrumb-container > .inside > ul > li .lvl1 {
		padding-right: .25rem;
	}
	.breadcrumb-container > .inside > ul > li > a.lvl1 {
		padding: 0; aspect-ratio: 1;
	}
	.breadcrumb-container > .inside > ul > li > a,
	.breadcrumb-container > .inside > ul > li > div {
		padding: 0 .5rem;
	}
	.breadcrumb-container > .inside > ul > li.with-menu > div {
		color: inherit; padding-right: .5rem;
	}
	.category-breadcrumb li.with-menu > div::before,
	.category-breadcrumb li.with-menu > div::after {
		display: none;
	}
	.lvl1 .lvl-title {
		display: none;
	}
	/*---- FORM ----*/
	.form-container {
		gap: .75rem;
	}
	.form-row {
		grid-template-columns: repeat(5,1fr) !important; gap: .75rem;
	}
	.form-group {
		height: 2.5rem;
	}
	.form-col {
		grid-column: span 5 !important;
	}
	.form-col.zipcode {
		grid-column: span 2 !important;
	}
	.form-col.city {
		grid-column: span 3 !important;
	}
	.form-col.dialcode {
		grid-column: span 2 !important;
	}
	.form-col.phone {
		grid-column: span 3 !important;
	}
	.label-input-row.type-write {
		height: 2.8rem;;
	}
	/*---- 404 ----*/
	.error-404-container {
		aspect-ratio: 16/14; min-height: auto;
	}
	.error-404-message p {
		padding: 10% 3% 0;
	}
	.error-404-action {
		margin-top: 5%;
	}
	/*---- 500 ----*/
	.error-500-container {
		aspect-ratio: 16/14; min-height: auto;
	}
	.error-500-message p {
		padding: 10% 3% 0;
	}
	.error-500-action {
		margin-top: 5%;
	}
	/*---- HOME ----*/
	.home-top-grid {
		grid-template-rows: 1.75fr 2fr 1.75fr 1.75fr 2fr; padding: 2% 1%; gap: .35rem;
	}
	.mea {
		aspect-ratio: 3/4;
	}
	.mea picture {
		width: 100%; height: 60%; position: relative;
	}
	.mea picture img {
		transform: none; width: 100%; height: 100%; padding: 8% 5%; object-fit: contain;
	}
	.mea picture.type-guitare {
		width: 100%;
	}
	.mea picture.type-guitare img {
		rotate: 0deg; transform: none; left: 5%; height: 76%; padding: 0;
	}
	.mea a {
		width: 100%; height: 100%;
	}
	.mea .content {
		width: 100%; padding: 77% 5% 5%; align-items: inherit; text-align: left; line-height: 1.2;
	}
	.mea .label {
		position: absolute; right: 5%; transform: translateY(-100%); opacity: 1; background-color: var(--color-yellow); color: #fff; padding: .25rem.5rem; font-size: 1rem; font-weight: 600
	}
	.mea .brand {
		font-size: 1.1rem; margin-bottom: 0;
	}
	.mea .ref {
		font-size: 1.1rem; max-height: 2.9rem; overflow: hidden;
	}
	.mea .price {
		font-size: 1.4rem; text-align: right;
	}
	.mea .more {
		display: none;
	}
	.home-shop-h1-container {
		background-size: 150% auto;
	}
	.home-shop-txt-container p {
		font-size: 1.2rem; padding: 5%;
	}
	.home-shop-strong-point-container ul {
		gap: 1vw; padding: 0 2%;
	}
	.home-shop-strong-point-container li {
		font-size: 1.1rem; padding: 1rem .5rem;
	}
	.home-top-selection-container {
		padding-bottom: 0;
	}
	.home-top-selection-container swiper-container {
		aspect-ratio:initial; width: 94%; max-width: 390px;;
	}
	.home-top-selection-container article {
		margin: 1.5rem;
	}
	.home-top-selection-container a {
		padding: .5rem;
	}
	.home-page-type h2 {
		font-size: 1.7rem; padding: 0;
	}
	.home-shop-brand-container h3 {
		font-size: 1.4rem; padding-bottom: 1.5rem;
	}
	.home-brand-container img {
		border: none; object-fit: cover; aspect-ratio: 13/8; object-position: 10% center;
	}
	/*---- CATEGORY ----*/
	.main-listing-container h1 {
		font-size: 1.6rem; margin-bottom: 1rem;
	}
	/*.main-listing-container h1.brand,
	.main-listing-container h1.custom-shop {
		max-width: 65%;
	}
	.main-listing-container h1 > span > span {
		display: inline-block; width: 90%;
	}*/
	.sub-design {
		width: 55%; display: none;
	}
	.sub-design.iconic {
		opacity: .25; width: 70%;
	}
	.category-edito-container {
		width: 100%;
	}
	.intro-edito-container.with-max-height {
		max-height: 180px;
	}
	.category-nav-container {
		margin-bottom: 1rem;
	}
	.category-nav-container ul.lvl0 {
		flex-direction: column;
	}
	.category-nav-container ul.lvl0 li {
		margin-right: 0; margin-bottom: .5rem;
	}
	.category-nav-container ul.lvl1 {
		grid-template-columns: repeat(3,1fr); margin-bottom: 2rem;
	}
	.category-nav-container ul.lvl2 {
		grid-template-columns: repeat(2,1fr);
	}
	.category-iconic-container ul {
		grid-template-columns: repeat(1,1fr); gap: 0;
	}
	.category-highlighted-container swiper-container figure {
		flex: .52;
	}
	.category-highlighted-container swiper-container .content {
		padding: 0;
	}
	.result-products-nav-container {
		margin-bottom: 1rem;
	}
	.list-articles-container {
		grid-template-columns: repeat(1,1fr); gap: 1.25rem;
	}
	.list-articles-container article {
		flex-direction: revert; height: 140px; max-height: none; min-height: auto;
	}
	.list-articles-container figure {
		height: 100%; aspect-ratio: 1; flex: inherit; width: auto; border-radius: .5rem;
	}
	.list-articles-container .type-guitare:not(.pack) figure .product-img,
	.list-articles-container .type-46:not(.pack) figure .product-img {
		rotate: -90deg; height: 66%; top: 12%; width: 100%; transform-origin: center; left: 0%;
	}
	.list-articles-container .type-guitare.left-hander figure .product-img {
		rotate: 90deg;
	}
	.list-articles-container .product-modele-unique {
		min-width: 68px; right: auto; bottom: 1%; left: 2%;
	}
	.list-articles-container .content {
		padding: 2% 0 2% .5rem; flex: 1; justify-content: center;
	}
	.list-articles-container .content h2 {
		flex: 1; max-height: 3.3rem; font-size: .95rem;
	}
	.list-articles-container .stat-pic-custom-shop span {
		display: none;
	}
	.list-articles-container .content .stock-price {
		flex: initial; position: relative; padding-top: 1rem;
	}
	.list-articles-container .content .stock-price li:first-child {
		border: none; margin-right: .35rem;
	}
	.list-articles-container .content .old-price {
		position: absolute; right: 0; top: 0;
	}
	.list-articles-container .content .price {
		padding: 0 0 0 .35rem; border: none; font-size: 1.4rem;
}
	.more-edito-container .bloc {
		flex-direction: column;
	}
	.more-edito-container h2 {
		width: 100%; padding-right: 0; margin-bottom: 1rem;
	}
	.more-edito-container .bloc-max-width {
		padding-left: 0; border-left: none;
	}
	/*---- BRAND ----*/
	.brand-list {
		gap: .25rem; grid-template-columns: repeat(2,1fr);
	}
	/*---- PRODUCT ----*/
	.product-grid {
		grid-template-rows: auto;
	}
	.product-top-container {
		order: 3;
	}
	.product-h1 {
		font-size: 1.35rem;
	}
	.product-top-container .z1 {
		grid-column: span 4;
	}
	.product-top-container .z2 {
		grid-row: span 1; grid-column: span 4;
	}
	.product-top-container .z4 {
		grid-column: span 4;
	}
	.product-top-container .z5 {
		margin-top: 1rem; grid-column: span 4;
	}
	.product-top-container .z6 {
		grid-column: span 4;
	}
	.product-top-container > .inside {
		grid-template-rows: auto auto auto auto minmax(55px,25%);
	}
	.product-media-container {
		order: 1; aspect-ratio: 16/12; height: auto;
	}
	.product-media-container > .inside.type-guitare picture img {
		width: 190%; padding: 5%;/*transform: rotate(-90deg) translate(25%,-50%);*/
	}
	.product-media-container > .inside.type-guitare.left-hander picture img {
		right: 0;
	}
	/*.product-media-container > .inside.type-guitare.left-hander picture img {
		transform: rotate(90deg) translate(-25%,50%);
	}*/
	.product-media-container .product-modele-unique {
		width: 25%; top: 5%; right: 5%;
	}
	.product-media-container ul {
		bottom: .5rem; justify-content: center;
	}
	.product-media-container li {
		margin: .25rem .5rem 0 0; font-size: .9rem; padding: .25rem .5rem;
	}
	.product-medias-select-container {
		order: 2; grid-column: span 8; padding: 2%; aspect-ratio: auto;
	}
	.product-medias-select-container h3 {
		display: none;
	}
	.product-medias-select-container > .inside {
		gap: .25rem; grid-template-columns: repeat(5,1fr); width: 100%;
	}
	.product-medias-select-container a:nth-child(6) {
		display: none;
	}
	.zoom-medias-container {
		aspect-ratio: 24/29; height: auto; top: 44px; transform: none; left: 0; box-shadow: .15rem .15rem .25rem rgba(0,0,0,.5);
	}
	.product-price-container {
		max-width: 340px; margin: 0 auto 2rem; width: 100%; padding: 1% 2% 3%;
	}
	.product-form-add-container {
		max-width: 340px; margin: auto;
	}
	.product-stock-container {
		margin: 1rem 0;
	}
	.product-add-info-container {
		border: none; padding: 0;
	}
	.product-add-info-container ul {
		grid-template-columns: repeat(1,1fr);
	}
	.product-add-info-container li {
		border: none !important; padding: 1rem 0 0; border-radius: .5rem; margin-bottom: 1rem;
	}
	.product-add-info-container li div br {
		display: none;
	}
	.product-add-info-container li:nth-child(1) {
		order: 2; padding-top: .75rem; margin-bottom: .75rem;
	}
	.product-add-info-container li:nth-child(2) {
		order: 3;
	}
	.product-add-info-container li:nth-child(3) {
		order: 1; padding-top: 0;
	}
	.product-add-info-container li:not(:nth-child(3))::after {
		content: ""; position: absolute; width: 100px; height: 1px; background-color: var(--color-main); top: 0; left: 50%; transform: translateX(-50%);
	}
	.product-others-container {
		grid-column: span 8; border-top: 1px solid var(--color-soft-cream);
	}
	.swiper-product-variations {
		min-height: 160px;
	}
	.product-help-container {
		grid-column: span 8; padding: 0 1rem 1rem;
	}
	.product-specs {
		padding: 0; display: flex; flex-direction: column;
	}
	.reviews-container {
		flex-direction: column;
	}
	.reviews-container .left {
		width: 100%; border: none;
	}
	.reviews-container .right {
		width: 100%; padding: 1rem 0 0;
	}
	.review-questions .review-question {
		display: block; margin-bottom: .75rem;
	}
	.review-questions .review-question label {
		display: flex; padding: 0 0 .25rem;
	}
	.product-complementaries-container > .inside {
		padding: 1rem .5rem 1rem;
	}
	.associated-pack-list .right {
		flex-direction: column;
	}
	.associated-pack-list .right > div {
		width: 100%;
	}
	.associated-pack-list .right .link {
		max-width: 130px;
	}
	.product-brand-container > .inside {
		grid-template-columns: auto; grid-template-rows: auto; aspect-ratio: auto; width: 100%; padding-bottom: 2rem;
	}
	.product-brand-container .logo {
		height: 180px; order: 1; aspect-ratio: 16/11; margin: auto;
	}
	.product-brand-container .logo img {
		padding: 0;
	}
	.product-brand-container .categories {
		order: 3; max-width: 300px; margin: auto; width: 100%;
	}
	.product-brand-container .categories ul {
		gap: 2rem;
	}
	.product-brand-container .links {
		order: 2; margin-bottom: 2rem;
	}
	.product-brand-container .offers {
		order: 4; padding: 1rem 0;
	}
	.product-suggest-container > .inside {
		aspect-ratio: auto;
		width: 100%;
	}
	.product-suggest-container > .inside > div:last-child {
		flex-direction: column;
	}
	.product-suggest-container .left {
		width: 100%;
	}
	.swiper-suggest-select {
		aspect-ratio: 2/1; width: 100%;
	}
	.product-suggest-container .right {
		width: 100%; margin-top: 1rem;
	}
	.swiper-suggest-selected {
		aspect-ratio: 16/12;
	}
	.swiper-suggest-selected a {
		padding-left: 0;
	}
	/*---- LOGGIN ----*/
	.login-account-container .slide-content {
		flex-direction: column; gap: 1rem;
	}
	.login-account-container .slide-content .form-actions {
		margin-top: 1rem; flex-direction: column-reverse; align-items: flex-start; gap: 1rem;
	}
	/*---- ACCOUNT ----*/
	.account-tab-nav li a span:last-child {
		display: none;
	}
	.account-ident-container {
		flex-direction: column; gap: 2rem;
	}
	.account-ident-container::after {
		display: none;
	}
	.account-ident-container .form-row {
		grid-template-columns: unset !important;
	}
	.account-ul-order > li:nth-child(5) {
		padding-left: 20px;
	}
	.account-detail-order .top {
		margin-bottom: .5rem;
	}
	.inside-order li:not(:last-child) {
		border-bottom: 1px solid var(--color-soft-cream); padding-bottom: .5rem; margin-bottom: .25rem;
	}
	.inside-order li span:nth-child(1) {
		order: 1; min-width: 100%; padding-right: 0; margin-bottom: .25rem;
	}
	.inside-order li span:nth-child(2) {
		order: 3;
	}
	.inside-order li span:nth-child(3) {
		order: 2; text-align: left; padding-left: 0;
	}
	.account-detail-order .bottom {
		display: flex; flex-direction: column; gap: .5rem;
	}
	.addresses-default-container {
		flex-direction: column; gap: 1.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--color-soft-cream);
	}
	.new-address-container .address-card-options {
		margin-bottom: 0;
	}
	.addresses-list {
		display: flex; flex-direction: column; gap: 0; border-radius: .5rem;
	}
	.address-card-edit {
		padding: 4%; border-radius: 0;
	}
	.address-card-edit:not(:last-child) {
		border-bottom: 1px solid #ccc; padding-bottom: 1rem;
	}
	.address-card-edit p {
		margin-bottom: 0;
	}
	.address-card-options {
		justify-content: left; border: 1px solid var(--color-soft-cream); padding: .5rem .75rem; background-color: var(--color-light-cream); border-radius: .5rem;
	}
	.address-card-options span:first-child {
		min-width: 100%;
	}
	/*---- BASKET ----*/
	.list-basket-container > ul {
		display: none;
	}
	.list-basket-container article .product {
		padding-bottom: .5rem; margin-bottom: .5rem; border-bottom: 1px solid var(--color-soft-cream);
	}
	.list-basket-container article .dispo {
		flex: 1;
	}
	.basket-total-container > div > ul > li:first-child {
		width: 30%; font-family: "Barlow Condensed";
	}
	.basket-total-container > div > ul > li:first-child strong {
		font-weight: 600;
	}
	/*---- ORDER ----*/
	.order-delivery {
		flex-direction: column;
	}
	.order-block.paiement > .inside > ul li {
		padding: .75rem 0;
	}
	.oney-widget-box {
		padding: .5rem;
	}
	.btn-save.oney-simulate-btn {
		transform: none;
	}
	/*---- SHOP ----*/
	.shop-finding-container > div {
		grid-template-columns: 1fr; gap: 1.5rem; border-bottom: 1px solid var(--color-cream); padding-bottom: 1rem;
	}
	.shop-address-container ul > li {
		margin-bottom: 1rem;
	}
	.shop-whois-container > div {
		display: flex; flex-direction: column-reverse;
	}
	.shop-whois-container .shop-whois-video {
		float: none; margin: 0; width: 100%;
	}
	.op-header-container .description {
		width: 100%; align-items: baseline; max-width: 450px; left: 0; right: auto; min-width: auto;
	}
	/*---- FOOTER ----*/
	.footer-container.max-width > .inside {
		padding: 8% 4%;
	}
	.footer-subscribe-container {
		height: auto; margin-bottom: 2rem;
	}
	.newsletter-subscribe {
		flex-direction: column; margin: 0 auto 2rem; max-width: 340px;
	}
	.newsletter-subscribe > div {
		margin-right: 0; padding: 1rem 0; text-align: center;
	}
	.newsletter-subscribe form {
		height: 42px; flex: auto; text-align: center;
	}
	.footer-legend-container .inside {
		height: auto; max-height: none;
	}
	.footer-legend-container ul {
		flex-direction: column; align-items: center; gap: 2rem;
	}
	.footer-legend-container ul li:first-child {
		min-height: 55px;
	}
	.footer-legend-container ul li:last-child {
		height: 70px;
	}
	.footer-links-container {
		grid-column: span 8; padding: 0; text-align: center; margin-bottom: 2rem;
	}
	.footer-links-container::after {
		display: none;
	}
	.footer-shop-container {
		grid-column: span 8; padding: 0; text-align: center;
	}
	.footer-shop-container::before {
		display: none;
	}
}