﻿/*PRODUCT SHEET*/
#container div.prd-breadcrumbs,
#container div.prd-breadcrumbs ul,
#container #product,
#product div.prd-container,
#product div.prd-relations{width:100%;clear:both}
#container #product{position:relative;padding:var(--main-spacing) 0}
#product div.prd-container,
#product div.prd-data{
	display:flex;
	flex-flow:row wrap;
	align-items:flex-start;
	grid-gap:0 var(--main-spacing)
}
#product div.prd-container{padding:0 var(--main-spacing)}

/*breadcrumbs*/
#container div.prd-breadcrumbs,
#container div.prd-breadcrumbs ul{
	display:flex;
	flex-flow:row wrap;
	align-items:center
}
#container div.prd-breadcrumbs{padding:10px var(--main-spacing) 0 var(--main-spacing)}
#container div.prd-breadcrumbs ul{
	width:auto;
	list-style:none outside;
	grid-gap:0 5px
}
#container div.prd-breadcrumbs ul li{
	font-size:var(--fnt-smaller-2);
	line-height:8px;
	text-transform:uppercase;
	position:relative;
	padding-right:10px
}
#container div.prd-breadcrumbs ul li.last{font-weight:var(--w-semibold);padding-right:0!important}
#container div.prd-breadcrumbs ul li a{color:var(--c-grey-30)}
#container div.prd-breadcrumbs ul li.last a,
#container div.prd-breadcrumbs ul li a:hover{color:var(--c-green)}
#container div.prd-breadcrumbs ul li:after{
	content:"";
	width:0; 
	height:0;
	text-indent:-9999px;
	position:absolute;
	top:1px;
	right:0;
	border-top:3px solid transparent;
	border-left:5px solid var(--c-grey-60); 
	border-bottom:3px solid transparent
}
#container div.prd-breadcrumbs ul li.last:after{display:none!important}

#container div.prd-breadcrumbs div.goback,
#container div.prd-breadcrumbs div.goback:before,
#container div.prd-breadcrumbs div.goback:after{
	width:0; 
	height:0;
	text-decoration:none!important;
	cursor:pointer;
	border-top:5px solid transparent;
	border-right:10px solid var(--c-green); 
	border-bottom:5px solid transparent
}
#container div.prd-breadcrumbs div.goback{
	overflow:visible!important;
	position:relative;
	margin:0 16px 0 8px
}
#container div.prd-breadcrumbs div.goback:before,
#container div.prd-breadcrumbs div.goback:after{
	content:"";
	position:absolute;
	top:-5px
}
#container div.prd-breadcrumbs div.goback:before{left:-8px}
#container div.prd-breadcrumbs div.goback:after{left:8px}

/*containers*/
#product div.prd-side{width:30%;position:relative}
#product div.prd-data{width:calc(70% - var(--main-spacing));position:relative}
#product div.prd-intro{width:100%;clear:both}
#product div.prd-attributes{width:calc(100% - (250px + var(--main-spacing)))}
#product div.prd-attributes.no-prices{width:100%!important}
#product div.prd-purchase{width:250px}

/*IMAGES*/
#product div.prd-images{
	width:100%;
	clear:both;
	position:relative;
	margin-bottom:var(--cnt-margin-1)
}
#product div.prd-images div.swiper-container{
	clear:both;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto
}
#product div.prd-images div.swiper-wrapper{overflow:visible!important}
#product div.prd-images div.swiper-slide{
	text-align:center;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	background:none!important
}
#product div.prd-images div.swiper-slide > div,
#product div.prd-images div.swiper-slide > div > a{width:100%;clear:both}
#product div.prd-images div.swiper-slide > div > a{
	height:100%;
	display:block;
	overflow:hidden;
	box-sizing:border-box
}
#product div.prd-images div.swiper-slide > div > a > span,
#product div.prd-images div.swiper-slide > div > a.hidden-img{display:none!important}
#product div.prd-images div.swiper-slide img{box-sizing:border-box}

#product div.prd-images img,
#product div.prd-images div.gallery-top,
#product div.prd-images div.gallery-thumbs{width:100%!important}
#product div.prd-images div.gallery-top,
#product div.prd-images div.gallery-thumbs{clear:both;overflow:visible}
#product div.prd-images div.gallery-top{margin-bottom:var(--cnt-margin-1)}
#product div.prd-images div.gallery-top div,
#product div.prd-images div.gallery-top a{height:100%}
#product div.prd-images div.gallery-top img{float:left}
#product div.prd-images div.gallery-top img.noimage{box-sizing:border-box}
#product div.prd-images div.gallery-top a{padding:1vw;border:1px solid var(--c-grey-90)}

#product div.prd-images div.gallery-top a{
	display:flex;
	flex-flow:column wrap;
	justify-content:center;
	align-content:center;
	align-items:center
}
#product div.prd-images div.gallery-top img{height:auto}

#product div.prd-images div.gallery-thumbs div.swiper-wrapper{grid-gap:0 var(--cnt-margin-1);transform:translate3d(0,0,0)!important}
#product div.prd-images div.gallery-thumbs div.swiper-slide{
	width:120px!important;
	height:120px!important;
	display:flex;
	flex-flow:column wrap;
	justify-content:center;
	align-content:center;
	align-items:center;
	cursor:pointer;
	opacity:0.6;
	padding:0.4vw;
	border:1px solid var(--c-grey-90)
}
#product div.prd-images div.gallery-thumbs div.swiper-slide-active{opacity:1}
#product div.prd-images div.gallery-thumbs img{height:auto!important;background:var(--c-white)}
#product div.prd-images div.gallery-thumbs div.swiper-slide-active a{border:2px solid var(--c-green)}

#product div.prd-images .swiper-button-prev,
#product div.prd-images .swiper-button-next{
    width:18px;
	height:30px!important;
	top:50%;
	margin-top:-15px;
	box-sizing:border-box;
	background-image:none
}
#product div.prd-images .swiper-button-prev{left:10px}
#product div.prd-images .swiper-button-next{right:10px}
#product div.prd-images .swiper-button-prev svg, 
#product div.prd-images .swiper-button-next svg{
	width:auto;
	height:100%;
	float:left
}

#gallery.pswp,
#gallery.pswp div{overflow:visible!important}
#gallery.pswp{z-index:1000007!important}
#gallery.pswp div.pswp__zoom-wrap{
	width:100%!important;
	display:flex;
	flex-flow:column wrap;
	justify-content:center;
	align-content:center;
	align-items:center;
	transform:none!important
}
#gallery.pswp img.pswp__img{
	width:1000px!important;
	height:auto!important;
	position:static!important
}

/*PROMO*/
#product div.prd-images div.promo{
	width:6.5vw;
	position:absolute;
	top:0.8vw;
	right:0;
	z-index:100000
}
#product div.prd-images div.promo p,
#product div.prd-images div.promo p span{background:var(--c-red)}
#product div.prd-images div.promo p{
	width:auto;
	font-size:var(--fnt-responsive-22);
	font-weight:var(--w-semibold);
	color:var(--c-white);
	line-height:100%;
	text-transform:uppercase;
	float:right;
	position:relative;
	overflow:visible;
	padding:0.4vw 0.6vw;
	box-sizing:border-box
}
#product div.prd-images div.promo p span{
	width:1vw;
	height:1vw;
	display:block;
	position:absolute;
	right:86%
}
#product div.prd-images div.promo p span:nth-of-type(1){top:-0.5vw;transform:rotate(45deg)}
#product div.prd-images div.promo p span:nth-of-type(2){bottom:-0.5vw;transform:rotate(-45deg)}

/*ATTACHMENTS*/
#product div.prd-attachments,
#product div.prd-attachments h3,
#product div.prd-attachments h4,
#product div.prd-attachments ul,
#product div.prd-attachments li,
#product div.prd-attachments li a{width:100%;clear:both}
#product div.prd-attachments h3,
#product div.prd-attachments h4,
#product div.prd-attachments li{
	font-weight:var(--w-regular);
	line-height:100%;
	text-transform:uppercase
}
#product div.prd-attachments h3,
#product div.prd-attachments h4{text-align:center;padding:14px 0}
#product div.prd-attachments h3{
	font-size:var(--fnt-bigger-2);
	color:var(--c-white);
	background:var(--c-green)
}
#product div.prd-attachments h3 span{display:none}
#product div.prd-attachments h4{
	font-size:var(--fnt-bigger-1);
	color:var(--c-white);
	border-bottom:1px solid var(--c-white);
	background:var(--c-grey-30)
}
#product div.prd-attachments ul{list-style:none outside}
#product div.prd-attachments ul:last-of-type{border-bottom:1px solid var(--c-grey-90)}
#product div.prd-attachments li,
#product div.prd-attachments li a,
#product div.prd-attachments li a span{
	line-height:100%;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
