html, body {
  max-width: 100%;
  overflow-x: hidden;
  font-family: sans-serif;
}
p {
  font-family: sans-serif;
}
/* ========== Base Styles (default for large screens) ========== */
.product-section-left h6 {
	font-size: 6.5rem !important;
	font-weight: bolder !important;
	color: black !important;
}

.product-section-left h2 {
	color: black !important;
	font-size: 10rem !important;
	font-weight: bolder !important;
	margin-top: -6% !important;
}

.logo-image-product {
	width: 50% !important;
	margin-left: 5% !important;
}

.product-section-left p {
	font-size: 1.5rem;
	line-height: 2rem !important;
	width: 70%;
}

.product-section-1-right {
	width: 71% !important;
}

.product-contact-btn {
	width: 35% !important;
	font-size: xx-large;
}

.product-card {
  background: #f1cc6a !important;
  border-radius: 25px;
  text-align: center;
  color: black;
  font-weight: 500;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  border: 4px solid #8e6907;
  transition: transform 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
  height: 100%; /* ✅ let the card auto-size */
}

/* Tablet screens */
@media (max-width: 1024px) {
  .product-card, .product-card-green, .product-card-white {
    height: auto; /* allow content to expand */
    padding: 15px;
  }
}

/* Mobile screens */
@media (max-width: 576px) {
  .product-card {
    height: auto;
    padding: 10px;
  }
  .product-title {
    font-size: 1.2rem;
  }
  .detail-label,
  .detail-value {
    font-size: 0.9rem;
  }
}

.product-card-green {
	background: #66b58f !important;
	border-radius: 25px;
	text-align: center;
	color: white;
	font-weight: 500;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
	border: 4px solid #004f29;
	transition: transform 0.3s ease;
	height: 400px !important;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.product-card-white {
	background: white !important;
	border-radius: 25px;
	text-align: center;
	color: black;
	font-weight: 500;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
	border: 4px solid gray;
	transition: transform 0.3s ease;
	height: 400px !important;
	margin: 1% !important;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 1% !important;
}


.product-cart-sections {
	margin: 6% 0% 6% 5% !important;
	width: 95%;
}

.product-card-details {
	width: 28% !important;
	margin: 1% !important;
	margin-left: 4% !important;
}

.product-card, .product-card-details:hover {
	transform: translateY(-5px);
}

.product-title {
	font-weight: 550 !important;
	font-size: xx-large !important;
	padding-top: 8% !important;
	margin-top: 2% !important;
	padding-bottom: 5% !important;
}

.product-detail .detail-label {
	margin-left: 20% !important;
	text-align: right;
	display: inline-block;
}

.card-img {
	margin: 0% auto !important;
	width: 85% !important;
}

.detail-label,
.detail-value {
	max-width: 100% !important;
	font-size: medium;
}

.plane-plates-img {
	width: 120% !important;
}

.view-product-btn {
    display: none !important;
  }
/* ========== Extra Large Screens (≥1400px) ========== */
@media (min-width: 1400px) {
	.product-section-left h6 { font-size: 7rem !important; }
	.product-section-left h2 { font-size: 11rem !important; }
}

/* ========== Laptops / Desktops (≤1400px) ========== */
@media (max-width: 1410px) {
	.product-left-image-box { width: 50% !important;}
	.product-right-section-box { width: 95% !important;}
	.product-section-left h6 { font-size: 6rem !important; }
	.product-card-details { width: 45% !important; margin-left: 4% !important; }
	.product-section-left h2 { font-size: 10rem !important; }
}

/* ========== Standard Laptops (≤1280px) ========== */
@media (max-width: 1690px) {
	.product-section-left h6 { font-size: 4.7rem !important;}
	.product-section-left h2 { font-size: 7.5rem !important; }
	.product-section-left p { font-size: 1.2rem !important; width: 80% !important; }
	.product-contact-btn { width: 35% !important; font-size: large !important; }
	.product-card-details { width: 30% !important; margin: 0% !important; padding: 0% !important; margin-left: 2% !important;margin-top: 2% !important;}
	.card-img { width: 65% !important;  padding:4%;}	
}

/* ========== Medium Devices (≤1024px) ========== */
@media (max-width: 1151px) {
	.product-section-left h6 { font-size: 3.5rem !important;}
	.product-section-left h2 { font-size: 4.5rem !important; margin-top: -4% !important; }
	.product-section-left p { font-size: 1.3rem !important; line-height: 1.8rem !important; width: 100% !important; text-align: justify !important; }
	.product-section-1-right { width: 100% !important; }
	.product-contact-btn { width: 80% !important; font-size: large !important; }
	.product-card-details { width: 45% !important; margin: 2% !important;}
	.card-img { width: 100% !important;  padding: 5%;}
	.product-left-image-box { width: 60% !important; text-align: center !important;}
	.product-left-image-box img { text-align: center !important;}
	.product-right-section-box { width: 95% !important;}
	.product-detail { padding-left: 0% !important;	}
	.product-card-green .product-detail { padding-left: 0% !important; }
	.product-card-white .product-detail { padding-left: 0% !important; }
	.product-card { margin-bottom: 7% !important;margin-left: 0% !important; }
	.product-card-green {   padding-bottom: 40px !important; }
	.product-card-white {   padding-bottom: 40px !important;}
	.detail-value { font-size: 1.2rem !important; }
	.detail-label { font-size: 1.2rem !important; }
}

/* ✅ Special Fix for Low Height Screens (1024 × 600) */
@media (max-width: 1024px) and (max-height: 600px) {
	.product-section-left h6 { font-size: 4rem !important; }
	.product-section-left h2 { font-size: 4.5rem !important; margin-top: -4% !important; }
	.product-section-left p { font-size: 1.3rem !important; line-height: 1.8rem !important; width: 100% !important; text-align: justify !important; }
	.product-section-1-right { width: 100% !important; }
	.product-contact-btn { width: 80% !important; font-size: large !important; }
	.product-card-details { width: 45% !important; margin: 2% !important;}
	.card-img { width: 100% !important;  padding: 5%;}
	.product-left-image-box { width: 60% !important; text-align: center !important;}
	.product-left-image-box img { text-align: center !important;}
	.product-right-section-box { width: 95% !important;}
	.product-detail { padding-left: 0% !important;	}
	.product-card-green .product-detail { padding-left: 0% !important; }
	.product-card-white .product-detail { padding-left: 0% !important; }
	.product-card { margin-bottom: 7% !important;  }
	.product-card-green {   padding-bottom: 40px !important; }
	.product-card-white {   padding-bottom: 40px !important;}
	.detail-value { font-size: 1.2rem !important; }
	.detail-label { font-size: 1.2rem !important; }
}

/* ========== Tablets (≤768px) ========== */
@media (max-width: 768px) {

	.product-section-left { padding: 5% !important; }
	.product-section-left h6 { font-size: 3rem !important; }
	.product-section-left h2 { font-size: 4rem !important; }
	.product-section-left p { font-size: 1.2rem !important; line-height: 1.6rem !important; }
	.logo-image-product { width: 60% !important; margin-left: -2% !important; }
	.product-contact-btn { width: 100% !important; font-size: large !important; }
	.product-card-details { width: 45% !important; margin-top: 10% !important; margin: 0% !important;}
	.product-detail .detail-label {min-width: 30% !important;font-size: 0.8rem !important; margin: 0% !important; padding: 0% !important; }
	.product-detail .detail-value {  margin: 0% !important; padding: 0% !important; font-size: 0.8rem !important; }
	.detail-value { font-size: 0.6rem !important; }
	.card-img { width: 120% !important; padding: 0% !important;  }
	.product-features {
    	margin: 0% !important;
	}
	#div-plane-plates-section, #Compartment-plates-section, #dona-bowls-section, #clamshell-box-section, #container-box-section, #cup-lids-section, #cup-lids-box-section{
		display: none;
	}
	.view-product-btn {
		display: block !important;
		text-align: center !important;
	}
	.product-left-image-box { width: 100% !important; text-align: center !important;}
	.product-left-image-box img { width: 70% !important;text-align: center !important;}
	.product-right-section-box { width: 95% !important;}
	.card-img { width: 50% !important;  padding: 5%;}	
	.product-card, .product-card-green, .product-card-white  {
		margin: 5% !important;
	}
	.product-card-green, .product-card-white {
		padding-bottom: 0% !important;
	}
	.product-title {
		font-size: 1.6rem !important;
	}
	.view-product-btn {
		width: 85% !important;
	}
}

