:root {
	--radius1: 50em;
	--radius2: 26px;
	--radius3: 6px;
	--radius4: 4px;
	--radius5: 2px;
	
	--max-w: 1600px;
	
	--distanza-y: 40px;
	--distanza-y2: 20px;
	--distanza-y3: 120px;
	
	--distanza-x: 66px;
	--distanza-x2: 30px;
	--distanza-x3: 20px; 
	/* --distanza-x2 - 10 */
	
    --w-pan: 42%;
    --w-accpan: clamp(250px,25vw,25%);
	
	--bg-start-x: 0%;
	--bg-start-y: -54.2%;
	
	--h-line: 2px;
	--w-line: 2000px;
	--deg-line: -69deg;
	
	--line-up-y: 650px;
	--line-up-x: 1194px;
	
	--line-down-y: 648px;
	--line-down-x: -726px;
}

/* FONT-SIZE */
.products-badge .badge {
	font-size: 9px;
    letter-spacing: 0;
	line-height: 1;
}
.TAB_ricevuta_line p.vettore, .TAB_ricevuta_item_dida {
    font-size: 9px;
}
.products-box h3 {
	font-size:10px;
    letter-spacing: normal;
	line-height: 1;
}
.fsText10 {
	font-size:10px;
    letter-spacing: 0;
	line-height: 1;
}
.TAB_scheda td.TAB_scheda_dida, .TAB_carrello td.TAB_carrello_dida {
	font-size:10px;
    letter-spacing: 0;
	line-height: 1;
}
.fsText11 {
	font-size:11px;
    letter-spacing: 0;
	line-height: 1;
}
.fsText12 {
	font-size:12px;
    letter-spacing: 0;
	line-height: 1;
}
.itemcode, .itemref {
	font-size: 12px;
    letter-spacing: -0.01em;
	line-height: 1;
}
.nota {
	font-size:12px;
    letter-spacing: -0.01em;
	line-height: 1.2;
}
.textSCONTO {
	font-size:12px;
}
.textSALE {
	font-size: 12px;
	text-decoration: line-through;
}
.fsText13 {
	font-size:13px;
    letter-spacing: 0;
	line-height: 1;
}
p.dati-address {
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.5;
}
.cover-logo h2 {
	font-size:14px;
    letter-spacing: 0;
	line-height: 1;
}
.fsText14 {
	font-size:14px;
    letter-spacing: -0.01em;
	line-height: 1;
}
.itemprod {
	font-size:14px;
    letter-spacing: 0;
	line-height: 1.25;
}
.input-box small {
	font-size:14px;
    letter-spacing: 0;
	line-height: 1.25;
}
.fsText15 {
	font-size:15px;
    letter-spacing: -0.02em;
	line-height: 1;
}
.scheda-buy-select-list .chosen-container-single .chosen-single, .scheda-buy-select-list .chosen-container {
	font-size:15px;
    letter-spacing: -0.02em;
}

.products-box h2 {
	font-size:16px;
    letter-spacing: -0.02em;
	line-height: 1;
}
.fsText16 {
	font-size:16px;
    letter-spacing: -0.02em;
	line-height: 1;
}
.filter-txt {
	font-size:16px;
    letter-spacing: -0.02em;
	line-height: 1;
}
.ui-menu .ui-menu-item-wrapper {
    font-size: 16px;
    line-height: 1.15;
}
a.filter, a.filtercategorie {
	font-size:16px;
    letter-spacing: -0.02em;
	line-height: 1;
}
.chosen-container {
	font-size:16px;
    letter-spacing: -0.02em;
	line-height: 1;
}
.fsText18 {
	font-size:18px;
    letter-spacing: -0.02em;
	line-height: 1;
}
.input-data, .input-search, .select-data, .select-search, .select-cassa, .chosen-container-single .chosen-single, .input-promocode, .input-box, .dd-selected-text {
    font-size: 18px;
    letter-spacing: -0.02em;
	line-height: 1;
}
.fsText19 {
	font-size:19px;
    letter-spacing: -0.02em;
	line-height: 1;
}
.fsText20 {
	font-size:20px;
    letter-spacing: -0.02em;
	line-height: 1;
}
.disclaimer h2 {
    font-size: 20px;
}
.filter-tit {
	font-size:24px;
    letter-spacing: -0.02em;
	line-height: 1;
}
.fsText22 {
	font-size: 22px;
    letter-spacing: -0.02em;
	line-height: 1;
}
.fsText24 {
	font-size: 24px;
    letter-spacing: -0.02em;
	line-height: 1;
}
.fsText26 {
	font-size:26px;
    letter-spacing: -0.02em;
	line-height: 1;
}
.fsText30 {
	font-size:30px;
    letter-spacing: -0.02em;
	line-height: 1;
}
ul.accountlist li.last {
	font-size: 24px;
}
.fsText32 {
	font-size:32px;
    letter-spacing: -0.02em;
	line-height: 1;
}
.form-part-title {
    font-size: 32px;
    letter-spacing: -0.02em;
	line-height: 1;
}
.DIV_alert_panel_txt h2 {
    font-size: 34px;
    letter-spacing: -0.02em;
    line-height: 1.25;
}
.fsText34 {
	font-size:34px;
    letter-spacing: -0.02em;
	line-height: 1;
}
.fsText36 {
	font-size:36px;
    letter-spacing: -0.02em;
	line-height: 1;
}
.fsText44 {
	font-size:44px;
    letter-spacing: -0.02em;
	line-height: 1;
}
.fsText48 {
	font-size:48px;
    letter-spacing: -0.02em;
	line-height: 1;
}
.fsText52 {
	font-size:52px;
    letter-spacing: -0.02em;
	line-height: 1.12;
}
.spot-box h2 {
	font-size:52px;
    letter-spacing: -0.02em;
	line-height: 1.12;
}
.fsText54 {
	font-size:54px;
    letter-spacing: -0.02em;
	line-height: 1;
}
.fsText68 {
	font-size: 68px;
    letter-spacing: -0.02em;
	line-height: 1;
}
.scream p {
	font-size: 68px;
    letter-spacing: -0.02em;
	line-height: 1;
}

/* BUTTON*/
a.btnrounded:link, a.btnrounded:visited, a.btnrounded:active, .btnrounded {
	font-size: 14px;
	letter-spacing: 0.010em;
	
	text-transform: uppercase;
		
	line-height: 1 !important;
	text-decoration: none;
	color: var(--color-wh);
	background-color:var(--color-nav);
	border: 2px solid var(--color-nav);
	height: 48px;

	display: inline-flex;
	text-align: center;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: center;
	align-items: center;
	justify-content: center;
	
	border-radius: var(--radius1);
	
	padding: 0 38px 1px;
	margin:0;
	cursor:pointer;
	white-space: nowrap;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	
	--increment: 0.5;
	
	-webkit-transition: all calc(var(--animate-duration) * var(--increment)) ease-out;
	-moz-transition:  all calc(var(--animate-duration) * var(--increment)) ease-out;
	-ms-transition:   all calc(var(--animate-duration) * var(--increment)) ease-out;
	transition:   all calc(var(--animate-duration) * var(--increment)) ease-out;
}
a.btnrounded:hover, .btnrounded:hover {
	color: var(--color-nav);
	background-color: var(--color-wh);
	border: 2px solid var(--color-wh);
}
a.btnrounded.mini, .btnrounded.mini {
    font-size: 12px !important;
    padding: 1px 22px 0 !important;
    height: 36px !important;
}
a.btnrounded.active, .btnrounded.active {
	pointer-events: none !important;
	opacity: 0.35 !important;
}
a.btnrounded.on, .btnrounded.on {
	pointer-events: none !important;
	color: var(--color-wh) !important;
	background-color: var(--color-nav) !important;
	border: 2px solid var(--color-nav) !important;
}

a.btnrounded.corretto, .btnrounded.corretto {
	color: var(--color-wh);
	background-color: var(--color-gr);
	border: 2px solid var(--color-gr);
}
a.btnrounded.corretto:hover, .btnrounded.corretto:hover {
	color: var(--color-wh);
	background-color: var(--color-gr);
	border: 2px solid var(--color-gr);
}
a.btnrounded.sbagliato, .btnrounded.sbagliato {
	color: var(--color-wh);
	background-color: var(--color-rd);
	border: 2px solid var(--color-rd);
}
a.btnrounded.sbagliato:hover, .btnrounded.sbagliato:hover {
	color: var(--color-wh);
	background-color: var(--color-rd);
	border: 2px solid var(--color-rd);
}

a.btnrounded.lmode, .btnrounded.lmode {
	font-size: 15px;
	
	align-items: flex-start;
	min-width: 188px;
	height: 55px;
	padding-left: 26px;
	
	color: var(--color-wh);
	background-color: var(--color-nav);
	border: 2px solid var(--color-nav);
	box-shadow: 0px 3px 12px rgba(var(--kbike-BU3rgb), 0.7), 
				0px 20px 40px 0px rgba(var(--kbike-BU3rgb), 0.55);
}
a.btnrounded.lmode:hover, .btnrounded.lmode:hover {
	transform: scale(1.05);
	box-shadow: 0px 3px 12px rgba(var(--kbike-BU3rgb), 1), 
				0px 20px 40px 0px rgba(var(--kbike-BU3rgb), 1);
}

a.btnrounded.outline, .btnrounded.outline {
	color: var(--color-wh);
	background-color: transparent;
	border: 2px solid var(--color-wh);
}
a.btnrounded.outline:hover, .btnrounded.outline:hover {
	color: var(--color-nav);
	background-color: var(--color-wh);
	border: 2px solid var(--color-wh);
}
a.btnrounded.outline.blue, .btnrounded.outline.blue {
	color: var(--color-bu3);
	background-color: transparent;
	border: 2px solid var(--color-bu3);
}
a.btnrounded.outline.blue:hover, .btnrounded.outline.blue:hover {
	color: var(--color-wh);
	background-color: var(--color-bu3);
	border: 2px solid var(--color-bu3);
}
a.btnrounded.outline.grey, .btnrounded.outline.grey, a.btnrounded.outlineoff, .btnrounded.outlineoff {
	color: var(--color-wh);
	background-color: transparent;
	border: 2px solid var(--color-wh);
	opacity: 0.35;
}
a.btnrounded.outline.grey:hover, .btnrounded.outline.grey:hover {
	opacity: 0.65;
}
a.btnrounded.outlineoff, .btnrounded.outlineoff {
	pointer-events: none;
}
a.btnrounded.shadow, .btnrounded.shadow {
    color: var(--color-wh);
    background-color: transparent;
    border: 2px solid var(--color-wh);
    box-shadow: 0px 0px 12px rgba(153, 153, 153, 0.5), 
				inset 0px 20px 40px 0px rgba(153, 153, 153, 0.5);
}
a.btnrounded.shadow:hover, .btnrounded.shadow:hover { 
	color: var(--color-nav);
	background-color: var(--color-wh);
	border: 2px solid var(--color-wh);
}

a.btnrounded.annul, .btnrounded.annul {
	color: var(--color-wh);
	background-color: transparent;
	border: 2px solid transparent;
	opacity:0.5;
	padding-left: 0;
	padding-right: 0;
	text-transform: unset;
}
a.btnrounded.annul:hover, .btnrounded.annul:hover {
	opacity:1;
}

a.btnrounded.back, .btnrounded.back {
	flex-direction: row

	color: var(--color-wh);
	background-color: rgba(var(--color-blRGB), 0.1);
	border: 2px solid rgba(var(--color-blRGB), 0);
	text-transform: unset;
}
a.btnrounded.back:hover, .btnrounded.back:hover {
	background-color: rgba(var(--color-blRGB), 0.5);
}
a.btnrounded.back span, .btnrounded.back span {
    font-size: 1.4em;
    padding-right: 0.25em;	
}

a.btnrounded.cart, .btnrounded.cart {
    font-size: 15px;
    height: 60px;
    padding: 1px 48px 0px;
}

a.btnrounded.off, .btnrounded.off {
	pointer-events: none;
	color:rgba(var(--color-blRGB), 0.5);
	background-color: rgba(var(--color-blRGB), 0);
	border: 2px solid rgba(var(--color-blRGB), 0);
}

.loadmore-btn {
    margin: 0;
    width: 100%;
    text-align: center;
}
.loadmore {
    margin: 60px auto 0;
}
/* < -- BUTTON */

/* DETECT SCROLLBAR */
.scrollbar-measure {
	width: 100px;
	height: 100px;
	overflow: scroll;
	position: absolute;
	top: -9999px;
}
/* < -- DETECT SCROLLBAR */

/* COVER */
body.load {
    overflow-y: hidden;
    overflow-x: hidden;
}

.cover {
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	min-height:100%;
	text-align:center;
	overflow: hidden;
	background-color: var(--bg-page);
	
	position:fixed;
	z-index:8000;
	pointer-events:none;
	will-change: opacity, transform, filter;
}
.cover.hidden {
	pointer-events:none;
	z-index:-1;
	display:none;
}
.cover.is-fading-out {
	animation: coverFadeOut 1.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes coverFadeOut {
  0% {
    opacity: 1;
    transform: scale(1) translateY(0);
    filter: blur(0px);
  }
  99% {
    opacity: 0;
    transform: scale(1.05) translateY(-20px);
    filter: blur(20px);
	z-index:8000;
  }
  100% {
    opacity: 0;
    transform: scale(1.05) translateY(-20px);
    filter: blur(20px);
	z-index:-1;
  }
}

body.load {
    overflow-y: hidden;
    overflow-x: hidden;
}
body.load .cover {
	z-index:8000;
	pointer-events:all;
}

body.load .page-wrapper {
	opacity:0;
	visibility: hidden;
	pointer-events:none;
}
body.load .page-wrapper * {
	pointer-events:none;
}
.cover-logo {
	top:50%;
	left:0;
	
	width: 270px;
	height: 52px;
	
	margin-left: 128px;
	margin-top: -19px;
	
	position: absolute;

	z-index:3;
}
.cover-logo-box img.logo-sdw {
    position: absolute;
    z-index: 0;
    pointer-events: none;
    top: 0;
    left: 0;
	width: 140.40%;
	height: auto;
    transform: translate(-14.39%, -16.10%);
	
    /* transform: translate(-40px, -19px); */
	/* mix-blend-mode: screen; */
    /* filter: brightness(1.2) contrast(1.1); */
}
.cover-logo-box h2 {
    position: absolute;
	z-index:1;
	right:0;
	left:0;
	bottom:0;
	margin-bottom:-24px;
	opacity: 0.65;
	text-align: center;
}

svg {
  shape-rendering: geometricPrecision; 
  /* oppure: auto | crispEdges | optimizeSpeed */
}

.cover-logo-box {
    position: absolute;
	z-index:2;
	
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	
	width: 100%;
	height: 100%;
	
	opacity:0;
	
    animation: logomove 4s cubic-bezier(0, 0, 0.2, 1.01) 0.5s forwards, logomove2 1s cubic-bezier(0, 0, 0.2, 1.01) 5.5s forwards;
}
@keyframes logomove {
  0% {
	opacity:0;
  }
  100% {
	opacity:1;
  }
}
@keyframes logomove2 {
  0% {
	left: 0;
    transform: translate(0, 0);
  }
  100% {
    left: 50vw;
    transform: translate(calc(-50% + -128px), 0);
  }
}
.cover-logo-box svg {
    position: absolute;
	z-index:2;
	top: 0;
	right: 0;
	
	width: 100%;
	height: auto;
}
.cover-logo-box svg path {
	fill:#ffffff;
}

.line-up {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    width: var(--w-line);
    height: var(--h-line);
    background-color: #ffffff;
	transform: rotate(var(--deg-line)) translate( calc(var(--line-up-x) + 70vh), var(--line-up-y) );
    filter: drop-shadow(0px 0 4px rgba(20,108,255,1));
}
.line-down {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    width: var(--w-line);
    height: var(--h-line);
    background-color: #ffffff;
 	transform: rotate(var(--deg-line)) translate( calc( var(--line-down-x) - 70vh), var(--line-down-y) );
    filter: drop-shadow(0px 0 4px rgba(20, 108, 255, 1));
}

.line-up {
    animation: lineupmove1 2s cubic-bezier(0, 0, 0.2, 1.01) 2.5s forwards, lineupmove1B 30s cubic-bezier(0, 0, 0.2, 1.01) 4.4s forwards;
}

@keyframes lineupmove1 {
  0% {
	transform: rotate(var(--deg-line)) translate( calc(var(--line-up-x) + 50vh), var(--line-up-y) );
  }
  100% {
 	transform: rotate(var(--deg-line)) translate(var(--line-up-x), var(--line-up-y) );
  }
}
@keyframes lineupmove1B {
  0% {
 	transform: rotate(var(--deg-line)) translate(var(--line-up-x), var(--line-up-y) );
  }
  100% {
	transform: rotate(var(--deg-line)) translate( calc(var(--line-up-x) - 10vh), var(--line-up-y) );
  }
}

.line-down {
   animation: linedownmove1 2s cubic-bezier(0, 0, 0.2, 1.01) 2.5s forwards, linedownmove1B 30s cubic-bezier(0, 0, 0.2, 1.01) 4.4s forwards;
}

@keyframes linedownmove1 {
  0% {
 	transform: rotate(var(--deg-line)) translate( calc( var(--line-down-x) - 70vh), var(--line-down-y) );
  }
  100% {
 	transform: rotate(var(--deg-line)) translate(var(--line-down-x), var(--line-down-y) );
  }
}
@keyframes linedownmove1B {
  0% {
 	transform: rotate(var(--deg-line)) translate(var(--line-down-x), var(--line-down-y) );
  }
  100% {
 	transform: rotate(var(--deg-line)) translate( calc( var(--line-down-x) + 10vh), var(--line-down-y) );
  }
}


.cover-bg {
	top:0;
	left:0;
	right:0;
	bottom:0;
	
	width: 100%;
	height:100%;
	min-height:100%;
	
	overflow: hidden;
	position: absolute;

	z-index:1;
}
img.coverbg {
    position: relative;
	z-index:1;
	
    object-fit: cover;
    object-position: center;
	width: 100%;
    height: 100%;
}

.cover-bg svg {
    position: absolute;
	z-index:2;
	top: 50%;
	right: 0;
	
	/* dim 8000 x 1600 w 476.19% (1680) oppure h 191.16% (837) */
	width: auto;
	height: 191.16%;
	
	transform: translateX(var(--bg-start-x)) translateY(var(--bg-start-y));
	
	/* animation: kbikebgmove 5s cubic-bezier(0, 0, 0.2, 1.01) forwards; */
	animation: kbikebgmove 4s cubic-bezier(0, 0, 0.4, 1.01) 0.5s forwards, kbikebgmove2 1s cubic-bezier(0, 0, 0.4, 1.01) 5s forwards;
}
.cover-bg svg path {
	fill:#03070E;
}

@keyframes kbikebgmove {
  from {
    transform: translateX(var(--bg-start-x)) translateY(var(--bg-start-y));
  }
  to {
    transform: translateX(62%) translateY(var(--bg-start-y));
  }
}
@keyframes kbikebgmove2 {
  from {
    transform: translateX(62%) translateY(var(--bg-start-y));
  }
  to {
    transform: translateX(calc(100% - 100vw)) translateY(var(--bg-start-y));
  }
}

path#kbikebgB2,
path#kbikebgB1,
path#kbikebgBG {
    opacity: 0.85;
    animation: kbikebgopacity 1s cubic-bezier(0, 0, 0.4, 1.01) 5s forwards;
}
@keyframes kbikebgopacity {
  from { opacity: 0.85; }
  to   { opacity: 1; }
}


#kbikebgSHADE1 {
    overflow: visible;
    opacity: 0.25;
}

#kbikebgSHADE3 {
	overflow:visible;
	enable-background:new;
    opacity: 0;
    animation: kbikebgshade3 1s cubic-bezier(0, 0, 0.4, 1.01) 6s forwards;
}
@keyframes kbikebgshade3 {
  from { opacity: 0; }
  to   { opacity: 0.28; }
}

#kbikebgSHADE2 {
    overflow: visible;
    opacity: 0.18;
}
#kbikeshade1 {
	overflow:visible;
}


