.container { width: min(calc(100% - 2rem), var(--content-width)); margin-inline: auto; }
.container--narrow { max-width: var(--content-width-narrow); }
.section { padding-block: var(--section-space); }
.site-header { min-height: var(--header-height); border-bottom: 1px solid var(--color-header-border); background: var(--color-navy-900); color: var(--color-white); }
.site-header__inner { display: flex; min-height: var(--header-height); align-items: center; justify-content: space-between; gap: var(--space-4); }
.brand { color: var(--color-white); font-size: 1rem; font-weight: 750; letter-spacing: 0.04em; text-decoration: none; }
.brand:hover { color: var(--color-white); }
.site-nav__list { display: flex; flex-wrap: wrap; gap: var(--space-4); list-style: none; margin: 0; padding: 0; }
.site-nav a { color: var(--color-white); font-size: var(--text-sm); text-decoration: none; }
.site-nav a:hover { color: var(--color-gold); }
.site-header__cart { display: inline-flex; min-height: 2.75rem; align-items: center; gap: var(--space-2); border: 1px solid rgb(255 255 255 / 30%); border-radius: var(--radius-sm); color: var(--color-white); padding: 0.5rem 0.75rem; font-size: var(--text-sm); text-decoration: none; }
.site-header__cart:hover { border-color: var(--color-gold); color: var(--color-white); }
.site-main { min-height: calc(100vh - var(--header-height) - 5.5rem); }
.content-grid { display: grid; gap: var(--space-5); }
.site-footer { border-top: 1px solid var(--color-border); background: var(--color-white); color: var(--color-muted); padding-block: var(--space-6); }
.site-footer .brand { color: var(--color-navy-950); }
.site-footer .brand:hover { color: var(--color-blue-700); }
.site-footer p { margin: 0; font-size: var(--text-sm); }