@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');

:root{
  --green:#184d3b;
  --green2:#2f7255;
  --cream:#fffaf0;
  --peach:#f4a261;
  --orange:#e76f51;
  --dark:#17352a;
  --muted:#6c756f;
  --white:#ffffff;
}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--dark);font-family:'DM Sans',sans-serif}
h1,h2,h3,h4,.brand{font-family:'Playfair Display',serif}
.navbar{background:var(--green);box-shadow:0 5px 20px rgba(0,0,0,.12)}
.navbar .nav-link{color:#fff!important;font-weight:600;margin:0 5px}
.navbar .nav-link:hover{color:#ffd7a8!important}
.brand{font-size:1.55rem;color:#fff;text-decoration:none;letter-spacing:.5px}
.brand-badge{width:46px;height:46px;border:2px solid #ffd7a8;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;line-height:1.05;text-align:center}
.hero{background:linear-gradient(135deg,#184d3b 0%,#2f7255 55%,#e9a15d 100%);color:white;padding:90px 0;overflow:hidden}
.hero h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.05}
.hero p{font-size:1.1rem;color:#f7f2e9}
.btn-fruit{background:var(--orange);border:none;color:white;padding:12px 24px;border-radius:30px;font-weight:700}
.btn-fruit:hover{background:#cf5c40;color:white}
.btn-outline-light{border-radius:30px}
.section{padding:75px 0}
.section-title{font-size:2.5rem;margin-bottom:10px}
.section-sub{color:var(--muted);max-width:650px}
.card-soft{border:0;border-radius:24px;background:white;box-shadow:0 10px 30px rgba(24,77,59,.09);overflow:hidden;height:100%}
.product-img{height:230px;width:100%;object-fit:cover}
.price{color:var(--green2);font-weight:700}
.badge-new{background:#ffd7a8;color:#70421f}
.feature{padding:30px;border-radius:22px;background:#f7e8d2;height:100%}
.feature i{font-size:2rem;color:var(--orange)}
.page-banner{background:linear-gradient(120deg,#184d3b,#2f7255);color:white;padding:65px 0}
.page-banner h1{font-size:3rem}
.about-img{width:100%;height:430px;object-fit:cover;border-radius:28px}
.category-box{border-radius:28px;padding:40px;color:white;min-height:270px;display:flex;align-items:end;background-size:cover;background-position:center}
.category-box.fruits{background-image:linear-gradient(0deg,rgba(0,0,0,.65),rgba(0,0,0,.08)),url('https://images.unsplash.com/photo-1610832958506-aa56368176cf?auto=format&fit=crop&w=1000&q=80')}
.category-box.vegetables{background-image:linear-gradient(0deg,rgba(0,0,0,.65),rgba(0,0,0,.08)),url('https://images.unsplash.com/photo-1540420773420-3366772f4999?auto=format&fit=crop&w=1000&q=80')}
.form-control,.form-select{border-radius:14px;padding:12px 15px;border:1px solid #d9ddd8}
footer{background:#102f25;color:#dfe9e3;padding:55px 0 20px}
footer a{color:#dfe9e3;text-decoration:none}
footer a:hover{color:#ffd7a8}
.social{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#214b3d;margin-right:7px}
@media(max-width:767px){
 .hero{padding:65px 0}.section{padding:55px 0}.page-banner{padding:45px 0}
 .about-img{height:300px}.product-img{height:210px}
}