/* HOMEPAGE */
.page-wrapper {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.home {
	flex: 1;
}

.container {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	background-color: var(--color-wh);
}
.content-nxtpg {
	flex: 1;
}

/* MENU */
header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: var(--color-text);
	margin: 0 auto;
	width: 100%;
	max-width: var(--max-w);
	padding-top: var(--distanza-y);
	padding-bottom: var(--distanza-y);
	padding-left: var(--distanza-x);
	padding-right: var(--distanza-x);
}
header.header-support {
    position:relative;
	height:100px;
	background-color: var(--kbike-BU2);
	max-width: unset;
	padding: 0;
}
.logo {
	position:relative;
	display: block;
	width: 198px;
	margin-top: var(--distanza-y);
	margin-left: var(--distanza-x2);
	padding-top: 4px;
}
.logo img.logo-w {
	position:relative;
	z-index: 2;
	width: 198px;
	height: auto;
}
.logo img.logo-sdw {
    position: absolute;
    z-index: 0;
    pointer-events: none;
    top: 0;
    left: 0;
	width: 278px;
	height: auto;
    transform: translate(-14.39%, -16.10%);
	
    /* transform: translate(-40px, -19px); */
	/* mix-blend-mode: screen; */
    /* filter: brightness(1.2) contrast(1.1); */
}

header nav {
	color: var(--color-text);
	margin-top: var(--distanza-y);
	margin-right: 16px; /* --distanza-x2 30- 14 */
	padding-top: 8px;
}
.separator {
	display: inline-block;
	padding: 12px 14px;
	vertical-align: middle;
	color: var(--color-text);
}
header.mymoto-active .separator, .search-sticky.mymoto-active .separator {
	display: none;
}
header.mymoto-active .separator.resta, .search-sticky.mymoto-active .separator.resta {
	display: inline-block;
}
header nav button {
    cursor: pointer;
	appearance: none;
	color: var(--color-text);
	text-decoration: none;
	display: inline-block;
	padding: 12px 14px;
	background-color: rgba(var(--color-navRGB),0);
	border-radius: var(--radius3);
	vertical-align: middle;
}
header nav button:hover, header nav button.on {
	background-color: rgba(var(--color-navRGB),1);
}
header.incart {
    justify-content: flex-start;
}
header.incart nav {
    padding-left: 170px;
    text-align: left;
    width: 43vw;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    padding-top: 1px;
}
header.incart nav span {
	opacity: 0.4;
	width: max-content;
}
header.incart nav span.on {
	opacity: 1;
	font-weight: 600;
}
header.incart nav span.separator {
    padding: 0;
    margin: 0;
    flex: 1;
    position: relative;
}
header.incart nav span.separator::after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	height: 1px;
	background-color: var(--color-text);
	transform: translateY(-48%);
	right: 0;
	margin: auto 0.8em;
}
.header-cart {
    margin: auto 0 8px auto;
}

.btncart {
    position: relative;
    width: 42px;
    aspect-ratio: 1 / 1;
    padding: 0;
    margin: 0;
	
    cursor: pointer;
	appearance: none;
	color: var(--color-text);
	text-decoration: none;
	display: inline-block;
	background-color: rgba(var(--color-navRGB),0);
	border-radius: var(--radius3);
	vertical-align: middle;

    transition: background-color 0.25s cubic-bezier(.17,.67,.31,1.29);
}
.scheda-close .btncart {
    position: sticky;
    z-index: 10;
    top: 145px;
    margin-top: 38px;
    margin-left: 35px;
    margin-right: 35px;
}

.btncart > span {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

/* Effetto interno standard */
.btncart.on::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    z-index: -1;
    box-shadow: inset 0 0 0 35px var(--color-nav);
    /* transform: scale3d(0.9, 0.9, 1); */
    transition: box-shadow 0.3s, transform 0.3s;
}

.btncart.on:hover::before {
    box-shadow: inset 0 0 0 2px var(--color-wh);
    /* transform: scale3d(1, 1, 1); */
} 


.btncart span.icn {
    display: block;
    color: var(--color-nav-text);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    opacity: 1;
    pointer-events: none;
    background-image: url("ICN_shopping-cart_1w.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
}

.btncart.on span.count {
    display: block;
    color: var(--color-nav-text);
    position: absolute;
    top: -8px;
    left: 50%;
    right: auto;
    margin: auto;
    transform: translate(-50%,-100%);
    opacity: 1;
    pointer-events: none;
}
.search-nav .btncart.on span.count {
	top: -6px;
}

.btncart.on {
    animation: cartPulse 10s infinite;
	background-color: transparent;
}

.btncart.on span.count {
    animation:
        popIn 0.4s ease-out,
        badgeBounce 10s infinite;
}

/* Pulse del box cart */
@keyframes cartPulse {
    0%, 70% {
        transform: scale(1);
    }
    75% {
        transform: scale(1.03);
    }
    80% {
        transform: scale(1.1);
    }
    90%, 100% {
        transform: scale(1);
    }
}

/* Bounce del numero */
@keyframes badgeBounce {
    0%, 70% {
        opacity: 1;
        transform: translate(-50%,-100%) scale(1);
    }
    72% {
        opacity: 0;
        transform: translate(-50%, 100%) scale(0.9);
    }
    78% {
        opacity: 1;
        transform: translate(-50%, -100%) scale(1);
    }
    82% {
        transform: translate(-50%, -105%) scale(1);
    }
    86% {
        transform: translate(-50%, -100%) scale(1);
    }
    90%, 100% {
        opacity: 1;
        transform: translate(-50%,-100%) scale(1);
    }
}

/* Pop iniziale quando passa da 0 ? 1 */
@keyframes popIn {
    0% {
        transform: translate(-50%,-100%) scale(0.4);
        opacity: 0;
    }
    70% {
        transform: translate(-50%,-80%) scale(1.3);
        opacity: 1;
    }
    100% {
        transform: translate(-50%,-100%) scale(1);
        opacity: 1;
    }
}


header nav button.mymoto-btn, .search-nav nav button.mymoto-btn {
	margin-right: 26px;
	padding: 0 0 0 24px;
	background-color: rgba(var(--color-navRGB),1);
	border-radius: var(--radius2);
	color: var(--color-nav-text);
}
header nav button.mymoto-btn:hover, .search-nav nav button.mymoto-btn:hover {
	background-color: rgba(var(--color-nav2RGB),1);
	color: var(--color-nav2-text);
}
header nav button.mymoto-btn .mymoto-del, .search-nav nav button.mymoto-btn .mymoto-del {
	cursor: pointer;
	border: 0;
	padding: 14px;
	width: auto;
	height: 44px;
	transition: transform 0.3s ease;
	margin: 0 4px 0 10px;
}
header nav button.mymoto-btn .mymoto-del img, .search-nav nav button.mymoto-btn .mymoto-del img { 
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
header nav button.mymoto-btn .mymoto-del:hover, .search-nav nav button.mymoto-btn .mymoto-del:hover {
	transform: scale(1.025);
}

.sticky-sentinel {
	height: 1px;
}
.search-sticky {
	display: block;
	position: sticky;
	top: 20px;
	z-index: 1000;
	
	color: var(--color-text);
	margin: 0 auto;
	width: 100%;
	max-width: var(--max-w);
	height: 214px;
	
	padding-top: 0;
	padding-bottom: var(--distanza-y);
	padding-left: var(--distanza-x);
	padding-right: var(--distanza-x);
}
#stickyelement.sticky-active {
	pointer-events: none;
}
 
/* .search-bar, .form-box, .part-box {
	padding: var(--distanza-y) var(--distanza-x2);
} */

.search-bar, .form-box {
	padding: var(--distanza-y) var(--distanza-x2);
	pointer-events: all;
	display: grid;
	justify-content: center;
	position: relative;
	width: 100%;
	grid-template-columns: 50% 50%;
	align-content: center;
	align-items: center;
	
	transition: all 0.3s ease-out;
}
.search-bar {
    align-items: start;
}
.sticky-active .search-bar {
    /* grid-template-columns: 1fr 34% 34% 1fr; */
    grid-template-columns: 1fr 34% 29% 22%;
    padding: 25px var(--distanza-x2);
	align-items: center;
}
.search-sticky.mymoto-active.sticky-active .search-bar, body.pagelogin .sticky-active .search-bar {
    grid-template-columns: 60% 1fr;
}

.search-box {
    position: relative;
    z-index: 3;
    margin: 0;
    text-align:center;
    padding: 0 var(--distanza-x2);
}
.search-box h2 {
	text-align:left;
	margin-bottom: 18px;
	line-height: 1;
}
.sticky-active .search-box h2 {
	display: none;
}
.search-mymoto {
    text-align: left;
	padding: 18px var(--distanza-x2) 0;
    position: relative;
    z-index: 10;
    grid-column: 1;
}
.sticky-active .search-mymoto {
	padding: 8px var(--distanza-x2) 0;
	grid-column: 2;
}
.search-mymoto span {
    opacity:0.5;
	text-transform: uppercase;
	margin: 5px 5px 5px 0;
	padding: 5px 5px 5px 0;
}
.sticky-active .search-mymoto span {
    margin: 2px;
    padding: 2px 5px;
}
.search-mymoto a {
	margin: 5px;
	padding: 5px;
}
.sticky-active .search-mymoto a {
	margin: 2px;
	padding: 3px 5px;
	white-space: nowrap;
	display: inline-block;
}
.search-mymoto a:hover {
	color: var(--color-nav);
}
/* SEARCH + MOTO */
.search-box-blur, .mymoto-blur, .form-box-blur, .filter-blur, .cart-form-blur {
    margin: 0;
    padding: 0;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    transform: translate3d(0, 0, 0);
    border-radius: var(--radius2);
    overflow: hidden;
	box-shadow: 0px 20px 40px 0px rgba(var(--color-blRGB), 0.9);
}
/* Se supportato: trasparente e sfocato */
@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
	.search-box-blur, .mymoto-blur, .form-box-blur, .filter-blur, .cart-form-blur {
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
		background-color: rgba(var(--color-blRGB),0.50);
		background-image: none;
	}
	.support-form .form-box-blur {
		background-color: rgba(var(--color-blRGB),1);
	}
}
.search-box-shadow, .mymoto-shadow {
    margin: 0;
    padding: 0;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    transform: translate3d(0, 0, 0);
    border-radius: var(--radius2);
    overflow: hidden;
	box-shadow: 0px 20px 40px 0px rgba(var(--color-blRGB), 0.9);
	mix-blend-mode: multiply;
	background-color: rgba(var(--color-blRGB),0);
	/* filter: brightness(1.2) contrast(1.1); */
}

.cbp-search {
    padding: 0;
    margin: auto 0;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    text-align: left;
    justify-content: flex-start;
    position: relative;
    z-index: 2;
    width: 100%;
}

.cbp-search-d {
    position: relative;
}
.cbp-search-c {
    position: relative;
    margin: 0;
    width: 70%;
    display: inline-block;
    vertical-align: top;
    padding-right: 16px;
}
.cbp-search-e {
    position: relative;
    padding: 0;
    width: 30%;
    display: inline-block;
    vertical-align: top;
}

.cbp-search-camp {
    padding: 0;
    flex: 1;
}
.cbp-search-btn {
    padding-left: 20px;
}
.sticky-active .cbp-search-btn {
	display: none;
}

.search-logo {
	display:none;
}
.sticky-active .search-logo {
	display: block;
    position: relative;
	z-index:4;
	padding-left:16px;
}
.search-nav {
	display:none;
}
.sticky-active .search-nav {
	display: block;
	position: relative;
	z-index:4;
	text-align: right;
}
.search-nav nav {
	margin: 0;
}
.search-nav nav button {
    cursor: pointer;
	appearance: none;
	color: var(--color-text);
	text-decoration: none;
	display: inline-block;
	padding: 12px 14px;
	background-color: rgba(var(--color-navRGB),0);
	border-radius: var(--radius3);
	vertical-align: middle;
}
.search-nav nav button:hover, .search-nav nav button.on {
	background-color: rgba(var(--color-navRGB),1);
}

.logo-menu {
	position:relative;
	display: inline-block;
	vertical-align:middle;
}
.logo-menu img {
	position:relative;
	z-index: 2;
	width:150px;
	height:auto;
}
.logo-menu img.logo-menu-sdw {
    position: absolute;
    z-index: 0;
    pointer-events: none;
    top: 0;
    left: 0;
    transform: translate(-11.43%, -14.40%);
	width:129.63%;
	height:auto;
	display: block;
	border: 0;
}

/* INPUT - SELECT */
.field-box {
    position: relative;
	padding-bottom: var(--distanza-y);
}
.field-row {
    position: relative;
	display: grid;
}
.field-row.c2 {
	grid-template-columns: 50% 50%;
}
.field-row.c2 .field-box:first-child {
	padding-right: var(--distanza-x3);
}
.field-row.c2 .field-box:last-child {
	padding-left: var(--distanza-x3);
}

.placeholder-search {
    font-size: 10px;
    letter-spacing: 0.010em;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
    visibility: visible;
    display: flex;
    align-items: flex-start;
    padding: 6px 0 0 10px;
    opacity: 1;
    color: var(--color-placeholder);
    justify-content: flex-start;
	text-transform: uppercase;
}
.placeholder-search.On {
	opacity: 0;
}
.placeholder-data {
    font-size: 10px;
    letter-spacing: 0.010em;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
    visibility: visible;
    display: flex;
    align-items: flex-start;
    padding: 6px 0 0 10px;
    opacity: 1;
    color: var(--color-placeholder);
    justify-content: flex-start;
	transition: all 0.3s ease;
	text-transform: uppercase;
}
.placeholder-data.On, .placeholder-data {
	/* opacity: 0; */
    position: relative;
    color: var(--color-text);
	padding-bottom: 4px;
}
.insummary .placeholder-data.On, .insummary .placeholder-data {
	color: var(--color-nav);
}
.placeholder-search.hidden, .placeholder-data.hidden {
	visibility:hidden;
	opacity:0;
}

.input-data, .input-search, .select-data, .select-search, .select-cassa, .input-promocode, .input-box {
	width: 100%;
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0;
	padding: 0px 20px 2px;
	height: 50px;
	border: 0 !important;
	vertical-align: middle;
	text-align: left;
	
	border-radius: var(--radius4);
	
	background-clip: border-box;
	-webkit-background-clip: border-box;
	-moz-background-clip: border-box;
	background-color: rgba(var(--color-whRGB),1);
	appearance: none;
	-webkit-appearance: none;
	color: var(--color-input);
}
.insummary .input-box {
	background-color: rgba(var(--color-whRGB),0.06);
	color: var(--color-text);
}
.select-data, .select-search, .select-cassa {
	appearance: auto;
	-webkit-appearance: auto;
    padding: 10px 6px 11px 6px;
}
.input-search {
}
/* BOX DIV SIMULATO */
.input-box {
	height: unset;
	padding-top: 17px;
	padding-bottom: 15px;
}
.input-box-tit {
    margin: 0;
    padding: 0 0 2px 0;
    display: block;
}
.input-box small {
    color: var(--color-gy2);
}
.insummary .input-box small {
	color: var(--color-text);
}
.input-box.ddslick {
	padding: 0;
	text-align: right;
}
.input-box-main {
	position:relative;
}

#termsearch {
	box-shadow: 0px 2px 10px 0px rgba(var(--color-blRGB), 0.2);
    z-index: 13;
}
#termsearchplace { 
    z-index: 14;
}

textarea.input-data {
    line-height: 1.35;
    padding-top: 14px;
    padding-bottom: 14px;
}
input.input-data.quantitycart {
	-webkit-appearance: none;
	-moz-appearance:    none;
	appearance:         none;
}
input.input-data:disabled, input.input-search:disabled, input.input-promocode:disabled {
	pointer-events:none;
}
.input-promocode {
    letter-spacing: .3em;
    text-align: center;
	color: var(--color-bl);
}

/* -- > BANNER PROMOCODE DINAMICO */
.bannerpromocode {
	bottom: 0;
	height:120px;
	right:0;
	left:0;
	margin:0 auto;
	padding:0;
	position:fixed;
	z-index:500;
	overflow:hidden;
	text-align:left;
	vertical-align:middle;
	opacity:0;
	visibility:hidden;
    box-shadow: 6px 6px 24px 0 rgba(0,0,0,0.46);

/* animazione easeOutExpo */
	-webkit-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
	transition:         all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
	-o-transition:      all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;     /*Opera*/
	-moz-transition:    all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;   /*Firefox*/
}
.content-nxtpg .bannerpromocode, .nextpage .bannerpromocode {
	top: auto;
	bottom: auto;
	height: auto !important;
	right:auto;
	left:auto;
	margin:0;
	position:relative;
	width: 100% !important;
}
.bannerpromocode img{
	display:block;
	margin:0;
	padding:0;
}
.content-nxtpg .bannerpromocode img, .nextpage .bannerpromocode img {
	width: 100% !important;
	height: auto !important;
}
.bannerpromocode.open{
	height:var(--Hbannerprc);
	opacity:1;
	visibility:visible;
}
.bannerpromocode.open.mini{
	height:160px;
	opacity:1;
	visibility:visible;
}
.cart-bannerpromocode {
	padding: 0 0 20px 0;
	text-align: center;
}
/* < -- BANNER PROMOCODE DINAMICO */

.scream {
	margin: 0 auto;
	width: 100%;
	max-width: var(--max-w);
	padding-top: var(--distanza-y);
	padding-bottom: var(--distanza-y);
	padding-left: var(--distanza-x);
	padding-right: var(--distanza-x);
	position: relative;
}
.scream p {
	position: relative;
	z-index: 2;
	text-wrap: balance;
	
	color: var(--color-bl);
	line-height: 1.12;
	text-align: center;
	text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25);
	mix-blend-mode: multiply;
	
	padding-top: 0;
	padding-bottom: 0;
	padding-left: calc(var(--distanza-x2) * 2);
	padding-right: calc(var(--distanza-x2) * 2);
}
.scream canvas {
	z-index: 0;
}

.display {
	margin: 0 auto;
	width: 100%;
	max-width: var(--max-w);
	padding-top: var(--distanza-y);
	padding-bottom: var(--distanza-y);
	padding-left: var(--distanza-x);
	padding-right: var(--distanza-x);
}
.display.prod {
	padding-left: 0;
	padding-right: 0;
}
.display.spot {
	padding-left: 0;
	padding-right: 0;
}
.display-tit {
	margin: 0 auto;
	width: 100%;
	padding-top: var(--distanza-y);
	text-align: center;
	color: var(--color-wh);
}

.display-promo {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--distanza-x);
	padding: 0;
}
.promo-box {
	position: relative;
	z-index: 2;
	aspect-ratio: 700 / 472;
	width: 100%;
	
	/* width: 700px; */
	/* height: 472px; */

	display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;

	/* overflow: hidden; */
    /* border-radius: var(--radius2); */
	/* background-color: rgb(0, 0, 0); */
	/* box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.9); */
}

.promo-product {
    position: relative;
    /* width: 650px; */
    /* height: 465px; */
    z-index: 3;
    aspect-ratio: 650 / 465;
    width: 92.8%;
    height: auto;
    /* transform: translate(0, -20px); */
    transform: translate(0, -4.3%);
	
	display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-direction: column;
}
.promo-product h2 {
    position: relative;
    z-index: 5;
    text-align: left;
	padding: 16px 12px 0;
}
.promo-product p {
    position: relative;
    z-index: 4;
    opacity: 0.35;
    text-align: left;
    padding: 6px 12px 0;
}

.promo-product-img {
	border-radius: var(--radius2);
	/* background-color: rgb(0, 255, 0); */
	position: relative;
	z-index: 3;
	width: 100%;
	flex: 1;
	overflow:hidden;
}
.promo-product-img span {
	position: absolute;
	z-index: 2;
	opacity: 0.12;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url("ELE_promo-img_01.png");
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: left top;
	background-size: 100% auto;
}

