/*

Theme Name: Il Mio Tema WordPress
Theme URI:
Author: Vincenzo Casolino
Author URI:
Description: Un tema WordPress base per iniziare lo sviluppo.
Version: 1.0
License: GNU General Public License v2 or later
License URI:
Text Domain:

*/


/*inizio usato per il form di spedizione*/
.woocommerce form .form-row .input-text,
.woocommerce form .form-row select,
.woocommerce form .form-row textarea {
    
    /* 1. Altezza Fissa */
    /* Definisci qui l'altezza desiderata per tutti i campi. */
    height: 50px !important; 
    
    /* 3. Assicura un Box Sizing Consistente */
    box-sizing: border-box !important; 
    
    /* 4. Resetta le altezze predefinite delle Textarea */
    /* Questo assicura che anche le textarea abbiano altezza fissa */
    min-height: 50px !important; 
    max-height: 50px !important; 
}

/* Caso speciale: Select2 (se usato per i menu a discesa avanzati) */
/* Questa regola copre i menu a discesa di spedizione e pagamento se usano Select2. */
.woocommerce .select2-container .select2-selection--single {
    height: 50px !important; /* Deve corrispondere all'altezza degli input */
}

/* E la casella di visualizzazione del testo all'interno di Select2 */
.woocommerce .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 48px !important; /* Adatta l'altezza della linea per centrare il testo */
	text-align: left!important;
	padding: 0 7px 0 7px !important;
}
/*fine usato per il form di spedizione*/



/*nasconde pulsante "aggiorna carrello"*/
.woocommerce-cart-form button[name="update_cart"] {
    display: none;
}


/*nascondi sidebar*/
#sidebar {
	display: none!important;
}


body {


			/* Full height */
			/*height: 100vh;*/


			/*direttive ufficiali*/
			color: #1a1a1a;
			background-color: #ffffff;
			font-size: 18px !important;
			/*font-family: "Mouse Memoirs", sans-serif;*/
			font-family: "Poppins", sans-serif !important;
			font-weight: 400 !important;
			font-style: normal !important;


			overflow-x: hidden;

		}

		body, html {
			margin: 0 !important;
			padding: 0 !important;
			/*height: 100vh;*/ /*commentato per pag accedi e per pag registrati*/
		}


		.custom-logo {
			height: auto;
		}


		a {
		  text-decoration: none !important;
		  color: black !important;
		}


		.linktopbar {
			color: #6c757d !important;
		}

		/*ex pe-0*/
		.menu-item-11333 {
		  padding-right: 0 !important;
		}



.cornetta-and-co {
	width: 28px;
}

.small {
	font-size: 14px !important;
}

#ricerca {
	background-color: #faf9f8;
}


#carouselExampleIndicators {
		padding: 50px;
}





.noacapo {
    white-space: nowrap;
}


/*******************22-3-25 categorie prodotti**************************/
.same-height {
	display: flex; /* Abilita Flexbox */
}
.col-content {
	height: 100%; /* Rende ogni colonna uguale in altezza */
}



.overlap {
	position: relative;
	top: -20px; /* Adatta per la sovrapposizione */
}

.align-to-bottom {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	height: 350px; /* Altezza personalizzata per dimostrare l'allineamento */
	/*border: 1px solid #ccc;
	padding: 10px;*/
}

.sfondo-scatole {
	background: url("../../uploads/ufficiale/sfondo-cibo-e-snacks.svg") left top no-repeat;
	background-size: 100%;
}

.sfondo-cuccia {
	background: url("../../uploads/ufficiale/sfondo-cuccia.svg") left top no-repeat;
	background-size: 100%;
}

.sfondo-tiragraffi {
	background: url("../../uploads/ufficiale/sfondo-tiragraffi.svg") left top no-repeat;
	background-size: 100%;
}
/*******************22-3-25 categorie prodotti**************************/


.carousel .carousel-indicators button {
   width: 10px;
   height: 10px;
   border-radius: 100%;
 }

 .carousel .carousel-indicators .active {
	 background-color: #f87537!important;
 }

 .image-bottom {

    align-items: flex-end;
    display: flex;
 }

 .nostre-categorie {
	 background-color: #faede5;
	 padding: 25px 10px 25px 10px;
	 color: #862b00;
 }


 .margine-bottoni {
 	margin-top: 90px !important;
 }



 /***********************28-03-25 inizio pagina shop********************************/
/* Stili opzionali per visualizzare meglio le colonne */
        .sidebar-col {
            background-color: #ffffff;
            /*border-right: 1px solid #dee2e6;*/
            /*padding: 25px !important;*/
						/*sticky*/
						/*width: 250px;*/ /* Imposta una larghezza per la sidebar */
				    /* Altri stili per la tua sidebar */
				    position: sticky;
				    top: 60px; /* Distanza dalla parte superiore della finestra quando diventa sticky */
				    height: fit-content; /* Fa in modo che l'altezza non superi il contenuto */
        }
        .content-col {
            padding: 15px;
        }

		.spazi-riga-sidebar {
			margin-top: 20px;
		}

		.frecce {
			width: 22px;
			height: auto;
			padding-left: 5px;
			padding-right: 5px;
		}

		.color-arancio {
			color: #fa9827;
		}


		.filtro-numero-stelle {
			background-color: #faf9f8;
			border-radius: 50px;
			padding: 1px 8px 1px 8px;
		}


		/*inizio archive-product.php woocommerce*/
		.star-rating-filter-container {
		    display: flex;
		    align-items: center; /* Allinea gli elementi verticalmente al centro */
		    justify-content: space-between; /* Spinge gli elementi ai lati opposti */
		    width: 100%; /* Assicura che il contenitore occupi tutta la larghezza */
		}

		.star-container {
		    display: flex;
		    align-items: center;
		}

		.star-link {
		    display: inline-block;
		    padding: 0;
		    margin: 0;
		}

		.star-icon {
		    width: 20px;
		    height: 20px;
		    margin-right: 2px;
		    filter: grayscale(100%); /* Le stelle sono grigie di default */
		    transition: filter 0.3s ease;
		}

		.star-link.active .star-icon,
		.star-link:hover .star-icon {
		    filter: grayscale(0%); /* Le stelle diventano colorate all'hover o quando sono attive */
		}
		/*fine archive-product.php woocommerce*/


		/*inizio content-product.php woocommerce*/
		.price .amount {
		    color: #000000!important; /* Sostituisci con il colore che desideri */
				font-size: 27.5px !important;
				word-wrap: break-word;
		}
		/*fine content-product.php woocommerce*/

		/*inizio archive-product.php woocommerce*/
		.woocommerce-ordering .orderby {
		    border: none; /* Elimina il bordo */
		    outline: none; /* Rimuove il contorno blu/giallo che appare al click */
		    box-shadow: none; /* Rimuove eventuali ombre */
		}
		/*fine archive-product.php woocommerce*/




.scheda-prodotto {
	box-shadow: inset 0 0 0 1px #faf9f8;
	border-radius: 10px;
	margin-bottom: 40px;
	display: flex;
	flex-direction: column;
	height: 100%;
}

/* Box immagine standard per tutte le card prodotto (shop, correlati, ecc.) */
.product-card-image {
	width: 100%;
	height: 220px; /* ripristinata per dare spazio all'intera immagine */
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	padding: 14px;
}

.product-card-image a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.product-card-image img,
.product-card-image .product-card-img {
	max-width: 100% !important;
	max-height: 100% !important;
	width: auto !important;
	height: auto !important;
	display: block;
	margin: 0 auto;
	object-fit: contain !important; /* assicura che l'immagine stia tutta nel box, senza tagli */
}

/* Riduci le immagini delle card nei prodotti correlati della pagina prodotto singolo */
.page-template-pageprodottosingoloprodottoframe-php .scheda-prodotto .product-card-image,
.page-template-pageprodottosingoloannuncioframe-php .scheda-prodotto .product-card-image {
	height: 180px;
	padding: 12px;
}

.page-template-pageprodottosingoloprodottoframe-php .scheda-prodotto .product-card-img,
.page-template-pageprodottosingoloannuncioframe-php .scheda-prodotto .product-card-img {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain !important;
}

/* Shop / archivio prodotti: immagini card più piccole per farle vedere per intero */
body.post-type-archive-product .product-card-image,
body.tax-product_cat .product-card-image {
	height: 220px;
	padding: 14px;
}

body.post-type-archive-product .product-card-img,
body.tax-product_cat .product-card-img {
	object-fit: contain !important;
}



		.category-item {
            display: flex!important;
            align-items: center!important;
            margin-bottom: 0.75rem !important;
        }


        /* Placeholder for actual images - replace with your image paths or icon implementations */
        .category-icon-placeholder {
            /*width: 24px;
            height: 24px;
            border-radius: 50%;*/
            display: inline-block;
            margin-right: 0.5rem;
            /*background-size: cover;
            background-position: center;*/
        }


        .category-count {
            margin-left: auto;
            color: #fa9827;
            font-size: 0.9rem;
        }

				.form-check-input {
					border: 1px solid grey !important;
					/*margin-top: 1px;*/ /* Regolazione per allineare meglio la checkbox */
				}


				hr {
					margin-top: 40px!important;
					margin-bottom: 40px!important;
				}


				/* Stile per il contenitore della barra (il "binario") */
.noUi-target {
  background: #e0e0e0 !important; /* Esempio: un grigio chiaro come sfondo */
  border: 0px solid #bdbdbd !important; /* Esempio: un bordo sottile grigio */
  border-radius: 5px !important; /* Opzionale: per angoli arrotondati */
  height: 5px !important; /* Imposta l'altezza desiderata della barra */
}

/* Stile per la barra di connessione (la parte tra gli handle) */
.noUi-connect {
  background: #fd7e14 !important; /* Esempio: un blu primario come colore di connessione */
  border: none !important; /* Rimuovi il bordo predefinito della connessione */
  border-radius: 5px !important; /* Opzionale: per angoli arrotondati (uguali al target per continuità) */
}

/* Stile per gli handle (i cursori laterali) - questo è un esempio base */
.noUi-handle {
  background: #fd7e14 !important; /* Sfondo bianco per l'handle */
  border: 0px solid #ccc !important; /* Bordo grigio per l'handle */
  border-radius: 50% !important; /* Per renderli rotondi */
  width: 20px !important; /* Larghezza dell'handle */
  height: 20px !important; /* Altezza dell'handle */
  top: -8px !important; /* Posiziona l'handle in modo che sia centrato sulla barra */
  /* Altri stili come ombra, ecc. */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
}

/* Rimuovi l'ombra predefinita al focus (opzionale) */
.noUi-handle:focus {
  outline: none !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important; /* Mantieni o personalizza l'ombra al focus */
}

/* Stile per l'handle quando è attivo (trascinato) - opzionale */
.noUi-handle:active {
  background: #f8f9fa !important; /* Un grigio molto chiaro all'attivazione */
  border-color: #6c757d !important; /* Bordo leggermente più scuro all'attivazione */
}


.noUi-target .noUi-handle:before,
.noUi-target .noUi-handle:after {
  display: none;
}






				.form-check-label {
					color: #888383;
				}


		/*inizio funzione switch*/
		/*.sezione-variabile {
            margin-top: 20px;
            padding: 20px;
            border: 1px solid #ccc;
            border-radius: 5px;
        }*/

				.opzione-contenuto-a,
        .opzione-contenuto-b {
            display: none; /* Nascondi tutti i contenuti inizialmente */
        }

        .opzione-contenuto-a.active {
						display: block;
				}

        .opzione-contenuto-b.active {
            display: inline-block; /* Mostra il contenuto attivo */
        }
		/*fine funzione switch*/


		/*inizio stile switch*/
		label img {
			cursor: pointer;
		}

		.elementi-in-linea {
			display: inline-block;
		}

		/* Cambia i colori predefiniti */
	.btn-outline-secondary {
	  background-color: #faf9f8;/*#faf9f8*/ /* Sostituisci con il tuo colore del testo predefinito */
	  border: 0; /* Sostituisci con il tuo colore del bordo predefinito */
		height: 32px !important;
	}

	/* Cambia i colori al passaggio del mouse (hover) */
	.btn-outline-secondary:hover {
	  /*color: #your-hover-text-color;*/ /* Sostituisci con il tuo colore del testo al hover */
	  background-color: #faf9f8 !important; /* Sostituisci con il tuo colore di sfondo al hover */
	  /*border-color: #your-hover-border-color;*/ /* Sostituisci con il tuo colore del bordo al hover */
	}



	/*personalizzazioni pulsante attivo*/
	.btn-group > input:checked + label.btn-outline-secondary,
	.btn-group > .btn-check:checked + .btn-outline-secondary {
	  background-color: #faf9f8 !important; /* Cambia questo con il colore attivo desiderato */
	  color: white !important; /* Cambia questo con il colore del testo attivo desiderato */
	  border-color: blue !important; /* Cambia questo con il colore del bordo attivo desiderato */
	}

	/* Stile opzionale per il focus sullo stato attivo */
	.btn-group > input:checked + label.btn-outline-secondary:focus,
	.btn-group > .btn-check:checked + .btn-outline-secondary:focus,
	.btn-group > input:checked + label.btn-outline-secondary.focus,
	.btn-group > .btn-check:checked + .btn-outline-secondary.focus {
	  box-shadow: 0 0 0 0.25rem rgba(0, 0, 255, 0.5) !important; /* Cambia il colore dell'ombra del focus attivo */
	}


		/* Nascondi l'immagine predefinita quando il bottone è attivo */
	.btn-group > input:checked + label.btn-outline-secondary img {
	  opacity: 0;
	  /*transition: opacity 0.2s ease-in-out;*/
	}

	/* Stile specifico per il primo bottone attivo */
.btn-group > input#option1-desktop:checked + label[for="option1-desktop"],
.btn-group > input#option1-mobile:checked + label[for="option1-mobile"] {
  background-image: url('../../uploads/ufficiale/filtro-risultati-attivo.svg'); /* Sostituisci con l'icona bianca dell'utente */
  background-repeat: no-repeat;
  background-position: 3px center;
	/*background-position: center;*/
  /*background-size: auto 85%;*/
}

