@charset "UTF-8";
/**
* @author: Zbigniew Stanejko
* @copyright: © 2012-2024, Zbigniew Stanejko
* @license: This program is not free software and you can't sell and distribute it!
* @company: PrestaPremium Zbigniew Stanejko
* @email: info@prestashop.tf
* @url: https://prestapremium.com
* ------------------------------------
* @version: 1.0
*
*/


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html{box-sizing:border-box;font-size:10px;line-height:1}
*,*:before,*:after,ul,ol{box-sizing:inherit;margin:0;padding:0;}
ul,ol{list-style: none;}
picture,img{max-width:100%;width:auto;height:auto;display:block;}
.img{width:initial;height:initial}
@-ms-viewport {width: device-width}
*:focus{outline: none}


/*--------------------------------------------------------------
=pp Typography GLOBAL
--------------------------------------------------------------*/
:root{
--color-white-1:#ffffffee;
--color-white-2:#ffffffbb;
--color-white-3:#ffffff66;
--color-black:#111;
--color-black2:#333;
--color-black3:#555;
--color-black4:#666;
--color-black-1:#1a1a1ae6;
--color-black-2:#00000011;
--color-gray:#777;
--color-gray2:#999;
--color-gray3:#bbb;
--color-gray4:#ddd;
--color-gray5:#efeeee;
--color-gray6:#f3f3f3;
--color-gray7:#f7f8f8;
/*--color-gray-1:#00000099;*/
/*--color-brown:#841c19;*/
--color-blue:#49bcee;
--color-blue2:#02a2f0;
--color-blue-1:#2B86DF11;
--color-blue-2:#2B86DF22;
--color-blue3:#0A2A47;
--color-blue4:#79eFc1;/* kontrast */
--color-green:#76a713;
--color-green2:#469742;
--color-yellow:#F9DB4D;
--color-yellow-1:#F9DB4D88;
/*--color-pink:#E60073;*/
--color-orange:#fd7302;
/*--color-orange3:#E66400;*/
/*--color-green:#FF5EA6;
--color-green2:#E85196;
--color-green-1:#FF5EA633;*/
--color-red:#F73859;
--color-red2:#BC2B44;
/*--color-red3:#BF2800;
--color-red4:#D13239;
--color-red5:#CD131D;*/
--color-B:#bbb;
--color-B2:#ccc;
--color-B3:#ddd;
--color-B-1:#00000011;
--color-L:var(--color-blue4);/* link */
--color-H:var(--color-orange);/* hover */
--radius-1:.3rem;
--radius-2:.6rem;
--radius-3:1.2rem;
--radius-4:2.4rem;
--shadow-0:0 15px 25px -7px rgba(0,0,0,.045),0 -12px 10px -10px rgba(0,0,0,.02);
--shadow-1:0 15px 25px -7px rgba(0,0,0,.09),0 -12px 10px -10px rgba(0,0,0,.04);
--shadow-2:0 15px 25px -7px rgba(0,0,0,.18),0 -12px 10px -10px rgba(0,0,0,.08);
--font-1: 'Roboto',Arial,Helvetica,sans-serif;
--font-2: 'Roboto Condensed', sans-serif;/*medium/semibold/bold*/
--font-3: 'Playpen Sans', sans-serif;/*medium/semibold/bold*/
--font-mi: 'Material Icons' !important;
--font-ti: 'themify' !important;

/* layout / emulate flex row-gap (width-gap 50%) */
--container: 166rem;
--container-2: 126rem;
--container-3: 86rem;
--container-4: 46rem;

/* meant for the gap: "*" */
--gap: calc(1.2rem * var(--glob-20));
--gap-1_3: calc(var(--gap) * (1 + 1 / 3));
--gap-1_5: calc(var(--gap) * 1.5);
--gap-2: calc(var(--gap) * 2);
--gap-2_5: calc(var(--gap) * 2.5);
--gap-3: calc(var(--gap) * 3);
--gap-3_5: calc(var(--gap) * 3.5);
--gap-4: calc(var(--gap) * 4);
--gap-5: calc(var(--gap) * 5);
--gap-6: calc(var(--gap) * 6);
--gap-7: calc(var(--gap) * 7);
--gap-8: calc(var(--gap) * 8);
--gap-9: calc(var(--gap) * 9);
--gap-10: calc(var(--gap) * 10);
--gap-11: calc(var(--gap) * 11);
--gap-12: calc(var(--gap) * 12);
--gap-13: calc(var(--gap) * 13);
--gap-14: calc(var(--gap) * 14);
--gap-15: calc(var(--gap) * 15);

/* meant for the gap: "/" */
--gap--1_5: calc(var(--gap) / 1.5);
--gap--2: calc(var(--gap) / 2);
--gap--3: calc(var(--gap) / 3);
--gap--4: calc(var(--gap) / 4);
--gap--6: calc(var(--gap) / 6);

}/* end :root */



/*@media (orientation: landscape) {}
@media (orientation: portrait) {}
*/


.green{color: var(--color-green)}
.red{color: var(--color-red)}
.orange{color: var(--color-orange)}

.hi-cookie-buttons {
	flex-direction: row-reverse;
}
.hi-cookie-btn-accept {
	background: #49bcee;
	color: #fff;
}
.hi-cookie-logo  {
  padding-bottom:12px
}
.hi-cookie-content a {
	text-decoration: underline;
}



body {
direction: ltr;
font-size: 16px;
font-size: 1.6rem;
line-height: inherit;
overflow-x: hidden;
display: block !important;
max-width: 100vw;
min-height: 100vh;
scroll-behavior: smooth;
text-rendering: optimizeSpeed;
}
body>main{position:relative;word-wrap:break-word;max-width:inherit;}


/*--------------------------------------------------------------
=pp preload
--------------------------------------------------------------*/
.preload{display:flex;justify-content:center;align-items:center;position:fixed;z-index:10000;visibility:hidden;opacity:0;width:100vw;height:100vh;top:0;background-color:#ffffffee;transition:opacity 400ms ease-in-out,visibility 0s 400ms}.show-preloader{visibility:visible;opacity:1}.preload>*>*{background:var(--color-blue);height:16px;width:16px;border-radius: 50%;display:inline-block;margin:2px;animation:bounce-circles .8s infinite ease-in-out}.preload>*>*:nth-child(1){animation-delay:-0.7s}.preload>*>*:nth-child(2){animation-delay:-0.6s}.preload>*>*:nth-child(3){animation-delay:-0.5s}.preload>*>*:nth-child(4){animation-delay:-0.4s}.preload>*>*:nth-child(5){animation-delay:-0.3s}@keyframes bounce-circles{0%,40%,100%{transform:translateY(-16px)}20%{transform:translateY(-32px)}}

/*--------------------------------------------------------------
=pp typography
--------------------------------------------------------------*/
body :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) {
font-weight:500;
color:var(--color-black2);
line-height: 1.1;
/*evc margin-bottom:.6em; */
font-family: var(--font-2);
}

/* 912px */
@media (min-width: 57em) {
	body :is(h1,h2,h3,.h1,.h2,.h3) {
	font-weight:300;
	}
}

h1,.h1 {font-size: calc(4.4rem * var(--glob-10))}
h2,.h2 {font-size: calc(3.5rem * var(--glob-10))}
h3,.h3 {font-size: calc(2.8rem * var(--glob-10))}
h4,.h4 {font-size: calc(2.6rem * var(--glob-10))}
h5,.h5 {font-size: calc(2.2rem * var(--glob-10))}
h6,.h6 {font-size: calc(1.8rem * var(--glob-10))}


.body :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) :is(*:not(i)) {
color:inherit;
line-height:inherit;
font-size:inherit;
font-weight:inherit;
font-family: inherit;
}


