@media screen and (min-width: 1280px) {

}


/*
	KEY IMAGE
 */

section.pImages { position: relative; display: inline-block; vertical-align: top;  }
section.pImages figure { position: relative; z-index: 1; }
section.pImages img.pUnder { position: absolute; top: 0; left: 0; z-index: 0; }

img.pImgTag004 { position: absolute; bottom: 2%; right: 2%; width: 13%; height: auto; z-index: 3; }

section.pImages figure.pPortrait { position: absolute; border: solid 0.33em rgb(252, 248, 245); border-radius: 50%; }
section.pImages figure.pPortrait img { border-radius: 50%; }
section.pImages img.pCountry { position: absolute; height: 0.9em; width: auto; margin-right: 0.5em; }

@media screen and (max-width: 767px) {
	section.pImages { padding-bottom: 10vw; }
	section.pImages figure { flex: 0 0 100vw; }
	
	section.pImages figure.pPortrait { width: 20vw; height: 20vw; left: 2vw; top: calc(100vw - 10vw); }
	section.pImages img.pCountry { left: calc(2vw + 20vw + 0.5em); top: calc(100vw + 0.5em); }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
	section.pImages { width: 38vw; }
	section.pImages figure { flex: 0 0 38vw; }
	
	section.pImages figure.pPortrait { width: 6vw; height: 6vw; top: 2vw; left: calc(38vw - 3vw); }
	section.pImages img.pCountry { left: calc(38vw + 0.5em); top: calc(2vw + 6vw); }
}
@media screen and (min-width: 1280px) {
	section.pImages { width: 38vw; }
	section.pImages figure { flex: 0 0 38vw; }
	
	section.pImages figure.pPortrait { width: 6vw; height: 6vw; top: 2vw; left: calc(38vw - 3vw); }
	section.pImages img.pCountry { left: calc(38vw + 0.5em); top: calc(2vw + 6vw); }
}


/*
	DOTS FOR SLIDERS
 */

@media screen and (max-width: 1279px) {
	div.pDots {
		position: absolute; top: 100vw; left: 0; width: 100vw;
		height: 2rem;
		padding: 0.5rem 0;
		text-align: center;
	}
	div.pDot {
		display: inline-block;
		border-radius: 50%;
		transition: all 0.2s ease-in-out;
	}
	div.pDot.pOff { margin: 0.25rem; width: 0.5rem; height: 0.5rem; background-color: lightgray; }
	div.pDot.pOn { margin: 0.15rem; width: 0.7rem; height: 0.7rem; background-color: black; }
}
@media screen and (min-width: 768px) {
	div.pDots { display: none !important; }
}



/*
	KEY INFOS
 */

section.pKeyInfos { padding: 2vw; }

@media screen and (max-width: 767px) {
	section.pKeyInfos {
	}
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
	section.pKeyInfos {
		display: inline-block;
		vertical-align: top;
		position: relative;
		width: 62vw;
		padding: 2vw 3vw;
	}
	
}
@media screen and (min-width: 1280px) {
	section.pKeyInfos {
		display: inline-block;
		vertical-align: top;
		position: relative;
		width: 62vw;
		padding: 2vw 3vw;
	}
}


/*
	KEY INFOS: Descriptions
 */

div.pDescs { position: relative; }

div.pDescs h1 span { font-family: SilkaRegular, sans-serif; font-weight: normal; font-size: 1.35rem; margin-bottom: 1rem; }

div.pDescs p.pBrand { position: relative; top: -1rem; text-transform: uppercase; font-size: 0.9em; }
div.pDescs p.pOneLiner { margin-bottom: 0.5rem; text-align: left; font-size: 1.1em; font-weight: bold; }

div.pDescs > p:not(p.pOneLiner):not(p.pJaSub) { text-align: justify; }
div.pMadeIn { margin-top: 1rem; text-align: left; }
div.pMadeIn > * { display: inline-block; vertical-align: middle; }
div.pMadeIn > p { margin-left: 0.5em; line-height: 1rem; font-size: 0.9em; }
div.pMadeIn > img { height: 0.9rem; width: auto; }

@media screen and (max-width: 767px) {

}
@media screen and (min-width: 768px) and (max-width: 1279px) {
	div.pDescs { display: inline-block; vertical-align: top; padding: 0 1rem; }
	div.pDescs > p { }
}
@media screen and (min-width: 1280px) {
	div.pDescs { display: inline-block; vertical-align: top; width: 35vw; padding: 0 calc(1.5vw + 1rem) 1rem 1rem; }
	div.pDescs > p {  }
}


/*
	KEY INFOS: Commerce
 */