/* Stile specifico per il secondo bottone attivo */
.btn-group > input#option2-desktop:checked + label[for="option2-desktop"],
.btn-group > input#option2-mobile:checked + label[for="option2-mobile"] {
  background-image: url('../../uploads/ufficiale/filtro-risultati-attivo-borsa-spesa.svg'); /* Sostituisci con l'icona bianca della borsa */
  background-repeat: no-repeat;
  background-position: center;
  /*background-size: auto 85%;*/
}

/* Stile specifico per il terzo bottone attivo */
.btn-group > input#option3-desktop:checked + label[for="option3-desktop"],
.btn-group > input#option3-mobile:checked + label[for="option3-mobile"] {
  background-image: url('../../uploads/ufficiale/filtro-risultati-attivo-negozio.svg'); /* Sostituisci con l'icona bianca del negozio */
  background-repeat: no-repeat;
	background-position: 0px center;
	/*background-position: center;*/
  /*background-size: auto 85%;*/
}

		/*fine stile switch*/






/***********************28-03-25 fine pagina shop********************************/




/*************************16-04-25 inizio popup carrello*************************/
.contenuto-modale {
	background: url("../../uploads/ufficiale/background-menu-btn-2-1-grigio.svg") right top repeat;
	background-size: 100% auto;
	background-color: white !important;
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between; /* Spazio tra titolo e pulsante di chiusura */
  padding: 23px 30px !important;
  border-bottom: 0px solid #dee2e6 !important;
  border-top-left-radius: 0.3rem; /* Arrotondamento angolo superiore sinistro */
  border-top-right-radius: 0.3rem; /* Arrotondamento angolo superiore destro */
}

.modal-body {
  position: relative;
  padding: 0px !important;
  flex-grow: 1; /* Permette al body di espandersi */
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  /*justify-content: flex-end;*/ /* Allinea i bottoni a destra */
  padding: 12px 28px !important;
  /*background-color: #f8f9fa;*/
  border-top: 0px solid #dee2e6 !important;
  border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 600px !important; /* Larghezza massima predefinita per schermi medi e superiori */
    margin: 1.75rem auto; /* Margini superiore/inferiore e centraggio orizzontale */
  }
}

.cart-item {
		display: flex;
		align-items: center;
		padding: 30px 30px !important;
}

.cart-item:last-child {
		border-bottom: none;
}

.bordo-centrato {
  /* Assicurati che l'elemento genitore abbia position: relative; se vuoi posizionare
     il bordo in modo assoluto rispetto ad esso. Altrimenti, il posizionamento
     sarà rispetto al viewport o all'antenato posizionato più vicino. */
  position: relative;
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.bordo-centrato::after {
  content: "";
  position: absolute;
  left: 50%; /* Inizia il bordo al centro */
  bottom: 0;
  width: 90%;
  height: 0; /* Assicurati che l'altezza sia 0 per visualizzare solo il bordo */
  border-bottom: 2px solid #e8e8e8; /* Imposta il colore e lo spessore del bordo */
  transform: translateX(-50%); /* Centra orizzontalmente il bordo */
}

.item-image {
		display: flex;
		justify-content: center;
		align-items: center;
		/*margin-right: 25px !important;*/
}

.item-details, .item-price, .item-quantity, .item-price-carrello {
		flex-grow: 1;
}

.item-name {
		font-weight: bold;
		/*margin-bottom: 3px !important;*/
}

.item-delivery {
		font-size: 0.9em;
		color: #6c757d;
}

.item-quantity {
		display: flex;
		align-items: center;
		justify-content: center; /* Aggiungi questa linea */
		margin-left: auto;
		border: 1px solid #ccc;
		border-radius: 5px;
	/*height: 45px;*/
	background-color: #ffffff;
}

.quantity-button {
		/*border: 1px solid #ccc;*/
		border: none;
		background-color: transparent;
		padding: 5px 8px;
		cursor: pointer;
		font-size: 0.9em;
}

.quantity-input, .quantity-input-mobile, .check-quantity-input-checkout-mobile {
		width: 30px;
		text-align: center;
		margin: 0 5px;
		border: none;
		font-size: 0.9em;
}

.item-price-carrello {
	font-weight: bold;
	text-align: right;
}

.item-price {
	font-weight: bold;
	text-align: right;
	display: flex;
	justify-content: center;
	align-items: center;
}

.summary {
		padding: 20px 30px;
		text-align: right;
}

.summary-row {
		display: flex;


		justify-content: space-between;
		margin-bottom: 8px;
}

.summary-row:last-child {
		font-weight: bold;
		font-size: 1.1em;
}


/*************************16-04-25 fine popup carrello*************************/




/*************************17-04-25 inizio carrello*************************/





.item-quantity-carrello {
		display: flex;
		align-items: center;
		justify-content: center; /* Aggiungi questa linea */
		margin-left: auto;
		border: 1px solid #ccc;
		border-radius: 5px;
}

.input-promo {
	height: 44px;
	border-radius: 4px 0 0 4px !important;
	border: 1px solid #e5e5e5 !important;
	border-right: 0 !important;
	padding: 0 14px !important;
	box-shadow: none !important;
	font-size: 14px !important;
}

.btn-promo {
	background-color: #F87537 !important;
	border: 0 !important;
	color: #ffffff !important;
	font-weight: 600 !important;
	height: 48px;
	min-width: 124px;
	padding: 0 24px !important;
	font-size: 16px !important;
	line-height: 48px !important;
	box-sizing: border-box !important;
	text-transform: none;
	box-shadow: none !important;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0 4px 4px 0 !important;
}

.btn-promo:hover {
	background-color: #F87537;
	color: #ffffff;
}

.margin-promo {
	margin-top: 24px;
}


.sfondo-cane-nero-aggiungi {

			/*padding-top: 50px;*/
			padding-bottom: 50px;


			/*bottom:0;
			left:0;*/

			background: url("../../uploads/ufficiale/impronte-prodotto-bundle.svg");
			background-repeat: no-repeat;
			background-size: 88%;
			/*background-position: 90% -51px;*/
		}


.background-aggiungi {
	padding-top: 50px;
	/*padding-bottom: 10px;*/
	margin-top: 50px;
	margin-bottom: 100px;

	bottom:0;
	left:0;
	width:100%;

	background: url("../../uploads/ufficiale/background-menu-btn-2-1.svg") right top repeat;

	background-size: 50% auto;

	background-color: #faf9f8;

}


.bone-product-wrapper {
    position: relative; /* Fondamentale: imposta il contesto per il posizionamento assoluto */
    padding: 24px; /* più spazio attorno al prodotto per lasciare visibili le icone */
}

/* Assicura che l'immagine prodotto resti sotto le impronte,
   così le icone non risultano coperte dal box bianco */
.bone-product-wrapper > img,
.bone-product-wrapper > a {
    position: relative;
    z-index: 0;
    max-width: 70%; /* riduce ulteriormente l'immagine per non coprire le icone */
    max-height: 80%;
    display: block;
    margin: 0 auto;
}

.bone-product-wrapper .paw-print-sx {
    position: absolute;
    /* Usa percentuali per il posizionamento, si adatteranno con il contenitore */
    top: -15%; /* Regola secondo necessità per la posizione verticale */
    left: -5%;  /* Regola secondo necessità per la posizione orizzontale */
    z-index: 3;
    pointer-events: none;
    /* Assicurati che l'immagine stessa sia reattiva */
    max-width: 30%; /* Esempio: l'impronta occupa il 30% della larghezza del contenitore */
    height: auto;
}

.bone-product-wrapper .paw-print-dx {
    position: absolute;
    /* Usa percentuali per il posizionamento */
    top: 95%; /* Regola secondo necessità */
    left: 85%; /* Regola secondo necessità */
    z-index: 2;
    pointer-events: none;
    /* Assicurati che l'immagine stessa sia reattiva */
    max-width: 30%; /* Esempio: l'impronta occupa il 30% della larghezza del contenitore */
    height: auto;
}

.bone-product-wrapper .paw-print-sx2 {
    position: absolute;
    /* Usa percentuali per il posizionamento, si adatteranno con il contenitore */
    top: -15%; /* Regola secondo necessità per la posizione verticale */
    left: 85%;  /* Regola secondo necessità per la posizione orizzontale */
    z-index: 2;
    pointer-events: none;
    /* Assicurati che l'immagine stessa sia reattiva */
    max-width: 30%; /* Esempio: l'impronta occupa il 30% della larghezza del contenitore */
    height: auto;
}

.bone-product-wrapper .paw-print-dx2 {
    position: absolute;
    /* Usa percentuali per il posizionamento */
    top: 95%; /* Regola secondo necessità */
    left: -5%; /* Regola secondo necessità */
    z-index: 2;
    pointer-events: none;
    /* Assicurati che l'immagine stessa sia reattiva */
    max-width: 30%; /* Esempio: l'impronta occupa il 30% della larghezza del contenitore */
    height: auto;
}


/*************************17-04-25 fine carrello*************************/



/*************************29-04-25 inizio prodotto singolo annuncio frame********************/
.background-bundle {
	padding-top: 50px;
	/*padding-bottom: 10px;*/
	margin-top: 100px!important;
	margin-bottom: 100px!important;

	bottom:0;
	left:0;
	width:100%;

	background: url("../../uploads/ufficiale/background-menu-btn-2-1.svg") right top repeat;

	background-size: 50% auto;

	background-color: #faf9f8;

}

.conteggio-numero {
		display: flex;
		align-items: center;
		justify-content: center; /* Aggiungi questa linea */
		margin-left: auto;
		border: 1px solid #ccc;
		border-radius: 5px;
		height: 40px;
		width: 130px;
		background-color: #ffffff;
}


		.col-md-6-img { /* Assicurati che questo selettore abbia la precedenza o usa un selettore più specifico se necessario */
		  position: relative; /* Rende il div il contenitore di riferimento per il posizionamento assoluto */
		}

		.immagine-sfondo {
		  position: absolute;
		  z-index: -1; /* Mantiene le immagini di sfondo dietro al contenuto */
		}

		.immagine-sfondo-alto {
		  top: -30px;
		  left: 67%;
		  transform: translateX(-50%);
		  max-width: 80%; /* Regola la larghezza dell'immagine superiore se necessario */
		  height: auto;
		}

		.immagine-sfondo-basso-destra {
		  bottom: 130px;
		  right: -55px;
		  max-width: 50%; /* Regola la larghezza dell'immagine inferiore se necessario */
		  height: auto;
		}

		.immagine-sfondo img {
		  display: block; /* Rimuove lo spazio extra sotto le immagini inline */
		  width: 100%; /* L'immagine si adatta alla larghezza del suo contenitore immagine-sfondo */
		  height: auto;
		}

		.sfondo-crocchette-bundle {

			/*padding-top: 50px;*/
			padding-bottom: 50px!important;


			/*bottom:0;
			left:0;*/

			background: url("../../uploads/ufficiale/impronte-prodotto-bundle.svg");
			background-repeat: no-repeat;
			background-size: 430px;
			background-position: 17% -68px;
		}

		/* inizio galleria tablet */		
		/* Stili per la galleria orizzontale */
		.gallery-tablet {
			display: flex;
			align-items: flex-start;
			gap: 1rem;
			overflow-x: auto; /* Abilita lo scorrimento orizzontale */
			padding: 6px 6px 10px; /* spazio per mostrare bordi evidenza */
			-webkit-overflow-scrolling: touch; /* Migliora lo scorrimento su iOS */
			white-space: nowrap; /* Impedisce alle immagini di andare a capo */
		}

		/* Nasconde la barra di scorrimento (per un look più pulito) */
		.gallery-tablet::-webkit-scrollbar {
			display: none;
		}

		.gallery-tablet {
			-ms-overflow-style: none;
			scrollbar-width: none;
		}

		/* Stili per i contenitori delle singole immagini */
		.img-box {
			flex-shrink: 0; /* Impedisce alle immagini di rimpicciolirsi */
			border: 2px solid transparent;
			border-radius: 8px;
			padding: 6px;
			background: #fff;
			box-sizing: border-box;
		}

		/* Stili per le singole immagini */
		.img-uniform {
			height: 182px; /* Dimensione base su desktop */
			width: auto;
			object-fit: contain;
		}    
		/*fine galleria tablet*/

.petbuy-ad-thumbs .img-box.is-active {
	border-color: #f87537;
}

.petbuy-ad-thumbs .img-box:focus {
	outline: 2px solid #f87537;
	outline-offset: 2px;
}

.annuncio-rating-bar {
	position: absolute;
	top: 12px;
	left: 50%;
	transform: translateX(-50%);
	width: 532.61px;
	height: 24px;
	display: flex;
	align-items: center;
	gap: 102px;
	pointer-events: none;
	z-index: 2;
}

.annuncio-rating-bar svg {
	width: 100%;
	height: 100%;
	display: block;
}

/*************** Galleria annuncio (stile simile prodotto singolo) ****************************/
.petbuy-ad-gallery__main {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 280px;
	padding: 48px 24px 24px;
	background: #faf9f8;
	border-radius: 8px;
}

.petbuy-ad-gallery__img {
	max-width: 85%;
	max-height: 220px;
	width: auto;
	height: auto;
	object-fit: contain;
}

@media (max-width: 991px) {
	.petbuy-ad-gallery__main {
		min-height: 200px;
		padding: 36px 16px 16px;
	}

	.petbuy-ad-gallery__img {
		max-width: 90%;
		max-height: 180px;
	}
}

.petbuy-ad-thumb {
	border: none;
	padding: 0;
	background: transparent;
	cursor: pointer;
}

.petbuy-ad-thumb.is-active {
	outline: 2px solid #f87537;
	outline-offset: 3px;
	border-radius: 8px;
}

.petbuy-ad-thumbs .img-uniform {
	height: 140px;
}

@media (max-width: 767px) {
	.petbuy-ad-thumbs .img-uniform {
		height: 110px;
	}
}

/* Wishlist toggle (annuncio) */
/*************************29-04-25 fine prodotto singolo annuncio frame********************/


/***************15-05-25 inizio prodotto singolo prodotto frame****************************/
.check-quantity-input, .check-quantity-input-mobile {
		width: 30px;
		text-align: center;
		margin: 0 5px;
		border: none !important;
		font-size: 0.9em;
}

/*************** immagine prodotto singolo (WooCommerce) ****************************/
/* Contenitore immagine principale */
body.single-product .woocommerce-product-gallery {
	max-width: 100%;
}

/* Immagine principale: stessa dimensione su tutte le schede,
   senza coprire altri elementi della pagina */
body.single-product .woocommerce-product-gallery__image img,
body.single-product .woocommerce-product-gallery__image--placeholder img {
	display: block;
	margin: 0 auto;
	width: auto;
	max-width: 90%;
	height: auto;
	max-height: 320px;
	object-fit: contain;
	object-position: center center;
}

/* Variante mobile che usa il markup personalizzato product-gallery-mobile */
body.single-product .product-gallery-mobile .woocommerce-product-gallery__image img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 240px;
	object-fit: contain;
	object-position: center;
	margin: 0 auto;
}