.promo-banner {
    border-radius: var(--radius2);
    /* background-color: rgb(0, 255, 0); */
    position: relative;
    /* width: 650px; */
    /* height: 465px; */
    z-index: 3;
    aspect-ratio: 650 / 465;
    width: 92.8%;
    height: auto;
    /* transform: translate(0, -20px); */
    transform: translate(0, -4.3%);
    overflow: hidden;
}
.promo-banner a, .promo-product-img a {
	position: absolute;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
}
.promo-banner img, .promo-product-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.promo-banner video, .promo-product-img video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.promo-box-bg {
    margin: 0;
    padding: 0;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    transform: translate3d(0, 0, 0);
    border-radius: var(--radius2);
    overflow: hidden;
	box-shadow: 0px 20px 40px 0px rgba(var(--color-blRGB), 0.9);
	mix-blend-mode: multiply;
	background-color: rgba(var(--color-blRGB),1);
	/* filter: brightness(1.2) contrast(1.1); */
}

/* DISPLAY HOMEPAGE */
.display-products {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
}

/* PAGINE PRODOTTO */
.products-main {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 25px;
}
body.pagecatalogo .products-main, body.pagemodello .products-main {
}
.products-universal, .products-box { 
	margin-top: 33px;
	margin-bottom: 33px;
	margin-left: 15px;
	margin-right: 15px;
}

/* INTERRUZIONE */
.products-universal {
    background-color: rgba(var(--color-navRGB),0.2);
    border-radius: var(--radius3);
    padding: 26px 40px;
	width: 100%;
}

.products-box {	
	width:360px;
	height: auto;
	min-height: 435px;
	border-radius: var(--radius2);
	color: var(--color-wh);
	background-color: var(--color-bl);
	box-shadow: 0px 15px 30px 0px rgba(var(--color-blRGB), 0.75);

	cursor: pointer;
	
	display: flex;
    flex-direction: column;
    align-items: stretch;
    flex-wrap: nowrap;
	
	position: relative;
	z-index: 1;
	transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
}
.products-box:hover {
	z-index: 10;
	transform: scale(1.025);
	box-shadow: 0px 15px 30px 40px rgba(var(--color-navRGB), 0.25);
}

.products-box * {
	cursor: pointer;
}

.products-box figure {
	position: relative;
	
    width: 320px;
    height: 320px;
    border-radius: var(--radius2);
    background-color: var(--color-wh);
    overflow: hidden;
    margin: -16px auto 0 auto;
}
.products-box figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.products-box h2 {
	min-height: 3lh; /* altezza minima 3 righe */
	line-height: 1.1875;
	margin: 5px 30px 30px 39px;
	text-align: left;
}
.products-box h2 span {
	opacity: 0.35;
}
.products-box h3 {
	text-transform: uppercase;
	margin: 12px 30px 0 40px;
	opacity: 0.35;
	text-align: left;
}

.products-box.universal figure {
    background-color: var(--color-bl);
}
.products-box.universal figure img, .products-box.universal h2 {
	opacity: 0.7;
}
.products-box.universal:hover figure img, .products-box.universal h2 {
	opacity: 1;
}

.products-color {
	margin: auto 30px 22px 39px;
}
.products-color span {
	opacity: 0.35;
	padding: 0 0 0 6px;
}
.products-color img {
    vertical-align: bottom;
}

.products-badge {
    position: absolute;
    z-index: 10;
    display: block;
    top: 0;
    right: 0;
    width: auto;
    background-color: transparent;
    text-align: right;
    margin: 14px;
}
.products-badge .badge {
    font-weight: 800;
    padding: 8px 10px;
    background-color: var(--color-nav);
    border-radius: var(--radius3);
    text-transform: uppercase;
    margin: 7px;
}
.badge.gratis {
	
}
.badge.limited {
	
}
.badge.promo {
	
}
.badge.universal {
	background-color: var(--color-gy4);
}



.display-spot {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--distanza-x);
	padding: 0;
}
.spot-box {
	position: relative;
	z-index: 2;
	aspect-ratio: 700 / 472;
	width: 100%;

	display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
}
.spot-box article {
    position: relative;
    z-index: 3;
	display: flex;
    flex-direction: column;
	padding: 76px 70px 80px 70px;
	height: 100%;
}
.spot-box h2 {
    position: relative;
    z-index: 5;
    text-align: left;
	margin: 0 0 auto 0;
	color: var(--color-title);
}
.spot-box h2 span {
	color: var(--color-title2);
}
.spot-box a.btnrounded {
    position: relative;
    z-index: 5;
    text-align: left;
	margin: auto auto 0 0;
}

.spot-box-bg {
    margin: 0;
    padding: 0;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    transform: translate3d(0, 0, 0);
    border-radius: var(--radius2);
    overflow: hidden;
	box-shadow: 0px 20px 40px 0px rgba(var(--color-blRGB), 0.9);
	mix-blend-mode: multiply;
	background-color: rgba(var(--color-blRGB),1);
	/* filter: brightness(1.2) contrast(1.1); */
}
.spot-box.newsletter .spot-box-bg span{
    margin: 0;
    padding: 0;
    right: 0;
    left: auto;
    bottom: 0;
    top: auto;
	width: 460px;
	height: 382px;
    position: absolute;
	background-image: url(BG_email_01.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	opacity: 0.10;
}

/* SOCIAL */
ul.social {
    position: relative;
    z-index: 5;
    text-align: left;
	margin: auto auto 0 0;
	padding: 0;
	list-style-type: none;
}
ul.social li {
	display: inline-block;
	margin: 0 56px 0 0;
	padding: 0;
}
ul.social li a {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	border-radius: var(--radius1);
	
	--increment: 0.3;
	
	-webkit-transition: all calc(var(--animate-duration) * var(--increment)) ease-out;
	-moz-transition:  all calc(var(--animate-duration) * var(--increment)) ease-out;
	-ms-transition:   all calc(var(--animate-duration) * var(--increment)) ease-out;
	transition:   all calc(var(--animate-duration) * var(--increment)) ease-out;
	
	box-shadow: 0px 3px 12px rgba(var(--kbike-BU3rgb), 0), 
				0px 20px 40px 0px rgba(var(--kbike-BU3rgb), 0);
}
ul.social li a:hover {
	transform: scale(1.05);
	box-shadow: 0px 3px 12px rgba(var(--kbike-BU3rgb), 0.7), 
				0px 20px 40px 0px rgba(var(--kbike-BU3rgb), 0.55);
}
ul.social li a img {
	display: block;
	margin: 0;
	padding: 0;
	width:80px;
	height:auto;
}


/* FOOTER */
footer {
	background-color: var(--bg-footer);
	position: relative;
	z-index: 10;
	margin-top: 120px;
}
body.pagesupporto footer {
	background-color: transparent;
}
.footer {
	color: var(--color-text);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 40px 20px;
}
body.pagesupporto .footer {
	display: none;
	opacity: 0;
	visibility: hidden;
}
.footer-column {
	flex: 1 1 30%;
	min-width: 250px;
	padding: 36px;
	text-align: center;
}
.footer-column h4 {
	padding: 35px 0;
}
.footer-column p,
.footer-column li {
	padding: 15px 0;
	line-height: 1.6;
	display: block;
}
.footer-column ul {
	list-style: none;
	padding: 0;
}

.footer-column .listlang span {
    opacity: 0.35;
}
.footer-column .listlang a {
    margin: 0 6px;
    display: inline-block;
    padding: 6px;
    color: var(--color-wh);
    opacity: 0.35;
	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition:  all 0.3s ease-out;
}
.footer-column .listlang a.active {
    opacity: 1;
	pointer-events: none;
}
.footer-column .listlang a:hover {
    opacity: 0.7;
}

.logo-footer {
	position:relative;
	display: inline-block;
	margin-top: 12px;
	margin-bottom: 18px;
}
.logo-footer img {
    position: relative;
    z-index: 2;
    width: 210px;
	height: auto;
}
.logo-footer img.logo-footer-sdw {
    position: absolute;
    z-index: 0;
    pointer-events: none;
    top: 0;
    left: 0;
    transform: translate(-11.43%, -14.40%);
}

.copy {
	background-color: rgba(var(--kbike-BUrgb), 0.20);
	border-radius: var(--radius2);
	margin: 20px;
	color: var(--color-text);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
    align-content: center;
    align-items: center;
	padding: 20px 40px;
}
body.pagesupporto .copy {
	background-color: var(--kbike-BU2);
}
.copy-txt {
	opacity: 0.35;
	padding: 10px;
	margin: 10px;
}
.policy-link a {
	margin: 10px;
	padding: 10px;
	
	--increment: 0.5;
	
	-webkit-transition: all calc(var(--animate-duration) * var(--increment)) ease-out;
	-moz-transition:  all calc(var(--animate-duration) * var(--increment)) ease-out;
	-ms-transition:   all calc(var(--animate-duration) * var(--increment)) ease-out;
	transition:   all calc(var(--animate-duration) * var(--increment)) ease-out;
}
.policy-link a:hover {
	opacity: 0.35;
}
/* < -- FOOTER */

/* MODAL */
.DIV_msg_panel{
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	position:fixed;
	display:none;
	z-index:2000;
	vertical-align:middle;
	text-align:center;
	background-color: var(--bg-overlay3);
}
.DIV_msg_panel.show{
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	align-items: center;
	overflow: auto;
}
.DIV_msg_panel.show * {
	pointer-events: all;
}
.DIV_msg_panel_txt{
	margin: 0;
	padding: 0;
}
.DIV_msg_panel_txt2{
	text-align:left;
	display:inline-block;
	max-width: 840px;
	padding: 40px 20px;
}
.DIV_msg_panel_txt2 .msg2 {
	line-height: 1.5 !important;
	margin: 12px 0 0 0 !important;
	display:block !important;
}

.DIV_msg_panel_act{
	display: flex;
	margin-top: var(--distanza-y2);
	align-items: center;
	justify-content: space-between;
}
.DIV_msg_panel_act .floatR{
	margin-left:16px !important;
}
/* < -- MODAL */

/* LOADING */
.loading{
	width:100%;
	height:100%;

	top:0;
	left:0;
	
	position:fixed;
	z-index:8000;
	background-color: var(--bg-overlay);
	
	display:none;
	opacity:0;
	
	text-align:center;
	
/* animazione easeOutExpo */
	-webkit-transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	transition:         opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition:      opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;     /*Opera*/
	-moz-transition:    opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;   /*Firefox*/
}
.loading.On{
	display:block;
	opacity:1;
}
.loading.On2{
	background-color: var(--bg-overlay2);
	display:block;
	opacity:1;
}
.loadingadd{
	width:100%;
	height:60px;

	top:20px;
	left:0;
	
	position:absolute;
	z-index:8000;
	background-color: var(--bg-overlay);
	
	display:none;
	opacity:0;
	
	text-align:center;
	
/* animazione easeOutExpo */
	-webkit-transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	transition:         opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition:      opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;     /*Opera*/
	-moz-transition:    opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;   /*Firefox*/
}
.loadingadd.On{
	display:block;
	opacity:1;
}

.loading-svg {
	position:absolute;
	width:25vw;
	height:auto;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}
/* < -- LOADING */

/* SUGGEST */
#resultsearch {
    transform: translate(0, -4px);
    position: relative;
    z-index: 12;
	background-color: var(--color-wh);
}
.searchbar.mode2 #resultsearch {
}

.ui-widget.ui-widget-content {
	max-height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
	margin:0 !important;
	top: 0 !important;
	padding: 14px 0 14px 0;
	background: var(--color-gy5);
	border-radius: 0 0 var(--radius3) var(--radius3);
	border: 0 !important;
}
.ui-menu .ui-menu-item {
	list-style-image:none !important;
	background-color: var(--color-gy5);
}
.ui-menu .ui-menu-item-wrapper {
    padding: 6px 20px !important;
    color: var(--color-bl);
    text-align:left;
}
.ui-widget {
	font-size: 14px;
}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover {
    border: unset !important;
    background: rgba(var(--color-blRGB),0.08) !important;
    color: var(--color-bl) !important;
	margin: 0 !important;
	font-weight: 600 !important;
}

.ui-menu .ui-menu-seeall {
    padding-top: 8px;
}
.ui-menu .ui-menu-seeall div{
	position: relative;
	padding: 20px 30px 20px 30px !important;
	font-size: 16px;
	text-decoration: underline;
	text-align: left;
	background-color: var(--color-nav);
	color: var(--color-wh);
}
.ui-menu .ui-menu-seeall div:hover{
    color: var(--color-wh);
    background: var(--color-nav);
}

/* BACKGROUND */
.shade-nextpage {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    z-index: 25;
    opacity: 1;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.66) 50%, rgba(0, 0, 0, 0) 100%);
}
body.pagehome .shade-nextpage {
	opacity: 0;
	visibility: hidden;
}

.shade-v {
	position: absolute;
	width: 328px;
	height: 837px;
	z-index: 50;
	opacity: 0.5;
	pointer-events: none;
	background: linear-gradient(112deg, rgba(0,51,153, 1) 0%, rgba(0,51,153, 0) 50%);
}
.shade-v.pos1 {
	top:0;
	left:0;
}
.shade-v.pos2 {
	right:0;
	top:213px;
	background: linear-gradient(112deg, rgba(0,51,153, 1) 0%, rgba(0,51,153, 0) 50%);
	transform: rotate(180deg);
}
.shade-v.pos3 {
	right:0;
	top:1050px;
	background: linear-gradient(112deg, rgba(0,51,153, 1) 0%, rgba(0,51,153, 0) 50%);
	transform: scaleX(-1);
}

.background-svg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    pointer-events: none;
    overflow: hidden;
}
.bgsvg {
    width: 3845px;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
}
.bgsvg path {
	fill:none;
	stroke:var(--color-text);
	stroke-width:0.5;
	stroke-miterlimit:10
}
.bgsvg.pos1 {
    top: -1250px;
    transform: translate(-1900px, 0) rotate(0deg);
    filter: drop-shadow(0px 10px 4px rgb(20 108 255 / 84%));
}
.bgsvg.pos2 {
    top: -1230px;
    transform: translate(-1716px, 0) rotate(10deg);
    filter: drop-shadow(0px 10px 4px rgb(20 108 255 / 84%));
    opacity: 0.5;
}
.bgsvg.pos3 {
    top: -1000px;
    transform: translate(-1566px, 0) rotate(10deg);
    filter: drop-shadow(0px 10px 4px rgb(20 108 255 / 84%));
    opacity: 0.12;
}


/* NEXT PAGE */
.nextpage {
	flex: 1;
}
body.pagelogin .nextpage {
	margin-top: var(--distanza-y);
}

main.nextpage-main {
    position: relative;
    z-index: 2;
    color: var(--color-text);
    margin: 0 auto;
    width: 100%;
    max-width: var(--max-w);
    padding-top: var(--distanza-y);
    padding-bottom: var(--distanza-y);
    padding-left: var(--distanza-x);
    padding-right: 0;
    /* padding-right: var(--distanza-x); */
    display: grid;
    justify-items: stretch;
    grid-template-columns: 335px 1fr;
}
body.pagemodello main.nextpage-main {
    padding-top: 0;
}
body.pagelogin main.nextpage-main {
    padding-top: 0;
}

.nextpage.incart main.nextpage-main {
    padding-bottom: var(--distanza-y3);	
}

.column-sx {

}
.column-dx {

}

.panfiltercont {
    position: relative;
    z-index: 1;
    display: block;
    height: 100%;
    padding: 7px 0 60px 0;
    margin: 0;
}

.panfilter {
    margin: 0 0 60px 0;
    padding: 0;
    position: relative;
    text-align: left;
    vertical-align: top;
    z-index: 1;
}
.panfilter h3 {
    padding: 20px var(--distanza-x3) 10px;
    margin: 0;
    color: var(--color-nav);
}
#filterother h3, #filternav h3 {
	color: var(--color-wh);
}
ul.panfilter-list {
    margin: 0 0 0 var(--distanza-x3);
    display: block;
}
ul.panfilter-list li{
	margin: 0;
}
#filterother ul.panfilter-list li, #filternav ul.panfilter-list li {
}

ul.panfilter-list li a {
    background-color: rgba(var(--color-navRGB),0);
    color: var(--color-nav-text);
    border-radius: var(--radius3);
    line-height: 1.25;
    display: block;
    padding: 5px 30px 5px 10px;
	position: relative;
}
#filterother ul.panfilter-list li a, #filternav ul.panfilter-list li a {
	color: var(--color-text2);
}
ul.panfilter-list li a:hover {
    background-color: rgba(var(--color-navRGB),0.12);
}
#filterother ul.panfilter-list li a:hover, #filternav ul.panfilter-list li a:hover {
    background-color: rgba(var(--color-navRGB),0);
	color: var(--color-text);
}
#filterother ul.panfilter-list li a span, #filternav ul.panfilter-list li a span {
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    width: 12px;
    height: 12px;
    background-image: url('ICN_close_01w.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: auto 0;
    transform: translate(-12px, 0);
}
#filternav ul.panfilter-list li a span {
	background-image: none;
}

ul.panfilter-list li a.highlight {
    background-color: rgba(var(--color-navRGB),1);
    background-image: url('ICN_close_01w.png');
    background-position: right 9px center;
    background-repeat: no-repeat;
    background-size: auto 12px;
}
#filterother ul.panfilter-list li a.highlight, #filternav ul.panfilter-list li a.highlight {
    background-color: rgba(var(--color-navRGB),0);
    background-image: none;
	color: var(--color-text);
}
#filterother ul.panfilter-list li a.highlight span, #filternav ul.panfilter-list li a.highlight span {
    opacity: 1;
}

/* ---------- BOX FORM ---------- */
.form-box {
    position: relative;
    margin-top: var(--distanza-y);
    margin-left: 40px;
    margin-right: var(--distanza-x);
}
.form-box.min {
	width: 70%;
	grid-template-columns: 1fr;
}
.form-box form {
    position: relative;
	z-index: 4;
    margin: 0;
    text-align: left;
    padding: 0 var(--distanza-x2);
}
.nota {
    opacity: 0.7;
    padding: 8px 10px 0;
    transition: all 0.3s ease;
}
.form-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    padding: 40px 0;
    flex-wrap: wrap;
    flex-direction: row;
}
.form-part {
	position: relative;
	z-index: 3;
}
.form-part-title {
    padding: var(--distanza-y) 0 20px 0;
    /* transform: translate(-6px, 0); */
}
.form-part-title.first {
    padding-top: 0;
}
/* ---------- MENU OVERLAY ---------- */

.menu-backdrop {
	position: fixed;
	inset: 0;
	background: var(--backdrop);
	opacity: 0;
	pointer-events: none;
	transition: opacity var(--duration) var(--easing);
	z-index: 9998;
}

.menu-panel {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	
	background-color: rgba(var(--menu-bg),.5);
	box-shadow: 0px 30px 50px 0px rgba(var(--kbike-BUrgb), 0.5), inset 0px -40px 50px 0px rgba(var(--kbike-BUrgb), 0.35);

	transform: translateY(-110%);
	transition: transform var(--duration) var(--easing), opacity var(--duration) var(--easing);
	opacity: 1;
	z-index: 9999;
	will-change: transform; /* performance */
}
/* Se supportato: trasparente e sfocato blur(10px) */
@supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
	.menu-panel {
		-webkit-backdrop-filter: blur(20px);
		backdrop-filter: blur(20px);
		background-image: none;
	}
}

.menu-inner {
	color: var(--menu-fc);
	margin: 0 auto;
	width: 100%;
	max-width: var(--max-w);
	padding-top: var(--distanza-y);
	padding-bottom: var(--distanza-y);
	padding-left: var(--distanza-x);
	padding-right: var(--distanza-x);
}