/* ========== Large Phones (≤576px) ========== */
@media (max-width: 576px) {
	.product-section-left h6 { font-size: 2.5rem !important; }
	.product-section-left h2 { font-size: 3.5rem !important; }
	.product-section-left p { font-size: 1rem !important; line-height: 1.5rem !important; }
	.product-contact-btn { font-size: medium !important; }
	.product-card, .product-card-green, .product-card-white { height: auto !important;padding: 0% !important; }
	.card-img { width: 80% !important; }
	.product-title {
		font-size: 1.4rem !important;
	}
	.product-title {
		font-size: 1rem !important;
	}
	.detail-label {
		font-size: 0.4rem !important;
	}
	.product-card, .product-card-green, .product-card-white {
		padding-bottom: 10% !important;
		padding-top: 10% !important;
	}
	.detail-label, .detail-value { 
		font-size: 0.9rem !important;
		min-width:0% !important;
	}
	.product-detail {
		margin-left: 10% !important;
	}
	.product-card-details {
		margin-left: 2% !important ;
	}
}

/* ========== Small Phones (≤480px) ========== */
@media (max-width: 480px) {
	.product-section-left h6 { font-size: 2rem !important; }
	.product-section-left h2 { font-size: 3rem !important; }
	.product-section-left p { font-size: 0.95rem !important; line-height: 1.4rem !important; }
	.product-contact-btn { font-size: small !important; }
	.product-title { font-size: 1.2rem !important; margin: 0% !important; }
	.detail-label, .detail-value { font-size: 0.9rem !important;  width: 45% !important;}
	.product-features {
			margin: 0% !important;
		}
  .product-detail {
	text-align: center !important;
	padding-left:3% !important;
  }
  .product-card, .product-card-green, .product-card-white {
	padding-bottom: 8% !important;
  }
  .product-card-details { 
	width: 100% !important; padding: auto; text-align: center !important;
	margin: 0% !important;
	width: 95% !important;
	}	
  #div-plane-plates-section, #Compartment-plates-section, #dona-bowls-section, #clamshell-box-section, #container-box-section, #cup-lids-section, #cup-lids-box-section{
    display: none;
  }
  .view-product-btn {
    display: block !important;
    text-align: center !important;
  }
}