@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 100;
	src: 	local('Poppins Thin'),
			local('Poppins-Thin'),
			url('../../../fonts/poppins/poppins-v6-latin-100.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
			url('../../../fonts/poppins/poppins-v6-latin-100.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 300;
	src: 	local('Poppins Light'),
			local('Poppins-Light'),
			url('../../../fonts/poppins/poppins-v6-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
			url('../../../fonts/poppins/poppins-v6-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family: 'Poppins';
	font-style: italic;
	font-weight: 400;
	src: 	local('Poppins Light Italic'),
			local('Poppins-LightItalic'),
			url('../../../fonts/poppins/poppins-v6-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
			url('../../../fonts/poppins/poppins-v6-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	src: 	local('Poppins Regular'),
			local('Poppins-Regular'),
			url('../../../fonts/poppins/poppins-v6-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
			url('../../../fonts/poppins/poppins-v6-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* ::::
   :::: */
*,
*::before,
*::after{
	box-sizing: border-box;
}
:root{
	font-family: Poppins;
	font-size: 10px;
	/* site common */
	--sc-color-background: rgb(247,247,247);
	--sc-color-background-contrast: rgb(255,255,255);
	--sc-color-border: #D2D2D2;
	--sc-color-border-light: #E2E2E2;
	--sc-color-text: #323232;
	--sc-color-text-accent: rgb(168,23,26);
	--sc-color-text-accent: #FF9900;
	--sc-color-text-accent-contrast:  rgba(255,255,255,1);
	--sc-color-text-disabled: #A2A2A2;
	--sc-color-text-heading : rgb(0,0,0);
	--sc-color-text-light: #888888;
	--sc-color-text-lighter: #CCCCCC;
	--sc-color-text-lightest: #F0F0F0;
	--sc-content-max-half-width: calc(var(--sc-content-max-width) / 2) ;
	--sc-content-max-width: 96rem;
	--sc-gutter-double-width: calc(var(--sc-gutter-width) * 2);
	--sc-gutter-fourfold-width: calc(var(--sc-gutter-width) * 4);
	--sc-gutter-half-and-width: calc(var(--sc-gutter-width) * 1.5);
	--sc-gutter-half-width: calc(var(--sc-gutter-width) / 2);
	--sc-gutter-quarter-width: calc(var(--sc-gutter-width) / 4);
	--sc-gutter-width: 1.6rem;
	/* site header */
	--sh-height: 4.8rem;
	--sh-color-background: rgba(255,255,255,.8);
	--sh-color-title: #FFFFFF;
	--sh-color-title-accent: #2d3336;
}
/* ::::
	CONTENT SECTION
   :::: */
body{
	font-size: 1.6rem;
	margin: 0;
	padding: 0;
}
html{
	-webkit-text-size-adjust: 100%;
}
main{
	background: var(--sc-color-background);
	min-height: 100vh;
}
/*	::::
	TYPOGRAPHY
	::::: */
a{
	color: inherit;
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6{
	margin: 0;
	padding: 0;
}
/*	::::
	FORMS
	:::: */
button:focus,
input:focus,
select:focus,
textarea:focus{
	outline: none;
}
/* ::::
	Medias
	:::: */
figure{
	margin: 0;
	padding: 0;
}
picture{
}
/* ::::
	breadcrumb
	:::: */
#breadcrumbs{
	margin: 0 auto;
	max-width: 96rem;
	padding: 0 ;
}
ul.breadcrumb{
	margin: 0;
	padding: 0rem 1.6rem;
	padding: 0;
}
ul.breadcrumb li{
	color: var(--sc-color-text-light);
	display: inline-block;
	font-size: 1.2rem;
	font-weight: 300;
	margin: 0;
	padding: 0;
}
ul.breadcrumb li+li:before {
	color: var(--sc-color-text-lighter);
	content: "/\00a0";
	padding: 0 .8rem;
}
ul.breadcrumb li a {
	color: var(--sc-color-text);
	text-decoration: none;
}
ul.breadcrumb li a:hover {
	color: var(--sc-color-text-accent);
	text-decoration: underline;
}
@supports(padding: max(0px)) {
	#breadcrumbs{
		padding-left: max(var(--sc-gutter-half-width), max(env(safe-area-inset-left),env(safe-area-inset-right)));
		padding-right: max(var(--sc-gutter-half-width), max(env(safe-area-inset-left),env(safe-area-inset-right)));
	}
}
/* SITEHEADER */
#sh{
	background-color: var(--sh-color-background);
	left: 0;
	height: var(--sh-height);
	padding: var(--sc-gutter-half-width) 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
}
#sh-basket{
	position: relative;
}
#sh-basket-badge{
	background-color: var(--sc-color-text-accent);
	border-radius: 50%;
	color: var(--sc-color-text-accent-contrast);
	font-size: 0.8rem;
	line-height: 1em;
	min-height: 1.6rem;
	min-width: 1.6rem;
	padding: var(--sc-gutter-quarter-width);
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
}
#sh-content{
	display: grid;
	grid-template-areas: "title . quicklinks";
	grid-template-columns: auto 1fr auto;
	margin: 0 auto;
	max-width: var(--sc-content-max-width);
	padding: 0 var(--sc-gutter-half-width);
}
#sh-quicklinks{
	display: grid;
	grid-area: quicklinks;
	grid-column-gap: var(--sc-gutter-half-width);
	grid-template-columns: 3.2rem 3.2rem;
	margin: 0;
	padding: 0;
}
#sh-quicklinks li{
	display: block;
	list-style-type: none;
	width: 3.2rem;
}
#sh-quicklinks li a{
	align-items: center;
	border-radius: .4rem;
	display: grid;
	height: 100%;
	justify-items: center;
}
#sh-quicklinks li a svg{
	fill: var(--sc-color-text);
	height: 2.4rem;
	width: 2.4rem;
}
#sh-quicklinks li a:hover svg{
	fill: var(--sc-color-text-accent);
}
#sh-title{
	font-size: 1.4rem;
	font-weight: 300;
	line-height: 1.4rem;
	text-transform: lowercase;
}
#sh-title a{
	display: block;
}
#sh-title-autran{
	
}
#sh-title-autran span:nth-child(1){
	color: #18C0FF;
}
#sh-title-autran span:nth-child(2){
	color: #FF9900;
}
#sh-title-autran span:nth-child(3){
	color: #89C506;
}
#sh-title-store{
	display: block;
	font-size: 2rem;
	font-weight: 100;
	letter-spacing: .3rem;
	line-height: 1.8rem;
	text-align: justify;
	text-transform: uppercase;
	white-space: .1rem;
}
@supports(padding: max(0px)) {
	#sh-content{
		padding-left: max(var(--sc-gutter-half-width), max(env(safe-area-inset-left),env(safe-area-inset-right)));
		padding-right: max(var(--sc-gutter-half-width), max(env(safe-area-inset-left),env(safe-area-inset-right)));
	}
}
/* sitefooter */
#sf{
	display: grid;
}
#sf-spotlight{
	background: var(--sc-color-background);
	padding-bottom: var(--sc-gutter-width);
	padding-top: var(--sc-gutter-width);
}
#sf-spotlight ul{
	display: grid;
	grid-gap: var(--sc-gutter-width);
	grid-template-columns: 1fr 1fr 1fr 1fr;
	margin: 0 auto;
	max-width: var(--sc-content-max-width);
	padding: 0 var(--sc-gutter-half-width);
}
#sf-spotlight ul li{
	color: var(--sc-color-text-light);
	font-size: 1.2rem;
	font-weight: 300;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#sf-spotlight ul li a{
	align-items: center;
	display: grid;
	grid-column-gap: var(--sc-gutter-half-width);
	grid-template-columns: auto 1fr;
}
#sf-spotlight ul li a svg{
	fill: var(--sc-color-text-light);

	height: 2.4rem;
	width: 2.4rem;	
}
@media only screen and (max-width: 735px){
	#sf-spotlight ul{
		grid-template-columns: 1fr 1fr;
	}
}
@media only screen and (min-width: 735.1px){
	#sf-spotlight ul{
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}
@supports(padding: max(0px)) {
	#sf-spotlight{
		padding-left: max(0px, max(env(safe-area-inset-left),env(safe-area-inset-right)));
		padding-right: max(0px, max(env(safe-area-inset-left),env(safe-area-inset-right)));
	}
}
/* useful */
#sf-useful{
	font-size: 1.2rem;
	margin: 0 auto;
	max-width: var(--sc-content-max-width);
	padding-bottom: var(--sc-gutter-double-width);
	padding-top: var(--sc-gutter-double-width);
}
#sf-useful ul{
	margin: 0;
	padding: 0;
}
#sf-useful ul li{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#sf-useful ul li a{
	color: var(--sc-color-text-light);
	font-weight: 300;
}
#sf-useful ul li a:hover{
	text-decoration: underline;
}
/* */
#sf-newsletter{

}
#sf-newsletter h4{
	font-size: 1.4rem;
}
#sf-newsletter p{
	font-size: 1.2rem;
}
#sf-newsletter input{
	background-color: var(--sc-color-background-contrast);
	border: 0;
	font-size: 1.6rem;
	margin: 0;
	outline: 0;
	padding: 0;
}
#sf-newsletter button{
	background-color: var(--sc-color-background-contrast);
	border: 0;
	margin: 0;
	padding: var(--sc-gutter-width);
}
#sf-newsletter .field{
	background-color: var(--sc-color-border);
	border: .1rem solid var(--sc-color-border);
	display: grid;
	grid-gap: .1rem;
	grid-template-columns: 1fr auto;
}
/* */
#sf-links{
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin: 0 auto;
	max-width: var(--sc-content-max-width);
}
@media only screen and (max-width: 735px){
	#sf-links{
		grid-template-columns: 1fr;
	}
}
@media only screen and (min-width: 735.1px){
	#sf-links{
		
	}
}
@supports(padding: max(0px)) {
	#sf-links{
		padding-left: max(0px, max(env(safe-area-inset-left),env(safe-area-inset-right)));
		padding-right: max(0px, max(env(safe-area-inset-left),env(safe-area-inset-right)));
	}
}