.menu-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--distanza-x2);
	margin-bottom: 18px;
}
.menu-title {
    line-height: 1.3;
    padding-bottom: 10px;
}
.menu-close {
	cursor: pointer;
	appearance: none;
	border: 0;
	background: transparent;
	padding: 0;
	width: 46px;
	height: 46px;
	transition: transform 0.3s ease;
}
.scheda-close .menu-close {
	width: 32px;
	height: 32px;
	margin-top: 38px;
	position: sticky;
	top: 38px;
	margin-left: 40px;
	margin-right: 40px;
}
.page-main .scheda-close .menu-close {
	margin-left: auto;
	margin-right: auto;
}
.menu-close img { 
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.menu-close:hover { 
	transform: scale(1.025);
}

/* Voci del menù */
.menu-inner nav {
	padding: 0 20px 40px;
	margin: 0;
}
.menu-grid {
	list-style: none;
	padding: 0;
	margin: 0;

	column-count: 3;
	column-gap: 86px;
	
	max-height: 680px;
}
/* SOLO DOPO GLI 837px */
@media screen and (max-height: 837px) {
	.menu-grid {
		max-height: 81vh;
	}
}

.menu-item {
	break-inside: avoid;
	margin-bottom: 2px;
}
.menu-item a {
	display: block;
	text-decoration: none;
	color: var(--menu-fc);
	padding: 8px 10px 9px;
	border-radius: var(--radius3);
	background: rgba(var(--menu-ic),.0);
	transition: transform .14s var(--easing), background .2s var(--easing);
}
.menu-item a:hover {
	transform: translateX(1px);
	background: rgba(var(--menu-ic),.53);
}

/* Stato: aperto */
.menu-open .menu-backdrop {
	opacity: 1;
	pointer-events: auto;
}
.menu-open .menu-panel {
	transform: translateY(0);
}
.menu-open body {
	overflow: hidden;
}

/* Accessibilità: se utente preferisce meno motion, disabilita animazioni */
@media (prefers-reduced-motion: reduce) {
	.menu-backdrop,
	.menu-panel {
		transition: none !important;
	}
}

/* PAGINA */
body.pagehome {
	
}
body.pagecatalogo {
	
}
body.pagemodello {
	
}
body.pagelogin {
	
}
body.pagecerca {
	
}
.search-sticky.mymoto-active, 
body.pagelogin .search-sticky {
    position: fixed;
    left: 0;
    right: 0;
}
.search-sticky.mymoto-active, 
.search-sticky.mymoto-active .search-box, 
body.pagelogin .search-sticky,  
body.pagelogin .search-sticky .search-box {
	display: none !important;
}
.search-sticky.mymoto-active.sticky-active, 
body.pagelogin .search-sticky.sticky-active {
	display: block !important;
}

.page-title {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;

	position: relative;
    text-align: left;
    text-wrap: balance;
}
.page-area {
    position: absolute;
    opacity: 0.5;
    padding: 0;
    top: 0;
    transform: translate(2px, -100%);
    margin-top: -6px;
}
.page-text {
    padding-top: var(--distanza-y);
    padding-bottom: 0;
    padding-left: calc(40px + var(--distanza-x3));
    padding-right: var(--distanza-x);
    margin: 0;
}
.page-text p {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 2px;
    padding-right: var(--distanza-x3);
    position: relative;
    text-align: left;
    width: 65%;
    /* text-wrap: balance; */
/* come scheda */
    opacity: 0.50;
    line-height: 1.2;
}

.page-main {
	position:relative;
	display: grid;
	grid-template-columns: 1fr 80px;
	min-height: 100%;
}
/* come scheda */
.page-desc {
	min-height: 100%;
	padding: 40px 50px 120px;
}
.page-desc h2 {
	padding: 16px 0 0;
	width: 85%;
	opacity: 0.40;
	letter-spacing: unset;
	text-transform: unset;
	text-wrap: balance;
}
.page-desc h1 {
	padding: 14px 0 0;
	width: 95%;
	text-wrap: balance;
}
.page-desc p {
	width: 85%;
	opacity: 0.50;
	line-height: 1.2;
	padding: 24px 0 0 2px;
}

ul.accountlist {
	padding: 100px 20px 0;
	min-height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
ul.accountlist li {
	margin: 20px 10px;
}
ul.accountlist li.last {
    margin: auto 0 0 0;
    opacity: 0.5;
}
ul.accountlist li a {
	display: block;
	padding: 6px 10px;
}
ul.accountlist li a:hover {
	opacity: 0.5;
}
ul.accountlist li a.on {
    color: var(--color-nav);
    font-weight: 800;
    pointer-events: none !important;
}

/* MOTO */
header nav .mymoto-btn, .search-nav nav .mymoto-btn {
	display:none;
}

.mymoto-active .openMenu {
	display:none;
}
.mymoto-btn {
	
}
.mymoto-active .mymoto-btn {
	display: inline-flex !important;
	align-content: center;
	align-items: center;
	justify-content: flex-end;
}

.mymoto {
    position: relative;
    padding: 28px 32px;
    margin-left: 40px;
    margin-right: var(--distanza-x);
}
.mymoto-blur {
	
}
.mymoto-shadow {
	
}
.mymoto-box {
	position: relative;
	z-index: 10;
}
.mymoto-box h1 {
	color: var(--color-nav);
    padding: 0 8px;
}

.mymoto-anni {
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: center;
    padding: 18px 2px 0;
}
.mymoto-anni a {
    opacity: 0.5;
    color: var(--color-nav-text);
    background-color: rgba(var(--color-navRGB), 0);
    border-radius: var(--radius3);
    line-height: 1.25;
    padding: 4px 8px 4px;
    white-space: nowrap;
	text-transform: uppercase;
}
.mymoto-anni a:hover {
	opacity: 1;
	background-color: rgba(var(--color-navRGB), 0.12);
}
.mymoto-anni a.selected {
	opacity: 1;
	background-color: rgba(var(--color-navRGB), 1);
}

/* RICERCA */

.search-sorting{
	line-height:42px;
	height:42px;
}

.search-info {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: end;
    vertical-align: middle;
    text-align: right;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 40px;
    padding-right: var(--distanza-x);
    margin: 0;
}
.search-info.selectFilter {
	padding-top: calc(var(--distanza-y) * 2);
}

.search-item{
	position:relative;
    padding: 0 0 7px 20px;
    margin: 0 0 0 auto;
    white-space: nowrap;
}
.search-item span {

}
.search-sorting{
	position:relative;
	z-index:11;
	display:inline-block;
	vertical-align:middle;
	margin:0;
	padding:0 18px;
	background-color:#e5e5e5;
	color:#a5a9b2;
	cursor:pointer;
    border-radius: var(--radius4);
}
.search-sorting span{
	color:#1f1f1f;
}
.sorting{
	position:absolute;
	top:40px;
	right:0;
	left:0;
	z-index:10;
	pointer-events:none;
	opacity:0;
	visibility:hidden;
	background-color:#fff;
	border-left:1px solid #f6f6f6;
	border-right:1px solid #f6f6f6;
	border-bottom:1px solid #f6f6f6;
		
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition:  all 0.3s ease-out;
}
.search-sorting.open{
	box-shadow: 0px 0px 11.88px 0.12px rgba(0, 0, 0, 0.18);
}
.search-sorting.open .sorting{
	pointer-events:auto;
	opacity:1;
	visibility:visible;
	box-shadow: 0px 0px 11.88px 0.12px rgba(0, 0, 0, 0.18);
}

.sorting a{
	display:block;
	padding:0 12px;
	background-color:#fff;
	line-height:34px;
	min-height:34px;
	cursor:pointer;
	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition:  all 0.3s ease-out;
}
.sorting a:hover{
	color:#c0386e;
	background-color:#f6f6f6;
}
.sorting a.highlight{
	color:#fff;
	background-color:#484848;
}
/* PAGINA IN OVER */
#pageoverlay, #pageoverlay *, #accountpanel, #accountpanel * {
	pointer-events: all;
}
.page-pan {
	width: var(--w-pan);
	min-height: 100%;
	margin: 0 0 0 auto;
	padding: 0;
	display: grid;
	justify-content: center;
	grid-template-columns: 1fr;
    position: relative;
    z-index: 1;
	background-color: var(--bg-scheda);
    box-shadow: 0px 30px 100px 0px rgba(var(--kbike-BUrgb), 0.8);
}
#accountpanel .page-pan {
	width: var(--w-accpan);
	/* background-color: var(--bg-pan); */
    /* box-shadow: 0px 30px 180px 80px rgba(var(--kbike-BUrgb), 0.8); */
}

/* SCHEDA */
body.open {
	overflow: hidden;
}
body.open * {
	pointer-events: none;
}
#schedaoverlay, #schedaoverlay *, body.open .pswp * {
	pointer-events: all;
}
.scheda-pan {
	width: 100%;
	min-height: 100%;
	display: grid;
	justify-content: center;
	grid-template-columns: clamp(486px, 38vw, 640px) 1fr;
	position: relative;
	z-index: 1;
}
.scheda-pan-sx {
	min-height:100%;
    position: relative;
	background-color: var(--bg-scheda);
	z-index: 1;
}
.scheda-pan-dx {
	min-height:100%;
    position: relative;
	background-color: var(--bg-scheda);
	z-index: 2;
}

.scheda-main {
	display: grid;
	grid-template-columns: clamp(100px, 32vw, 540px) clamp(350px, 23vw, 400px) 1fr;
	min-height: 100%;
}

.scheda-desc {
	min-height: 100%;
	padding: 40px 50px 120px;
}
.scheda-desc h2 {
	padding: 16px 0 0;
	width: 85%;
	opacity: 0.40;
	letter-spacing: unset;
	text-transform: unset;
	text-wrap: balance;
}
.scheda-desc h1 {
	padding: 14px 0 0;
	width: 95%;
	text-wrap: balance;
}
.scheda-desc h1 span {
	opacity: 0.50;
}
.scheda-desc p {
	width: 85%;
	opacity: 0.50;
	line-height: 1.35;
	padding: 24px 0 0 2px;
}

.scheda-download {
	margin: 60px 0 0;
	background-color: rgba(var(--color-blRGB), 0.15);
	padding: 20px 20px;
	border-radius: var(--radius3);
}
.scheda-download ul {
    margin: 16px 0 0;
}
.scheda-download ul li {
    margin: 6px 0 0;
    list-style: unset;
}
.scheda-download a {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    padding: 6px 20px;
    margin: 0;
	transition: transform 0.3s ease;
}
.scheda-download a:hover {
	transform: translate(6px,0);
}
.scheda-download img {
	width: 40px;
	height: auto;
}
.scheda-download span {
    padding: 10px 16px;
}


.scheda-disp {
	margin: 60px 0 0;
	background-color: rgba(var(--color-blRGB), 0.15);
	padding: 20px 20px;
	border-radius: var(--radius3);
}
.scheda-disp h3 {
	text-wrap: balance;
	width: 85%;
	padding: 0;
}

.scheda-disp-list {
	max-height: unset;
	/* transition: max-height 0.4s ease; */
	overflow: hidden;
}
.scheda-disp.close .scheda-disp-list {
	max-height: 150px;
}

.scheda-disp ul {
    margin: 10px 16px 0 16px;
}
.scheda-disp ul li {
	padding: 2px 0;
	opacity: 0.5;
	list-style: disc;
	list-style-position: outside;
	list-style-type: disc;
	line-height: 1.3;
}
/* .scheda-disp.close ul li {
	display:none;
}
.scheda-disp.close ul li:nth-child(-n + 5) {
	display: list-item;
} */
.scheda-disp-other {
	display:none;
	opacity: 0.5;
}
.scheda-disp.close .scheda-disp-other {
	display:block;
}
.scheda-disp-btn {
	margin-top: 20px;
	text-align: center;
	background-color: rgba(var(--color-blRGB),0.3);
	padding: 20px;
	border-radius: var(--radius3);
	cursor: pointer;
}
.scheda-disp .scheda-disp-btn span.open {
	display:none;
}
.scheda-disp.close .scheda-disp-btn span.open {
	display:block;
	cursor: pointer;
}

.scheda-disp .scheda-disp-btn span.close {
	display:block;
}
.scheda-disp.close .scheda-disp-btn span.close {
	display:none;
}

.scheda-disp.close .scheda-disp-btn {
	opacity: 1;
}
.scheda-disp .scheda-disp-btn {
	opacity: 0.5;
}

.scheda-buy {
	min-height: 100%;
	background-color: var(--color-bl);
	box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.9);
}

.scheda-buy-main {
	position: sticky;
	top: 0;
	padding: 40px;
	
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-items: stretch;
    justify-content: space-between;
    align-items: start;
}
.scheda-buy-main h2 {
	opacity: 0.35;
	text-transform: uppercase;
	padding: 20px 0 0 0;
}
.scheda-buy-main h2.buy-add {
    padding: 30px 0 0 0;
}
.scheda-buy-main p {
    padding: 8px 0 0 0;
}


.scheda-buy-select {
	grid-column: 1 / span 2;
	text-align: center;
	padding: 30px 0 0;
}
.scheda-buy-select h2 {
	opacity: 1;
	text-transform: unset;
	text-align:left;
    padding: 0 0 14px 10px;
}
.scheda-buy-select-list.disabled * {
    pointer-events: none !important;
}

.scheda-buy-select-list.disabled .chosen-single div {
    opacity: 0;
}
.scheda-buy-select select, .chosen-container {
	text-align:left;
}
.scheda-buy-select .chosen-disabled {
	opacity: 1 !important;
}
.scheda-buy-select .chosen-disabled .chosen-single div b{
	opacity: 0 !important;
}
.scheda-buy-select button {
	width: auto;
	min-width: 62.5%;
	margin: 28px auto 0;
}

.scheda-buy-sx {
	text-align:left;
}
.scheda-buy-dx {
	text-align: right;
}

.scheda-close {
	min-height: 100%;
	text-align: right;
	
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-end;
	flex-wrap: nowrap;
}
.page-main .scheda-close {
	text-align: center;
}

.scheda-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
}
.scheda-bg img {
    position: absolute;
    top: 0;
    left: 50%;
    pointer-events: none;
	transform: translate3d(-50%,-27%,0);
	opacity: 0.18;
}

.scheda-img {
    min-height: 100%;
    padding: 0;
    margin: 0;
    background-color: var(--bg-scheda-img);
}
.scheda-gallery {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    padding: 0;
    margin: 0;
}
.scheda-img figure {
	padding: 0;
	margin:0;
	width:50%;
	height:auto;
	vertical-align:top;
	text-align:left;
}
.scheda-img figure.firstIMG {
	width:100%;
}
.scheda-img a {
	padding: 0;
	margin:0;
	text-decoration: none;
}
.scheda-img a img {
	display: block;
	max-width: 100%;
	height: auto;
	border: none;
}
.video-container {
    position: relative;
    width: 100%;
}
.video-container.embed {
    aspect-ratio: 16 / 9;
}
.video-container.embed.vmode {
    aspect-ratio: 9 / 16;
}
.video-container video {
    width: 100%;
    height: auto;
    border: 0;
	z-index: 10;
	position: relative;
}
.video-container iframe {
    width: 100%;
    height: 100%;
    border: 0;
	z-index: 10;
	position: relative;
}
.video-container p {
	color: var(--color-gy4);
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	line-height: 1.25;
	padding: 2em;
	font-size: 1em;
}

/* -- DETTAGLIO SCHEDA */
.scheda-dettaglio {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
	background-color: rgba(0, 0, 0, 0.9);
    overflow: auto;
	display: flex;
	justify-content: center;   /* centro orizzontale */
	align-items: flex-start;   /* allineato in alto */
}
.scheda-dettaglio-pan {
/* 	position: relative;
	margin: 0 auto;
	display: flex;
	align-items: stretch;
	flex-direction: row;
	align-content: space-around;
	justify-content: center;
	padding: 70px 48px; */

/* Variabili di layout */
	--pan-max-width: 1036px;
	  --pan-img-ratio: 0.682;
/* 640 / 938 ˜ 68.2% */
	  --pan-space: clamp(24px, 5.11%, 48px); 
/* = padding + gap proporzionale (˜48px a 938px) */

	margin-top: 4vh;
	width: min(100% - 2rem, var(--pan-max-width));
	padding: var(--pan-space);
	display: flex;
	gap: var(--pan-space);
	box-sizing: border-box;
}
.scheda-dettaglio-img {
	position: relative;
	flex: 0 0 auto;
	aspect-ratio: 1 / 1;
	width: min(calc(var(--pan-img-ratio) * 100%), calc(100vh - 2 * var(--pan-space) - 8vh));

	max-width: 640px;
	border-radius: var(--radius2);
	overflow: hidden;
}
.scheda-dettaglio-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: relative;
    z-index: 1;
}
.scheda-dettaglio-watermark {
	position: absolute;
	z-index: 4;
	top: 0;
	left: 0;
	right: 0;
	width: 162px;
	aspect-ratio: 162 / 90;
	background-color: transparent;
	background-image: url("logo_kbike_shadow_01b.png");
	background-repeat: no-repeat;
	background-position: center bottom;
}

.scheda-dettaglio-text {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	max-width: 250px;
}
.scheda-dettaglio-logo {
	position:relative;
	display: block;
	width: 198px;
	margin-top: 0;
	margin-left: 0;
	padding-top: 4px;
}
.scheda-dettaglio-logo img.logo-w {
	position:relative;
	z-index: 2;
	width: 150px;
	height: auto;
}
.scheda-dettaglio-logo img.logo-sdw {
    position: absolute;
    z-index: 0;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 229px;
    height: auto;
    transform: translate(-39px, -15px);
}

.scheda-dettaglio-act {
	align-items: flex-end;
	padding: 24px 0;
	max-width: 250px;
}

.scheda-dettaglio-ele {
}
.scheda-dettaglio-ele h2 {
    padding: 6px 0 0 10px;
    line-height: 1.15;
}
.scheda-dettaglio-ele p {
	color: var(--color-text2);
	padding: 0 0 0 9px;
	text-transform: uppercase;
}
.boxcopy {
	padding-top: 18px;
}

.scheda-dettaglio-act button {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
	margin-top: 40px;
}


/* Responsivo: sotto una certa larghezza vai a colonna */
@media (max-width: 768px) {
  .scheda-dettaglio-pan {
    flex-direction: column;
    align-items: stretch;
  }

  .scheda-dettaglio-img {
    width: min(
      100%, 
      calc(100vh - 2 * var(--pan-space) - 8vh)
    );
    max-width: none;
  }

  .scheda-dettaglio-text {
    flex: 0 0 auto;
  }
}




.pswp__custom-caption {
	background: var(--bg-overlay);
	font-size: 15px;
    line-height: 1.25;
	color: var(--color-text);
	width: calc(100% - 32px);
	padding: 8px 10px;
	border-radius: var(--radius3);
	position: absolute;
	left: 50%;
	bottom: 16px;
	transform: translateX(-50%);
	/* max-width: 400px; */
	text-align: center;
}
.pswp__custom-caption a {
	color: var(--color-text);
	text-decoration: underline;
}
.hidden-caption-content {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}


/* OVERLAY */
.overlay {
	width: 100%;
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	position: fixed;
	text-align: left;
	vertical-align: top;
	z-index: -1;
	overflow:  hidden;
}

/* ANIMAZIONI */
.overlay-slidedown {
	transform: translate3d(0, 100px, 0);
	opacity:0;
	z-index:-1;
	
	-webkit-transition:z-index 0s linear 0.29s, transform 0.3s cubic-bezier(0, 0, 0.15, 1), opacity 0.3s cubic-bezier(0, 0, 0.15, 1);
	-moz-transition:z-index 0s linear 0.29s, transform 0.3s cubic-bezier(0, 0, 0.15, 1), opacity 0.3s cubic-bezier(0, 0, 0.15, 1);
	-o-transition:z-index 0s linear 0.29s, transform 0.3s cubic-bezier(0, 0, 0.15, 1), opacity 0.3s cubic-bezier(0, 0, 0.15, 1);
	transition:z-index 0s linear 0.29s, transform 0.3s cubic-bezier(0, 0, 0.15, 1), opacity 0.3s cubic-bezier(0, 0, 0.15, 1);
}
.overlay-slidedown.open, .overlay-slidedown.openother, .overlay-slidedown.openover, .overlay-slidedown.galleryoverlay {
	transform: translate3d(0, 0, 0);
	opacity:1;
	pointer-events:all;
	z-index: 1100;
	
	-webkit-transition:z-index 0s linear, transform 0.5s cubic-bezier(0, 0, 0.15, 1), opacity 0.5s cubic-bezier(0, 0, 0.15, 1);
	-moz-transition:z-index 0s linear, transform 0.5s cubic-bezier(0, 0, 0.15, 1), opacity 0.5s cubic-bezier(0, 0, 0.15, 1);
	-o-transition:z-index 0s linear, transform 0.5s cubic-bezier(0, 0, 0.15, 1), opacity 0.5s cubic-bezier(0, 0, 0.15, 1);
	transition:z-index 0s linear, transform 0.5s cubic-bezier(0, 0, 0.15, 1), opacity 0.5s cubic-bezier(0, 0, 0.15, 1);
}
#galleryoverlay.overlay-slidedown.galleryoverlay, #hoveropen.overlay-slidedown.open {
	z-index: 1300;
}