@media screen and (max-width: 767px) {
	div.pCommerce {
		margin-top: 3rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
	div.pCommerce {
		margin-top: 3rem;
		padding: 0 1rem;
	}
}
@media screen and (min-width: 1280px) {
	div.pCommerce {
		display: inline-block;
		vertical-align: top;
		position: relative;
		width: 21vw;
		padding-left: 1.5vw;
	}
}


/*
	KEY INFOS: Commerce Buy
 */

div.pBuy {
	border: solid 2px rgb(232, 228, 226);
	border-radius: 1em;
	text-align: left;
	padding-top: 1rem;
}
div.pBuy > * { padding-left: 1rem; padding-right: 1rem; }

div.pBuy p.pPrice { margin-top: 1rem; text-align: center; font-size: 1.2rem; font-weight: bold; }
div.pBuy p.pPrice span { font-size: 0.95rem; font-weight: bold;  }

div.Unavailable p { text-align: center; color: rgb(224,0,0); text-transform: uppercase; font-weight: bold; }

div.pBuy p.Delivery { margin-top: 0.5rem;  }
div.pBuy div.pAct { margin: 1.5rem auto; text-align: center; }
div.pBuy p.Shipping { }

div.pBuy div.pSwitch { border-top: solid 2px rgb(232, 228, 226); margin-top: 1rem; padding-bottom: 0.5rem; }
div.pBuy div.pSwitch > * { }
div.pBuy div.pSwitch div.mFooter {  }

@media screen and (max-width: 767px) {
	div.pBuy {  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
	div.pBuy { }
}
@media screen and (min-width: 1280px) {
	div.pCommerce { margin-top: 6rem; }
}


/*
	KEY INFOS: Commerce Choices
 */

div.pChoices { margin-top: 1rem; }
div.pChoices div.mLocalNav { text-align: left; }
div.pChoices li { margin: 0.5rem 0; }
div.pChoices li.mLink { display: block; margin-left: 1rem; }
div.pChoices li { display: block; }
div.pChoices li a span { text-transform: none; }
div.pChoices li a span.pPrice { font-size: 0.7rem; }
div.pChoices li a span.pPrice::before { content: "•"; margin: 0 0.15em; }

div.pChoices div.mFooter { margin-top: 0; }

@media screen and (max-width:767px) {
	div.pChoices { padding: 5vw; }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
	div.pChoices { padding: 1vw; }
}
@media screen and (min-width: 1280px) {
	div.pChoices { padding: 1vw; }
}



/*
	OTHER INFOS
 */

div.pOtherInfos { margin: 2rem auto; }

div.pOtherInfos .mPane { border-radius: 1rem; }
div.pOtherInfos .mText { padding: 0 1rem 1rem 1rem; }

p.pLegal { font-size: 0.75rem; line-height: 0.75rem; text-align: center; margin: 2rem auto; }

@media screen and (max-width:767px) {
	div.pOtherInfos .mPane { flex: 0 0 80vw; margin: 0 2.5vw 0 0; }
	p.pLegal { width: 94vw; }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
	div.pOtherInfos > div { flex: 0 0 26vw; margin: 1vw auto; }
	p.pLegal { width: 62vw; }
}
@media screen and (min-width: 1280px) {
	div.pOtherInfos > div { flex: 0 0 18vw; margin: 1vw auto; }
	p.pLegal { width: 62vw; }
}



/*
	TAGS & MATERIALS
 */

section.pTags {  }
div.pTags { margin-top: 1rem; }
a.pTag { border-style: solid; border-width: 1px; margin: 0.5rem; padding: 0.5em 1em; display: inline-block; font-size: 0.9em; background-color: transparent; }
a.pTag.pGrey { border-color: rgb(127, 127, 127); color: rgb(127, 127, 127); background: linear-gradient(to left top, transparent 49%, currentColor 49.5%, currentColor 50.5%, transparent 51%), linear-gradient(to right top, transparent 49%, currentColor 49.5%, currentColor 50.5%, transparent 51%);; }
a.pTag.pGreen { border-color: rgb(0, 95, 0); color: rgb(0, 95, 0); }



/*
    TAGS
 */


section.pTags {  }
section.pTags div.mElmNav { text-align: left; }
section.pTags li { display: inline-block; margin-right: 1em; border-radius: 0.5em; background-color: rgb(241, 238, 235); padding: 0.1em 0.75em; }

section.pTags .mBrown { color: rgb(67, 42, 25); border-color: rgb(67, 42, 25); }
section.pTags .mBlue { color: rgb(0, 0, 159); border-color: rgb(0, 0, 159); }
section.pTags .mPurple { color: rgb(111, 0, 111); border-color: rgb(111, 0, 111); }
section.pTags .mGreen { color: rgb(0, 127, 0); border-color: rgb(0, 127, 0); }

@media screen and (max-width:767px) {
	section.pTags { margin: 3rem 2vw; }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
	section.pTags { margin: 3rem 1rem; }
}
@media screen and (min-width: 1280px) {
	section.pTags { margin: 3rem 1rem; }
}