#product div.prd-attachments li,
#product div.prd-attachments li a{
	display:flex;
	flex-flow:row nowrap;
	justify-content:flex-start;
	align-items:center
}
#product div.prd-attachments li{
	font-size:var(--fnt-smaller-1);
	padding:12px 0;
	border-bottom:1px solid var(--c-grey-90)
}
#product div.prd-attachments li:last-of-type{border-bottom:none!important}
#product div.prd-attachments a{grid-gap:0 10px;color:var(--c-black)}
#product div.prd-attachments a:hover{color:var(--c-green)}
#product div.prd-attachments a img{width:24px;height:auto}
#product div.prd-attachments a span{width:calc(100% - 34px)}
#product div.prd-attachments li.url-unavailable,
#product div.prd-attachments a.url-unavailable,
#product div.prd-attachments span.unavailable{display:none}

/*INTRO*/
#product div.prd-intro{
	display:flex;
	flex-flow:row wrap;
	align-items:center;
	padding-bottom:var(--cnt-margin-1);
	border-bottom:1px solid var(--c-grey-90)
}
#product div.prd-intro h1,
#product div.prd-intro > div{width:100%;clear:both}
#product div.prd-intro h1,
#product div.prd-intro span.avaAlert{text-transform:uppercase/*;margin-bottom:15px*/}
#product div.prd-intro h1{
	font-size:var(--fnt-bigger-11);
	font-weight:var(--w-black);
	line-height:120%
}
#product div.prd-intro h1.availability-0{width:calc(100% - 180px)}

#product div.prd-intro span.avaAlert{
	width:auto;
	font-size:var(--fnt-base);
	font-weight:var(--w-semibold);
	height:32px;
	color:var(--c-black);
	line-height:130%;
	text-transform:uppercase;
	text-align:right;
	display:flex;
	flex-flow:row nowrap;
	justify-content:flex-end;
	align-items:center;
	cursor:pointer;
	align-self:flex-start;
	overflow:hidden;
	padding-right:37px;
	margin-left:auto;
	box-sizing:border-box;
	background:url(/layout/img/ico-notification-black.png) no-repeat center right;
	background-size:auto 100%
}
#product div.prd-intro span.avaAlert:hover,
#product div.prd-intro span.avaAlreadyAlert{color:var(--c-green);background-image:url(../../img/ico-notification-green.png)}

#product div.prd-intro div.prd-shipping-info,
#product div.prd-intro div.prd-shipping-info div{display:flex;flex-flow:row nowrap}
#product div.prd-intro div.prd-shipping-info{align-items:flex-start;grid-gap:calc(var(--main-spacing) * 2)}
#product div.prd-intro div.prd-shipping-info div{align-items:center;grid-gap:0 7px}
#product div.prd-intro div.prd-shipping-info div img{width:var(--ico-size-6);height:auto}
#product div.prd-intro div.prd-shipping-info div p{
	font-size:var(--fnt-smaller-1);
	font-weight:var(--w-bold);
	line-height:100%;
	text-transform:uppercase
}
#product div.prd-intro div.prd-shipping-info div p.ok{color:var(--c-green)}
#product div.prd-intro div.prd-shipping-info div p.ko{color:var(--c-red)}
#product div.prd-intro div.prd-shipping-info div p.low{color:var(--c-yellow)}

/*ATTRIBUTES*/
#product div.prd-attributes{margin-top:var(--cnt-margin-1)}
#product div.prd-attributes > div{width:100%;clear:both}

#product div.prd-attributes div.prd-prologue{margin-bottom:var(--cnt-margin-1)}
#product div.prd-attributes div.prd-prologue h2,
#product div.prd-attributes div.prd-prologue h3{line-height:130%}
#product div.prd-attributes div.prd-prologue h2{
	font-size:var(--fnt-bigger-7);
	font-weight:var(--w-extrabold);
	color:var(--c-green);
	margin-bottom:4px
}
#product div.prd-attributes div.prd-prologue h3{
	font-size:var(--fnt-bigger-1);
	font-weight:var(--w-semibold);
	color:var(--c-grey-30);
	text-transform:uppercase;
	margin-bottom:2px
}
#product div.prd-attributes div.prd-prologue p,
#product div.prd-attributes div.prd-prologue ul{
	font-size:var(--fnt-smaller-1);
	line-height:170%;
	margin-bottom:var(--cnt-margin-1)
}
#product div.prd-attributes div.prd-prologue ul{
	list-style:square outside;
	padding-left:16px;
	box-sizing:border-box
}
#product div.prd-attributes div.prd-prologue *:last-child{margin-bottom:0!important}

#product div.prd-attributes div.prd-features table{width:100%;border-collapse:collapse}
#product div.prd-attributes div.prd-features table th,
#product div.prd-attributes div.prd-features table td{line-height:150%;padding:10px 0}
#product div.prd-attributes div.prd-features table th{
	font-size:var(--fnt-bigger-1);
	font-weight:var(--w-regular);
	color:var(--c-white);
	text-transform:uppercase;
	text-align:center;
	background:var(--c-green)
}
#product div.prd-attributes div.prd-features table td{font-size:var(--fnt-smaller-1);border-bottom:1px solid var(--c-white)}
#product div.prd-attributes div.prd-features table td:nth-of-type(1){
	width:390px;
	font-weight:var(--w-bold);
	padding-left:12px
}
#product div.prd-attributes div.prd-features table td:nth-of-type(2){width:calc(100% - 390px);padding-right:12px}
#product div.prd-attributes div.prd-features table tr:nth-of-type(odd) td{background:var(--c-grey-96)}
#product div.prd-attributes div.prd-features table tr:nth-of-type(even) td{background:var(--c-grey-92)}

/*PURCHASE*/
#product div.prd-purchase div.prc-matrix,
#product div.prd-purchase div.row,
#product div.prd-purchase div.row > div{width:100%;clear:both}
#product div.prd-purchase div.row,
#product div.prd-purchase div.prd-cart{
	display:flex;
	flex-flow:row wrap;
	align-content:stretch
}
#product div.prd-purchase div.prc-matrix{border-bottom-left-radius:var(--boxes-radius)}
#product div.prd-purchase div.row{
	padding:30px;
	align-items:flex-end;
	border-bottom:1px solid var(--c-white)
}
#product div.prd-purchase div.row:nth-of-type(odd){background:var(--c-grey-96)}
#product div.prd-purchase div.row:nth-of-type(even){background:var(--c-grey-92)}
#product div.prd-purchase div.row div.crt{margin:12px 0}
#product div.prd-purchase div.row div.comps{margin-top:12px}

#product div.prd-purchase div.row p,
#product div.prd-purchase div.row ul{line-height:130%;text-align:right}
#product div.prd-purchase div.row p{font-size:var(--fnt-smaller-2)}
#product div.prd-purchase div.row ul{font-size:var(--fnt-smaller-3);list-style:none outside}

#product div.prd-purchase div.row div.prc p.lbl{
	font-weight:var(--w-semibold);
	text-transform:uppercase;
	margin-bottom:5px
}
#product div.prd-purchase div.row div.prc p.prc{
	font-size:var(--fnt-bigger-8);
	font-weight:var(--w-extrabold);
	color:var(--c-green);
	line-height:100%
}
#product div.prd-purchase div.row div.prc p.prc span.curr{font-size:0.80em}