.overlay-slideleft {
	transform: translate3d(-100px, 0, 0);
	opacity:0;
	z-index:-1;
	
	-webkit-transition:z-index 0s linear 0.29s, transform 0.3s cubic-bezier(0, 0, 0.15, 1), opacity 0.3s cubic-bezier(0, 0, 0.15, 1);
	-moz-transition:z-index 0s linear 0.29s, transform 0.3s cubic-bezier(0, 0, 0.15, 1), opacity 0.3s cubic-bezier(0, 0, 0.15, 1);
	-o-transition:z-index 0s linear 0.29s, transform 0.3s cubic-bezier(0, 0, 0.15, 1), opacity 0.3s cubic-bezier(0, 0, 0.15, 1);
	transition:z-index 0s linear 0.29s, transform 0.3s cubic-bezier(0, 0, 0.15, 1), opacity 0.3s cubic-bezier(0, 0, 0.15, 1);
}
.overlay-slideleft.open, .overlay-slideleft.openover {
	transform: translate3d(0, 0, 0);
	opacity:1;
	pointer-events:all;
	z-index: 1100;
	
	-webkit-transition:z-index 0s linear, transform 0.5s cubic-bezier(0, 0, 0.15, 1), opacity 0.5s cubic-bezier(0, 0, 0.15, 1);
	-moz-transition:z-index 0s linear, transform 0.5s cubic-bezier(0, 0, 0.15, 1), opacity 0.5s cubic-bezier(0, 0, 0.15, 1);
	-o-transition:z-index 0s linear, transform 0.5s cubic-bezier(0, 0, 0.15, 1), opacity 0.5s cubic-bezier(0, 0, 0.15, 1);
	transition:z-index 0s linear, transform 0.5s cubic-bezier(0, 0, 0.15, 1), opacity 0.5s cubic-bezier(0, 0, 0.15, 1);
}

.overlay-fade {
	opacity:0;
	z-index:-1;
	
	-webkit-transition:z-index 0s linear 0.3s, opacity 0.3s cubic-bezier(0, 0, 0.15, 1);
	-moz-transition:z-index 0s linear 0.3s, opacity 0.3s cubic-bezier(0, 0, 0.15, 1);
	-o-transition:z-index 0s linear 0.3s, opacity 0.3s cubic-bezier(0, 0, 0.15, 1);
	transition:z-index 0s linear 0.3s, opacity 0.3s cubic-bezier(0, 0, 0.15, 1);
}
.overlay-fade.open, .overlay-fade.openother, .overlay-fade.openover, .overlay-fade.galleryoverlay {
	opacity:1;
	pointer-events:all;
	z-index: 1100;
	
	-webkit-transition:z-index 0s linear, opacity 0.5s cubic-bezier(0, 0, 0.15, 1);
	-moz-transition:z-index 0s linear, opacity 0.5s cubic-bezier(0, 0, 0.15, 1);
	-o-transition:z-index 0s linear, opacity 0.5s cubic-bezier(0, 0, 0.15, 1);
	transition:z-index 0s linear, opacity 0.5s cubic-bezier(0, 0, 0.15, 1);
}
.overlay-fade.galleryoverlay {
	z-index: 1300 !important;
}
.overlay-fade.openother {
	z-index: 1400 !important;
}

/* NUOVA ANIMAZIONE - come moveUp */
.overlaypan-down, .open.openother .overlaypan-down {
	-webkit-transition:	transform 0.4s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.2s ease 0.3s;
	transition:			transform 0.4s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.2s ease 0.3s;
	-o-transition:		transform 0.4s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.2s ease 0.3s;
	-moz-transition:	transform 0.4s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.2s ease 0.3s;
}
.open .overlaypan-down.open, .open.openother .overlaypan-down.openother {
	-webkit-transition:	transform 1.4s cubic-bezier(0.77, 0, 0.175, 1) 0s, opacity 0.35s ease 0.3s;
	transition:			transform 1.4s cubic-bezier(0.77, 0, 0.175, 1) 0s, opacity 0.35s ease 0.3s;
	-o-transition:		transform 1.4s cubic-bezier(0.77, 0, 0.175, 1) 0s, opacity 0.35s ease 0.3s;
	-moz-transition:	transform 1.4s cubic-bezier(0.77, 0, 0.175, 1) 0s, opacity 0.35s ease 0.3s;
}

.overlaypan-right, .overlaypan-left {
	-webkit-transition:	transform 0.4s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.2s ease 0.3s;
	transition:			transform 0.4s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.2s ease 0.3s;
	-o-transition:		transform 0.4s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.2s ease 0.3s;
	-moz-transition:	transform 0.4s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.2s ease 0.3s;
}
.open .overlaypan-right.open, .open .overlaypan.open .overlaypan-right, .openother .overlaypan-right.openother, 
.open .overlaypan-left.open, .open .overlaypan.open .overlaypan-left, .openother .overlaypan-left.openother {
	--t-speed: 1s;
	--t-delay: 0s;
	--o-speed: 0.35s;
	--o-delay: 0.3s;
	
	-webkit-transition:	transform var(--t-speed) cubic-bezier(0.77, 0, 0.175, 1) var(--t-delay), opacity var(--o-speed) ease var(--o-delay);
	transition:			transform var(--t-speed) cubic-bezier(0.77, 0, 0.175, 1) var(--t-delay), opacity var(--o-speed) ease var(--o-delay);
	-o-transition:		transform var(--t-speed) cubic-bezier(0.77, 0, 0.175, 1) var(--t-delay), opacity var(--o-speed) ease var(--o-delay);
	-moz-transition:	transform var(--t-speed) cubic-bezier(0.77, 0, 0.175, 1) var(--t-delay), opacity var(--o-speed) ease var(--o-delay);
}

.open.reload .overlaypan-down.open {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	
	-webkit-transition:	unset;
	transition:			unset;
	-o-transition:		unset;
	-moz-transition:	unset;
}

.overlaypan-down, .openother .overlaypan-down {
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	opacity:0;
}
.open .overlaypan-down.open, .openother .overlaypan-down.openother {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity:1;
}

.overlaypan-left, .openother .overlaypan-left {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	opacity:0;
}
.overlaypan-right, .openother .overlaypan-right {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	opacity:0;
}
.open .overlaypan-right.open, .open .overlaypan.open .overlaypan-right, .openother .overlaypan-right.openother, .open .overlaypan-left.open, .open .overlaypan.open .overlaypan-left, .openother .overlaypan-left.openother {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity:1;
}

/* RIGHT -long */
.overlaypan-right-long, .openother .overlaypan-right-long {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition:	transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
	transition:			transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
	-o-transition:		transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
	-moz-transition:	transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}
/* APERTURA -long */
.open .overlaypan-right-long.open, .openother .overlaypan-right-long.openother {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition:	transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
	transition:			transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
	-o-transition:		transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
	-moz-transition:	transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.overlay-out {
	position:fixed;
	z-index:0;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color: var(--bg-overlay);
}
#accountpanel .overlay-out, #pageoverlay .overlay-out {
    background-color: var(--bg-overlay2);
}
/* < -- OVERLAY */

/* EFFECT */
.scale {
	animation-name: scale;
	animation-duration: 2s;
}
@keyframes scale {
	from {
		transform:scale(1.1);
	} 
	to {
		transform:scale(1);
	}
}

.fade {
	animation-name: fade;
	animation-duration: 1.5s;
}
.fadefast {
	animation-name: fade;
	animation-duration: 0.4s;
}
@keyframes fade {
	from {opacity: .4} 
	to {opacity: 1}
}
.fadeout {
	animation-name: fadeout;
	animation-duration: 0.4s;
}
@keyframes fadeout {
	from {opacity: 1} 
	to {opacity: 0}
}

.fadeinout {
	animation-name: fadeinout;
	animation-duration: 0.4s;
}
@keyframes fadeinout {
	0% {opacity: 1} 
	50% {opacity: 0}
	100% {opacity: 1} 
}

.moveUp {
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	opacity:0;
	
	-webkit-transition:	transform 0.3s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.1s ease 0s;
	transition:			transform 0.3s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.1s ease 0s;
	-o-transition:		transform 0.3s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.1s ease 0s;
	-moz-transition:	transform 0.3s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.1s ease 0s;
}
.moveUp.go {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity:1;
	
	-webkit-transition:	transform 1.4s cubic-bezier(0.77, 0, 0.175, 1) 0.35s, opacity 0.35s ease 0.3s;
	transition:			transform 1.4s cubic-bezier(0.77, 0, 0.175, 1) 0.35s, opacity 0.35s ease 0.3s;
	-o-transition:		transform 1.4s cubic-bezier(0.77, 0, 0.175, 1) 0.35s, opacity 0.35s ease 0.3s;
	-moz-transition:	transform 1.4s cubic-bezier(0.77, 0, 0.175, 1) 0.35s, opacity 0.35s ease 0.3s;
}
.moveDown {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	opacity:0;
	
	-webkit-transition:	transform 0.3s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.1s ease 0s;
	transition:			transform 0.3s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.1s ease 0s;
	-o-transition:		transform 0.3s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.1s ease 0s;
	-moz-transition:	transform 0.3s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.1s ease 0s;
}
.moveDown.go {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity:1;
	
	-webkit-transition:	transform 1.4s cubic-bezier(0.77, 0, 0.175, 1) 0.35s, opacity 0.35s ease 0.3s;
	transition:			transform 1.4s cubic-bezier(0.77, 0, 0.175, 1) 0.35s, opacity 0.35s ease 0.3s;
	-o-transition:		transform 1.4s cubic-bezier(0.77, 0, 0.175, 1) 0.35s, opacity 0.35s ease 0.3s;
	-moz-transition:	transform 1.4s cubic-bezier(0.77, 0, 0.175, 1) 0.35s, opacity 0.35s ease 0.3s;
}
/* EFFECT */

/* CONSENSO */
.boxedit-consenso {
    /* width: 90%; */
    padding-top: 6px;
    padding-bottom: 15px;
}
.boxedit-recaptcha {
    width: 570px;
    padding: 0;
}

.shaker {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-8px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(9px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-11px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(11px, 0, 0);
  }
}

.inlinePP {
	display: none;
	visibility: hidden;
}
.markPP {
	padding:10px;
}

.optincheck {
	display: block;
	position: relative;
	margin: 8px auto;
	width: 100%;
	text-align: left;
	border-radius: var(--radius3);
	background-color: rgba(var(--color-navRGB),0.12);
	padding: 16px 20px;
	box-sizing: border-box;
}
.cart-optincheck .optincheck {
	background-color: rgba(var(--color-blRGB),0.86);
	padding: 6px 10px 6px 12px;
}
.support-form .optincheck {
	background-color: rgba(var(--color-navRGB),0.25);
}
.optincheck-answer {
	display: flex;
	position: relative;
	margin: 6px auto;
	text-align: left;
	align-items: center;
	flex-direction: row;
}
.cart-optincheck .optincheck-answer {
	padding: 10px 0;
}
.optincheck a {
	text-decoration:underline;
	color:inherit;
	padding: 0 0.5em;
}
.cart-optincheck .optincheck a {
	padding: 0;
}
.optincheck input[type=checkbox]{
	position: absolute;
	visibility: hidden;
}
.optincheck h2 {
    font-size: 16px;
    line-height: 1.25;
    font-weight: 600;
    margin:0;
    color: rgba(var(--color-whRGB),0.50);
}
.optincheck label {
    display: inline-flex;
    position: relative;
    padding: 0px 25px 0px 42px;
    margin: 0 auto 0 0;
    z-index: 9;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.25;
    font-weight: 400;
    text-transform:none;
    width: 80%;
    min-height: 2lh;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
}
.cart-optincheck .optincheck label {
    display: inline-block;
    width: 100%;
    font-size: 12px;
    line-height: 1.35;
	letter-spacing: 0;
    padding: 0px 15px 0px 36px;
}
.support-form .optincheck label {
	width: unset;
}
.optincheck label.oneline {
    line-height: 24px;
}
.optincheck:hover label {
	color: var(--color-text);
}
.optincheck .checkB{
    display: block;
    position: absolute;
    border: 2px solid rgba(var(--color-whRGB),1);
    border-radius: var(--radius5);
    height: 22px;
    width: 22px;
    top: 0px;
    bottom: 0px;
    left: 3px;
	margin:auto 0;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}
.cart-optincheck .optincheck .checkB {
	scale: 0.9;
}
.optincheck .checkO {
	display: block;
	position: absolute;
	content: '';
	border-radius: var(--radius5);
    height: 12px;
    width: 12px;
    top: 3px;
    left: 3px;
	margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
	background: transparent;
}
.checkB.checked {
	border: 2px solid var(--color-wh);
}
.checkB.checked .checkO{
	background: var(--color-wh);
}
.boxPP {
	height:0;
	overflow:hidden;
	color:transparent;
}

/* SAVE MODE */
#newsletterform.savemode *{
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
#newsletterform.savemode #boxPP2{
visibility: visible;
height:auto;
color:var(--color-text);
}
#newsletterform.savemode #n{
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
#newsletterform.savemode .btnrounded {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}

/* SAVE MODE */
#registrazione.savemode *, #ordineflag.savemode * {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
#registrazione.savemode #boxPP, #ordineflag.savemode #boxPP {
visibility: visible;
height:auto;
color:var(--color-bl);
}
#registrazione.savemode .optincheck, #ordineflag.savemode .optincheck {
background: transparent;
}
#registrazione.savemode *, #ordineflag.savemode * {
color:var(--color-bl) !important;
}
#registrazione.savemode #password, #registrazione.savemode #pw2{
color:transparent !important;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
#registrazione.savemode #email{
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
#registrazione.savemode .btnrounded, #ordineflag.savemode .btnrounded {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}

.savemode .checkB.checked {
	border: 2px solid var(--color-bl) !important;
}
.savemode .checkB.checked .checkO{
	background: var(--color-bl) !important;
}
/* CONSENSO */

/* GOOGLE reCAPTCHA */
.recaptcha {
	
}
.recaptcha.blocked * {
	display:none;
}
.no-recaptcha {
	width: 80%;
	margin: auto;
	line-height: 1.5;
	display:none;
	text-align:center;
}
.no-recaptcha a, .no-recaptcha span {
	border: 3px solid #db5100;
    padding: 16px;
    color: #db5100;
}
.recaptcha.blocked .no-recaptcha, .recaptcha.blocked .no-recaptcha * {
	display:block !important;
}

.recaptcha.blocked button, .recaptcha.blocked a {
	opacity:0;
	visibility:hidden;
	pointer-events:none;
}

.banner-box {
	display:block;
	margin: 0;
	border-radius: var(--radius2);
	padding: 36px 40px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background-color: rgba(var(--kbike-BU3rgb),0.8);
    transition: all 0.3s ease;
}
.banner-box:hover {
	background-color: rgba(var(--kbike-BU3rgb),1);
	box-shadow: 0px 15px 30px 40px rgba(var(--color-navRGB), 0.25);
}
.banner-box h2 {
	margin:0;
	padding: 0 0 0.4em 0;
	text-wrap: balance;
}
.banner-box p {
	line-height: 1.35;
	text-wrap: balance;
	padding: 0;
	margin: 0;
}

/* SUPPORTO */

.content-nxtpg {
    -webkit-flex: 1;  /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */    
    flex: 1;
	position: relative;
	z-index: 30;
	margin: 0 auto 0;
	padding: 0 0 60px;
	width: 100%;
	background-color: rgba(var(--color-whRGB),.96);
	display: inline-block;
}

.content-form, .content-txt{
	padding: 0 66px;
	margin: 0 auto;
	box-sizing: border-box;
	width:100%;
	max-width: 1650px;
	min-height: 220px;
	vertical-align:middle;
	text-align:left;
}

.support-logo {
    position: relative;
    display: inline-block;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    scale: 0.87;
}
.support-logo img {
	position:relative;
	z-index: 2;
}
.support-logo img.support-logo-sdw {
    position: absolute;
    z-index: 0;
    pointer-events: none;
    top: 0;
    left: 0;
    transform: translate(-11.43%, -14.40%);
    /* transform: translate(-40px, -19px); */
	/* mix-blend-mode: screen; */
    /* filter: brightness(1.2) contrast(1.1); */
}

.support-form {
    padding: 0;
    box-sizing: border-box;
    width: 1080px;
    min-height: 220px;
    margin: 0 auto;
    vertical-align: middle;
    text-align: left;
	
	opacity:0;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out; /** Chrome & Safari **/
    -moz-transition: all 0.3s ease-out; /** Firefox **/
    -o-transition: all 0.3s ease-out; /** Opera **/
}
.support-form .form-box {
    margin-left: auto;
    margin-right: auto;
}
.support-form #nome{
	display:none;
}
.support-form #codice{
	display:block;
}
.support-form #inp4{
    min-height: 80px;
}

.support-form.assistenza{
	opacity:1;
}
.support-form.assistenza #codice{
	display:block;
}
.support-form.assistenza #nome{
	display:none;
}

.support-form.generico{
	opacity:1;
}
.support-form.generico #codice{
	display:none;
}
.support-form.generico #nome{
	display:block;
}


.support-tit {
	color: #0b0b0b;
	padding: 60px 0 10px;
	box-sizing: border-box;
	width: 100%;
	max-width: var(--max-w);
	margin: 0 auto;
	vertical-align: middle;
	text-align: center;
}
.support-tit h2{
    text-align: center;
	padding:0 0 30px 0;
    text-wrap: balance;
}
.support-tit h3{
    text-align: center;
    width: 80%;
    line-height: 1.25;
    margin: 0 auto;
    text-wrap: balance;
    /* opacity: 0.5; */
}
.support-tit h4 {
    margin: 60px 0 25px;
}

.support-btn {
    margin: 0 0 50px;
}
.support-btn button {
    margin: 10px 10px;
}
.support-btn button.btnrounded3.on, .support-btn button.btnrounded3.on:hover {
    color: var(--color-wh);
    background-color: var(--color-nav);
    border: 2px solid var(--color-nav);
}
.support-btn button.btnrounded2.on:hover {
    color: var(--color-wh);
    background-color: var(--color-nav);
    border: 2px solid var(--color-nav);
}
.support-btn button.off {
	color: #b1b3b4 !important;
	background-color:transparent !important;
	border:2px solid #b1b3b4 !important;
	pointer-events: all;
}

.support-lang {
    position: absolute;
    right: 40px;
    top: 0;
    bottom: 0;
    height: 34px;
    margin: auto;
    vertical-align: middle;
    padding: 0;
    z-index:2;
}

.support-lang a {
    color: var(--color-wh);
    margin: 0 8px;
    padding: 4px 4px;
    display: inline-block;
    text-align: center;
    min-width: 34px;
    background: rgba(var(--color-whRGB),0.10);
    line-height: 27px;
}
.support-lang a.On {
    opacity:0.3;
	pointer-events:none;
}


/* Black Limited */
body.BlackLimited {
	background-color:#000000 !important;
}

body.BlackLimited .container {
	background-color:#000000 !important;
	background-image:unset !important;
}

body.BlackLimited .content-nxtpg {
	background-color: transparent !important;
}

body.BlackLimited .content-tab {
    padding: 66px 66px;
    margin: 0 auto;
    box-sizing: border-box;
    width: 100%;
    max-width: 1060px;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: row;
    align-content: flex-start;
    justify-content: center;
	text-align:center;
}

.BlackLimited-bg {
	position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: 0;
	overflow:hidden;
}
body.BlackLimited #svgbg {
	position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    opacity: 0.08;
    transform: translate(0, -356px) scale(0.8);
}
body.BlackLimited svg path, body.BlackLimited svg rect {
    fill: var(--color-wh) !important;
}
.BlackLimited-main {
	
}
.BlackLimited-logo {
	margin:0 auto 120px;
}
.BlackLimited-header {
	margin: 0 auto 60px;
}
.BlackLimited-txt {
	margin: 0 auto 80px;
	color: var(--color-wh);
	width: 90%;
}
.BlackLimited-txt h2 {
	margin: 0 auto 40px;
	line-height: 1.25;
}

