:root{--green:#087b2f;--dark:#064b20;--light:#f3f9f2}
body{font-family:Arial,sans-serif;color:#172019;background:#fff}
.topbar{background:var(--dark);color:#fff;font-size:13px;padding:8px 0}
.navbar-brand{letter-spacing:.5px}.nav-link{font-weight:600;margin:0 7px}.nav-link:hover{color:var(--green)!important}
.hero{min-height:470px;background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.7) 43%,rgba(255,255,255,.05) 100%),url('../images/hero.jpg') center/cover;display:flex;align-items:center}
.hero h1{font-size:48px;font-weight:800;line-height:1.1}.hero h1 span{color:var(--green)}
.hero p{font-size:18px;max-width:540px}.btn-success{background:var(--green);border-color:var(--green)}
.section-title{text-align:center;font-weight:800;margin-bottom:30px}.section-title:after{content:"";display:block;width:55px;height:3px;background:var(--green);margin:10px auto}
.category-card,.product-card,.info-card{border:1px solid #e2e7e2;border-radius:12px;background:#fff;transition:.2s;height:100%}
.category-card:hover,.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.08)}
.category-card{padding:22px;text-align:center}.category-icon{font-size:38px;color:var(--green)}
.product-card{overflow:hidden}.product-card img{width:100%;height:190px;object-fit:contain;background:#f7faf7;padding:15px}.product-body{padding:18px}
.product-body h5{font-weight:700}.badge-green{background:#e5f5e7;color:var(--green)}
.news-item{display:flex;gap:12px;border-bottom:1px solid #ddd;padding:12px 0}.news-item img{width:85px;height:65px;object-fit:cover;border-radius:8px}
.trust-strip{background:#fafcf9;border-top:1px solid #e7ebe7;padding:20px 0}.trust-strip i{color:var(--green);font-size:25px;margin-right:6px}.trust-strip small{display:block;color:#666}
.footer{background:#063d1b;color:#fff}.footer a{display:block;color:#e4f3e6;text-decoration:none;margin:7px 0}.footer a:hover{color:#fff}.footer p{color:#d6e7da}.copyright{border-top:1px solid rgba(255,255,255,.15);padding:14px;text-align:center;color:#cce1d0}
.page-header{background:var(--light);padding:55px 0}.detail-img{width:100%;max-height:430px;object-fit:contain;background:#f7faf7;border-radius:15px}
@media(max-width:768px){.topbar span:last-child{display:none}.hero{min-height:520px}.hero h1{font-size:38px}.hero p{font-size:16px}}
