body{
margin:0;
padding:0;
font-family:'Roboto', sans-serif;
background:#edf1e8;
}

.garden-hero{
min-height:400px;
padding:56px 0;
background-color:#172317;
background-image:url("../assets/greenhouse-owner-presenting-flowers-options-potential-customer-retailer_158595-7007.png");
background-size:cover;
background-position:center;
background-repeat:no-repeat;
background-attachment:scroll;
display:flex;
align-items:center;
position:relative;
color:#ffffff;
overflow:hidden;
}

.garden-hero::before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(180deg, rgba(18, 30, 18, 0.72) 0%, rgba(18, 30, 18, 0.58) 100%);
}

.garden-hero .container{
position:relative;
z-index:2;
}

.garden-hero__content{
max-width:720px;
padding:24px 0;
}

.hero-pill{
display:inline-flex;
align-items:center;
justify-content:center;
padding:8px 18px;
border-radius:999px;
background:rgba(255,255,255,0.14);
border:1px solid rgba(255,255,255,0.18);
font-size:12px;
letter-spacing:1.2px;
text-transform:uppercase;
margin-bottom:18px;
font-family:'Poppins', sans-serif;
color:#c7f0c7;
font-weight:600;
}

.hero-title{
margin:0 0 18px;
font-family:'Poppins', sans-serif;
font-size:clamp(28px, 4.2vw, 40px);
line-height:1.2;
font-weight:600;
letter-spacing:0.5px;
max-width:640px;
color:#ffffff;
}

.hero-copy{
max-width:560px;
margin:0 0 16px;
font-size:16px;
line-height:1.75;
color:rgba(255,255,255,0.92);
text-shadow:0 2px 12px rgba(0,0,0,0.2);
}

.hero-copy--secondary{
margin-bottom:28px;
}

.hero-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
min-height:52px;
padding:14px 32px;
border-radius:999px;
background: #3f5638;
border: 2px solid #3f5638;
color:#ffffff !important;
text-decoration:none;
font-family:'Poppins', sans-serif;
font-weight:600;
font-size:13px;
letter-spacing:1.1px;
text-transform:uppercase;
white-space:nowrap;
box-shadow:0 8px 24px rgba(0,0,0,0.22);
transition:all 0.25s ease;
}

.hero-btn__icon{
font-size:17px;
line-height:1;
display:inline-flex;
align-items:center;
justify-content:center;
}

.hero-btn::after{
content:"\2192";
font-size:1.1rem;
line-height:1;
transition:transform 0.2s ease;
}

.hero-btn:hover{
background: #2b3d26;
border-color: #2b3d26;
color:#ffffff !important;
transform:translateY(-2px);
box-shadow:0 12px 28px rgba(0,0,0,0.3);
}

.hero-btn:hover::after{
transform:translateX(4px);
}

@media (max-width: 991px){
  .garden-hero{
    padding:64px 0 56px;
  }

  .garden-hero__content{
    max-width:100%;
    padding:0;
  }
}

@media (max-width: 767.98px){
  .garden-hero{
    padding:56px 0 50px;
    background-position:center top;
  }

  .garden-hero__content{
    text-align:center;
  }

  .hero-title{
    margin-left:auto;
    margin-right:auto;
    font-size:26px;
  }

  .hero-copy{
    margin-left:auto;
    margin-right:auto;
    font-size:14.5px;
    line-height:1.65;
  }

  .hero-btn{
    width:100%;
    max-width:320px;
    padding:12px 24px;
    font-size:12px;
  }
}