/* Keep the trigger in the existing header cell; anchor the menu to its right edge. */
#languageSelector{position:relative;overflow:visible}
.unified-header #languageSelector{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}
#languageSelector .language-toggle{appearance:none;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;height:100%;min-height:44px;margin:0;padding:3px;border:0;border-radius:8px;background:transparent;color:inherit;font:800 12px/1.3 Manrope,Arial,sans-serif;cursor:pointer;touch-action:manipulation}
.unified-header #languageSelector .language-toggle{color:#fff}
#languageSelector .language-toggle:hover,#languageSelector .language-toggle[aria-expanded="true"]{background:rgba(255,255,255,.12)}
#languageSelector .language-icon{width:24px;height:24px;object-fit:contain;pointer-events:none}
#languageSelector .language-toggle-label{display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}
#languageSelector .language-chevron{display:block;font-size:10px;line-height:1}
#languageSelector .language-toggle[aria-expanded="true"] .language-chevron{transform:rotate(180deg)}
#languageSelector .language-toggle:focus-visible{outline:2px solid #cf0c2c;outline-offset:2px}
.unified-header #languageSelector .language-toggle:focus-visible{outline-color:#fff}
#languageSelector .language-menu{position:absolute;z-index:110;top:calc(100% + 6px);right:0;box-sizing:border-box;width:136px;max-width:calc(100vw - 24px);margin:0;padding:6px;border:1px solid #e9e4e6;border-radius:12px;background:#fff;box-shadow:0 8px 28px rgba(38,21,27,.16);color:#302a2d;text-align:left}
#languageSelector .language-menu[hidden]{display:none!important}
#languageSelector .language-menu-item{appearance:none;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:44px;margin:0;padding:10px 12px;border:0;border-radius:7px;background:transparent;color:#302a2d;font:600 14px/1.5 Manrope,Arial,sans-serif;text-align:left;cursor:pointer;touch-action:manipulation}
#languageSelector .language-menu-item:hover{background:#f6f3f4}
#languageSelector .language-menu-item[aria-checked="true"]{background:#fff1f3;color:#b20b27;font-weight:800}
#languageSelector .language-menu-item:focus-visible{outline:2px solid #cf0c2c;outline-offset:-2px}
#languageSelector .language-menu-name{min-width:0}
/* The shared header clips its full-width shadow. Open menus need the same
   unclipped, viewport-wide background treatment as the search suggestions. */
body>.unified-header:has(#etariLanguage[aria-expanded="true"]){clip-path:none;box-shadow:0 8px 24px #0002!important;transition:none}
.unified-header:has(#etariLanguage[aria-expanded="true"])::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:inherit;z-index:-1;pointer-events:none}
@media(min-width:900px){#languageSelector .language-icon{width:32px;height:32px}}
@media(max-width:600px){#languageSelector .language-icon{width:20px;height:20px}#languageSelector .language-toggle{gap:2px;padding:0}}
html[lang="kk"] .deal-title:after{content:"Тиімді"}
html[lang="en"] .deal-title:after{content:"Great value"}
html[lang="kk"] .catalog-tile span:after{content:"Фото кейін қосылады"}
html[lang="en"] .catalog-tile span:after{content:"Photo coming soon"}
html[lang="en"] .product-page-v2 .product-brand:not(.has-logo)::before{content:"Brand"}
html[lang="kk"] :is(.product-img,.product-media,.product-gallery-frame).is-broken::after{content:"Фото қолжетімсіз"}
html[lang="en"] :is(.product-img,.product-media,.product-gallery-frame).is-broken::after{content:"Photo unavailable"}
/* Leave enough room for ENG on the compact homepage header. */
@media(max-width:899px){
  .home-page>.header{grid-template-columns:32px minmax(0,1fr) 44px 32px!important}
  .home-page .header #languageSelector{width:44px!important;min-width:44px!important;padding:0!important}
  .home-page .header #languageSelector .language-toggle{width:44px;min-height:44px;padding:0}
  body.home-page>.unified-header:has(#etariLanguage[aria-expanded="true"]){box-shadow:none!important}
  html:not([lang="ru"]) .home-page #promoCarousel:has(.promo-banner-copy){--mobile-banner-height:max(230px,calc((100vw - 40px) * .45625))}
  html:not([lang="ru"]) .home-page #promoCarousel .promo-banner-copy{padding:22px 24px}
  html:not([lang="ru"]) .home-page #promoCarousel .promo-banner-copy h1{font-size:clamp(23px,6vw,30px);line-height:1.08;letter-spacing:-.8px;margin:12px 0}
  html:not([lang="ru"]) .home-page #promoCarousel .promo-banner-copy a{margin-top:5px;padding:10px 14px;font-size:12px}
}
