:root{--ring:#e5e7eb;--muted:#6b7280;--ink:#111827;--brand:#0ea5e9;--bg:#fff;--header-h:64px}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font:16px/1.55 system-ui,-apple-system,Segoe UI,Inter,Roboto,Helvetica,Arial,sans-serif}
a{color:var(--brand);text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:0 18px}
header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--ring);z-index:50}
.nav{display:flex;justify-content:space-between;align-items:center;padding:10px 0;gap:12px}
.logo{display:flex;align-items:center;gap:10px}.logo img{height:44px}
.btn{appearance:none;border:1px solid var(--ring);background:#fff;border-radius:12px;padding:10px 14px;font-weight:600;cursor:pointer}
.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}
.section{padding:64px 0}.card{background:#fff;border:1px solid var(--ring);border-radius:14px;padding:14px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.hero{position:relative;color:#fff;min-height:65vh;display:flex;align-items:center}
.hero::before{content:'';position:absolute;inset:0;background:url('hero.jpg?v=8') 60% 35%/cover no-repeat;opacity:.58}
.hero>div{position:relative;z-index:1;padding:80px 0}
.band{position:relative;min-height:52vh;display:flex;align-items:center}
.band::before{content:'';position:absolute;inset:0;background:url('band.jpg?v=8') 55% center/cover no-repeat;opacity:.62}
.band>div{position:relative;z-index:1}
.band .overlay{background:rgba(0,0,0,.38);color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:14px;padding:18px}
.product-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;border:1px solid #eef0f3}
.service-card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:12px;border:1px solid #eef0f3;margin-bottom:10px}
footer{padding:28px 0;border-top:1px solid var(--ring);color:#6b7280}
/* Cart drawer */
.cart-drawer{position:fixed;top:0;right:-420px;width:380px;max-width:96vw;height:100vh;background:#fff;border-left:1px solid var(--ring);box-shadow:-10px 0 30px rgba(0,0,0,.08);transition:right .28s ease;z-index:60;padding:14px;display:flex;flex-direction:column}
.cart-drawer.open{right:0}
.cart-header{display:flex;align-items:center;justify-content:space-between;margin:2px 0 8px}
.cart-items{flex:1;overflow:auto;border-top:1px dashed #e5e7eb;border-bottom:1px dashed #e5e7eb;margin:8px 0;padding:8px 0}
.cart-items .row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #f3f4f6}
.cart-footer .totals{display:grid;grid-template-columns:1fr auto;gap:8px;margin:8px 0}.small{font-size:13px;color:#6b7280}
.badge{display:inline-block;padding:2px 8px;border-radius:999px;background:#eef6ff;color:#0369a1;font-weight:600;font-size:12px}
.icon{width:18px;height:18px;display:inline-block;vertical-align:-3px;margin-right:6px;opacity:.9}