.container {
    width: min(1120px, 92%);
    margin: 0 auto;
}

.site-header {
    background: var(--surface);
    border-bottom: 1px solid #e6e9f2;
    padding: 1rem 0;
    margin-bottom: 1.5rem;
}

.nav-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.brand a {
    color: var(--text);
    text-decoration: none;
}

.main-nav {
    display: flex;
    gap: 1rem;
}

.main-nav a {
    color: var(--text);
    text-decoration: none;
    font-weight: 600;
}

.product-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}