dfn,cite,em,i{font-style:italic}
blockquote{margin:0 1.5em}
address{margin:0 0 .6em .6em;line-height: 1.4}
pre{font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:0.8em 1em}
code,kbd,tt,var{font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;font-size:0.875rem}
@media screen and (min-width:37.5em){
code,kbd,tt,var{font-size:0.9em}
}
p>code{padding:2px;border-radius:2px;background:#f3f4f5;font-size:inherit}
abbr,acronym{border-bottom:1px dotted #666;cursor:help}
mark,ins{background:#fff9c0;text-decoration:none}
big{font-size:125%}
p{margin-bottom: 1em;min-height:.1px;line-height: 1.6}
p:last-child{margin-bottom: 0}
b,strong,.font-weight-bold,.bold{font-weight: 700}


/* =pp svg */
svg{position: relative;}
svg.icon{
width: 1em;
height: 1em;
fill:inherit;
display: inline-block;
}

hr,.hr,.separator {
display:block;
width:100%;
clear:both;
min-height: 1px;
position:relative;
margin-top:1em;
margin-bottom:1em;
}
hr,.hr{
border:none;
border-top:2px dashed #ccc;
height:0px;
}
[class*="inner-box"] {
padding: calc(var(--gap-2) * var(--glob-40));
border: 1px solid var(--color-B);
border-radius: var(--radius-3);
background: #fff;
box-shadow: var(--shadow-1);
}
.inner-box-3 {
padding: calc(var(--gap-3) * var(--glob-50));
}
.inner-box-5 {
padding: calc(var(--gap-5) * var(--glob-70));
}
.inner-box-0 {
/*border:none;*/
box-shadow: none;
}
.inner-box-00 {
border:none;
box-shadow: none;
}

.modal-content [class*="inner-box"] {
padding: 0;
border: none;
box-shadow: none;
}



.scroll-y{
	overflow-y: auto;
	height: 100%;
}
.border{
	border-top: 1px solid var(--color-B)
}
.separator{
/*background: url(assets/images/dotted.png);*/
margin:calc(1em + 1%) 0;
}
.product-price{}
.regular-price{text-decoration:line-through;}
.discount{}

/* ckearfix */
.zoom:after,.clearfix:after,.rte:after,.separator:after{
content:"";
display:block;
clear:both
}

/* :empty */
.empty:empty {display: none;}
.not-empty:not(:empty) {display: inherit}


/* required  */
.required {
	line-height: 1.1;
	font-size: 1.4rem;
}
.required sup {
color: var(--color-red);
font-size: 1.2em;
}

/* 3 -------------------------------
=pp txt */
.txt-l,.text-xs-left{text-align: left;}
.txt-c,.text-xs-center{text-align: center;}
.txt-r,.text-xs-right{text-align: right;}
.txt-com{margin-top: -.25em;margin-bottom: -.25em}
/* txt-svg */
[class^="txt-svg"] {
position: relative;
overflow-wrap: break-word;
display: inline-flex;
gap: .5em;
/*margin-left: .7em;
margin-right: .7em;*/
align-items: center;
}
[class*="txt-svg"] svg {
position: absolute;
top: 50%;
left: 50%;
width: calc(100% + 2.2em);
height: calc(100% + .8em);
transform: translate(-50%, -50%);
overflow: visible;
pointer-events: none;
background: none;
fill: none;
display: block;
}
/* ellipse */
[class*="txt-svg"] .svg-under-1 path {
stroke-width: 1.4rem;
stroke: #04fb9a77;
}

/* underline */
[class*="txt-svg"] svg.svg-under-2 {
width: calc(100% + 1.1em);
stroke: #04fb9a77;
stroke-width:.6rem;
top:100%;
}


.txt-svg-2 {
/*margin-left: 1.25em;
margin-right: 1.25em;*/
}
.txt-svg-2 svg {
width: calc(100% + 5em);
height: calc(100% + 1.8em);
}
.txt-svg-3 {
/*margin-left: 1.75em;
margin-right: 1.75em;*/
}
.txt-svg-3 svg {
width: calc(100% + 7em);
height: calc(100% + 2.5em);
}
/*em>[class^="txt-svg"] {
margin-left: 0;
margin-right: 0;
}*/







body .txt-wsn{white-space:normal}
.f-l{float: left;}
.f-r{float: right;}

.body .fs-200{font-size: 200%;}

/*--------------------------------------------------------------
=pp Links
--------------------------------------------------------------*/
a {
color: inherit;
transition: all 0.25s ease-out;
text-decoration: none;
fill: currentColor;
}
a:not([class]) {
text-decoration-skip-ink: auto;
}
a:hover, a:focus, a:active {
color: var(--color-H);
}
a:focus,button, a:hover, a:active {
outline: 0;
}
body a:hover,a:active{
transition: all 0.1s ease-out;
text-decoration: none;
}
.a *{color: inherit;fill:currentColor;}
.a:hover,.a:hover *{color: var(--color-H);fill:currentColor;}
.a-invert {
	color: var(--color-H);
}
.a-invert:hover {
	color: inherit;
}


/* global effect style */
::selection{
	background:var(--color-H);
	color: #fff;
}
::-moz-selection{
	background:var(--color-H);
	color: #fff;
}

@media (min-width: 57em) {/* 912px */
	::-webkit-scrollbar {
			width: 12px;
			height: 12px;
			background-color: #f6f6f6;
	}
	::-webkit-scrollbar-track {
			-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
			background-color: #f6f6f6;
			/*border-radius: 6px;*/
	}
	::-webkit-scrollbar-thumb {
			background-color: #575757;
			/*border-radius: 6px;*/
	}
	::-webkit-scrollbar-thumb:hover {
			background-color: var(--color-H);
	}
}




/*--------------------------------------------------------------
=pp layout structure
--------------------------------------------------------------*/
/*  container */
.container, .container-2, .container-3, .container-4, .f-container {
margin-left:auto;
margin-right:auto;
max-width: 100%;
width: 100%;
padding-left:var(--gap);
padding-right:var(--gap);
}

/* 1200px */
@media (min-width: 75em) {
	.container, .container-2, .container-3, .container-4, .f-container {
	max-width: calc(var(--container) + var(--gap-2));
	}

}


.f-container>* {max-width: 100%;min-width: 0}

/* container special */
:is(#identity,#addresses,#order-confirmation,#order-slip,#discount,#address,#addresses,#module-ps_emailalerts-account,#history,#my-account,#authentication,#order-detail,#checkout,#cart) #columns-wrapper .container {
max-width: var(--container-2);
}
:is(#identity,#addresses,#order-confirmation,#order-slip,#discount,#address,#addresses,#module-ps_emailalerts-account,#history,#my-account,#authentication,#order-detail,#checkout,#cart) #wrapper {
background: #fff;
}


.container-2 {
max-width: calc(var(--container-2) + 2 * var(--gap));
}
.container-3 {
max-width: calc(var(--container-3) + 2 * var(--gap));
}
.container-4 {
max-width: calc(var(--container-4) + 2 * var(--gap));
}
.container :is(.container,.container-2,.container-3),
.container-2 .container-3 {
padding-left:0;
padding-right:0;
}

/*.container .container-2 {
max-width: var(--container-2);
}
.container .container-3 {
max-width: var(--container-3);
}
.container-2 .container-3 {
max-width: var(--container-3);
}*/


/*#cart #wrapper .container,
#checkout #wrapper .container,
#order-confirmation #content-hook_order_confirmation,
#order-confirmation .page-order-confirmation,
#order-confirmation #content-hook_payment_return,

#my-account #wrapper .container,
#addresses #wrapper .container,
#history #wrapper .container,
#order-slip #wrapper .container,
#module-psgdpr-gdpr #wrapper .container,
#order-detail #wrapper .container{
max-width: 114rem;
margin: auto;
}*/





/*-------------------------------
=pp row
-------------------------------*/
body .nowrap, body .no-wrap {
flex-wrap: nowrap;
white-space: normal;
}
body .no-wrap {
white-space: normal;
}


/*-------------------------------------
=pp DESKTOP/MOBILE
-------------------------------------*/
.isMobile .v-iD,
.isDesktop .v-iM {
display: none;
}


/*-------------------------------
=pp MOBILE
-------------------------------*/
.isMobile .h-M{display: none}
@media (max-width: 56.9375em) {/* 911px */
	.v-D {display: none;}
}
/*-------------------------------
=pp DESKTOP
-------------------------------*/
.isDesktop .h-D{display: none}
@media (min-width: 57rem) {/* 912px */
	.h-D,.v-M{display: none}
}


/* =pp hidden */
.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:none}
body :is(.hide,.hidden){display: none;}
.invisible{visibility:hidden!important}
.hidden-xl-down,.d-none,.hidden-xs-up, input[type="hidden"],._empty:not(:has(>*)),.__empty:not(:has(>*>*)){display:none!important}

/*[class*="col-"]{flex:100%;max-width: 100%;}*/

.col{flex-basis:0;flex-grow:1;max-width:100%}.col-auto{flex:0 0 auto;width:auto;max-width:100%}

.col-xs-1{flex:0 0 8.333333%;max-width:8.333333%}.col-xs-2{flex:0 0 16.666667%;max-width:16.666667%}.col-xs-3{flex:0 0 25%;max-width:25%}.col-xs-4{flex:0 0 33.333333%;max-width:33.333333%}.col-xs-5{flex:0 0 41.666667%;max-width:41.666667%}.col-xs-6{flex:0 0 50%;max-width:50%}.col-xs-7{flex:0 0 58.333333%;max-width:58.333333%}.col-xs-8{flex:0 0 66.666667%;max-width:66.666667%}.col-xs-9{flex:0 0 75%;max-width:75%}.col-xs-10{flex:0 0 83.333333%;max-width:83.333333%}.col-xs-11{flex:0 0 91.666667%;max-width:91.666667%}.col-xs-12{flex:0 0 100%;max-width:100%}
.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}
.text-xs-left{text-align:left}
.text-xs-center{text-align: center;}
.text-xs-right{text-align: right;}
.float-xs-right{float: right;}
.float-xs-left{float: left;}
:root{--glob-10: .9}:root{--glob-20: .8}:root{--glob-30: .7}:root{--glob-40: .6}:root{--glob-50: .5}:root{--glob-60: .4}:root{--glob-70: .3}:root{--glob-80: .2}:root{--glob-90: .1}:root{--glob-100: 0}

@media (min-width:33em) {/* 528px */
.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{flex:0 0 100%;max-width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}
.hidden-sm-up{display: none!important}
.text-sm-left{text-align:left}
.text-sm-center{text-align: center;}
.text-sm-right{text-align: right;}
:root{--glob-10: .925}:root{--glob-20: .85}:root{--glob-30: .775}:root{--glob-40: .7}:root{--glob-50: .625}:root{--glob-60: .55}:root{--glob-70: .475}:root{--glob-80: .4}:root{--glob-90: .325}:root{--glob-100: .25}
}

@media (min-width:48em) {/* 768px */
.col-md{flex-basis:0;flex-grow:1;max-width:100%}.col-md-auto{flex:0 0 auto;width:auto;max-width:100%}.col-md-1{flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{flex:0 0 100%;max-width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}
.hidden-md-up{display:none!important}
.text-md-left{text-align:left}
.text-md-center{text-align: center;}
.text-md-right{text-align: right;}
:root{--glob-10: .95}:root{--glob-20: .9}:root{--glob-30: .85}:root{--glob-40: .8}:root{--glob-50: .75}:root{--glob-60: .7}:root{--glob-70: .65}:root{--glob-80: .6}:root{--glob-90: .55}:root{--glob-100: .5}
}

@media (min-width:57em) {/* 912px */
.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{flex:0 0 100%;max-width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}
.hidden-lg-up,.v-M,.mobile{display: none!important}
.text-lg-left{text-align:left}
.text-lg-center{text-align: center;}
.text-lg-right{text-align: right;}
:root{--glob-10: .975}:root{--glob-20: .95}:root{--glob-30: .925}:root{--glob-40: .9}:root{--glob-50: .875}:root{--glob-60: .85}:root{--glob-70: .825}:root{--glob-80: .8}:root{--glob-90: .775}:root{--glob-100: .75}
}

@media (min-width:75em) {/* 1200px */
.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{flex:0 0 100%;max-width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}
.hidden-xl-up,.v-Mx{display: none!important}
.text-xl-left{text-align:left}
.text-xl-center{text-align: center;}
.text-xl-right{text-align: right;}
:root{--glob-10: 1}:root{--glob-20: 1}:root{--glob-30: 1}:root{--glob-40: 1}:root{--glob-50: 1}:root{--glob-60: 1}:root{--glob-80: 1}:root{--glob-90: 1}:root{--glob-100: 1}
}

@media (max-width:32.9375em) {/* 527px */
.hidden-xs-down{display:none!important}
}
@media (max-width:47.9375em) {/* 767px */
.hidden-sm-down{display:none!important}
}
@media (max-width:56.9375em) {/* 911px */
.hidden-md-down,.v-D{display:none!important}
}
@media (max-width: 74.9375em) {/* 1199px */
.hidden-lg-down,.v-Dx,.visible-print-block{display:none!important}
}

/*============================================================
=pp flex ★★★
============================================================*/
.row,[class*=" row-"],[class^=row-]{display:flex;flex-wrap:wrap;margin-left:calc(-1 * var(--gap));margin-right:calc(-1 * var(--gap))}.row>*,[class*=" row-"]>*,[class^=row-]>*{min-width:0;min-height:0;padding-left:var(--gap);padding-right:var(--gap)}.row-xxs{margin-left:calc(-1 * var(--gap--4));margin-right:calc(-1 * var(--gap--4))}.row-xxs>*{padding-left:var(--gap--4);padding-right:var(--gap--4)}.row-xs{margin-left:calc(-1 * var(--gap--3));margin-right:calc(-1 * var(--gap--3))}.row-xs>*{padding-left:var(--gap--3);padding-right:var(--gap--3)}.row-sm{margin-left:calc(-1 * var(--gap--2));margin-right:calc(-1 * var(--gap--2))}.row-sm>*{padding-left:var(--gap--2);padding-right:var(--gap--2)}.row-md{margin-left:calc(-1 * var(--gap--1_5));margin-right:calc(-1 * var(--gap--1_5))}.row-md>*{padding-left:var(--gap--1_5);padding-right:var(--gap--1_5)}.row-lg{margin-left:calc(-1 * var(--gap-1_5));margin-right:calc(-1 * var(--gap-1_5))}.row-lg>*{padding-left:var(--gap-1_5);padding-right:var(--gap-1_5)}.row-xl{margin-left:calc(-1 * var(--gap-2));margin-right:calc(-1 * var(--gap-2))}.row-xl>*{padding-left:var(--gap-2);padding-right:var(--gap-2)}.row-xxl{margin-left:calc(-1 * var(--gap-3));margin-right:calc(-1 * var(--gap-3))}.row-xxl>*{padding-left:var(--gap-3);padding-right:var(--gap-3)}

/* =pp gap
====================================*/
.gap,[class*=" gap-"],[class^=gap-]{display:flex}
.gap>*,[class*=" gap-"]>*,[class^=gap-]>*{min-width:0;min-height:0;}
.gap{gap:var(--gap)}.gap-1_3{gap:var(--gap-1_3)}.gap-1_5{gap:var(--gap-1_5)}.gap-2{gap:var(--gap-2)}.gap-2_5{gap:var(--gap-2_5)}.gap-3{gap:var(--gap-3)}.gap-4{gap:var(--gap-4)}.gap-5{gap:var(--gap-5)}.gap-6{gap:var(--gap-6)}.gap-7{gap:var(--gap-7)}.gap-8{gap:var(--gap-8)}.gap-9{gap:var(--gap-9)}.gap-10{gap:var(--gap-10)}.gap-11{gap:var(--gap-11)}.gap-12{gap:var(--gap)}.gap--1_5{gap:var(--gap--1_5)}.gap--2{gap:var(--gap--2)}.gap--3{gap:var(--gap--3)}.gap--4{gap:var(--gap--4)}.gap--6{gap:var(--gap--6)}

/* =pp flex html
====================================*/
[class*="-flexlist"] :is(div,ul,ol),[class*="-flexbox"],.flex,[class*="f-"]{display: flex}
[class*="-flexlist"] :is(span,a,li,i),.flex-inline,[class*="if-"]{display:inline-flex;}

[class*="-flexlist"] :is(ul,ol){
	flex-direction: column;
}

/* flex-box */
.flex-box {display: inherit}
.flex-box *:not(:is(script,style)) {
	display: inline-flex;
	flex-wrap: wrap;
}
.flex-box :is(.div,div,h1,h2,h3,h4,h5,h6,form){
	display: flex;
}
.flex-box :is(div:has(> :is(span,.span,a,i)),.div:has(> :is(span,.span,a,i))) {
	flex-direction: row;
}
.flex-box :is(div:has(> :is(div)),.div:has(> :is(div))) {
	flex-direction: column;
	flex-wrap: nowrap;
}
.flex-box :is(div:has(> .span),.div:has(> .span),.span:has(> *)) {
	flex-direction: row;
}
.flex-box :is(div:has(> .div),.div:has(> .div)) {
	flex-direction: column;
	flex-wrap: nowrap;
}




[class*="-jc_c"]{justify-content: center}
[class*="-jc_fe"]{justify-content: flex-end}
[class*="-jc_sb"]{justify-content: space-between}
[class*="-jc_se"]{justify-content: space-evenly}
[class*="-jc_sa"]{justify-content: space-around}

[class*="-ai_c"]{align-items: center}
[class*="-ai_fs"]{align-items: flex-start}
[class*="-ai_s"]{align-items: stretch}
[class*="-ai_fe"]{align-items: flex-end}
[class*="-ai_ss"]{align-items: self-start}
[class*="-ai_se"]{align-items: self-end}

[class*="_center"]{align-items: center;justify-content: center}
[class*="_row"]{flex-direction: row}
[class*="_col"]{flex-direction: column}
[class*="_wrap"]{flex-wrap: wrap}

/*--------------------------------------------------------------
=pp GRID
--------------------------------------------------------------*/
.grid,
[class*="grid-"],
[id*="grid-"]{
display: grid;
/*grid-gap: 0;*/
grid-template-columns: auto;
grid-template-rows: auto;
/*grid-auto-flow: column;*/
}


.grid>*,.grid-inline>*,
[class*="grid-"]>*,
[id*="grid-"]>*{
	min-width: 0;
	min-height: 0;
}
.grid-inline{
display: inline-grid;
}
.grid-row{
	grid-auto-flow: row;
}



/* 0 ============================================================
=pp card ★★★ */




/* 0 ============================================================
=pp rte ★★★
============================================================== */
.rte :is(*+h1,*+h2,*+h3,*+h4,*+h5,*+h6,*+.h1,*+.h2,*+.h3,*+.h4,*+.h5,*+.h6) {
margin-top: 1.2em;
}
.rte :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) {
margin-bottom: .5em;
font-weight: 400;
/*color: var(--color-gray45);*/
font-family: var(--font-2);
}
.rte :is(h1,h2,h3,.h1,.h2,.h3) {
font-weight: 400;
}
.rte {
	margin-top: -.22em;
	margin-bottom: -.22em;
}
.rte,.rte p,.box,.box p {
line-height:1.5;
color:var(--color-black4);
font-size: 1.6rem;
font-family: var(--font-1);
}
@media (min-width: 57em) {/* 912px */
	.rte,.rte p {
	font-size: 1.7rem;
	}
}

/* img */
.rte img{
display:block;
}


/* p */
.rte p{
margin-bottom:.7em;
}
.rte *+p{
margin-top:.7em;
}

/* list ul/ol */
.rte :is(ul,ol) {
margin: .6em 0 1em 1.6em;
}
.rte :is(ul,ol) :is(ul,ol) {
margin: .3em 0 .6em .8em;
/*margin-block-start: 1em;*/
}
.rte ul {
list-style: disc outside;
}
.rte ul ul {
list-style: circle outside;
}
.rte ol {
list-style: decimal outside;
}
.rte li::marker {
margin-right: 1em;
}
.rte :is(ul,ol) p {
/*display: inline-block;*/
}




.rte th,.rte td{
border:1px solid #ccc;
padding:.8rem;
height:5rem;
vertical-align:middle;
text-align: left;
}
.rte th {
text-align: center;
}

.rte :is(h1,.h1) {font-size: calc(4.2rem * var(--glob-10))}
.rte :is(h2,.h2) {font-size: calc(3.5rem * var(--glob-10))}
.rte :is(h3,.h3) {font-size: calc(2.9rem * var(--glob-10))}
.rte :is(h4,.h4) {font-size: calc(2.4rem * var(--glob-10))}
.rte :is(h5,.h5) {font-size: calc(2.0rem * var(--glob-10))}
.rte :is(h6,.h6) {font-size: calc(1.7rem * var(--glob-10))}

.rte iframe{
width: 100%;
}
.rte table{
	width: auto;
	min-width: 50%;
}

.rte table .label{

}


/* img */
.rte [data-fancybox="gallery"]{
	display: inline-flex;
	position: relative;
}
.rte [data-fancybox="gallery"]:after{
content:'\e8ff';
font-family: material icons;
font-size: 3em;
width: 1.2em;
height: 1.2em;
border-radius: 50%;
position: absolute;
right: .5em;
bottom: .5em;
z-index: 1;
background: #ffffff99;
line-height: 1;
display: flex;
justify-content: center;
align-items: center;
color: #0ae;
}
.rte [data-fancybox="gallery"]:hover:after{
color: #fb724e;
background: #ffffffbb;
}
.rte [data-fancybox="gallery"] img{
	display: inline-flex;
	background: #fff;
	border: 1px solid #ddd;
	padding: 5px;
	position: relative;
	z-index: 1;
}

.rte a.aligncenter{
	display: block;
	margin:.5em auto;
}
.rte a.alignleft{
float: left;
margin: 1em 2em 1em 0;
}
.rte a.alignright{
float: right;
margin: 1em 0em 1em 2em;
}
.rte a.fancybox{
	max-width: 50%;
	max-height: 50%;
}
.rte a.fancybox:hover img{
background: #eee;
opacity: .9
}

.rte img:is([style="float: left;"],[style="float: right;"]) {
	margin: var(--gap-2) var(--gap-4);
	box-shadow: var(--shadow-1);
	border-radius: var(--radius-4);
	mix-blend-mode: darken;
}
.rte img[style="float: left;"] {
	margin-left: 0;
}
.rte img[style="float: right;"] {
	margin-right: 0;
}



/*--------------------------------------------------------------
=pp form
--------------------------------------------------------------*/
.form-container,.form-fields,.js-customer-form,.form-footer,.help-block {
	max-width: 77rem;
	margin-left: auto;
	margin-right: auto;
}
.checkout-step :is(.form-fields,.form-footer,.js-customer-form,.help-block) {
margin-left: 0;
}

input,select,optgroup,textarea {
color: var(--color-black);
font-family: inherit;
font-size: 1.6rem;
line-height: 1.3;
margin:0;
padding:.7em .9em;
height: 3em; /* 48 */
/* height: 2.75em; /* 44  */
/*height: 2.625em; /* 42 */
border:1px solid var(--color-B);
background-color: #fff;
border-radius:var(--radius-2);
/*text-transform: uppercase;*/
}
input[type=radio]{
width: inherit;
height: inherit;
}
select option,optgroup,textarea{
line-height: 1.6;
height: auto;
}
textarea, input{
	display: block;
}
textarea{
max-width: 100%;
/*padding-top: .2667em;*/
}
button,input[type="submit"]{
cursor: pointer;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	opacity: .3;
	color: inherit;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
	opacity: .3;
	color: inherit;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	opacity: .3;
	color: inherit;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
	opacity: .3;
	color: inherit;
}
input:active::-webkit-input-placeholder,
textarea:active::-webkit-input-placeholder {
	opacity: .8
}
input:active::-moz-placeholder,
textarea:active::-moz-placeholder {
opacity: .8
}
input:active:-ms-input-placeholder,
textarea:active:-ms-input-placeholder {
opacity: .8
}
input:active:-moz-placeholder,
textarea:active:-moz-placeholder {
opacity: .8
}


/*--------------------------------------------------------------
=pp btn
--------------------------------------------------------------*/
.btn,button,.log-in {
display:inline-flex;
align-items: center;
justify-content: center;
font-weight:400;
line-height:1.3;
text-align:center;
white-space:normal;
vertical-align:middle;
cursor:pointer;
user-select:none;
padding:.4em 1.8em .3em;
font-size:1.5rem;
/*border-radius: var(--radius-1);*/
border:1px solid currentColor;
color: var(--color-black3);
background-color: #ffffff99;
text-transform: uppercase;
transition: all .3s ease-out;
font-family: var(--font-1);
letter-spacing: .5px;
gap: .3em;
/*box-shadow: 0 .3rem .2rem .1rem #00000022;*/
}
.block-close {
	display: flex;
	justify-content: flex-end;
	font-size: 1.8em;
}
.close{
padding: 0;
display: inline-block;
border:none;
cursor: pointer;
}
.close:hover {
color: var(--color-H);
}
.btn,.log-in {
min-height: 3em;
border-radius:3em
/* 3em / h = 48px  16px */
/* 2.75em / h = 44px  16px */
/* 2.5em / h = 40px  16px */
}
.re-set{border: none;padding: 0;margin: 0;background: none;line-height: inherit;border-radius: 0; min-height: 0;text-decoration: inherit;}


/* icon */
.btn i {
margin: -.3em 0 -.3em;
line-height: inherit;
font-size: 1.6em;
width: 1em;
color: inherit;
}
/*.btn i:not[class*="ti-"]{
font-size: 1.6em;
}*/
.btn:has([class*="ti-"]) {
gap: .5em;
}
.btn [class*="ti-"] {
font-size: 1.4em;
}


.btn i.fs-200{
margin-top: -.4em;
margin-bottom: -.4em;
margin-left: -.5em;
}
.btn *+i.fs-200{
margin-left: 0;
margin-right: -.5em;
}


.btn *,button *{
line-height: inherit;
vertical-align: inherit;
position: relative;
display: inherit;
/*font-family: var(--font-1);*/
}
.btn-min, .btn-sm {
font-size: 1.2rem;
min-height: 2em;
padding:.3em 1.4em .25em;
}
.btn-lg {
font-size: 1.6rem;
min-height: 3.333em;
font-weight: 500;
}
@media (min-width: 32em) {/* 512px */
	.btn, button{
	font-size:1.5rem;
	}
	.btn-min, .btn-sm {
	font-size: 1.3rem;
	}
	.btn-lg {
	font-size: 1.8rem;
	}
}
button.close{
border: none;
padding: 0;
width: 3rem;
height: 3rem;
line-height: 1;
font-size: 3rem;
background: none;
}
button.close:after {
content: '\e646';
font-family: var(--font-ti);
font-size: inherit;
line-height: 1;
width: inherit;
height: inherit;
display: flex;
justify-content: center;
align-items: center;
}
button.close *{
display: none !important;
}
button.close:hover {
color: var(--color-H) !important;
background: none !important;
}

/*-------------------------------
=pp btn-primary
-------------------------------*/
body .btn-primary,.log-in {
color:#fff;
background-color:var(--color-blue);
border-color:var(--color-blue);
}
/*-------------------------------
=pp btn-secondary
-------------------------------*/
body .btn-secondary {
color: #fff;
background-color:var(--color-orange);
border-color:var(--color-orange);
}

/*-------------------------------
=pp btn-invert
-------------------------------*/
body .btn-invert {
border-color: var(--color-black);
background-color:var(--color-black);
color: #fff;
}
/*-------------------------------
=pp btn-info
-------------------------------*/
body .btn-info {
color:#fff;
background-color:#5bc0de;
border-color:#5bc0de
}
/*-------------------------------
=pp btn-success
-------------------------------*/
body .btn-success {
color:#fff;
background-color:#4cbb6c;
border-color:#4cbb6c
}
/*-------------------------------
=pp btn-warning
-------------------------------*/
body .btn-warning {
color:#fff;
background-color:var(--color-red);
border-color:var(--color-red);
}
/*-------------------------------
=pp btn-danger
-------------------------------*/
body .btn-danger {
color:#fff;
background-color: var(--color-red);
border-color: var(--color-red);
}
/*-------------------------------
=pp save checkout
-------------------------------*/
.btn[type="submit"]:not(.add-to-cart):not([name="submitNewsletter"]),
.btn-submit,
.checkout>*>.btn{
	color: #fff;
	background: var(--color-blue);
	border-color: var(--color-blue);
}

/*-------------------------------
=pp hover
-------------------------------*/
body button:hover:not(.btn-unstyle):not(.re-set),body .btn:hover,body .log-in:hover {
background:var(--color-black);
color: #fff;
border-color: var(--color-black);
transition: all .15s ease-out .1s;
}
.body .btn.btn-primary:hover,.log-in:hover {

}
.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus {

}
.btn[type="submit"]:not([name="submitNewsletter"]):hover,
.checkout>*>.btn:hover{
	background: var(--color-black);
	border-color: var(--color-black);
	color: #fff;
}
.body .btn.btn-invert:hover {
background:var(--color-blue);
color: #fff;
border-color: var(--color-blue);
}
.btn.focus,.btn:focus,.btn:hover {
text-decoration:none
}

.btn.active,.btn:active {
background-image:none;
outline:0
}

.btn.disabled,.btn:disabled,button:disabled {
cursor: not-allowed;
filter: grayscale(1);
opacity:.3
}
.continue.btn.disabled{
	cursor:progress;
}

a.btn.disabled,fieldset[disabled] a.btn {
pointer-events:none
}

/*-------------------------------
=pp btn-outline
-------------------------------*/
.btn-outline-primary {
color:var(--color-blue2);
background-image:none;
background-color:transparent;
border-color:var(--color-blue2);
}

.btn-outline-secondary {
color:var(--color-blue3);
background-image:none;
background-color:transparent;
border-color:var(--color-blue3);
}

.btn-outline-info {
color:#5bc0de;
background-image:none;
background-color:transparent;
border-color:#5bc0de
}

.btn-outline-success {
color:#4cbb6c;
background-image:none;
background-color:transparent;
border-color:#4cbb6c
}


.btn-outline-warning {
color:#ff9a52;
background-image:none;
background-color:transparent;
border-color:#ff9a52
}

.btn-outline-danger {
color:#ff4c4c;
background-image:none;
background-color:transparent;
border-color:#ff4c4c
}


/*-------------------------------
=pp btn-link
-------------------------------*/
.btn-link,.btn-link-h{
position: relative;
line-height: inherit;
display: inline-block;
line-height: inherit;
cursor: pointer;
}
.btn-link:after,/* text-decoration: underline */
.btn-link-h:after{/*text-decoration: :hover underline */
content: '';
position: absolute;
bottom: -.2em;
left: 0;
border-bottom: 1px solid currentColor;
transition: .3s all ease-out;
width: 0;
}
.rte .btn-link:after,
.rte .btn-link-h:after {
bottom: 0em;
}
.btn-link:after {
width: 100%;
transition: .15s all ease-out;
}
.btn-link:hover:after{
width: 0;
transition: .3s all ease-out;
/*border-color: var(--color-H);*/
}
.btn-link-h:hover:after{
width: 100%;
transition: .15s all ease-out;
/*border-color: var(--color-H);*/
}
.btn-link:not(.btn) {
padding: 0;
}
.btn-link:is(:focus,:hover):not(.a-invert) {
color: var(--color-H);
}
.btn-link:disabled:focus,.btn-link:disabled:hover {
color:#f1f1f1;
text-decoration:none
}

/*-------------------------------
=pp btn-block
-------------------------------*/
.btn-block {
width:100%
}

.btn-block+.btn-block {
margin-top:.5rem
}

input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
width:100%
}