.BlackLimited-txt p {
	margin: 0 auto 80px;
	line-height: 1.25;
	width: 90%;
}
.BlackLimited-txt span {
	color:#A1443D;
}
.BlackLimited-txt span.dot {
    height: 16px;
    width: 60px;
    background-color: #f44336;
    border-radius: 18px;
    display: inline-block;
    vertical-align: middle;
    margin: 18px 4px 10px;
}


.BlackLimited-product {
	margin:0 auto 120px;
	display: grid;
	align-content: stretch;
	justify-content: center;
	align-items: stretch;
	justify-items: stretch;
	grid-template-columns: 40% 60%;
}
.BlackLimited-product .sx {
	background-color:#000000;
}
.BlackLimited-product .sx img {
	width: 100%;
	height: auto;
	display: block;
}
.BlackLimited-product .dx {
	text-align: left;
	padding: 6px 0 20px 60px;
	color: #fff;
}
.BlackLimited-product .dx .buy {
    text-align: left;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    margin: 30px 0 0 0;
    width: 60%;
}
.BlackLimited-product .dx .buy a {
	margin: 14px 0 0 0;
}
.BlackLimited-product .dx .count {
	padding: 0 60px 0 0;
}
.BlackLimited-product .dx .count span {
	font-weight: 400;
    -webkit-text-stroke: 0;
	padding: 0 0 0 4px;
}
.BlackLimited-product .dx .count span.counttxt {
	font-weight: 400;
    -webkit-text-stroke: 0;
	padding: 0;
	display: block;
	margin: -6px 0 0 0;
    font-size: 14px;
}
.BlackLimited-product .dx h2 {
	margin: 0 0 16px 0;
}
.BlackLimited-product .dx p {
	width: 80%;
	line-height: 1.35;
	color:#959595;
}
.BlackLimited-product .dx p span {
	color:var(--color-wh);
}


/* CHANGE LANG */ 
.langpanel{
	width:100%;
	position: fixed;
	vertical-align:middle;
	text-align:center;
	background-color: var(--color-nav);
	overflow:hidden;
	z-index: 8000;
	top: 0;
    box-shadow: 0px 5px 21px 2.12px rgba(0, 0, 0, 0.6);
}
.langpanel-main {
    display: flex;
    margin: 30px;
    text-align: center;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
}
.langpanel-txt {
    vertical-align: middle;
    display: inline-block;
    padding: 0 20px 5px 0;
	color: var(--color-wh);
}
.langpanel-btn {
	vertical-align:middle;
	display:inline-block;
	padding: 0 20px 0 0;
}
.langpanel-btn a {
    margin: 0 15px !important;
    min-width: 100px !important;
}
.langpanel-btn a:hover {
    color: var(--color-wh);
    background-color: rgba(var(--color-whRGB),0);
    border: 2px solid rgba(var(--color-whRGB),1);
}
.langpanel-btn a:link, .langpanel-btn a:visited, .langpanel-btn a:active {
    color: var(--color-nav);
    background-color: rgba(var(--color-whRGB),1);
    border: 2px solid var(--color-wh);
}

/* DISCLAIMER */
.disclaimer {
	color: rgba(var(--color-textRGB), 0.5);
	line-height: 1.35;
	opacity: 1;
	margin-top: var(--distanza-y);
	width: 85%;
}
.disclaimer h2 {
    font-size: 20px;
    line-height: 1.25;
	color: rgba(var(--color-textRGB), 1);
	opacity: 1;
	padding-top: var(--distanza-y);
}
.disclaimer mark {
    color: var(--color-rd);
    background-color: rgba(var(--color-textRGB), 0.15);
    padding: 0 0.35em 0.2em;
}


/* BLACKFRIDAY */
#blackfriday.wall .md-content > div {
	padding: 0;
}
#blackfriday.md-modal.wall {
	max-width: 800px;
	width: 90%;
}
#blackfriday.wall .blackfriday-cont picture img {
	width: 100%;
	height: auto;
}
/* BLACKFRIDAY - COVER */
.cover-blackfriday {
	position:absolute;
	z-index:20;
	
	margin:0;
	top:50px;
	left:0;
	right:0;
	bottom:0;
	
	width:100%;
	height:693px;
	overflow:hidden;
	display: block;
	
	background-color:transparent;
	background-image:url("2024-11_blackfriday_cover_it_01.webp");
	background-repeat:no-repeat;
	background-position:center top;
}
.cover-blackfriday.it {
	background-image:url("2024-11_blackfriday_cover_it_01.webp");
}
.cover-blackfriday.en {
	background-image:url("2024-11_blackfriday_cover_en_01.webp");
}
.cover-blackfriday.de {
	background-image:url("2024-11_blackfriday_cover_de_01.webp");
}
.cover-blackfriday h2 {
	opacity: 0;
	font-size: 12px;
	color:transparent;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:-1;
}
/* ANIMAZIONE */
body.blackfriday .container .bar{
    -webkit-transition-delay: 1.6s; /* Safari */
    transition-delay: 1.6s;
}
body.blackfriday .cover-blackfriday {
    transition: all 0.6s ease-out;
    -webkit-transition: all 0.6s ease-out; /** Chrome & Safari **/
    -moz-transition: all 0.6s ease-out; /** Firefox **/
    -o-transition: all 0.6s ease-out; /** Opera **/
	
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
	-o-transform: translate(0,0);
	-moz-transform: translate(0,0);
	
	opacity:1;

    -webkit-transition-delay: 1.2s; /* Safari */
    transition-delay: 1.2s;
}
.cover-blackfriday {
	transform: translate(10px,-20px);
	-webkit-transform: translate(10px,-20px);
	-o-transform: translate(10px,-20px);
	-moz-transform: translate(10px,-20px);
	
	opacity:0;
}

/* TABELLA Scheda + Carrello */
.TAB_scheda td:first-child, .TAB_carrello td:first-child {
    border-radius: var(--radius3) 0 0 var(--radius3);
    overflow: hidden;
}
.TAB_scheda td:last-child, .TAB_carrello td:last-child {
    border-radius: 0 var(--radius3) var(--radius3) 0;
}
.TAB_scheda td, .TAB_carrello td {
    background-color: var(--color-wh);
	vertical-align: top;
	border:0;
	padding: 12px 12px;
}
.TAB_carrello td {
	vertical-align: middle;
}
.TAB_scheda tr.TR_void td, .TAB_carrello tr.TR_void td {
    background-color: transparent;
	padding: 0;
	height: 8px;
}
.TAB_scheda tr.TR_separator td, .TAB_carrello tr.TR_separator td {
    background-color: transparent;
	padding: 0;
	height: var(--distanza-y);
}
.TAB_scheda tr.TR_group td, .TAB_carrello tr.TR_group td {
    background-color: transparent;
	color: var(--color-wh);
}

.TAB_scheda td.TAB_scheda_dida, .TAB_carrello td.TAB_carrello_dida {
    vertical-align: middle;
    padding: 6px 12px;
    text-transform: uppercase;
    color: var(--color-text);
    background-color: var(--color-gy8);
}
.TAB_scheda td.TAB_scheda_item, .TAB_carrello td.TAB_carrello_item {
	color: var(--color-bl);
	line-height: 1.35;
}
.TAB_scheda td.TAB_scheda_item p, .TAB_carrello td.TAB_carrello_item p {
	line-height: 1.35;
}
.TAB_scheda td.TAB_scheda_item h2, .TAB_carrello td.TAB_carrello_item h2 {
	margin: 0 0 4px 0;
}
.TAB_scheda td.TAB_scheda_item h3, .TAB_carrello td.TAB_carrello_item h3 {
	margin: 0 0 4px 0;
}
.TAB_scheda td.TAB_scheda_item a:hover, .TAB_carrello td.TAB_carrello_item a:hover {
	opacity:0.5;
}
.TAB_scheda td.TAB_scheda_btn, .TAB_carrello td.TAB_carrello_btn {
	white-space: nowrap;
}
.TAB_scheda td.TAB_scheda_btn a, .TAB_carrello td.TAB_carrello_btn a {
	display: inline-block;
	vertical-align: top;
}
.TAB_carrello tr.TAB_carrello_empty td {
    text-align: center;
    vertical-align: middle;
    padding: 6px 12px;
    color: var(--color-text);
    background-color: var(--bg-overlay);
}
.TAB_carrello tr.TAB_carrello_tot td {
    padding-top: 16px;
    padding-bottom: 16px;
}

.TAB_carrello_img {
	width: 80px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	position: relative;
}
.TAB_carrello_img a {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
}
.TAB_carrello_img a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/* CARRELLO */
.itemdida {
	display: none;
	visibility: hidden;
}
.cart-box {
	padding: 0;
    position: relative;
	
    margin-top: var(--distanza-y);
    margin-left: 40px;
    margin-right: var(--distanza-x);

	display: grid;
	grid-template-columns: 70% 30%;
}

.cart-optincheck {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    padding: var(--distanza-y2) 0 0;
    flex-wrap: wrap;
    flex-direction: column;
}

.cart-btn {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    padding: var(--distanza-y) 0;
    flex-wrap: wrap;
    flex-direction: column;
}
.cart-btn button {
	width: 100%;
}
.cart-btn .back {
    order: 2;
	margin: var(--distanza-y) 0;
}
.cart-box-sx {
	position: relative;
	margin: 0;
	padding: 0 var(--distanza-x) 0 0;
	vertical-align: top;
	text-align:left;
}
.cart-box-dx {
	position: relative;
	margin: 0;
	padding: 0;
	vertical-align: top;
	text-align:right;
}
.cart-form {
	position: relative;
	pointer-events: all;
	width: 100%;
	padding: var(--distanza-y) calc(var(--distanza-x2) * 2);
}
.cart-form form {
    position: relative;
    z-index: 4;
    margin: 0;
    text-align: left;
}

.detailform {
	margin: 4px 0 0 0;
	border-radius: var(--radius3);
	padding: 14px 20px;
	
    display: grid;
    align-items: start;
    justify-content: space-between;
    grid-template-columns: 1fr 1fr;
		
	background-color: var(--color-gy9);
	color: var(--color-wh);
}

.detailform-tit {
	text-align: left;
}
.detailform-tit h2 {
	line-height: 1.25;
}

.detailform-txt {
    text-align: right;
}
.detailform-txt p {
	line-height: 1.25;
}
.detailform-txt small {
	line-height: 1.25;
	display: block;
}
/* QUANTITA' A CARRELLO */
.qta-act {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: flex-end;
    margin: 0 0 0 auto;
}
.qta-act .qta {
	padding: 4px 0 4px 4px;
}
.qta-act .act {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	align-items: center;
}
.qta-act .act a {
    display: flex;
    height: 20px;
    align-content: center;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    overflow: hidden;
    padding: 10px;
    margin: 0 0 6px;
}
.qta-act .act a:last-child {
    justify-content: flex-end;
    margin: 6px 0 0;
}

.costoEU {
	width: 140px; 
}

.DIV_carrello_totale, .DIV_carrello_totparz, .DIV_carrello_pagamento, .DIV_carrello_spese, .DIV_carrello_note, .DIV_carrello_promocode {
    border-radius: var(--radius3);
}


.DIV_carrello_totparz {
	margin: 0;
	padding: 4px 0;
	background-color: var(--color-wh);
	color: var(--color-bl);
}
.DIV_carrello_totparz td {
	height:50px;
}

.DIV_carrello_pagamento {
	margin:0px;
	padding:0px;
	color:#000000;
}
.DIV_carrello_pagamento td{
	height:40px;
}

.DIV_carrello_spese {
	margin: 2px 0;
	padding: 2px 0;
}
.DIV_carrello_spese td{
	height:40px;
}

.DIV_carrello_totale {
	margin: 10px 0px;
	padding: 20px 0px 16px 0px;
}
.DIV_carrello_totale td {
	height: 30px;
}

.DIV_carrello_totale .totalestamp {
	padding: 0 0 0 40px;
}
.DIV_carrello_totale .totaletitle {
	padding: 0 40px 0;
}

.DIV_cassa_step {
	margin:10px 0px;
	padding:0px 0px 24px 0px;
	color:#ffffff;
}
.DIV_cassa_int {
	margin:10px 0px;
	display:block;
}
.TD_cassa{
	padding:24px 10px 0px 30px;
}
.TD_cassa_tit {
	padding:12px 10px 8px 10px;
	background-color: #666;
	color:#ffffff;
}
.DIV_carrello_note {
}
.DIV_carrello_note p {
	line-height: 1.5;
}

.DIV_carrello_promocode {
	padding: 20px;
}
.promocode-sx {
	padding: 0 20px;
}
.promocode-dx {
}

.promocodeBADGE {
	display: inline-block;
	min-width: 40px;
	min-height: 9px;
	vertical-align: middle;
	margin: 0 4px;
	padding: 0px 4px 1px;
	font-size: 9px;
	font-family: tahoma;
	font-weight: bold;
	color: #ffffff;
	line-height: 14px;
}
.promocodeCODE{
	letter-spacing: 0.08em;
	font-weight: 700 !important;
}

.promocode-tab{
	margin:30px 0 10px;
}
.promocode-tab .promocode{
	padding:10px 20px;
	line-height:21px !important;
}

.promocode-bar {
	position: relative;
	z-index: 201;
	top: 0;
	margin: 0 0 var(--distanza-y);
	
	width:100%;
	min-height:60px;
	
	overflow:hidden;
	display: block;
	text-align:left;
}
.promocode-bar-content {
    position: relative;
    z-index: 10;
    min-height: 60px;
    margin: 0 auto;
    width: 100%;
    max-width: var(--max-w);
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: var(--distanza-x);
    padding-right: 0;
    text-align: left;
    vertical-align: middle;
    color: var(--color-wh);
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
}
.promocode-bar-content hgroup {
	text-align: left;
	vertical-align: middle;
	padding: 0 var(--distanza-x2);
}
.promocode-bar-content p{

}

/* PART */
.part-box {
	padding: 20px 10px;
    position: relative;
	z-index: 3;
    margin-top: var(--distanza-y);
    margin-left: 40px;
    margin-right: var(--distanza-x);
}
.part-box.min {
	width: 70%;
}
.part-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    padding: 40px 0;
    flex-wrap: wrap;
    flex-direction: row;
	position: relative;
	z-index: 3;
}
.part-btn.ct {
    justify-content: center;
}
/* FILTRI */

.filter {
    position: relative;
    padding: var(--distanza-y) var(--distanza-x2);
    pointer-events: all;
    display: grid;
    justify-content: space-between;
    position: relative;
    width: 100%;
    grid-template-columns: 20% 1fr;
    align-content: center;
    align-items: center;
}
.filter form {
    position: relative;
    z-index: 10;
    margin: 0 0 0 auto;
}
.filter-txt {
}
.filter-tit {
    position: relative;
    z-index: 10;
    padding:10px 7px;
    margin: 0 auto 0 0;
}
.filter-tit img {
	vertical-align: baseline;
	margin-right: 10px;
	display: inline-block;
}

.DivToAppendPicker2{
	display:block !important;
	position:relative;
}
.DivToAppendPicker2 #ui-datepicker-div {
    top: 0 !important;
    left: 0 !important;
    bottom: unset !important;
    right: unset !important;
}
.DivToAppendPicker3{
	display:block !important;
	position:relative;
}
.DivToAppendPicker3 #ui-datepicker-div {
    top: 0 !important;
    left: 0 !important;
    bottom: unset !important;
    right: unset !important;
}

/* RICEVUTA */
body.pagericevuta {
    color: var(--color-bl);
    background-color: var(--color-gy1);
}
.TAB_ricevuta_stampa {
	padding-top: 10px;
}
.TAB_ricevuta_label {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: var(--color-gy6);
    background-color: var(--color-gy7);
    padding: 10px !important;
}
.TAB_ricevuta_line {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: var(--color-gy6);
    background-color: var(--color-wh);
    padding: 10px !important;
	line-height: 1.25;
}
.TAB_ricevuta_line p.vettore{
	margin:12px 0 2px !important;
	padding:0;
}
.TAB_ricevuta_line p.vettoredato{
	margin:2px 0 4px;
	padding:0;
}
.TAB_ricevuta_item_dida {
    padding-top: 4px;
    padding-right: 10px;
    padding-bottom: 4px;
    padding-left: 10px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: var(--color-gy6);
}
.TAB_ricevuta_item {
	padding-top: 14px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
}
.TAB_ricevuta_item .text32{
	line-height:32px;
}
.TAB_ricevuta_item_ele, .TAB_ricevuta_item_tot {
	padding-top: 14px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: var(--color-gy6);
	
	line-height: 1;
}
.TAB_ricevuta_item_tot {
/* 	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: var(--color-gy6); */
}
.TAB_ricevuta_img {
	width:80px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: var(--color-gy6);
	
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: var(--color-gy6);
	
	position:relative;
	background-color:var(--color-wh);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
.TAB_ricevuta_img a{
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	z-index:1;
}

/* DDSLICK JS */
.dd-options {
    overflow: auto !important;
    max-height: 400px !important;
}
.dd-options:focus{ 
	outline:0; 
}

.dd-desc { 
	display: block;
}

.dd-container {

}
.dd-option { 
	text-align:left;
	position:relative;
	overflow: hidden;
	display: block;
	padding: 18px 20px;
	font-weight: normal !important;
	min-height: 50px;
	border-top: 1px solid var(--color-gy7);
}
.dd-option-text {
    color: var(--color-gy2);
	display: block;
	opacity: 0.75;
}
.dd-option-description {
	display: block;
	opacity: 0.75;
}

.dd-options > .dd-option:last-child { 
}

.dd-option:hover, .dd-option:active, .dd-option:focus{ 

}

.dd-option-selected { 
	background-color: var(--color-gy7);
}

.dd-option-image, .dd-selected-image { 

}

.dd-image-right { 

}

.dd-container{ 

}

.dd-select {

}

.dd-selected {
	text-align:left;
	position:relative;
	overflow: hidden;
	display: block;
	padding: 18px 20px;
	font-weight: normal !important;
	min-height: 50px;
	width: 100%;
}
.dd-selected:focus { 
	z-index:2001; 
}
.dd-selected-image {
	display:none;
}

.dd-selected-text {
    margin: 0;
    padding: 0 0 2px 0;
    display: block;
	color: var(--color-input);
}
.dd-selected-description-truncated {
/* 	text-overflow: ellipsis;
	white-space:nowrap;
	display: block; */
}

.dd-pointer{
	width:0;
	height:0;
	position:absolute;
	right: 0;
	top: 0;
	margin-top:-3px;
}
.dd-selected:focus + .dd-pointer{ 
	z-index:2002; 
}
.dd-pointer-down{
	background: url(chosen-arrow_down.png) no-repeat 5px 5px;
	display: block;
	width: 25px;
	height: 25px;
	margin-top: 0;
	opacity: 0.75;
	pointer-events: none;
}
.dd-pointer-up{
	background: url(chosen-arrow_up.png) no-repeat 5px 5px;
	display: block;
	width: 25px;
	height: 25px;
	margin-top: 0;
	opacity: 0.75;
	pointer-events: none;
}

.fatt-badge {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 6px;
	background-color: var(--kbike-BU4);
	color: var(--color-wh);
	font-size: 9px;
	font-weight: 800;
	text-transform: uppercase;
	border-radius: var(--radius5);
}
.dd-option .fatt-badge {
	opacity: 0.6;
}
.dd-selected .fatt-badge {
    right: 40px;
    top: 18px;
}
.input-box-main .fatt-badge {

}
.fatt-badge2 {
	padding: 4px 6px;
	background-color: var(--color-gy2);
	color: var(--color-wh);
	font-size: 9px;
	font-weight: bold;
	display: inline-block;
	float: right;
	margin-top: -3px;
}

.fatt-no {
    display: block;
	padding: 5px 8px;
	line-height: 1.35;
    font-size: 11px;
    margin-top: 8px;
    margin-bottom: 8px;
	color: var(--color-wh);
	background-color: var(--color-rd);
	border-radius: var(--radius5);
}

#goFatt, #goSped{
    margin: 20px 16px 15px 20px;
}
#goSped2 {
    margin-top: var(--distanza-y2);
    margin-right: -4px;
}
#stickyriepilogo {
  position: sticky;
  top: var(--posizione-top);
}
/* #stickyriepilogo.sticky-active {
    position: fixed;
} */

