/*
Theme Name: Porsche Design System v3 for WordPress
Author: Porsche, SMBB Logiciel
Description: This WordPress theme implement Porsche Design System v3
Version: 1.3
Text Domain: pds3wp
*/


* {
	font-family: Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif
}


body {
    --theme-primary: #010205;
    --theme-background-base: #fff;
    --theme-background-surface: #eeeff2;
    --theme-background-shading: rgba(1,2,5,0.67);
    --theme-state-hover: rgba(148,149,152,0.18);
    --theme-contrast-medium: #6b6d70;
    --theme-contrast-low: #d8d8db;
    --theme-notification-success: #197e10;
    --theme-notification-error: #cc1922;
    --theme-custom-background-aside: #fff;
    --theme-custom-background-search: #fff;
    --theme-custom-background-header: hsla(0,0%,100%,0.79);
    --theme-custom-background-code: rgba(0,0,0,0.06);
    --theme-custom-teaser-gradient-1: #c5c8df;
    --theme-custom-teaser-gradient-2: #ebddf9;
    
}

body.light-mode {
    --theme-primary: #010205!important;
    --theme-background-base: #fff!important;
    --theme-background-surface: #eeeff2!important;
    --theme-background-shading: rgba(1,2,5,0.67)!important;
    --theme-state-hover: rgba(148,149,152,0.18)!important;
    --theme-contrast-medium: #6b6d70!important;
    --theme-contrast-low: #d8d8db!important;
    --theme-notification-success: #197e10!important;
    --theme-notification-error: #cc1922!important;
    --theme-custom-background-aside: #fff!important;
    --theme-custom-background-search: #fff!important;
    --theme-custom-background-header: hsla(0,0%,100%,0.79)!important;
    --theme-custom-background-code: rgba(0,0,0,0.06)!important;
    --theme-custom-teaser-gradient-1: #c5c8df!important;
    --theme-custom-teaser-gradient-2: #ebddf9!important;
    
}

body.dark-mode {
    --theme-primary: #fbfcff!important;
    --theme-background-base: #0e0e12!important;
    --theme-background-surface: #212225!important;
    --theme-background-shading: rgba(38,38,41,0.67)!important;
    --theme-state-hover: rgba(148,149,152,0.18)!important;
    --theme-contrast-medium: #88898c!important;
    --theme-contrast-low: #404044!important;
    --theme-notification-success: #09d087!important;
    --theme-notification-error: #fc4040!important;
    --theme-custom-background-aside: #212225!important;
    --theme-custom-background-search: #212225!important;
    --theme-custom-background-header: rgba(14,14,18,0.79)!important;
    --theme-custom-background-code: hsla(0,0%,100%,0.08)!important;
    --theme-custom-teaser-gradient-1: #010a28!important;
    --theme-custom-teaser-gradient-2: #010a28!important;
    
}

body {
    background: var(--theme-background-base);
    color: var(--theme-primary);
    margin: 0
}


a {
	text-decoration: none;
	color:black;
}

.hidden
{
	display:none;
}

@media (max-width: 760px)
{
	.mobile-hidden
	{
		display: none;
	}
}

#wrapper {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	overflow: hidden
}

#wrapper footer {
	margin-top: auto
}

.action-bar {
	display: block;
	overflow: hidden;
	max-width: 100%;
	width: 100%
}

.action-bar--sticky {
	z-index: 500;
	position: fixed;
	padding: 0;
	top: 0
}

.action-bar__wrapper {
	background-color: #212225;
	position: relative
}

.action-bar--sticky .action-bar__wrapper {
	background-color: #010205ab;
	box-shadow: 0 .5rem 2.5rem #00000029;
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px)
}

.action-bar__button {
	border-radius: 4px;
	padding: 4px;
	text-align: center;
	width: 12.5rem
}

@media (min-width: 1000px) {
	.action-bar__button {
		display:flex;
		align-items: center;
		justify-content: center;
		padding: 8px 0;
		margin: 0 16px
	}
}

.action-bar--sticky .action-bar__button {
	padding: 8px
}

.action-bar__button:hover {
	background-color: #9495982e;
	transition: background-color .24s ease 0s
}

.action-bar__button:active {
	background-color: #7e7f8233;
	transition: background-color .24s ease 0s
}

.action-bar__button-container {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-evenly;
	padding: 8px 0;
	margin: 0 8px
}

@media (min-width: 1000px) {
	.action-bar__button-container {
		align-items:center;
		justify-content: center;
		padding: 16px 0
	}
}

.action-bar__button-label {
	margin: 4px 0 0
}

@media (min-width: 1000px) {
	.action-bar__button-label {
		margin:0 0 0 8px
	}
}

.action-bar--sticky .action-bar__button-label {
	display: none
}

@media (min-width: 1000px) {
	.action-bar--sticky .action-bar__button-label {
		display:block
	}
}

.main-navigation {
	min-height: 5rem;
	max-height: 5rem;
	border-bottom: 1px solid #d8d8db
}