#product div.prd-purchase div.row div.prd-cart{
	align-items:center;
	grid-gap:0 15px;
	position:relative
}
#product div.prd-purchase div.row div.prd-cart input,
#product div.prd-purchase div.row div.prd-cart a{overflow:hidden;box-sizing:border-box}
#product div.prd-purchase div.row div.prd-cart input{
	width:calc(100% - (var(--ico-size-7) + 15px));
	height:var(--fld-height-2);
	font-size:var(--fnt-smaller-1);
	color:var(--c-grey-50);
	line-height:var(--fld-height-2);
	text-align:center;
	-webkit-appearance:textfield!important;
	border-radius:var(--fld-radius);
	border:1px solid var(--c-grey-85);
	background:var(--c-white)
}
#product div.prd-purchase div.row div.prd-cart a{
	width:var(--ico-size-7);
	height:var(--ico-size-7);
	cursor:pointer;
	text-indent:-9999px;
	background:url(/Layout/img/ico-cart-black.png) no-repeat center center;
	background-size:auto 100%!important
}
#product div.prd-purchase div.row div.prd-cart a:hover{background-image:url(/Layout/img/ico-cart-green.png)}
#product div.prd-purchase div.row div.prd-cart div.btn-minus,
#product div.prd-purchase div.row div.prd-cart div.btn-plus{
	width:var(--fld-height-2);
	height:var(--fld-height-2);
	cursor:pointer;
	position:absolute;
	top:0;
	background:var(--c-grey-85)
}
#product div.prd-purchase div.row div.prd-cart div.btn-minus{left:0;border-radius:var(--fld-radius) 0 0 var(--fld-radius)}
#product div.prd-purchase div.row div.prd-cart div.btn-plus{right:calc(var(--ico-size-7) + 15px);border-radius:0 var(--fld-radius) var(--fld-radius) 0}
#product div.prd-purchase div.row div.prd-cart div.btn-minus span,
#product div.prd-purchase div.row div.prd-cart div.btn-plus span,
#product div.prd-purchase div.row div.prd-cart div.btn-plus span:after{position:absolute;background:var(--c-grey-30)}
#product div.prd-purchase div.row div.prd-cart div.btn-minus:hover span,
#product div.prd-purchase div.row div.prd-cart div.btn-plus:hover span,
#product div.prd-purchase div.row div.prd-cart div.btn-plus:hover span:after{background:var(--c-green)}
#product div.prd-purchase div.row div.prd-cart div.btn-minus span,
#product div.prd-purchase div.row div.prd-cart div.btn-plus span{
	width:8px;
	height:2px;
	top:calc((var(--fld-height-2) - 2px) / 2);
	left:calc((var(--fld-height-2) - 8px) / 2)
}
#product div.prd-purchase div.row div.prd-cart div.btn-plus span:after{
	content:"";
	width:2px;
	height:8px;
	top:-3px;
	left:3px
}

#product div.prd-purchase div.row div.ava p.ava strong{font-weight:var(--w-bold)}
#product div.prd-purchase div.row div.ava p.ava strong.supply{color:var(--c-green)}

#product div.prd-purchase div.row div.comps ul{text-transform:uppercase}
#product div.prd-purchase div.row div.comps ul li{padding:8px 0;border-bottom:1px solid var(--c-grey-85)}
#product div.prd-purchase div.row div.comps ul li:first-of-type{border-top:1px solid var(--c-grey-85)}
#product div.prd-purchase div.row div.comps ul li a{color:var(--c-grey-30)}
#product div.prd-purchase div.row div.comps ul li a:hover{color:var(--c-green)}

#product div.prd-purchase p.note{
	font-size:var(--fnt-smaller-1);
	font-weight:var(--w-bold);
	font-style:italic;
	line-height:130%;
	text-transform:uppercase;
	text-align:right;
	display:block;
	margin-top:8px;
	padding-left:var(--cnt-margin-1)
}
#product div.prd-purchase p.note strong{font-weight:var(--w-extrabold);color:var(--c-green)}

/*RELATIONS*/
#product div.prd-relations,
#product div.prd-relations > div,
#product div.prd-relations > div > div.prd-intro,
#product div.prd-relations > div > div.relations-slider,
#product div.prd-relations > div > div.relations-container,
#product div.prd-relations > div > div.slider-wrapper{width:100%;clear:both}
#product div.prd-relations,
#product div.prd-relations div.relations-slider,
#product div.prd-relations div.swiper-wrapper{overflow:visible!important}
#product div.prd-relations div{box-sizing:border-box}
#product div.prd-relations{
	display:flex;
	flex-flow:row wrap;
	padding:0 calc(var(--main-spacing) - 1vw);
	margin-top:var(--main-spacing)
}
#product div.prd-relations div.relations-slider{position:relative}
#product div.prd-relations div.relations-container{overflow:hidden}
#product div.prd-relations div.swiper-wrapper{display:flex;flex-flow:row nowrap}

#product div.prd-relations div.relations-intro{padding:0 1vw}
#product div.prd-relations div.relations-intro h3,
#product div.prd-relations div.relations-intro p{width:100%;line-height:100%}
#product div.prd-relations div.relations-intro h3{
	font-size:var(--fnt-responsive-19);
	font-weight:var(--w-thin);
	text-transform:uppercase;
	margin-bottom:0.5%
}
#product div.prd-relations div.relations-intro h3 span{
	font-size:1.05em;
	font-weight:var(--w-black);
	color:var(--c-green)
}
#product div.prd-relations div.relations-intro p{
	font-size:var(--fnt-responsive-20);
	color:var(--c-grey-50);
	margin-bottom:1.2vw
}

#product div.prd-relations .swiper-button-prev, 
#product div.prd-relations .swiper-button-next{
    width:1.6vw;
	height:1.6vw;
	fill:var(--c-white);
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	align-items:center;
	top:-2.8vw!important;
	left:unset!important;
	margin:0!important;
	border-radius:0.2vw;
	background-image:none;
	background:var(--c-green)
} 
#product div.prd-relations div.swiper-button-next{right:1vw;background-position:center center!important}
#product div.prd-relations div.swiper-button-prev{right:3.4vw;background-position:center center!important}
#product div.prd-relations div.swiper-button-prev svg,
#product div.prd-relations div.swiper-button-next svg{width:auto;height:55%}
#product div.prd-relations div.swiper-button-prev:hover,
#product div.prd-relations div.swiper-button-next:hover{fill:var(--c-grey-lightgreen)}

#product div.prd-relations div.swiper-slide{
	height:auto!important;
	font-size:1.00em!important;
	text-align:center;
	display:unset;
	position:relative;
	background:none!important
}

#product div.prd-relations div.prd-itm{width:20%!important;padding:0 1vw}
#product div.prd-relations div.prd-itm div.prd-cnt,
#product div.prd-relations div.prd-itm a.prd-img,
#product div.prd-relations div.prd-itm a.prd-img img,
#product div.prd-relations div.prd-itm div.prd-data,
#product div.prd-relations div.prd-itm div.prd-txt,
#product div.prd-relations div.prd-itm div.prd-cart{width:100%;clear:both}
#product div.prd-relations div.prd-itm div.prd-cnt{
	height:100%;
	display:flex;
	flex-flow:column wrap;
	position:relative;
	border-radius:0.8vw;
	border:1px solid var(--c-grey-90);
	background:var(--c-grey-98)
}

#product div.prd-relations div.prd-itm a.prd-img{
	display:block;
	overflow:hidden;
	padding:1vw;
	box-sizing:border-box;
	border-bottom:1px solid var(--c-grey-90);
	background:var(--c-white)
}
#product div.prd-relations div.prd-itm a.prd-img img{height:auto;float:left}

#product div.prd-relations div.prd-itm div.promo{
	width:4.5vw;
	position:absolute;
	top:0.8vw;
	right:0
}
#prd-content div.prd-itm.discount div.prd-img div.promo{display:block}
#product div.prd-relations div.prd-itm div.promo p,
#product div.prd-relations div.prd-itm div.promo p span{background:var(--c-red)}
#product div.prd-relations div.prd-itm div.promo p{
	width:auto;
	font-size:var(--fnt-responsive-23);
	font-weight:var(--w-semibold);
	color:var(--c-white);
	line-height:100%;
	text-transform:uppercase;
	float:right;
	position:relative;
	overflow:visible;
	padding:0.3vw 0.4vw;
	box-sizing:border-box
}
#product div.prd-relations div.prd-itm div.promo p span{
	width:0.9vw;
	height:0.9vw;
	display:block;
	position:absolute;
	right:87%
}
#product div.prd-relations div.prd-itm div.promo p span:nth-of-type(1){top:-0.45vw;transform:rotate(45deg)}
#product div.prd-relations div.prd-itm div.promo p span:nth-of-type(2){bottom:-0.45vw;transform:rotate(-45deg)}