/*.btn-primary .material-icons,.btn-secondary .material-icons,.btn-tertiary .material-icons {
margin-right:.8rem
}*/

/*-------------------------------
=pp btn-tertiary
-------------------------------*/
.btn-tertiary {
background-color:#f7f7f7;
/*text-transform:lowercase;
color:#7a7a7a;
padding:.4em 1em;
margin:.4em 0;
font-weight:400;
font-size:1.4rem*/
}
.btn-tertiary .material-icons {
font-size:1.6rem
}
.btn-tertiary:hover {
/*border:1px solid rgba(35,35,35,.2);
background-color:#ddd;
color:#333;*/
}

.btn-unstyle {
background-color:transparent;
border:none;
padding:0;
text-align:inherit;
text-transform: inherit;
font-weight: inherit;
line-height: inherit;
}






/*-------------------------------
=pp radio
-------------------------------*/
.custom-radio {
	display: inline-block;
	position: relative;
	width: 2rem;
	height: 2rem;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 50%;
	border: 2px solid var(--color-gray);
	background: #fff;
	margin-right: 1.2rem;
	pointer-events: none;
}
.custom-radio-lg {
	width: 2.4rem;
	height: 2.4rem;
}
.custom-radio input[type=radio] {
	opacity: 0;
	cursor: pointer;
	pointer-events: auto;

}
.custom-radio input[type=radio]+span {
	display: block;
	background-color: transparent;
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.custom-radio input[type=radio]:checked+span {
	background-color: var(--color-black2);
}
.custom-radio-lg input[type=radio]+span {
	width: 1.5rem;
	height: 1.5rem;
}
/*color*/
.custom-radio {
border-color: var(--color-green);
}
.custom-radio-color input[type=radio]:checked+span {
	background-color: var(--color-green);
}
.custom-radio input[type=radio]:focus+span {
	border-color: var(--color-gray2);
}

.custom-radio .form-radio-buttons {
padding-bottom: var(--gap--1_5);
display: flex;
/*	flex-direction: column;*/
gap: var(--gap-1_5) var(--gap-2);
flex-wrap: wrap;
}
.form-radio-buttons .form-control-valign {
display: flex;
flex-wrap: wrap;
gap: var(--gap-1_5);
}
.radio-inline .custom-radio {
	margin-right: .4rem;
}





/*-------------------------------
=pp checkbox
-------------------------------*/
.form-group.form-checkbox{
	padding-top: var(--gap-2_5)
}
.form-group.form-checkbox + .form-checkbox{
	padding-top: 0;
}

.custom-checkbox {
	position: relative;
	line-height: 1.3;
	display: block;
}
.custom-checkbox a {
   text-decoration: underline;
   color: inherit;
    text-underline-offset: 5px;
    text-decoration-color: inherit;
    font-weight: 500;
}
.custom-checkbox a:hover {
   color: var(--color-H)
}

body .custom-checkbox input[type=checkbox],
body .custom-checkbox input[type=radio],
body .custom-checkbox input[type=checkbox]+span,
body .custom-checkbox input[type=radio]+label {
	width: 2.4rem;
	height: 2.4rem;
	flex: 0 0 2.4rem;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	padding: 0;
	margin-right: 1rem;
	vertical-align: middle;
	border: 1px solid var(--color-B);
	background: #fff;
	border-radius: var(--radius-1);
}
body .custom-checkbox input[type=checkbox],
body .custom-checkbox input[type=radio] {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	line-height: inherit;
}
.custom-checkbox input[type=checkbox]+span+span/*,
.custom-checkbox input[type=radio]+label+span */{
	padding-top: .3rem;
	display: inline-block;
}
.custom-checkbox input[type=radio]+label+span {
	top: 1px;
	position: relative;
}
.custom-checkbox div {
	margin:0;
	padding-top: .2rem;
	font-size: 1.5rem;
	line-height: 1.4;
}
.custom-checkbox div p{
	line-height: inherit;
	font-size: inherit;
}
.custom-checkbox div p:last-child{
	margin:0;
}
.custom-checkbox input[type=checkbox]+span .checkbox-checked {
	display: none;
	margin: 0;
	font-size: 1.8rem;
	color: #fff;
	line-height: 1;
	/*padding-top: 1px;*/
}
.custom-checkbox input[type=checkbox]:checked+span .checkbox-checked {
	display: block;
}
.custom-checkbox input[type=checkbox]:required+span {
	border-color: var(--color-red);
}
.custom-checkbox input[type=checkbox]:focus+span/*,
.custom-checkbox input[type=checkbox]:checked+span*/ {
	border-color: var(--color-black2);
}
.custom-checkbox input[type=checkbox]:checked+span {
	background-color: var(--color-blue);
	border-color: var(--color-blue);
}

.custom-checkbox label {
	text-align: left;
	display: flex;
	font-size: 1.5rem;
	line-height: 1.3;
}
.gdpr_consent .custom-checkbox label {
	font-size: 1.4rem;
	color: var(--color-gray);
}
.custom-checkbox input[type=checkbox]+span.color {
	width: 3rem;
	height: 3rem;
	display: block;
	/*border-radius: 50%;*/
	/*margin: .6rem;*/
	/*box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .2);*/
	border: 2px solid rgba(0, 0, 0, .1);
	cursor: pointer;
	background-size: contain;
	position: relative;
}

.product-variants-item .color.active,
.product-variants-item .color:hover,
.custom-checkbox input[type=checkbox]+span.color.active,
input[type=radio]:checked+span.color,
.custom-checkbox input[type=checkbox]+span.color:hover,
.facet-label.active .custom-checkbox span.color,
.facet-label:hover .custom-checkbox span.color {
	border: 2px solid var(--color-H);
}

/*custom-checkbox/radio*/
body .custom-checkbox input[type="radio"],
body .custom-checkbox input[type="radio"]:checked+label,
body .custom-checkbox input[type="radio"]+label {
    display: none;
}
body .custom-checkbox input[type="radio"]+label:first-of-type:after {
font-size: 2.1rem;
color: #fff;
line-height: 1;
content: '\e876';
font-family: 'Material Icons';
background-color: var(--color-black2);
border:1px solid var(--color-black2);
width: calc(100% + 2px);
height: calc(100% + 2px);
margin: -1px;
display: flex;
}
body .custom-checkbox input[type="radio"]:not(checked)+label {
    display: inline-block;
}
.custom-checkbox .checkbox-name span{
display: inline-block;
}



/* =pp form cd 2 */
.input-color {
position: absolute;
left:0;
top: 0;
opacity: 0;
cursor: pointer;
height: 3rem;
width: 3rem
}
.input-container {
position: relative
}
.input-radio {
position: absolute;
top: 0;
cursor: pointer;
opacity: 0;
width: 100%;
height: 100%
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}
.label,label,.value:not(:empty):not(td) {

}
small.label,small.value {
	font-size: 1.1rem
}


.input-group .form-control:focus {
	outline: none
}
.input-group .input-group-btn {
z-index: 2;
position: relative;

}
.input-group .input-group-btn>.btn {
color: #fff;
font-size: 1.4rem;
font-weight: 400;
margin-left: -1px;
display: flex;
height: 100%;
line-height: 1;
align-items: center;
text-transform: uppercase;
background-color: var(--color-gray);
border-radius: var(--radius-2);
}


/* password */
.input-group{
	display: flex;
}
.input-group .form-control[type="password"] {
flex:1;
border-radius: var(--radius-2) 0 0 var(--radius-2);
}
.input-group .input-group-btn>.btn[data-action=show-password] {
	padding: 1.2rem 1rem 1.1rem;
	border-radius: 0 var(--radius-2) var(--radius-2) 0;
}
.password-requirements,.password-strength-feedback{
	display: flex;
	flex-direction: column;
	gap: var(--gap--1_5);
}
.password-strength-feedback {
	margin-top: var(--gap-1_5);
	font-size: 1.5rem;
}
.password-requirements {
	margin-top: var(--gap);
}
.password-requirements p {
	margin:0;
	line-height: 1.2;
}






/* 1 =============================================
=pp progress */
.progress {
    display: block;
    width: 100%;
    height: .6rem;
    background: #dbdbdb;
}
.progress-bar {
    height: 100%;
    transition: 0.25s ease-out;
    display: block;
    height: .6rem;
    text-indent: -999rem;
    background-color: #0074d9;
}

.bg-success {
    background-color: #4cbb6c !important;
}
.bg-info {
    background-color: #5bc0de !important;
}
.bg-warning {
    background-color: #ff9a52 !important;
}
.bg-danger {
    background-color: #ff4c4c !important;
}
.bg-inverse {
    background-color: #363a42 !important;
}


/*.form-control[name="password"]{
border-radius: var(--radius-2) 0 0 var(--radius-2);
}*/





.form-checkbox label a{
text-decoration: underline;
}




/*-------------------------------
=pp select
-------------------------------*/
.form-control-select::-ms-expand {
  display: none;
}
body .form-control-select {
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
background-position: calc(100% - .3rem) center;
background-size: 3.6rem;
background-image:
url("data:image/svg+xml,<svg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 10L12 15L17 10' stroke='%23000000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/></svg>");
/*url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiPjxwYXRoIGQ9Ik00ODAtMzYwIDI4MC01NjBoNDAwTDQ4MC0zNjBaIi8+PC9zdmc+");*/
background-color: #fff;
background-repeat: no-repeat;
padding: 0 3rem 0 1.6rem;
}
.body .form-group:has(select) .form-control-label {
	display: none;
}



/*-------------------------------
=pp form cd 3
-------------------------------*/
.form-control-submit.disabled {
	background: #5bc0de;
	color: #fff
}
.form-group.has-error input,
.form-group.has-error select {
border-color: #d73814;
}
.form-group.has-error .help-block {
	color: var(--color-red);
	font-size: 1.5rem;
	width: 100%;
}
.form-group.has-error .help-block .alert{
margin-top: 1rem;
margin-bottom: 0;
}
.group-span-filestyle label {
	margin: 0
}
.bootstrap-touchspin .group-span-filestyle .btn-touchspin,
.group-span-filestyle .bootstrap-touchspin .btn-touchspin,
.group-span-filestyle .btn-default {
	color: #fff;
	text-transform: uppercase;
	border-radius: 0;
	font-size: .875rem;
	padding: .5rem 1rem
}






/* 3 -------------------------------
=pp animate label */
.form-group input:placeholder-shown + .form-control-comment,
.form-informations:has(.form-informations-option) + .field-password-policy .form-control-comment {
	display: none;
}
.form-group:not(.form-radio-buttons) :is(.form-control-label,.form-control-comment) {
background: #fff;
color: #aaa;
/*max-width: calc(100% - (2*8px));*/
overflow: hidden;
padding: 0 .4em;
text-overflow: ellipsis;
white-space: nowrap;
transform-origin: bottom left;
transition: all .3s cubic-bezier(0.4,0,0.2,1);
transition-property: color,bottom,transform;
font-size: 1.6rem;
line-height: 1;
pointer-events: none;
position: absolute;
top:.9em;
left: .4em;
width: auto;
z-index: 1;
font-style: italic;
display: inline-flex;
}

.form-group:not(.form-radio-buttons) .form-control-comment {
left: auto;
right: .4em;
font-style: italic;
transform-origin: bottom right;
color: #666;
}
/*.form-control-label+.form-control-required {
right: .4rem;
}*/
.form-group:not(.form-radio-buttons):has(
	input:not([disabled]):not([type=file]):focus,
	input:not(:placeholder-shown),
	textarea:not([disabled]):focus,
	textarea:not(:placeholder-shown)
) .form-control-label {
transform: scale(0.8) translateY(-1.95em);
color: var(--color-black2);
right: auto;
left: 1.2rem;
}
.form-group:has(
	input:not([disabled]):focus,
	input:not(:placeholder-shown)
) .form-control-comment {
transform: scale(0.8) translateY(2.6rem);
color: var(--color-black);
right: 1.2rem;
}
/*input:valid ~ .form-control-label {
	color: var(--color-green);
}*/
input.form-control:invalid {
	color: var(--color-red);
}
input.form-control[type="password"]:not(:placeholder-shown) {
font-weight: 700;
letter-spacing: 2px;
font-family: Verdana;
}
/*input[type=file] ~ .form-control-label {
position: absolute;
top: 1em;
left: .4em;
}*/
/* form-password */
.form-group.form-password .form-control-comment,
.form-password:has(input:not([disabled]):focus) .form-control-comment,
.body .form-group:has(input[type="file"]) .form-control-comment {
	right: auto;
	left: .4em;
}


/* file */
.form-group input[type="file"] {
width: 100%;
}



.form-control {
	display: block;
	width: 100%;
	background-image: none;
	background-clip: padding-box;
	/*border-radius: var(--radius-2);*/
}

.form-control::-ms-expand {
	background-color: transparent;
	border: 0
}
.form-control:is(:focus) {
	color: var(--color-black);
	border-color: var(--color-black2);
	outline: none
}
.form-control::-webkit-input-placeholder {
	/*opacity: 0*/
}
.form-control:-ms-input-placeholder {
	/*opacity: 0*/
}
.form-fields .form-control::placeholder {
	opacity: 0;
	transition: all .2s ease-out;
	color: var(--color-gray);
	font-style: italic;
}
.form-control:focus::placeholder {
	opacity: .6;
	transition: all .6s ease-out;
}


.form-control:disabled,
.form-control[readonly] {
	background-color: #f6f6f6;
	opacity: 1
}

.form-control:disabled {
	cursor: not-allowed
}

select.form-control:not([size]):not([multiple]) {

}

select.form-control:focus::-ms-value {
	color: #7a7a7a;
	background-color: #fff
}

.form-control-file,
.form-control-range {
	display: block
}
/* form-label */
.form-label {
	display: block;
	margin-bottom: 1rem;
}
.col-form-label {
	padding-top: .5rem;
	padding-bottom: .5rem;
	margin-bottom: 0
}

.col-form-label-lg {
	padding-top: .75rem;
	padding-bottom: .75rem;
	font-size: .9375rem
}

.col-form-label-sm {
	padding-top: .25rem;
	padding-bottom: .25rem;
	font-size: .875rem
}

.col-form-legend {
	margin-bottom: 0;
	font-size: 1rem
}

.col-form-legend,
.form-control-static {
	padding-top: .5rem;
	padding-bottom: .5rem
}

.form-control-static {
	line-height: 1.25;
	border: solid transparent;
	border-width: 1px 0
}

.form-control-static.form-control-lg,
.form-control-static.form-control-sm,
.input-group-lg>.form-control-static.form-control,
.input-group-lg>.form-control-static.input-group-addon,
.input-group-lg>.input-group-btn>.form-control-static.btn,
.input-group-sm>.form-control-static.form-control,
.input-group-sm>.form-control-static.input-group-addon,
.input-group-sm>.input-group-btn>.form-control-static.btn {
	padding-right: 0;
	padding-left: 0
}

.form-control-sm,
.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
	padding: .25rem .5rem;
	font-size: .875rem;
	border-radius: .2rem
}

