/* ===== Header + Search (design palette) ===== */
.hs-header{
  --hs-blue:#1F4FE0;--hs-blueDeep:#0E2A78;--hs-blueSoft:#EEF2FF;
  --hs-ink:#0B1220;--hs-inkDim:#5B6577;--hs-line:#E6E8EE;--hs-bg:#F5F7FB;
  background:#fff;font-family:Inter,system-ui,sans-serif;position:relative;z-index:50;
}
.hs-promo{background:var(--hs-blue);color:#fff;padding:11px 16px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;text-align:center;line-height:1.3}
.hs-promo i{color:#FFD66B}
.hs-promo b{margin:0 2px}
/* TOPUP_CAMPAIGN_v1 — kampanya şeridi: dikkat çeken renk, büyük yazı, hafif nabız (hareket azaltma tercihinde durur). */
.hs-camp{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 14px;padding:12px 16px;background:linear-gradient(90deg,#ff3d77 0%,#ff7a18 55%,#ffb800 100%);background-size:200% 100%;color:#fff;text-decoration:none;text-align:center;line-height:1.25;animation:hsCampSlide 6s ease-in-out infinite}
.hs-camp:hover{color:#fff;text-decoration:none;filter:brightness(1.05)}
.hs-camp-gift{font-size:22px;display:inline-block;animation:hsCampWiggle 2.4s ease-in-out infinite}
.hs-camp-head{font-size:19px;font-weight:900;letter-spacing:.3px;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.18)}
.hs-camp-sub{font-size:15px;font-weight:600}
.hs-camp-cta{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#e11d48;font-weight:800;font-size:14px;padding:7px 16px;border-radius:999px;box-shadow:0 0 0 0 rgba(255,255,255,.7);animation:hsCampPulse 1.8s ease-out infinite}
@keyframes hsCampPulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.75)}70%{box-shadow:0 0 0 12px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
@keyframes hsCampWiggle{0%,70%,100%{transform:rotate(0)}75%{transform:rotate(-14deg) scale(1.15)}80%{transform:rotate(12deg) scale(1.15)}85%{transform:rotate(-8deg)}90%{transform:rotate(6deg)}}
@keyframes hsCampSlide{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media (max-width:640px){.hs-camp{padding:10px 12px;gap:4px 10px}.hs-camp-head{font-size:16px}.hs-camp-sub{font-size:13px}.hs-camp-cta{font-size:13px;padding:6px 12px}}
@media (prefers-reduced-motion:reduce){.hs-camp,.hs-camp-gift,.hs-camp-cta{animation:none}}
/* IMPERSONATION_v1 — "yönetici olarak görüntülüyorsunuz" bandı. Tailwind sabit alt kümesine bağlı
   kalmamak için satır içi stil (memory: tailwind-fixed-subset — bundle'da olmayan sınıf sessizce ölür). */
.hs-impersonation-bar{background:#B45309;color:#fff;padding:10px 16px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;font-size:14px;font-weight:600;text-align:center;line-height:1.35}
.hs-impersonation-bar i{color:#FDE68A}
.hs-impersonation-bar a{color:#fff;text-decoration:underline;font-weight:700;white-space:nowrap}

.hs-navwrap{border-bottom:1px solid var(--hs-line)}
.hs-navrow{max-width:1320px;margin:0 auto;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}
/* LOGO_5X_ORAN_v1 (2026-09-07) — logo artık İKİ EKSENDEN tavanlı.
   NEDEN: kullanıcı logo dosyasını canlıda değiştirdi (350x122, oran 2,87 →
   275x55, oran 5,00) ve depodaki kopya bayat kalmıştı. Eski kural yalnız
   YÜKSEKLİK veriyordu (height:39px;width:auto), yani genişlik tamamen dosyanın
   oranına bırakılmıştı: aynı 39px'lik yükseklik oran 2,87'de 111,9px, oran
   5,00'te 195,0px yer kaplıyor (+%74). Ölçüldü (headless Chrome, iframe):
   yeni logoyla 320/360/375px'te sayfa yatay taşıyor, 320-430px arasında
   hamburger "Register" düğmesinin üstüne biniyordu (kesişim 360px'te 79px).
   YENİ KURAL: yükseklik tavanı (max-height) + genişlik tavanı (max-width:100%,
   yani ebeveynin flex ile PAYINA DÜŞEN genişlik). Görsel iki tavanın içine
   oranını koruyarak sığar; hangisine önce çarptığı logonun oranına bağlıdır.
   Böylece 5:1 de 2,8:1 de güvenli — logo dosyası bir daha değişirse başlık
   bozulmaz, yalnız logo küçülür. min-width:0 şart: onsuz flex öğesinin
   otomatik asgari boyu (min-width:auto) görselin doğal genişliği olur ve
   daralma hiç gerçekleşmez, satır taşar. */
.hs-logo{display:inline-flex;align-items:center;min-width:0}
.hs-logo img{height:auto;width:auto;max-height:39px;max-width:100%;min-width:0;display:block}

/* nav links — desktop only; mobile drawer styling comes from style.css (.menu-area @max-767) */
@media(min-width:768px){
  .hs-nav{display:flex;align-items:center;gap:2px}
  .hs-navlink{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:10px;color:var(--hs-ink) !important;background:transparent;font-size:14.5px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s}
  .hs-navlink:hover{background:var(--hs-blueSoft);color:var(--hs-blue) !important}
  .hs-navlink.hs-active{background:var(--hs-blueSoft);color:var(--hs-blue) !important}
  .hs-navlink i{font-size:15px;width:18px;text-align:center}
}

/* MOBILE_DRAWER_STACK_v1 (2026-09-01) — mobil çekmecede linkler ALT ALTA dizilmiyordu.
   Yukarıdaki blok .hs-nav{display:flex} ve .hs-navlink{display:inline-flex} kurallarını
   yalnız @min-768'de veriyor; bundle'daki .menu-area ise flex-direction:column ve
   width:100% diyor ama display:flex VERMİYOR. Sonuç (390px'te ölçüldü): nav
   display:block, bağlantılar display:inline → sütun yönü ve width:100% ATIL kalıyor,
   6 link paragraf gibi yan yana akıyor, "Middle East"/"All Countries" satır ortasından
   bölünüyor ve açık menünün X düğmesi "Europe" yazısının üstüne biniyor.
   .menu-area'nın evi bundle olduğu için ONA DOKUNULMADI (display:flex'i oraya eklemek
   aynı kuralın ikinci evini açardı); burada yalnız bu dosyanın kendi sınıfı olan
   .hs-navlink'in mobil display'i tamamlanıyor — blok seviyesi flex olduğu için
   ebeveynin flex olmasına gerek kalmıyor. Dikey boşluk padding ile veriliyor çünkü
   bundle'daki .menu-area > a kuralı margin'i !important ile kilitliyor. */
.hs-drawer-only{display:none}
@media(max-width:767px){
  .menu-area .hs-navlink{display:flex;align-items:center;gap:12px;padding:12px 0;text-decoration:none}
  .menu-area .hs-navlink i{flex:0 0 26px;width:26px;text-align:center}
  /* MOBILE_DRAWER_ACTIONS_v1 (2026-09-01) — çekmece açıkken üst bardaki dil/Giriş/Kayıt
     düğmeleri ERİŞİLEMEZ oluyor: .menu-area, .hs-navrow'un ÇOCUĞU olduğu için
     z-index:9 kendi ebeveyninin içeriğinin üstüne biniyor (ölçüldü: açıkken
     elementFromPoint(195,30) = NAV.menu-area, logo ve .hs-actions altta kalıyor).
     Ekranın alt %60'ı boş mavi dururken hesap yolu kapalıydı. Bu düğmeler
     .menu-area'nın DOĞRUDAN <a> çocuğu değil (bir div içinde) — bundle'daki
     .menu-area > a kuralının 20px/alt-çizgi biçimi onlara bilerek uygulanmıyor. */
  .menu-area .hs-drawer-only{display:flex}
  .hs-drawer-actions{gap:10px;margin-top:26px}
  .hs-drawer-btn{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;height:46px;border-radius:12px;border:1.5px solid rgba(255,255,255,.55);color:#fff;font-size:16px;font-weight:700;text-decoration:none}
  .hs-drawer-btn-primary{background:#fff;border-color:#fff;color:#1e40af}
  /* CURRENCY_v1 — para seçici: üst barda dar ekranda yer yok, çekmecede chip satırı */
  .hs-cur-top{display:none}
  .hs-drawer-cur{flex-wrap:wrap;gap:8px;margin-top:22px}
  .hs-drawer-cur a{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 14px;border-radius:10px;border:1.5px solid rgba(255,255,255,.55);color:#fff;font-size:14px;font-weight:700;text-decoration:none}
  .hs-drawer-cur a.sel{background:#fff;border-color:#fff;color:#1e40af}
}

.hs-actions{display:flex;align-items:center;gap:8px}
.hs-lang-btn{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;border:none;border-radius:10px;background:transparent;color:var(--hs-ink);font-size:14px;font-weight:600;cursor:pointer}
.hs-lang-btn:hover{background:var(--hs-bg)}
.hs-lang-btn .lblShort{display:none;font-weight:700;letter-spacing:.02em}
.hs-lang-menu{position:absolute;right:0;margin-top:8px;width:176px;background:#fff;border-radius:12px;box-shadow:0 12px 32px rgba(11,18,32,.16);border:1px solid var(--hs-line);padding:6px;z-index:1000}
.hs-lang-menu a{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:8px;font-size:14px;text-decoration:none;color:var(--hs-ink)}
.hs-lang-menu a:hover{background:var(--hs-bg)}
.hs-lang-menu a.sel{color:var(--hs-blue);font-weight:700}
.hs-btn{height:40px;padding:0 18px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;border:1px solid var(--hs-line);background:#fff;color:var(--hs-ink);transition:background .15s,border-color .15s}
.hs-btn:hover{background:var(--hs-bg)}
.hs-btn-primary{border:none;background:var(--hs-blue);color:#fff;padding:0 20px;box-shadow:0 6px 16px rgba(31,79,224,.28)}
.hs-btn-primary:hover{background:#1A45C8}

/* search band */
.hs-band{background:var(--hs-bg);border-bottom:1px solid var(--hs-line);padding:22px 28px}
.hs-search{position:relative;width:100%;max-width:760px;margin:0 auto}
.hs-shell{display:flex;align-items:center;gap:6px;background:#fff;border:2px solid var(--hs-line);border-radius:16px;padding:6px;box-shadow:0 4px 14px rgba(11,18,32,.05);transition:border-color .15s,box-shadow .15s}
.hs-shell.hs-open{border-color:var(--hs-blue);box-shadow:0 16px 40px rgba(31,79,224,.18)}
.hs-shell-in{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-left:14px;flex:1;min-width:0}
.hs-sicon{color:var(--hs-inkDim);font-size:18px;flex-shrink:0;transition:color .15s}
.hs-shell.hs-open .hs-sicon{color:var(--hs-blue)}
#hsInput{flex:1 1 90px;min-width:90px;border:none;outline:none;background:transparent;font-size:16px;font-weight:500;color:var(--hs-ink);padding:13px 0;font-family:inherit}
.hs-clear{width:26px;height:26px;border-radius:50%;border:none;cursor:pointer;background:var(--hs-bg);color:var(--hs-inkDim);display:none;place-items:center;flex-shrink:0;font-size:12px}
.hs-clear.show{display:grid}
.hs-go{height:48px;padding:0 26px;border:none;border-radius:11px;background:var(--hs-blue);color:#fff;font-size:16px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:9px;flex-shrink:0;box-shadow:0 6px 16px rgba(31,79,224,.32)}
.hs-go:hover{background:#1A45C8}

/* dropdown */
.hs-dd{position:absolute;top:calc(100% + 10px);left:0;right:0;z-index:60;background:#fff;border-radius:18px;border:1px solid var(--hs-line);box-shadow:0 24px 56px rgba(11,18,32,.16);padding:8px;overflow:hidden;display:none}
.hs-dd.hs-open{display:block}
.hs-cap{display:flex;align-items:center;gap:8px;padding:10px 14px 6px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--hs-inkDim)}
.hs-cap i{color:var(--hs-blue)}
.hs-chips{display:flex;flex-wrap:wrap;gap:8px;padding:4px 10px 12px}
.hs-chip{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--hs-line);background:#fff;border-radius:999px;padding:7px 14px 7px 8px;cursor:pointer;font-size:13.5px;font-weight:600;color:var(--hs-ink);transition:border-color .15s,color .15s}
.hs-chip:hover{border-color:var(--hs-blue);color:var(--hs-blue)}
.hs-chip img{width:22px;height:16px;object-fit:cover;border-radius:3px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.hs-rgrid{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px 6px 6px}
.hs-rcard{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;text-decoration:none;color:inherit;transition:background .15s}
.hs-rcard:hover{background:var(--hs-bg)}
.hs-rico{width:28px;height:28px;border-radius:8px;background:var(--hs-blueSoft);color:var(--hs-blue);display:grid;place-items:center;flex-shrink:0;font-size:15px}
.hs-rcard .nm{font-size:14px;font-weight:700;color:var(--hs-ink)}
.hs-rcard .sb{font-size:12px;font-weight:500;color:var(--hs-inkDim)}

.hs-row{display:flex;align-items:center;gap:14px;padding:11px 14px;border-radius:12px;text-decoration:none;color:inherit;cursor:pointer}
.hs-row.hs-act{background:var(--hs-blueSoft)}
.hs-row .flag{width:30px;height:22px;object-fit:cover;border-radius:4px;flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.hs-row .gl{width:30px;height:30px;border-radius:50%;background:var(--hs-blue);color:#fff;display:grid;place-items:center;flex-shrink:0;font-size:16px}
.hs-row .mn{flex:1;min-width:0}
.hs-row .t{font-size:15px;font-weight:700;color:var(--hs-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hs-row .s{font-size:12.5px;font-weight:500;color:var(--hs-inkDim)}
.hs-5g{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:var(--hs-blueSoft);color:var(--hs-blue);font-size:11px;font-weight:800;letter-spacing:.02em}
.hs-tagsoft{display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:6px;background:var(--hs-bg);color:var(--hs-inkDim);font-size:11px;font-weight:700}
.hs-row .ar{color:var(--hs-inkDim);font-size:13px;flex-shrink:0}
.hs-row.hs-act .ar{color:var(--hs-blue)}
/* country-row trailing arrow: clickable -> navigates to the country page (row body adds to selection) */
.hs-navarrow{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;color:var(--hs-inkDim);font-size:13px;flex-shrink:0;cursor:pointer;transition:background .15s,color .15s}
.hs-navarrow:hover{background:var(--hs-blue);color:#fff}
.hs-row.hs-act .hs-navarrow{color:var(--hs-blue)}
.hs-row.hs-act .hs-navarrow:hover{color:#fff}
.hs-row.hs-added{background:rgba(31,177,107,.08)}
.hs-row.hs-added.hs-act{background:var(--hs-blueSoft)}
.hs-none{padding:28px 16px;text-align:center}
.hs-none .nt{font-size:14px;font-weight:700;color:var(--hs-ink)}
.hs-none .ns{font-size:13px;color:var(--hs-inkDim);margin-top:4px;font-weight:500}
.hs-foot{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;margin-top:4px;border-top:1px solid var(--hs-line);font-size:12px;color:var(--hs-inkDim);font-weight:500}
.hs-foot .nav{display:inline-flex;align-items:center;gap:8px}
.hs-foot .live{display:inline-flex;align-items:center;gap:6px}
.hs-kbd{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;background:#fff;border:1px solid var(--hs-line);border-radius:5px;font-size:11px;font-weight:700;color:var(--hs-inkDim)}
.hs-dot{width:7px;height:7px;border-radius:50%;background:#1FB16B;display:inline-block}

/* DAR_MASAUSTU_KUSAGI_v1 (2026-09-07) — 768-1259px'te başlık satırı TAŞIYORDU.
   Bu, logo değişikliğinden ÖNCE de vardı; ölçüldü (eski 350x122 logo geri konup
   aynı düzenekle çalıştırıldı): 768px'te 203px, 1024px'te 101px yatay taşma.
   Yeni 5:1 logo bunu 280px / 184px'e çıkardı. Sebep yapısal: >=768'de mobil
   çekmece kapanıp 6 nav linki satır içine geliyor, üstüne logo + dil adı +
   Login + Register aynı satıra sığmıyor. Tam masaüstü düzeni ÖLÇÜLDÜ: 1241px
   içerik istiyor, yani 1260px altında sığmıyor.
   Bu kuşakta hiçbir bağlantı/düğme GİZLENMEZ; yalnız (a) nav linklerinin
   İKONLARI kaldırılır (6 x 26px = 156px kazanç, metinler yerinde durur),
   (b) dil düğmesi tam ad yerine iki harfli kodu gösterir (mobilde zaten öyle,
   ~55px kazanç), (c) dolgu/boşluklar kısılır. 768-899 arası ayrıca bir kademe
   daha sıkılır, çünkü ölçümde 768px'te logo 50px'e iniyordu.
   ÖLÇÜLDÜ (2026-09-07): 768/800/850/899 -> taşma yok, logo 150x30;
   900/1024/1199/1259 -> taşma yok, logo 170x34; 1260+ tam düzen, logo 195x39. */
@media(min-width:768px) and (max-width:1259px){
  .hs-navrow{padding:14px 14px;gap:10px}
  .hs-nav{gap:0}
  .hs-navlink{padding:9px 7px;font-size:13.5px}
  .hs-navlink i{display:none}
  .hs-actions{gap:4px}
  .hs-actions .hs-lang-btn{padding:0 6px;gap:4px}
  .hs-actions .hs-lang-btn .lbl{display:none}
  .hs-actions .hs-lang-btn .lblShort{display:inline}
  .hs-btn{padding:0 10px}
  .hs-btn-primary{padding:0 12px}
  .hs-logo img{max-height:34px}
}
@media(min-width:768px) and (max-width:899px){
  .hs-navrow{padding:14px 10px;gap:8px}
  .hs-navlink{padding:9px 4px;font-size:13px}
  .hs-btn{padding:0 8px;font-size:13px}
  .hs-btn-primary{padding:0 9px}
  .hs-actions .hs-lang-btn{padding:0 4px;font-size:13px}
  .hs-logo img{max-height:30px}
}

/* SINIR_768_CAKISMASI_v1 (2026-09-07) — bu blok `max-width:768px` idi ve tam
   768px'te YUKARIDAKİ `@media(min-width:768px)` bloğuyla İKİSİ BİRDEN
   uygulanıyordu: sayfa aynı anda hem masaüstü (nav linkleri satır içi) hem
   mobil (sıkıştırılmış düğmeler + hamburger için ayrılmış sağ boşluk) oluyordu.
   Doğrusu 767'dir; kanıt aynı dosyada zaten var (yukarıdaki `max-width:767px`
   bloğu) ve bundle'daki mobil çekmece de `style.css:139` `max-width:767px`
   içinde — yani 768px'te çekmece masaüstü modundayken bu blok mobil moddaydı.
   Hamburger de 768'de Tailwind'in `md:hidden` kuralıyla zaten gizli; ona
   ayrılan sağ boşluk boşuna duruyordu. ÖLÇÜLDÜ (768px, düzeltme öncesi):
   280px yatay taşma. */
@media(max-width:767px){
  /* display:contents drops the header's own box so the nav row's sticky
     containing block becomes <body> (tall) -- otherwise sticky would only hold
     for the header's own height. Promo + search band stay in flow and scroll
     away, leaving just the compact nav row pinned. --hs-* vars still inherit. */
  .hs-header{display:contents}
  .hs-navrow{padding:12px 16px;gap:8px;position:relative}
  .hs-navwrap{position:sticky;top:0;z-index:50;background:#fff}
  /* LOGO_5X_ORAN_v1 (2026-09-07) — mobilde logo YÜKSEKLİK TAVANI 36px.
     Eskiden `height:36px` (sabit yükseklik) yazıyordu; genişlik serbest kaldığı
     için 5:1 oranlı yeni logo 180px yer kaplıyor ve satırı taşırıyordu. Artık
     tavan: taban kuraldaki max-width:100% ile logo, satırdan kendisine kalan
     payın içine oranını koruyarak sığar.
     ÖLÇÜLDÜ (2026-09-07, headless Chrome + iframe ile gerçek görüntü alanı) —
     bu düzeltmelerden SONRA render edilen logo: 320px -> 73x14,6 ·
     360px -> 113x22,6 · 375px -> 128x25,6 · 390px -> 143x28,6 ·
     414px -> 167x33,4 · 480px ve üstü -> 180x36 (tavana oturur).
     Eski 2,8689 oranlı logonun aynı yerlerdeki genişlikleri (83,2 / 103,3 /
     111,9) ARTIK GEÇERSİZDİR; dosya 275x55 olduğu için oran 5,00. */
  .hs-logo img{max-height:36px}
  .hs-band{padding:16px}
  .hs-go{padding:0 16px}
  .hs-go .lbl{display:none}
  /* HAMBURGER_REZERVI_v1 (2026-09-07) — sağ blok hamburgerin altına girmesin.
     Hamburger `style.css:146` ile `position:absolute; right:20px; z-index:999`
     ve genişliği 24px (span'lar `w-6`) → SOL kenarı her zaman W-44'te.
     .hs-actions'ın sağ kenarı ise W - (navrow sağ dolgusu) - (margin-right).
     Aradaki boşluk = dolgu + margin-right - 44.
     Eski değer 36px'ti: 16px dolguyla 8px boşluk kalıyordu (yeterli), AMA
     aşağıdaki dar-ekran bloğunda dolgu 12px'e düşüyor ve boşluk 4px'e iniyordu.
     40px yapıldı → 16px dolguda 12px, 12px dolguda 8px boşluk. İkisi de kabul
     eşiği olan 6px'in üstünde. ÖLÇÜLDÜ (2026-09-07): 320-767px arası her
     ölçülen genişlikte hamburger ile hem .hs-actions hem "Register" arasında
     8-12px boşluk var, kesişim yok. */
  .hs-actions{margin-right:40px;gap:4px}
  .hs-actions .hs-lang-btn{padding:0 4px;gap:2px}
  .hs-actions .hs-lang-btn svg{width:12px;height:12px}
  .hs-actions .hs-lang-btn .lbl{display:none}
  .hs-actions .hs-lang-btn .lblShort{display:inline}
  .hs-btn{height:36px;padding:0 8px;font-size:13px}
  .hs-btn-primary{padding:0 10px}
  .hs-rgrid{grid-template-columns:1fr}
  .hs-foot .nav{display:none}
}

/* DAR_EKRAN_SIRALAMA_v1 (2026-09-07) — bu blok eskiden yukarıdaki mobil bloğun
   İÇİNDE, `@media(max-width:350px)` olarak ve `.hs-actions{gap:4px}` /
   `.hs-btn{padding:0 8px}` satırlarından ÖNCE duruyordu. Aynı özgüllükte iki
   kural çakışınca kaynakta SONRA gelen kazanır — yani o bloğun düğme/boşluk
   kısıntıları hiç uygulanmıyordu, ÖLÜ KODDU. Kanıt (ölçüldü): 320px ile 360px'te
   .hs-actions genişliği bit bit aynı çıkıyordu (175,98px), oysa kısıntılar
   çalışsaydı 320px'te daha dar olması gerekirdi. Blok artık mobil bloğun
   DIŞINDA ve SONRASINDA — sıralama sorunu yapısal olarak bitti; iç içe medya
   sorgusu da kalmadı (eski tarayıcı desteği yan faydası).
   Eşik 350 -> 479 çıkarıldı: 5:1 logoyla 430px'lik telefonlarda (iPhone Pro Max)
   da kısıntıya ihtiyaç var, 480px'te logo zaten 36px tavanına oturuyor, yani
   iki kırılım arasında sıçrama olmuyor.
   Hiçbir düğme GİZLENMEDİ; yalnız boşluk/dolgu kısıldı, .hs-btn yüksekliği 36px
   olduğu gibi duruyor (dokunma hedefi küçültülmedi). ÖLÇÜLDÜ: bu blokla
   .hs-actions 175,98px -> 162,0px; kazanılan 14px doğrudan logoya gidiyor
   (360px'te logo 89px yerine 113px). */
@media(max-width:479px){
  .hs-navrow{padding:12px 12px;gap:6px}
  .hs-actions{gap:2px}
  .hs-actions .hs-lang-btn{padding:0 2px;gap:2px}
  .hs-btn{padding:0 7px}
  .hs-btn-primary{padding:0 8px}
}

/* DAR_TELEFON_LOGO_PAYI_v1 (2026-09-07) — dar telefonlarda üst bardaki "Login"
   gizlenir; logo okunur kalsın diye.
   NEDEN: yukarıdaki kısıntılar taşmayı ve hamburger çakışmasını bitiriyor ama
   bunu logoyu ezerek yapıyor — 5:1 oranlı logo satırdan kendine kalan payı
   alıyor ve pay çok küçük kalıyordu. ÖLÇÜLDÜ (bu bloktan ÖNCE): 320px'te logo
   73x14,6 · 360px'te 113x22,6. 14,6px yükseklikte marka adı okunmuyor.
   Ölçüm ekran görüntüsüyle de doğrulandı (320px karesi).
   NEDEN "Login" SEÇİLDİ: aynı düğme mobil çekmecede zaten İKİNCİ kez basılıyor
   (.hs-drawer-actions içindeki .hs-drawer-btn, yukarıdaki @max-767 bloğunda
   görünür kılınıyor) — yani üst bardan kaldırılınca erişim KAYBOLMUYOR, tek
   dokunuş uzağa gidiyor. "Register" dönüşüm düğmesi olduğu için üst barda
   BIRAKILDI. Seçici `:not(.hs-btn-primary)` ile yazıldı: .hs-actions içindeki
   tek ikincil düğme Login'dir, oturum AÇMIŞ kullanıcının "Account" düğmesi
   .hs-btn-primary olduğu için ondan etkilenmez (markup'tan okundu, bu dosyanın
   635-638. satırları; misafir başlığı tarayıcıda ölçüldü, ÜYE başlığı
   ölçülmedi — oturum açmış hâl yerel düzenekte üretilemedi).
   EŞİK NEDEN 429: 430px ve üstünde logo zaten 36px tavanına oturuyor, yani
   Login'i orada gizlemenin görsel kazancı YOK — gereksiz ürün değişikliği
   olurdu. 429'un altında ise logo tavanın altına düşüyor (414px -> 33,4px). */
@media(max-width:429px){
  .hs-actions .hs-btn:not(.hs-btn-primary){display:none}
}
    .hs-selbar{display:none}
    .hs-selbar.show{display:flex;flex:0 1 auto;flex-wrap:wrap;align-items:center;gap:6px}
    .hs-selchip{display:inline-flex;align-items:center;gap:7px;background:var(--hs-blueSoft);color:var(--hs-blue);border-radius:999px;padding:4px 6px 4px 8px;font-size:12.5px;font-weight:600}
    .hs-selchip img{width:20px;height:14px;object-fit:cover;border-radius:2px}
    .hs-selchip button{border:0;background:transparent;color:var(--hs-blue);cursor:pointer;font-size:17px;line-height:1;padding:0 2px}
    .hs-add{border:1px solid var(--hs-line);background:#fff;color:var(--hs-blue);border-radius:8px;font-size:12px;font-weight:700;padding:5px 9px;cursor:pointer;flex-shrink:0;display:inline-flex;align-items:center;gap:5px}
    .hs-add:hover{background:var(--hs-blueSoft)}
    .hs-add.added{background:var(--hs-blueSoft);border-color:var(--hs-blueSoft);color:#1FB16B}