/********************************************************************************/
/* CSS PRODOTTI.DALZOTTOSRL.COM - AUTHOR MARCO SPIRONELLI - ALL RIGHTS RESERVED */
/********************************************************************************/

@charset "UTF-8";

/* VARIABILI */

:root {
	/* colori */
	
	--colore1: rgba(68,77,86, 1); /* grigioi scuro */
	--colore2: rgba(143,148,154, 1); /* grigio medio */
	--colore3: rgba(233,234,235, 1); /* grigio chiaro */
	--colore4: rgba(255,255,255, 1); /* bianco */
	--colore425: rgba(255,255,255, .25); /* bianco opacità .25 */
	
	/* caratteri */
	--font-fira-sans: "Fira Sans", sans-serif;
	--weight-regular: 400;
	--weight-bold: 700;
	--style-normal: normal;
	--line-height: 1.5;

	/* fluid resize in riferimento al layout preparato */
	/* larghezza layout in px ok*/
	--layout-width: 1280;
	/* fattori di scala */
	--scale-min: 0.75; /* 3/4 */
	--scale-max: 1.25; /* 5/4 */
	/* clamp generale in px */
	--g-clamp: clamp(calc(1px * var(--scale-min)), calc( 1 / var(--layout-width) * 100vw), calc(1px * var(--scale-max)));
	/* clamp generale in px limitato */
	--g-clamp-limited: clamp(calc(1px * var(--scale-min)), calc( 1 / var(--layout-width) * 100vw), 1px);
	
	/* resize testi */
	/* misure di base */
	--font-size-14: 14px;
	--font-size-16: 16px;
	--font-size-18: 18px;
	--font-size-22: 22px;
	--font-size-24: 24px;
	
	/* formule clamp */
	--font-clamp-14: clamp(calc(var(--font-size-14) * var(--scale-min)), calc( 14 / var(--layout-width) * 100vw), calc(var(--font-size-14) * var(--scale-max)));
	--font-clamp-16: clamp(calc(var(--font-size-16) * var(--scale-min)), calc( 16 / var(--layout-width) * 100vw), calc(var(--font-size-16) * var(--scale-max)));
	--font-clamp-18: clamp(calc(var(--font-size-18) * var(--scale-min)), calc( 18 / var(--layout-width) * 100vw), calc(var(--font-size-18) * var(--scale-max)));
	--font-clamp-22: clamp(calc(var(--font-size-22) * var(--scale-min)), calc( 22 / var(--layout-width) * 100vw), calc(var(--font-size-24) * var(--scale-max)));
	--font-clamp-24: clamp(calc(var(--font-size-24) * var(--scale-min)), calc( 24 / var(--layout-width) * 100vw), calc(var(--font-size-24) * var(--scale-max)));

	/* resize margini e padding */
	/* misure di base */
	--spacer-size-1: 1px;
	--spacer-size-10: 10px;
	--spacer-size-20: 20px;
	--spacer-size-40: 40px;
	--spacer-size-80: 80px;
	--spacer-size-100: 100px;
	--spacer-size-120: 120px;
	--spacer-size-160: 160px;
	--spacer-size-200: 200px;
	
	/* formule clamp */
	--spacer-clamp-1: clamp(calc(var(--spacer-size-1) * var(--scale-min)), calc( 1 / var(--layout-width) * 100vw), calc(var(--spacer-size-1) * var(--scale-max)));
	--spacer-clamp-10: clamp(calc(var(--spacer-size-10) * var(--scale-min)), calc( 10 / var(--layout-width) * 100vw), calc(var(--spacer-size-10) * var(--scale-max)));
	--spacer-clamp-20: clamp(calc(var(--spacer-size-20) * var(--scale-min)), calc( 20 / var(--layout-width) * 100vw), calc(var(--spacer-size-20) * var(--scale-max)));
	--spacer-clamp-40: clamp(calc(var(--spacer-size-40) * var(--scale-min)), calc( 40 / var(--layout-width) * 100vw), calc(var(--spacer-size-40) * var(--scale-max)));
	--spacer-clamp-80: clamp(calc(var(--spacer-size-80) * var(--scale-min)), calc( 80 / var(--layout-width) * 100vw), calc(var(--spacer-size-80) * var(--scale-max)));
	--spacer-clamp-100: clamp(calc(var(--spacer-size-100) * var(--scale-min)), calc( 100 / var(--layout-width) * 100vw), calc(var(--spacer-size-100) * var(--scale-max)));
	--spacer-clamp-120: clamp(calc(var(--spacer-size-120) * var(--scale-min)), calc( 120 / var(--layout-width) * 100vw), calc(var(--spacer-size-120) * var(--scale-max)));
	--spacer-clamp-160: clamp(calc(var(--spacer-size-160) * var(--scale-min)), calc( 160 / var(--layout-width) * 100vw), calc(var(--spacer-size-160) * var(--scale-max)));
	--spacer-clamp-200: clamp(calc(var(--spacer-size-200) * var(--scale-min)), calc( 200 / var(--layout-width) * 100vw), calc(var(--spacer-size-200) * var(--scale-max)));
	
}

