.site-language{position:relative;display:inline-flex;align-items:center;flex-shrink:0}
.site-language__trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 13px;border:1px solid #ffffff26;border-radius:999px;color:#f8fafc;background:#ffffff08;font:700 12px/1 Arial,sans-serif;letter-spacing:.06em;cursor:pointer;direction:ltr;transition:background .18s,border-color .18s}
.site-language__trigger .material-symbols-outlined{font-size:18px;color:#9ca3af}
.site-language__trigger:hover,.site-language__trigger[aria-expanded="true"]{background:#00ccff12;border-color:#00ccff70}
.site-language__trigger[aria-expanded="true"] .material-symbols-outlined{color:#00ccff}
.site-language__chevron{width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s}
.site-language__trigger[aria-expanded="true"] .site-language__chevron{transform:translateY(2px) rotate(225deg)}
.site-language__panel{position:absolute;inset-block-start:calc(100% + 12px);inset-inline-end:0;z-index:80;width:208px;max-width:calc(100vw - 32px);padding:6px;background:#11131bf5;border:1px solid #ffffff24;border-radius:18px;box-shadow:0 18px 50px #0009,0 1px 0 #ffffff08 inset;backdrop-filter:blur(24px);direction:ltr}
.site-language__panel[hidden]{display:none}
html[dir="rtl"] .site-language__panel{left:0;right:auto}
.site-language__option{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 10px;border-radius:12px;text-decoration:none;color:#d4d4dc;font:500 13px/1.4 Inter,Arial,sans-serif;transition:background .18s,color .18s}
.site-language__option:hover{background:#ffffff0d;color:#fff}
.site-language__option[aria-current="true"]{background:#00ccff12;color:#00ccff}
.site-language__code{display:grid;place-items:center;width:32px;height:30px;border:1px solid #ffffff1a;border-radius:8px;font:700 11px/1 Arial,sans-serif;letter-spacing:.06em}
.site-language__name{flex:1;text-align:start}
.site-language__check{visibility:hidden;font-size:16px}
.site-language__option[aria-current="true"] .site-language__check{visibility:visible}
.site-language__option[aria-current="true"] .site-language__code{border-color:#00ccff40}
.site-language__trigger:focus-visible,.site-language__option:focus-visible{outline:2px solid #00ccff;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.site-language *{transition:none}}
/* Fixed navigation must not overlap a taller translated hero. Let the section
   grow with its copy instead of centering it against the entire viewport. */
#anasayfa{min-height:100svh;padding-top:clamp(120px,16vh,160px);padding-bottom:100px}
html:is([lang="en"],[lang="ar"]) #anasayfa h1{font-size:clamp(32px,8.5vw,48px);text-wrap:balance}
@media(min-width:768px){
  html:is([lang="en"],[lang="ar"]) #anasayfa h1{font-size:clamp(48px,5.5vw,72px)}
  html[lang="en"] #anasayfa h1{line-height:1.12}
}
html[dir="rtl"] body{font-family:Tahoma,Arial,sans-serif}
html[dir="rtl"] .font-display,html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3{font-family:Tahoma,Arial,sans-serif;letter-spacing:normal;line-height:1.35}
html[dir="rtl"] .text-left{text-align:right}
html[dir="rtl"] .text-right{text-align:left}
html[dir="rtl"] .tracking-widest,html[dir="rtl"] [class*="tracking-"]{letter-spacing:normal}
html[dir="rtl"] .catalog-facet-panel summary,html[dir="rtl"] input,html[dir="rtl"] textarea{text-align:right}
html[dir="rtl"] input[type="email"],html[dir="rtl"] input[type="tel"],html[dir="rtl"] a[href^="tel:"],html[dir="rtl"] a[href^="mailto:"]{direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] .site-search input{padding-inline:18px 42px}
html[dir="rtl"] .site-search__icon{right:auto;left:14px}
html[dir="rtl"] .site-search-results{text-align:right}
html[dir="rtl"] #gallery-position{direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] .site-cart-panel,html[dir="rtl"] .site-mobile-menu{right:auto;left:0;translate:-100% 0;font-family:Tahoma,Arial,sans-serif;border-left:0;border-right:1px solid #ffffff1a}
html[dir="rtl"] .site-cart-panel.is-open,html[dir="rtl"] .site-mobile-menu.is-open{translate:0}
@media(max-width:767px){.site-language__trigger{gap:6px;padding-inline:10px;font-size:11px}.site-language__trigger .material-symbols-outlined{font-size:16px}.site-header__actions{gap:6px}.site-header__logo{max-width:110px!important}.site-header__contact{display:none}}
