.topline > .container { flex-wrap: wrap; gap: 8px 16px; }
.topline > .container > div { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 14px; }
.storefront-language { display: inline-flex; align-items: center; gap: 3px; margin: 0; flex-shrink: 0; }
.storefront-language button { min-height: 32px; min-width: 36px; border: 1px solid currentColor; border-radius: 6px; padding: 3px 6px; font: inherit; font-weight: 600; background: transparent; color: inherit; cursor: pointer; }
.storefront-language button[aria-pressed="true"] { background: #0b3141; color: #fff; }
.storefront-language button:focus-visible { outline: 2px solid #0b7185; outline-offset: 2px; }
html[lang="kk"] .button, html[lang="kk"] .tm-checkout-primary-button, html[lang="kk"] .tm-checkout-secondary-button { white-space: normal; overflow-wrap: anywhere; text-align: center; }
html[lang="kk"] .header-action span, html[lang="kk"] .bottom-nav a span { overflow-wrap: anywhere; }
@media (max-width: 767px) {
    .topline { display: block !important; }
    .topline > .container { display: flex; padding-top: 6px; padding-bottom: 6px; }
    .topline > .container > div { margin-left: auto; gap: 8px; }
    .storefront-language button { min-height: 36px; }
    html[lang="kk"] .tm-checkout-step p { font-size: 11px; overflow-wrap: anywhere; }
}