
:root{
  --accent-1: #2a9d8f; /* teal */
  --accent-2: #264653; /* deep blue */
  --agro: #b58900; /* earthy */
  --muted: #6c757d;
  --bg: #f8fafc;
  --radius: 12px;
}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial; background:var(--bg); color:#222;}
a{color:inherit}
.logo{width:40px;height:40px;border-radius:8px;object-fit:cover}
.brand{font-weight:700;color:var(--accent-2)}
.section-title{font-weight:600;margin-bottom:1rem}
.hero .carousel-caption{right:auto;left:2rem;bottom:3rem;text-shadow:0 4px 18px rgba(0,0,0,0.25)}
.feature-card img{height:220px;object-fit:cover;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}
.feature-card{border-radius:var(--radius);overflow:hidden}
.testimonials .blockquote{background:white;border-radius:12px}
.map-responsive iframe{border-radius:8px}
.cart-count{position:absolute;top:-6px;right:-10px;background:var(--accent-1);color:white;padding:2px 6px;border-radius:10px;font-size:12px}
.product-card{transition:transform .18s ease, box-shadow .18s ease;border-radius:10px;overflow:hidden;background:white}
.product-card:hover{transform:translateY(-6px);box-shadow:0 10px 30px rgba(0,0,0,0.08)}
.card-img-top{height:200px;object-fit:cover}
.btn{border-radius:10px}
@media (max-width:768px){
  .hero .carousel-caption{left:1rem;right:1rem;text-align:center}
}
/* small utilities */
.badge-category{background:linear-gradient(90deg,var(--accent-1),var(--accent-2));color:white;padding:.25rem .6rem;border-radius:999px;font-size:.8rem}
.footer-links a{color:#ddd}