.input-group-sm>.input-group-btn>select.btn:not([size]):not([multiple]),
.input-group-sm>select.form-control:not([size]):not([multiple]),
.input-group-sm>select.input-group-addon:not([size]):not([multiple]),
select.form-control-sm:not([size]):not([multiple]) {
	height: 1.8125rem
}

.form-control-lg,
.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
	padding: .75rem 1.5rem;
	border-radius: .3rem
}

.input-group-lg>.input-group-btn>select.btn:not([size]):not([multiple]),
.input-group-lg>select.form-control:not([size]):not([multiple]),
.input-group-lg>select.input-group-addon:not([size]):not([multiple]),
select.form-control-lg:not([size]):not([multiple]) {
	height: 2.75rem
}

/*-------------------------------
=pp form-fields
-------------------------------*/
.form-fields,.form-group{
--gap-row: calc(1.2rem * var(--glob-20));
--gap-column: calc(1.8rem * var(--glob-20));
display: flex;
/*flex-direction: column;*/
gap:var(--gap-column) var(--gap-row);
flex-wrap: wrap;
}
.form-fields>*{
flex:100%;
max-width: 100%;

}
/*.form-group:not(.address1):not(.address2):not(.city):not(.postcode)   {
clear: both;
}*/
.form-group,
.form-group>* {
position: relative;
width: 100%;
}
.form-group {

}
.form-informations {
	line-height: 1;
	margin-bottom: -.8rem;
}
@media (min-width: 57em) {/* 912px */
	.form-group.address1,
	.form-group.city{
		max-width:calc(70% - var(--gap-row));
		flex:calc(70% - var(--gap-row));
	}
	.form-group.address2,
	.form-group.postcode{
		flex: 30%;
		max-width: 30%;
	}
/*	.form-group.address1 + .address2,
	.form-group.postcode + .city{

	}*/
}

