/* Keep the expanded shop navigation readable at every desktop width. */
@media (min-width: 768px) {
.header > ul { flex: 1 1 0; width: auto; gap: clamp(12px, 1.4vw, 26px); }
.header > ul li { margin-right: 0; flex-shrink: 0; font-size: clamp(12px, 1.02vw, 16px); }
.header > ul li a { white-space: nowrap; }
.header__logo { flex: 0 0 130px; width: 130px; margin-inline: clamp(22px, 3vw, 48px); }
.header__logo img { max-width: 100%; }
}
@media (min-width: 768px) and (max-width: 1150px) {
.header { flex-wrap: wrap; justify-content: center; row-gap: 22px; }
.header__logo { order: 1; flex-basis: 100%; margin: 0; text-align: center; }
.header__logo img { width: 130px; }
.header > ul { order: 2; flex: 0 1 auto; justify-content: center; margin: 0; gap: 18px; }
.header > ul:last-of-type { justify-content: center; margin-left: 18px; }
.header > ul li { font-size: 13px; }
}