#product div.prd-relations div.prd-itm div.prd-txt{padding:0.9vw 1vw 0.8vw 1vw}
#product div.prd-relations div.prd-itm div.prd-txt h3,
#product div.prd-relations div.prd-itm div.prd-txt h4,
#product div.prd-relations div.prd-itm div.prd-txt h5{
	font-weight:var(--w-bold);
	line-height:130%;
	text-align:center;
	text-transform:uppercase
}
#product div.prd-relations div.prd-itm div.prd-txt h3{
	width:100%;
	height:var(--fnt-responsive-21) * 130% * 2;
	font-size:var(--fnt-responsive-21);
	display:block;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow:ellipsis;
	margin:0.4vw 0
}
#product div.prd-relations div.prd-itm div.prd-txt h3 a{color:var(--c-black)}
#product div.prd-relations div.prd-itm div.prd-txt h3 a:hover{color:var(--c-green)}
#product div.prd-relations div.prd-itm div.prd-txt h4{font-size:var(--fnt-responsive-22);color:var(--c-grey-50)}
#product div.prd-relations div.prd-itm div.prd-txt h5{font-size:var(--fnt-responsive-22);color:var(--c-green)}

#product div.prd-relations div.prd-itm div.prd-cart,
#product div.prd-relations div.prd-itm div.prd-cart a{display:flex;flex-flow:row wrap}
#product div.prd-relations div.prd-itm div.prd-cart{
	align-items:flex-end;
	margin-top:auto;
	padding:0 1vw 0.9vw 1vw
}
#product div.prd-relations div.prd-itm div.prd-cart div.prices{width:calc(100% - 2.5vw)}
#product div.prd-relations div.prd-itm div.prd-cart p{line-height:130%;text-transform:uppercase}
#product div.prd-relations div.prd-itm div.prd-cart p.lbl{font-size:var(--fnt-responsive-23);font-weight:var(--w-semibold)}
#product div.prd-relations div.prd-itm div.prd-cart p.prc{
	font-size:var(--fnt-responsive-24);
	font-weight:var(--w-extrabold);
	color:var(--c-green)
}
#product div.prd-relations div.prd-itm div.prd-cart p.whole-price span.curr{font-size:0.75em}
#product div.prd-relations div.prd-itm div.prd-cart p.last-30{font-size:var(--fnt-responsive-27);font-weight:var(--w-semibold)}
#product div.prd-relations div.prd-itm div.prd-cart p.last-30 span{color:var(--c-red)}

#product div.prd-relations div.prd-itm div.prd-cart a{
	width:1.9vw;
	height:1.9vw;
	justify-content:center;
	align-items:center;
	margin-left:auto;
	border-radius:0.2vw;
	background-color:var(--c-lightgreen)
}
#product div.prd-relations div.prd-itm div.prd-cart a img{width:auto;height:55%}
#product div.prd-relations div.prd-itm div.prd-cart a:hover{background:url(/Layout/img/ico-cart-white.png) no-repeat center center var(--c-green);background-size:auto 55%}
#product div.prd-relations div.prd-itm div.prd-cart a:hover img{visibility:hidden}

/*RESPONSIVITY*/
@media only screen and (min-width:320px) and (max-width:1024px) {
	/*breadcrumbs*/
	#container div.prd-breadcrumbs{padding-top:8px}
	#container div.prd-breadcrumbs ul{grid-gap:0 4px}
	#container div.prd-breadcrumbs ul li{line-height:8px;padding-right:9px}
	#container div.prd-breadcrumbs div.goback,
	#container div.prd-breadcrumbs div.goback:before,
	#container div.prd-breadcrumbs div.goback:after{
		border-top-width:4px;
		border-right-width:8px; 
		border-bottom-width:4px
	}
	#container div.prd-breadcrumbs div.goback{margin:0 14px 0 6px}
	#container div.prd-breadcrumbs div.goback:before,
	#container div.prd-breadcrumbs div.goback:after{top:-4px}
	#container div.prd-breadcrumbs div.goback:before{left:-6px}
	#container div.prd-breadcrumbs div.goback:after{left:6px}

	/*containers*/
	#product div.prd-attributes{width:calc(100% - (190px + var(--main-spacing)))}
	#product div.prd-purchase{width:190px}

	/*images*/
	#product div.prd-images div.gallery-thumbs div.swiper-slide{width:60px!important;height:60px!important}
	#product div.prd-images .swiper-button-prev,
	#product div.prd-images .swiper-button-next{
		width:11px;
		height:18px!important;
		margin-top:-9px
	}
	#product div.prd-images .swiper-button-prev{left:8px}
	#product div.prd-images .swiper-button-next{right:8px}
	#gallery.pswp img.pswp__img{width:800px!important}

	/*promo*/
	#product div.prd-images div.promo{width:7.5vw;top:0.9vw}
	#product div.prd-images div.promo p{padding:0.5vw 0.7vw}
	#product div.prd-images div.promo p span{
		width:1.35vw;
		height:1.35vw;
		right:87.5%
	}
	#product div.prd-images div.promo p span:nth-of-type(1){top:-0.65vw}
	#product div.prd-images div.promo p span:nth-of-type(2){bottom:-0.65vw}

	/*attachments*/
	#product div.prd-attachments h3,
	#product div.prd-attachments h4{padding:11px 0}
	#product div.prd-attachments li{padding:9px 0}
	#product div.prd-attachments a{grid-gap:0 8px}
	#product div.prd-attachments a img{width:18px}
	#product div.prd-attachments a span{width:calc(100% - 26px)}

	/*intro*/
	/*#product div.prd-intro h1,
	#product div.prd-intro span.avaAlert{margin-bottom:8px}*/
	#product div.prd-intro h1.availability-0{width:calc(100% - 140px)}
	#product div.prd-intro span.avaAlert{height:26px;padding-right:31px}
	#product div.prd-intro div.prd-shipping-info div{grid-gap:0 6px}

	/*attributes*/
	#product div.prd-attributes div.prd-prologue h2{margin-bottom:2px}
	#product div.prd-attributes div.prd-prologue h3{margin-bottom:0}
	#product div.prd-attributes div.prd-prologue ul{padding-left:14px}
	#product div.prd-attributes div.prd-features table th{padding:9px 12px}
	#product div.prd-attributes div.prd-features table td{padding:9px 0}
	#product div.prd-attributes div.prd-features table td:nth-of-type(1){width:210px;padding-left:8px}
	#product div.prd-attributes div.prd-features table td:nth-of-type(2){width:calc(100% - 210px);padding-right:8px}

	/*purchase*/
	#product div.prd-purchase div.row{padding:22px}
	#product div.prd-purchase div.row div.crt{margin:8px 0}
	#product div.prd-purchase div.row div.comps{margin-top:8px}
	#product div.prd-purchase div.row div.prc p.lbl{margin-bottom:3px}
	#product div.prd-purchase div.row div.prd-cart{grid-gap:0 10px}
	#product div.prd-purchase div.row div.prd-cart input{width:calc(100% - (var(--ico-size-7) + 10px))}
	#product div.prd-purchase div.row div.prd-cart div.btn-plus{right:calc(var(--ico-size-7) + 10px)}
	#product div.prd-purchase div.row div.comps ul li{padding:6px 0}
	#product div.prd-purchase p.note{margin-top:7px}

	/*relations*/
	#product div.prd-relations{padding:0 calc(var(--main-spacing) - 1vw)}
	#product div.prd-relations div.relations-intro{padding:0 1vw}
	#product div.prd-relations div.relations-intro h3{margin-bottom:0.7%}
	#product div.prd-relations div.relations-intro p{margin-bottom:1.3vw}
	#product div.prd-relations .swiper-button-prev, 
	#product div.prd-relations .swiper-button-next{
		width:2vw;
		height:2vw;
		top:-3.3vw!important;
		border-radius:0.3vw
	} 
	#product div.prd-relations div.swiper-button-next{right:1vw}
	#product div.prd-relations div.swiper-button-prev{right:3.7vw}
	#product div.prd-relations div.prd-itm{width:25%!important;padding:0 1vw}
	#product div.prd-relations div.prd-itm div.prd-cnt{border-radius:0.9vw}
	#product div.prd-relations div.prd-itm a.prd-img{padding:1.3vw}
	#product div.prd-relations div.prd-itm div.promo{width:6vw;top:0.9vw}
	#product div.prd-relations div.prd-itm div.promo p{padding:0.4vw 0.5vw}
	#product div.prd-relations div.prd-itm div.promo p span{
		width:1.2vw;
		height:1.2vw;
		right:88%
	}
	#product div.prd-relations div.prd-itm div.promo p span:nth-of-type(1){top:-0.58vw}
	#product div.prd-relations div.prd-itm div.promo p span:nth-of-type(2){bottom:-0.58vw}
	#product div.prd-relations div.prd-itm div.prd-txt{padding:1.3vw 1.4vw 1vw 1.4vw}
	#product div.prd-relations div.prd-itm div.prd-cart{padding:0 1.4vw 1.3vw 1.4vw}
	#product div.prd-relations div.prd-itm div.prd-txt h3{margin:0.5vw 0}
	#product div.prd-relations div.prd-itm div.prd-cart div.prices{width:calc(100% - 3.8vw)}
	#product div.prd-relations div.prd-itm div.prd-cart a{
		width:2.6vw;
		height:2.6vw;
		border-radius:0.3vw
	}
}