.form-text {
	display: block;
}

.form-check {
	position: relative;
	display: block;
	margin-bottom: .75rem
}

.form-check+.form-check {
	margin-top: -.25rem
}

.form-check.disabled .form-check-label {
	color: #7a7a7a;
	cursor: not-allowed
}

.form-check-label {
	padding-left: 1.25rem;
	margin-bottom: 0;
	cursor: pointer
}

.form-check-input {
	position: absolute;
	margin-top: .25rem;
	margin-left: -1.25rem
}

.form-check-input:only-child {
	position: static
}

.form-check-inline {
	position: relative;
	display: inline-block;
	padding-left: 1.25rem;
	margin-bottom: 0;
	vertical-align: middle;
	cursor: pointer
}

.form-check-inline+.form-check-inline {
	margin-left: .75rem
}

.form-check-inline.disabled {
	color: #7a7a7a;
	cursor: not-allowed
}

.form-control-feedback {
	margin-top: .25rem
}

.form-control-danger,
.form-control-success,
.form-control-warning {
	padding-right: 2.25rem;
	background-repeat: no-repeat;
	background-position: center right .625rem;
	background-size: 1.25rem 1.25rem
}

.has-success :is(.custom-control,.form-check-inline,.form-check-label,.form-control-feedback,.form-control-label),
body .text-success {
	color: var(--color-green2);
}

.has-success .form-control {
	border-color: #4cbb6c
}

.has-success .form-control:focus {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #96d7a9
}

.has-success .input-group-addon {
	color: #4cbb6c;
	border-color: #4cbb6c;
	background-color: #e0f3e5
}

.has-success .form-control-success {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#4cbb6c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E")
}

.has-warning .custom-control,
.has-warning .form-check-inline,
.has-warning .form-check-label,
.has-warning .form-control-feedback,
.has-warning .form-control-label {
	color: #ff9a52
}

.has-warning .form-control {
	border-color: #ff9a52
}

.has-warning .form-control:focus {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ffd6b8
}

.has-warning .input-group-addon {
	color: #ff9a52;
	border-color: #ff9a52;
	background-color: #fff
}

.has-warning .form-control-warning {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#ff9a52' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E")
}

.has-danger .custom-control,
.has-danger .form-check-inline,
.has-danger .form-check-label,
.has-danger .form-control-feedback,
.has-danger .form-control-label,
.text-danger {
	color: #ff4c4c
}

.has-danger .form-control {
	border-color: #ff4c4c
}

.has-danger .form-control:focus {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ffb2b2
}

.has-danger .input-group-addon {
	color: #ff4c4c;
	border-color: #ff4c4c;
	background-color: #fff
}

.has-danger .form-control-danger {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#ff4c4c' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E")
}

@media (min-width:576px) {
	.form-inline .form-group {
			display: inline-block;
			margin-bottom: 0;
			vertical-align: middle
	}
	.form-inline .form-control {
			display: inline-block;
			width: auto;
			vertical-align: middle
	}
	.form-inline .form-control-static {
			display: inline-block
	}
	.form-inline .input-group {
			display: inline-table;
			width: auto;
			vertical-align: middle
	}
	.form-inline .input-group .form-control,
	.form-inline .input-group .input-group-addon,
	.form-inline .input-group .input-group-btn {
			width: auto
	}
	.form-inline .input-group>.form-control {
			width: 100%
	}
	.form-inline .form-check,
	.form-inline .form-control-label {
			margin-bottom: 0;
			vertical-align: middle
	}
	.form-inline .form-check {
			display: inline-block;
			margin-top: 0
	}
	.form-inline .form-check-label {
			padding-left: 0
	}
	.form-inline .form-check-input {
			position: relative;
			margin-left: 0
	}
	.form-inline .has-feedback .form-control-feedback {
			top: 0
	}
}

/*-------------------------------
=pp form mod NIP
-------------------------------*/
/*.form-fields{*/
/*	display: flex;
	flex-direction: column;
	width: 100%;
	align-items: center;
	justify-content: stretch;*/
/*}
.form-fields>*{*/
/*flex: 0 0 100%;
width: 100%;*/
/*}*/


/*#delivery-address .vat-number-label,
#delivery-address .vat_number {
display: none;
}*/
/*#delivery-address .vat_number[style="display: block;"] {
display: flex !important;
}*/

/*#delivery-address .vat_number label{
margin-left: 24.8%;
}*/

/*#invoice-address .vat-number-label{
	padding-top: 1rem;
	border-top: 1px solid var(--color-B);
}*/
/*#delivery-address .vat_number {
overflow: hidden;
}
#delivery-address .vat_number>*{
float: left;
}*/


/*#delivery-address .vat_number .form-control-comment,
#delivery-address .company .form-control-comment{
display: none;
}

#delivery-address .vat_number:not(.active),
#delivery-address .isDelivery:not(.active),
#delivery-address .company:not(.active),
#invoice-address .isVatNumber:not(.active){
opacity: 0;
visibility: hidden;
max-height: 0;
overflow: hidden;
margin-top: 0;
margin-bottom: 0;
}*/

/*#delivery-address .vat_number.active,
#delivery-address .isDelivery.active,
#delivery-address .company.active {
opacity: 1;
visibility: visible;
max-height: 100%;

}*/








/*-------------------------------
=pp footer form
-------------------------------*/
#customer-form{
/*	margin-bottom: calc(3rem + 5%);*/
}
.form-footer,.address-footer{
display: flex;
justify-content: center;
align-items: center;
gap: var(--gap);
margin-top: var(--gap-2);
}
.address-footer{
justify-content: flex-start;
margin-top: var(--gap-1_5);
gap: var(--gap-2);
}
.form-footer.ps-shown-by-js{
flex-direction: column;
}

