.header-utility { display: flex; align-items: center; gap: 9px; }
.header-utility a { text-decoration: none; }
.header-account-links { display: flex; align-items: center; gap: 7px; }
.header-register-link, .header-login-link, .header-account-link { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 9px 12px; border: 1px solid #8c7b65; border-radius: 4px; font-size: 11px; font-weight: 700; letter-spacing: .04em; white-space: nowrap; }
.header-register-link { color: #6d5c47; background: transparent; }
.header-login-link, .header-account-link { color: #fff; background: #20242b; border-color: #20242b; }
.header-search-link, .header-cart-link { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; color: #333; background: #fff; border: 1px solid #d8d3c9; font-size: 22px; }
.header-cart-link svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.header-utility .language-link { color: #4b5563; font-size: 12px; text-transform: uppercase; }
.header-register-link:hover, .header-login-link:hover, .header-account-link:hover, .header-search-link:hover, .header-cart-link:hover { transform: translateY(-1px); box-shadow: 0 4px 12px #0002; }

@media (max-width: 1180px) and (min-width: 901px) {
    .header-inner { gap: 12px; padding-inline: 18px; }
    .nav { gap: 12px; }
    .brand { font-size: 25px; }
    .header-register-link, .header-login-link, .header-account-link { padding-inline: 8px; font-size: 10px; }
}

@media (max-width: 900px) {
    .header-account-links, .header-account-link, .header-search-link, .header-utility .language-link { display: none; }
    .header-actions { gap: 0; }
    .header-cart-link { width: 42px; height: 42px; color: #fff; background: #20242b; border-color: #20242b; }
}
