:root {
    --color-main: #2f3031;
    --color-yellow: #f8d738;
    --color-light-yellow: #FFFCEF;
    --color-true-blue : #3D02E1;
    --color-green: #1fd014;
    --color-red: #e10000;
    --desktop-max-width: 1850px; --desktop-separator: .6vw;
}
* {
    padding: 0; margin: 0; box-sizing: border-box; transition: max-width .5s; letter-spacing: .01em;
}
html {
    font-size: 18px;
}
body {
    min-height: 100vh; display: flex; flex-direction: column; font-family: "Urbanist",sans-serif; color: var(--color-main);
}
ul, ol {
    list-style: none outside none;
}
input, select, textarea, button {
    font-size: inherit; font-family: inherit; outline: none; -webkit-appearance: none; appearance: none;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #f6ba0030 inset; transition: background-color 5000s ease-in-out 0s;
}
textarea {
	border: 1px solid var(--color-old); padding: .5rem; width: 100%;
}

img {
    display: block;
}
.max-width {
    width: 100%; max-width: var(--desktop-max-width); margin: auto; padding-left: .5vw; padding-right: .5vw;
}
.hidden {
    display: none!important;
}
.desktop-hidden {
	display: none !important;
}
.btn-svg {
	height: 100%; aspect-ratio: 1; border: none; background-color: transparent; position: relative; cursor: pointer;
}
.btn-svg::before {
    background-color: var(--color-main); height: 80% !important; width: 80% !important;
}
.alert {
	font-weight: 500; font-family: "Barlow Condensed"; text-align: center; color: var(--color-promo); font-size: 1.15rem; border: 1px solid; padding: .25rem;
}
.alert.alert--error {
	color: var(--color-red);
}
.alert.alert--success {
	color: var(--color-green);
}
.logo-bkg {
    background-image: url("../../images/stars/logo_stars-PcISCmg.svg"); height: 100%; background-repeat: no-repeat; background-size: contain; background-position: center;
}
.back-to-top {
	position: fixed; bottom: 34px; right: 24px; z-index: 9; background-color: var(--color-true-blue); border: none; color: #fff; border-radius: 50%; font-size: 2.1rem; aspect-ratio: 1; width: 1.4em;
}

