:root{--primary:#0b6;--dark:#222;--muted:#666}
*{box-sizing:border-box}
body{font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial; margin:0; color:#222; background:#f7f8fa}
.container{max-width:1100px;margin:0 auto;padding:20px;min-height:60vh}
.site-header{background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.06);
    position:sticky;
    top:0;
    z-index:50}.header-img-wrapper img{width:100%;height:120px;object-fit:cover;display:block}
    .main-nav{background:var(--dark);color:#fff}
    .main-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:10px;justify-content:center}
    .main-nav a{display:block;padding:10px 16px;color:#fff;text-decoration:none;font-weight:600}
    .grid{display:grid;grid-template-columns: 1fr 300px;gap:24px;margin-top:20px;align-items:start}
    .product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .card{background:#fff;padding:12px;
        border-radius:8px;
        box-shadow:0 1px 4px rgba(0,0,0,.06);
        text-align:center}
        .card img{width:100%;height:160px;object-fit:cover;border-radius:6px}
        .price{color:var(--primary);font-weight:700}.
        sidebar{background:#fff;padding:12px;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.06)}
        .site-footer{background:#111;color:#fff;padding:18px 0;position:sticky;bottom:0;width:100%}
        .site-footer .wrap{max-width:1100px;margin:0 auto;padding:0 20px}
        .btn, .btn-primary{display:inline-block;padding:8px 12px;border-radius:6px;text-decoration:none}
        .btn{background:#eee;color:#222}.btn-primary{background:var(--primary);color:#fff}
        .cart-table{width:100%;border-collapse:collapse}.cart-table th, .cart-table td{border:1px solid #eee;padding:8px;text-align:left}
        .news-list{list-style:none;padding-left:0}.news-list li{margin-bottom:12px}@media(max-width:900px){.grid{grid-template-columns: 1fr}
        .product-grid{grid-template-columns:repeat(2,1fr)}.header-img-wrapper img{height:160px}}