.main-navigation__base {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.main-navigation__container {
	padding: 0;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	margin: clamp(80px,7.5vw + 56px,200px) clamp(16px,1.25vw + 12px,36px) clamp(16px,1.25vw + 12px,36px)
}

@media (min-width: 480px) {
	.main-navigation__container {
		margin-top:clamp(48px,3vw + 38px,96px)
	}
}

.main-navigation__container li {
	list-style: none
}

.main-navigation__item {
	flex: 1;
	display: flex;
	justify-content: center
}

.main-navigation__item-main
{
	margin-right: auto;
}
.main-navigation__item-secondary
{
	margin-left: auto;
}

@media (min-width: 480px) {
	.main-navigation p-crest{ display:none; }
}
@media (max-width: 480px) {
	.main-navigation p-wordmark{ display:none; }
}



.pds-grid {
	margin: 0;
	display: grid;
	padding: 0 calc(50vw - 1280px);
	grid-gap: clamp(16px,1.25vw + 12px,36px);
	max-width: 2560px;
	min-width: 320px;
	box-sizing: content-box;
	grid-template-columns: [full-start] minmax(0,calc(var(--pds-internal-grid-safe-zone) - clamp(16px,1.25vw + 12px,36px))) [wide-start extended-start basic-start narrow-start] repeat(6,minmax(0,1fr)) [narrow-end basic-end extended-end wide-end] minmax(0,calc(var(--pds-internal-grid-safe-zone) - clamp(16px,1.25vw + 12px,36px))) [full-end];
	--pds-internal-grid-safe-zone: max(22px, 10.625vw - 12px);
	--pds-grid-basic-span-one-half: span 3;
	--pds-grid-basic-span-one-third: span 2;
	--pds-grid-narrow-span-one-half: span 3;
	--pds-grid-basic-span-two-thirds: span 4;
	--pds-grid-extended-span-one-half: span 3
}

@media (min-width: 760px) {
	.pds-grid {
		grid-template-columns:[full-start] minmax(0,calc(var(--pds-internal-grid-safe-zone) - clamp(16px,1.25vw + 12px,36px))) [wide-start] minmax(0,1fr) [extended-start] minmax(0,1fr) [basic-start] repeat(2,minmax(0,1fr)) [narrow-start] repeat(8,minmax(0,1fr)) [narrow-end] repeat(2,minmax(0,1fr)) [basic-end] minmax(0,1fr) [extended-end] minmax(0,1fr) [wide-end] minmax(0,calc(var(--pds-internal-grid-safe-zone) - clamp(16px,1.25vw + 12px,36px))) [full-end];
		--pds-internal-grid-safe-zone: calc(5vw - 16px);
		--pds-grid-basic-span-one-half: span 6;
		--pds-grid-basic-span-one-third: span 4;
		--pds-grid-narrow-span-one-half: span 4;
		--pds-grid-basic-span-two-thirds: span 8;
		--pds-grid-extended-span-one-half: span 7
	}
}

@media (min-width: 1920px) {
	.pds-grid {
		--pds-internal-grid-safe-zone: min(50vw - 880px, 400px)
	}
}

.pds-grid--no-gap {
	grid-row-gap: 0
}

.pds-grid__full {
	grid-column: full-start/full-end
}

@media (min-width: 760px) {
	.pds-grid__full-one-third--left {
		grid-column:full-start/span 4
	}
}

@media (min-width: 760px) {
	.pds-grid__full-two-thirds--right {
		grid-column:span 12/full-end
	}
}

.pds-grid__wide,.pds-grid__wide-two-thirds-right,.pds-grid__wide-one-third-left {
	grid-column: wide-start/wide-end
}

@media (min-width: 1000px) {
	.pds-grid__wide-one-third-left {
		grid-column:wide-start/span 4
	}
}

@media (min-width: 1000px) {
	.pds-grid__wide-two-thirds-right {
		grid-column:span 12/wide-end
	}
}

.pds-grid__extended,.pds-grid__extended-half {
	grid-column: extended-start/extended-end
}

@media (min-width: 760px) {
	.pds-grid__extended-half--left,.pds-grid__extended-half:first-of-type {
		grid-column:extended-start/var(--pds-grid-extended-span-one-half)
	}
}

@media (min-width: 760px) {
	.pds-grid__extended-half--right,.pds-grid__extended-half:last-of-type {
		grid-column:var(--pds-grid-extended-span-one-half)/extended-end
	}
}

.pds-grid__basic,.pds-grid__basic-third,.pds-grid__basic-half {
	grid-column: basic-start/basic-end
}

@media (min-width: 760px) {
	.pds-grid__basic-half--left,.pds-grid__basic-half:first-of-type {
		grid-column:basic-start/var(--pds-grid-basic-span-one-half)
	}
}

@media (min-width: 760px) {
	.pds-grid__basic-half--right,.pds-grid__basic-half:last-of-type {
		grid-column:var(--pds-grid-basic-span-one-half)/basic-end
	}
}

@media (min-width: 760px) {
	.pds-grid__basic-third--left {
		grid-column:basic-start/var(--pds-grid-basic-span-one-half)
	}
}

@media (min-width: 1300px) {
	.pds-grid__basic-third--left {
		grid-column:basic-start/var(--pds-grid-basic-span-one-third)
	}
}

@media (min-width: 760px) {
	.pds-grid__basic-third--center {
		grid-column:var(--pds-grid-basic-span-one-half)/basic-end
	}
}

@media (min-width: 1300px) {
	.pds-grid__basic-third--center {
		grid-column:var(--pds-grid-basic-span-one-third)
	}
}

@media (min-width: 760px) {
	.pds-grid__basic-third--right {
		grid-column:basic-start/var(--pds-grid-basic-span-one-half)
	}
}

@media (min-width: 1300px) {
	.pds-grid__basic-third--right {
		grid-column:var(--pds-grid-basic-span-one-third)/basic-end
	}
}

.pds-grid__dynamic {
	grid-column: wide-start/wide-end
}

@media (min-width: 760px) {
	.pds-grid__dynamic {
		grid-column:extended-start/extended-end
	}
}

@media (min-width: 1000px) {
	.pds-grid__dynamic {
		grid-column:basic-start/basic-end
	}
}



section.component {
	position: relative;
	overflow: hidden;
	max-width: 100%;
	width: 100%;
	padding: 0;
	display: block;
	margin-top: clamp(80px,7.5vw + 56px,200px);
}

section.component.less-margin-top
{
	margin-top: clamp(40px,3.75vw + 28px,100px);
}

section.component.mini-margin-top
{
	margin-top: 1em;
}


section.component:has(.dwaas-wrapper) {
	min-height: 200px
}

@media (min-width: 760px) {
	section.component:has(.dwaas-wrapper) {
		min-height:100px
	}
}

section.component.Main-Navigation-container {
	margin: 0;
	overflow: visible
}

section.component.Stage-Header-container .initial-container--default {
	aspect-ratio: 8/9
}

@media (min-width: 760px) {
	section.component.Stage-Header-container .initial-container--default {
		aspect-ratio:12/5
	}
}

@supports not (aspect-ratio: 8/9) {
	section.component.Stage-Header-container .initial-container--default:before {
		float:left;
		padding-top: 112.5%;
		content: ""
	}

	@media (min-width: 760px) {
		section.component.Stage-Header-container .initial-container--default:before {
			padding-top:41.6666%
		}
	}

	section.component.Stage-Header-container .initial-container--default:after {
		display: block;
		content: "";
		clear: both
	}
}

section.component.Stage-Header-container .initial-container--slim {
	aspect-ratio: 4/3
}

@media (min-width: 760px) {
	section.component.Stage-Header-container .initial-container--slim {
		aspect-ratio:24/5
	}
}

@supports not (aspect-ratio: 4/3) {
	section.component.Stage-Header-container .initial-container--slim:before {
		float:left;
		padding-top: 75%;
		content: ""
	}

	@media (min-width: 760px) {
		section.component.Stage-Header-container .initial-container--slim:before {
			padding-top:20.8333%
		}
	}

	section.component.Stage-Header-container .initial-container--slim:after {
		display: block;
		content: "";
		clear: both
	}
}

section.component.Text-Element-container {
	transform: translateZ(0);
	-webkit-transform: translate3d(0,0,0)
}

section.component.Text-Picture-Element-container {
	overflow: visible
}

section.component.Chat-Feature-container {
	margin: 0
}

section.component.Footer-Navigation-container {
	overflow: visible
}

.full-width-breaker {
	margin: 0 -8%
}

section.component.Stage-Header-container
{
	margin-top: 0;
}

.top-spacer
{
	margin-bottom: 1em;
}

.bottom-spacer
{
	margin-bottom: 1em;
}

.inline-block-container
{
	grid-row: cta-block !important;
}

.inline-block-container .inline-item
{
	float:left !important;
}

.inline-block-container .inline-item-right
{
	float:right !important;
}

.inline-block-container:after {
	content: '';
	display: block;
	clear: both;
}

a.underline
{
	text-decoration: underline;
}

.fullgrid-text-container
{
	grid-template-rows: [content-block] max-content [input-block] var(--pcom-spacing-xx-large)var(--pcom-spacing-large) [image-block] max-content [bottom-spacing] var(--pcom-spacing-xx-large);
	grid-column: basic-start/var(--pds-grid-basic-span-one-half);
	margin: var(--pcom-spacing-medium);
	grid-row: content-block;
}

/* video header */

.video-header
{
	background:black;
}
.video-header video
{
	height: 500px;
	object-fit: cover;
	width:100%;

}

.video-header .content {
	position: absolute;
	bottom:100px;
	width:100%;
}

.video-header .content h1.title
{
	font-size:3em;
	color:white;
	font-weight: 300;
	margin:0 0 0.2em 0;
}

@media (min-width: 760px)
{
	.video-header .content h1.title
	{
		font-size: 6em;
	}
}

.video-pause-responsive-button
{
	width: 30px;
	height: 30px;
	margin-top:30px;
	margin-bottom:30px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	box-sizing: border-box;
	outline: 0px;
	text-align: left;
	appearance: none;
	text-decoration: none;
	border: 2px solid rgb(251, 252, 255);
	border-radius: 4px;
	transform: translate3d(0px, 0px, 0px);
	background-color: transparent;
	color: rgb(251, 252, 255);
	font: 400 1rem / calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
	overflow-wrap: break-word;
	hyphens: auto;
	transition: background-color var(--p-transition-duration, .24s) ease,border-color var(--p-transition-duration, .24s) ease,color var(--p-transition-duration, .24s) ease;
	gap: 0px;
	cursor: pointer;
	float:right;
}


@media (min-width: 760px) {
	.video-pause-responsive-button
	{
		margin-top:0;
		width: 54px;
		height: 54px;
		padding: 13px;

	}



}

/* Slider */
.slick-slider
{
	position: relative;

	display: block;
	box-sizing: border-box;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list
{
	position: relative;

	display: block;
	overflow: hidden;

	margin: 0;
	padding: 0;
}
.slick-list:focus
{
	outline: none;
}
.slick-list.dragging
{
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track
{
	position: relative;
	top: 0;
	left: 0;

	display: block;
	margin-left: auto;
	margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
	display: table;

	content: '';
}
.slick-track:after
{
	clear: both;
}
.slick-loading .slick-track
{
	visibility: hidden;
}

.slick-slide
{
	display: none;
	float: left;

	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide
{
	float: right;
}
.slick-slide img
{
	display: block;
}
.slick-slide.slick-loading img
{
	display: none;
}
.slick-slide.dragging img
{
	pointer-events: none;
}
.slick-initialized .slick-slide
{
	display: block;
}
.slick-loading .slick-slide
{
	visibility: hidden;
}
.slick-vertical .slick-slide
{
	display: block;

	height: auto;

	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}


.slick-loading .slick-list
{
	background: #fff url('assets/image/ajax-loader.gif') center center no-repeat;
}

/* Arrows */
.slick-prev,
.slick-next
{
	font-size: 0;
	line-height: 0;

	position: absolute;
	top: 50%;

	display: block;

	width: 20px;
	height: 20px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);

	cursor: pointer;

	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
	color: transparent;
	outline: none;
	background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
	opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
	opacity: .25;
}

.slick-prev:before,
.slick-next:before
{

	font-size: 20px;
	line-height: 1;

	opacity: .75;
	color: white;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/* Dots */
.slick-dotted.slick-slider
{
	margin-bottom: 30px;
}

.slick-dots
{
	position: absolute;
	bottom: -25px;

	display: block;

	width: 100%;
	padding: 0;
	margin: 0;

	list-style: none;

	text-align: center;
}
.slick-dots li
{
	position: relative;

	display: inline-block;

	width: 20px;
	height: 20px;
	margin: 0 5px;
	padding: 0;

	cursor: pointer;
}
.slick-dots li button
{
	font-size: 0;
	line-height: 0;

	display: block;

	width: 20px;
	height: 20px;
	padding: 5px;

	cursor: pointer;

	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
	outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
	opacity: 1;
}
.slick-dots li button:before
{
	font-family: 'slick';
	font-size: 6px;
	line-height: 20px;

	position: absolute;
	top: 0;
	left: 0;

	width: 20px;
	height: 20px;

	content: '•';
	text-align: center;

	opacity: .25;
	color: black;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
	opacity: .75;
	color: black;
}


.slider-item
{
	height: 500px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: flex;


}


.slider-item
{
	min-height:calc(100vh - 80px);
}



@media (max-width: 2100px)
{
	.slider-item
	{
		min-height:60vh;
	}
}



.slider-item-content
{
	align-self: flex-end;
	margin: 0vh 10vh 8vh 10vh;
}

.slider-item-content h3
{
	font: normal normal 400 clamp(1.8rem,2.41vw + 1.32rem,4.21rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
	color: #fbfcff;
	margin: 0;
}

.slick-slider
{
	margin:0 !important;
}

.slick-dots {
	position: absolute;
	bottom: 2.75vh !important;
	padding: 0 0 8px;
	list-style: none;
	text-align: center;
	width: 100%;
}
.slick-dots li {
	display: inline-block;
	margin: 0 5px;
	border-radius: 8px;
	background: #88898c;
	cursor: pointer;
	width: 8px !important;
	height: 8px !important;

}

.slick-dots li:hover
{
	border: 1px solid white;
}

.slick-dots li.slick-active {
	background: #fff;
	width:20px !important;
}

.slick-dots li.slick-active:hover
{
	border:0;
}

.slick-dots li button:before
{
	display:none;
}

.slider button.slick-prev, .slider button.slick-next {
	display: none !important;
}
@media (min-width: 568px) {
	.slider button.slick-prev, .slider button.slick-next {
		display: block;
	}
}

.teaser button.slick-prev, .teaser button.slick-next {
	display: none;
}
@media (min-width: 568px) {
	.teaser button.slick-prev, .teaser button.slick-next {
		display: none !important;
		opacity: 0;
	}
}


.slick-arrow
{
	z-index:100;
	filter: invert(100%) sepia(91%) saturate(38%) hue-rotate(254deg) brightness(110%) contrast(110%);
}
.slick-prev
{
	left:10px !important;
	width:35px !important;
	height:35px !important;
}
.slick-next
{
	right:10px !important;
	width:35px !important;
	height:35px !important;
}

.slick-next:before,
.slick-prev:before
{
	content:'' !important;
}

.slick-arrow:hover
{
	background:rgba(0,0,0,0.25) !important;
	border-radius: 4px;
}



/* image grid */
.media-image {
	display: block
}

.media-image img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	visibility: hidden
}

.media-image img.lazyloaded {
	visibility: visible
}

@media not all and (-webkit-min-device-pixel-ratio: 0),not all and (min-resolution: .001dpcm) {
	@supports (-webkit-appearance: none) and (stroke-color: transparent) {
		.media-image {
			position:relative
		}

		.media-image.aspect-ratio-24-5 {
			padding-top: 20.8333%
		}

		.media-image.aspect-ratio-12-5 {
			padding-top: 41.6666%
		}

		.media-image.aspect-ratio-16-9 {
			padding-top: 56.25%
		}

		.media-image.aspect-ratio-2-3 {
			padding-top: 66.66%
		}

		.media-image.aspect-ratio-4-3 {
			padding-top: 75%
		}

		.media-image.aspect-ratio-1-1 {
			padding-top: 100%
		}

		.media-image.aspect-ratio-8-9 {
			padding-top: 112.5%
		}

		.media-image.aspect-ratio-4-5 {
			padding-top: 125%
		}

		.media-image.aspect-ratio-3-4 {
			padding-top: 133.33333%
		}

		.media-image[class*=aspect-ratio-] img {
			position: absolute;
			top: 0
		}
	}
}

.image-grid__headline {
	margin-bottom: clamp(32px,2.75vw + 23px,76px)
}

.image-grid__slide {
	height: 100%
}


.image-grid__grid :nth-child(3n+1) {
	grid-column:inherit;
}

.image-grid__grid :nth-child(3n+2),.image-grid__grid :nth-child(3n+3) {
	grid-column: inherit;
}

@media (max-width: 760px)
{
	.image-grid__grid :nth-child(2n)
	{
		grid-column: span 3
	}
	.image-grid__grid :nth-child(2n+1)
	{
		grid-column: 2/span 3
	}
}

@media (min-width: 760px)
{
	.image-grid__grid :nth-child(3n+1) {
		grid-column: 4/span 4
	}

	.image-grid__grid :nth-child(3n+2),.image-grid__grid :nth-child(3n+3) {
		grid-column: span 4
	}
}

.image-grid-tile {
	display: flex;
	flex-flow: column;
	height: 100%
}

.image-grid-tile__img img {
	border-radius: 8px
}

.image-grid-tile__content {
	padding: 16px;
	display: flex;
	flex-flow: column;
	flex: 1 1 auto;
	height: 100%
}

@media (min-width: 1000px) {
	.image-grid-tile__content {
		padding:32px
	}
}

.image-grid-tile__title,.image-grid-tile__description {
	margin-bottom: 16px
}

.image-grid-tile__button {
	display: block;
	margin-top: auto
}

@media (min-width: 1000px) {
	.image-grid-tile__button {
		width:-moz-fit-content;
		width: fit-content
	}
}

.image-grid-tile__title h3
{
	font: 600 clamp(1.27rem, 0.51vw + 1.16rem, 1.78rem) / calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
	margin: 0;
}

.image-grid-tile__description p
{
	margin-top: 0;
}

.text-element__heading {
	margin-bottom: clamp(32px,2.75vw + 23px,76px)
}


.full-width-mobile  {
	display: block;
	margin-top: auto
}

@media (min-width: 760px) {
	.full-width-mobile {
		width:-moz-fit-content;
		width: fit-content
	}
}

/* configurator */
.configurator-teaser__price p, .configurator-teaser__button
{
	text-align:center;
}




/* external links block */
.external-links__links {
	padding: 0;
	margin: 0;
}

@media (min-width: 480px)
{
	.external-links__link {
		display: inline-block !important;
		margin-right: 32px;
	}
}

.external-links__link {
	display: block;
	margin-bottom: 16px;
}

/* footer */
.footer-navigation {
	background: #0e0e12;
	padding: 48px 0;

}

.footer-navigation *
{
	color: #fff !important;
}

.footer-navigation__language {
	margin-bottom: 16px
}

@media (min-width: 480px) {
	.footer-navigation__language {
		max-width:18.75rem
	}
}

.footer-navigation__copyright {
	display: inline-block;
	margin: 0 16px 16px 0
}

.footer-navigation__link {
	margin-right: 16px
}

.footer-navigation__disclaimer {
	margin-top: 16px
}

.footer-navigation__wordmark {
	display: flex;
	justify-content: center;
	margin: 48px 0 80px;
	height: 16px
}

.social-links p-link
{
	margin-bottom: 13px;
	margin-right: 13px;
}


footer .divider
{
	padding-bottom: 3rem;
	padding-top: 3rem;
	text-align: center;
}

footer hr
{
	margin: 0px;
	padding: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border: none;
	text-align: left;
	background: rgb(64, 64, 68);
	height: 1px;
	width: 100%;
}

/* carousel */

.carousel-item-quarter-responsive
{
	width: 55vw;
}

@media (min-width: 760px)
{
	.carousel-item-quarter-responsive
	{
		width: 22vw;
	}
}

/* forms */

.form__select-nested,.form__row-spacing {
	margin-top: clamp(16px,1.25vw + 12px,36px)
}


/* footer */

@media (min-width: 760px)
{
	footer .footer-section
	{
		padding-bottom: 3rem;
	}
}


.footer-copyright p-divider hr
{
	padding-bottom: 3rem !important;
	padding-top: 3rem !important;
}

footer p-text
{
	margin-top: 0.5rem !important;
	margin-bottom: 0.5rem !important;
}

.footer-copyright a
{
	text-decoration: underline;
}

.footer-copyright a:hover
{
	color:red !important;
}


/* search form */
.pds-grid__right-image-half
{
	grid-column: basic-start/basic-end;
}
@media (min-width: 760px)
{
	.pds-grid__right-image-half
	{
		grid-column: 11;
	}
}

/* menu */

.secondary-navigation__menu.user
{

	margin-right: 20px;
}


/* menu slider */

#main-menu
{
	margin:0;
	position: fixed;
	z-index:9997;
	font-size: 1.25rem;
}

#main-menu.opened .back
{
	position: fixed;
	height: 100vh;
	margin: 0;
	top:0;
	left:0;
	width:110vw;
	display: none;
}

#main-menu.opened .back
{
	backdrop-filter: blur(32px);
	background-color:rgba(0, 0, 0, 0.6);

	z-index:9998;
	display: block;
}

#main-menu.opened
{
	transform: translate(0%, 0);
}

#main-menu .container
{
	position:fixed;
	top:0;
	left:0;
	margin:0;
	width: 672px;
	height: 100vh;

	background: #fff;
	list-style-type: none;
	-webkit-font-smoothing: antialiased;

	transform-origin: 0% 0%;
	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
	transform: translate(-100%, 0);

	z-index:9999;
}

#main-menu.opened .container
{
	transform: translate(0, 0);
}

@media (max-width: 760px)
{
	#main-menu .container
	{
		width: 100vw;
	}
}

#main-menu .close
{
	position:fixed;
	top:28px;
	left:700px;
	display: none;
}

#main-menu.opened .close
{
	display: block;
}

#main-menu .close-mobile, #main-menu .mobile-header
{
	display: none;
}

#main-menu .level2
{
	font-size: 1.125rem;
}


@media (max-width: 760px)
{
	#main-menu .close-mobile
	{
		display: block;
		text-align: right;
		padding: 20px
	}

	#main-menu .mobile-header
	{
		display: flex;
	}

	#main-menu .mobile-header .btnBack
	{
		flex: 1;
		padding: 20px;
	}

	#main-menu .mobile-header .title
	{
		flex: 10;
		padding: 20px;
		text-align: center;
		font-weight: bold;
	}

	#main-menu .mobile-header .btnClose
	{
		flex: 1;
		padding: 20px;
	}

	#main-menu .level1 {
		height: calc(100vh - 80px);
		padding: 0 1.6875rem 6.25rem 1.6875rem;
	}

	#main-menu .level2 {
		height: calc(100vh - 80px);
		padding: 0 1.6875rem 6.25rem 0;
	}



}





@media (min-width: 760px)
{
	#main-menu .levels {
		display: flex;
	}

	#main-menu .level1 {
		flex: 1;
		padding: 27px 38px 27px 27px;
		height: 100vh;
	}

	#main-menu .level2 {
		flex: 1;
		padding: 40px 18px;
		background: #EEEFF2;
		height: 100vh;
	}
}