@media (max-width: 1366px) { /* Stili per tablet orizzontali */

	

}

@media (max-width: 1024px) { /* Stili per tablet verticali */

	

}

@media (max-width: 767px) { /* Stili per dispositivi mobili */

	

}

/* RESET E IMPOSTAZIONI GENERALI HTML */

*,
*::before,
*::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html,
body {
	font-family: var(--font-fira-sans);
	font-weight: var(--weight-regular);
	font-style: var(--style-normal);
	font-size: 16px;
	line-height: 1;
	width: 100%;
	background-color: var(--colore4);
	color: var(--colore1); 						/* TUTTI I TESTI SCURI */
	text-align: left; 							/* TUTTI I TESTI A SINISTRA */
	scroll-behavior: smooth; 					/* SMOOTH SCROLLING */
	-webkit-font-smoothing: antialiased;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;			/* PATCH PER FONT BOLDED SU FIREFOX */
	-webkit-tap-highlight-color: transparent;	/* ELIMINA FLASH AL CLICK SU MOBILE */
}

div {
	display: block;
	position: relative;
	float: left;
}

a {
	color: inherit;
	text-decoration: none;
}

ul,
ol {
	list-style: none;
}

img,
picture,
video,
canvas,
svg {
	max-width: 100%;
	display: block;
}

button,
input,
textarea,
select {
	font: inherit;								/* Inherit font styles */
	border: none;								/* Remove default borders */
	background: none;							/* Reset background */
}

table {
	border-collapse: collapse;
	width: 100%;
}

q,
blockquote {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
}

i,
em {
	font-style: italic;
}

#wpadminbar div{
	float: none;
}

/* CARATTERI */

.t_f_regular {
	font-family: var(--font-fira-sans);
	font-weight: var(--weight-regular);
	font-style: var(--style-normal);
	line-height: var(--line-height);
}

.t_f_regular strong,
.t_f_bold {
	font-family: var(--font-fira-sans);
	font-weight: var(--weight-bold);
	font-style: var(--style-normal);
	line-height: var(--line-height);
}

/* COLORI BACKGROUND */

.c_bg_grigio_scuro {
	background-color: var(--colore1);
}

.c_bg_grigio_medio {
	background-color: var(--colore2);
}

.c_bg_grigio_chiaro {
	background-color: var(--colore3);
}

.c_bg_bianco {
	background-color: var(--colore4);
}

/* COLORI TESTI */

.c_text_grigio_scuro,
.c_text_grigio_scuro a {
	color: var(--colore1);
}

.c_grigio_medio,
.c_grigio_medioo a {
	color: var(--colore2);
}

.c_text_grigio_chiaro,
.c_text_grigio_chiaro a {
	color: var(--colore3);
}

.c_text_bianco,
.c_text_bianco a {
	color: var(--colore4);
}

/* KERNING */

/*.t_ker{
	letter-spacing: .1em;
}*/

/* COLORI BORDI */

.c_bor_grigio_scuro {
	border-color: var(--colore1) !important;
}

.c_bor_grigio_medio {
	border-color: var(--colore2) !important;
}

.c_bor_grigio_chiaro {
	border-color: var(--colore3) !important;
}

.c_bor_bianco {
	border-color: var(--colore4) !important;
}

.c_bor_bianco_25 {
	border-color: var(--colore425) !important;
}

/* ANIMAZIONI CSS */

