:root{--primary:#6b3e26;--accent:#c88b3a;--bg:#f8f4ee;}
*{box-sizing:border-box}
body{background:var(--bg);font-family:Arial,sans-serif;margin:0}
.navbar,.footer{background:var(--primary)!important;}
.navbar-brand img{height:50px;width:auto}
.hero-title{color:var(--primary);font-weight:bold;}
.product-card{transition:.3s;height:100%}
.product-card:hover{transform:translateY(-5px)}
.market-btn{margin:2px}
.carousel-item img{
 width:100%;
 height:70vh;
 object-fit:cover;
}
.card-img-top{
 width:100%;
 height:250px;
 object-fit:cover;
}
@media (max-width:768px){
 .carousel-item img{height:40vh}
 .navbar-brand img{height:40px}
 h1.hero-title{font-size:2rem}
 .card-img-top{height:220px}
}

.whatsapp-float{
position:fixed;bottom:20px;right:20px;z-index:9999;
background:#25D366;color:#fff;padding:12px 16px;
border-radius:50px;text-decoration:none;font-weight:bold;
box-shadow:0 4px 10px rgba(0,0,0,.2);
}
.marketplace img{height:50px;margin:10px}
.story-section,.instagram-section{padding:60px 0}
.hero-overlay{background:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2));}


.hero-banner h1{animation:fadeup 1.5s ease;}
.hero-banner p{animation:fadeup 2s ease;}
@keyframes fadeup{
from{opacity:0;transform:translateY(40px)}
to{opacity:1;transform:translateY(0)}
}
.whatsapp-float{
position:fixed;right:20px;bottom:20px;background:#25D366;color:#fff;
padding:14px 18px;border-radius:50px;text-decoration:none;z-index:9999;
box-shadow:0 4px 12px rgba(0,0,0,.25);
}