@media (min-width: 57em) {/* 912px */
	.form-footer {
	margin-top: var(--gap-3);
	}
}




/*--------------------------------------------------------------
=pp alert
--------------------------------------------------------------*/
body .alert,.vatchecker-result {
    padding: .7em .8em .7em 1.2em;
    margin-top: 1em;
    margin-bottom: 1em;
    border-left: .4rem solid #bbb;
    border-radius: 0 .3rem .3rem 0;
    line-height: 1.3;
    background: #f9f9f9;
    display: flex;
    font-size: inherit;
    gap: var(--gap);
    border-radius: 0 var(--radius-3) var(--radius-3) 0;
}
body .alert p {
line-height: 1.3;
margin-bottom: .3em;
}
body .alert :is(.h2,.h3,.h4,.h5,.h6){
	margin-bottom: .3em;
	color: inherit;
	font-weight: 400;
}
body .alert:empty{
	display: none;
}
body .alert-heading {
    color: inherit
}

body .alert-link {
    font-weight: 700
}

body .alert-dismissible {
    padding-right: 2.5rem
}

body .alert-dismissible .close {
    position: relative;
    top: -.125rem;
    right: -1.25rem;
    color: inherit
}

body .alert-success {
    background-color: #23C55211;
    border-color: #23C552;
    color: #296;
}

body .alert-success hr {
    border-top-color: #c1e2b3
}

body .alert-success body .alert-link {
    color: #2b542c
}

body .alert-info {
    background-color: #45ABCD11;
    border-color: #45ABCD;
    color: #4599CD;
}

body .alert-info hr {
    border-top-color: #a6d5ec
}

body .alert-info body .alert-link {
    color: #245269
}

body .alert-warning {
    background-color: #FEAF2010;
    border-color: #FEAF20;
    color: #dc8f03;
}

body .alert-warning hr {
    border-top-color: #ff8b39
}

body .alert-warning body .alert-link {
    color: #0a0a0a
}

body .alert-danger,.vatchecker-result.text-danger {
    background-color: #d7381411;
    border-color: #d73814;
    color: #d73814;
}

body .alert-danger hr {
    border-top-color: #e4b9b9
}

body .alert-danger body .alert-link {
    color: #843534
}
/* ul alert */
body .alert ul{
	padding-left: 1em;
	list-style-type: disc
}
/* ol alert */
body .alert ol{
	padding-left: 1em;
	list-style-type:decimal;
}
body .alert li{
	margin-top: .33em;
	margin-bottom: .33em;
}
body .alert li li{
	margin-top: .11em;
}
.alert ul>li{
position:relative;
}

body .alert ol{
list-style-position: inside;
}
body .alert ol ul{
margin-left: 1em;
}



/* alert icon */
.alert [class^="ti-"],.alert [class*=" ti-"],
.alert .mi {
	font-size: 2em;
	top: -1px;
}
.alert li :is([class^="ti-"],.alert [class*=" ti-"]),
.alert li .mi {
	font-size: 1.2em;
}

.alert .close {
order:99;
}
.alert .close+* {
flex:1;
}

.ps-alert-success,.ps-alert-error {
	display: flex;
	flex-direction: column;
	gap: var(--gap);
	align-items: center;
	text-align: center;
}
:is(.ps-alert-success,.ps-alert-error) .item {
	display: flex;
	gap: var(--gap);
	align-items: center;
}
.ps-alert-success{
color: var(--color-green);
}
.ps-alert-error {
color: var(--color-red);
}


/*--------------------------------------------------------------
=pp notifications
--------------------------------------------------------------*/
.container #notifications .container {
padding-left: 0;
padding-right: 0;

}

/*--------------------------------------------------------------
=pp table
--------------------------------------------------------------*/
table{border-collapse: collapse;text-align: left;}
table td,
table th {
line-height: 1.3;
height: 4.4rem;
vertical-align: middle;
padding: .6rem 1.2rem;
border:1px solid #00000022;
}
.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: var(--gap-2)
}

.table td,
.table th {
	border:none;
	border-top: 1px solid #00000033;
	font-size: 1.5rem;
	height: 6rem;
}
.table thead th {
	vertical-align: bottom;

	border:1px solid #00000007;
	border-bottom: 3px solid #00000044;
	color: #777;
	font-weight: 600;
	height: 5rem;
}
.table thead tr {
background: #00000011;
}

.table tbody tr:nth-of-type(even) {
	background-color: #00000006
}

.table tbody+tbody {
	border-top: 2px solid #00000007
}

.table .table {
	background-color: #fff
}

.table-sm td,
.table-sm th {
	padding: .5rem
}





/*--------------------------------------------------------------
=pp toggle
--------------------------------------------------------------*/
.collapse,[aria-expanded="false"]+.collapsing {
	display: none;
	height: auto !important;
}
@media (min-width: 57em) {/* 912px */
	.wrapper .collapse {
		display: inherit;
	}
}
.collapse.in {
	display: inherit;
}



[data-toggle="collapse"].title{
display: flex;
text-transform: uppercase;
align-items: center;
}
.navbar-toggler{
font-size: 2.7rem;
position: relative;
height: .7em;
display: flex;
}

.navbar-toggler i{
display: inline-flex;
justify-content: center;
align-items: center;
cursor: pointer;
width: .8em;
height: inherit;
line-height: 0!important;
overflow: hidden;
font-size: inherit;
}
.navbar-toggler:has([class*="ti-"]) {
top: -3px;
}

.navbar-toggler .remove{
display: none;
}
[aria-expanded="true"] .navbar-toggler .add{
display: none;
}
[aria-expanded="true"] .navbar-toggler .remove{
display: flex;
}

.bootstrap-touchspin {
	width: auto;
	display: flex;
	align-items: center;
	gap: .5rem;
}
.bootstrap-touchspin input:focus {
	outline: none
}
.bootstrap-touchspin input.form-control,.bootstrap-touchspin input.input-group {
	color: #555;
	background-color: #fff;
	height: 4.8rem;
	padding: .5rem;
	flex:1;
	border: 1px solid var(--color-B);
	text-align: center;
/*	border-radius: var(--radius-1);*/
}

.bootstrap-touchspin .input-group-btn-vertical {
display: flex;
flex-direction: column;
flex:3rem;
max-width: 3rem;
gap: .5rem;
}

body .bootstrap-touchspin .btn-touchspin {
padding: 0;
display: flex;
justify-content: center;
font-size: 1.8rem;
line-height: 1;
/*border:none;*/
align-items: center;
background-color: transparent;
width: 1.4em;
height: 1.4em;
min-height: 0;
border-radius: 50%;
}
.bootstrap-touchspin .btn-touchspin i{
top: 0;
font-size: inherit;
}
.bootstrap-touchspin .btn-touchspin:hover {

}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down,
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {

}
.bootstrap-touchspin .input-group-btn-vertical .touchspin-up:after {
/*	content: "\E5CE"   /* ^ */
content: "\e145"    /* + */
}
.bootstrap-touchspin .input-group-btn-vertical .touchspin-down:after {
/*	content: "\E5CF"    /* V */
	content: "\e15b"  /* - */
}
.bootstrap-touchspin .input-group-btn-vertical i {
margin: 0;
}





/*--------------------------------------------------------------
=pp media-list
--------------------------------------------------------------*/
.media-list{
	margin-bottom: 3rem;
	font-size: 1.4rem;
	line-height: 1.1;
}
.media-list p{
line-height: 1.1;
margin-bottom: .2em;
}
.media-list .media{
	display: flex;
	margin-left: -.5rem;
	margin-right: -.5rem;
}
.media-list .media+.media{
	margin-top: .9rem;
	padding-top: 1rem;
	border-top: 1px solid var(--color-B);
}
.media-list .media>*{
	padding-left: .5rem;
	padding-right: .5rem;
	flex:1;
}
.media-list .media-left{
	flex: 0 0 6rem;
	max-width: 6rem;
}
.media-list .text-muted *{
	font-size: .9em;
	font-style: italic;
}
.media-list .media-body .product-name {
display: block;
padding-bottom: .3rem;
line-height: 1.1;
}




/*--------------------------------------------------------------
=pp tabs accordion
--------------------------------------------------------------*/
[data-accordion-group]{
margin-bottom: 2rem;
}
[data-accordion]{
margin-bottom: 1rem;
}
[data-control]{
display: flex;
align-items: center;
margin-left: -.5rem;
margin-right: -.5rem;
border:1px solid var(--color-B);
padding: .6em .6em;
cursor: pointer;
margin: 0;
font-size: 1.8rem;
}
.open [data-control]{
border-bottom: none;
}
[data-control]:after{
/*content: "\e313";*/
content: "\e145";
font-family: "Material Icons";
font-size: 2.2rem;
transition: all .3s ease-out;
}
.open [data-control]:after{
/*content: "\e316";*/
content: "\e15b";
/*transform: rotate(180deg);*/
}

.open [data-control],
[data-control]:hover{
color: var(--color-H);
border-color: var(--color-H);
}
.open [data-control]{
	border-radius: .3rem .3rem 0 0;
}
[data-control]>*{
padding-left: .5rem;
padding-right: .5rem;
flex:1;
}
[data-control] img{
flex: 0 0 5rem;
max-width: 5rem;
}

[data-content]{

}
[data-content]>*{
padding: .5rem 1rem 2rem;
border:1px solid var(--color-B2);
border-top: none;
font-size: 1.5rem;
border-radius:0 0 .3rem .3rem;
}

.open [data-control],
.open [data-content]>*{
    border-color: var(--color-H);
}

/*-------------------------------
=pp ppTabs
-------------------------------*/
.ppTabs{
	position: relative;
}