.animato {
	transition: all 0.2s ease-out !important;
}

.animatoMedio {
	transition: all 0.5s ease-out !important;
}

.animatoLento {
	transition: all 1s ease-out !important;
}

/* DISABILITARE SELEZIONE TESTO */

.disable-select {
	user-select: none;
}

/* GESTIONE PEDICI */

sub {
	font-size: 70%;
	line-height: 1;
}

/* DIMENSIONI TESTI */

.tt14 {
	font-size: var(--font-clamp-14);
}

.tt16 {
	font-size: var(--font-clamp-16);
}

.tt18 {
	font-size: var(--font-clamp-18);
}

.tt22 {
	font-size: var(--font-clamp-22);
}

.tt24 {
	font-size: var(--font-clamp-24);
}

@media (max-width: 1366px) { /* Stili per tablet orizzontali */

	

}

@media (max-width: 1024px) { /* Stili per tablet verticali */

	

}

@media (max-width: 767px) { /* Stili per dispositivi mobili */

	.tt14 {
		font-size: var(--font-size-14);
	}
	
	.tt16 {
		font-size: var(--font-size-16);
	}
	
	.tt18 {
		font-size: var(--font-size-18);
	}
	
	.tt22 {
		font-size: var(--font-size-22);
	}
	
	.tt24 {
		font-size: var(--font-size-24);
	}

}

/* GENERALI LAYOUT */

.centrato {
	min-height: var(--spacer-clamp-10);
	margin-left: 50vw;
	transform: translateX(-50%);
}

.spacer10 {
	width: 100%;
	height: var(--spacer-clamp-10);
	clear: both;
}

.spacer20 {
	width: 100%;
	height: var(--spacer-clamp-20);
	clear: both;
}

.spacer40 {
	width: 100%;
	height: var(--spacer-clamp-40);
	clear: both;
}

.spacer80 {
	width: 100%;
	height: var(--spacer-clamp-80);
	clear: both;
}

.spacer100 {
	width: 100%;
	height: var(--spacer-clamp-100);
	clear: both;
}

.spacer120 {
	width: 100%;
	height: var(--spacer-clamp-120);
	clear: both;
}

.spacer160 {
	width: 100%;
	height: var(--spacer-clamp-160);
	clear: both;
}

.spacer200 {
	width: 100%;
	height: var(--spacer-clamp-200);
	clear: both;
}

.ci img,
.ci2 img {
	width: 100%;
	height: 100%;
}

.ci img {
	object-fit: cover;
}

.ci2 img {
	object-fit: contain;
}

.exh{
	cursor: pointer;
}

@media (max-width: 1366px) { /* Stili per tablet orizzontali */

	

}

@media (max-width: 1024px) { /* Stili per tablet verticali */

	

}

@media (max-width: 767px) { /* Stili per dispositivi mobili */

	.spacer10 {
		width: 100%;
		height: var(--font-size-10);
		clear: both;
	}
	
	.spacer20 {
		width: 100%;
		height: var(--font-size-20);
		clear: both;
	}
	
	.spacer40 {
		width: 100%;
		height: var(--font-size-40);
		clear: both;
	}
	
	.spacer80 {
		width: 100%;
		height: var(--font-size-80);
		clear: both;
	}
	
	.spacer100 {
		width: 100%;
		height: var(--font-size-100);
		clear: both;
	}
	
	.spacer120 {
		width: 100%;
		height: var(--font-size-120);
		clear: both;
	}
	
	.spacer160 {
		width: 100%;
		height: var(--font-size-160);
		clear: both;
	}
	
	.spacer200 {
		width: 100%;
		height: var(--font-size-200);
		clear: both;
	}

}

/* SCROLL CHECK */

.ckcScroll {
	display: block;
	position: absolute;
	width: 0.1px;
	height: 0.1px;
	left: 0px;
	top: 50px;
}

@media (max-width: 1366px) { /* Stili per tablet orizzontali */

	

}

@media (max-width: 1024px) { /* Stili per tablet verticali */

	

}

@media (max-width: 767px) { /* Stili per dispositivi mobili */

	top: 100px;

}

/* HEADER */

.customize-support header{
	top:32px;
}

header {
	display: block;
	z-index: 900;
	position: fixed;
	top: 0;
	left: 0;
	opacity:1;
	width: 100vw;
	z-index: 900;
}

