﻿/*LAYOUT*/
body{
	width:100%;
	height:auto!important;
	position:static!important;
	-webkit-print-color-adjust:exact;
    print-color-adjust:exact
}
#layout{padding-top:56px!important}
#header{
	height:56px;
	text-align:center;
	display:block;
	overflow:hidden!important;
	position:absolute!important;
	top:0;
	left:0;
	margin:0!important;
	padding:0!important;
	page-break-before:avoid;
	page-break-after:avoid;
	break-after:avoid;
	border-bottom:1px solid var(--c-grey-85);
	background:var(--c-white)!important
}
#container,
#istcontents{page-break-before:avoid;page-break-after:avoid}
#toolbar,
#engine{display:none}
#footer{
	page-break-before:avoid;
	page-break-after:avoid;
	margin-top:15px;
	padding:10px 0 0 0;
	border-top:1px solid var(--c-grey-85);
	background:var(--c-white)
}

/*HEADER*/
#header > div{text-align:center;justify-content:center}
#header > div.background{background:none!important}
#header a.hpback{
	width:auto;
	height:32px;
	page-break-after:avoid;
	overflow:hidden;
	margin:auto
}
#header a.hpback img{width:auto;height:100%}
#header div.hdr-toolbar,
#header div.navigationist{display:none}

/*PANELS*/
div.loginbox,
#panel1,
#searchpanel{display:none}

/*CONTAINER*/
#container div.title,
#container div.title h1{height:auto!important;overflow:hidden!important}
#container div.title{
	position:static!important;
	padding-top:15px;
	margin-bottom:15px
}
#container div.title h1{
	font-size:15pt;
	line-height:100%;
	margin-bottom:0
}
#container div.title div.utils{display:none}

/*PRODUCT SHEET*/
#container div.prd-breadcrumbs{display:none}
#container #product{padding:15px 0}
#product div.prd-container,
#product div.prd-data{grid-gap:0}
#product div.prd-container{position:relative}
#product div.prd-side{
	width:50%;
	page-break-before:avoid;
	page-break-after:avoid;
	margin-bottom:15px
}
#product div.prd-images,
#product div.prd-icons{clear:none}
#product div.prd-images div,
#product div.prd-images a,
#product div.prd-images img{width:100%!important}
#product div.prd-images div.gallery-top{margin-bottom:0!important}
#product div.prd-images div.swiper-button-prev,
#product div.prd-images div.swiper-button-next,
#product div.prd-images div.gallery-thumbs{display:none!important}
#product div.prd-images a{display:block}
#product div.prd-images img{height:auto;float:left}

#product div.prd-links{display:none}
#product div.prd-data{width:100%;position:static}
#product div.prd-title h1,
#product div.prd-title h2{width:100%;text-align:center}
#product div.prd-title h1{font-size:16pt!important}
#product div.prd-title h2{font-size:11pt!important}
#product div.prd-title a.btn-print{display:none}
#product div.prd-extras{
	width:calc(50% - 15px);
	position:absolute;
	top:0;
	right:0
}
#product div.prd-extras div.prd-intro{
	padding:0;
	border-radius:0;
	background:none
}
#product div.prd-extras p{font-size:9pt;padding:15px 0}
#product div.prd-extras p.prd-brand{font-size:12pt}
#product div.prd-extras p.prd-availability img{width:14px}
#product div.prd-extras p.prd-availability span{font-size:11pt}
#product div.prd-extras div.prd-cart,
#product div.prd-extras div.prd-ask-info,
#product div.prd-extras div.prd-certifications{display:none}
#product div.prd-details{
	width:100%;
	page-break-inside:auto;
	page-break-before:avoid;
	page-break-before:avoid
}
#product div.prd-details h4{font-size:12pt}
#product div.prd-details p,
#product div.prd-details ul,
#product div.prd-details th,
#product div.prd-details td{font-size:9pt!important}