body.single-product .woocommerce-product-gallery__wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 460px;
}

@media (max-width: 991px) {
	body.single-product .woocommerce-product-gallery__wrapper {
		min-height: 360px;
	}

	body.single-product .woocommerce-product-gallery__image img,
	body.single-product .woocommerce-product-gallery__image--placeholder img {
		max-height: 240px;
	}
}

/* Layout galleria WooCommerce: main e thumbnails contenuti e centrati */
body.single-product .woocommerce-product-gallery {
	max-width: 640px;
	margin: 0 auto;
}

body.single-product .woocommerce-product-gallery__wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 360px;
	padding: 24px;
	background: #faf9f8;
	border-radius: 8px;
}

body.single-product .woocommerce-product-gallery__image {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	min-height: 320px;
}

body.single-product .woocommerce-product-gallery__image img {
	max-height: 320px;
	max-width: 100%;
	object-fit: contain;
}

body.single-product .flex-control-nav,
body.single-product .woocommerce-product-thumbnails {
	display: flex !important;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center;
	margin-top: 12px;
}

body.single-product .flex-control-nav li,
body.single-product .woocommerce-product-thumbnails li {
	width: 90px;
	height: 90px;
	overflow: hidden;
	border-radius: 6px;
	background: #faf9f8;
	display: flex !important;
	align-items: center;
	justify-content: center;
}

body.single-product .flex-control-nav li img,
body.single-product .woocommerce-product-thumbnails li img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
}

/* Descrizione completa giustificata */
body.single-product .description-full {
	text-align: justify;
}

/* Badges sopra l'immagine principale del prodotto */
body.single-product .petbuy-product-hero {
	position: relative;
}

body.single-product .product-hero-meta {
	position: absolute;
	top: 22px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	height: 24px;
	column-gap: 24px;
	width: 532.61px;
	max-width: 92vw;
	z-index: 2;
	pointer-events: none;
	justify-content: space-between;
}

body.single-product .product-hero-rating {
	display: flex;
	align-items: center;
	gap: 11px;
	color: #807a7a;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	font-family: 'Poppins', sans-serif;
	flex-shrink: 0;
	width: 172.61px;
	height: 20px;
}

body.single-product .product-hero-stars {
	display: flex;
	align-items: center;
	gap: 7px;
	width: 125.61px;
	height: 19.51px;
}

body.single-product .product-hero-star {
	width: 19.51px;
	height: 19.51px;
	flex-shrink: 0;
	object-fit: contain;
}

body.single-product .product-hero-rating-value {
	color: #807a7a;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	display: inline-flex;
	align-items: center;
	height: 20px;
}

body.single-product .product-hero-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #807a7a;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.01em;
	font-family: 'Poppins', sans-serif;
	min-width: 132px;
	height: 24px;
	flex-shrink: 0;
}

body.single-product .product-hero-pill--product {
	min-width: 101px;
	height: 24px;
}

body.single-product .product-hero-pills {
	display: flex;
	align-items: center;
	gap: 20px;
	width: 258px;
	height: 24px;
	flex-shrink: 0;
}

body.single-product .product-hero-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #f87537;
	flex-shrink: 0;
}

body.single-product .product-hero-icon--svg {
	background: transparent;
	padding: 0;
}

body.single-product .product-hero-pill--store .product-hero-icon {
	width: 24px;
	height: 24px;
	border-radius: 50%;
}

body.single-product .product-hero-pill--product .product-hero-icon {
	width: 30px;
	height: 21px;
	border-radius: 130.645px;
}

body.single-product .product-hero-pill-label {
	display: inline-block;
	white-space: nowrap;
}

body.single-product .product-hero-icon img {
	width: 16px;
	height: 16px;
	object-fit: contain;
	filter: brightness(0) invert(1);
}

body.single-product .product-hero-favorite {
	pointer-events: auto;
	padding: 0;
	margin: 0;
	border: none;
	background: transparent;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

body.single-product .product-hero-favorite-icon {
	display: block;
	width: 49px;
	height: 49px;
}

/* Toolbar sotto la galleria prodotto */
body.single-product .product-hero-toolbar {
	position: relative;
	z-index: 1;
	max-width: 640px;
	margin: 24px auto 0;
	padding-top: 16px;
	border-top: 1px solid rgba(234, 234, 234, 0.7);
}

body.single-product .product-hero-toolbar-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	column-gap: 24px;
	padding: 10px 18px;
	background-color: #faf9f8;
	border-radius: 8px;
}

body.single-product .product-hero-toolbar-meta {
	display: flex;
	flex-direction: column;
	row-gap: 4px;
	max-width: 60%;
}

body.single-product .product-hero-toolbar-meta-label {
	display: block;
	color: #1a1a1a;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 15px;
	line-height: 22px;
}

body.single-product .product-hero-toolbar-meta-value {
	display: block;
	color: #807a7a;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	font-size: 13px;
	line-height: 19px;
}

body.single-product .product-hero-toolbar-filters {
	display: flex;
	align-items: center;
	column-gap: 10px;
	flex-shrink: 0;
}

body.single-product .product-hero-toolbar-chip {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 7px 16px;
	border-radius: 999px;
	border: 1px solid #eeeeee;
	background-color: #ffffff;
	color: #1a1a1a;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.01em;
	cursor: pointer;
	white-space: nowrap;
}

body.single-product .product-hero-toolbar-chip--faq {
	border-color: #eeeeee;
}

body.single-product .product-hero-toolbar-chip--filters {
	border-style: dashed;
}

body.single-product .product-hero-toolbar-chip--order {
	border-color: #f87537;
	color: #f87537;
	font-weight: 600;
}


/* Correlati: immagini e card uniformi */
body.single-product .related-grid .scheda-prodotto {
	display: flex;
	flex-direction: column;
	height: 100%;
}

body.single-product .related-grid .scheda-prodotto .product-card-img {
	width: 100%;
	height: 170px;
	object-fit: contain;
}

@media (max-width: 991px) {
	body.single-product .related-grid .scheda-prodotto .product-card-img {
		height: 150px;
	}
}

/* Nasconde il badge WooCommerce "In offerta" sulla pagina prodotto */
body.single-product .onsale {
	display: none !important;
}

body.single-product .product-hero-sale-pill {
	position: absolute;
	right: 16px;
	bottom: 6px;
	background: #f87537;
	color: #ffffff;
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	padding: 6px 14px;
	border-radius: 999px;
	z-index: 2;
	white-space: nowrap;
}

@media (max-width: 991px) {
	body.single-product .product-hero-sale-pill {
		right: 12px;
		bottom: 6px;
		font-size: 13px;
		padding: 5px 12px;
	}
}

@media (max-width: 991px) {
	body.single-product .product-hero-meta {
		top: 14px;
		width: 94%;
		column-gap: 12px;
		flex-wrap: wrap;
		justify-content: center;
		row-gap: 10px;
	}

	body.single-product .product-hero-pill {
		font-size: 13px;
	}

	body.single-product .product-hero-star {
		width: 16px;
		height: 16px;
	}

	body.single-product .product-hero-toolbar {
		margin-top: 18px;
		padding-top: 12px;
	}

	body.single-product .product-hero-toolbar-row {
		flex-direction: column;
		align-items: flex-start;
		row-gap: 12px;
		padding: 12px 14px;
	}

	body.single-product .product-hero-toolbar-meta {
		max-width: 100%;
	}

	body.single-product .product-hero-toolbar-filters {
		width: 100%;
		column-gap: 8px;
		overflow-x: auto;
		padding-bottom: 4px;
		scrollbar-width: none;
	}

	body.single-product .product-hero-toolbar-filters::-webkit-scrollbar {
		display: none;
	}

	body.single-product .product-hero-toolbar-chip {
		flex-shrink: 0;
	}
}

body.single-product .petbuy-product-media-shell {
	position: relative;
	margin-bottom: 22px;
	overflow: visible;
	max-width: 100%;
	min-height: 0;
	background: none;
}

body.single-product .petbuy-product-media-shell--mobile {
	margin-bottom: 16px;
}

body.single-product {
	--petbuy-placeholder-bone: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><rect x='70' y='90' width='60' height='20' rx='10' fill='%23cfcfcf'/><circle cx='70' cy='90' r='20' fill='%23cfcfcf'/><circle cx='70' cy='110' r='20' fill='%23cfcfcf'/><circle cx='130' cy='90' r='20' fill='%23cfcfcf'/><circle cx='130' cy='110' r='20' fill='%23cfcfcf'/></svg>");
}

body.single-product .product-media-decor {
	display: none;
}

body.single-product .petbuy-product-hero {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 593px;
	margin: 0 auto;
}

body.single-product .petbuy-product-hero .woocommerce-product-gallery__wrapper {
	min-height: 471px;
	aspect-ratio: 593 / 471;
	padding: 28px;
	background-color: #faf9f8;
	background-image: var(--petbuy-placeholder-bone);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 90px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}

body.single-product .petbuy-product-hero .woocommerce-product-gallery__wrapper.has-image {
	background-image: none;
}

@media (min-width: 992px) {
	body.single-product .petbuy-product-hero {
		position: relative;
		width: 100%;
		height: auto;
		left: auto;
		top: auto;
	}

	body.single-product .petbuy-product-hero .woocommerce-product-gallery__wrapper {
		width: 100%;
		height: auto;
		min-height: 471px;
		aspect-ratio: 593 / 471;
		padding: 28px;
	}
}

body.single-product .petbuy-product-hero .woocommerce-product-gallery__image {
	min-height: 320px;
	display: flex;
	align-items: center;
	justify-content: center;
}

body.single-product .petbuy-product-hero .woocommerce-product-gallery__image img {
	max-height: 360px;
}

body.single-product .product-hero-thumbs {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 12px;
	justify-content: center;
	margin-top: 6px;
	max-width: 593px;
	margin-left: auto;
	margin-right: auto;
}

body.single-product .product-hero-thumb {
	background: #faf9f8;
	border-radius: 5px;
	width: 100%;
	max-width: 225px;
	height: 179px;
	padding: 20px;
	background-image: var(--petbuy-placeholder-bone);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 0;
}

body.single-product .product-hero-thumb.product-hero-thumb--has-image {
	background-image: none;
}

body.single-product .product-hero-thumb__img {
	max-height: 120px;
	width: auto;
	object-fit: contain;
}

body.single-product .product-hero-thumb__placeholder {
	display: block;
	width: 100%;
	height: 100%;
	background: var(--petbuy-placeholder-bone) no-repeat center center;
	background-size: 70px;
	border-radius: 5px;
}

@media (max-width: 991px) {
	body.single-product .petbuy-product-media-shell {
		padding: 0 4px;
	}

	body.single-product .petbuy-product-hero .woocommerce-product-gallery__wrapper {
		min-height: 360px;
		padding: 24px;
		aspect-ratio: auto;
		background-size: cover;
		background-position: center;
	}

body.single-product .petbuy-product-hero .woocommerce-product-gallery__image {
	min-height: 260px;
}

	body.single-product .petbuy-product-hero .woocommerce-product-gallery__image img {
		max-height: 260px;
	}

	body.single-product .product-hero-thumbs {
		display: flex;
		gap: 12px;
		overflow-x: auto;
		padding: 6px 2px 2px;
		margin-top: 16px;
		scrollbar-width: none;
		max-width: none;
	}

	body.single-product .product-hero-thumbs::-webkit-scrollbar {
		display: none;
	}

	body.single-product .product-hero-thumb {
		min-width: 66%;
		max-width: 80%;
		width: auto;
		height: auto;
		padding: 18px;
	}

	body.single-product .petbuy-product-media-shell {
		max-width: 100%;
		min-height: auto;
		background: none;
	}
}

/***************15-05-25 fine prodotto singolo prodotto frame****************************/

/***************15-05-25 widget carte prodotto singolo****************************/

body.single-product .summary.entry-summary {
	max-width: 420px;
	margin-left: auto;
	position: relative;
}

body.single-product .check-conteggio,
body.single-product .check-conteggio-mobile {
	background-color: #ffffff;
	border: 1px solid #eeeeee;
	border-radius: 8px;
	padding: 20px 20px 18px;
}

body.single-product .check-conteggio {
	margin-top: 12px;
}

body.single-product .check-conteggio-mobile {
	margin-top: 16px;
	margin-bottom: 16px;
}

body.single-product .check-conteggio h1,
body.single-product .check-conteggio-mobile h1 {
	font-size: 22px;
	line-height: 1.25;
	margin-bottom: 6px;
}

body.single-product .product-price-line,
body.single-product .check-item-price-mobile {
	display: flex;
	align-items: baseline;
	font-weight: 600;
	color: #1a1a1a;
}

body.single-product .summary.entry-summary .price {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0;
	gap: 10px;
	position: absolute;
	width: 155px;
	height: 36px;
	left: 1px;
	top: 92px;
	margin: 0;
}

body.single-product .summary.entry-summary .price,
body.single-product .summary.entry-summary .price .amount,
body.single-product .summary.entry-summary .price del,
body.single-product .summary.entry-summary .price ins,
body.single-product .product-price-line,
body.single-product .product-price-line .amount {
	font-size: 100px !important;
	line-height: 1.2;
}