#logomain {
	display: block;
	position: relative;
	float: left;
	margin-left: 5vw;
}

#logomain img{
	display: block;
	position: relative;
	float: left;
	height: calc( var(--g-clamp-limited) * 60);
	margin-top: calc( var(--g-clamp-limited) * 60);
	margin-bottom: calc( var(--g-clamp-limited) * 60);
	aspect-ratio: 1119/180;
}

.intmain{
	display: block;
	position: relative;
	float: right;
	margin-right: 5vw;
	margin-top: calc( var(--g-clamp-limited) * 92);
}

/* ALLO SCROLL */

.bodyScrolled #logomain img {
	height: calc( var(--g-clamp-limited) * 40);
	margin-top: calc( var(--g-clamp-limited) * 40);
	margin-bottom: calc( var(--g-clamp-limited) * 40);
}

.bodyScrolled .intmain{
	margin-top: calc( var(--g-clamp-limited) * 52);
}

@media (max-width: 1366px) { /* Stili per tablet orizzontali */

	

}

@media (max-width: 1024px) { /* Stili per tablet verticali */

	

}

@media (max-width: 767px) { /* Stili per dispositivi mobili */
	
	#wpadminbar{
		position: fixed;
		top:0px;
	}
	
	.customize-support header{
		top:46px;
	}

	#logomain img{
		display: block;
		position: relative;
		float: left;
		height: calc( var(--g-clamp-limited) * 50);
		margin-top: calc( var(--g-clamp-limited) * 40);
		margin-bottom: calc( var(--g-clamp-limited) * 20);
		aspect-ratio: 1119/180;
	}
	
	.intmain{
		display: block;
		position: relative;
		float: right;
		margin-right: 5vw;
		margin-top: 0;
		margin-bottom: calc( var(--g-clamp-limited) * 40);
		width: 90vw;
		font-size: var(--font-size-14);
		height: calc( var(--g-clamp-limited) * 25);
		overflow: hidden;
	}
	
	/* ALLO SCROLL */
	
	.bodyScrolled #logomain img {
		height: calc( var(--g-clamp-limited) * 40);
		margin-top: calc( var(--g-clamp-limited) * 20);
		margin-bottom: calc( var(--g-clamp-limited) * 20);
	}
	
	.bodyScrolled .intmain{
		margin-top: 0;
		margin-bottom: 0;
		height: 0px;
	}

}

/* CONTENITORE */

main {
	display: block;
	position: relative;
	float: left;
	z-index: 100;
	width: 90vw;
	margin-top: calc( var(--g-clamp-limited) * 180);
	overflow: hidden;
	padding-bottom: calc( var(--g-clamp-limited) * 100);
	max-width: 1100px;
}

.customize-support main{
	padding-top: 32px;
}

@media (max-width: 1366px) { /* Stili per tablet orizzontali */

	

}

@media (max-width: 1024px) { /* Stili per tablet verticali */

	

}

@media (max-width: 767px) { /* Stili per dispositivi mobili */

	.customize-support main{
		padding-top: 42px;
	}

}

/* FOOTER */

footer {
	display: block;
	position: relative;
	float: left;
	z-index: 500;
	width: 100vw;
}

.contFoot{
	width: 90vw;
	margin-left: 5vw;
	z-index: 30;
}

.menuFootTop{
	width: 100%;
	padding: calc( var(--g-clamp-limited) * 60) 0px;
}

.menuFootBot{
	width: 90vw;
	padding: calc( var(--g-clamp-limited) * 60) 0px;
	border-top: 1px solid;
}

.logoFoot{
	width: auto;
}

.logoFoot img {
	aspect-ratio: 1119 / 180;
	height: calc( var(--g-clamp-limited) * 40);
}

.linkFoot{
	width: auto;
	float: right;
}

.linkFoot a{
	margin-left: calc( var(--g-clamp-limited) * 30);
}

.colSxMenuFootBot{
	width: auto;
}

.colDxMenuFootBot{
	width: auto;
	float: right;
}

.colSxMenuFootBot span{
	display: inline-block;
}

.colDxMenuFootBot span{
	display: inline-block;
	border-left: 1px solid;
	padding-left: calc( var(--g-clamp-limited) * 20);
	margin-left: calc( var(--g-clamp-limited) * 20);
}

