/*Categorie Home*/
.product_link{padding-top: 0px !important;}
.blocchi_new h1{text-align: center; background-color: rgba(12,113,195,0.91); color: #fff; padding: 20px; font-size: 40px; margin: 0; font-weight: 600;}
.product-container.product_link{padding-bottom: 0px;}
.product-container{display: flex; flex-wrap: wrap; justify-content: center; max-width: 1300px; margin: auto; gap: 20px; padding: 60px 20px 80px}
.product-container .category p.titolo{font-size: 24px; font-weight: 600;}
.product-container .category a{font-size: 24px; color: #0c71c3; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.product-container .category a:hover{color: #f37a23; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.product-container .box_under{padding: 20px;}
.product-container .product-card{background-color: #fff; border: 1px solid #ddd; border-radius: 5px; width: 23%; margin: 0px; text-align: center; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); padding: 0px; position: relative;}
.product-container .product-card img{max-width: 100%; height: 200px; width: 100%; object-fit: contain;}
.product-container .product-name{font-size: 18px; color: #555; margin: 0px 0; font-weight: 600;}
.product-container .price{color: rgba(12,113,195,0.91); font-weight: bold; font-size: 26px; margin: 0px 0;}
.det_box_under{display: flex; gap: 10px; justify-content: center; padding-top: 30px; padding-bottom: 20px; align-items: baseline;}
.product-container .discount{font-size: 18px; color: #888; text-decoration: line-through; padding-bottom: 0px;}
.product-container .discount.no_discount{font-size: 18px; color: #888; text-decoration: none; padding-bottom: 0px;}
.product-container .discount-badge{position: absolute; top: 10px; right: 10px; background-color: rgba(12,113,195,0.91); color: #fff; padding: 5px 10px; border-radius: 3px; font-size: 14px;}
.product-container .product-card button{background-color: rgba(12,113,195,0.91); border: 1px solid rgba(12,113,195,0.91); color: #fff; padding: 10px 15px; border-radius: 3px; cursor: pointer; width: 100%; font-size: 16px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.product-container .product-card button:hover{background-color: #fff; color: rgba(12,113,195,0.91); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.product-container .category{display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 30px; gap: 15px; width: 100%; padding: 0px 20px;}
.product-container .view-more{display: block; text-align: center; border: 1px solid rgba(12,113,195,0.91);  margin: 20px auto; padding: 15px 25px; background-color: rgba(12,113,195,0.91); color: #fff; border-radius: 0px; text-decoration: none; font-size: 16px; width: auto; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.product-container .view-more:hover{background-color: #fff; color: rgba(12,113,195,0.91); border: 1px solid rgba(12,113,195,0.91); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.product-container.view{padding-top: 0px; padding-bottom: 0px}
.product-container.view a{margin-top: 0px; margin-bottom: 0px;}
.results_products .product-container{display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 29px 20px !important;}
.results_products .product-container .product-card{width: 100% !important; margin-bottom: 30px;}
.search-title{text-align: center; padding-top: 60px;}

/*Mobile*/
@media only screen and (max-width: 1200px) {
	.product-container .category p.titolo{font-size: 22px;}
	.product-container .category a{font-size: 19px; line-height: 26px;}
	.blocchi_new h1{font-size: 32px;}
	.product-container .price{font-size: 22px;}
	.product-container .discount{font-size: 16px;}
}

@media only screen and (max-width: 1024px) {
	.product-container .product-card{width: 31%;}
	.product-container .category p.titolo{font-size: 20px;}
	.product-container .category a{font-size: 18px; line-height: 26px;}
	.product-container .category{padding: 0px 5px;}
}

@media only screen and (max-width: 768px) {
	.product-container .product-card{width: 48%;}
	.blocchi_new h1{font-size: 28px;}
	.product-container .category p.titolo{padding-bottom: 10px;}
	.product-container .category{display: grid; gap: 5px; justify-content: start;}
	.product-container .category span{display: none}
}

@media only screen and (max-width: 550px) {
	.blocchi_new h1{font-size: 23px;}
	.product-container .product-card{width: 100% !important; margin: 0px !important;}
}

/*Tabella*/
.table-container{width: 100%; max-width: 1300px; margin: auto; padding: 20px 20px 160px;}
.table-container table{width: 100%; border-collapse: collapse;}
.table-container thead tr{background: transparent !important}
.table-container th, .table-container td{padding: 16px; text-align: left; }
.table-container tr td{padding: 10px 24px;}
.table-container tr{background: #f9f9f9;}
.table-container th{background: transparent !important; color: #333;}
.table-container tr:nth-child(even){background-color: #f9f9f9;}
.table-container .discount{color: #fff; background-color: #ff0000; border-radius: 4px; padding: 4px 8px; font-size: 14px; font-weight: bold;}
.table-container .price{color: #333; font-weight: bold;}
.table-container .old-price{color: #999; text-decoration: line-through; margin-right: 8px;}
.table-container .quantity-controls{display: flex; align-items: center; gap: 8px;}
.table-container .quantity-controls button{padding: 6px 12px; font-size: 16px; border: none; background-color: #e0e0e0; cursor: pointer; border-radius: 4px;}
.table-container .quantity-controls input{width: 40px; text-align: center; border: 1px solid #ccc; border-radius: 4px; padding: 4px; font-size: 16px;}
.table-container .add-to-cart{width: auto; padding: 16px 40px; background-color: rgba(12,113,195,0.91); color: #fff; border: 1px solid rgba(12,113,195,0.91); font-weight: bold; text-align: center; cursor: pointer; font-size: 18px; transition: background-color 0.3s; float: right; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.table-container .add-to-cart:hover{background-color: #fff !important; color: rgba(12,113,195,0.91) !important; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.table-container .add-to-cart:hover{background-color: rgba(12,113,195,0.91);}
.quantity-controls input[type=number]{-moz-appearance: textfield; appearance: textfield;}
.table-container button.add-to-cart{margin-top: 20px}

/* Responsive */
@media (max-width: 1024px) {
	.table-container tr td, .table-container thead th, .table-container tr th{padding: 10px 10px}
}
	
@media (max-width: 699px) {
	.table-container tr{display: grid !important; gap: 0px; padding: 10px; border-bottom: 2px solid #f37a23;}
	.table-container thead{display: none}
	.table-container tr td, .table-container thead th, .table-container tr th{padding: 6px; font-size: 16px; border: 0px !important}
}