@media only screen and (min-width:1025px) and (max-width:1280px) {
	/*breadcrumbs*/
	#container div.prd-breadcrumbs{padding-top:8px}
	#container div.prd-breadcrumbs ul{grid-gap:0 4px}
	#container div.prd-breadcrumbs ul li{line-height:8px;padding-right:9px}
	#container div.prd-breadcrumbs div.goback,
	#container div.prd-breadcrumbs div.goback:before,
	#container div.prd-breadcrumbs div.goback:after{
		border-top-width:4px;
		border-right-width:8px; 
		border-bottom-width:4px
	}
	#container div.prd-breadcrumbs div.goback{margin:0 14px 0 6px}
	#container div.prd-breadcrumbs div.goback:before,
	#container div.prd-breadcrumbs div.goback:after{top:-4px}
	#container div.prd-breadcrumbs div.goback:before{left:-6px}
	#container div.prd-breadcrumbs div.goback:after{left:6px}

	/*containers*/
	#product div.prd-attributes{width:calc(100% - (190px + var(--main-spacing)))}
	#product div.prd-purchase{width:190px}

	/*images*/
	#product div.prd-images div.gallery-thumbs div.swiper-slide{width:60px!important;height:60px!important}
	#product div.prd-images .swiper-button-prev,
	#product div.prd-images .swiper-button-next{
		width:11px;
		height:18px!important;
		margin-top:-9px
	}
	#product div.prd-images .swiper-button-prev{left:8px}
	#product div.prd-images .swiper-button-next{right:8px}
	#gallery.pswp img.pswp__img{width:800px!important}

	/*promo*/
	#product div.prd-images div.promo{width:7.5vw;top:0.9vw}
	#product div.prd-images div.promo p{padding:0.5vw 0.7vw}
	#product div.prd-images div.promo p span{
		width:1.35vw;
		height:1.35vw;
		right:87.5%
	}
	#product div.prd-images div.promo p span:nth-of-type(1){top:-0.65vw}
	#product div.prd-images div.promo p span:nth-of-type(2){bottom:-0.65vw}

	/*attachments*/
	#product div.prd-attachments h3,
	#product div.prd-attachments h4{padding:11px 0}
	#product div.prd-attachments li{padding:9px 0}
	#product div.prd-attachments a{grid-gap:0 8px}
	#product div.prd-attachments a img{width:18px}
	#product div.prd-attachments a span{width:calc(100% - 26px)}

	/*intro*/
	/*#product div.prd-intro h1,
	#product div.prd-intro span.avaAlert{margin-bottom:8px}*/
	#product div.prd-intro h1.availability-0{width:calc(100% - 140px)}
	#product div.prd-intro span.avaAlert{height:26px;padding-right:31px}
	#product div.prd-intro div.prd-shipping-info div{grid-gap:0 6px}

	/*attributes*/
	#product div.prd-attributes div.prd-prologue h2{margin-bottom:2px}
	#product div.prd-attributes div.prd-prologue h3{margin-bottom:0}
	#product div.prd-attributes div.prd-prologue ul{padding-left:14px}
	#product div.prd-attributes div.prd-features table th{padding:9px 12px}
	#product div.prd-attributes div.prd-features table td{padding:9px 0}
	#product div.prd-attributes div.prd-features table td:nth-of-type(1){width:210px;padding-left:8px}
	#product div.prd-attributes div.prd-features table td:nth-of-type(2){width:calc(100% - 210px);padding-right:8px}

	/*purchase*/
	#product div.prd-purchase div.row{padding:22px}
	#product div.prd-purchase div.row div.crt{margin:8px 0}
	#product div.prd-purchase div.row div.comps{margin-top:8px}
	#product div.prd-purchase div.row div.prc p.lbl{margin-bottom:3px}
	#product div.prd-purchase div.row div.prd-cart{grid-gap:0 10px}
	#product div.prd-purchase div.row div.prd-cart input{width:calc(100% - (var(--ico-size-7) + 10px))}
	#product div.prd-purchase div.row div.prd-cart div.btn-plus{right:calc(var(--ico-size-7) + 10px)}
	#product div.prd-purchase div.row div.comps ul li{padding:6px 0}
	#product div.prd-purchase p.note{margin-top:7px}

	/*relations*/
	#product div.prd-relations{padding:0 calc(var(--main-spacing) - 1vw)}
	#product div.prd-relations div.relations-intro{padding:0 1vw}
	#product div.prd-relations div.relations-intro h3{margin-bottom:0.7%}
	#product div.prd-relations div.relations-intro p{margin-bottom:1.3vw}
	#product div.prd-relations .swiper-button-prev, 
	#product div.prd-relations .swiper-button-next{
		width:2vw;
		height:2vw;
		top:-3.3vw!important;
		border-radius:0.3vw
	} 
	#product div.prd-relations div.swiper-button-next{right:1vw}
	#product div.prd-relations div.swiper-button-prev{right:3.7vw}
	#product div.prd-relations div.prd-itm{width:25%!important;padding:0 1vw}
	#product div.prd-relations div.prd-itm div.prd-cnt{border-radius:0.9vw}
	#product div.prd-relations div.prd-itm a.prd-img{padding:1.3vw}
	#product div.prd-relations div.prd-itm div.promo{width:6vw;top:0.9vw}
	#product div.prd-relations div.prd-itm div.promo p{padding:0.4vw 0.5vw}
	#product div.prd-relations div.prd-itm div.promo p span{
		width:1.2vw;
		height:1.2vw;
		right:88%
	}
	#product div.prd-relations div.prd-itm div.promo p span:nth-of-type(1){top:-0.58vw}
	#product div.prd-relations div.prd-itm div.promo p span:nth-of-type(2){bottom:-0.58vw}
	#product div.prd-relations div.prd-itm div.prd-txt{padding:1.3vw 1.4vw 1vw 1.4vw}
	#product div.prd-relations div.prd-itm div.prd-cart{padding:0 1.4vw 1.3vw 1.4vw}
	#product div.prd-relations div.prd-itm div.prd-txt h3{margin:0.5vw 0}
	#product div.prd-relations div.prd-itm div.prd-cart div.prices{width:calc(100% - 3.8vw)}
	#product div.prd-relations div.prd-itm div.prd-cart a{
		width:2.6vw;
		height:2.6vw;
		border-radius:0.3vw
	}
}