.colDxMenuFootBot span:first-child{
	border-left: none;
	padding-left: 0;
	margin-left: 0;
}

@media (max-width: 1366px) { /* Stili per tablet orizzontali */

	

}

@media (max-width: 1024px) { /* Stili per tablet verticali */

	

}

@media (max-width: 767px) { /* Stili per dispositivi mobili */

	.menuFootTop{
		width: 100%;
		padding: calc( var(--g-clamp-limited) * 60) 0px;
	}
	
	.menuFootBot{
		width: 90vw;
		padding: calc( var(--g-clamp-limited) * 60) 0px;
		border-top: 1px solid;
	}
	
	.logoFoot{
		width: auto;
	}
	
	.logoFoot img {
		aspect-ratio: 1119 / 180;
		height: calc( var(--g-clamp-limited) * 30);
	}
	
	.linkFoot{
		width: 100%;
		float: right;
	}
	
	.linkFoot a{
		display: block;
		margin-left: 0px;
		margin-right: calc( var(--g-clamp-limited) * 20);
		margin-top: calc( var(--g-clamp-limited) * 30);
	}
	
	.colSxMenuFootBot{
		width: 100%;
	}
	
	.colDxMenuFootBot{
		width: 100%;
		float: right;
	}
	
	.colSxMenuFootBot span{
		display: block;
		position: relative;
		float: left;
		width: 100%;
		margin-bottom: calc( var(--g-clamp-limited) * 20);
		padding-bottom: calc( var(--g-clamp-limited) * 20);
		border-bottom: 1px solid var(--colore425);
	}
	
	.colDxMenuFootBot span{
		display: block;
		position: relative;
		float: left;
		width: 100%;
		margin-bottom: calc( var(--g-clamp-limited) * 0);
		border-left: none;
		padding-left: 0;
		margin-left: 0;
	}
	
	.colDxMenuFootBot span:first-child{
		border-left: none;
		padding-left: 0;
		margin-left: 0;
	}

}

/* PULSANTI */

.p_16_bia_trasp{
	display: block;
	position: relative;
	float: left;
	color: var(--colore4);
	border: 1px solid var(--colore4);
	border-radius: 25px;
	font-size: var(--font-clamp-16);
	font-family: var(--font-fira-sans);
	font-weight: var(--weight-regular);
	font-style: var(--style-normal);
	line-height: 1;
	padding: calc( var(--g-clamp-limited) * 8) calc( var(--g-clamp-limited) * 24);
	transition: all 0.2s ease-out !important;
	cursor: pointer;
}

.p_16_bia_trasp:hover{
	background-color: var(--colore4);
	color: var(--colore1);
}

.p_16_grigio_scuro{
	display: block;
	position: relative;
	float: left;
	color: var(--colore4);
	background-color: var(--colore1);
	border: 1px solid var(--colore1);
	border-radius: 25px;
	font-size: var(--font-clamp-16);
	font-family: var(--font-fira-sans);
	font-weight: var(--weight-regular);
	font-style: var(--style-normal);
	line-height: 1;
	padding: calc( var(--g-clamp-limited) * 8) calc( var(--g-clamp-limited) * 24);
	transition: all 0.2s ease-out !important;
	cursor: pointer;
}

.p_16_grigio_scuro:hover{
	background-color: var(--colore4);
	color: var(--colore1);
}

@media (max-width: 1366px) { /* Stili per tablet orizzontali */

	

}

@media (max-width: 1024px) { /* Stili per tablet verticali */

	

}

@media (max-width: 767px) { /* Stili per dispositivi mobili */

	

}



/********************************/
/* SELETTORE CATEGORIA PRODOTTI */
/********************************/

.selCp{
	display: none !important;
	width: 100%;
	margin-top: calc( var(--g-clamp-limited) * 50);
	border-bottom: 1px solid;
}

.linkCp{
	display: block;
	width: auto;
	position: relative;
	float: left;
	height: calc( var(--g-clamp-limited) * 50);
	margin-right: calc( var(--g-clamp-limited) * 40);
	box-sizing: border-box;
	border-bottom: 0px;
}

.linkCp:hover{
	opacity: .5;
}

