:root{
  --brand:#7b3f2a; --brand-dark:#5d2c1e; --cream:#fbf5ee; --ink:#2c211d;
  --muted:#756963; --gold:#b88a4a;
}
html{scroll-behavior:smooth}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#fff}
a{text-decoration:none}
.brand-logo{width:42px;height:42px;object-fit:contain;border-radius:50%}
.navbar-brand{color:var(--brand);font-size:.95rem;letter-spacing:.04em}
.nav-link{color:#493b35!important;font-weight:500}
.nav-link:hover{color:var(--brand)!important}
.btn-brand{background:var(--brand);border-color:var(--brand);color:#fff;border-radius:999px}
.btn-brand:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff}
.btn-outline-brand{border:1px solid var(--brand);color:var(--brand);border-radius:999px}
.btn-outline-brand:hover{background:var(--brand);color:#fff}
.notice-bar{background:var(--brand);color:#fff;font-size:.9rem}
.hero-section{background:linear-gradient(120deg,var(--cream),#fff 65%);overflow:hidden}
.hero-section .display-3{color:var(--ink);line-height:1.05}
.hero-section h1 span{color:var(--brand)}
.eyebrow{font-size:.76rem;font-weight:800;letter-spacing:.16em;color:var(--brand)}
.eyebrow.light{color:#e6c79d}
.hero-card{position:relative;min-height:480px;border-radius:30px;overflow:hidden;background:#eadfd5;box-shadow:0 25px 70px rgba(70,35,20,.15)}
.hero-card img{width:100%;height:100%;min-height:480px;object-fit:cover}
.image-placeholder{height:100%;min-height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#8b776d;text-align:center;padding:20px;background:#eadfd5}
.image-placeholder i{font-size:3rem}.hero-card>.image-placeholder{min-height:480px}
.hero-badge{position:absolute;left:20px;bottom:20px;background:#fff;padding:11px 16px;border-radius:999px;box-shadow:0 10px 25px rgba(0,0,0,.12);font-weight:600;color:var(--brand)}
.hero-badge i{color:var(--brand);margin-right:6px}
.trust-row{color:var(--muted)}.trust-row i{color:var(--brand);font-size:1.1rem}
.section-padding{padding:90px 0}
.bg-light-warm{background:var(--cream)}
.bg-dark-soft{background:#332722}
.section-heading{max-width:720px;margin:0 auto 45px}
.section-heading h2{font-size:clamp(2rem,4vw,2.8rem)}
.section-heading p{color:var(--muted)}
.category-card,.product-card,.contact-card{background:#fff;border:1px solid #eee2d9;border-radius:22px;box-shadow:0 8px 30px rgba(70,35,20,.06)}
.category-card{padding:32px;height:100%;transition:.25s}
.category-card:hover,.product-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(70,35,20,.11)}
.icon-circle{width:58px;height:58px;border-radius:50%;background:#f1e2d5;color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:22px}
.category-card p,.product-card p{color:var(--muted)}
.category-card a{color:var(--brand);font-weight:700}
.product-card{overflow:hidden;height:100%;transition:.25s}
.product-img{height:260px;background:#eadfd5}
.product-img img{width:100%;height:100%;object-fit:cover}
.tag{font-size:.68rem;letter-spacing:.13em;font-weight:800;color:var(--brand)}
.feature-list>div{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.feature-list>div:last-child{border-bottom:0}
.feature-list i{color:#e4c18e;font-size:1.35rem}
.feature-list strong,.feature-list small{display:block}.feature-list small{opacity:.65;margin-top:4px}
.gallery-grid img{width:100%;height:240px;object-fit:cover;border-radius:18px;background:#eadfd5}
.step{padding:20px}.step span{display:inline-flex;width:54px;height:54px;border-radius:50%;align-items:center;justify-content:center;background:var(--brand);color:#fff;font-weight:800;font-size:1.2rem;margin-bottom:15px}
.step p{color:var(--muted);font-size:.95rem}
.advance-box{padding:55px 25px;border-radius:28px;background:linear-gradient(135deg,#f3e3d4,#fff8f1);border:1px solid #ead7c8}
.advance-box>i{color:var(--brand)}
.contact-items a{display:flex;align-items:center;gap:16px;color:var(--ink);margin-bottom:20px}
.contact-items i{width:48px;height:48px;border-radius:50%;background:#f0e0d4;color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:1.2rem}
.contact-items strong,.contact-items small{display:block}.contact-items small{color:var(--muted)}
.contact-card{padding:35px}.contact-card p{color:var(--muted)}
footer{background:#211915;color:#fff}
.floating-wa{position:fixed;right:20px;bottom:20px;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#25d366;color:#fff;font-size:1.65rem;box-shadow:0 8px 25px rgba(0,0,0,.2);z-index:1000}
@media(max-width:767px){
  .section-padding{padding:65px 0}
  .hero-card,.hero-card img,.hero-card>.image-placeholder{min-height:350px}
  .hero-section .display-3{font-size:2.65rem}
  .gallery-grid img{height:170px}
  .navbar-brand span{font-size:.8rem}
}