/* Forza dimensione del prezzo sul prodotto singolo, sovrascrivendo override precedenti */
body.single-product.single .summary.entry-summary .price,
body.single-product.single .summary.entry-summary .price .amount,
body.single-product.single .summary.entry-summary .price .woocommerce-Price-amount,
body.single-product.single .summary.entry-summary .price ins,
body.single-product.single .summary.entry-summary .price del,
body.single-product.single .summary.entry-summary .price .woocommerce-Price-currencySymbol,
body.single-product.single p.price .woocommerce-Price-amount,
body.single-product.single p.price .woocommerce-Price-amount bdi,
body.single-product.single p.price .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
	font-size: 100px !important;
	line-height: 1.2;
}

@media (min-width: 992px) {
	body.single-product .summary.entry-summary .price,
	body.single-product .summary.entry-summary .price .amount,
	body.single-product .summary.entry-summary .price del,
	body.single-product .summary.entry-summary .price ins {
		font-size: 50px !important;
		line-height: 1.2;
	}
}

body.single-product .product-price-line del,
body.single-product .check-item-price-mobile del,
body.single-product .summary.entry-summary .price del {
	color: #807a7a;
	font-weight: 400;
	margin-right: 6px;
}

body.single-product .product-price-line ins,
body.single-product .check-item-price-mobile ins,
body.single-product .summary.entry-summary .price ins {
	text-decoration: none;
}

/* Override definitivo dimensione prezzo prodotto singolo */
body.single-product div.product div.summary.entry-summary p.price,
body.single-product div.product div.summary.entry-summary p.price .amount,
body.single-product div.product div.summary.entry-summary p.price .woocommerce-Price-amount,
body.single-product div.product div.summary.entry-summary p.price .woocommerce-Price-currencySymbol,
body.single-product div.product div.summary.entry-summary .product-price-line,
body.single-product div.product div.summary.entry-summary .product-price-line .amount {
	font-size: 200% !important;
	line-height: 1.05 !important;
	font-weight: 700 !important;
}

body.single-product .product-summary-toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	color: #1a1a1a;
	text-decoration: none;
}

body.single-product .product-summary-toggle img.frecce {
	width: 16px;
	height: 16px;
	margin-left: 8px;
}

body.single-product .product-summary-excerpt {
	font-size: 13px;
	color: #807a7a;
}

body.single-product .product-summary-separator {
	border: none;
	border-top: 1px solid #eaeaea;
	margin: 18px 0;
}

body.single-product .product-purchase-row form.cart,
body.single-product .product-purchase-row-mobile form.cart {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
}

body.single-product .product-purchase-row .quantity,
body.single-product .product-purchase-row-mobile .quantity {
	display: flex;
	align-items: center;
	border-radius: 999px;
	border: 1px solid #eeeeee;
	padding: 4px 10px;
}

body.single-product .product-purchase-row .quantity input.qty,
body.single-product .product-purchase-row-mobile .quantity input.qty {
	border: none;
	box-shadow: none;
	width: 46px;
	text-align: center;
	font-size: 14px;
	padding: 2px 0;
}

body.single-product .product-purchase-row .single_add_to_cart_button,
body.single-product .product-purchase-row-mobile .single_add_to_cart_button {
	border-radius: 999px;
	padding: 9px 20px;
	font-size: 14px;
	font-weight: 600;
}

body.single-product .spaz-guarantee {
	margin-top: 12px;
}

body.single-product .spaz-guarantee img {
	width: 26px;
	height: 26px;
}

body.single-product .spaz-guarantee .small {
	font-size: 12px;
	color: #1a1a1a;
}

body.single-product .spaz-guarantee .text-secondary {
	color: #807a7a !important;
}

body.single-product .product-hero-vendor-badge {
	position: relative;
	margin-bottom: 16px;
}

body.single-product .product-hero-vendor-badge__graphic svg {
	width: 100%;
	height: auto;
	display: block;
}

body.single-product .product-hero-vendor-badge__content {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	text-align: right;
	pointer-events: none;
	padding: 12px 32px;
}

body.single-product .product-hero-vendor-badge__label {
	display: none;
}

body.single-product .product-hero-vendor-badge__name {
	display: none;
}

@media (max-width: 767.98px) {
	body.single-product .product-hero-vendor-badge__content {
		padding: 10px 18px;
		align-items: flex-start;
		text-align: left;
	}

	body.single-product .product-hero-vendor-badge__name {
		font-size: 18px;
	}
}

body.single-product .petbuy-product-cardbar {
	border-radius: 5px;
	border: 1px solid #f87537;
	padding: 10px 14px;
	margin-top: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #ffffff;
	width: 100%;
}

body.single-product .petbuy-product-cardbar img {
	max-height: 24px;
	width: auto;
}

body.single-product .petbuy-product-cardbar .small {
	font-size: 11px;
	color: #807a7a;
	margin-left: 10px;
}

@media (max-width: 767.98px) {
	body.single-product .petbuy-product-cardbar {
		margin-top: 12px;
	}
}

body.single-product .mt-auto.py-3 {
	margin-top: 16px !important;
}

@media (max-width: 991.98px) {
	body.single-product .summary.entry-summary {
		max-width: 100%;
		margin-left: 0;
	}
}

@media (max-width: 575.98px) {
	body.single-product .check-conteggio {
		margin-top: 0;
	}

	body.single-product .check-conteggio-mobile h1 {
		font-size: 20px;
	}

	body.single-product .product-purchase-row-mobile form.cart {
		flex-direction: column;
		align-items: stretch;
	}

	body.single-product .product-purchase-row-mobile .single_add_to_cart_button {
		width: 100%;
		text-align: center;
	}
}


/***************19-05-25 inizio checkout****************************/
		.payment-method {
            /*border: 1px solid #ccc;*/
            /*padding: 25px;*/
            margin-bottom: 15px;
            /*border-radius: 5px;*/
						background-color: #ffffff;
        }

        .payment-method label {
            font-weight: bold;
            margin-bottom: 10px;
            display: block;
        }



		.sfondo-checkout {



			/* Il gradiente è sopra l'immagine */
    background: url("../../uploads/ufficiale/background-menu-btn-2-1-grigio.svg") left top no-repeat,
		linear-gradient(to right, #faf9f8 100%);

    background-size: auto 100%, auto; /* Assicurati di impostare le dimensioni per entrambi gli sfondi */
    /* Il primo valore di background-size è per lo sfondo, il secondo per il gradiente.
       'auto' per l'immagine significa che userà la sua dimensione originale. */
}

		.colore-checkout {
			/*background-color: #faf9f8;*/
			background: linear-gradient(to right, #faf9f8 63%, #ffffff 37%);
		}


		/*.invisibile50 {
  clip-path: polygon(46.5% 0, 100% 0%, 100% 100%, 46.5% 100%);
}*/




		input[type="checkbox"]:checked {
			background-color: #f87537!important; /* Cambia il colore dell'indicatore */
		  border-color: #f87537!important;    /* Cambia il colore del bordo quando selezionato */
		}

		.petbuy-checkout-page .item-quantity {
			min-height: 48px;
		}

		.petbuy-checkout-page .quantity-button {
			min-width: 44px;
			min-height: 44px;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			padding: 0;
			line-height: 1;
		}

		.petbuy-checkout-page .check-quantity-input-checkout-mobile {
			min-height: 44px;
			width: 40px;
		}

		.petbuy-checkout-page .checkout-remove-link {
			min-width: 44px;
			min-height: 44px;
			display: inline-flex;
			align-items: center;
			justify-content: center;
		}

		.petbuy-checkout-page .checkout-remove-link .cestina {
			width: 24px;
			height: 24px;
		}

		.petbuy-checkout-page .petbuy-checkout-login-link {
			min-height: 44px;
			display: inline-flex;
			align-items: center;
		}

		.petbuy-checkout-page .petbuy-checkout-promo-row > .btn-promo {
			margin-left: 0 !important;
			min-height: 48px;
		}

		.petbuy-checkout-page .petbuy-checkout-promo-row {
			gap: 12px;
		}


		input[type="radio"]:checked {
		  background-color: #1a1a1a;
		  border-color: #1a1a1a;
		}


/***************19-05-25 fine checkout****************************/


/***************26-05-25 inizio accedi****************************/
.edit-switch-ricorda {
		height: 25px!important;
		width: 45px!important;
    /*padding-top: 16px;
    padding-bottom: 16px;*/
		background-color: #f2f2f2!important;
}

				.hr-with-text {
            display: flex;
            align-items: center;
            text-align: center;
            color: #888; /* Colore del testo */
            margin: 20px 0; /* Spaziatura sopra e sotto */
        }

        .hr-with-text::before,
        .hr-with-text::after {
            content: '';
            flex-grow: 1;
            height: 1px;
            background-color: #ccc; /* Colore della linea */
            margin: 0 10px; /* Spazio tra linea e testo */
        }

        .hr-with-text span {
            padding: 0 10px; /* Spazio intorno al testo */
            white-space: nowrap; /* Impedisce al testo di andare a capo */
        }

				.image-placeholder {
            position: absolute;
            /*top: 50%;*/
						/*top: 600px;*/
            left: 29%; /* Regola la posizione orizzontale */

            pointer-events: none; /* Permette di interagire con l'input sottostante */
        }

				.sfondo-sx {
					background: url("../../uploads/ufficiale/background-menu-btn-2-2-grigio.svg") left top no-repeat;
					background-size: auto 120%;
					height: 100%;
				}


/***************26-05-25 fine accedi****************************/

/***************29-05-25 inizio profilo utente****************************/






#content-profilo-utente > div {
		display: none;
}

#content-profilo-utente > div.active {
		display: block;
}


.input-with-inner-asterisk .inner-asterisk {
            position: absolute;
            top: 33%;
            right: 10px; /* Distanza dal bordo destro dell'input */
            transform: translateY(-50%); /* Centra verticalmente */
            color: var(--bs-danger); /* Colore rosso di Bootstrap */
            font-size: 1.2em; /* Dimensione dell'asterisco */
            pointer-events: none; /* Rende l'asterisco non cliccabile/interferente */
            z-index: 2; /* Assicura che sia sopra l'input */
        }

.input-with-inner-asterisk {
            position: relative; /* Contenitore per posizionamento assoluto */
        }

/* Se vuoi che l'asterisco appaia solo quando il campo è vuoto e non in focus */
        .input-with-inner-asterisk .form-control:focus + .inner-asterisk,
        .input-with-inner-asterisk .form-control:not(:placeholder-shown) + .inner-asterisk {
            display: none; /* Nasconde l'asterisco quando si digita o il campo ha un valore */
        }


.icona-modifica {
            position: absolute;
            top: 10%;
            right: 10px; /* Distanza dal bordo destro */
            transform: translateY(-50%); /* Centra verticalmente */
            font-size: 1.2em; /* Dimensione */
        }


/* Stile per la voce di menu "utente" QUANDO è attiva */
.menu-utente-attivo.current-menu-item::after {
    	content: '';
	    position: absolute;
	    width: 22%; /* Larghezza della sottolineatura */
	    height: 3px; /* Spessore della sottolineatura */
	    background-color: #fa9827; /* Colore della sottolineatura */
	    border-radius: 14px;
	    bottom: 0;
		right: 14px;
	    left: auto;
	    transform: none;
}

.menu-utente-attivo.current-menu-item {
	 position: relative;
}


/* Stile per la voce di menu "carrello" QUANDO è attiva */
.modale-carrello.current-menu-item::after {
    	content: '';
	    position: absolute;
	    width: 27%!important; /* Larghezza della sottolineatura */
	    height: 3px; /* Spessore della sottolineatura */
	    background-color: #fa9827; /* Colore della sottolineatura */
	    bottom: 0;
		right: 12px;
	    left: auto;
	    transform: none;
}

.modale-carrello.current-menu-item {
	 position: relative;
}

/* Potresti voler sovrascrivere lo stile hover per questa voce specifica */
/*.menu-utente-attivo.current-menu-item a:hover {
    color: #005f5f !important;
    background-color: #d1f5f5;
    border-color: #005f5f;
}*/

/* Stile GENERICO per TUTTE le altre voci di menu attive (se lo desideri) */
/* Questo stile si applicherà a .current-menu-item purché non sia anche .speciale-attiva */
/*.current-menu-item:not(.menu-utente-attivo) a {
    color: #cc0000; /* Rosso standard */
    /*font-style: italic;
    /* Puoi aggiungere altri stili per le altre voci attive */
/*}*/



/***************29-05-25 fine profilo utente****************************/




/*ex nav-item*/
.menu-item-11309, .menu-item-11310 {
	border-left-style: solid;
	border-left-width: thin;
	border-left-color: #f0f0f0;
	z-index: 0;
	/*allarga nav-item*/
	padding-left: 18px !important;
	padding-right: 18px !important;
}

.menu-item-11333 {
	border-left-style: solid;
	border-left-width: thin;
	border-left-color: #f0f0f0;
	z-index: 0;
	/*allarga nav-item*/
	padding-left: 18px !important;
}


.menu-item-11302, .bordo-rilevanza {
	border-left-style: solid;
	border-left-width: thin;
	border-left-color: #f0f0f0;
	z-index: 0;
}


.menu-item-11292, .menu-item-11302 {
	padding-left: 12px !important;
	padding-right: 12px !important;
}



.dropdown {
	border-left-style: none;
	z-index: 1;
}


.margine-standard {
	margin-top: 20px;
	margin-bottom: 20px;
}



.acapo {
	word-wrap: break-word;
}



.img-thumbnail {
	width: 100%;
	height: auto;
	margin: 0 0 20px 0;
	border: 0 !important;
	padding: 0 !important;
}


.primary {
  color: #f87537;
	margin-bottom: 10px;
}

.btn-light {
	background-color: #FBECE4 !important;
	border: 0 !important;
	color: #862B00 !important;
	font-weight: bold !important;
	padding: 11px 50px 11px 50px !important;
}

.btn-light:hover {
	background-color: #FBECE4 !important;
	color: #862B00 !important;
}

.btn-warning {
	background-color: #F87537 !important;

	border: 0 !important;
	color: #ffffff !important;
	font-weight: bold !important;
	padding: 11px 50px 11px 50px !important;
}

.btn-warning:hover {
	background-color: #F87537 !important;
	color: #ffffff !important;
}

.servizi {
	margin-bottom: 20px;
}




.spazio-standard {
	padding: 40px 0 40px 0;
}