.linkCp.active{
	border-bottom: 4px solid;
}

.linkCp.active:hover{
	opacity: 1;
}

@media (max-width: 1366px) { /* Stili per tablet orizzontali */

	

}

@media (max-width: 1024px) { /* Stili per tablet verticali */

	

}

@media (max-width: 767px) { /* Stili per dispositivi mobili */

	.linkCp{
		height: calc( var(--g-clamp-limited) * 40);
		font-size: 15px;
	}

}



/**********************/
/* CATEGORIA PRODOTTI */
/**********************/

.contItemCp{
	width: 100%;
	display: flex !important;
	justify-content: flex-start;
	gap: calc( var(--g-clamp-limited) * 30);
	flex-wrap: wrap;
	margin-top: calc( var(--g-clamp-limited) * 60);
}

.itemCp{
	display: block;
	position: relative;
	width: calc( ( 100% - ( var(--g-clamp-limited) * 60 ) ) / 3 );
	border: 1px solid;
	border-radius: calc( var(--g-clamp-limited) * 6);
	padding: calc( var(--g-clamp-limited) * 40) calc( var(--g-clamp-limited) * 30);
	margin-bottom: calc( var(--g-clamp-limited) * 40);
}

.titItemCp{
	display: block;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
}

.ciItemCp{
	width: 100%;
	aspect-ratio: 100/69;
	margin-top: calc( var(--g-clamp-limited) * 30);
	font-size: 10px;
}

.icoItemCp{
	position: absolute;
	width: calc( var(--g-clamp-limited) * 40);
	height: calc( var(--g-clamp-limited) * 40);
	bottom: calc( var(--g-clamp-limited) * -20);
	left: calc( 50% + ( var(--g-clamp-limited) * -20 ) );
	border-radius: 50%;
	border: 1px solid;
	background-repeat: no-repeat;
	background-position: left calc( var(--g-clamp-limited) * 16) center;
	background-size: calc( var(--g-clamp-limited) * 7);
	background-image: url("../img_static/html/dz_fr_dx_grigio_medio.svg");
}

.itemCp:hover .icoItemCp{
	background-color: var(--colore2);
	background-image: url("../img_static/html/dz_fr_dx_bianco.svg");
}

@media (max-width: 1366px) { /* Stili per tablet orizzontali */

	

}

@media (max-width: 1024px) { /* Stili per tablet verticali */

	

}

@media (max-width: 767px) { /* Stili per dispositivi mobili */

	.itemCp{
		display: block;
		position: relative;
		width: 100%;
		border: 1px solid;
		border-radius: calc( var(--g-clamp-limited) * 6);
		padding: calc( var(--g-clamp-limited) * 40) calc( var(--g-clamp-limited) * 30);
		margin-bottom: calc( var(--g-clamp-limited) * 60);
	}
	
	.icoItemCp{
		position: absolute;
		width: calc( var(--g-clamp-limited) * 60);
		height: calc( var(--g-clamp-limited) * 60);
		bottom: calc( var(--g-clamp-limited) * -30);
		left: calc( 50% + ( var(--g-clamp-limited) * -30 ) );
		border-radius: 50%;
		border: 1px solid;
		background-repeat: no-repeat;
		background-position: left calc( var(--g-clamp-limited) * 24) center;
		background-size: calc( var(--g-clamp-limited) * 11);
		background-image: url("../img_static/html/dz_fr_dx_grigio_medio.svg");
	}
	
	.itemCp:hover .icoItemCp{
		background-color: var(--colore4);
		background-image: url("../img_static/html/dz_fr_dx_grigio_medio.svg");
	}

}



/*******************/
/* SINGLE PRODOTTO */
/*******************/

.contSinProd{
	width: 100%;
	margin-top: calc( var(--g-clamp-limited) * 60);
	border: 1px solid;
	border-radius: calc( var(--g-clamp-limited) * 12);
	padding: calc( var(--g-clamp-limited) * 60);
}

.introSinProd{
	width: 100%;
}

.ciSinProd{
	width: 25%;
	aspect-ratio: 1/1;
}

.datiSinProd{
	width: 75%;
	padding-left: calc( var(--g-clamp-limited) * 60);
}

.titSinProd{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	text-transform: uppercase;
}