@media (max-width: 760px)
{
	#main-menu .level2
	{
		position:fixed;
		top:0;
		left:0;
		margin:0;
		width: 100%;
		height: 100vh;
		background: white;

		transform-origin: 0% 0%;
		transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
		transform: translate(-100%, 0);
	}

	#main-menu .level2.displayed
	{
		transform: translate(0, 0);
	}
}





#main-menu .level2 .section
{
	display: none;
}
#main-menu .level2 .section.active
{
	display: block;
}


#main-menu .level1 ul, #main-menu .level1 li,
#main-menu .level2 ul, #main-menu .level2 li
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#main-menu .sub-container
{
	/*margin: 8px;*/
}

#main-menu .level1 a
{
	display: block;
	height: 52px;
	color: rgb(1, 2, 5);
	line-height: 56px;
	padding:0 8px;
	background: #fff;
	border-radius: 4px;
	margin-top: 2.25rem;
	display: flex;
	align-items: center;
	font-weight: 400;
}

#main-menu .level2 a
{
	display: inline-block;
	margin-top: 1.25rem;
	margin-left: 1.25rem;
	border-radius: 4px;
	padding: 0 10px;
}

#main-menu .level2 a:hover
{
	background: #dedfe1;
}

#main-menu .level1 a .label
{
	flex: 10;
}