footer {
	margin-top: 100px;
	bottom:0;
	left:0;
	width:100%;
	padding: 50px 0 0px 0;


	background: url("../../uploads/ufficiale/background-menu-btn-2-1.svg") right top repeat;

	background-size: 35% auto;

}

.footer-color {
	background-color: #faf9f8;
}





.sfondo-falco {
	background-color: #faf9f8;
	/*background-color: #000000;*/ /*classe di test*/
}


.falco {


	background: url('../../uploads/ufficiale/petbuy-falco-1.svg') right bottom no-repeat,
	            url('../../uploads/ufficiale/Shape.svg') right bottom no-repeat,
	            url('../../uploads/ufficiale/impronte-riga-falco.svg') 30% top no-repeat,
	            linear-gradient(110deg, #faf9f8 60%, transparent 40%),
	            url("../../uploads/ufficiale/background-menu-btn-2-1.svg") right top no-repeat;

		background-size: auto, auto, auto 100%, 100% auto, 50% auto;
		background-position: right bottom, right bottom, 30% top, left top, right top;
		z-index: auto, auto, 0, auto, 10; /* Assicurati che il linear-gradient abbia uno z-index maggiore */


	background-color: #ffffff;

	padding-top: 70px;
	padding-bottom: 70px;
	margin-top: 20px;
	margin-bottom: 20px;
	height: 500px;
}





/*.navbar-brand {
	margin-bottom: 0;
	padding-bottom: 0;
}*/

nav .navbar-nav li a{
  color: #000000 !important;
  }

.petbuy-shop-dropdown {
	position: relative;
	display: flex;
	align-items: center;
}

.petbuy-shop-dropdown > .nav-link {
	display: inline-flex;
	align-items: center;
	height: 100%;
}

.petbuy-shop-toggle {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: transparent;
	border: 0;
	padding: 0.4rem 0.85rem;
	color: #000000 !important;
	font-weight: 700;
	font: inherit;
	cursor: pointer;
	border-radius: 12px;
	transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.petbuy-shop-toggle:focus-visible {
	outline: 2px solid #f87537;
	outline-offset: 3px;
}

.petbuy-shop-arrow {
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 7px solid currentColor;
	transition: transform 0.2s ease;
	margin-left: 6px;
}

.petbuy-shop-dropdown.is-open .petbuy-shop-arrow {
	transform: rotate(180deg);
}

.petbuy-shop-menu {
	position: absolute;
	left: 0;
	top: calc(100% + 6px);
	min-width: 200px;
	width: max-content;
	max-width: 260px;
	background: linear-gradient(145deg, #ffffff 0%, #fff6ef 100%);
	border: 1px solid #f4d9c6;
	border-radius: 12px;
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
	padding: 4px;
	display: none;
	z-index: 1000;
}

.petbuy-shop-dropdown.is-open .petbuy-shop-toggle {
	background: #fbece4;
	color: #f87537;
	box-shadow: 0 12px 28px rgba(248, 117, 55, 0.15);
}

.petbuy-shop-dropdown.is-open .petbuy-shop-menu {
	display: block;
}

.petbuy-shop-option {
	display: block;
	padding: 9px 10px;
	color: #000000 !important;
	font-weight: 600;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 0.15px;
	border-radius: 10px;
	position: relative;
	transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.petbuy-shop-option + .petbuy-shop-option {
	margin-top: 2px;
}

.petbuy-shop-option:hover {
	background: #ffe9db;
	color: #f87537 !important;
	transform: translateY(-1px);
}

.petbuy-shop-option:first-child {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.petbuy-shop-option:last-child {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

@media (max-width: 767.98px) {
	.petbuy-shop-menu {
		position: static;
		box-shadow: none;
		border: 0;
		border-radius: 0;
		padding: 0;
		margin-top: 8px;
	}

	.petbuy-shop-option {
		padding: 12px 0;
	}
}


	/*ex .nav-link.active*/
	.current-menu-item:not(.menu-utente-attivo) {
	    position: relative;
	}

	/*.nav-link.active::after*/
	.current-menu-item:not(.menu-utente-attivo)::after {
	    content: '';
	    position: absolute;
	    width: 40%; /* Larghezza della sottolineatura */
	    height: 3px; /* Spessore della sottolineatura */
	    background-color: #fa9827; /* Colore della sottolineatura */
	    border-radius: 14px;
	    bottom: 0;
	    left: 50%;
	    transform: translateX(-50%);
	}

.phone {
	text-align: right;
}




.topbar {
	padding: 10px 0px 10px 0px;
}

.container-galleria {

	padding-top: 50px;
	padding-bottom: 50px;
	margin-top: 20px;
	margin-bottom: 20px;

	background: url("../../uploads/ufficiale/background-menu-btn-2-1.svg") left top no-repeat, url("../../uploads/ufficiale/impronte-galleria.svg") right bottom no-repeat;

	background-size: 50% auto, auto 100%;
}



.colore-sfondo-galleria {
	background-color:#faf9f8;
}


.sfondo-galleria {

}


.edit-form-header {
		height: 50px;
    padding-top: 16px;
    padding-bottom: 16px;
		border: 0 !important;
}


.petbuy-search-form {
		position: relative;
		width: 100%;
		align-items: center;
}

.petbuy-search-form .edit-form-header {
		flex: 1 1 auto;
		min-width: 0;
		padding-right: 48px;
}

.petbuy-search-form .petbuy-search-submit {
		position: absolute;
		top: 50%;
		right: 16px;
		left: auto;
		transform: translateY(-50%);
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 20px;
		height: 20px;
		z-index: 1;
		color: #7B7B7B;
		cursor: pointer;
		border: 0;
		background: transparent;
		padding: 0;
}

.petbuy-search-form .petbuy-search-submit i {
		display: block;
		font-size: 18px;
		line-height: 1;
}

.petbuy-search-submit:focus-visible {
    outline: none;
    color: #F87537;
}





.fixed-top {
	background-color: #ffffff;
}


body.margine footer {
    /* I tuoi stili CSS specifici per il footer su quella pagina */
    margin: 0!important;
}


@media screen and (min-width: 601px) {
	
	/*aggiunge un padding specifico solo all'ultima voce del menu desktop*/
	.menu-item:last-child a {
	    padding-right: 5px!important;
	    /*padding-left: 20px;*/
		/*background-color: aqua!important;*/
	}

	/*inizio home desktop*/
	.servizi-spazio {
		padding: 40px 0 100px 0;
	}

	/*ex main*/
	.sezione-cane {
		background-color:#faf9f8;



		background-image: url('../../uploads/ufficiale/logo-mobile.svg'), url('../../uploads/ufficiale/cerchio-alternativo.svg'), url('../../uploads/ufficiale/impronte-cta1.svg');
		background-position: right bottom, right bottom, 20% bottom;
		background-repeat: no-repeat, no-repeat, no-repeat;
		background-size: auto auto, auto auto, auto 105%;

		padding-top: 130px;
		padding-bottom: 70px;
		margin-top: 20px;
		margin-bottom: 20px;
		height: 600px;
	}

	.h1principale {
		/**/
		font-weight: bold !important;
		font-size: 60px!important;
	}

	h1 {
		font-weight: bold!important;
	}
	/*fine home desktop*/

	/*inizio shop desktop*/
	.sidebar-col {
		padding: 25px!important;
	}

	.gallery-shop {
    display: flex; /* Assicura che sia un contenitore flex */
    /* Rimuovi justify-content: space-between; se vuoi che siano vicine e allineate a sinistra */
    justify-content: flex-start; /* Allinea le immagini all'inizio (sinistra) */
    align-items: center; /* Centra verticalmente le immagini se avessero altezze diverse */
    gap: 0.35rem; /* Spazio tra le immagini */
    overflow-x: auto; /* Mantiene lo scorrimento orizzontale */
    /* Aggiungi queste per migliorare l'esperienza di scorrimento su alcuni browser */
    /*-webkit-overflow-scrolling: touch;*/ /* Per iOS Safari */
    /*scrollbar-width: none;*/ /* Nasconde la scrollbar per Firefox */
    /*-ms-overflow-style: none;*/  /* Nasconde la scrollbar per IE/Edge */
}

/* Nasconde la scrollbar per Chrome, Safari e Opera */
/*.gallery-shop::-webkit-scrollbar {
    display: none;
}*/

.img-box-shop {
    /* Rimuovi flex: 1; */
    /* Lascia display: flex; e justify-content: center; solo se vuoi centrare l'immagine all'interno di OGNI singola img-box-shop (utile se img-box-shop ha una larghezza fissa) */
    flex-shrink: 0; /* Impedisce che le immagini si rimpiccioliscano troppo */
    padding: 0 5px; /* Aggiungi un piccolo padding orizzontale, se non usi gap */
    /* width: auto; Potrebbe essere utile se vuoi che img-box-shop non si espanda */
}

.img-uniform-shop {
    height: 31px; /* Mantiene l'altezza fissa */
    width: auto; /* La larghezza si adatta per mantenere le proporzioni */
    object-fit: contain;
    /*border: 2px solid #ccc;*/
}

/* Altezza immagine card prodotto su mobile leggermente ridotta */
@media (max-width: 767.98px) {
	.product-card-image {
		height: 180px;
	}
}
	/*fine shop desktop*/

	/*inizio prodotto singolo annuncio frame*/
	.p-zero {
		padding: 0!important;
	}

	.img-uniform {
		height: 100px;
	}



	/*fine prodotto singolo annuncio frame*/




	/*inizio checkout*/
	.tra-menu-e-titolo {
		margin-top: 100px;
	}

	.carte {
		padding:0px 35px 0px 35px!important;
	}

	.carte-spunta {
		padding:0px 10px 0px 48px!important;
	}

	div.sfondino {
		padding-left: 45px;
	}

	.spazi-checkout {
		padding-top: 48px;
		margin-top: 48px;
	}
	/*fine checkout*/


	/*inizio profilo utente*/

	.spazi-form {
		padding-left: 60px!important;
		padding-right: 70px !important;
	}

	.pr-cont-prof {
		padding-right: 3rem !important;
	}

	body.sfondo-profilo-utente {
		background: url("../../uploads/ufficiale/background-menu-btn-2-2-grigio.svg") right top no-repeat;
		background-size: 79.5% auto;
		height: 100%;
	}

	/*fine profilo utente*/


	/*inizio accedi*/
		.ilform {
			padding-left:38px;
			padding-right:73px;
		}

		.impronta1-arancio-accedi {
			position: absolute;
			bottom: 355px;
			left: -60px;
			z-index: 1;
		}

		.impronta2-arancio-accedi {
			position: absolute;
			bottom: 326px;
			left: -66px;
			z-index: 1;
		}

		.impronta-grande-dx-accedi {
			position: absolute;
			bottom: 250px;
			right: 30px;
			z-index: 1;
		}

		.impronta-piccola-dx-accedi {
			position: absolute;
			bottom: 345px;
			right: 90px;
			z-index: 1;
		}

		.impronta-grande-vicino-cane-dx-accedi {
			position: absolute;
			bottom: 292px;
			right: 210px;
			z-index: 1;
		}

		.impronta-piccola-vicino-cane-dx-accedi {
			position: absolute;
			bottom: 268px;
			right: 233px;
			z-index: 1;
		}


		.impronta-grande-in-alto-a-sx-accedi {
			position: absolute;
			bottom: 190px;
			left: 40px;
			z-index: 1;
		}

		.impronta-piccola-in-alto-a-sx-accedi {
			position: absolute;
			bottom: 248px;
			left: 24px;
			z-index: 1;
		}

		.impronta-grande-in-basso-a-sx-accedi {
			position: absolute;
			bottom: 85px;
			left: -38px;
			z-index: 1;
		}

		.impronta-piccola-in-basso-a-sx-accedi {
			position: absolute;
			bottom: 90px;
			left: 30px;
			z-index: 1;
		}

	/*fine accedi*/


	/*inzio profilo utente*/

	.menu-item-profilo-utente {
			display: flex;
			align-items: center;
			/*padding: 0.75rem 1rem;*/
			cursor: pointer;
			text-decoration: none;
			color: #495057!important;
			border-right: 4px solid transparent; /* Bordo destro trasparente di default */
	}

	.menu-item-profilo-utente img {
			width: 24px;
			height: auto;
			margin-right: 0.75rem;
	}

	.menu-item-profilo-utente.active {
			color: #fd7e14 !important;
			font-weight: bold;
			border-right-color: #fd7e14; /* Bordo destro arancione per la voce attiva */
	}

	/*fine profilo utente*/


	/*inizio carrello*/

	.sfondo-cane-nero-aggiungi {
				background-position: 90% -51px;
			}

	/*fine carrello*/


	/*inizio profilo venditore*/

	.gradient-text-from-image {
		background-image: linear-gradient(to right, #f87537 0%, #f87537 50%, #000000 99%, #000000 100%);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent; /* Rende il testo trasparente per mostrare il gradiente */
	}

	/* Per aggiungere un leggero effetto ombra*/
	.gradient-text-from-image {
		text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
	}


	.cane-profilo-venditore {
			background-color: #fef1eb!important;



			background: url("../../uploads/ufficiale/cane-profilo-venditore.svg") right bottom no-repeat,
			url("../../uploads/ufficiale/background-menu-btn-2-2-profilo-venditore.svg") right top repeat;

			background-size: auto 100%, auto 100%;


	}


	.pdn-negozio-venditore {
		padding: 0 100px;
	}

	.sopra-salva:hover {
		color: #6c757d !important;
		background-color: #f8f9fa !important;
	}


	.sfondo-input-venditore {
			background-color: #FAF9F8!important;

			background: url("../../uploads/ufficiale/background-menu-btn-2-3-venditore.svg") right top repeat;

			background-size: auto;
	}

	.padd-form-venditore {
		padding: 70px 80px;
	}

	.padd2-form-venditore {
		padding: 50px 90px;
	}

	table .cella1 {
		--bs-text-opacity: 1;
  	color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
		font-weight: normal!important;
		background-color: transparent!important;
		padding: 0px 0px 15px 0px!important;
	}

	table .cella2 {
		--bs-text-opacity: 1;
  	color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
		font-weight: normal!important;

		padding: 30px 20px 15px 20px!important;
	}

	table .cella1bis {
		text-align: center!important;
		background-color: transparent!important;
		border: 0px!important;
		padding-top: 30px!important;
	}

	table .cella2bis {
		text-align: center!important;

		border: 0px!important;
		padding-bottom: 30px!important;
		padding-top: 30px!important;
	}

	table th:not(:first-child) {
		text-align: center!important;
	}

	/*table th:last-child,
	table tr td:last-child {
	  filter: blur(4px);
	}

	table th:nth-last-child(2),
	table tr td:nth-last-child(2) {
	  filter: blur(4px);
	}*/

	.accordion-item  {
  /*background-color: var(--bs-accordion-bg);*/
	background-color: rgb(130,107,255)!important;
 	background-color: rgba(130,107,255,0)!important;
  border: 0!important;
}

	.accordion-button {
		background-color: rgb(130,107,255)!important;
	 	background-color: rgba(130,107,255,0)!important;
	}

	/* Nascondi la freccia predefinita di Bootstrap */
	.accordion-button::after {
	  display: none !important;
	}

	/* Mostra la tua immagine della freccia */
	.accordion-button .accordion-arrow {
	  display: inline-block;
	  width: 100%; /* Adatta la dimensione come preferisci */
	  height: auto;
	  transition: transform 0.2s ease-in-out;
	}

	/* Ruota la freccia quando l'accordion è aperto */
	.accordion-button:not(.collapsed) .accordion-arrow {
	  transform: rotate(90deg);
	}

	/* Mantiene il colore del testo invariato */
.accordion-button,
.accordion-button:not(.collapsed) {
	/*cioè text-secondary*/
	--bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}


.tabianca {
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 10px;
	overflow: hidden;

}

.tabianca th:first-child {
	border-top-left-radius: 10px;
}

.tabianca th:last-child {
	border-top-right-radius: 10px;
}

.tabianca td:first-child {
	border-bottom-left-radius: 10px;
}

.tabianca td:last-child {
	border-bottom-right-radius: 10px;
}

.chart-container {
		width: 100%;
		height: 400px; /* Imposta un'altezza fissa per il canvas */
}


/* Stile per nascondere la freccia di default di Bootstrap */
.custom-select-arrow {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url('../../uploads/ufficiale/freccia-select-grafico.svg') !important;
  background-repeat: no-repeat !important;
  background-position: right 0.75rem center !important;
  background-size: 8px auto !important;
  padding-right: 1.5rem !important;
}


	/*fine profilo venditore*/


}/*desktop*/

.petbuy-icon-counter-target {
	position: relative;
}

.petbuy-icon-counter {
	position: absolute;
	top: -2px;
	right: -2px;
	transform: none;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 20px;
	height: 20px;
	padding: 0;
	background: #F87537;
	border: 1px solid #FFFFFF;
	border-radius: 50px;
	font-family: 'Inter', system-ui, -apple-system, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 12px;
	line-height: 1;
	color: #FFFFFF;
	box-sizing: border-box;
	pointer-events: none;
	white-space: nowrap;
	z-index: 2;
}

.petbuy-icon-counter.is-hidden {
	display: none;
}

.petbuy-icon-counter.petbuy-icon-counter-bump {
	animation: petbuyIconCounterBump 0.42s cubic-bezier(0.2, 0.9, 0.2, 1);
}

@keyframes petbuyIconCounterBump {
	0% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(248, 117, 55, 0);
	}
	45% {
		transform: scale(1.22);
		box-shadow: 0 0 0 8px rgba(248, 117, 55, 0.16);
	}
	100% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(248, 117, 55, 0);
	}
}

@media screen and (max-width: 991px) {
	.petbuy-mobile-header {
		position: relative;
		z-index: 120;
		background: #ffffff;
		border-bottom: 0;
		box-shadow: none;
	}

	.petbuy-mobile-header__service {
		padding: 4px 0 19px;
		border-bottom: 1px solid #eaeaea;
		background: #ffffff;
	}

	.petbuy-mobile-header__service-copy {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 6px;
		width: max-content;
		max-width: calc(100% - 32px);
		margin: 0 auto;
		font-size: 14px;
		line-height: 21px;
		color: #4b4b4b;
		white-space: nowrap;
	}

	.petbuy-mobile-header__service-copy .cornetta-and-co {
		width: 20px;
		height: 20px;
	}

	.petbuy-mobile-header__service-copy .fw-bold {
		color: #1a1a1a;
		font-weight: 600 !important;
	}

	.petbuy-mobile-header__service-copy .text-secondary {
		color: #4b4b4b !important;
		font-weight: 500;
	}

	.petbuy-mobile-header__main {
		padding: 11px 16px 0;
	}

	.petbuy-mobile-header__bar {
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		gap: 0;
		width: 100%;
		max-width: 358px;
		min-height: 64px;
		padding: 0;
		margin: 0 auto;
	}

	.petbuy-mobile-header__leading {
		display: flex;
		align-items: flex-end;
		gap: 11px;
		flex: 0 0 59px;
		width: 59px;
		min-width: 59px;
		padding-bottom: 3px;
	}

	.petbuy-mobile-header__toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 24px;
		height: 24px;
		border-radius: 0;
		background: transparent;
		color: #1a1a1a;
		box-shadow: none;
	}

	.petbuy-mobile-header__toggle:focus-visible,
	.petbuy-mobile-header__icon-btn:focus-visible,
	.petbuy-mobile-header__search-submit:focus-visible,
	.petbuy-mobile-header__account-link:focus-visible,
	.petbuy-mobile-header__nav-link:focus-visible,
	.petbuy-mobile-header__shop-tabs a:focus-visible {
		outline: 2px solid #f87537;
		outline-offset: 2px;
	}

	.petbuy-mobile-header .navbar-toggler-icon {
		background-image: none !important;
		background-color: transparent !important;
		position: relative;
		display: inline-block;
		width: 22px !important;
		height: 16px !important;
		vertical-align: middle;
	}

	.petbuy-mobile-header .navbar-toggler-icon::before,
	.petbuy-mobile-header .navbar-toggler-icon::after,
	.petbuy-mobile-header .navbar-toggler-icon .line {
		content: "";
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		border-radius: 999px;
		background: #101828;
		transition: transform 0.22s ease, opacity 0.22s ease, top 0.22s ease, bottom 0.22s ease;
	}

	.petbuy-mobile-header .navbar-toggler-icon::before {
		top: 0;
	}

	.petbuy-mobile-header .navbar-toggler-icon::after {
		bottom: 0;
	}

	.petbuy-mobile-header .navbar-toggler-icon .line {
		top: 7px !important;
		transform: none !important;
	}

	.petbuy-mobile-header.is-nav-open .navbar-toggler-icon::before {
		top: 7px;
		transform: rotate(45deg);
	}

	.petbuy-mobile-header.is-nav-open .navbar-toggler-icon::after {
		bottom: 7px;
		transform: rotate(-45deg);
	}

	.petbuy-mobile-header.is-nav-open .navbar-toggler-icon .line {
		opacity: 0;
	}

	.petbuy-mobile-header__brand {
		display: flex;
		align-items: flex-start;
		justify-content: center;
		flex: 0 0 129px;
		width: 129px;
		min-width: 129px;
	}

	.petbuy-mobile-header__brand-link {
		display: block;
		width: 129px;
		flex: 0 0 auto;
	}

	.petbuy-mobile-header__brand img.custom-logo {
		display: block;
		width: 129px !important;
		height: auto;
		max-width: none;
		max-height: none;
	}

	.petbuy-mobile-header__actions {
		display: flex;
		align-items: flex-end;
		justify-content: flex-end;
		gap: 20px;
		flex: 0 0 68px;
		width: 68px;
		min-width: 68px;
	}

	.petbuy-mobile-header__icon-btn {
		position: relative;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 24px;
		height: 24px;
		padding: 0;
		border: 0;
		border-radius: 0;
		background: transparent;
		color: #1a1a1a;
		text-decoration: none;
		box-shadow: none;
	}

	.petbuy-mobile-header__icon-btn i,
	.petbuy-mobile-header__icon-btn img,
	.petbuy-mobile-header__icon-asset {
		display: block;
		width: 24px;
		height: 24px;
		object-fit: contain;
		margin: 0;
		padding: 0;
		flex: 0 0 auto;
	}

	.petbuy-mobile-header__icon-btn i,
	.petbuy-mobile-header__icon-asset.fa {
		width: auto;
		height: auto;
		font-size: 22px;
		line-height: 1;
	}

	.petbuy-mobile-header__search-toggle .petbuy-mobile-header__icon-asset.fa,
	.petbuy-mobile-header__search-submit i.fa {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 24px;
		height: 24px;
		font-size: 22px;
		line-height: 1;
		text-align: center;
		transform: none;
	}

	.petbuy-mobile-header__icon-btn .petbuy-icon-counter {
		top: -1px;
		right: -3px;
		width: 10px;
		height: 10px;
		min-width: 10px;
		border-width: 2px;
		font-size: 0;
		line-height: 0;
	}

	.petbuy-mobile-header__search-panel {
		padding: 0 16px 16px;
	}

	.petbuy-mobile-header__search-form {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 48px;
		align-items: center;
		gap: 10px;
		padding: 10px;
		border-radius: 20px;
		background: #f7f8fa;
		box-shadow: inset 0 0 0 1px rgba(16, 24, 40, 0.06);
	}

	.petbuy-mobile-header__search-input {
		min-width: 0;
		height: 48px;
		padding: 0 16px;
		border: 0;
		border-radius: 14px;
		background: #ffffff;
		box-shadow: none;
		font-size: 16px;
		color: #101828;
	}

	.petbuy-mobile-header__search-input:focus {
		box-shadow: inset 0 0 0 2px rgba(248, 117, 55, 0.28);
	}

	.petbuy-mobile-header__search-submit {
		width: 48px;
		height: 48px;
		border-radius: 14px;
	}

	.petbuy-mobile-header__search-submit i {
		display: block;
		font-size: 18px;
		line-height: 1;
		margin: 0;
	}

	.petbuy-mobile-header__nav-shell {
		padding: 0;
	}

	.petbuy-mobile-header__drawer {
		position: relative;
		z-index: 2;
		border-top: 1px solid rgba(19, 28, 44, 0.06);
		background: #ffffff;
		box-shadow: 0 20px 48px rgba(16, 24, 40, 0.08);
	}

	.petbuy-mobile-header__drawer-inner {
		display: grid;
		gap: 18px;
		padding: 18px 16px 20px;
	}

	.petbuy-mobile-header__account-link {
		display: grid;
		grid-template-columns: 48px minmax(0, 1fr);
		align-items: center;
		gap: 14px;
		padding: 14px;
		border-radius: 18px;
		background: linear-gradient(135deg, #fff4ec 0%, #ffffff 100%);
		box-shadow: inset 0 0 0 1px rgba(248, 117, 55, 0.14);
		text-decoration: none;
	}

	.petbuy-mobile-header__account-icon {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 48px;
		height: 48px;
		border-radius: 16px;
		background: #ffffff;
		box-shadow: 0 10px 24px rgba(248, 117, 55, 0.12);
	}

	.petbuy-mobile-header__account-icon img {
		width: 20px;
		height: 20px;
		object-fit: contain;
	}

	.petbuy-mobile-header__account-copy {
		display: grid;
		gap: 4px;
		min-width: 0;
	}

	.petbuy-mobile-header__account-title {
		font-size: 15px;
		font-weight: 700;
		line-height: 1.35;
		color: #101828;
	}

	.petbuy-mobile-header__account-subtitle {
		font-size: 13px;
		line-height: 1.45;
		color: #475467;
	}

	.petbuy-mobile-header__nav-list {
		display: grid;
		gap: 8px;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.petbuy-mobile-header__nav-item {
		border-bottom: 1px solid rgba(19, 28, 44, 0.06);
		padding-bottom: 8px;
	}

	.petbuy-mobile-header__nav-item:last-child {
		border-bottom: 0;
		padding-bottom: 0;
	}

	.petbuy-mobile-header__nav-item.is-current .petbuy-mobile-header__nav-link {
		color: #101828;
		background: #fff4ec;
	}

	.petbuy-mobile-header__nav-link {
		display: flex;
		align-items: center;
		justify-content: space-between;
		min-height: 48px;
		padding: 10px 12px;
		border-radius: 14px;
		font-size: 15px;
		font-weight: 600;
		line-height: 1.4;
		color: #344054;
		text-decoration: none;
	}

	.petbuy-mobile-header__shop-tabs {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		padding: 6px 12px 0;
	}

	.petbuy-mobile-header__shop-tabs a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 36px;
		padding: 0 12px;
		border-radius: 999px;
		background: #f7f8fa;
		font-size: 13px;
		font-weight: 600;
		line-height: 1;
		color: #475467;
		text-decoration: none;
	}
}

@media screen and (max-width: 601px) {




			.bottom-align-elements {
						display: flex;
						align-items: flex-end; /* Allinea gli elementi in basso */
						height: 100%; /* Assicura che il contenitore abbia un'altezza per l'allineamento */
				}


				.logo-container {
						display: flex;
						justify-content: center;
						align-items: flex-end; /* Allinea il logo in basso */
						height: 100%!important;
				}

				.right-icons {
						display: flex;
						justify-content: flex-end; /* Allinea le icone a destra */
						align-items: flex-end; /* Allinea gli elementi in basso */
						height: 100%;
				}

				/* Rimuove lo sfondo predefinito dell'icona */
				.navbar-toggler-icon {
					background-image: none !important;
					background-color: transparent !important;
					position: relative; /* Necessario per posizionare le pseudo-linee */
					display: inline-block;
					width: 24px!important; /* Larghezza dell'icona */
					height: 24px!important; /* Altezza dell'icona, adatta se vuoi più spazio tra le linee */
					vertical-align: middle;
				}

				/* Stile comune per tutte le linee */
				.navbar-toggler-icon::before,
				.navbar-toggler-icon::after,
				.navbar-toggler-icon .line { /* Aggiunta della classe .line per la linea centrale */
					content: '';
					background-color: #333; /* Colore delle linee, puoi cambiarlo */
					height: 2px; /* Spessore delle linee */
					width: 100%;
					position: absolute;
					left: 0;
					transition: all 0.3s ease-in-out; /* Animazione per la chiusura/apertura */
				}

				/* Posizionamento delle linee */
				.navbar-toggler-icon::before {
					top: 0; /* Linea superiore */
				}

				.navbar-toggler-icon::after {
					bottom: 0; /* Linea inferiore */
				}

				.navbar-toggler-icon .line {
					top: 50%!important; /* Linea centrale */
					transform: translateY(-50%)!important; /* Centra verticalmente la linea centrale */
				}

				/* Allineamento del bottone hamburger in basso */
				.bottom-align-elements .navbar-toggler {
					display: flex;
					align-items: flex-end; /* Allinea il bottone in basso */
					height: 100%; /* Assicura che il bottone occupi l'altezza del contenitore */
				}

				.fa-2x {
					font-size: 27.5px!important;
				}


				footer {
					background: url("../../uploads/ufficiale/background-menu-btn-2-1.svg") right top repeat;
					background-size: auto 100%;
				}


				.menu-utente-attivo.current-menu-item::after {
				    	display: none;
				}
	
				
				.modale-carrello.current-menu-item::after {
				    	display: none;
				}

				.menu-utente-attivo.current-menu-item {
					border-bottom: 2px solid #fa9827; /* Spessore 2px, linea rossa */
					 width: 100%; /* Assicura che la linea si estenda per tutta la larghezza */
				}


				/*ex .nav-link.active*/
				.current-menu-item:not(.menu-utente-attivo) {
					border-bottom: 2px solid #fa9827; /* Spessore 2px, linea rossa */
					 width: 100%; /* Assicura che la linea si estenda per tutta la larghezza */
				}

				/*.nav-link.active::after*/
				.current-menu-item:not(.menu-utente-attivo)::after {
				    display: none;
				}



				.custom-logo {
					width: 129px!important;
				}


				/*ex nav-item*/
				.menu-item-11309, .menu-item-11310, .menu-item-11333, .menu-item-11302, .menu-item-11292 {
					border: 0;
					z-index: 0;
					padding: 0!important;
				}

				.menu-item-11309, .menu-item-11310 {
					display: none;
				}


				/*inizio home mobile*/
					.sezione-cane {

						background-color:#faf9f8;

						background-image: url('../../uploads/ufficiale/progetto-rimuovi-sfondo-1.svg'), url('../../uploads/ufficiale/vector-mobile.svg'), url('../../uploads/ufficiale/tre-impronte-dx-main-mobile.svg'), url('../../uploads/ufficiale/due-impronte-sx-main-mobile.svg');
						background-position: right bottom, right bottom, 200px top, 35px 370px;
						background-size: auto auto, auto auto, auto auto, auto auto;

						background-repeat: no-repeat;

						padding-top: 70px;
						margin-bottom: 0;

						margin-top: 20px;

						height: 460px;

					}


					h1 {
						font-size: 33px!important;
						font-weight: bold!important;
					}

					.desc-mobile {
						font-size: 13px;
					}


					.spazio-link-img {
						margin-bottom: 48px;
					}

					.spazio-link-img-top {
						margin-top: 48px;
					}

					.novita-mobile {
						text-align: left;
						padding-left: 0px!important;
					}



					.scheda-prodotto {
						box-shadow: inset 0 0 0 1px #ffffff;
						border-radius: 10px;
						margin-bottom: 10px;
					}


					.senza-spazi {
						padding: 0!important;
					}


					.m-b20px {
						margin-bottom: 60px;
					}

					/* Colore per gli indicatori inattivi */
					.carousel-indicators [data-bs-target] {
					  background-color: #FAEEE7!important; /* Sostituisci con il colore desiderato per gli inattivi */
					  /*opacity: 0.5;*/ /* Puoi anche regolare l'opacità */

						/* --- Aggiungi questo per distanziare gli indicatori --- */
  					margin: 0 8px!important; /* 0px in alto/basso, 4px a sinistra/destra */
					}


					.image-stack-container {
					  /* Imposta le dimensioni desiderate per l'intero "blocco" di immagini */
					  width: 100%; /* Esempio */
					  height: 220px; /* Esempio */
					  position: relative; /* Fondamentale: rende questo il punto di riferimento per gli elementi posizionati in assoluto */
					  overflow: hidden; /* Nasconde qualsiasi cosa fuoriesca da questo contenitore (utile per le immagini di sfondo che potrebbero essere "coperte") */
					}

					.background-image {
					  position: absolute; /* Posiziona l'immagine di sfondo relativamente al .image-stack-container */
					  top: 0;
					  left: 0;
					  width: 100%; /* Copre l'intera larghezza del contenitore */
					  height: auto; /* Copre l'intera altezza del contenitore */
					  object-fit: cover; /* Assicura che l'immagine di sfondo riempia il contenitore senza distorsioni, tagliando se necessario */
					  z-index: 1; /* Assicurati che sia sotto l'immagine sovrapposta */
					}


					.overlay-image-wrapper {
					  position: absolute; /* Posiziona questo wrapper relativamente al .image-stack-container */
					  /* Imposta la posizione e le dimensioni della "finestra" per l'immagine tagliata */
					  top: 50px;   /* Distanza dal bordo superiore del contenitore principale */
					  left: 90px; /* Distanza dal bordo sinistro del contenitore principale */
					  width: 200px; /* Larghezza della finestra di ritaglio */
					  height: 250px; /* Altezza della finestra di ritaglio */
					  overflow: hidden; /* **Essenziale per il ritaglio**: nasconde le parti dell'immagine che escono da questo wrapper */
					  z-index: 2; /* Assicurati che sia sopra l'immagine di sfondo */
					  border-radius: 10px; /* Aggiungi bordi arrotondati se vuoi un ritaglio con angoli morbidi */
					  /* background-color: rgba(0, 255, 0, 0.3); /* Utile per debug, per vedere dove si trova il wrapper */
					}

					.clipped-image {
					  /* Imposta le dimensioni dell'immagine all'interno del suo wrapper, e come si adatta */
					  width: 100%;   /* L'immagine occupa la larghezza del suo wrapper */
					  height: 100%;  /* L'immagine occupa l'altezza del suo wrapper */
					  object-fit: cover; /* Assicura che l'immagine riempia il wrapper senza distorsioni, tagliando le parti in eccesso */
					  object-position: center; /* Puoi regolare questo per specificare quale parte dell'immagine mostrare (es. 'top', '20% 80%') */

					  /* Alternativa per posizionamento manuale (se non usi object-fit: cover) */
					  /* position: absolute; */
					  /* top: -50px;  */ /* Sposta l'immagine all'interno del wrapper per tagliare */
					  /* left: -30px; */ /* Sposta l'immagine all'interno del wrapper per tagliare */
					}
					/*fine home mobile*/

					/*inizio shop mobile*/
						.sidebar-col {
							padding: 0px!important;
						}

						.offcanvas-backdrop {
							display: none;
						}

						/*bottone quando la sidebar è aperta */
				    .btn-warning.active-button {
				      background-color: #333333!important;
				    }

						.offcanvas-custom.offcanvas-start {
				      transition: transform 0.6s ease-out; /* durata transizione */
				    }

						.noUi-target {
							width: 250px!important;
						}

						/*.custom-row {
						    width: 265px;
						    display: flex;
						    justify-content: space-between;
						    align-items: center;
						  }*/

						  /*.custom-row .col-auto {*/
						    /* Potresti dover regolare max-width o flex-basis qui
						       a seconda delle dimensioni intrinseche delle tue immagini */
						    /*flex-shrink: 0;*/ /* Impedisce agli elementi di rimpicciolirsi */
						  /*}*/



					    .gallery-shop {
					      display: none; /* Nasconde il layout di default */
					    }

							.img-box-shop {
					      flex: 1;
					      display: flex;
					      justify-content: center;
					    }

					    .img-uniform-shop {
					      height: 31px;
					      width: auto;
					      object-fit: contain;
					      /*border: 2px solid #ccc;*/
					    }


							.gallery-shop {
						        display: flex !important;
						        justify-content: space-between;
						        align-items: flex-start;
						        gap: 1rem;
										overflow-x:auto;
						      }


					/*fine shop mobile*/


					/*inizio prodotto singolo annuncio frame mobile*/
					.clipped-image2 {
					  /* Imposta le dimensioni dell'immagine all'interno del suo wrapper, e come si adatta */
					  width: 100%;   /* L'immagine occupa la larghezza del suo wrapper */
					  height: 100%;  /* L'immagine occupa l'altezza del suo wrapper */
					  object-fit: cover; /* Assicura che l'immagine riempia il wrapper senza distorsioni, tagliando le parti in eccesso */
					  object-position: center 60px; /* Puoi regolare questo per specificare quale parte dell'immagine mostrare (es. 'top', '20% 80%') */

					  /* Alternativa per posizionamento manuale (se non usi object-fit: cover) */
					  /* position: absolute; */
					  /* top: -50px;  */ /* Sposta l'immagine all'interno del wrapper per tagliare */
					  /* left: -30px; */ /* Sposta l'immagine all'interno del wrapper per tagliare */
					}

					.overlay-image-wrapper2 {
						position: absolute;
						z-index: 2;
						/*top: 20px;*/
					  left: 90px;
						width: 200px;
					  height: 250px;
						overflow: hidden;
					  border-radius: 10px;
					}

					.img-uniform {
			      height: 100px;
			      width: auto;
			      object-fit: contain;
			      /*border: 2px solid #ccc;*/
			    }


					/*fine prodotto singolo annuncio frame mobile*/

					/*inizio carrello popup*/
					.item-delivery {
						margin-bottom: 6px!important;
					}


					.item-image {
							margin-right: 10px !important;
					}

					.item-quantity {
						margin-right: 10px!important;
					}


					/*fine carrello popup*/


					/*inizio checkout*/
					.tra-menu-e-titolo {
						margin-top: 20px;
					}

					.m-input {
					    margin-bottom: 1.5rem !important; /* Il !important è spesso usato da Bootstrap per le sue classi utility */
					}

					.carte {
						padding:0px 10px 0px 10px!important;
					}

					.carte-spunta {
						padding:0px 10px 0px 35px!important;
					}

					div.sfondino {
						/* Il gradiente è sopra l'immagine */
					background: url("../../uploads/ufficiale/background-menu-btn-2-1-grigio.svg") left top no-repeat,
					linear-gradient(to right, #faf9f8 100%);

					background-size: 100% auto, auto; /* Assicurati di impostare le dimensioni per entrambi gli sfondi */
					/* Il primo valore di background-size è per il gradiente, il secondo per l'immagine.
						 'auto' per l'immagine significa che userà la sua dimensione originale. */
					}


					.bordo-centrato-checkout {
					    /* Il div stesso ha il bordo inferiore */
					    border-bottom: 2px solid #e8e8e8; /* Spessore e colore del bordo */
					    padding-bottom: 5px; /* Aggiungi un piccolo padding se vuoi spazio tra il contenuto e il bordo */

					    /* Rimuovi completamente la sezione ::after per questo div, non è più necessaria */
					    /* Assicurati che non ci siano altre regole che sovrascrivono il border-bottom */
					}


					.fixed-bottom-conteggio {
					  position: fixed; /* Questa è la proprietà chiave */
					  bottom: 0;       /* Posiziona l'elemento al bordo inferiore */
					  left: 0;         /* Posiziona l'elemento al bordo sinistro */
					  width: 100%;     /* Fa sì che l'elemento occupi tutta la larghezza disponibile */
					  z-index: 1030;   /* Assicura che l'elemento sia sopra la maggior parte degli altri contenuti */
						padding: 0 10px 10px 10px;
						background-color:#faf9f8;
					}
					/*fine checkout*/


					/*inizio accedi*/
					.no-margin-footer-mobile footer {
			        margin-top: 0 !important; /* Sovrascrive il margin-top a 0 per la pagina specifica su mobile */
			    }


					/*fine accedi*/

					/*inizio profilo utente*/
					.larg-mass {
						width: 100% !important;
					}


					.sfondo-profilo-mobile {
						background: url("../../uploads/ufficiale/background-menu-btn-2-2-grigio.svg") right top repeat;
						background-size: auto;
					}

					.scostamento-top {
						padding-top: 150px;
					}


					.menu-item-profilo-utente {
							height: 50px;
							width: 131px;
							align-items: center;
							/*padding: 0.75rem 1rem;*/
							cursor: pointer;
							text-decoration: none;
							color: #495057!important;
							border-right: 4px solid transparent; /* Bordo destro trasparente di default */
					}

					.menu-item-profilo-utente img {
							width: 24px;
							height: auto;
							margin-right: 0.75rem;
					}

					.menu-item-profilo-utente.active {
							color: #fd7e14 !important;
							font-weight: bold;

					}
					/*fine profilo utente*/

					/*inizio pagina carrello mobile*/
					.sfondo-pcm {
						background: url("../../uploads/ufficiale/background-menu-btn-2-1-grigio.svg") right top repeat;
						background-size: auto;
					}
					/*fine pagina carrello mobile*/


					/*inizio profilo venditore*/
					.cane-profilo-venditore {
							background-color: #fef1eb!important;
							background: url("../../uploads/ufficiale/background-menu-btn-2-2-profilo-venditore.svg") right top repeat;
							background-size: auto 100%;
					}

					.sfondo-input-venditore {
							background-color: #FAF9F8!important;

							background: url("../../uploads/ufficiale/background-menu-btn-2-3-venditore.svg") right top repeat;

							background-size: auto;
					}


					.padd-form-venditore {
						padding: 30px;
					}


					/*fine profilo venditore*/



		}/*mobile*/


		@media screen and (min-width: 768px) and (max-width: 1400px) and (orientation: landscape) {

				.sideshop {
					font-size: 13px !important;
				}

				.gallery-shop {
						gap: 0.6rem; /* Spazio tra le immagini */
				}

				.img-uniform-shop {
						height: 3vh; /* Mantiene l'altezza fissa */
				}

				.img-box-shop {
					padding: 0;
				}

		}/*landscape tablet*/



/* Media Query specifica per tablet in modalità verticale (portrait) */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    /* Stili specifici per tablet in verticale */


	/*ex main*/
	.sezione-cane {
		background-color:#faf9f8;



		background-image: url('../../uploads/ufficiale/logo-mobile.svg'), url('../../uploads/ufficiale/cerchio-alternativo.svg'), url('../../uploads/ufficiale/impronte-cta1.svg');
		background-position: right bottom, right bottom, 20% bottom;
		background-repeat: no-repeat, no-repeat, no-repeat;
		background-size: 45% auto, 35% auto, auto 105%!important;

		padding-top: 130px;
		padding-bottom: 70px;
		margin-top: 20px;
		margin-bottom: 20px;
		height: 600px;
	}


	.fortablet {
		font-size: 1vw!important;
	}

	.fortablet2 {
		font-size: 1.1vh!important;
	}


	.font-shop {
		font-size: 13px;
	}

	.riduzione-tablet {
		width: auto;
		height: 20px;
	}


	.noacapo-tablet {
		white-space: nowrap;
	}

	.img-uniform {
		height: 9vh;
	}

	.mt-tablet {
		margin-top: 10px!important;
	}

	.pd-desk {
		padding-right: 0px;
	}


	.falco {


		background: url('../../uploads/ufficiale/petbuy-falco-1.svg') right bottom no-repeat,
		            url('../../uploads/ufficiale/Shape.svg') right bottom no-repeat,
		            url('../../uploads/ufficiale/impronte-riga-falco.svg') 30% top no-repeat,
		            linear-gradient(110deg, #faf9f8 60%, transparent 40%),
		            url("../../uploads/ufficiale/background-menu-btn-2-1.svg") right top no-repeat;

			background-size: 70%, 50%, auto 100%, 100% auto, 50% auto;
			background-position: right bottom, right bottom, 30% top, left top, right top;
			z-index: auto, auto, 0, auto, 10; /* Assicurati che il linear-gradient abbia uno z-index maggiore */


		background-color: #ffffff;

		padding-top: 70px;
		padding-bottom: 70px;
		margin-top: 20px;
		margin-bottom: 20px;
		height: 500px;
	}


	.switch-risultati-shop {
		position: absolute!important;
		/*top: 10px;*/
		left: calc(10% + 10px);
	}

	.switch-shop2 {
		position: absolute!important;
		/*top: 10px;*/
		left: calc(35% + 10px);
	}

	.mt-cuore-pref-tablet {
		margin-top: 20px!important;
	}


	.h1tablet {
		font-size: 2.8vw;
	}

	.font-annuncio {
		font-size: 1.3vw!important;
	}


	.sfondo-crocchette-bundle {

		/*padding-top: 50px;*/
		padding-bottom: 50px!important;


		/*bottom:0;
		left:0;*/

		background: url("../../uploads/ufficiale/impronte-prodotto-bundle.svg");
		background-repeat: no-repeat;
		background-size: 400px;
		background-position: 17% -50px;
	}


	.ps-desk {
		padding-left: 0px;
	}


	a.fs-5 {
		font-size: 1rem !important;
	}


	.conta-sped-annuncio {
		position: absolute!important;
		/*top: 10px;*/
		left: calc(37% + 10px);
	}

	.riga-conta-sped-annuncio {
		padding-bottom: 70px!important;
	}

	.pt-tablet {
		padding-top: 90px;
	}


	.p-conta-prodotto-frame {
		position: absolute!important;
		right: 0px!important;
	}

	hr.m-conta-prodotto-frame {
		margin-top: 110px!important;
	}

	.spaz-guarantee {
		padding-bottom: 30px!important;
	}

	.item-image-conteggio {
		margin: 0px!important;
	}


	.ilform {
		padding-left:0px;
		padding-right:0px;
	}

	.larg-mass-tablet {
		width: 100% !important;
	}

	.profilo-ordini {
		left: 5px!important;
		top: 30px!important;
	}

	.impronta1-arancio-accedi {
		position: absolute;
		bottom: 500px;
		left: -60px;
		z-index: 1;
	}

	.impronta2-arancio-accedi {
		position: absolute;
		bottom: 471px;
		left: -66px;
		z-index: 1;
	}

	.impronta-grande-dx-accedi {
		position: absolute;
		bottom: 150px;
		right: -30px;
		z-index: 1;
	}

	.impronta-piccola-dx-accedi {
		position: absolute;
		bottom: 250px;
		right: 10px;
		z-index: 1;
	}

	.impronta-grande-vicino-cane-dx-accedi {
		position: absolute;
		bottom: 200px;
		right: 70px;
		z-index: 1;
	}

	.impronta-piccola-vicino-cane-dx-accedi {
		position: absolute;
		bottom: 170px;
		right: 90px;
		z-index: 1;
	}

	.impronta-grande-in-alto-a-sx-accedi {
		position: absolute;
		bottom: 150px;
		left: -40px;
		z-index: 1;
	}

	.impronta-piccola-in-alto-a-sx-accedi {
		position: absolute;
		bottom: 180px;
		left: -50px;
		z-index: 1;
	}

	.impronta-grande-in-basso-a-sx-accedi {
		position: absolute;
		bottom: 50px;
		left: -60px;
		z-index: 1;
	}


	.impronta-piccola-in-basso-a-sx-accedi {
		position: absolute;
		bottom: 50px;
		left: 10px;
		z-index: 1;
	}


	/*hr.m-conta-prodotto-frame-top {
		margin-top: 140px!important;
	}*/

	.m-carrello {
		margin-top:20px;
	}

	.pad-procedi-carrello {
		padding: 0 8px!important;
	}

	.sfondo-cane-nero-aggiungi {
				background-position: 90% -20px;
			}

	.nascondi-su-tablet {
		visibility: hidden;
	}

	.gallery-shop {
    gap: 0.6rem; /* Spazio tra le immagini */
}

.img-uniform-shop {
    height: 22.4px; /* Mantiene l'altezza fissa */
}

.img-box-shop {
	padding: 0;
}


.bone-product-wrapper .paw-print-sx {
        top: -10%; /* Posizione leggermente diversa per tablet, se necessario */
        left: -3%;
    }
    .bone-product-wrapper .paw-print-dx {
        top: 65%;
        left: 65%;
    }


		.bone-product-wrapper .paw-print-sx2 {
		        top: -25%; /* Posizione leggermente diversa per tablet, se necessario */
		        left: 75%;
		    }
		    .bone-product-wrapper .paw-print-dx2 {
		        top: 85%;
		        left: -5%;
		    }

				.pdn-negozio-venditore {
					padding: 0;
				}

				.larghezza-auto-tablet {
					width: auto!important;
				}

				.cane-profilo-venditore {
						background-color: #fef1eb!important;
						background: url("../../uploads/ufficiale/cane-profilo-venditore.svg") right bottom no-repeat,
						url("../../uploads/ufficiale/background-menu-btn-2-2-profilo-venditore.svg") right top repeat;
						background-size: auto 50%, auto 100%;
				}


}/*portrait tablet*/



@media screen and (min-width: 1024px) {

	.ps-annuncio {
		padding-left: 80px!important;
	}

	.pd-annuncio {
		padding-right: 80px!important;
	}

	.m-carrello {
		margin-top:80px;
	}

	/*inizio prodotto singolo prodotto frame*/

	.nascondi-su-desktop {
		visibility: hidden;
	}

	/*hr.m-conta-prodotto-frame {
		margin-top:-25px!important;
	}*/

	/*fine prodotto singolo prodotto frame*/

}

@media screen and (max-width: 991px) {
	body.petbuy-mobile-nav-open {
		overflow: hidden;
	}

	.petbuy-mobile-header {
		position: sticky;
		top: 0;
	}

	.petbuy-mobile-header__nav-shell {
		position: static;
	}

	.petbuy-mobile-header__drawer {
		position: absolute;
		top: calc(100% + 1px);
		left: 0;
		right: 0;
		max-height: calc(100dvh - 116px);
		overflow-y: auto;
		overscroll-behavior: contain;
		border-top: 0;
		border-radius: 0 0 24px 24px;
	}

	.petbuy-mobile-header__drawer-inner {
		padding-top: 16px;
	}

	.petbuy-mobile-header__nav-link {
		min-height: 52px;
	}

	.home .sezione-cane,
	.page-template-home-page .sezione-cane {
		position: relative;
		overflow: hidden;
		background-position: right -18px bottom 22px, right -30px bottom 16px, right 28px top 74px, left 16px bottom 94px;
		background-size: clamp(150px, 46vw, 220px) auto, clamp(180px, 54vw, 260px) auto, 62px auto, 52px auto;
		padding-top: 44px;
		padding-bottom: 16px;
		margin-top: 0;
		height: auto;
		min-height: 0;
	}

	.home .sezione-cane > section > .container,
	.page-template-home-page .sezione-cane > section > .container {
		padding-left: 16px;
		padding-right: 16px;
	}

	.home .sezione-cane .row,
	.page-template-home-page .sezione-cane .row {
		row-gap: 14px;
	}

	.home .h1principale,
	.page-template-home-page .h1principale {
		max-width: 8ch;
		margin-bottom: 14px;
		font-size: clamp(40px, 11vw, 54px) !important;
		line-height: 0.96;
		letter-spacing: -0.04em;
	}

	.home .desc-mobile,
	.page-template-home-page .desc-mobile {
		max-width: 24ch;
		margin-bottom: 0;
		font-size: 16px;
		line-height: 1.58;
		color: #344054;
	}

	.home .petbuy-home-mobile-hero-actions,
	.page-template-home-page .petbuy-home-mobile-hero-actions {
		padding-top: 14px !important;
		padding-bottom: 32px !important;
	}

	.home .petbuy-home-mobile-hero-actions .row,
	.page-template-home-page .petbuy-home-mobile-hero-actions .row {
		row-gap: 12px;
	}

	.home .petbuy-home-mobile-hero-actions .btn,
	.page-template-home-page .petbuy-home-mobile-hero-actions .btn {
		min-height: 48px;
		border-radius: 14px;
		font-weight: 700;
	}

	.home .petbuy-home-services,
	.page-template-home-page .petbuy-home-services {
		padding-top: 20px;
		padding-bottom: 44px;
	}

	.home .petbuy-home-services__grid,
	.page-template-home-page .petbuy-home-services__grid {
		row-gap: 20px;
	}

	.home .petbuy-home-services__item,
	.page-template-home-page .petbuy-home-services__item {
		margin-bottom: 0;
	}

	.home .petbuy-home-services__item .servizi,
	.page-template-home-page .petbuy-home-services__item .servizi {
		width: 54px;
		height: 54px;
		object-fit: contain;
	}

	.home .petbuy-home-services__item .font-shop,
	.page-template-home-page .petbuy-home-services__item .font-shop {
		display: block;
		padding: 0 4px;
		font-size: 11px;
		line-height: 1.45;
	}

	.home .novita-mobile h1,
	.page-template-home-page .novita-mobile h1 {
		float: none !important;
		font-size: 28px !important;
		line-height: 1.05;
	}

	.home .petbuy-home-mobile-feature,
	.page-template-home-page .petbuy-home-mobile-feature {
		margin-top: 24px !important;
	}

	.home .petbuy-home-mobile-feature .container,
	.page-template-home-page .petbuy-home-mobile-feature .container {
		padding-top: 28px !important;
		padding-bottom: 42px !important;
	}

	.home .petbuy-home-mobile-feature h1,
	.page-template-home-page .petbuy-home-mobile-feature h1 {
		font-size: 31px !important;
		line-height: 1.05;
		white-space: normal !important;
	}

	.home .petbuy-home-mobile-feature .desc-mobile,
	.page-template-home-page .petbuy-home-mobile-feature .desc-mobile {
		max-width: none;
		font-size: 15px;
	}

	.home .image-stack-container,
	.page-template-home-page .image-stack-container {
		height: 184px;
	}

	.home .overlay-image-wrapper,
	.page-template-home-page .overlay-image-wrapper {
		top: 36px;
		left: 50%;
		width: min(76vw, 270px);
		height: 180px;
		transform: translateX(-50%);
		border-radius: 20px;
	}

	.home .petbuy-home-mobile-section-head,
	.page-template-home-page .petbuy-home-mobile-section-head {
		margin-top: 36px !important;
	}

	.home .petbuy-home-mobile-section-head h1,
	.page-template-home-page .petbuy-home-mobile-section-head h1 {
		float: none !important;
		font-size: 28px !important;
		line-height: 1.08;
	}

	.home .petbuy-home-mobile-carousel,
	.page-template-home-page .petbuy-home-mobile-carousel {
		margin-top: 12px;
	}

	.home .petbuy-home-mobile-carousel .carousel,
	.page-template-home-page .petbuy-home-mobile-carousel .carousel {
		padding-bottom: 56px !important;
	}

	.home .petbuy-home-mobile-carousel .carousel-indicators [data-bs-target],
	.page-template-home-page .petbuy-home-mobile-carousel .carousel-indicators [data-bs-target] {
		width: 8px;
		height: 8px;
		margin: 0 4px !important;
		border-radius: 999px;
	}

	.home .petbuy-home-mobile-carousel .nostre-categorie,
	.page-template-home-page .petbuy-home-mobile-carousel .nostre-categorie {
		padding: 18px 18px 20px;
		font-size: 15px;
	}

	.home .petbuy-home-mobile-carousel .fw-bold.noacapo,
	.page-template-home-page .petbuy-home-mobile-carousel .fw-bold.noacapo {
		font-size: 20px;
		white-space: normal;
	}
}

@media screen and (max-width: 479px) {
	.home .petbuy-home-services__item .font-shop,
	.page-template-home-page .petbuy-home-services__item .font-shop {
		font-size: 10px;
	}

	.home .h1principale,
	.page-template-home-page .h1principale {
		font-size: 38px !important;
	}

	.home .sezione-cane,
	.page-template-home-page .sezione-cane {
		background-position: right -44px bottom 18px, right -42px bottom 12px, right 18px top 74px, left 14px bottom 92px;
	}
}

@media screen and (min-width: 601px) and (max-width: 767px) {
	.home .servizi-spazio,
	.page-template-home-page .servizi-spazio {
		padding: 28px 0 56px;
	}

	.home .petbuy-home-mobile-section-head h1,
	.page-template-home-page .petbuy-home-mobile-section-head h1 {
		font-size: 34px !important;
	}
}