@media only screen and (min-width:1281px) and (max-width:1500px) {
	/*containers*/
	#product div.prd-attributes{width:calc(100% - (210px + var(--main-spacing)))}
	#product div.prd-purchase{width:210px}

	/*images*/
	#product div.prd-images div.gallery-thumbs div.swiper-slide{width:80px!important;height:80px!important}
	#product div.prd-images .swiper-button-prev,
	#product div.prd-images .swiper-button-next{
		width:13px;
		height:22px!important;
		margin-top:-11px
	}
	#product div.prd-images .swiper-button-prev{left:8px}
	#product div.prd-images .swiper-button-next{right:8px}
	#gallery.pswp img.pswp__img{width:850px!important}

	/*promo*/
	#product div.prd-images div.promo{top:0.85vw}
	#product div.prd-images div.promo p{padding:0.45vw 0.65vw}
	#product div.prd-images div.promo p span{
		width:1.1vw;
		height:1.1vw;
		right:88%
	}
	#product div.prd-images div.promo p span:nth-of-type(1){top:-0.52vw}
	#product div.prd-images div.promo p span:nth-of-type(2){bottom:-0.52vw}

	/*attachments*/
	#product div.prd-attachments h3,
	#product div.prd-attachments h4{padding:12px 0}
	#product div.prd-attachments li{padding:10px 0}
	#product div.prd-attachments a{grid-gap:0 9px}
	#product div.prd-attachments a img{width:20px}
	#product div.prd-attachments a span{width:calc(100% - 31px)}

	/*intro*/
	/*#product div.prd-intro h1,
	#product div.prd-intro span.avaAlert{margin-bottom:10px}*/
	#product div.prd-intro h1.availability-0{width:calc(100% - 150px)}
	#product div.prd-intro span.avaAlert{height:28px;padding-right:33px}
	#product div.prd-intro div.prd-shipping-info div{grid-gap:0 6px}

	/*attributes*/
	#product div.prd-attributes div.prd-prologue h2{margin-bottom:3px}
	#product div.prd-attributes div.prd-prologue h3{margin-bottom:1px}
	#product div.prd-attributes div.prd-prologue ul{padding-left:15px}
	#product div.prd-attributes div.prd-features table th,
	#product div.prd-attributes div.prd-features table td{padding:9px 0}
	#product div.prd-attributes div.prd-features table td:nth-of-type(1){width:280px;padding-left:8px}
	#product div.prd-attributes div.prd-features table td:nth-of-type(2){width:calc(100% - 280px);padding-right:8px}

	/*purchase*/
	#product div.prd-purchase div.row{padding:26px}
	#product div.prd-purchase div.row div.crt{margin:10px 0}
	#product div.prd-purchase div.row div.comps{margin-top:10px}
	#product div.prd-purchase div.row div.prd-cart{grid-gap:0 12px}
	#product div.prd-purchase div.row div.prd-cart input{width:calc(100% - (var(--ico-size-7) + 12px))}
	#product div.prd-purchase div.row div.prd-cart div.btn-plus{right:calc(var(--ico-size-7) + 12px)}
	#product div.prd-purchase div.row div.comps ul li{padding:6px 0}
	#product div.prd-purchase p.note{margin-top:7px}

	/*relations*/
	#product div.prd-relations{padding:0 calc(var(--main-spacing) - 0.8vw)}
	#product div.prd-relations div.relations-intro{padding:0 0.8vw}
	#product div.prd-relations div.relations-intro h3{margin-bottom:0.7%}
	#product div.prd-relations div.relations-intro p{margin-bottom:1.3vw}
	#product div.prd-relations .swiper-button-prev, 
	#product div.prd-relations .swiper-button-next{
		width:1.8vw;
		height:1.8vw;
		top:-3.1vw!important;
		border-radius:0.3vw
	} 
	#product div.prd-relations div.swiper-button-next{right:0.8vw}
	#product div.prd-relations div.swiper-button-prev{right:3.5vw}
	#product div.prd-relations div.prd-itm{padding:0 0.8vw}
	#product div.prd-relations div.prd-itm a.prd-img{padding:1.1vw}
	#product div.prd-relations div.prd-itm div.prd-txt{padding:1vw 1.1vw 0.9vw 1.1vw}
	#product div.prd-relations div.prd-itm div.prd-cart{padding:0 1.1vw 1vw 1.1vw}
	#product div.prd-relations div.prd-itm div.prd-txt h3{margin:0.5vw 0}
	#product div.prd-relations div.prd-itm div.prd-cart div.prices{width:calc(100% - 3.1vw)}
	#product div.prd-relations div.prd-itm div.prd-cart a{
		width:2.3vw;
		height:2.3vw;
		border-radius:0.3vw
	}
}

@media only screen and (min-width:1501px) and (max-width:1950px) {
	/*containers*/
	#product div.prd-attributes{width:calc(100% - (230px + var(--main-spacing)))}
	#product div.prd-purchase{width:230px}

	/*images*/
	#product div.prd-images div.gallery-thumbs div.swiper-slide{width:90px!important;height:90px!important}
	#product div.prd-images .swiper-button-prev,
	#product div.prd-images .swiper-button-next{
		width:13px;
		height:22px!important;
		margin-top:-11px
	}
	#gallery.pswp img.pswp__img{width:900px!important}

	/*promo*/
	#product div.prd-images div.promo{top:0.85vw}
	#product div.prd-images div.promo p{padding:0.45vw 0.65vw}
	#product div.prd-images div.promo p span{
		width:1.1vw;
		height:1.1vw;
		right:88%
	}
	#product div.prd-images div.promo p span:nth-of-type(1){top:-0.52vw}
	#product div.prd-images div.promo p span:nth-of-type(2){bottom:-0.52vw}

	/*attachments*/
	#product div.prd-attachments h3,
	#product div.prd-attachments h4{padding:13px 0}
	#product div.prd-attachments li{padding:11px 0}
	#product div.prd-attachments a img{width:22px}
	#product div.prd-attachments a span{width:calc(100% - 32px)}

	/*intro*/
	/*#product div.prd-intro h1,
	#product div.prd-intro span.avaAlert{margin-bottom:12px}*/
	#product div.prd-intro h1.availability-0{width:calc(100% - 160px)}
	#product div.prd-intro span.avaAlert{height:30px;padding-right:35px}
	#product div.prd-intro div.prd-shipping-info div{grid-gap:0 6px}

	/*attributes*/
	#product div.prd-attributes div.prd-prologue h2{margin-bottom:3px}
	#product div.prd-attributes div.prd-prologue h3{margin-bottom:1px}
	#product div.prd-attributes div.prd-features table td:nth-of-type(1){width:370px;padding-left:10px}
	#product div.prd-attributes div.prd-features table td:nth-of-type(2){width:calc(100% - 370px);padding-right:10px}

	/*purchase*/
	#product div.prd-purchase div.row div.crt{margin:11px 0}
	#product div.prd-purchase div.row div.comps{margin-top:11px}
	#product div.prd-purchase div.row div.prd-cart{grid-gap:0 13px}
	#product div.prd-purchase div.row div.prd-cart input{width:calc(100% - (var(--ico-size-7) + 13px))}
	#product div.prd-purchase div.row div.prd-cart div.btn-plus{right:calc(var(--ico-size-7) + 13px)}
	#product div.prd-purchase div.row div.comps ul li{padding:7px 0}

	/*relations*/
	#product div.prd-relations{padding:0 calc(var(--main-spacing) - 0.9vw)}
	#product div.prd-relations div.relations-intro{padding:0 0.9vw}
	#product div.prd-relations div.relations-intro h3{margin-bottom:0.6%}
	#product div.prd-relations .swiper-button-prev, 
	#product div.prd-relations .swiper-button-next{
		width:1.7vw;
		height:1.7vw;
		top:-2.9vw!important
	} 
	#product div.prd-relations div.swiper-button-next{right:0.9vw}
	#product div.prd-relations div.swiper-button-prev{right:3.5vw}
	#product div.prd-relations div.prd-itm{padding:0 0.9vw}
	#product div.prd-relations div.prd-itm div.prd-txt{padding:0.9vw 1vw 0.8vw 1vw}
	#product div.prd-relations div.prd-itm div.prd-cart{padding:0 1vw 0.9vw 1vw}
	#product div.prd-relations div.prd-itm div.prd-cart div.prices{width:calc(100% - 2.9vw)}
	#product div.prd-relations div.prd-itm div.prd-cart a{width:2.1vw;height:2.1vw}
}