.riepilogo{
	display:block;
	border-radius: var(--radius3);
	padding: 8px;
}
.riepilogo-sx{
	width:65%;
	display:inline-block;
	text-align:left;
	box-sizing:border-box;
	padding:8px 10px;
	vertical-align:top;
	line-height:1.4;
}
.riepilogo-dx{
	width:35%;
	display:inline-block;
	vertical-align:top;
	text-align:right;
	box-sizing:border-box;
	padding:8px 10px;
	line-height:1.4;
}
.riepilogo-dx div, .riepilogo-sx div {
	line-height:1.4;
}
.riepilogo-subtotal {
	border-radius: var(--radius3);
}
.riepilogo-total {
	border-radius: var(--radius3);
	border-top: 6px solid var(--color-nav);
}

/* PAYPAL */
.paypalbox {
	background-color: var(--color-wh);
	padding: 18px 14px;
	color: var(--color-bl);
	text-align: center;
}
.paypaldisclaimer {
	padding: 0 4px 18px;
	line-height: 1.25;
}
.paypaldisclaimer-end {
	padding: 6px 4px 4px;
	line-height: 1.25;
}

/* ===============================================
   Responsive scaling added
   - Range 1536px > width >= 1281px: 83% reduction
   - Range width <= 1280px: 76% reduction, prefer vw where possible
   =============================================== */

/* 100% tra 1680 e 1536 (1536 NON incluso) */
@media screen and (max-width: 1680px) and (min-width: 1537px) {

.scheda-close {	
	text-align: center;
	align-items: center;
}
.scheda-close .menu-close, .scheda-close .btncart {
	margin-left: auto;
	margin-right: auto;
}

} /* -- media 100% */

/* 83% tra 1536 e 1280 (1280 NON incluso) */
@media screen and (max-width: 1536px) and (min-width: 1281px) {
	:root {
		--media-scale: 0.83;
		--media-scale2: 1;
		--media-scale3: 0.7;
	}
}/* -- 83% */

/* 76% tra 1280 e 1024 (1024 NON incluso) */
@media screen and (max-width: 1280px) and (min-width: 1025px) {
	:root {
		--media-scale: 0.76;
		--media-scale2: 0.9;
		--media-scale3: 0.7;
	}
	.products-box h2 {
		font-size: 15px;
	}
	.nextpage.incart main.nextpage-main {
		grid-template-columns: calc(0 * var(--media-scale)) 1fr;
	}
}
/* -- 76% */

/* fino a 1024px */
@media screen and (max-width: 1024px) {
	:root {
		--media-scale: 0.76;
		--media-scale2: 0.9;
		--media-scale3: 0.7;
	}
	.products-box h2 {
		font-size: 15px;
	}
	body.pagemodello main.nextpage-main {
		grid-template-columns: calc(280px * var(--media-scale)) 1fr !important;
	}
	.nextpage.incart main.nextpage-main {
		grid-template-columns: calc(0 * var(--media-scale)) 1fr;
	}
}
/* -- 1024px */

