.main-nav { display: flex; gap: 16px; flex-wrap: wrap; }
.main-nav a { padding: 12px 0; }
.main-nav [aria-current="page"] { font-weight: 700; text-underline-offset: 5px; }
.inventory-filters { display: flex; flex-wrap: wrap; align-items: end; gap: 16px; }
.inventory-filters > div { flex: 1 1 200px; min-width: 0; }
.inventory-filters .search-field { flex-grow: 2; }
.inventory-filters label { margin-top: 0; }
.inventory-filters select { width: 100%; min-height: 48px; padding: 10px; border: 1px solid #8799a3; border-radius: 8px; background: white; color: #172c38; font: inherit; }
.inventory-filters > a { padding: 12px; }
.filter-help { flex-basis: 100%; margin: 0; font-size: 14px; }
.product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.product-card { padding: 18px; overflow-wrap: anywhere; }
.product-card img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; border-radius: 8px; background: #edf4f2; }
.product-code { font-weight: 700; color: #126658; margin: 16px 0 4px; }
.product-card h2 { font-size: 18px; margin-bottom: 20px; }
.stock-balances { margin-bottom: 0; }
.stock-balances > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 8px; border-top: 1px solid #e7ecef; }
.stock-balances dt, .stock-balances dd { margin: 0; }
.stock-balances dd { font-weight: 700; font-size: 18px; flex-shrink: 0; }
.selected-stock { background: #edf4f2; }
.empty-inventory { grid-column: 1 / -1; }
.inventory-pagination { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 20px; margin-top: 28px; }
.inventory-pagination a { display: inline-block; padding: 12px 20px; background: #fff; border: 1px solid #8799a3; border-radius: 8px; }
select:focus-visible { outline: 3px solid #cd8a13; outline-offset: 3px; }
@media (max-width: 900px) { .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 650px) {
    .header-content { flex-wrap: wrap; }
    .main-nav { order: 3; flex-basis: 100%; }
    .product-grid { grid-template-columns: minmax(0, 1fr); }
    .inventory-filters > div { flex-basis: 100%; }
}