:root { --primary:rgb(0, 38, 255); }
*{box-sizing:border-box}
body{font-family:system-ui,Arial,Helvetica;margin:0;color:#111}
.container{max-width:1200px;margin:0 auto;padding:0 16px}
.site-header{border-bottom:1px solid #eee;background:#fff}
.topbar{padding:12px 0}
.logo img{height:44px}
.search-form{display:inline-block;margin-left:20px}
.search-form input{padding:8px 10px;width:380px;max-width:50vw}
.header-actions{float:right}
.main-nav{background:#fafafa;padding:8px 0}
.menu{display:flex;gap:18px;list-style:none;padding:0;margin:0}
.hero{padding:36px 0;display:flex;align-items:center;gap:20px}
.hero-right img{max-width:100%;display:block}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
.product-card{border:1px solid #eee;padding:10px;background:#fff}
.product-thumb img{width:100%;height:200px;object-fit:cover}
.btn{display:inline-block;padding:10px 16px;border-radius:6px;background:var(--primary);color:#fff;text-decoration:none}
.site-footer{background:#111;color:#fff;padding:24px 0;margin-top:40px}