.rowDatoSinProd{
	width: 100%;
	margin-top: calc( var(--g-clamp-limited) * 30);
}

.titDatoSinProd{
	display: block;
	position: relative;
	float: left;
	width: 25%;
}

.datoSinProd{
	display: block;
	position: relative;
	float: right;
	width: 75%;
}

.dlSinProd{
	width: 100%;
	margin-top: calc( var(--g-clamp-limited) * 90);
}

.titDlSinProd{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	padding-bottom: calc( var(--g-clamp-limited) * 30);
	border-bottom: 1px solid;
}

.contItemDlSinProd{
	width: 100%;
}

.itemDlSinProd {
	width: 100%;
    display: flex;
    align-items: center; /* Centra verticalmente il contenuto */
    gap: 60px;
    padding: calc( var(--g-clamp-limited) * 30) 0;
    border-bottom: 1px solid;
}

.ciItemDlSinProd {
    width: calc( var(--g-clamp-limited) * 110);
    aspect-ratio:1;
    flex-shrink: 0; /* Evita il ridimensionamento */
    padding: calc( var(--g-clamp-limited) * 10);
}

.contTitItemDlSinProd {
    flex-grow: 1; /* Occupa lo spazio disponibile */
}

.contLinkItemDlSinProd {
    width: auto;
    flex-shrink: 0; /* Evita il ridimensionamento */
}

@media (max-width: 1366px) { /* Stili per tablet orizzontali */

	

}

@media (max-width: 1024px) { /* Stili per tablet verticali */

	

}

@media (max-width: 767px) { /* Stili per dispositivi mobili */
	
	.contSinProd{
		width: 100%;
		margin-top: calc( var(--g-clamp-limited) * 60);
		border: 1px solid;
		border-radius: calc( var(--g-clamp-limited) * 12);
		padding: calc( var(--g-clamp-limited) * 60) calc( var(--g-clamp-limited) * 30);
	}

	.ciSinProd{
		width: 100%;
		aspect-ratio: 1/1;
	}
	
	.datiSinProd{
		width: 100%;
		padding-left: 0;
		margin-top: calc( var(--g-clamp-limited) * 30);
	}
	
	.titSinProd{
		display: block;
		position: relative;
		float: left;
		width: 100%;
		text-transform: uppercase;
	}
	
	.rowDatoSinProd{
		width: 100%;
		margin-top: calc( var(--g-clamp-limited) * 30);
	}
	
	.titDatoSinProd{
		display: block;
		position: relative;
		float: left;
		width: 100%;
	}
	
	.datoSinProd{
		display: block;
		position: relative;
		float: right;
		width: 100%;
	}
	
	.dlSinProd{
		width: 100%;
		margin-top: calc( var(--g-clamp-limited) * 90);
	}
	
	.titDlSinProd{
		display: block;
		position: relative;
		float: left;
		width: 100%;
		padding-bottom: calc( var(--g-clamp-limited) * 30);
		border-bottom: 1px solid;
	}
	
	.contItemDlSinProd{
		width: 100%;
	}
	
	.itemDlSinProd {
		width: 100%;
	    display: block;
	    align-items: center; /* Centra verticalmente il contenuto */
	    gap: 60px;
	    padding: calc( var(--g-clamp-limited) * 30) 0;
	    border-bottom: 1px solid;
	    min-height: calc( var(--g-clamp-limited) * 170);
	}
	
	.ciItemDlSinProd {
		position: absolute;
	    width: calc( var(--g-clamp-limited) * 110);
	    aspect-ratio:1;
	    flex-shrink: 0; /* Evita il ridimensionamento */
	    padding: calc( var(--g-clamp-limited) * 10);
	}
	
	.contTitItemDlSinProd {
		position: relative;
		float: right;
		width: calc( 100% - ( var(--g-clamp-limited) * 140 ) );
	    flex-grow: 1; /* Occupa lo spazio disponibile */
	}
	
	.titItemDlSinProd{
		font-size: 16px;
	}
	
	.contLinkItemDlSinProd {
	    position: relative;
		float: right;
		width: calc( 100% - ( var(--g-clamp-limited) * 140 ) );
	    flex-shrink: 0; /* Evita il ridimensionamento */
	    margin-top: calc( var(--g-clamp-limited) * 15);
	}

}