/*CHECKOUT CONFIRMATION*/
#layout.checkoutpage #container div.title{display:none}
#container #checkout{
	min-height:unset!important;
	flex-flow:row wrap;
	grid-gap:20px;
	padding:20px 0 10px 0
}
#container #checkout div.checkout-steps,
#container #checkout div.checkout-right,
#container #checkout div.checkout-total,
#container #checkout div.checkout-total > div,
#container #checkout div.checkout-total > div > div{width:100%;clear:both}

#container #checkout div.checkout-confirmation div.intro-order{margin-bottom:10px}
#container #checkout div.checkout-confirmation div.intro-order h3,
#container #checkout div.checkout-confirmation div.intro-order p{text-align:center}
#container #checkout div.checkout-confirmation div.intro-order h3{font-size:11pt}
#container #checkout div.checkout-confirmation div.intro-order p{font-size:9pt}

#container #checkout div.checkout-confirmation div.order-data{grid-gap:15px!important}
#container #checkout div.checkout-confirmation div.order-reference,
#container #checkout div.checkout-confirmation div.order-billing,
#container #checkout div.checkout-confirmation div.order-shipping{width:calc(33.33% - ((15px * 2) / 3))!important}
#container #checkout div.checkout-confirmation div.order-reference,
#container #checkout div.checkout-confirmation div.order-billing{padding-right:15px}
#container #checkout div.checkout-confirmation div.order-data h3{font-size:9pt!important;margin-bottom:3px!important}
#container #checkout div.checkout-confirmation div.order-data p{font-size:7pt!important}

#container #checkout.order-confirmation table.prd-list tr{page-break-inside:avoid}
#container #checkout.order-confirmation table.prd-list th,
#container #checkout.order-confirmation table.prd-list td{font-size:7pt;padding:7px 6px}
#container #checkout.order-confirmation table.prd-list td.prd-price{font-size:8pt}
#container #checkout.order-confirmation table.prd-list .prd-image{
	width:0;
	text-indent:-9999px;
	padding:0!important
}
#container #checkout.order-confirmation table.prd-list .prd-precode{width:45px!important}
#container #checkout.order-confirmation table.prd-list .prd-code{width:60px!important}
#container #checkout.order-confirmation table.prd-list .prd-um,
#container #checkout.order-confirmation table.prd-list .prd-qta{width:25px!important}
#container #checkout.order-confirmation table.prd-list .prd-availability-pc,
#container #checkout.order-confirmation table.prd-list .prd-availability-apv,
#container #checkout.order-confirmation table.prd-list .prd-availability-nd{width:55px}
#container #checkout.order-confirmation table.prd-list .prd-raee{width:60px}
#container #checkout.order-confirmation table.prd-list .prd-price{width:70px!important}
#container #checkout.order-confirmation table.prd-list .prd-image img{display:none}
#container #checkout.order-confirmation div.checkout-buttons{display:none}

#container #checkout div.checkout-right{display:none;position:static!important}
#container #checkout div.checkout-total.only-print{display:block}
#container #checkout div.checkout-total div.itm-toggled{display:flex;flex-flow:row wrap}
#container #checkout div.checkout-total div.itm-toggled div{width:50%}
#container #checkout div.checkout-total div.itm-toggled div:nth-of-type(odd){padding-right:10px!important}
#container #checkout div.checkout-total div.itm-toggled div:nth-of-type(even){padding-left:10px!important}
#container #checkout div.checkout-total div.total-row{padding:8px 0!important}
#container #checkout div.checkout-total div.total-row label,
#container #checkout div.checkout-total div.total-row span{font-size:8pt}

/*FOOTER*/
#footer *{overflow:visible!important}
#footer p,
#footer p a{color:var(--c-black)!important}
#footer p{font-size:7pt!important;text-align:center!important}
#footer div.company-data{width:100%;grid-gap:5px 0}
#footer div.spotlights,
#footer div.company-data div.logos,
#footer div.company-data div.sep,
#footer div.company-data p:nth-of-type(2) a,
#footer div.company-data p:nth-of-type(2) span.bull:nth-of-type(3),
#footer div.company-data p:nth-of-type(2) span.bull:nth-of-type(4){display:none}