/*TABLET*/
@media only screen and (min-device-width:744px) and (max-device-width:1024px) {
	/*images*/
	#product div.prd-images .swiper-button-prev,
	#product div.prd-images .swiper-button-next{
		width:10px;
		height:16px!important;
		margin-top:-8px
	}
	#product div.prd-images .swiper-button-prev{left:6px}
	#product div.prd-images .swiper-button-next{right:6px}
}

@media only screen and (min-device-width:744px) and (max-device-width:1024px) and (orientation:portrait) {
	/*containers*/
	#product div.prd-attributes{width:calc(100% - (160px + var(--main-spacing)))}
	#product div.prd-purchase{width:160px}

	/*images*/
	#product div.prd-images div.gallery-thumbs div.swiper-slide{width:60px!important;height:60px!important}
	#gallery.pswp img.pswp__img{width:80%!important}

	/*promo*/
	#product div.prd-images div.promo{width:9.5vw;top:1vw}
	#product div.prd-images div.promo p{padding:0.7vw 0.9vw 0.6vw 0.9vw}
	#product div.prd-images div.promo p span{
		width:1.8vw;
		height:1.8vw;
		right:89%
	}
	#product div.prd-images div.promo p span:nth-of-type(1){top:-0.9vw}
	#product div.prd-images div.promo p span:nth-of-type(2){bottom:-0.9vw}

	/*attachments*/
	#product div.prd-attachments h3,
	#product div.prd-attachments h4{padding:10px 0}
	#product div.prd-attachments h3{font-size:var(--fnt-bigger-1)}
	#product div.prd-attachments a img{width:18px}
	#product div.prd-attachments a span{width:calc(100% - 26px)}

	/*intro*/
	/*#product div.prd-intro h1,
	#product div.prd-intro span.avaAlert{margin-bottom:6px}*/
	#product div.prd-intro h1.availability-0{width:calc(100% - 130px)}
	#product div.prd-intro span.avaAlert{height:24px;padding-right:29px}
	#product div.prd-intro div.prd-shipping-info div{grid-gap:0 6px}

	/*attributes*/
	#product div.prd-attributes div.prd-features table th{padding:8px 10px}
	#product div.prd-attributes div.prd-features table td{padding:8px 0}
	#product div.prd-attributes div.prd-features table td:nth-of-type(1){width:210px}
	#product div.prd-attributes div.prd-features table td:nth-of-type(2){width:calc(100% - 210px)}

	/*purchase*/
	#product div.prd-purchase div.row{padding:18px}
	#product div.prd-purchase div.row div.prd-cart{grid-gap:0 8px}
	#product div.prd-purchase div.row div.prd-cart input{width:calc(100% - (var(--ico-size-7) + 8px))}
	#product div.prd-purchase div.row div.prd-cart div.btn-plus{right:calc(var(--ico-size-7) + 8px)}

	/*relations*/
	#product div.prd-relations{padding:0 calc(var(--main-spacing) - 1.5vw)}
	#product div.prd-relations div.relations-intro{padding:0 1.5vw}
	#product div.prd-relations div.relations-intro h3{margin-bottom:0.8%}
	#product div.prd-relations div.relations-intro p{margin-bottom:1.4vw}
	#product div.prd-relations .swiper-button-prev, 
	#product div.prd-relations .swiper-button-next{
		width:2.5vw;
		height:2.5vw;
		top:-4vw!important;
		border-radius:0.4vw
	} 
	#product div.prd-relations div.swiper-button-next{right:1.5vw}
	#product div.prd-relations div.swiper-button-prev{right:5vw}
	#product div.prd-relations div.prd-itm{width:33.33%!important;padding:0 1.5vw}
	#product div.prd-relations div.prd-itm div.prd-cnt{border-radius:1.1vw}
	#product div.prd-relations div.prd-itm a.prd-img{padding:2vw}
	#product div.prd-relations div.prd-itm div.promo{width:8.5vw;top:1.1vw}
	#product div.prd-relations div.prd-itm div.promo p{padding:0.55vw 0.65vw}
	#product div.prd-relations div.prd-itm div.promo p span{
		width:1.6vw;
		height:1.6vw;
		right:88.5%
	}
	#product div.prd-relations div.prd-itm div.promo p span:nth-of-type(1){top:-0.8vw}
	#product div.prd-relations div.prd-itm div.promo p span:nth-of-type(2){bottom:-0.8vw}
	#product div.prd-relations div.prd-itm div.prd-txt{padding:1.6vw 1.8vw 1.1vw 1.8vw}
	#product div.prd-relations div.prd-itm div.prd-cart{padding:0 1.8vw 1.6vw 1.8vw}
	#product div.prd-relations div.prd-itm div.prd-txt h3{margin:0.6vw 0}
	#product div.prd-relations div.prd-itm div.prd-cart div.prices{width:calc(100% - 4vw)}
	#product div.prd-relations div.prd-itm div.prd-cart a{
		width:3.2vw;
		height:3.2vw;
		border-radius:0.4vw
	}
}

@media only screen and (min-device-width:744px) and (max-device-width:1024px) and (orientation:landscape) {
	/*relations*/
	#product div.prd-relations div.prd-itm div.prd-cart div.prices{width:calc(100% - 3.9vw)}
	#product div.prd-relations div.prd-itm div.prd-cart a{width:2.7vw;height:2.7vw}
	#gallery.pswp img.pswp__img{width:50%!important}
}

/*SMARTPHONE*/
@media only screen and (min-device-width:320px) and (max-device-width:743px) {
	/*breadcrumbs*/
	#container div.prd-breadcrumbs{padding-top:6px}
	#container div.prd-breadcrumbs ul{grid-gap:2px 4px}
	#container div.prd-breadcrumbs li:after{
		top:2px;
		border-top-width:2px;
		border-left-width:4px; 
		border-bottom-width:2px
	}

	/*images*/
	#product div.prd-images .swiper-button-prev,
	#product div.prd-images .swiper-button-next{
		width:10px;
		height:16px!important;
		margin-top:-8px
	}
	#product div.prd-images .swiper-button-prev{left:6px}
	#product div.prd-images .swiper-button-next{right:6px}

	/*intro*/
	#product div.prd-intro span.avaAlert{height:24px;padding-right:29px}

	/*attributes*/
	#product div.prd-attributes div.prd-features table th{padding:8px 10px}
	#product div.prd-attributes div.prd-features table td{padding:8px 0}

	/*purchase*/
	#product div.prd-purchase div.row div.prd-cart{grid-gap:0 8px}
	#product div.prd-purchase div.row div.prd-cart input{width:calc(100% - (var(--ico-size-7) + 8px))}
	#product div.prd-purchase div.row div.prd-cart div.btn-plus{right:calc(var(--ico-size-7) + 8px)}
}

