:root {
            --button-primary: #92c43e;
			--button-primary-hover: #76a32a;
			--button-primary-dark: #198937;
			--button-primary-dark-hover: #10722a;
			--button-primary-darkmiddle: #5b9e35;
			--button-primary-darkmiddle-hover: #4d872c;
			
			--button-color-primary: #ffffff;
			--button-color-primary-outline: #6f9c33;
			--button-color-primary-hover: #ffffff;
            --button-secondary: #7d7d7d;
			--button-secondary-hover: #6c6c6c;
			--button-color-secondary: #ffffff;
			--button-color-secondary-hover: #ffffff;
			
			--button-grigio:#e3e3e3;
			
			--link-sfondo-bianco: #000000;
			--link-sfondo-bianco-hover: #92c43e;
			--testo-colorato: #1a823b; 
			
			--sf-input_search: #198937;
			--sf-card-servizi: #e3e3e3;
			
			--dot-color-next: #8bc53f;
			--dot-color-before: #1a823b;
			
			--border-radius: 20px;
			
			

        }
		
		#modalFiles .modal-header, #myModalContactSupport .modal-header, #myModalCart .modal-header, #myModalSearch .modal-header{
			border-top-left-radius: var(--border-radius);
			border-top-right-radius: var(--border-radius);
			background-color: var(--sf-card-servizi);
		}
		
	
		
		#modalFiles .modal-content, #myModalContactSupport .modal-content, #myModalCart .modal-content, #myModalSearch .modal-content {
			border-radius: var(--border-radius);
		}
		

		
		
		.btn-primary {
			--bs-btn-color: #fff;
			--bs-btn-bg: var(--button-primary);
			--bs-btn-border-color: var(--button-primary);
			--bs-btn-hover-color: #fff;
			--bs-btn-hover-bg: var(--button-primary-hover);
			--bs-btn-hover-border-color: var(--button-primary-hover);
			--bs-btn-focus-shadow-rgb: 146, 196, 62;
			--bs-btn-active-color: #fff;
			--bs-btn-active-bg: var(--button-primary-hover);
			--bs-btn-active-border-color: var(--button-primary-hover);
			--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
			--bs-btn-disabled-color: #fff;
			--bs-btn-disabled-bg: var(--button-primary);
			--bs-btn-disabled-border-color: var(--button-primary);
		}
		
		.btn-outline-primary {
			--bs-btn-color: var(--button-color-primary-outline);
			--bs-btn-border-color: var(--button-primary);
			--bs-btn-hover-color: #fff;
			--bs-btn-hover-bg: var(--button-primary);
			--bs-btn-hover-border-color: var(--button-primary);
			--bs-btn-focus-shadow-rgb: 13, 110, 253;
			--bs-btn-active-color: #fff;
			--bs-btn-active-bg: var(--button-primary);
			--bs-btn-active-border-color: var(--button-primary);
			--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
			--bs-btn-disabled-color: var(--button-primary);
			--bs-btn-disabled-border-color: var(--button-primary);
			    border: 1px solid var(--button-primary);
		}
		
		.btn-outline-secondary {
			--bs-btn-color: #000;
			--bs-btn-border-color: var(--button-grigio);
			--bs-btn-hover-color: #fff;
			--bs-btn-hover-bg:  var(--button-primary);
			--bs-btn-hover-border-color:  var(--button-primary);
			--bs-btn-focus-shadow-rgb: 108, 117, 125;
			--bs-btn-active-color: #fff;
			--bs-btn-active-bg: var(--button-primary);
			--bs-btn-active-border-color:  var(--button-primary);
			--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
			--bs-btn-disabled-color: #6c757d;
			--bs-btn-disabled-bg: transparent;
			--bs-btn-disabled-border-color: #6c757d;
			--bs-gradient: none;
				border: 2px solid var(--button-grigio);
		}
		
		.btn-outline-secondary 
		.icon-outline-secondary{color:var(--button-primary); font-size:20px; font-weight:700;}
		.icon-outline-secondary:hover{color:#fff}
		

		
		
		.btn-primary-darkmiddle {
			background-color: var(--button-primary-darkmiddle);
            color: var(--button-color-primary);
		}
		
		.btn-primary-darkmiddle:hover {
			background-color: var(--button-primary-darkmiddle-hover);
			color: var(--button-color-primary-hover);
			border: none;
		}
		
		
		.btn-continua-shopping{color:#797979; border-color:#797979; font-weight:500;}
	
		a {
			color: var(--testo-colorato);
			text-decoration: none;
		}
		
		a:hover {
			color: var(--testo-colorato);
			text-decoration: underline;
		}
		
		    
			
		.modal{
			--bs-modal-border-radius: 20px;
		}
		
		#ModalUrlRemote .modal-body .p-5{ padding:5px !important;}
		
		
		.modal-footer{border-top:0px}
   
		
		.testo-colorato{color:var(--testo-colorato);}
		
		
		/* Colorizza tutti i link del breadcrumb di nero */
		.breadcrumb-item a {
			color: #000000;
			/*text-decoration: none; /* Opzionale: toglie la sottolineatura di default */
		}

		.breadcrumb-item a:hover {
			color: #000000;
			text-decoration: underline;
		}

		/* Seleziona l'ultimo elemento della lista e colora il suo link di verde */
		.breadcrumb-item:last-child a {
			color: var(--testo-colorato); /* Sostituisci con il tuo codice verde (es. il verde Bootstrap è #28a745 o #198754) */
		}

		/* Cambia il colore in verde anche quando passi sopra con il mouse all'ultimo elemento */
		.breadcrumb-item:last-child a:hover {
			color: var(--testo-colorato);
			text-decoration: underline;
		}

	

		
		input:-webkit-autofill,
		input:-webkit-autofill:hover, 
		input:-webkit-autofill:focus {
		  /* Replace 'white' with your desired background color */
		  -webkit-box-shadow: 0 0 0 1000px #ebf6de inset !important;
		}
		
		.form-control {
			border-radius: 15px;
			padding: 5px 10px;
			border: 1px solid #d1d3d4;
			/*font-size: 0.95rem;*/
			box-shadow: none !important;
			
		}

		textarea.form-control {
			border-radius: 15px !important;
			/*padding-top: 15px !important;*/
		}
		
		.form-check-input{
			border: 1px solid #c7c7c7;
		}
		
		.form-check-input:checked {
			background-color: #8cc63f !important; /* Verde brand */
			border-color: #8cc63f !important;
		}
		
		.form-check-input-lg { width: 1.3em; height: 1.3em; margin-top: 0.15em;}
		.form-check-label-lg { padding-left:10px; padding-top:3px}
								

		/* Focus: quando l'utente clicca nel campo */
		.form-control:focus {
			border-color: #1a8a3b; /* Colore verde Fimar al focus */	
		}

		/* Stile delle etichette (Labels) */
		.form-label {
			margin-left: 15px;
			font-weight: 600;
			color: #555;
			font-size: 0.85rem;
			text-transform: uppercase;
			margin-bottom: 5px;
		}
		
		/* Stile delle etichette (Labels) */
		.form-label-std {
			margin-left: 5px;
			font-weight: 600;
			color: #555;
			font-size: 0.85rem;
			margin-bottom: 5px;
		}


		/* Stile particolare per l'input File (Allegati) */
		.custom-file {
			position: relative;
			display: flex;
			align-items: center;
		}

		.custom-file-input {
			height: calc(2.25rem + 10px);
		}

		/* Pulsante "+" grigio scuro degli allegati nell'immagine */
		.custom-file::after {
			content: '+';
			position: absolute;
			right: 0;
			top: 0;
			background-color: #707070; /* Grigio scuro immagine */
			color: white;
			height: 100%;
			width: 60px;
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 0 25px 25px 0;
			font-size: 1.5rem;
			pointer-events: none;
		}

		.custom-file-label {
			width: 100%;
			margin-bottom: 0;
			padding-right: 70px !important; /* Spazio per il tasto + */
		}

		
		.file-input-wrapper-support {
			position: relative;
		}
		
		.file-input-wrapper-support .support-pill {
			min-height: 30px;
		}
		
		.file-input-wrapper-support input[type="file"]::file-selector-button {
					display: none !important;
					width: 0;
					margin: 0;
					padding: 0;
					border: none;
				}

		/* Supporto per i browser più vecchi (Safari/Chrome precedenti) */
		.file-input-wrapper-support input[type="file"]::-webkit-file-upload-button {
			display: none !important;
		}
		
		

		.plus-btn {
			position: absolute;
			right: 0;
			top: 0;
			background: #888;
			color: white;
			width: 45px;
			height: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 0 50px 50px 0;
			font-size: 20px;
			cursor: pointer;
		}
		
		


		.form-control:focus, .form-select:focus {
			border-color: var(--fimar-green);
			background-color: #fff;
		}
		
		.select-scroll-custom {
			padding-right: 12px !important; /* Crea lo spazio per non far toccare lo scrollbar allo spigolo */
			overflow-y: auto;
		}
		
		
	
	/* Card con angoli arrotondati come da immagine */
		.card-servizi {border-radius: 30px !important; background-color: var(--sf-card-servizi); transition: transform 0.3s ease;position: relative;min-height: 220px;}
		.card-servizi:hover {transform: translateY(-5px);}

		
		.card-guida-uso{ background: linear-gradient(to bottom, #ffffff 0%, #d2d2d2 50%, #ffffff 100%);}
    
		.promo-card-img {
			position: relative;
			height: 300px; /* Altezza fissa per uniformità */
			border-radius: 30px !important;
			border:0px;
		}
		
		/* Responsività mobile */
		@media (max-width: 992px) {
			.card-servizi {min-height: 180px;background-image:none !important;  display: grid;
  align-content: center;}
			.promo-card-img {
				height: 250px; /* Altezza fissa per uniformità */
			}
			
		}
		
		@media (max-width: 768px) {
			.promo-card-img {
				width: 90%;
				margin-left: 5%;
			}
			
		}
		
		
		
		.promo-card2-img {
			position: relative;
			max-height: 320px; /* Altezza fissa per uniformità */
			border-radius: 30px !important;
			border:0px;
		}
	  
		.promo-badges {
			width: 100%;
			position: absolute;
            top: 10px;
            /*right: 40px;*/
			
		}
		
		
	
		/* Responsività mobile */
		@media (max-width: 768px) {
			.banner-video-wrapper {
				justify-content: center !important; /* Centra il testo sui piccoli schermi */
				min-height: 350px;
			}
			
		}
		
		/*assistenza*/
		.assistenza-section {
			background-color: #fff;
			overflow: hidden; /* Evita che le card laterali creino scroll */
		}

		/* Colori Brand */
		.bg-info-contatti_1 { background-color: #8bc53f; color: #000; }
		.bg-info-contatti_2 { background-color: #e0e0e0; color: #000; }

		.assistenza-info{overflow: hidden;/* Evita scroll orizzontali */ padding:20px; max-width: 550px;}
		

		/* Struttura base della Card */
		.assistenza-info .card-item {
			border-radius: 30px; 
			padding: 20px;
			margin:0px;
			text-align: center;
			height: 300px;
			width: 310px;
			z-index: 1;
		}
		
		.bg-info-contatti_1 a, .bg-info-contatti_2 a {
			text-decoration: none;
			color: #000;
		}


		/* Effetto Card Centrale (In primo piano) */
		.slick-center {
		  transform: scale(1); /* Ingrandisce la slide */
		  z-index: 10 !important; /* Forza la slide sopra le vicine */
		  opacity: 1;
		}
		
		/* Opzionale: sfocatura o trasparenza per le slide laterali */
		.slick-slide:not(.slick-center) {
		  opacity: 0.5;
		  transform: scale(0.8);
		}
		
		.assistenza-info .slick-list {
			overflow: visible; /* Permette alle card di sovrapporsi visivamente */
			padding:0px;  margin:0px;
		}
		
		.slick-slide { margin: 10px;
			transition: transform 0.3s ease;
			z-index: 1; /* Profondità standard */
			position: relative;
		}


		 /* Personalizzazione Dots (Puntini) */
		.slick-dots {bottom: -40px;}
		.slick-dots li button:before {font-size: 14px;color: var(--dot-color-next);opacity: 0.7;}
		.slick-dots li.slick-active button:before {color: var(--dot-color-before);opacity: 1;}
		
	
	
	
		.support-section {}
	
	
		
		/* Responsività mobile */
		@media (max-width: 768px) {
				
				
		}
		
		
	
	.support-pill {
			border-radius: 40px !important;
			border: 1px solid #ccc;
			/*padding: 12px 20px;*/
			background-color: rgba(255,255,255,0.8);
	}

	.support-textarea {
		border-radius: 20px !important;
		border: 1px solid #ccc;
		/*padding: 20px;*/
		background-color: rgba(255,255,255,0.8);
	}
	
	/* Footer fimar ============================================*/
        /* Sezione Loghi footer */
    .logos-bar {
        padding: 20px 0;
        background: #fff;
        border-bottom: 1px solid #eee;
    }
	
    .logos-bar img {
        max-height: 70px;
    }
	
	
	
	
	
	/* product ============================================*/
	.bg-search {background-color: #fff; margin-top:20px}
	/*
	.list-treview-category .list-group-item{padding-top:8px;padding-bottom:8px;}

	.list-treview-category-level-1{font-weight: 700;padding-left: 5px;}
	.list-treview-category-level-2:before {content: '- ';}
	.list-treview-category-level-2{padding-left: 15px;}
	.list-treview-category-level-3:before {content: '- ';}
	.list-treview-category-level-3{padding-left: 25px;}
	.list-treview-category-level-4:before {content: '- ';}
	.list-treview-category-level-4{padding-left: 35px;}
	.list-treview-category-level-5:before {content: '- ';}
	.list-treview-category-level-5{padding-left: 45px;}
	*/
	/* Contenitore principale */
	/*MENU*/
	.list-treview-category {
		border: none;
		gap: 5px; /* Distanza tra i blocchi */
		display: flex;
		flex-direction: column;
	}

	/* Stile base comune a tutti i bottoni */
	.list-treview-category .list-group-item {
		border: none !important;
		border-radius: 30px !important; /* Forma a pillola */
		font-weight: 500;
		text-transform: uppercase;
		font-size: 13px;
		transition: all 0.2s ease-in-out;
		margin-bottom: 0;
	}
	
	
	.list-treview-category .list-group-item-action {
		width:auto !important;
	}
	
	.list-treview-category .list-treview-category-level-1 {
		background-color: var(--button-grigio); /* Grigio di default */
		font-weight: 700;
		color: #000;
		padding: 5px 10px;
	}
	
	
	.list-treview-category .list-treview-stile_promoSTD {
		background-color: #ed1c24 !important;
		color: #fff !important;
		padding: 5px 10px;
	}
	
	.list-treview-category .filter_outprod-1 {
		background-color: #9c9c9c !important;
		font-weight: 700;
		color: #fff;
		padding: 5px 10px;
	}
	
	
	.list-treview-category .filter_outprod-2 {
		background-color: #bfbfbf !important; /* Verde chiaro */
		color: #fff !important;
		margin-left: 15px; /* Rientro per gerarchia */
		width: calc(100% - 15px); /* Compensa il rientro */
		padding: 5px 10px;
	}
	
	.list-treview-category .list-treview-category-level-2 {
		/*background-color: var(--button-primary) !important;*/ /* Verde chiaro */
		color: #000 !important;
		margin-left: 15px; /* Rientro per gerarchia */
		width: calc(100% - 15px); /* Compensa il rientro */
		padding: 5px 10px;
		font-weight: 700;
	}
	
	
	/* Selettore CSS moderno per verificare il fratello successivo */
	.list-treview-category .list-treview-category-level-1:has(+ .list-treview-category-level-2) {
		background-color: var(--button-primary-dark) !important; /* Verde Scuro Cliente */
		color: #ffffff !important;
	}
		
	
	
	
	.list-treview-category .list-treview-category-level-3::before,
	.list-treview-category .list-treview-category-level-4::before,
	.list-treview-category .list-treview-category-level-5::before,
	.list-treview-category .filter_outprod-3::before,
	.list-treview-category .filter_outprod-4::before,
	.list-treview-category .filter_outprod-5::before	{

		content: "• ";
		font-size: 1.2rem;
		/*top: 50%;*/
		transform: translateY(-50%);
	}
	
	.list-treview-category .list-treview-category-level-3, .list-treview-category .filter_outprod-3 { margin-left: 20px; padding: 0px 5px;}
	.list-treview-category .list-treview-category-level-4, .list-treview-category .filter_outprod-4 { margin-left: 35px; padding: 0px 5px;}
	.list-treview-category .list-treview-category-level-5, .list-treview-category .filter_outprod-5 { margin-left: 50px; padding: 0px 5px;}
	
	


	.list-treview-category-level-2:hover {
		filter: brightness(90%);
	}



	


	
	/* Verde Scuro: Fimar (o quando è attivo) */
	.list-treview-category-level-1.list-group-item-secondary, 
	.list-treview-category-level-1:hover {
		background-color: var(--button-primary-dark) !important; /* Verde Fimar */
		color: #fff !important;
	}

	
	
	.list-treview-stile_promoSTD:hover {
		background-color: #dc0008 !important;
		color: #fff !important;
	}
	
	

	

	

	/* Stile per i testi dei prodotti (le liste semplici sotto i bottoni) */
	/* Se queste voci sono semplici <li> o <a> senza classi particolari, 
	   puoi aggiungere uno stile per la lista nidificata */
	.list-treview-category ul {
		list-style-type: disc;
		margin-left: 40px;
		padding-top: 5px;
		padding-bottom: 10px;
	}

	.list-treview-category ul li {
		font-size: 0.85rem;
		color: #333;
		padding: 2px 0;
	}
	
	
	/* Contenitore della lista */
	/* Contenitore che taglia i contenuti in eccesso */
	.nav-scroll-container {
		width: 100%;
	}

	/* La lista non deve mai andare a capo */
	.list-inline-pills {
		display: flex;
		flex-wrap: wrap; /* Permette alle pillole di scendere sotto se lo schermo è stretto */
		list-style: none;
		padding: 10px 0px;
		margin: 0;
		gap: 12px 16px; /* Spazio di 12px in verticale (tra le righe) e 16px in orizzontale */

	}

	/* Stile pillole (come visto in precedenza) */
	.list-inline-pills li a {
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		
		/* Dimensioni predefinite */
		min-width: 150px;
		max-width: 228px; 
		min-height: 45px; /* Altezza minima per contenere 2 righe */
		flex-shrink: 0; /* Impedisce alla pillola di rimpicciolirsi */
		
		/* Gestione Testo */
		white-space: normal; /* Permette al testo di andare a capo */
		line-height: 1.1;    /* Interlinea stretta */
		word-wrap: break-word;
		
		/* Grafica */
		background-color: #e6e7e8;
		color: #333;
		text-decoration: none;
		font-weight: 500;
		text-transform: uppercase;
		font-size: 11px;
		padding: 5px 20px;
		border-radius: 40px;
		transition: background 0.3s;
	}

	.list-inline-pills li a:hover {
		background-color: #d1d3d4;
	}

	/* Pulsante freccia tondo */
	.btn-scroll-right {
		background-color: #e6e7e8;
		border: none;
		width: 45px;
		height: 45px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: 10px;
		cursor: pointer;
		flex-shrink: 0; /* Impedisce al pulsante di rimpicciolirsi */
	}

	.btn-scroll-right:hover {
		background-color: #d1d3d4;
	}





		
	
	
	





	/*
	.product-grid .product-thumb .image {float: none;padding: 5px;}
	.product-thumb {border: 1px solid #ddd;margin-bottom: 20px;overflow: auto;}
	.product-thumb .image a {display: block;}
	.product-thumb .image a:hover {opacity: 0.8;}
	.product-thumb .image img {margin-left: auto;margin-right: auto;}


	.product-thumb h4 {font-weight: bold; font-size: 16px; line-height: 17px;}
	.product-thumb .caption {padding: 0 10px; min-height: 100px;}
	.product-list .product-thumb .caption {margin-left: 230px;}
	.product-thumb .desccategory {font-size: 12px; line-height: 13px; padding: 0px; margin: 0px 0px 10px 0px;}
	.product-thumb .fuoriprod {font-size: 16px; font-weight: bold; line-height: 16px; padding: 0px; margin: 0px 0px 10px 0px;}




	.product-thumb .button-group {border-top: 1px solid #ddd;background-color: #eee;overflow: auto;}
	.product-thumb .button-group button {width: 100%;border: none;display: inline-block;float: left;background-color: #eee;color: #888;line-height: 38px;font-weight: bold;text-align: center;text-transform: uppercase;}
	.product-thumb .button-group button:hover {color: #444;background-color: #ddd;text-decoration: none;cursor: pointer;}

	*/


	/* Contenitore principale della card */
	.product-thumb {
		border: 1px solid #e0e0e0;
		border-radius: 30px; /* Bordi molto arrotondati come da immagine */
		padding: 10px;
		margin-bottom: 0px;
		background: #fff;
		transition: all 0.3s ease;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}


	/* Effetto hover sulla card */
	.product-thumb:hover {
		box-shadow: 0 2px 10px rgba(0,0,0,0.1);
	}

	/* Immagine prodotto */
	.product-thumb .image {
		padding: 1px;
		margin-bottom: 1px;
	}

	.product-thumb .image img {
		max-width: 100%;
		height: auto;
		object-fit: contain;
	}

	/* Titolo Prodotto (H4) */
	.product-thumb .caption h4 {
		margin-top: 10px;
		margin-bottom: 5px;
	}

	.product-thumb .caption h4 a {
		color: #000;
		font-weight: 700;
		text-decoration: none;
		font-size: 1.1rem;
		text-transform: uppercase;
	}

	/* Descrizione categoria (Sottotitolo) */
	.product-thumb .desccategory {
		color: #333;
		font-size: 0.85rem;
		font-weight: 400;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		margin-bottom: 5px;
	}

	/* Gruppo bottone */
	.product-thumb .button-group {
		padding-top: 10px;
	}

	/* Bottone Visualizza */
	.product-thumb .button-group button {
		width: 100%;
		background-color: #e6e7e8; /* Grigio chiaro come da immagine */
		border: none;
		border-radius: 50px; /* Bottone a pillola */
		padding: 10px 15px;
		color: #000;
		font-weight: 700;
		text-transform: uppercase;
		font-size: 0.9rem;
		transition: background 0.3s ease;
		cursor: pointer;
	}

	/* Hover bottone */
	.product-thumb .button-group button:hover {
		background-color: #d1d3d4;
	}

	/* Icona dentro il bottone */
	.product-thumb .button-group button i {
		display: none; /* Nell'immagine non compare l'icona, se la vuoi la puoi riattivare con 'inline-block' */
	}
	
	/*stili promo*/
	/*

.product-thumb-promo .image img {margin-left: auto;margin-right: auto;}


.product-thumb-promo h4 {font-weight: bold; font-size: 16px; line-height: 17px;}
*/


	.product-thumb-promo {
		border: 1px solid #e0e0e0;
		border-radius: 30px; /* Bordi molto arrotondati come da immagine */
		padding: 10px;
		margin-bottom: 0px;
		background: #fff;
		transition: all 0.3s ease;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	
	.product-thumb-promo:hover {
		//box-shadow: 0 2px 10px rgba(0,0,0,0.1);
	}
	
	.product-thumb-promo .image {display: flex; justify-content: center; align-items: center;}
	
	.pcodice {font-size:14px;font-weight:700;}
	.ptitolo {font-size:12px;font-weight:500;}
	.pnote {font-size:12px;font-weight:500;line-height: 1;}
	.pdatitec {font-size:12px; font-weight:500; line-height: 1.25 !important; letter-spacing: -0.1px; padding:0; margin:0}
	
	.label_price_prec_stile_promoSTD{
		font-size:11px; line-height: 1.25 !important; padding:0;margin: 0;
	}
	
	.price_prec_stile_promoSTD {
		font-size: 16px;
		font-weight: 700;
		text-decoration: line-through;
	}
							
	.price-cart-pill {
		/*display: inline-flex;
		align-items: center;
		justify-content: space-between;*/
		background-color: var(--button-grigio);    
		border-radius: 30px;          
		padding: 5px; 
		text-align: center !important;
		margin-right:10px;
		/*min-width: 180px;           
		height: 46px;                
		box-sizing: border-box;*/
	}
	
	
	.price-cart-pill .price_stile_promoSTD {
		color: #e31e24 !important;    
		font-size: 20px !important;
		font-weight: 700 !important;   
		
		margin: 0 !important;
		padding: 0 !important;
	}	
	
	.addarticolocarrello .label-qnt{
		font-weight: 700 !important;
		font-size: 14px !important;
	}
	
	

	.form-group .input-group {
		/*background-color: #f1f2f2 !important;*/ /* Sfondo grigio chiarissimo e omogeneo */
		background-color: #fff !important;
		border-radius: 30px !important;       /* Curvatura massima stile pillola */
		padding: 0px 10px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		/*border: none !important;*/              /* Elimina i bordi esterni */
		border: 2px solid #f1f2f2 !important;              /* Elimina i bordi esterni */
		box-shadow: none !important;
	}

	/* Gestione dei pulsanti Meno (-) e Più (+) */
	.form-group .input-group .input-group-prepend {
		margin: 0 !important;
		display: flex;
		align-items: center;
	}

	/* Rimuove lo stile a blocchi squadrati delle scritte "-" e "+" di Bootstrap */
	.form-group .input-group-text {
		background: transparent !important;
		border: none !important;
		color: #000 !important;
		font-size: 20px !important;
		font-weight: bold !important;
		padding: 0 6px !important;
		min-height: auto !important;
		height: auto !important;
		user-select: none;
	}

	.form-group .input-group-prepend:hover .input-group-text {
		color: #000000 !important;
	}

	/* La casella con il numero al centro */
	.form-group input.quantity.form-control {
		/*background: transparent !important;*/
		border: none !important;               /* Rimuove i bordi interni verticali */
		text-align: center !important;
		font-size: 14px !important;
		font-weight: 700 !important;
		color: #000000 !important;
		height: 32px !important;               /* Altezza interna bilanciata */
		padding: 0 !important;
		box-shadow: none !important;           /* Rimuove l'alone blu al click */
	}

	/* Nasconde le freccette standard del browser per gli input numerici */
	.form-group input.quantity::-webkit-outer-spin-button,
	.form-group input.quantity::-webkit-inner-spin-button {
		-webkit-appearance: none;
		margin: 0;
	}
	
	.form-group input.quantity[type=number] {
		-moz-appearance: textfield;
	}
	
	.btn-cart{font-size:16px !important;}
	
	.titlecocumentation{font-size:26px !important; font-weight:600px;}
	.subtitlecocumentation{font-size:16px !important; font-weight:600px;}
	
	.pagination {
		display: flex;
		gap: 8px; /* Spazio tra i cerchi */
		padding-left: 0;
		list-style: none;
	}

	/* Stile base per tutti i cerchi della paginazione */
	.pagination .page-item .page-link,
	.pagination .page-item span {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 36px;
		height: 36px;
		padding: 0;
		font-size: 14px;
		font-weight: 500;
		color: #000;
		background-color: var(--button-grigio); /* Grigio chiaro della foto */
		border: none;
		border-radius: 50%; /* Rende l'elemento un cerchio perfetto */
		text-decoration: none;
		transition: background-color 0.2s ease, color 0.2s ease;
		cursor: pointer;
	}

	/* Effetto Hover sui tasti cliccabili */
	.pagination .page-item a.page-link:hover {
		background-color: var(--button-primary);
		color: #fff;
	}

	/* Stato Attivo (Pagina Corrente - Cerchio Verde) */
	.pagination .page-item.active .page-link,
	.pagination .page-item.active span {
		background-color: var(--button-primary)!important; /* Il verde Fimar/Lilly della foto */
		color: #ffffff !important;
		font-weight: bold;
	}

	/* Rimuove l'effetto focus bluastro di Bootstrap al click */
	.pagination .page-link:focus {
		box-shadow: none;
		background-color: #e6e6e6;
	}
	.pagination .page-item.active .page-link:focus {
		box-shadow: none;
		background-color: #8cc63f;
	}
	
	
	/*REGISTRAZIONE*/
	.card-registration {
		background-color: rgba(255, 255, 255, 0.95);
		border-radius: 30px;
		padding: 40px;
		margin-bottom: 20px;
		border: none;
	}
	
	.logo-registration-header {
		width: 65% !important;
	}
	
	.section-divider-register {
		border-top: 1px solid #C0C0C0;
		margin: 25px 0;
	}
	
	@media (max-width: 991.98px) {
		  .logo-registration-header {
			width: 90% !important;
		}
	}
	
	@media (max-width: 767.98px) {
		  .logo-registration-header {
			width: 50% !important;
		}
	}
	
	
	.thumbnails {overflow: auto;clear: both;list-style: none;padding: 0;margin: 0;}
	.thumbnails > li {margin-left: 10px;}
	.thumbnails {margin-left: -20px;}
	.thumbnails > img {width: 100%;}
	.image-additional a {margin-bottom: 20px;padding: 5px;display: block;border: 1px solid #ddd;}
	.image-additional {	max-width: 84px;}
	.thumbnails .image-additional {float:left;/*margin-left: 10px;*/}
	.thumbnails .bigimage {float: left;/*margin-left: 10px;*/}
	
	.documentation-accordion.accordion-flush {
		padding: 0px !important;
	}

    .documentation-accordion .accordion-item {
		background-color: #e4e4e4 !important; 
		border-radius: 30px !important;       
		padding: 20px 15px 5px 15px !important;
		border: none;
		margin-bottom:10px;
	}
	
	.documentation-accordion .accordion-item .accordion-header h4 {
		font-size: 20px;
		text-transform: uppercase;
	}
	
	.documentation-accordion .accordion-body {
		padding:0px !important;
	}
	
	.documentation-accordion .linkdoc{
		width: 100% !important;
		 
		background-color: #ffffff !important;
		border-radius: 20px !important; /* Arrotondamento a pillola */
		padding: 5px 15px !important;*/
		display: flex !important;
		justify-content: space-between !important;
		/*align-items: center !important;*/
		box-sizing: border-box;
		overflow: hidden;
		font-size: 13px;
	}
	
	.documentation-accordion .linkdoc.row{margin:0px; margin-bottom: 15px;}

	.documentation-accordion .linkdoc .btn {
		background-color:#ffffff !important;
		font-size: 13px;
		text-transform: uppercase;
		font-weight: 700;
		color: var(--testo-colorato);
		text-decoration: underline;
	}

	.documentation-accordion .accordion-header {
		background: transparent !important;
	}
	


	.documentation-accordion .accordion-button {
		background-color: transparent !important;
		color: #000000 !important;
		box-shadow: none !important;
		font-size: 20px;
		text-transform: uppercase;
		font-weight:700;
	
		/*padding: 0 !important; 
		display: flex !important;
		flex-direction: column !important; 
		align-items: flex-start !important;
		width: 100% !important;*/
	}

	.accordion  {
		--bs-accordion-btn-padding-y: 0px !important;
		--bs-accordion-btn-padding-x: 0px !important;
	}
	
	/* --------------------------------------------------------------------------
   LA REGOLA CHIAVE:
   Quando il bottone dell'header NON ha la classe .collapsed (quindi è APERTO),
   seleziona la riga #linkdocecommerce che si trova nel suo stesso livello e azzerala.
   -------------------------------------------------------------------------- */
	.accordion-header:has(.accordion-button:not(.collapsed)) + #linkdocecommerce {
		opacity: 0 !important;
		max-height: 0 !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		pointer-events: none; /* Disattiva i click durante la transizione */
	}

	/* Spazio per staccare il contenuto dei prodotti quando l'accordion è aperto */
	#collapseEcommerce .accordion-body {
		padding: 15px 0 0 0 !important;
	}
	
	.rowarticleshop{
		width: 100% !important;
		 
		background-color: #ffffff !important;
		border-radius: 20px !important; /* Arrotondamento a pillola */
		padding: 5px 5px !important;*/
		display: flex !important;
		justify-content: space-between !important;
	
		box-sizing: border-box;
		overflow: hidden;
	}
	
	.rowarticleshop.row{margin:0px; margin-bottom: 15px;}
	
	.rowarticleshop h5{font-size:18px; font-weight:700;}
	.rowarticleshop h6{font-size:15px; font-weight:500; padding-bottom:10px; border-bottom: 2px solid #e4e4e4}
	.rowarticleshop .img-thumbnail{border:0px;}
	.rowarticleshop .celDatoTec{font-size:14px; font-weight:700;}
	.rowarticleshop .celCaraTec{font-size:14px; font-weight:700;}
	
	.btn-scheda {color:#6f9c33; font-weight:500; background-color:#fff; line-height: 1.2;}

	
	
	.btn-disponibile{color: #0c822e; text-transform: uppercase; font-weight:600; }
	.btn-non-disponibile{color: #fbcf39; text-transform: uppercase; font-weight:600; }
	
	.addcode, .addconfronto, .addcodepreferiti{font-weight:700;}
	.addcode span, addcodepreferiti span {font-weight:400;}
	.addqnt{font-weight:700;}
	
	.contentconfrontoarticoli {
		background-color: #e4e4e4 !important; 
		border-radius: 30px !important;       
		padding: 20px 15px 5px 15px !important;
		border: none;
		margin-bottom:10px;	
	}
	
	.confronto-badges-wrapper {
			display: flex;
			flex-wrap: wrap;   /* Permette di andare a capo su mobile */
			gap: 12px;         /* Spazio uniforme tra un badge e l'altro */
			margin-bottom: 15px;
		}
		.confronto-badges-wrapper .btn-badge-clear {
			display: inline-flex;
			align-items: center;
			background-color: #ffffff;
			border: none;
			border-radius: 50px;
			padding: 5px 6px 5px 16px;
			cursor: pointer;
			transition: background-color 0.2s ease;
			flex: 0 1 auto; /* Impedisce ai badge di allargarsi forzatamente */
		}

		.confronto-badges-wrapper .btn-badge-clear:hover {
			background-color: #f8f9fa;
		}

		.confronto-badges-wrapper .btn-badge-clear .badge-text {
			font-size: 13px;
			font-weight: 700;
			color: #333333;
			margin-right: 12px;
		}

		.confronto-badges-wrapper .btn-badge-clear .badge-icon-x {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 22px;
			height: 22px;
			background-color: #cccccc;
			color: #333333;
			border-radius: 50%;
			transition: background-color 0.2s;
		}

		.confronto-badges-wrapper .btn-badge-clear .badge-icon-x i {
			font-size: 18px;
			line-height: 1;
		}

		.confronto-badges-wrapper .btn-badge-clear:hover .badge-icon-x {
			background-color: #b3b3b3;
		}
		
	.box-articoli-obbligatori{
		/*border-color: var(--button-primary);*/
		border-radius: 30px !important;
		border: 2px solid var(--button-primary);
	}
	.box-articoli-obbligatori .card-header{background-color: none;}
	.box-articoli-obbligatori h6{font-size:15px; font-weight:500; padding-bottom:0px; border-bottom:0}
	.box-articoli-obbligatori .card-text{line-height: 1.2; border-bottom: 2px solid #e4e4e4;}
		
	
	.banner-optional {
		background-color: #ffffff;
		border: 2px solid #007a43; 
		border-radius: 30px; 
		padding: 18px 35px;
		margin: 20px 0;
		width: 100%;
	}

	/* Titolo principale in verde */
	.banner-optional .optional-title {
		color: #007a43;
		font-size: 20px;
		font-weight: 700;
		margin: 0 0 4px 0; 
		
	}

	/* Sottotitolo descrittivo in nero/antracite */
	.banner-optional .optional-subtitle {
		color: #1a1a1a;
		font-size: 14px;
		font-weight: 500;
		margin: 0;
	}
	


.custom-filter-container .filter-box-card {
    /*background-color: #dbdbdb !important;*/ /* Grigio coordinato al guscio accordion */
    border-radius: 24px !important;       
    padding: 20px !important;
    box-sizing: border-box;
    margin-bottom: 20px;
	border:10px solid #e4e4e4 !important;
}

.custom-filter-container .filter-main-title {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.custom-filter-container .filter-title {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: #444444;
    margin-bottom: 8px;
}

.custom-filter-container .form-check-label {
    font-size: 13px;
    font-weight: 500;
    color: #333333;
    cursor: pointer;
}

.custom-filter-container .form-check-input:checked {
    background-color: #8cc63f !important; /* Verde brand */
    border-color: #8cc63f !important;
}

.custom-filter-container .btn-filter-submit {
    background-color: #8cc63f !important;
    color: #ffffff !important;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 20px;
    border: none;
    padding: 8px;
    font-size: 12px;
    transition: background-color 0.2s;
}

.custom-filter-container .btn-filter-submit:hover {
    background-color: #76ab32 !important;
}

			
@media (max-width: 768px) {
/* Contenitore principale del menu */
.dropdown-menu.searchautocomplete {
    width: 100% !important;
    max-width: 100vw !important;
    z-index: 1050 !important;
    max-height: 280px; /* Limita l'altezza verticale e abilita lo scroll Y se ci sono molte voci */
    overflow-y: auto;
    overflow-x: auto; /* Abilita la barra di scorrimento orizzontale */
	top:100px !important;
}

/* Forza la singola riga e gestisce lo scroll sui singoli elementi */
.dropdown-menu.searchautocomplete .dropdown-item {
    white-space: nowrap !important; /* Impedisce al testo di andare a capo */
    width: max-content; /* Permette alla riga di espandersi oltre la larghezza dell'input */
    min-width: 100%;
    padding: 0.5rem 0.75rem;
}
			
}

	
.dropdown-cart-scrollable {
    max-height: 320px;       /* Altezza massima del box (circa 3/4 prodotti visibili contemporaneamente) */
    overflow-y: auto;        /* Attiva la barra di scorrimento verticale SOLO se serve */
    overflow-x: hidden;      /* Evita fastidiosi scorrimenti orrizzontali */
    padding-right: 4px;      /* Piccolo spazio a destra per non far attaccare il testo alla scrollbar */
	width: 360px !important;      /* Imposta la larghezza fissa del dropdown */
    max-width: 360px !important;
}

.dropdown-cart-scrollable .addcode {
    max-width: 260px !important;  /* Lascia circa 100px liberi sulla destra per la quantità */
    word-wrap: break-word !important; /* Spezza le parole se troppo lunghe (es. sigle senza spazi) */
}

.dropdown-cart-scrollable .addcode .text-muted {
    display: block !important;    /* Costringe la descrizione a comportarsi come blocco */
    white-space: normal !important; /* Sovrascrive eventuali no-wrap ereditati da Bootstrap */
    line-height: 1.3 !important;
}

.dropdown-cart-scrollable .addqnt {
    flex-shrink: 0 !important;    /* Impedisce al testo di sinistra di stringere la "x 1" */
    white-space: nowrap !important;
}


.content-cart{ 
	/*background-color: #e3e3e3 !important;*/ margin-top:20px;
}

.cart-header-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
    padding: 0 10px;
}

.cart-header-top .header-left,
.cart-header-top .header-right {
    flex: 1; /* Distribuzione bilanciata degli spazi laterali */
	padding-right: 30px;
}

.cart-header-top .header-center {
    flex: 0 0 auto; /* Il titolo prende solo lo spazio necessario al centro */
}

.content-condizioni{
	background-color: #fff !important;
	/*border-bottom: 2px solid #d6d6d6;*/
	padding:30px;
}



.carrello-container-table {
    overflow-x: auto; /* Se lo schermo è troppo stretto, crea uno scrollbar pulito senza rompere i bordi */
    -webkit-overflow-scrolling: touch; /* Rende lo scorrimento fluido su smartphone (iOS/Android) */
    /*padding-bottom: 15px;*/ /* Evita che la scrollbar si attacchi alle card */
}

/* Tabella customizata */
.table-cart-custom {
    border-collapse: separate !important;
    border-spacing: 0 15px !important; /* Crea lo spazio verticale tra una riga (card) e l'altra */
    /*margin-top: -20px;*/
	width: 100% !important;
    min-width: 850px;
	margin-bottom: 0px;
}


/* Trasformazione della riga TR in una Card Bianca */
.table-cart-custom tbody tr.cart-row-card td {
    background-color: #ffffff !important;
    border-top: 2px solid #e4e4e4 !important;
    border-bottom: 2px solid #e4e4e4 !important;
    border-left: none !important;
    border-right: none !important;
    padding: 10px;
}

/* Arrotondamento degli angoli solo sui bordi esterni delle celle laterali */
.table-cart-custom tbody tr.cart-row-card td:first-child {
    border-left: 2px solid #e4e4e4 !important;
    border-top-left-radius: 24px !important;
    border-bottom-left-radius: 24px !important;
    padding-left: 24px;
}
.table-cart-custom tbody tr.cart-row-card td:last-child {
    border-right: 2px solid #e4e4e4 !important;
    border-top-right-radius: 24px !important;
    border-bottom-right-radius: 24px !important;
    /*padding-right: 24px;*/
	white-space: nowrap;
}




/* Pulsante Rimuovi a Pillola Grigia */
.table-cart-custom .btn-remove-item {
    background-color: #e9ecef;
    border: none;
    border-radius: 50px;
    padding: 6px 14px;
    font-size: 10px;
    font-weight: 700;
    color: #666666;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}


.table-cart-custom .btn-remove-item:hover {
    background-color: #dee2e6;
    color: #333333;
}






/* Stili dei Testi (Dettagli Prodotto) */
.table-cart-custom .prod-code {
    font-weight: 700;
    font-size: 18px;
    color: #000000;
    margin: 0 0 6px 0;
}
.table-cart-custom .prod-desc {
    font-size: 14px;
    color: #777777;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 0 10px 0;
	
	
	max-width: 300px !important;
    width: 300px !important; /* Forza la larghezza a 300px */
    white-space: normal !important; /* Costringe il testo ad andare a capo */
    word-wrap: break-word !important; /* Rompe le parole troppo lunghe se necessario */
	
	
	
}
.table-cart-custom .prod-notes {
    font-size: 14px;
    color: #777777;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
}

.table-cart-custom .thcart {
    font-size: 14px;
    color: #000000;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}

/* Valori Prezzo e Importi */
.table-cart-custom .price-value {
    font-size: 18px;
    font-weight: 700;
    color: #000000;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
}

.table-cart-custom .discount-value {
    font-size: 18px;
    color: #555555;
    font-weight: 600;
}

.table-cart-custom .generic-value {
    font-size: 18px;
    font-weight: 500;
    color: #000000;
    height: 32px;
    margin-bottom: 12px;
}


/* Controllo Quantità a Pillola */
.table-cart-custom .qty-input-wrapper {
    display: inline-flex;
    align-items: center;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 50px;
    padding: 2px 4px 2px 22px;
    height: 32px;
    margin-bottom: 20px;
}
.table-cart-custom .qty-field {
    width: 55px;
    border: none;
    background: transparent;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    color: #000000;
    outline: none;
}
.table-cart-custom .btn-refresh-qty {
    background-color: #008244;
    color: #ffffff;
    border: none;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}


.table-cart-custom .total-value {
    font-size: 22px;
    font-weight: 700;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.notacondizione {
    font-size: 14px;
    color: #777777;
    font-weight: 500;

}

/* Box Totale Imponibile in Basso */
.cart-total-summary {
    background-color: #ffffff;
    border-radius: 24px;
	border: 2px solid #e4e4e4 !important;
    padding: 18px 35px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 450px;
    margin-left: auto;
    margin-top: 0px;
}
.summary-label {
    font-size: 20px;
    font-weight: 700;
    color: #000000;
}
.summary-value {
    font-size: 22px;
    font-weight: 700;
    color: #000000;
}

.content-checkout{ 
	margin-top:20px;
}

.message-page {
	background-color: #ffffff;
    border-radius: 24px;
    border: 1px solid #e4e4e4 !important;
    padding: 35px 35px;
    max-width: 500px;
}

.bg-brand {background-color:#cee7ad; color: #000}
.table-search-list thead tr td {background-color: #cee7ad !important; color: #444;}

.account-sidebar-card {
    background-color: #e6e6e6; /* Grigio chiaro dello sfondo */
    border-radius: 28px !important; /* Angoli molto arrotondati come da immagine */
    max-width: 380px; /* Larghezza massima consigliata */
}

.account-sidebar-card .list-menu {
	border-radius: 15px !important; /* Angoli molto arrotondati come da immagine */
}



.address-card {
    background-color: #ffffff;
    border: 2px solid #e4e4e4;
    border-radius: 24px; /* Angoli molto arrotondati come nell'immagine */
}



.ordersend{color:#000000; font-weight:700;}
.ordershipped{color:var(--button-primary-dark); font-weight:700;}
.orderreceived{color:#000000; font-weight:700;}
.orderprocessing{color:#000000; font-weight:700;}

.ordercanceled{color:#d60202; font-weight:700;}

.box_row_adrress{border: 2px solid #e4e4e4;border-radius: 24px !important;}

.border-selected{border-color: var(--button-primary) !important;}

.bloctav-thumb{border: 1px solid #e4e4e4;border-radius: 24px !important; margin: 10px;}
.bloctav-thumb h4 {font-weight: 500; font-size: 14px; line-height: 15px;}
.bloctav-thumb .caption {padding: 10px;min-height: 60px;}


.col-min-200 {
    min-width: 200px;
}

.col-min-300 {
    min-width: 300px;
}

.col-min-150 {
    min-width: 150px;
}