:root{--accent:#0F172A;--accent2:#F97316;--muted:#6B7280}
body{font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;color:var(--accent);margin:0;background:#fff}
.page-width{max-width:1100px;margin:0 auto;padding:24px}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.logo a{font-weight:700;text-decoration:none;color:var(--accent);font-size:20px}
.main-nav a{margin:0 12px;text-decoration:none;color:var(--muted)}
.hero{background:#f7f7f7;padding:40px 0}
.hero-inner{display:flex;gap:32px;align-items:center}
.hero-text h1{font-size:2rem;margin:0}
.btn{display:inline-block;padding:10px 16px;background:var(--accent);color:#fff;border-radius:6px;text-decoration:none}
.grid{display:flex;flex-wrap:wrap;gap:16px}
.product-card{width:calc(25% - 12px);box-shadow:0 1px 3px rgba(0,0,0,0.06);padding:12px;border-radius:8px;background:#fff}
.product-card img{width:100%;height:auto;display:block;border-radius:6px}
.product-grid{display:flex;gap:24px}
.product-gallery{flex:1}
.product-info{flex:1}
.site-footer{background:var(--accent);color:#fff;padding:24px 0;margin-top:40px}
.site-footer a{color:#fff;text-decoration:none;display:block;margin:6px 0}
.info-cards .cards{display:flex;gap:16px}
.card{flex:1;background:#fff;padding:16px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.05)}
@media(max-width:800px){.product-card{width:calc(50% - 12px)}.hero-inner{flex-direction:column}}