@media only screen and (min-device-width:320px) and (max-device-width:743px) and (max-aspect-ratio:13/9) {
	/*containers*/
	#product div.prd-side,
	#product div.prd-data{width:100%}
	#product div.prd-attributes{width:calc(100% - (145px + var(--main-spacing)))}
	#product div.prd-purchase{width:145px}

	/*images*/
	#product div.prd-images{margin-bottom:0}
	#product div.prd-images div.gallery-thumbs{display:none}
	#product div.prd-images div.gallery-thumbs div.swiper-slide{width:60px!important;height:60px!important}	
	#gallery.pswp img.pswp__img{width:90%!important}

	/*promo*/
	#product div.prd-images div.promo{width:20vw;top:2.6vw}
	#product div.prd-images div.promo p{padding:1.8vw 2vw}
	#product div.prd-images div.promo p span{
		width:3.8vw;
		height:3.8vw;
		right:86%
	}
	#product div.prd-images div.promo p span:nth-of-type(1){top:-1.7vw}
	#product div.prd-images div.promo p span:nth-of-type(2){bottom:-1.7vw}

	/*attachments*/
	#product div.prd-attachments{margin-bottom:10px}
	#product div.prd-attachments h3,
	#product div.prd-attachments h4{padding:11px 0}
	#product div.prd-attachments h3{position:relative}
	#product div.prd-attachments h3 span,
	#product div.prd-attachments h3 span:before{position:absolute;background:var(--c-white)}
	#product div.prd-attachments h3 span{
		width:1px;
		height:7px;
		display:block;
		overflow:visible;
		top:0;
		bottom:0;
		left:13px;
		margin:auto 0
	}
	#product div.prd-attachments h3 span:before{
		content:"";
		width:7px;
		height:1px;
		top:3px;
		left:-3px;
	}
	#product div.prd-attachments h3.opened span{transform:rotate(45deg)}
	#product div.prd-attachments h4,
	#product div.prd-attachments ul{display:none}
	#product div.prd-attachments a{grid-gap:0 8px}
	#product div.prd-attachments a img{width:16px}
	#product div.prd-attachments a span{width:calc(100% - 26px)}

	/*intro*/
	#product div.prd-intro h1.availability-0{width:calc(100% - 120px)}
	#product div.prd-intro span.avaAlert{height:26px;padding-right:31px}
	#product div.prd-intro div.prd-shipping-info div{grid-gap:0 6px}

	/*attributes*/
	#product div.prd-attributes div.prd-features table td:nth-of-type(1){width:100px}
	#product div.prd-attributes div.prd-features table td:nth-of-type(2){width:calc(100% - 100px)}

	/*purchase*/
	#product div.prd-purchase div.row{padding:12px}
	#product div.prd-purchase div.row div.crt{margin:8px 0}
	#product div.prd-purchase div.row div.comps{margin-top:8px}
	#product div.prd-purchase div.row div.prc p.lbl{margin-bottom:3px}
	#product div.prd-purchase div.row div.prc p.prc span.curr{font-size:0.80em}
	#product div.prd-purchase div.row div.prd-cart{grid-gap:0 8px}
	#product div.prd-purchase div.row div.prd-cart input{width:calc(100% - (var(--ico-size-7) + 8px))}
	#product div.prd-purchase div.row div.prd-cart div.btn-plus{right:calc(var(--ico-size-7) + 8px)}
	#product div.prd-purchase div.row div.comps ul li{padding:6px 0}
	#product div.prd-purchase p.note{margin-top:7px}

	/*relations*/
	#product div.prd-relations{padding:0 calc(var(--main-spacing) - 1.8vw)}
	#product div.prd-relations div.relations-intro{padding:0 1.8vw}
	#product div.prd-relations div.relations-intro h3{margin-bottom:1.5%}
	#product div.prd-relations div.relations-intro p{margin-bottom:2.4vw}
	#product div.prd-relations .swiper-button-prev, 
	#product div.prd-relations .swiper-button-next{
		width:4vw;
		height:4vw;
		top:-6.4vw!important;
		border-radius:0.8vw
	} 
	#product div.prd-relations div.swiper-button-next{right:1.8vw}
	#product div.prd-relations div.swiper-button-prev{right:7.4vw}
	#product div.prd-relations div.prd-itm{width:33.33%!important;padding:0 1.8vw}
	#product div.prd-relations div.prd-itm div.prd-cnt{border-radius:2vw}
	#product div.prd-relations div.prd-itm a.prd-img{padding:3.5vw}
	#product div.prd-relations div.prd-itm div.promo{width:13vw;top:2vw}
	#product div.prd-relations div.prd-itm div.promo p{padding:1vw 1.1vw}
	#product div.prd-relations div.prd-itm div.promo p span{
		width:2.6vw;
		height:2.6vw;
		right:87.5%
	}
	#product div.prd-relations div.prd-itm div.promo p span:nth-of-type(1){top:-1.3vw}
	#product div.prd-relations div.prd-itm div.promo p span:nth-of-type(2){bottom:-1.3vw}
	#product div.prd-relations div.prd-itm div.prd-txt{padding:2.4vw 3vw 1.4vw 3vw}
	#product div.prd-relations div.prd-itm div.prd-cart{padding:0 3vw 2.4vw 3vw}
	#product div.prd-relations div.prd-itm div.prd-txt h3{margin:0.6vw 0}
	#product div.prd-relations div.prd-itm div.prd-cart div.prices{width:calc(100% - 6.8vw)}
	#product div.prd-relations div.prd-itm div.prd-cart a{
		width:5vw;
		height:5vw;
		border-radius:0.8vw
	}
}

@media only screen and (min-device-width:320px) and (max-device-width:743px) and (min-aspect-ratio:13/9) {
	/*containers*/
	#product div.prd-attributes{width:calc(100% - (150px + var(--main-spacing)))}
	#product div.prd-purchase{width:150px}

	/*images*/
	#product div.prd-images div.gallery-thumbs div.swiper-slide{width:60px!important;height:60px!important}
	#gallery.pswp img.pswp__img{width:40%!important}

	/*promo*/
	#product div.prd-images div.promo{width:9.5vw;top:1vw}
	#product div.prd-images div.promo p{padding:0.7vw 0.9vw 0.6vw 0.9vw}
	#product div.prd-images div.promo p span{
		width:1.8vw;
		height:1.8vw;
		right:89%
	}
	#product div.prd-images div.promo p span:nth-of-type(1){top:-0.9vw}
	#product div.prd-images div.promo p span:nth-of-type(2){bottom:-0.9vw}

	/*attachments*/
	#product div.prd-attachments h3,
	#product div.prd-attachments h4{padding:10px 0}
	#product div.prd-attachments h3{font-size:var(--fnt-bigger-1)}
	#product div.prd-attachments a img{width:18px}
	#product div.prd-attachments a span{width:calc(100% - 26px)}

	/*intro*/
	/*#product div.prd-intro h1,
	#product div.prd-intro span.avaAlert{margin-bottom:6px}*/
	#product div.prd-intro h1.availability-0{width:calc(100% - 130px)}
	#product div.prd-intro span.avaAlert{height:24px;padding-right:29px}

	/*attributes*/
	#product div.prd-attributes div.prd-features table td:nth-of-type(1){width:190px}
	#product div.prd-attributes div.prd-features table td:nth-of-type(2){width:calc(100% - 190px)}

	/*purchase*/
	#product div.prd-purchase div.row{padding:18px}

	/*relations*/
	#product div.prd-relations{padding:0 calc(var(--main-spacing) - 1.5vw)}
	#product div.prd-relations div.relations-intro{padding:0 1.5vw}
	#product div.prd-relations div.relations-intro h3{margin-bottom:0.8%}
	#product div.prd-relations div.relations-intro p{margin-bottom:1.4vw}
	#product div.prd-relations .swiper-button-prev, 
	#product div.prd-relations .swiper-button-next{
		width:2.5vw;
		height:2.5vw;
		top:-4vw!important;
		border-radius:0.4vw
	} 
	#product div.prd-relations div.swiper-button-next{right:1.5vw}
	#product div.prd-relations div.swiper-button-prev{right:5vw}
	#product div.prd-relations div.prd-itm{width:33.33%!important;padding:0 1.5vw}
	#product div.prd-relations div.prd-itm div.prd-cnt{border-radius:1.1vw}
	#product div.prd-relations div.prd-itm a.prd-img{padding:2vw}
	#product div.prd-relations div.prd-itm div.promo{width:8.5vw;top:1.1vw}
	#product div.prd-relations div.prd-itm div.promo p{padding:0.55vw 0.65vw}
	#product div.prd-relations div.prd-itm div.promo p span{
		width:1.6vw;
		height:1.6vw;
		right:88.5%
	}
	#product div.prd-relations div.prd-itm div.promo p span:nth-of-type(1){top:-0.8vw}
	#product div.prd-relations div.prd-itm div.promo p span:nth-of-type(2){bottom:-0.8vw}
	#product div.prd-relations div.prd-itm div.prd-txt{padding:1.6vw 1.8vw 1.1vw 1.8vw}
	#product div.prd-relations div.prd-itm div.prd-cart{padding:0 1.8vw 1.6vw 1.8vw}
	#product div.prd-relations div.prd-itm div.prd-txt h3{margin:0.6vw 0}
	#product div.prd-relations div.prd-itm div.prd-cart div.prices{width:calc(100% - 4vw)}
	#product div.prd-relations div.prd-itm div.prd-cart a{
		width:3.2vw;
		height:3.2vw;
		border-radius:0.4vw
	}
}