/*--------------------------------------------------------------
=pp modal
--------------------------------------------------------------*/
.modal,.modal-backdrop,
.ppBackdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1000;
background-color: #ffffff77;
backdrop-filter: blur(8px);
visibility: hidden;
transition: all .3s linear;
}
.ppBackdrop {
transition: all .3s ease-in;
}
.ppBackdrop {
background-color: #0003;
}
.ppBackdrop.in {
transition: all .3s linear;
}
.modal,
.modal-backdrop.fade,
.ppBackdrop {
opacity: 0;
}
.modal-backdrop.in,
.modal.in,
.ppBackdrop.in {
opacity: 1;
visibility: visible;
}
.fade {
opacity: 0;
transition: opacity .15s linear;
}
.fade.in {
opacity: 1;
}
.modal {
display: none;
z-index: 1111;
}
.modal, .modal-open {
overflow: hidden;
}
.modal-open .modal{
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog {
position: relative;
width: 100%;
height: 100%;
margin: 1rem auto;
max-width: 86rem;
display: flex;
align-items: center;
/*transform: translateY(-10%);*/
}

.modal.fade .modal-dialog {
transition: transform .3s ease-out;

margin-left: auto;
margin-right: auto;
}
.modal.in .modal-dialog {
transform: translate(0);
}
.modal-content {
position: relative;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #00000015;
box-shadow: 0 0 2rem 1rem #00000015;
border-radius: var(--radius-3);
outline: 0;
overflow-y: auto;
max-height: 100%;
}

.modal-content .js-modal-content{
padding: 2.2rem 2.5rem;
}

/* modal-header */
.modal-header{
padding: .5rem 2.6rem;
border-bottom: 1px solid var(--color-B3);
display: flex;
justify-content: space-between;
align-items: center;
min-height: 5.6rem;
gap: var(--gap);
}
.body .modal-header>*{
margin-bottom: 0;
}
.modal-header *{
vertical-align: middle;
}
.modal-header>*:not(.close) {
font-size: calc(2.7rem * var(--glob-30));
font-family: var(--font-2);
font-weight: 700;
}
.modal-header .close,
.modal-content>.close {
/*padding: 0;
border:none;
float: right;
margin: .5rem;
font-size: 2.8rem;
line-height: 2rem;
cursor: pointer;
color: var(--color-black);*/
}
.modal-header .close{
margin: 0 -.9rem 0 0;
}
.modal-header .close>*,
.modal-content>.close>*{
/*width: 3rem;
height: 3rem;
font-size: inherit;
line-height: inherit;
display: flex;
align-items: center;
justify-content: center;*/
}
.modal-content>.close{
	position: absolute;
	top: 1rem;
	right: 1rem;
	z-index: 2;
}
.modal-content .close:hover{
/*color: var(--color-H);*/
}
.modal-title{
margin: 0;
}
.modal-body{
padding: 2.6rem;
}



.modal-footer {
padding: var(--gap-1_5) 0;
border-top: 1px solid var(--color-B3);
background: #f9f9f9;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: var(--gap-2);
}












/*--------------------------------------------------------------
=pp effect-img
--------------------------------------------------------------*/
[class^="effect-"],
[class*=" effect-"]{
position: relative;
display: block;
overflow: hidden;
}
[class^="effect-"] .effect,
[class*=" effect-"] .effect{
padding: 6%;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
backface-visibility: hidden;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
[class^="effect-"] .effect:not(:empty),
[class*=" effect-"] .effect:not(:empty){
background: rgba(0,0,0,0.5);
color: #fff;
font-size: 16px;
line-height: 1.4;
opacity: 0;
transition: all ease-out 300ms;
}
[class^="effect-"] .effect:not(:empty) strong,
[class*=" effect-"] .effect:not(:empty) strong{
/*font-family: 'Oswald';*/
font-weight: 400;
}
[class^="effect-"]:hover .effect:not(:empty),
[class*=" effect-"]:hover .effect:not(:empty){
opacity: 1;
}


/***** Layla |=| *****/
.effect-layla {

}
.effect-layla img{
	transition: opacity 0.35s, transform 0.35s;
	transform: scale(1);
}
.effect-layla:hover img{
	/*opacity: 0.8;*/
	transform: scale(1.01);
}
.effect-layla .effect{

}
.effect-layla .effect:before,
.effect-layla .effect:after {
	position: absolute;
	content: '';
	opacity: 0;
}
.effect-layla .effect:before {
	top: 10%;
	right: 5%;
	bottom: 10%;
	left: 5%;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	transform: scale(0,1);
	transform-origin: 0 0;
}
.effect-layla .effect:after {
	top: 5%;
	right: 8.5%;
	bottom: 5%;
	left: 8.5%;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	transform: scale(1,0);
	transform-origin: 100% 0;
}
.effect-layla .effect:before,
.effect-layla .effect:after{
	transition: opacity 0.35s, transform 0.35s;
}
.effect-layla:hover .effect:before,
.effect-layla:hover .effect:after {
	opacity: 1;
	transform: scale(1);
}
.effect-layla:hover .effect:before{
	transition-delay: 0.2s;
}
.effect-layla:hover .effect:after{
	transition-delay: 0.3s;
}



/* effect-chico |_| */
.effect-chico img{
	transition: opacity 0.35s, transform 0.35s;
	transform: scale(1);
}
.effect-chico:hover img{
	/*opacity: 0.8;*/
	transform: scale(1.01);
}
.effect-chico .effect:before{
	opacity: 0;
	transition: opacity 0.35s, transform 0.35s;
}
.effect-chico .effect:before{
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
	transform: scale(1.07);
}
.effect-chico:hover .effect:before{
	opacity: 1;
	transform: scale(1);
}

/* effect-apollo błysk */
.effect-apollo img,
.effect-apollo-2 img {
	/*opacity: 0.95;*/
	transition: opacity 2s, transform 2s;
	transform: translate3d(0,0,0) scale3d(1,1,1);
}
.effect-apollo .effect:before,
.effect-apollo-2 .effect:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.3);
	content: '';
	transition: transform 0s;
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,60deg) translate3d(0,-140%,0);
}
.effect-apollo:hover img {
	/*opacity: 0.6;*/
	transition: opacity 0.35s, transform 0.35s;
	transform: scale3d(1.01,1.01,1);

}
.effect-apollo:hover .effect:before,
.effect-apollo-2:hover .effect:before {
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,60deg) translate3d(0,140%,0);
	transition: transform 0.6s;
}

/* effect-apollo błysk 2 */
.effect-apollo-2:hover img {
transform: translate3d(-2%,0,0) scale3d(1.04,1.04,1.0);
transition: transform 1s ease-out;
}





/* grayscale */
.grayscale{
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.grayscale:hover {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}


/*--------------------------------------------------------------
=pp dl/dt/dd
--------------------------------------------------------------*/
dl{
	display: flex;
	flex-wrap: wrap;
	margin-left: -.2rem;
	margin-right: -.2rem;
	line-height: 1.3;
	max-width: 60rem;
}
dl>*{
flex: 1;
min-width: 40%;
background: #f6f6f6;
padding: .8rem 1rem;
margin: .2rem;
min-height: 2.5em;
display: flex;
align-items: center;

}
dl dt{
justify-content: flex-end;
flex: 0 0 30%;
max-width: 30%;
text-align: right;
}

dl dd{

}


/*--------------------------------------------------------------
=pp dropdown
--------------------------------------------------------------*/
.collapsing, .dropdown, .dropup {
    position: relative;
}
.dropdown{
align-items: center;
}
.js-dropdown{
	position: relative;
}
.dropdown-label {
	font-size: 1.4rem;
}
.dropdown button {
	font-size: 1.6rem;
	border:none;
	padding: 0;
	background: none;
	display: flex;
	align-items: center;
	background: none;
}
.dropdown a {
cursor: pointer;
}
.dropdown button:hover {
	color: var(--color-H);
}
body .dropdown-menu{
	position: absolute;
	left: 0;
	top: 100%;
	display: none;
	background: #fff;
	z-index: 9;
	min-width: 15rem;
	padding: .8rem 0;
	box-shadow: -.5rem .5rem 1rem #00000022;
	border:1px solid var(--color-B3);
	border-top: none;
	border-radius: var(--radius-3)
}
@media (min-width: 57em) {/* 912px */
	body .dropdown-menu{
		right: 0;
		left: auto;
	}
}
.dropdown-menu li{
padding: .5rem 1rem;
}
.dropdown-menu li a {
display: flex;
align-items: center;
}
.dropdown-menu li img {
margin-right: .8rem;
max-width: 2rem;
position: relative;
bottom: -1px;
}
.dropdown-menu .current {
opacity: .3;
pointer-events: none;
}
.dropdown-menu .select-list{
	display: block;
	padding: .8rem 1.2rem;
	font-size: 1.5rem;
}


.open>.dropdown-menu {
    display: block;
}




/* 0 ============================================================
=pp ppMenu ★★★ */
.ppMenu :is(li,.li) :is(a,.a) sup {
display: none;
/*pointer-events: auto;*/
width: 1.4em;
height: 1.4em;
position: relative;
z-index: 2;
justify-content: center;
align-items: center;
padding-bottom: .1em;
margin:-.4em 0;
cursor: pointer;
font-size: inherit;
}
.ppMenu :is(li,.li):has(>:is(ul,.ul))>:is(a,.a) sup {
display: flex;
}
.ppMenu :is(li,.li) :is(a,.a) sup:after {
content: '\e64b';
font-family: var(--font-ti);
}
.ppMenu :is(li,.li).open>:is(a,.a) sup:after {
content: '\e648';
}
/* ul ul */
.ppMenu :is(ul,.ul) {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.6s ease-in-out;
}
.ppMenu .open>:is(ul,.ul) {
  max-height: 100%;
  overflow: visible;
  opacity: 1;
/*  transition: all 0.3s ease-in-out;*/
}




/* 1 ============================================================
=pp Menu */
.menu {
font-size: 1.6rem;
margin-top: -.44em;
margin-bottom: -.44em;
}
.menu li{
padding-top: .5em;
padding-bottom: .5rem;
}
.menu li+li {
border-top: 1px dashed var(--color-gray3);
}
.menu li a {
display: flex;
justify-content: space-between;
align-items: center;
gap: var(--gap);
font-size: 1.8rem;
line-height: 1.1;
}

.menu li.current>a,
.menu li a:hover {
color: var(--color-H);
}
/* ul ul */
.menu ul {
padding-left: 1em;
}
.menu ul li {
border:none;
}









/* 0 ============================================================
=pp page page-not-found =pp page pagenotfound ★★★
============================================================== */
#main:has(.page-not-found) {
display: flex;
flex-direction: column;
}
#main:has(.page-not-found) #content {
flex:1;
}

.page-not-found {
position: relative;

}
.page-not-found:before{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
opacity: .1;
pointer-events: none;
content: '404';
font-weight: 700;
font-size: calc(39rem * var(--glob-40));
font-family: var(--font-3);
color: var(--color-orange);
}
.page-not-found .bg svg{
fill: var(--color-orange2);
width: 100rem;
}
.page-not-found h4,
.page-not-found p {
font-size: 2rem;
text-align: center;
}
@media (min-width: 57em) {/* 912px */
	.page-not-found h4,
	.page-not-found p {
	font-size: 3rem;
	}
}



.page-not-found .search-widget form{
	background: #ffffffcc;
	position: relative;
	margin:auto;
	max-width: 77rem;
}



/* 0 ============================================================
=pp g-recaptcha ★★★
============================================================== */
.g-recaptcha {
margin: var(--gap) 0 0 !important;
display: flex;
justify-content: center;
}





/*--------------------------------------------------------------
=pp disabled pp tooltip
--------------------------------------------------------------*/
[tooltip],
[tooltip-disabled]:disabled{
  position:relative;
  display: inline-block;
line-height: 1;
}
[tooltip]:before,
[tooltip]:after,
[tooltip-disabled]:disabled:before,
[tooltip-disabled]:disabled:after {
	content: "";
	position: absolute;
	top:-8px;
	left:50%;
	transform: translateX(-50%);
	border-width: 5px 7px 0 7px;
	border-style: solid;
	/*border-color: rgba(0,0,0,0.7) transparent transparent transparent;*/
	border-color: #fff transparent transparent transparent;
	z-index: 100;
	transition: all .6s ease-out;
	opacity: 0;
	visibility: hidden;
	text-transform: none;
box-shadow: 4px 5px 5px rgba(0,0,0,.1);
}
[tooltip]:after,
[tooltip-disabled]:disabled:after {
	content: attr(tooltip);
	transform: translateX(-50%) translateY(-100%);
	/*background: rgba(0,0,0,0.7);*/
	background: #fff;
	text-shadow: none;
	border:1px solid var(--color-gray);
	text-align: center;
	color: var(--color-black);
	/*color: #333;*/
	padding:.9rem 1rem 1rem;
	font-size: 1.4rem;
	line-height: 1.3;
	min-width: clamp(14em, 12vmax, 20em);
	font-weight: 400;
	/*text-transform: uppercase;*/
	border-radius: .6em;
/*	pointer-events: none;*/
	box-shadow: 0 5px 15px rgb(0 0 0 / 20%);
}
[tooltip] [class*="ti-"],
[tooltip] [class^=" ti-"],[tooltip] .mi {
color:inherit;
cursor: pointer;
font-size: 1.2em;
display: inline-block;
vertical-align: middle;
line-height: 1;
top: -.1em;
}
[tooltip-disabled]:disabled:after {
	content: attr(tooltip-disabled);
}
[tooltip]:hover:after,
[tooltip]:hover:before,
[tooltip-disabled]:disabled:hover:after,
[tooltip-disabled]:disabled:hover:before,
[tooltip]:focus:after,
[tooltip]:focus:before,
[tooltip-disabled]:disabled:focus:after,
[tooltip-disabled]:disabled:focus:before{
opacity: 1;
visibility: visible;
transition: all .2s ease-out .2s;
}
[tooltip-position='left']:before{
  left:0%;
  top:50%;
  margin-left:-12px;
  transform:translatey(-50%) rotate(-90deg)
}
[tooltip-position='top']:before{
  left:50%;
}
[tooltip-position='bottom']:before{
  top:100%;
  margin-top:8px;
  transform: translateX(-50%) translateY(-100%) rotate(-180deg)
}
[tooltip-position='right']:before{
  left:100%;
  top:50%;
  margin-left:1px;
  transform:translateY(-50%) rotate(90deg)
}
[tooltip-position='left']:after{
  left:0%;
  top:50%;
  margin-left:-8px;
  transform: translateX(-100%)   translateY(-50%);
}
[tooltip-position='top']:after{
  left:50%;
}
[tooltip-position='bottom']:after{
  top:100%;
  margin-top:8px;
  transform: translateX(-50%) translateY(0%);
}
[tooltip-position='right']:after{
  left:100%;
  top:50%;
  margin-left:8px;
  transform: translateX(0%) translateY(-50%);
}