#main-menu .level1 a p-icon
{
	flex: 1;
}

#main-menu .level1 a.active,
#main-menu .level1 a:hover
{
	background: #ececec;
}



@media (min-width: 760px)
{
	#main-menu .level1 a.active,
	#main-menu .level1 a:hover
	{
		background: #ececec;
	}

	#main-menu .level1
	{
		padding-top: 3.5rem;
	}

	#main-menu .level2
	{
		padding-top: 4.5rem;
	}
}




@media (min-width: 1000px)
{

	#main-menu .container
	{
		width: 680px;
	}

	#main-menu .close
	{
		left: 710px;
	}

	#main-menu .level1 a
	{
		margin-top: 0.75rem;
	}

	#main-menu .level1
	{
		padding: 55px 27px;
		padding-top: 5.00rem;
	}


}


@media (min-width: 1300px)
{

	#main-menu .container
	{
		width: 810px;
	}

	#main-menu .close
	{
		left: 838px;
	}

	#main-menu .level1
	{
		padding: 55px 50px;
		padding-top: 5.00rem;
	}

	#main-menu .level2
	{
		padding: 55px 50px;
		padding-top: 5.00rem;
	}

}

@media (max-width: 760px)
{
	#main-menu .level1 a
	{
		margin-top: 0;
	}

	#main-menu .level1 a
	{
		height: 29px;
		margin-bottom: 2.25rem;
	}

	#main-menu .level2 a
	{
		margin-top: 0;
		font-size: 0.9rem;
	}

	#main-menu .level2 a
	{
		min-height: 28px;
		margin-bottom: 1rem;
	}
}