.init-picto-svg::before {
	content: ""; width: 100%; aspect-ratio: 1; position: absolute; -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; mask-position: center; mask-repeat: no-repeat; mask-size: contain; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 5rem;
}
.svg-home::before {
    -webkit-mask-image: url("../../images/default/svg/picto/home-toGWfdQ.svg"); mask-image: url("../../images/default/svg/picto/home-toGWfdQ.svg");
}
.svg-filter::before {
    -webkit-mask-image: url("../../images/default/svg/picto/filter-SFDvrjI.svg"); mask-image: url("../../images/default/svg/picto/filter-SFDvrjI.svg");
}
.svg-stock::before {
    -webkit-mask-image: url("../../images/default/svg/picto/stock-Yu8Y4ZB.svg"); mask-image: url("../../images/default/svg/picto/stock-Yu8Y4ZB.svg");
}
.svg-glass::before {
    -webkit-mask-image: url("../../images/default/svg/picto/loupe-5RBuvM1.svg"); mask-image: url("../../images/default/svg/picto/loupe-5RBuvM1.svg");
}
.svg-burger::before {
    -webkit-mask-image: url("../../images/default/svg/picto/burger-vJppK9M.svg"); mask-image: url("../../images/default/svg/picto/burger-vJppK9M.svg");
}
.svg-account::before {
    -webkit-mask-image: url("../../images/default/svg/picto/account-2-K6rdAih.svg"); mask-image: url("../../images/default/svg/picto/account-2-K6rdAih.svg");
}
.svg-basket::before {
    -webkit-mask-image: url("../../images/default/svg/picto/basket-8-mcDTZ.svg"); mask-image: url("../../images/default/svg/picto/basket-8-mcDTZ.svg");
}
.svg-bus::before {
    -webkit-mask-image: url("../../images/default/svg/picto/bus-gl5m_r-.svg"); mask-image: url("../../images/default/svg/picto/bus-gl5m_r-.svg");
}
.svg-metro::before {
    -webkit-mask-image: url("../../images/default/svg/picto/metro-0GXTBMa.svg"); mask-image: url("../../images/default/svg/picto/metro-0GXTBMa.svg");
}
.svg-pdf::before {
    -webkit-mask-image: url("../../images/default/svg/picto/pdf-peQKJl5.svg"); mask-image: url("../../images/default/svg/picto/pdf-peQKJl5.svg");
}
.svg-phone::before {
    -webkit-mask-image: url("../../images/default/svg/picto/phone-IukbRmN.svg"); mask-image: url("../../images/default/svg/picto/phone-IukbRmN.svg");
}
.svg-email::before {
    -webkit-mask-image: url("../../images/default/svg/picto/email-DUOnzvf.svg"); mask-image: url("../../images/default/svg/picto/email-DUOnzvf.svg");
}
.svg-hotline::before {
    -webkit-mask-image: url("../../images/default/svg/picto/hotline-gImQ5q_.svg"); mask-image: url("../../images/default/svg/picto/hotline-gImQ5q_.svg");
}
.svg-quote::before {
    -webkit-mask-image: url("../../images/default/svg/picto/quote-sSJS-9w.svg"); mask-image: url("../../images/default/svg/picto/quote-sSJS-9w.svg");
}
.svg-close::before {
    -webkit-mask-image: url("../../images/default/svg/picto/close-agKNEdv.svg"); mask-image: url("../../images/default/svg/picto/close-agKNEdv.svg");
}
.svg-trash::before {
    -webkit-mask-image: url("../../images/default/svg/picto/trash-5RPUPse.svg"); mask-image: url("../../images/default/svg/picto/trash-5RPUPse.svg");
}
.svg-ident::before {
    -webkit-mask-image: url("../../images/default/svg/picto/password-pGjHdzj.svg"); mask-image: url("../../images/default/svg/picto/password-pGjHdzj.svg");
}
.svg-order::before {
    -webkit-mask-image: url("../../images/default/svg/picto/orders-y8DfqA2.svg"); mask-image: url("../../images/default/svg/picto/orders-y8DfqA2.svg");
}
.svg-address::before {
    -webkit-mask-image: url("../../images/default/svg/picto/address-vEb2Cyp.svg"); mask-image: url("../../images/default/svg/picto/address-vEb2Cyp.svg");
}
.svg-subscription::before {
    -webkit-mask-image: url("../../images/default/svg/picto/subscription-gG_FBDg.svg"); mask-image: url("../../images/default/svg/picto/subscription-gG_FBDg.svg");
}
.svg-guitars::before {
    -webkit-mask-image: url("../../images/default/svg/picto/guitares-gfcgRR-.svg"); mask-image: url("../../images/default/svg/picto/guitares-gfcgRR-.svg");
}
.svg-amplifiers::before {
    -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");
}
.svg-accessories::before {
    -webkit-mask-image: url("../../images/default/svg/picto/accessories-TzK2_rp.svg"); mask-image: url("../../images/default/svg/picto/accessories-TzK2_rp.svg");
}
.svg-facebook::before {
	-webkit-mask-image: url("../../images/default/svg/picto/facebook-qF45kw5.svg"); mask-image: url("../../images/default/svg/picto/facebook-qF45kw5.svg");
}
.svg-twitter::before {
	-webkit-mask-image: url("../../images/default/svg/picto/twitter-K2bjd44.svg"); mask-image: url("../../images/default/svg/picto/twitter-K2bjd44.svg");
}
.svg-instagram::before {
	-webkit-mask-image: url("../../images/default/svg/picto/instagram-lgkdw96.svg"); mask-image: url("../../images/default/svg/picto/instagram-lgkdw96.svg");
}
.svg-youtube::before {
	-webkit-mask-image: url("../../images/default/svg/picto/youtube-pXHfTOX.svg"); mask-image: url("../../images/default/svg/picto/youtube-pXHfTOX.svg");
}
.svg-review::before {
	-webkit-mask-image: url("../../images/default/svg/picto/review-lbzB137.svg"); mask-image: url("../../images/default/svg/picto/review-lbzB137.svg");
}
.svg-custom-shop::before {
	-webkit-mask-image: url("../../images/default/svg/category/custom-shop-3DJDVWa.svg"); mask-image: url("../../images/default/svg/category/custom-shop-3DJDVWa.svg");
}
.svg-news::before {
	-webkit-mask-image: url("../../images/default/svg/category/news-fXZGx0j.svg"); mask-image: url("../../images/default/svg/category/news-fXZGx0j.svg");
}
.svg-data::before {
	-webkit-mask-image: url("../../images/default/svg/picto/data-g1ejXXh.svg"); mask-image: url("../../images/default/svg/picto/data-g1ejXXh.svg");
}
.svg-cgv::before {
	-webkit-mask-image: url("../../images/default/svg/picto/cgv-AmfYTkQ.svg"); mask-image: url("../../images/default/svg/picto/cgv-AmfYTkQ.svg");
}
.svg-guard::before {
    -webkit-mask-image: url("../../images/default/svg/picto/shield-Y2pMEBd.svg"); mask-image: url("../../images/default/svg/picto/shield-Y2pMEBd.svg");
}
.svg-check::before {
    -webkit-mask-image: url("../../images/default/svg/picto/check-9F1LEAy.svg"); mask-image: url("../../images/default/svg/picto/check-9F1LEAy.svg");
}
.svg-checked::before {
    -webkit-mask-image: url("../../images/default/svg/picto/checked-kkCAg4E.svg"); mask-image: url("../../images/default/svg/picto/checked-kkCAg4E.svg");
}
.svg-fr {
	background-image: url("../../images/default/svg/picto/drapeau-fr-hOO7zwX.svg");
}
.svg-en {
	background-image: url("../../images/default/svg/picto/drapeau-en-WTRND52.svg");
}
.svg-de {
	background-image: url("../../images/default/svg/picto/drapeau-de-rciYgUX.svg");
}
.svg-es {
	background-image: url("../../images/default/svg/picto/drapeau-es-j7IHbDc.svg");
}
.svg-nl {
	background-image: url("../../images/default/svg/picto/drapeau-nl-lV9yUNq.svg");
}
.svg-be {
	background-image: url("../../images/default/svg/picto/drapeau-be-2sthfpq.svg");
}
.svg-CB {
	background-image: url("../../images/default/svg/picto/cartes-bancaires-hhRqPp-.svg");
}
.svg-VIR {
	background-image: url("../../images/default/svg/picto/virement-uI-fua3.svg");
}
.svg-PAY {
	background-image: url("../../images/default/svg/picto/paypal-9ERveG3.svg");
}
.svg-VIRIMM {
	background-image: url("../../images/default/svg/picto/finetecture-cWHGQx8.svg");
}
.svg-BAN {
	background-image: url("../../images/default/svg/picto/bancontact_logo-G2fyoq_.svg");
}
.svg-3XFRGRATUIT,
.svg-3XFRPYANT {
	background-image: url("../../images/default/svg/picto/3x-oney-FAtbylm.svg");
}
.svg-4XFRGRATUIT,
.svg-4XFRPAYANT {
	background-image: url("../../images/default/svg/picto/4x-oney-iraWl4k.svg");
}
.svg-10XFRGRATUIT,
.svg-10XFRPAYANT {
	background-image: url("../../images/default/svg/picto/10x-oney-umAQpqc.svg");
}
.svg-12XFRGRATUIT,
.svg-12XFRPAYANT,
.svg-12XFRPREGRATUIT,
.svg-12XFRPREPAYANT {
	background-image: url("../../images/default/svg/picto/12x-oney-We_VDS_.svg");
}
.svg-24XFRPREGRATUIT,
.svg-24XFRPREPAYANT {
	background-image: url("../../images/default/svg/picto/24x-oney-aAwBBRz.svg");
}

@media (max-width: 850px) {
    .back-to-top {
	    bottom: 12px; right: 14px; width: 1.4em; font-size: 1.9rem;
    }
    .desktop-hidden {
	    display: block !important;
    }
}