/* da 1536 in giù */
@media screen and (max-width:1536px) {
  :root {

	--radius2: calc(26px * var(--media-scale));
/*
 	--radius3: calc(6px * var(--media-scale));
	--radius4: calc(4px * var(--media-scale));
	--radius5: calc(2px * var(--media-scale)); 
*/
	
    --max-w: calc(1600px * var(--media-scale));
    --distanza-y: calc(40px * var(--media-scale));
    --distanza-y2: calc(20px * var(--media-scale));
    --distanza-y3: calc(120px * var(--media-scale));
    --distanza-x: calc(66px * var(--media-scale));
    --distanza-x2: calc(30px * var(--media-scale));
    --distanza-x3: calc(20px * var(--media-scale));
	
  }
  
  .logo, .logo img.logo-w { width: calc(198px * var(--media-scale)); }
  .logo { padding-top: calc(4px * var(--media-scale));	}
  .logo img.logo-sdw { width: calc(278px * var(--media-scale)); }

/* PRODOTTI GRANDE */
	.display-products {
		padding-top: calc(40px * var(--media-scale2));
		padding-bottom: calc(40px * var(--media-scale2));
		padding-left: calc(25px * var(--media-scale2));
		padding-right: calc(25px * var(--media-scale2));
	}
	.products-main {
		padding-top: calc(40px * var(--media-scale2));
		padding-bottom: calc(40px * var(--media-scale2));
		padding-left: calc(25px * var(--media-scale2));
	}
    body.pagecatalogo .products-main, body.pagemodello .products-main {
    }
	.products-universal, .products-box { 
		margin-top: calc(33px * var(--media-scale2));
		margin-bottom: calc(33px * var(--media-scale2));
		margin-left: calc(15px * var(--media-scale2));
		margin-right: calc(15px * var(--media-scale2));
	}
	.products-box { 
		width: calc(360px * var(--media-scale2)); 
		min-height: calc(435px * var(--media-scale2));
	}
	.products-box figure {
		width: calc(320px * var(--media-scale2));
		height: calc(320px * var(--media-scale2));
		margin-top: calc(-16px * var(--media-scale2));
	}
	.promo-product h2 {
		padding: calc(16px * var(--media-scale2)) calc(12px * var(--media-scale2)) 0;
	}
	.promo-product p {
		padding: calc(6px * var(--media-scale2)) calc(12px * var(--media-scale2)) 0;
	}
	.products-universal {
		padding: calc(26px * var(--media-scale2)) calc(40px * var(--media-scale2));
	}
	.products-box h2 {
		margin: calc(5px * var(--media-scale2)) calc(30px * var(--media-scale2)) calc(6px * var(--media-scale2)) calc(39px * var(--media-scale2));
	}
	.products-box h3 {
		margin: calc(12px * var(--media-scale2)) calc(30px * var(--media-scale2)) 0 calc(40px * var(--media-scale2));
	}
	.products-color {
		margin: auto calc(30px * var(--media-scale2)) calc(22px * var(--media-scale2)) calc(39px * var(--media-scale2));
	}
	.products-color span {
		padding: 0 0 0 calc(6px * var(--media-scale2));
	}
	.products-badge {
		margin: calc(14px * var(--media-scale2));
	}
	.products-badge .badge {
		padding: calc(8px * var(--media-scale2)) calc(10px * var(--media-scale2));
		margin: calc(7px * var(--media-scale2));
	}
	
	
  .search-sticky { top: calc(20px * var(--media-scale)); height: calc(214px * var(--media-scale)); }


	.fsText14 {
		font-size: 14px;
	}
	.input-box small {
		font-size: 14px;
	}
	.fsText15 {
		font-size: 14px;
	}
	.scheda-buy-select-list .chosen-container-single .chosen-single, .scheda-buy-select-list .chosen-container {
		font-size:calc(15px * var(--media-scale));
	}
	.fsText16 {
		font-size: 14px;
	}
	.filter-txt {
		font-size:calc(16px * var(--media-scale));
	}
	.ui-menu .ui-menu-item-wrapper {
		font-size: calc(16px * var(--media-scale));
	}
	a.filter, a.filtercategorie {
		font-size:calc(16px * var(--media-scale));
	}
	.chosen-container {
		font-size:calc(16px * var(--media-scale));
	}
	.fsText18 {
		font-size:calc(18px * var(--media-scale));
	}
	.input-data, .input-search, .select-data, .select-search, .select-cassa, .chosen-container-single .chosen-single, .input-promocode, .input-box, .dd-selected-text {
		font-size: calc(18px * var(--media-scale));
	}
	.fsText19 {
		font-size:calc(19px * var(--media-scale));
	}
	.fsText20 {
		font-size:calc(20px * var(--media-scale));
	}
	.disclaimer h2 {
		font-size: calc(20px * var(--media-scale));
	}
	.filter-tit {
		font-size:calc(24px * var(--media-scale));
	}
	.fsText22 {
		font-size: calc(22px * var(--media-scale));
	}
	.fsText24 {
		font-size: calc(24px * var(--media-scale));
	}
	.fsText26 {
		font-size:calc(26px * var(--media-scale));
	}
	.fsText30 {
		font-size:calc(30px * var(--media-scale));
	}
	ul.accountlist li.last { 
		font-size: calc(24px * var(--media-scale)); 
	}
	.fsText32 {
		font-size:calc(32px * var(--media-scale));
	}
	.form-part-title {
		font-size: calc(32px * var(--media-scale));
	}
	.DIV_alert_panel_txt h2 {
		font-size: calc(34px * var(--media-scale));
	}
	.fsText34 {
		font-size:calc(34px * var(--media-scale));
	}
	.fsText36 {
		font-size:calc(36px * var(--media-scale));
	}
	.fsText44 {
		font-size:calc(44px * var(--media-scale));
	}
	.fsText48 {
		font-size:calc(48px * var(--media-scale));
	}
	.fsText52 {
		font-size:calc(52px * var(--media-scale));
	}
	.spot-box h2 {
		font-size:calc(52px * var(--media-scale));
	}
	.fsText54 {
		font-size:calc(54px * var(--media-scale));
	}
	.fsText68 {
		font-size: calc(68px * var(--media-scale3));
	}
	.scream p {
		font-size: calc(68px * var(--media-scale3));
	}
	a.btnrounded:link, a.btnrounded:visited, a.btnrounded:active, .btnrounded {
		font-size: calc(14px * var(--media-scale));
		height: calc(48px * var(--media-scale));
		padding: 0 calc(38px * var(--media-scale)) 1px;
	}
	a.btnrounded.mini, .btnrounded.mini {
		padding: 1px calc(22px * var(--media-scale)) 0 !important;
		height: calc(36px * var(--media-scale)) !important;
	}
	a.btnrounded.lmode, .btnrounded.lmode {
		font-size: calc(15px * var(--media-scale));
		min-width: calc(188px * var(--media-scale));
		height: calc(55px * var(--media-scale));
		padding-left: calc(26px * var(--media-scale));
	}
	a.btnrounded.cart, .btnrounded.cart {
		font-size: calc(15px * var(--media-scale));
		height: calc(60px * var(--media-scale));
		padding: 1px calc(48px * var(--media-scale)) 0px;
	}
	header.header-support {
		height: calc(100px * var(--media-scale));
	}
	header nav {
		margin-right: calc(16px * var(--media-scale));
		padding-top: calc(8px * var(--media-scale));
	}
	.separator {
		padding: calc(12px * var(--media-scale)) calc(14px * var(--media-scale));
	}
	header nav button {
		padding: calc(12px * var(--media-scale)) calc(14px * var(--media-scale));
	}
	header.incart nav {
		padding-left: calc(170px * var(--media-scale));
	}
	header.incart nav span.separator {
		padding: 0 calc(14px * var(--media-scale)) calc(4px * var(--media-scale));
	}
	.btncart {
		width: calc(42px * var(--media-scale));
	}
	.scheda-close .btncart {
		top: calc(145px * var(--media-scale));
		margin-top: calc(38px * var(--media-scale));
		margin-left: calc(35px * var(--media-scale));
		margin-right: calc(35px * var(--media-scale));
	}
	.btncart.on span.count {
		top: calc(-8px * var(--media-scale));
	}
	.search-nav .btncart.on span.count {
		top: calc(-6px * var(--media-scale));
	}
	header nav button.mymoto-btn, .search-nav nav button.mymoto-btn {
		margin-right: calc(26px * var(--media-scale));
		padding: 0 0 0 calc(24px * var(--media-scale));
	}	
	header nav button.mymoto-btn .mymoto-del, .search-nav nav button.mymoto-btn .mymoto-del {
		padding: calc(14px * var(--media-scale));
		height: calc(44px * var(--media-scale));
		margin: 0 calc(4px * var(--media-scale)) 0 calc(10px * var(--media-scale));
	}
	.sticky-active .search-bar {
		padding: calc(25px * var(--media-scale)) var(--distanza-x2);
	}
	.search-box h2 {
		margin-bottom: calc(18px * var(--media-scale));
	}
	.cbp-search-c {
		padding-right: calc(16px * var(--media-scale));
	}
	.cbp-search-btn {
		padding-left: calc(20px * var(--media-scale));
	}
	.sticky-active .search-logo {
		padding-left:calc(16px * var(--media-scale));
	}
	.search-nav nav button {
		padding: calc(12px * var(--media-scale)) calc(14px * var(--media-scale));
	}
	.logo-menu img {
		width: calc(150px * var(--media-scale));
	}
	.placeholder-data.On, .placeholder-data {
		padding-bottom: calc(4px * var(--media-scale));
	}
	.input-data, .input-search, .select-data, .select-search, .select-cassa, .input-promocode, .input-box {
		padding: 0px calc(20px * var(--media-scale)) calc(2px * var(--media-scale));
		height: calc(50px * var(--media-scale));
	}
	.select-data, .select-search, .select-cassa {
		padding: calc(10px * var(--media-scale)) calc(6px * var(--media-scale)) 11px calc(6px * var(--media-scale));
	}
	.input-box {
		padding-top: calc(17px * var(--media-scale));
		padding-bottom: calc(15px * var(--media-scale));
		min-height: calc(50px * var(--media-scale));
		height: unset;
	}
	textarea.input-data {
		padding-top: calc(14px * var(--media-scale));
		padding-bottom: calc(14px * var(--media-scale));
	}
	.bannerpromocode {
		height: calc(120px * var(--media-scale));
	}
	.bannerpromocode.open.mini{
		height: calc(160px * var(--media-scale));
	}
	.cart-bannerpromocode {
		padding: 0 0 calc(20px * var(--media-scale)) 0;
	}

	.spot-box article {
		padding: calc(76px * var(--media-scale)) calc(70px * var(--media-scale)) calc(80px * var(--media-scale)) calc(70px * var(--media-scale));
	}
	.spot-box.newsletter .spot-box-bg span{
		width: calc(460px * var(--media-scale));
		height: calc(382px * var(--media-scale));
	}
	ul.social li {
		margin: 0 calc(56px * var(--media-scale)) 0 0;
	}
	ul.social li a img {
		width:calc(80px * var(--media-scale));
	}
	footer {
		margin-top: calc(120px * var(--media-scale));
	}
	body.pagesupporto footer {
	}
	.footer {
		padding: calc(40px * var(--media-scale)) calc(20px * var(--media-scale));
	}
	.footer-column {
		min-width: calc(250px * var(--media-scale));
		padding: calc(36px * var(--media-scale));
	}
	.footer-column h4 {
		padding: calc(35px * var(--media-scale)) 0;
	}
	.footer-column li {
		padding: calc(15px * var(--media-scale)) 0;
	}
	.logo-footer {
		margin-top: calc(12px * var(--media-scale));
		margin-bottom: calc(18px * var(--media-scale));
	}
	.logo-footer img {
		width: calc(210px * var(--media-scale));
	}
	.copy {
		margin: calc(20px * var(--media-scale));
		padding: calc(20px * var(--media-scale)) calc(40px * var(--media-scale));
	}
	.copy-txt {
		padding: calc(10px * var(--media-scale));
		margin: calc(10px * var(--media-scale));
	}
	.policy-link a {
		margin: calc(10px * var(--media-scale));
		padding: calc(10px * var(--media-scale));
	}
	.DIV_msg_panel_txt2{
		padding: calc(40px * var(--media-scale)) calc(20px * var(--media-scale));
	}
	.DIV_msg_panel_txt2 .msg2 {
		margin: calc(12px * var(--media-scale)) 0 0 0 !important;
	}
	.DIV_msg_panel_act{
	}
	.DIV_msg_panel_act .floatR{
		margin-left:calc(16px * var(--media-scale)) !important;
	}
	.loadingadd{
		height: calc(60px * var(--media-scale));
		top: calc(20px * var(--media-scale));
	}
	#resultsearch {
		transform: translate(0, calc(-4px * var(--media-scale)));
	}
	.ui-widget.ui-widget-content {
		max-height: calc(300px * var(--media-scale))
		padding: calc(14px * var(--media-scale)) 0 calc(14px * var(--media-scale)) 0;
	}
	.ui-menu .ui-menu-item-wrapper {
		padding: calc(6px * var(--media-scale)) calc(20px * var(--media-scale)) !important;
	}
	.ui-widget {
		font-size: calc(14px * var(--media-scale));
	}
	.ui-menu .ui-menu-seeall {
		padding-top: calc(8px * var(--media-scale));
	}
	.ui-menu .ui-menu-seeall div{
		padding: calc(20px * var(--media-scale)) calc(30px * var(--media-scale)) calc(20px * var(--media-scale)) calc(30px * var(--media-scale)) !important;
		font-size: calc(16px * var(--media-scale));
	}
	.shade-v {
		width: calc(328px * var(--media-scale));
		height: calc(837px * var(--media-scale));
	}
	.shade-v.pos2 {
		top: calc(213px * var(--media-scale));
	}
	.shade-v.pos3 {
		top: calc(1050px * var(--media-scale));
	}
	.bgsvg {
		width: calc(3845px * var(--media-scale));
	}
	.bgsvg.pos1 {
		top:  calc(-1250px * var(--media-scale));
		transform: translate( calc(-1900px * var(--media-scale)), 0) rotate(0deg);
	}
	.bgsvg.pos2 {
		top: calc(-1230px * var(--media-scale));
		transform: translate(calc(-1716px * var(--media-scale)), 0) rotate(10deg);
	}
	.bgsvg.pos3 {
		top: calc(-1000px * var(--media-scale));
		transform: translate(calc(-1566px * var(--media-scale)), 0) rotate(10deg);
	}
	main.nextpage-main {
		grid-template-columns: calc(335px * var(--media-scale)) 1fr;
	}
	.panfiltercont {
		padding: calc(7px * var(--media-scale)) 0 calc(60px * var(--media-scale)) 0;
	}
	.panfilter {
		margin: 0 0 calc(60px * var(--media-scale)) 0;
	}
	.panfilter h3 {
		padding: calc(20px * var(--media-scale)) var(--distanza-x3) calc(10px * var(--media-scale));
	}
	ul.panfilter-list li a {
		padding: calc(5px * var(--media-scale)) calc(30px * var(--media-scale)) calc(5px * var(--media-scale)) calc(10px * var(--media-scale));
	}
	#filterother ul.panfilter-list li a span, #filternav ul.panfilter-list li a span {
		width: calc(12px * var(--media-scale));
		height: calc(12px * var(--media-scale));
		transform: translate(-12px, 0);
	}
	ul.panfilter-list li a.highlight {
		background-position: right 9px center;
		background-size: auto calc(12px * var(--media-scale));
	}
	.form-box {
		margin-left: calc(40px * var(--media-scale));
	}
	.nota {
		padding: calc(8px * var(--media-scale)) calc(10px * var(--media-scale)) 0;
	}
	.form-btn {
		padding: calc(40px * var(--media-scale)) 0;
	}
	.form-part-title {
		padding: var(--distanza-y) 0 calc(20px * var(--media-scale)) 0;
	}
	.menu-head {
		margin-bottom: calc(18px * var(--media-scale));
	}
	.menu-title {
		padding-bottom: calc(10px * var(--media-scale));
	}
	.menu-close {
		width: calc(46px * var(--media-scale));
		height: calc(46px * var(--media-scale));
	}
	.scheda-close .menu-close {
		width: calc(32px * var(--media-scale));
		height: calc(32px * var(--media-scale));
		margin-top: calc(38px * var(--media-scale));
		top: calc(38px * var(--media-scale));
		margin-left: calc(40px * var(--media-scale));
		margin-right: calc(40px * var(--media-scale));
	}
	.menu-inner nav {
		padding: 0 calc(20px * var(--media-scale)) calc(40px * var(--media-scale));
	}
	.menu-grid {
		column-gap: calc(86px * var(--media-scale));
		max-height: calc(680px * var(--media-scale));
	}
	.menu-item {
		margin-bottom: calc(2px * var(--media-scale));
	}
	.menu-item a {
		padding: calc(8px * var(--media-scale)) calc(10px * var(--media-scale))  calc(9px * var(--media-scale));
	}
	.page-title {
		padding-left: calc(20px * var(--media-scale));
		padding-right: calc(20px * var(--media-scale));
	}
	.page-area {
		transform: translate(calc(2px * var(--media-scale)), -100%);
		margin-top: calc(-6px * var(--media-scale));
	}
	.page-text {
		padding-left: calc(calc(40px * var(--media-scale)) + var(--distanza-x3));
	}
	.page-text p {
		padding-left: calc(2px * var(--media-scale));
	}
	.page-main {
		grid-template-columns: 1fr calc(80px * var(--media-scale));
	}
	.page-desc {
		padding: calc(40px * var(--media-scale)) calc(50px * var(--media-scale)) calc(120px * var(--media-scale));
	}
	.page-desc h2 {
		padding: calc(16px * var(--media-scale)) 0 0;
	}
	.page-desc h1 {
		padding: calc(14px * var(--media-scale)) 0 0;
	}
	.page-desc p {
		padding: calc(24px * var(--media-scale)) 0 0 calc(2px * var(--media-scale));
	}
	ul.accountlist {
		padding: calc(100px * var(--media-scale)) calc(20px * var(--media-scale)) 0;
	}
	ul.accountlist li {
		margin: calc(20px * var(--media-scale)) calc(10px * var(--media-scale));
	}
	ul.accountlist li a {
		padding: calc(6px * var(--media-scale)) calc(10px * var(--media-scale));
	}
	.mymoto {
		padding: calc(28px * var(--media-scale)) calc(32px * var(--media-scale));
		margin-left: calc(40px * var(--media-scale));
	}
	.mymoto-box h1 {
		padding: 0 calc(8px * var(--media-scale));
	}
	.mymoto-anni {
		padding: calc(18px * var(--media-scale)) 2px 0;
	}
	.mymoto-anni a {
		padding: calc(4px * var(--media-scale)) calc(8px * var(--media-scale)) calc(4px * var(--media-scale));
	}
	.search-sorting{
		line-height: calc(42px * var(--media-scale));
		height: calc(42px * var(--media-scale));
	}
	.search-info {
		padding-left: calc(40px * var(--media-scale));
	}
	.search-item{
		padding: 0 0 calc(7px * var(--media-scale)) calc(20px * var(--media-scale));
	}
	.search-sorting{
		padding:0 calc(18px * var(--media-scale));
	}
	.sorting{
		top:calc(40px * var(--media-scale));
	}
	.sorting a{
		padding: 0 calc(12px * var(--media-scale));
		line-height: calc(34px * var(--media-scale));
		min-height: calc(34px * var(--media-scale));
	}
	.scheda-desc {
		padding: calc(40px * var(--media-scale)) calc(50px * var(--media-scale)) calc(120px * var(--media-scale));
	}
	.scheda-desc h2 {
		padding: calc(16px * var(--media-scale)) 0 0;
	}
	.scheda-desc h1 {
		padding: calc(14px * var(--media-scale)) 0 0;
	}
	.scheda-desc p {
		padding: calc(24px * var(--media-scale)) 0 0 calc(2px * var(--media-scale));
	}
	.scheda-download {
		margin: calc(60px * var(--media-scale)) 0 0;
		padding: calc(20px * var(--media-scale)) calc(20px * var(--media-scale));
	}
	.scheda-download ul {
		margin: calc(16px * var(--media-scale)) 0 0;
	}
	.scheda-download ul li {
		margin: calc(6px * var(--media-scale)) 0 0;
	}
	.scheda-download a {
		padding: calc(6px * var(--media-scale)) calc(20px * var(--media-scale));
	}
	.scheda-download a:hover {
		transform: translate(calc(6px * var(--media-scale)),0);
	}
	.scheda-download img {
		width: calc(40px * var(--media-scale));
	}
	.scheda-download span {
		padding: calc(10px * var(--media-scale)) calc(16px * var(--media-scale));
	}
	.scheda-disp {
		margin: calc(60px * var(--media-scale)) 0 0;
		padding: calc(20px * var(--media-scale)) calc(20px * var(--media-scale));
	}
	.scheda-disp.close .scheda-disp-list {
		max-height:  calc(150px * var(--media-scale));
	}
	.scheda-disp ul {
		margin: calc(10px * var(--media-scale)) calc(16px * var(--media-scale)) 0 calc(16px * var(--media-scale));
	}
	.scheda-disp ul li {
		padding: calc(2px * var(--media-scale)) 0;
	}
	.scheda-disp-btn {
		margin-top: calc(20px * var(--media-scale));
		padding: calc(20px * var(--media-scale));
	}
	.scheda-buy-main {
		padding: calc(40px * var(--media-scale));
	}
	.scheda-buy-main h2 {
		padding: calc(20px * var(--media-scale)) 0 0 0;
	}
	.scheda-buy-main h2.buy-add {
		padding: calc(30px * var(--media-scale)) 0 0 0;
	}
	.scheda-buy-main p {
		padding: calc(8px * var(--media-scale)) 0 0 0;
	}
	.scheda-buy-select {
		padding: calc(30px * var(--media-scale)) 0 0;
	}
	.scheda-buy-select h2 {
		padding: 0 0 calc(14px * var(--media-scale)) calc(10px * var(--media-scale));
	}
	.scheda-buy-select button {
		margin: calc(28px * var(--media-scale)) auto 0;
	}
	.scheda-dettaglio-watermark {
		width: calc(162px * var(--media-scale));
	}
	.scheda-dettaglio-logo {
		width: calc(198px * var(--media-scale));
		padding-top: calc(4px * var(--media-scale));
	}
	.scheda-dettaglio-logo img.logo-w {
		width: calc(150px * var(--media-scale));
	}
	.scheda-dettaglio-logo img.logo-sdw {
		width: calc(229px * var(--media-scale));
		transform: translate(calc(-39px * var(--media-scale) * (100vw / 1280)), calc(-15px * var(--media-scale)));
	}
	.scheda-dettaglio-act {
		padding: calc(24px * var(--media-scale)) 0;
	}
	.scheda-dettaglio-ele h2 {
		padding: calc(10px * var(--media-scale)) 0 0 calc(10px * var(--media-scale));
	}
	.scheda-dettaglio-ele p {
		padding: 0 0 0 calc(9px * var(--media-scale));
	}
	.scheda-dettaglio-act button {
		padding-left: calc(10px * var(--media-scale));
		padding-right: calc(10px * var(--media-scale));
		margin-top: calc(40px * var(--media-scale));
	}
	.pswp__custom-caption {
		font-size: calc(15px * var(--media-scale));
		width: calc(100% - calc(32px * var(--media-scale)));
		padding: calc(8px * var(--media-scale)) calc(10px * var(--media-scale));
		bottom: calc(16px * var(--media-scale));
	}

	.boxedit-consenso {
		padding-top: calc(6px * var(--media-scale));
		padding-bottom: calc(15px * var(--media-scale));
	}
	.boxedit-recaptcha {
		width: calc(570px * var(--media-scale));
	}

	.optincheck {
		margin: calc(8px * var(--media-scale)) auto;
		padding: calc(16px * var(--media-scale)) calc(20px * var(--media-scale));
	}
	.cart-optincheck .optincheck {
		padding: calc(6px * var(--media-scale)) calc(10px * var(--media-scale)) calc(6px * var(--media-scale)) calc(12px * var(--media-scale));
	}
	.optincheck-answer {
		margin: calc(6px * var(--media-scale)) auto;
	}
	.cart-optincheck .optincheck-answer {
		padding: calc(10px * var(--media-scale)) 0;
	}
	.optincheck h2 {
		font-size: calc(16px * var(--media-scale));
	}
	.optincheck label {
		padding: 0px calc(25px * var(--media-scale)) 0px calc(42px * var(--media-scale));
		font-size: calc(14px * var(--media-scale));
	}
	.cart-optincheck .optincheck label {
		padding: 0px calc(15px * var(--media-scale)) 0px calc(36px * var(--media-scale));
	}
	.optincheck label.oneline {
		line-height: calc(24px * var(--media-scale));
	}

	.optincheck .checkB{
		height: calc(22px * var(--media-scale));
		width: calc(22px * var(--media-scale));
		left: calc(3px * var(--media-scale));
	}
	.optincheck .checkO {
		height: calc(12px * var(--media-scale));
		width: calc(12px * var(--media-scale));
		top: calc(3px * var(--media-scale));
		left: calc(3px * var(--media-scale));
	}
	.no-recaptcha a, .no-recaptcha span {
		padding: calc(16px * var(--media-scale));
	}
	.banner-box {
		padding: calc(36px * var(--media-scale)) calc(40px * var(--media-scale));
	}
	.content-nxtpg {
		padding: 0 0 calc(60px * var(--media-scale));
	}
	.content-form, .content-txt{
		padding: 0 calc(66px * var(--media-scale));
		min-height: calc(220px * var(--media-scale));
	}
	.support-form {
		width: calc(1080px * var(--media-scale));
		min-height: calc(220px * var(--media-scale));
	}
	.support-form #inp4{
		min-height: calc(80px * var(--media-scale));
	}
	.support-tit {
		padding: calc(60px * var(--media-scale)) 0 calc(10px * var(--media-scale));
	}
	.support-tit h2{
		padding:0 0 calc(30px * var(--media-scale)) 0;
	}
	.support-tit h4 {
		margin: calc(60px * var(--media-scale)) 0 calc(25px * var(--media-scale));
	}
	.support-btn {
		margin: 0 0 calc(50px * var(--media-scale));
	}
	.support-btn button {
		margin: calc(10px * var(--media-scale)) calc(10px * var(--media-scale));
	}
	.support-lang {
		right: calc(40px * var(--media-scale));
		height: calc(34px * var(--media-scale));
	}
	.support-lang a {
		margin: 0 calc(8px * var(--media-scale));
		padding: calc(4px * var(--media-scale)) calc(4px * var(--media-scale));
		min-width: calc(34px * var(--media-scale));
		line-height: calc(27px * var(--media-scale));
	}

	body.BlackLimited .content-tab {
		padding: calc(66px * var(--media-scale)) calc(66px * var(--media-scale));
	}

	body.BlackLimited #svgbg {
		transform: translate(0, -356px) scale(0.8);
	}
	.BlackLimited-logo {
		margin:0 auto calc(120px * var(--media-scale));
	}
	.BlackLimited-header {
		margin: 0 auto calc(60px * var(--media-scale));
	}
	.BlackLimited-txt {
		margin: 0 auto calc(80px * var(--media-scale));
	}
	.BlackLimited-txt h2 {
		margin: 0 auto calc(40px * var(--media-scale));
	}
	.BlackLimited-txt p {
		margin: 0 auto calc(80px * var(--media-scale));
	}
	.BlackLimited-txt span {
	}
	.BlackLimited-txt span.dot {
		height: calc(16px * var(--media-scale));
		width: calc(60px * var(--media-scale));
		border-radius: calc(18px * var(--media-scale));
		margin: calc(18px * var(--media-scale)) calc(4px * var(--media-scale)) calc(10px * var(--media-scale));
	}
	.BlackLimited-product {
		margin:0 auto calc(120px * var(--media-scale));
	}
	.BlackLimited-product .dx {
		padding: calc(6px * var(--media-scale)) 0 calc(20px * var(--media-scale)) calc(60px * var(--media-scale));
	}
	.BlackLimited-product .dx .buy {
		margin: calc(30px * var(--media-scale)) 0 0 0;
	}
	.BlackLimited-product .dx .buy a {
		margin: calc(14px * var(--media-scale)) 0 0 0;
	}
	.BlackLimited-product .dx .count {
		padding: 0 calc(60px * var(--media-scale)) 0 0;
	}
	.BlackLimited-product .dx .count span {
		padding: 0 0 0 calc(4px * var(--media-scale));
	}
	.BlackLimited-product .dx .count span.counttxt {
		margin: calc(-6px * var(--media-scale)) 0 0 0;
		font-size: calc(14px * var(--media-scale));
	}
	.BlackLimited-product .dx h2 {
		margin: 0 0 calc(16px * var(--media-scale)) 0;
	}
	.langpanel-main {
		margin: calc(30px * var(--media-scale));
	}
	.langpanel-txt {
		padding: 0 calc(20px * var(--media-scale)) calc(5px * var(--media-scale)) 0;
	}
	.langpanel-btn {
		padding: 0 calc(20px * var(--media-scale)) 0 0;
	}
	.langpanel-btn a {
		margin: 0 calc(15px * var(--media-scale)) !important;
		min-width: calc(100px * var(--media-scale)) !important;
	}
	.disclaimer h2 {
		font-size: calc(20px * var(--media-scale));
	}
	.cover-blackfriday {
		top: calc(50px * var(--media-scale));
		height: calc(693px * var(--media-scale));
	}
	.cover-blackfriday {
		transform: translate(calc(10px * var(--media-scale)),-20px);
		-webkit-transform: translate(calc(10px * var(--media-scale)),-20px);
		-o-transform: translate(calc(10px * var(--media-scale)),-20px);
		-moz-transform: translate(calc(10px * var(--media-scale)),-20px);
	}
	.TAB_scheda td, .TAB_carrello td {
		padding: calc(12px * var(--media-scale)) calc(12px * var(--media-scale));
	}
	.TAB_scheda tr.TR_void td, .TAB_carrello tr.TR_void td {
		height: calc(8px * var(--media-scale));
	}
	.TAB_scheda td.TAB_scheda_dida, .TAB_carrello td.TAB_carrello_dida {
		padding: calc(6px * var(--media-scale)) calc(12px * var(--media-scale));
	}
	.TAB_scheda td.TAB_scheda_item h2, .TAB_carrello td.TAB_carrello_item h2 {
		margin: 0 0 calc(4px * var(--media-scale)) 0;
	}
	.TAB_scheda td.TAB_scheda_item h3, .TAB_carrello td.TAB_carrello_item h3 {
		margin: 0 0 calc(4px * var(--media-scale)) 0;
	}
	.TAB_carrello tr.TAB_carrello_empty td {
		padding: calc(6px * var(--media-scale)) calc(12px * var(--media-scale));
	}
	.TAB_carrello tr.TAB_carrello_tot td {
		padding-top: calc(16px * var(--media-scale));
		padding-bottom: calc(16px * var(--media-scale));
	}
	.TAB_carrello_img {
		width: calc(80px * var(--media-scale));
	}
	.cart-box {
		margin-left: calc(40px * var(--media-scale));
	}
	.detailform {
		margin: calc(4px * var(--media-scale)) 0 0 0;
		padding: calc(14px * var(--media-scale)) calc(20px * var(--media-scale));
	}
	.qta-act .qta {
		padding: calc(4px * var(--media-scale)) 0 calc(4px * var(--media-scale)) calc(4px * var(--media-scale));
	}
	.qta-act .act a {
		height: calc(20px * var(--media-scale));
		padding: calc(10px * var(--media-scale));
		margin: 0 0 calc(6px * var(--media-scale));
	}
	.qta-act .act a:last-child {
		margin: calc(6px * var(--media-scale)) 0 0;
	}
	.costoEU {
		width: calc(140px * var(--media-scale));
	}
	.DIV_carrello_totparz {
		padding: calc(4px * var(--media-scale)) 0;
	}
	.DIV_carrello_totparz td {
		height:calc(50px * var(--media-scale));
	}
	.DIV_carrello_pagamento td{
		height:calc(40px * var(--media-scale));
	}
	.DIV_carrello_spese td{
		height: calc(40px * var(--media-scale));
	}
	.DIV_carrello_totale {
		margin: calc(10px * var(--media-scale)) 0px;
		padding: calc(20px * var(--media-scale)) 0px calc(16px * var(--media-scale)) 0px;
	}
	.DIV_carrello_totale td {
		height: calc(30px * var(--media-scale));
	}
	.DIV_carrello_totale .totale {
		padding: 0 0 0 calc(40px * var(--media-scale));
	}
	.DIV_carrello_totale .totaletitle {
		padding: 0 calc(40px * var(--media-scale)) 0;
	}
	.DIV_cassa_step {
		margin:calc(10px * var(--media-scale)) 0px;
		padding:0px 0px calc(24px * var(--media-scale)) 0px;
	}
	.DIV_cassa_int {
		margin:calc(10px * var(--media-scale)) 0px;
	}
	.TD_cassa{
		padding:calc(24px * var(--media-scale)) calc(10px * var(--media-scale)) 0px calc(30px * var(--media-scale));
	}
	.TD_cassa_tit {
		padding:calc(12px * var(--media-scale)) calc(10px * var(--media-scale)) calc(8px * var(--media-scale)) calc(10px * var(--media-scale));
	}
	.DIV_carrello_promocode {
		padding: calc(20px * var(--media-scale));
	}
	.promocode-sx {
		padding: 0 calc(20px * var(--media-scale));
	}
	.promocode-tab{
		margin:calc(30px * var(--media-scale)) 0 calc(10px * var(--media-scale));
	}
	.promocode-tab .promocode{
		padding:calc(10px * var(--media-scale)) calc(20px * var(--media-scale));
		line-height: calc(21px * var(--media-scale)) !important;
	}
	.promocode-bar {
		min-height:calc(60px * var(--media-scale));
	}
	.promocode-bar-content {
		min-height: calc(60px * var(--media-scale));
		padding-top: calc(10px * var(--media-scale));
		padding-bottom: calc(10px * var(--media-scale));
	}
	.part-box {
		padding: calc(20px * var(--media-scale)) calc(10px * var(--media-scale));
		margin-left: calc(40px * var(--media-scale));
	}
	.part-btn {
		padding: calc(40px * var(--media-scale)) 0;
	}
	.filter-tit {
		padding: calc(10px * var(--media-scale)) calc(7px * var(--media-scale));
	}
	.filter-tit img {
		margin-right: calc(10px * var(--media-scale));
	}
	.TAB_ricevuta_stampa {
		padding-top: calc(10px * var(--media-scale));
	}
	.TAB_ricevuta_label {
		padding: calc(10px * var(--media-scale)) !important;
	}
	.TAB_ricevuta_line {
		padding: calc(10px * var(--media-scale)) !important;
	}
	.TAB_ricevuta_line p.vettore{
		margin: calc(12px * var(--media-scale)) 0 2px !important;
	}
	.TAB_ricevuta_item_dida {
		padding-top: calc(4px * var(--media-scale));
		padding-right: calc(10px * var(--media-scale));
		padding-bottom: calc(4px * var(--media-scale));
		padding-left: calc(10px * var(--media-scale));
	}
	.TAB_ricevuta_item {
		padding-top: calc(14px * var(--media-scale));
		padding-right: calc(12px * var(--media-scale));
		padding-bottom: calc(12px * var(--media-scale));
		padding-left: calc(12px * var(--media-scale));
	}
	.TAB_ricevuta_item .text32{
		line-height: calc(32px * var(--media-scale));
	}
	.TAB_ricevuta_item_ele, .TAB_ricevuta_item_tot {
		padding-top: calc(14px * var(--media-scale));
		padding-right: calc(12px * var(--media-scale));
		padding-bottom: calc(12px * var(--media-scale));
		padding-left: calc(12px * var(--media-scale));
	}
	.TAB_ricevuta_img {
		width: calc(80px * var(--media-scale));
	}
	.dd-options {
		max-height: calc(400px * var(--media-scale)) !important;
	}
	.dd-option { 
		padding: calc(18px * var(--media-scale)) calc(20px * var(--media-scale));
		min-height: calc(50px * var(--media-scale));
	}
	.dd-selected {
		padding: calc(18px * var(--media-scale)) calc(20px * var(--media-scale));
		min-height: calc(50px * var(--media-scale));
	}
	.dd-selected .fatt-badge {
		right: calc(40px * var(--media-scale));
		top: calc(18px * var(--media-scale));
	}
	#goFatt, #goSped{
		margin: calc(20px * var(--media-scale)) calc(16px * var(--media-scale)) calc(15px * var(--media-scale)) calc(20px * var(--media-scale));
	}
	.riepilogo-sx{
		padding: calc(8px * var(--media-scale)) calc(10px * var(--media-scale));
		line-height: calc(17px * var(--media-scale));
	}
	.riepilogo-dx{
		padding: calc(8px * var(--media-scale)) calc(10px * var(--media-scale));
		line-height: calc(17px * var(--media-scale));
	}
	.paypalbox {
		padding: calc(18px * var(--media-scale)) calc(14px * var(--media-scale));
	}
	.paypaldisclaimer {
		padding: 0 calc(4px * var(--media-scale)) calc(18px * var(--media-scale));
	}
	.paypaldisclaimer-end {
		padding: calc(6px calc(4px * var(--media-scale)) calc(4px * var(--media-scale));
	}
} /* -- media */