#main-menu .level1, #main-menu .level2
{
	overflow: auto;
}

#main-menu .level2 a.image-link img
{
	max-width: 196px;
}
#main-menu .level2 a.image-link .label
{
	display: none;
}

#main-menu .level2 a.image-link,
#main-menu .level2 a.image-link img,
#main-menu .level2 a.image-link .label
{
	text-align: center;
}

#main-menu .level2 a.image-link
{
	display: block;
}

#main-menu .level2 .inside-bloc
{
	background: white;
	border-radius: 0.75rem;
	padding: 1rem;
	font-size: 1rem;
}

#main-menu .level2 .inside-bloc a
{
	margin: 0.5em 0;
}

#main-menu .level2 a img.icon
{
	width: calc(6px + 2.125ex);
	height: calc(6px + 2.125ex);
	vertical-align: top;
}

/* map */
.map-action-links__wrapper {
	border-radius: 12px;
	overflow: hidden;
	transform: translateZ(0)
}

@media (min-width: 1000px) {
	.map-action-links__wrapper {
		min-height:36.875rem;
		display: flex
	}
}

.map-action-links__map {
	padding: 0;
	background: #0e0e12;
	min-height: 10.9375rem;
	position: relative
}

@media (min-width: 1000px) {
	.map-action-links__map {
		height:auto;
		width: 66.6666%
	}
}

.map-action-links__map-inner {
	width: 100%;
	height: 100%
}

.map-action-links__links {
	background: #0e0e12;
	padding: clamp(48px,3vw + 38px,96px) clamp(32px,2.75vw + 23px,76px);
	display: flex;
	flex-direction: column;
	justify-content: center
}

@media (min-width: 1000px) {
	.map-action-links__links {
		width:33.3333%
	}
}

.map-action-links__links--title,.map-action-links__link {
	margin-bottom: clamp(16px,1.25vw + 12px,36px)
}

.map-action-links__link:last-of-type {
	margin-bottom: 0
}


/* titles */
h1
{
	font: 600 clamp(1.6rem, 1.56vw + 1.29rem, 3.16rem) / calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
}

/* woocommerce */

.woocommerce-terms-and-conditions-checkbox-text a
{
	text-decoration: underline;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.mini-cart-porsche-menu #respond input#submit,
.mini-cart-porsche-menu a.button,
.mini-cart-porsche-menu button.button,
.mini-cart-porsche-menu input.button
{
	background: black;
	color: white;
	gap: 8px;
	padding: 13px 26px;
	font-weight: normal;
	box-sizing: border-box;
	min-width: 54px;
	min-height: 54px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	transition: background var(--p-transition-duration, 0.24s) ease;

}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt
{
	background: black;
}

.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled],
.mini-cart-porsche-menu #respond input#submit.disabled,
.mini-cart-porsche-menu #respond input#submit:disabled,
.mini-cart-porsche-menu #respond input#submit:disabled[disabled],
.mini-cart-porsche-menu a.button.disabled,
.mini-cart-porsche-menu a.button:disabled,
.mini-cart-porsche-menu a.button:disabled[disabled],
.mini-cart-porsche-menu button.button.disabled,
.mini-cart-porsche-menu button.button:disabled,
.mini-cart-porsche-menu button.button:disabled[disabled],
.mini-cart-porsche-menu input.button.disabled,
.mini-cart-porsche-menu input.button:disabled,
.mini-cart-porsche-menu input.button:disabled[disabled]
{
	color:white;
}

.woocommerce .quantity .qty
{
	min-height: 49px;
}