/*============================================================
=pp swich radio  */
.switch-radio {
display: inline-flex;
border:1px solid var(--color-B);
flex-wrap: wrap;
align-self: self-start;
border-radius: 1.8rem ;
background: var(--color-gray5);
overflow: hidden;
}
.switch-radio input {
  display: none;
}
.switch-radio label{
cursor: pointer;
min-width: 6rem;
height: 3.6rem;
position: relative;
display: flex;
align-items: center;
justify-content: center;
border-radius: 1.8rem 0 0 1.8rem;
position: relative;
margin-right: -.3rem;
color: var(--color-gray2);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
}
.switch-radio label+label{
margin-left: -.3rem;
border-radius: 0 1.8rem 1.8rem 0;
}
.switch-radio label:has(input:checked) {
cursor: default;
color: #fff;
z-index: 1;
transition: color 200ms;
}
.switch-radio label:has(input:not(:checked)):hover {
background:var(--color-gray4);
}
.switch-radio label:after {
background: var(--color-blue);
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  transition: left 200ms cubic-bezier(0.77, 0, 0.175, 1);
  width: 100%;
  z-index: -1;
  left:100%;
}
.switch-radio label+label:after {
  left:-100%;
}
.switch-radio label:has(input:checked):after {
left:0;
}


/* ██████████████████████████████████████████████████████████████████ */
/* █ =pp sidebar */
/* ██████████████████████████████████████████████████████████████████ */
.loadJS [id^="ppSidebar"]:not(.topBar) {
  opacity: 1 !important;
}
/* global */
[id^="ppSidebar"] {
  position: fixed;
  z-index: 11111;
  background-color: #fff;
  visibility: hidden;
  transition: all 0.4s ease-out;
  box-shadow: 0 0 #00000000;
  opacity: 0;
}
[id^="ppSidebar"] p {
  margin: 0;
  line-height: 1;
}

/* top */
[id^="ppSidebar"].topBar {
  top: 100%;
  left: 0;
  right: 0;
  position: absolute;
  transform: translate(0, 100%);
  transition-duration: 0.3s;
}

/* left/right */
[id^="ppSidebar"]:is(.left, .right) {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  max-width: 38rem;
  width: calc(100% - 3rem);
  transform: translate(-100%, 0);
  /*backface-visibility: visible;*/
  border-width: 0 1px 0 0;
  border-style: solid;
  /* overflow-y: auto;
      overflow-x: hidden; */
  height: 100vh;
  /*padding: 2.4rem;*/
}

[id^="ppSidebar"].right {
  transform: translate(100%, 0);
  border-width: 0 0 0 1px;
  left: unset;
  right: 0;
}

[id^="ppSidebar"].open {
  transform: translate(0, 0) !important;
  /*box-shadow: 1rem 0px 1rem #00000007;*/
  transition-duration: 0.25s;
  border-color: var(--color-B3);
  visibility: visible;
  opacity: 1;
}
[id^="ppSidebar"].left.open {
  box-shadow: 0 1rem 1rem #00000011;
}
[id^="ppSidebar"].right.open {
  box-shadow: -1rem 0 1rem #00000011;
}

/* close */
.sidebar-close {
  font-size: 2.4rem;
  display: flex;
  padding: 0 0 1.8rem;
  margin: -0.5rem;
}
[id^="ppSidebar"].left .sidebar-close {
  justify-content: flex-end;
}
.ppSidebarClose {
  font-size: inherit;
  display: inline-flex;
  cursor: pointer;
}

/* title */
[id^="ppSidebar"] .sidebar-title {
  font-size: 2.4rem;
  line-height: 1.1;
}
[id^="ppSidebar"] .sidebar-title span {
  font-size: 0.9em;
  color: var(--color-gray2);
}

/* content */
.ppSidebarBox {
  display: flex;
  flex-direction: column;
  /*gap: 1.2rem;*/
  height: 100vh;
}
.ppSidebarBox > * {
  padding: 1.8rem 2.4rem;
}
.ppSidebarBox > * + * {
  padding-top: 0;
}

/* 3 =======================
=pp product */
.ppSidebarContent {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  max-width: 100%;
  width: 100%;
}
.ppSidebarContent:has(.pppr-list) {
  padding-left: 0;
  padding-right: 0;
}

.ppSidebarContent .pppr-list {
  display: flex;
  flex-direction: column;
}
.ppSidebarContent .pppr-list .item {
  padding: 1.2rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem;
  /*align-items: center;*/
}
.ppSidebarContent .pppr-list .item:nth-child(odd) {
  background-color: #f5f5f5;
}
/*.ppSidebarContent .pppr-list .item:nth-child(even) {
background-color: #f5f5f5;
}*/

.ppSidebarContent .pppr-list .pp-1 {
  max-width: 30%;
}
.ppSidebarContent .pppr-list .pp-2 {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-items: flex-start;
  gap: .8rem 1.2rem;
  flex-wrap: wrap;
}
/* name */
.ppSidebarContent .pppr-list .pp-21 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: .4rem;
}
.ppSidebarContent .pppr-list .name {
  font-size: 1.5rem;
  line-height: 1.1;
}
/*attr*/
.ppSidebarContent .pppr-list .attr {
  font-style: italic;
  opacity: 0.6;
  font-size: 0.9em;
}

/*remove*/
.ppSidebarContent .pppr-list .pp-22 {
  border: none !important;
  width: 1em;
  height: 1em;
  padding: 0;
  font-size: 1.4rem;
}

/* price */
.ppSidebarContent .pppr-list .pp-23 {
  flex: 100%;
  align-self: flex-start;
  display: flex;
  gap: 1.2rem;
  flex-wrap: wrap;
}
.ppSidebarContent .pppr-list .regular-price {
  opacity: 0.5;
}

/* add to cart */
.ppSidebarContent .pppr-list .pp-24 {
  margin: auto 0 0 auto;
}

.ppSidebarFooter {
  display: flex;
  flex-direction: column;
  gap: .8rem;
  bottom: 0;
  background: #fff;
  box-shadow: 0 -1rem 1rem #0001;
  padding: 2.4rem;
}



/*--------------------------------------------------------------
=pp popover
--------------------------------------------------------------*/
.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 27.6rem !important;
    padding: 1px;
    font-family: var(--font-1);
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.4;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    font-size: 1.3rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid var(--color-B);
    border-radius: 0.6rem;
}
.popover.popover-top,
.popover.bs-tether-element-attached-bottom {
    margin-top: -10px;
}
.popover.popover-top::before,
.popover.popover-top::after,
.popover.bs-tether-element-attached-bottom::before,
.popover.bs-tether-element-attached-bottom::after {
    left: 50%;
    border-bottom-width: 0;
}
.popover.popover-top::before,
.popover.bs-tether-element-attached-bottom::before {
    bottom: -11px;
    margin-left: -11px;
    border-top-color: rgba(0, 0, 0, 0.25);
}
.popover.popover-top::after,
.popover.bs-tether-element-attached-bottom::after {
    bottom: -10px;
    margin-left: -10px;
    border-top-color: #fff;
}
.popover.popover-right,
.popover.bs-tether-element-attached-left {
    margin-left: 14px;
}
.popover.popover-right::before,
.popover.popover-right::after,
.popover.bs-tether-element-attached-left::before,
.popover.bs-tether-element-attached-left::after {
    top: 50%;
    border-left-width: 0;
}
.popover.popover-right::before,
.popover.bs-tether-element-attached-left::before {
    left: -11px;
    margin-top: -11px;
    border-right-color: var(--color-B);
}
.popover.popover-right::after,
.popover.bs-tether-element-attached-left::after {
    left: -9px;
    margin-top: -10px;
    border-right-color: #fff;
}
.popover.popover-bottom,
.popover.bs-tether-element-attached-top {
    margin-top: 10px;
}
.popover.popover-bottom::before,
.popover.popover-bottom::after,
.popover.bs-tether-element-attached-top::before,
.popover.bs-tether-element-attached-top::after {
    left: 50%;
    border-top-width: 0;
}
.popover.popover-bottom::before,
.popover.bs-tether-element-attached-top::before {
    top: -11px;
    margin-left: -11px;
    border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.popover-bottom::after,
.popover.bs-tether-element-attached-top::after {
    top: -10px;
    margin-left: -10px;
    border-bottom-color: #f7f7f7;
}
.popover.popover-bottom .popover-title::before,
.popover.bs-tether-element-attached-top .popover-title::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 20px;
    margin-left: -10px;
    content: "";
    border-bottom: 1px solid #f7f7f7;
}
.popover.popover-left,
.popover.bs-tether-element-attached-right {
    margin-left: -10px;
}
.popover.popover-left::before,
.popover.popover-left::after,
.popover.bs-tether-element-attached-right::before,
.popover.bs-tether-element-attached-right::after {
    top: 50%;
    border-right-width: 0;
}
.popover.popover-left::before,
.popover.bs-tether-element-attached-right::before {
    right: -11px;
    margin-top: -11px;
    border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.popover-left::after,
.popover.bs-tether-element-attached-right::after {
    right: -10px;
    margin-top: -10px;
    border-left-color: #fff;
}
.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 0.2375rem 0.2375rem 0 0;
}
.popover-title:empty {
    display: none;
}
.popover-content {
    padding: .8rem 1.4rem 1rem;
}
.popover::before,
.popover::after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.popover::before {
    content: "";
    border-width: 11px;
}
.popover::after {
    content: "";
    border-width: 10px;
}


/*--------------------------------------------------------------
=pp ppLazyLoading
--------------------------------------------------------------*/
img.ppLazy {
/*object-fit: contain;
max-width: 20vw;
max-height: 20vh;
min-width: 12rem;
min-height: 12rem;
margin:auto;*/
}

/*============================================================
=pp
============================================================*/
.readall-hide{position: relative;}
.readall-hide:after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 3.3rem;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), white 75%);
}

/*--------------------------------------------------------------
=pp fonts css
--------------------------------------------------------------*/
@font-face {
	font-family: Material Icons;
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('Material Icons'),
		 local('MaterialIcons-Regular'),
		 url(../fonts/materialicons/MaterialIcons-Regular.woff2) format('woff2'),
		 url(../fonts/materialicons/MaterialIcons-Regular.woff) format('woff'),
		 url(../fonts/materialicons/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons,.mi {
	font-family: Material Icons !important;
	font-weight: 400 !important;
	font-style: normal;
	font-size: inherit;
	position: relative;
	display: inline-block;
	vertical-align: middle;
/*	min-width: 1em;
	min-height: 1em;*/
	line-height: inherit;
	color: inherit;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-feature-settings: "liga";
	font-feature-settings: "liga"
}


.pp-spin {animation: pp-spin 3s linear infinite}
.pp-pulse {animation: pp-spin 2s infinite steps(8)}

@keyframes pp-spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
.mi[data-icon]:before,
.material-icons[data-icon]:before {
content: attr(data-icon);
}

/*--------------------------------------------------------------
=pp keyframes
--------------------------------------------------------------*/
@keyframes slideDown{
	0% {
	transform: translateY(-100%);
	}
	100% {
	transform: translateY(0);
	}
}


@media print {
	*,
	:after,
	:before,
	:first-letter,
	blockquote:first-line,
	div:first-line,
	li:first-line,
	p:first-line {
			text-shadow: none!important;
			box-shadow: none!important
	}
	a,
	a:visited {
			text-decoration: underline
	}
	abbr[title]:after {
			content: " (" attr(title) ")"
	}
	pre {
			white-space: pre-wrap!important
	}
	blockquote,
	pre {
			border: 1px solid #999;
			page-break-inside: avoid
	}
	thead {
			display: table-header-group
	}
	img,
	tr {
			page-break-inside: avoid
	}
	h2,
	h3,
	p {
			orphans: 3;
			widows: 3
	}
	h2,
	h3 {
			page-break-after: avoid
	}
	.navbar {
			display: none
	}
	.btn>.caret,
	.dropup>.btn>.caret {
			border-top-color: #000!important
	}
	.tag {
			border: 1px solid #000
	}
	.table {
			border-collapse: collapse!important
	}
	.table td,
	.table th {
			background-color: #fff!important
	}
	.table-bordered td,
	.table-bordered th {
			border: 1px solid #ddd!important
	}

	.visible-print-block{display:block!important}
	.visible-print-inline{display:none!important}
	.visible-print-inline{display:inline!important}
	.visible-print-inline-block{display:none!important}
	.visible-print-inline-block{display:inline-block!important}
	.hidden-print,
	#header .header-right,
	.no-print,
	.carousel,
	#footer,
	.column{
		display: none!important;
	}


}