:root {
--primary-green:#2ecc40;
--light-green-bg:#e0f5e0;
--text-color:#333;
--heading-color:#008400;
--max-content-width:1300px
}

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

body {
font-family:'Poppins',sans-serif;
background-color:#fff;
color:var(--text-color);
line-height:1.6
}

.container {
max-width:var(--max-content-width);
margin:0 auto;
padding:0 20px
}

.page-heading-wrapper {
background-color:#fff;
padding:40px 0 30px
}

.page-heading {
font-size:3.5rem;
font-weight:700;
color:var(--heading-color);
margin:0;
text-align:left
}

.product-detail-section {
padding:30px 0 60px;
}

.product-grid {
display:flex;
gap:40px;
align-items:flex-start
}

.product-image-placeholder {
flex-shrink:0;
width:400px;
height:550px;
border-radius:25px;
object-fit:cover
}

.product-info {
flex-grow:1;
}

.info-block {
margin-bottom:15px
}

.info-block:last-child {
margin-bottom:0
}

.info-block h2 {
font-size:2rem;
font-weight: 790;
color:var(--heading-color);
margin-bottom:3px
}

.info-block p {
font-size:1.3rem;
color:var(--text-color);
margin:0
}

@media (max-width: 1024px) {
.product-grid {
flex-direction:column;
align-items:center;
gap:30px
}

.product-image-placeholder {
width:100%;
max-width:400px;
height:400px
}

.page-heading {
font-size:3rem;
text-align:center
}

.info-block h2 {
text-align:center
}

.info-block p {
text-align:center
}
}

@media (max-width: 768px) {
.page-heading-wrapper {
padding:30px 0 20px
}

.page-heading {
font-size:2.5rem
}

.product-detail-section {
padding:20px 0 40px
}

.product-image-placeholder {
height:300px;
border-radius:20px
}

.info-block {
margin-bottom:20px
}

.info-block h2 {
font-size:1.3rem;
font-weight: 790;
}

.info-block p {
font-size:.95rem
}
}

@media (max-width: 480px) {
.container {
padding:0 15px
}

.page-heading-wrapper {
padding:20px 0 15px
}

.page-heading {
font-size:2rem
}

.product-image-placeholder {
height:250px;
width:230px;
border-radius:15px
}

.info-block h2 {
font-size:1.8rem;
font-weight: 790;

}

.info-block p {
font-size:1.2rem
}
}

.why-btn {
background:linear-gradient(90deg,#2ecc40,#006400);
color:#fff;
border:none;
padding:14px 30px;
border-radius:30px;
font-size:1.5rem;
font-weight:700;
cursor:pointer;
transition:.3s;
text-decoration: none;
}

.why-btn:hover {
opacity:.9
}

.why-btn a {
text-decoration:none;
color:inherit
}

.why-btn a:hover {
text-decoration:none;
color:inherit
}

.why-btn a:visited {
text-decoration:none;
color:inherit
}

.btn {
margin-top:20px;
width:100%;
display:flex;
border:none
}

.heading{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 130px; 
}

.heading h1{
    font-size: 4rem;
    color: #009200;
    font-weight: bold;
}