#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text
{
	min-height: 54px;
	min-width: 150px;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.mini-cart-porsche-menu  #respond input#submit:hover,
.mini-cart-porsche-menu  a.button:hover
{
	background: rgb(83, 84, 87);
	color:white;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.mini-cart-porsche-menu  button.button.alt,
.mini-cart-porsche-menu  input.button.alt
{
	background: black;
	color: white;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.mini-cart-porsche-menu #respond input#submit.alt:hover,
.mini-cart-porsche-menu a.button.alt:hover,
.mini-cart-porsche-menu button.button.alt:hover,
.mini-cart-porsche-menu input.button.alt:hover
{
	background: black;
	color: white;
}

.woocommerce ul.products li.product .price
{
	color: rgb(83, 84, 87);
}

.woocommerce ul.products li.product .woocommerce-placeholder
{
	border: 0;
}

.woocommerce ul.products li.product a img
{
	border: 1px solid #fafafa;
	background: #fafafa;
	border-radius: 8px;
}

.woocommerce div.product p.price, .woocommerce div.product span.price
{
	color: black;
}


.woocommerce .cart .button, .woocommerce .cart input.button
{
	margin-right: 1em;
}

/* edit page */
a.post-edit-link
{
	background: black;
	color: white;
	gap: 8px;
	padding: 13px 26px;
	font-weight: normal;
	box-sizing: border-box;
	min-width: 54px;
	min-height: 54px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	transition: background var(--p-transition-duration, 0.24s) ease;
	width: 100px;
	border-radius: 3px;
}

/* woocommerce header numeric badge for shopping cart */
.badge-num
{
	background: rgb(83, 84, 87);
	color: white;
	border-radius: 50%;
	width: 26px;
	height: 26px;
	display: inline-table;
	vertical-align: middle;
	text-align: center;
	font-size: 13px;
}


.alt-note
{
	opacity: 0.7 !important;
	font-size: 0.8em;
}

/* woocommerce form */


.woocommerce-input-wrapper input,
.woocommerce-input-wrapper textarea,
.input-text-container input,
.input-text-container textarea,
.yith-wapo-block select,
.yith-wapo-option input[type=text],
.yith-wapo-option input[type=number]
{
	display: block !important;
	width: 100% !important;
	min-height: calc(6px + 2.125ex + 10px + 4px + 16px) !important;
	margin: 0px !important;
	outline: 0px !important;
	appearance: none !important;
	box-sizing: border-box !important;
	border: 2px solid rgb(107, 109, 112) !important;
	border-radius: 4px !important;
	background: transparent !important;
	font: 400 1rem / calc(6px + 2.125ex + 6px) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif !important;
	text-indent: 0px !important;
	color: rgb(1, 2, 5) !important;
	transition: color var(--p-transition-duration, .24s) ease,border-color var(--p-transition-duration, .24s) ease,background-color var(--p-transition-duration, .24s) ease !important;
	padding: 8px 16px 8px 16px !important;

}

.woocommerce-input-wrapper input[type=radio]
{
	display: inline-block !important;


	font-size: 1.25em !important;
	width: calc(6px + 2.125ex) !important;
	height: calc(6px + 2.125ex) !important;

	margin-right: 0.5em !important;

	appearance: none !important;
	background-color: #fff !important;
	color: black !important;
	border: 2px solid rgb(107, 109, 112) !important;
	border-radius: 50% !important;

	display: grid !important;
	place-content: center!important;

	cursor: pointer!important;

	padding: 0 !important;
	min-height: calc(6px + 2.125ex) !important;


}

.woocommerce-input-wrapper input[type=radio]:hover
{
	border-color: rgb(1, 2, 5) !important;
}

.woocommerce-input-wrapper input[type=radio]:checked
{
	border-color: rgb(1, 2, 5) !important;
	background-color: rgb(1, 2, 5) !important;
}

.woocommerce-input-wrapper input[type=radio]::before
{
	content: "" !important;
	width: 0.7em !important;
	height: 0.7em !important;
	border-radius: 50% !important;
	transform: scale(0) !important;
	transition: 120ms transform ease-in-out !important;
	background: white !important;
}

.woocommerce-input-wrapper input[type=radio]:checked::before
{
	transform: scale(0.8) !important;
}

.woocommerce-input-wrapper
{
	display: flex;
}

.woocommerce-input-wrapper input[type=radio],
.woocommerce-input-wrapper label
{

}

.woocommerce-input-wrapper label
{
	margin-right: 2em !important;
}

.yith-wapo-option .checkbox-button-container
{
	display: flex;
	align-items: center;
	justify-content: center;
}

.yith-wapo-option .option-container input[type=checkbox]
{
	font-size: 1.25em;
	width: 1.25em;
	height: 1.25em;
	margin: 0;
	margin-right: 1em !important;

	appearance: none;
	background-color: #fff;


	color: black;
	border: 0.15em solid black;
	border-radius: 0.15em;
	transform: translateY(-0.075em) translateX(0.030em);

	display: grid;
	place-content: center;
}

.yith-wapo-option .option-container input[type=checkbox]::before
{
	content: "";
	width: 0.65em;
	height: 0.65em;
	transform: scale(0);
	transition: 120ms transform ease-in-out;
	background: black;
}

.yith-wapo-option .option-container input[type=checkbox]:checked::before
{
	transform: scale(1);
}

.yith-wapo-option input[type=checkbox] .radio-button-container label
{

}

.yith-wapo-option .radio-button-container
{
	display: flex;
	align-items: center;
	justify-content: center;
}


.yith-wapo-option .radio-button-container input[type=radio]
{

	font-size: 1.25em;
	width: 1.25em;
	height: 1.25em;
	margin-right: 1em;

	appearance: none;
	background-color: #fff;
	color: black;
	border: 0.15em solid black;
	border-radius: 50%;

	display: grid;
	place-content: center;

	cursor: pointer;
}

.yith-wapo-option .radio-button-container input[type=radio]::before
{
	content: "";
	width: 0.75em;
	height: 0.75em;
	border-radius: 50%;
	transform: scale(0);
	transition: 120ms transform ease-in-out;
	background: black;
}

.yith-wapo-option .radio-button-container input[type=radio]:checked::before
{
	transform: scale(0.8);
}



.yith-wapo-ajax-uploader-container .button
{
	background: white;
	color: rgb(1, 2, 5);
	border: 2px solid rgb(1, 2, 5);
	font: 400 1rem / calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
	font-size: 1rem !important;
	margin-top: 0.5em;
	top: -5px;
	position: relative;
}

.woocommerce-input-wrapper .select2-container--default .select2-selection--single
{
	border: 2px solid rgb(107, 109, 112) !important;
	border-radius: 4px !important;
	padding: 8px 16px 8px 16px !important;
	min-height: calc(6px + 2.125ex + 10px + 4px + 16px) !important;
}

.woocommerce-input-wrapper .select2-container .select2-selection--single .select2-selection__rendered
{
	padding-left: 0;
	line-height: inherit;
}

.woocommerce-input-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow
{
	height: calc( 2.125ex + 10px + 4px + 16px) !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b
{
	border-color: rgb(107, 109, 112) transparent transparent transparent;
}

.select2-container--open .select2-dropdown--below
{
	border-bottom: 2px solid rgb(107, 109, 112) !important;
	border-left: 2px solid rgb(107, 109, 112) !important;
	border-right: 2px solid rgb(107, 109, 112) !important;
}


.yith-wapo-addon-type-text input.length-error
{
	border-color: red !important;
}

.yith-wapo-block .yith-wapo-addon .wapo-error
{
	color: red !important;
}

p-fieldset-wrapper p-radio-button-wrapper,
p-fieldset-wrapper p-checkbox-wrapper,
p-fieldset p-radio-button-wrapper,
p-fieldset p-checkbox-wrapper
{
	margin-top: 16px;
}
p-fieldset-wrapper p-radio-button-wrapper:first-child,
p-fieldset-wrapper p-checkbox-wrapper:first-child,
p-fieldset p-radio-button-wrapper:first-child,
p-fieldset p-checkbox-wrapper:first-child
{
	margin:0;
}

/* drop zone */
@-webkit-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@-moz-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@-moz-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-moz-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px;border:2px solid rgba(0,0,0,.3);background:#fff;padding:20px 20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:.5}.dropzone .dz-message{text-align:center;margin:2em 0}.dropzone .dz-message .dz-button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom, #eee, #ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:#fff}.dropzone .dz-preview.dz-image-preview .dz-details{-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-ms-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(0,0,0,.9);line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,.8);background-color:rgba(255,255,255,.8)}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,.4);padding:0 .4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{-webkit-transform:scale(1.05, 1.05);-moz-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);-o-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05);-webkit-filter:blur(8px);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{-webkit-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;-webkit-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;-webkit-transition:opacity 0.4s ease-in;-moz-transition:opacity 0.4s ease-in;-ms-transition:opacity 0.4s ease-in;-o-transition:opacity 0.4s ease-in;transition:opacity 0.4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation:pulse 6s ease infinite;-moz-animation:pulse 6s ease infinite;-ms-animation:pulse 6s ease infinite;-o-animation:pulse 6s ease infinite;animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:16px;left:50%;top:50%;margin-top:-8px;width:80px;margin-left:-40px;background:rgba(255,255,255,.9);-webkit-transform:scale(1);border-radius:8px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#333;background:linear-gradient(to bottom, #666, #444);position:absolute;top:0;left:0;bottom:0;width:0;-webkit-transition:width 300ms ease-in-out;-moz-transition:width 300ms ease-in-out;-ms-transition:width 300ms ease-in-out;-o-transition:width 300ms ease-in-out;transition:width 300ms ease-in-out}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;-webkit-transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;-ms-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;transition:opacity 0.3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#be2626;background:linear-gradient(to bottom, #be2626, #a92222);padding:.5em 1.2em;color:#fff}.dropzone .dz-preview .dz-error-message:after{content:"";position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #be2626}

.dropzone
{
	border: 2px solid rgb(107, 109, 112) !important;
	border-radius: 4px !important;
	background: #eee !important;
	padding: 0;
	min-height: 212px;
}



.dropzone:hover
{
	border: 2px solid rgb(107, 109, 112) !important;
}

.dropzone.status
{
	border: 2px solid rgb(107, 109, 112) !important;
}

.dropzone.status.error
{
	border: 2px solid rgb(204, 25, 34) !important;
}
.dropzone.status.success
{
	border: 2px solid rgb(25, 126, 16) !important;
	background: #fff !important;
}
.dropzone .dz-message
{
	margin: 0.5em;
}

.dropzone .dz-message,
.dropzone .dz-message .dz-button
{
	text-align: left;
}

.dropzone-wrapper .message .success
{
	color: rgb(25, 126, 16) !important;
}

.dropzone-wrapper .message .error
{
	color: rgb(204, 25, 34) !important;
}

.dropzone .small
{
	font-size: 0.8em;
	opacity: 0.8;
}

.form-help-link
{
	opacity: 0.7;
	text-decoration: underline;
}

.form-help-link:hover
{
	opacity: 1.0;
}

/* woocommerce mini cart */


#main-menu .woocommerce-mini-cart a
{
	margin: 0;
}


#main-menu .woocommerce-mini-cart a.remove
{
	display: none;
}

#main-menu .woocommerce-mini-cart li.mini_cart_item a
{
	display: flex;
	align-items: center;
	justify-content: center;
	background: white;
	border-radius: 8px;
	font-weight: normal;
	padding-top: 2px;
	padding-bottom: 5px;
}


#main-menu .woocommerce-mini-cart li.mini_cart_item
{
	margin-bottom: 1em;
}

#main-menu .woocommerce-mini-cart li.mini_cart_item a img
{

}

#main-menu .woocommerce-mini-cart li.mini_cart_item a .description
{
	flex: 2;
	margin-left: 2em;
}

#main-menu .woocommerce-mini-cart li.mini_cart_item a .description .info
{
	color: rgb(83, 84, 87);
	font-size: 0.75em;
}

#main-menu .level2 .woocommerce-mini-cart__buttons a
{
	margin-right: 1.25rem;
}
@media (max-width: 760px)
{
	#main-menu .level2 .woocommerce-mini-cart__buttons a
	{
		min-height: 56px;
		margin-top: 1.25rem;
		margin-bottom: 1.25rem;
	}
}

#main-menu .level2 .woocommerce-mini-cart__buttons a:hover
{
	background: rgb(83, 84, 87);
}

.woocommerce-mini-cart__total
{
	text-align: center;
}

#main-menu .level2 .woocommerce-mini-cart__buttons.buttons-first  a
{
	margin-top: 0;
}

/* table */
.p-table
{
	width: 100%;
	border-collapse: collapse;
}

.p-table th
{
	padding-top: 2px !important;
	padding-right: clamp(8px, 0.5vw + 6px, 16px) !important;
	padding-bottom: clamp(8px, 0.5vw + 6px, 16px) !important;
	padding-left: clamp(8px, 0.5vw + 6px, 16px) !important;
	text-align: left;
}

.p-table td
{
	padding: clamp(8px, 0.5vw + 6px, 16px) !important;
}

.p-table tr td, .p-table tr th
{
	border-bottom: 1px solid #D8D8DB !important;
}


.delete-link
{
	text-decoration: underline;
	opacity: 0.75;
}

.delete-link:hover
{
	opacity: 1;
}

.woocommerce .return-to-shop{
	display: none;
}


/* cookie consent */
.cookie-box .title h3,
.cookie-preference .title h3
{
	display: block;
	font-size: 14px !important;
	line-height: 22px !important;
	color: #6b6d70;
	font-weight: 400;
}
.cookie-box .title h2,
.cookie-preference .title h2
{
	color: black;
	font-size: 20px;
	line-height: 28px;
	margin: 0 0 8px;
	font-weight: 600;
}

#CookieBoxTextDescription
{
	font-size: 12px!important;
	line-height: 19.5px!important;
	color: #010205 !important;
}

#CookieBoxTextDescription a,
#BorlabsCookieBox .bcac-item a
{
	text-decoration: underline !important;
	color: black !important;
}

.BorlabsCookie ._brlbs-checkbox ._brlbs-checkbox-indicator {
	height: 32px !important;
	width: 32px !important;
	top: -5px !important;
	margin-right: 10px !important;
}
.BorlabsCookie ._brlbs-checkbox ._brlbs-checkbox-indicator::after
{
	border-width: 0 3px 3px 0 !important;
	left: 10px !important;
	top: 1px !important;
	height: 21px !important;
	width: 8px !important;
}
.BorlabsCookie ._brlbs-checkbox
{
	padding-left: 2.5em !important;
	color: black !important;
	font-size: 16px !important;
	line-height: 24px !important;
	font-weight: 600 !important;
}

#BorlabsCookieBox p
{
	font-size: 12px!important;
	line-height: 19.5px!important;
	color: #010205 !important;
}



#BorlabsCookieBox ._brlbs-btn
{
	font-size: 16px !important;
	line-height: 24px !important;
	padding: 15px 28px !important;
	border: 2px solid black;
	margin-right: 12px !important;
	margin-bottom: 12px !important;
	text-align: center;
}

@media (min-width: 760px)
{

	#BorlabsCookieBox .cookie-box ._brlbs-btn
	{
		width: auto !important;
	}

	#BorlabsCookieBox ._brlbs-btn-accept-all {
		float: right;
		margin-right: 0 !important;
	}
}

#CookieBoxSaveButton
{
	color: black !important;
	background: white !important;
	border: 2px solid black;
}



#BorlabsCookieBox ._brlbs-button-area
{
	margin-top: 17px;
}

#BorlabsCookieBox .accordion
{
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	border-bottom: 1px solid #d4d4d4;
}

#BorlabsCookieBox .accordion:first-child
{
	border-top: 1px solid #d4d4d4;
	margin-top: 15px;
}

#BorlabsCookieBox .accordion .accordion-content
{
	display: none;
}

#BorlabsCookieBox .accordion.expanded .accordion-content
{
	display: block;
}

#BorlabsCookieBox .accordion .toggler
{
	float: right;
	cursor: pointer;
}

#BorlabsCookieBox .accordion .toggler:hover
{
	background: #ececec;
	border-radius: 4px;
}


#BorlabsCookieBox .accordion .toggler .action-collapse
{
	display: none;
}
#BorlabsCookieBox .accordion.expanded .toggler .action-collapse
{
	display: inline;
}
#BorlabsCookieBox .accordion.expanded .toggler .action-expand
{
	display: none;
}


#BorlabsCookieBox .accordion label
{
	margin-right: 3em;
}

#BorlabsCookieBox .accordion .accordion-content
{
	padding-top: 20px;
	margin-left: 3em;
	font-size: 12px!important;
	line-height: 19.5px!important;
	color: #000;
}



#BorlabsCookieBox .scroller
{

	overflow-y: auto !important;
	max-height: calc(65vh - 260px);
}

._brlbs-branding
{
	display: none !important;
}

#BorlabsCookieBox ._brlbs-block-content._brlbs-bg-dark
{
	background:rgba(0,0,0,0) !important;
}

#BorlabsCookieBox ._brlbs-legal
{
	font-size: 1em !important;
}


#BorlabsCookieBox .cookie-preference .bcac-item .w-75
{
	font-weight: bold;
}



.small-info-text
{
	font-size: 0.8em;
	opacity: 0.7;
}


/* responsive_two_columns */

.responsive_two_columns_container
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.responsive_two_columns_container .responsive_item
{
	flex: calc(50% - 10px);
	max-width: calc(50% - 10px);
	margin: 0 0 10px 0;
	box-sizing: border-box;
}

.responsive_two_columns_container .responsive_item:nth-child(odd)
{
	margin-right: 10px;
}
.responsive_two_columns_container .responsive_item:nth-child(even)
{
	margin-left: 10px;
}

@media (max-width: 760px)
{
	.responsive_two_columns_container .responsive_item
	{
		flex: 100%;
		max-width: 100%;
		margin: 0 0 10px 0;
	}

	.responsive_two_columns_container .responsive_item:nth-child(odd)
	{
		margin-right: 0;
	}
	.responsive_two_columns_container .responsive_item:nth-child(even)
	{
		margin-left: 0;
	}
}


/* pds-card */


.pds-card
{
	border: 1px solid #D8D8DA;
	border-radius: 12px;
	padding: 0px 24px 24px 24px;
}

.pds-card .full-width
{
	width: 100%;
}

.pds-card .title
{
	padding: 15px 0 15px 0;
	font: 600 1rem / calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
}

.pds-card .title .btn-option
{
	float: right;
	cursor: pointer;
}

.pds-card .title .loading-icon
{
	float: right;
	cursor: pointer;
	display: none;
}

.loading-icon
{
	animation: rotation360 5s linear infinite;
}

@keyframes rotation360 {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
}


.pds-card .media
{
	background: #D8D8DA;
	margin-bottom: 32px;
	height: 250px;
	display:flex;
	border-radius: 6px;

	flex-direction: column; /* Afficher les enfants en colonne */
	align-items: center;   /* Centrer les enfants horizontalement */
	justify-content: center; /* Centrer les enfants verticalement */

	-webkit-transition: height 0.5s;
	-moz-transition: height 0.5s;
	-ms-transition: height 0.5s;
	-o-transition: height 0.5s;
	transition: height 0.5s;
}

.pds-card .media img.img-preview
{
	width: 100%;
	object-fit: cover;
	max-height: 250px;

	-webkit-transition: max-height 0.5s;
	-moz-transition: max-height 0.5s;
	-ms-transition: max-height 0.5s;
	-o-transition: max-height 0.5s;
	transition: max-height 0.5s;
}


.pds-card .media .file {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.pds-card .media label {
	width: 80px;
	text-align: center;
	cursor: pointer;
	background: white;
	border: 2px solid black;
	border-radius: 5px;
	margin-left: calc(50% - 40px);
	height: 80px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.pds-card .media label:hover
{
	background: #D8D8DA;
}

@media (max-width: 576px)
{
	.pds-card .media
	{
		height: 200px;
	}
	.pds-card .media img.img-preview
	{
		max-height: 200px;
	}
}

@media (min-width: 576px)
{
	.pds-card .media
	{
		height: 350px;
	}
	.pds-card .media img.img-preview
	{
		max-height: 350px;
	}
}

@media (min-width: 760px)
{
	.pds-card .media
	{
		height: 200px;
	}
	.pds-card .media img.img-preview
	{
		max-height: 200px;
	}
}

@media (min-width: 1000px)
{
	.pds-card .media
	{
		height: 250px;
	}
	.pds-card .media img.img-preview
	{
		max-height: 250px;
	}
}

@media (min-width: 1400px)
{
	.pds-card .media
	{
		height: 300px;
	}
	.pds-card .media img.img-preview
	{
		max-height: 300px;
	}
}

@media (min-width: 1600px)
{
	.pds-card .media
	{
		height: 350px;
	}
	.pds-card .media img.img-preview
	{
		max-height: 350px;
	}
}


.pds-card .input  {
	display: flex;
}

.pds-card .input.more  {
	margin-top: 25px;
}

.pds-card .input-field:nth-child(n+2)
{
	margin-left: 10px;
}

.loading .pds-card
{
	opacity: 0.5;
}

.loading .pds-card .title .loading-icon
{
	display: inline-block;
}

.loading .pds-card .title .pds-cart-content
{
	opacity: 0.5;
}

.loading .pds-card
{
	background: #D8D8DA;
}


.item_with_right_option .item_1
{
	margin-top: 1em;
}

@media (min-width: 760px)
{
	.item_with_right_option {
		display: flex;
	}

	.item_with_right_option .item_4 {
		flex: 5;
	}

	.item_with_right_option .item_1 {
		flex: 2;
		margin-left: 2em;
		align-self: flex-end;
		margin-top: 0;
	}
}

.pds-card .text-more
{
	margin-left: 2em;
	border-radius: 8px;
	padding:0.5em;
	background: #f6f6f6;
	border-left:4px solid #ddd;
}