/**
 * Fethiyede.com — T4558 / T4566 Mobil 360px/390px Onarım, Küresel Başlık & WCAG 2.1 AA Placeholder Paketi (v2)
 * Tarih: 13.11.2026 13:08 TSİ | Sahip: Gemini (UI / CSS / Responsive / Erişilebilirlik / 7 Dil + AR RTL)
 * Kaynak İş Emirleri: T4558 + T4566_Gemini_IS_EMRI.txt + RAPOR_GEMINI_T4558.md
 * Onarılan Bulgular:
 *   1) Canlı logo (`assets/img/logo-transparent.svg`, 409 B, SHA256: 7a7663d4...) ASLA değiştirilmez;
 *      üst/alt/mobil logolar `background: transparent` ve `object-fit: contain` ile kırpılmadan yerleşir.
 *   2) 390px ve 360px genişlikte son dakika / ticker şeridinde sağdan metin kesilmesi ("yerel habe")
 *      kaldırıldı: `.ticker-track` dar ekranda `white-space: normal; overflow-wrap: break-word; overflow: visible;`
 *      ile tam metni kesmeden gösterir (`scrollWidth <= clientWidth`, yatay taşma = 0px).
 *   3) İlk boyamada (`scrollY=0`) ve sayfa sonunda çerez çubuğunun (`.fd-cookie-bottom-bar`) ve mobil alt
 *      menünün (`.fz-tabbar`, `.gm-bottom-nav-mobil`) form alanlarını ve gönder düğmesini kapatması engellendi.
 *   4) Form placeholder kontrastı açık temada `#475569` (`7.58:1` >= 4.5:1) ve koyu temada `#CBD5E1`
 *      (`10.48:1` >= 4.5:1) olarak WCAG 2.1 AA standardına sabitlendi.
 */

:root,
[data-theme="default"],
[data-theme="anadolu-bakir"],
[data-theme="light-fethiye"],
html[data-fd-theme="light"] {
  --fd-bg: var(--site-bg, var(--bg-body, #FAF5EC));
  --fd-surface: var(--site-surface, var(--bg-surface, #FFFFFF));
  --fd-surface-alt: var(--fethiye-sand, var(--bg-muted, #F3EADF));
  --fd-text: var(--site-text, var(--text-primary, #18202B));
  --fd-text-muted: #475569;
  --fd-placeholder: #475569; /* #FFFFFF üzerinde 7.58:1, #FAF5EC üzerinde 6.91:1 WCAG AA PASS */
  --fd-input-bg: #FFFFFF;
  --fd-input-fg: #0F172A;
  --fd-input-border: #64748B; /* #FFFFFF üzerinde 4.76:1 WCAG 1.4.11 PASS */
  --fd-primary: var(--primary, #702D3B);
  --fd-accent: var(--accent, #A6532D);
  --fd-border: rgba(15, 23, 42, 0.18);
  --fd-radius: var(--fethiye-radius, 12px);
  --fd-space-1: 4px;
  --fd-space-2: 8px;
  --fd-space-3: 12px;
  --fd-space-4: 16px;
  --fd-space-6: 24px;
  --fd-bottom-nav-h: 58px;
  --fd-cookie-bar-h: 48px;
  --fd-safe-bottom: env(safe-area-inset-bottom, 0px);
  --fd-total-bottom-clearance: calc(var(--fd-bottom-nav-h) + var(--fd-cookie-bar-h) + var(--fd-safe-bottom) + 28px);
}

[data-theme="dark"],
[data-theme="neon-gece"],
html[data-fd-theme="dark"],
body.dark-mode {
  --fd-bg: #0F141C;
  --fd-surface: #18202C;
  --fd-surface-alt: #1E293B;
  --fd-text: #F8FAFC;
  --fd-text-muted: #CBD5E1;
  --fd-placeholder: #CBD5E1; /* #1E2430 üzerinde 10.48:1 WCAG AA PASS */
  --fd-input-bg: #1E2430;
  --fd-input-fg: #F8FAFC;
  --fd-input-border: #94A3B8; /* #1E2430 üzerinde 6.07:1 WCAG 1.4.11 PASS */
  --fd-primary: #E11D48;
  --fd-accent: #F59E0B;
  --fd-border: rgba(248, 250, 252, 0.22);
}

html,
body {
  max-width: 100%;
  overflow-x: clip;
  scroll-padding-bottom: var(--fd-total-bottom-clearance);
}

/* 1. 360px / 390px ÜST LOGO (%100 ŞEFFAF, CANLI 7a7663d4 KORUMALI) VE KIRPILMAYAN SON DAKİKA / TICKER */
.site-header,
header.site-header,
.fd-header,
.gm-header-banner,
.fd-header-banner-7dil,
.fd-t4548-1119-compact-topbar {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  overflow: visible !important;
}

.site-logo,
.header-logo,
.brand,
.navbar-brand,
.fd-brand-logo-wrap,
.gm-logo-transparent {
  display: inline-flex;
  align-items: center;
  gap: var(--fd-space-2);
  min-width: 0;
  max-width: 100%;
  flex-shrink: 0;
  background: transparent !important;
}

.site-logo img,
.header-logo img,
.brand img,
.brand-logo,
.navbar-brand img,
.fd-brand-logo-img,
.fd-logo-transparent,
img[data-logo-bg="TRANSPARENT_100"],
img[src*="logo-transparent"] {
  display: block;
  width: auto !important;
  max-width: min(190px, 50vw) !important;
  height: auto !important;
  max-height: 42px !important;
  object-fit: contain !important;
  object-position: left center;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  flex-shrink: 0;
}

html[dir="rtl"] .site-logo img,
html[dir="rtl"] .header-logo img,
html[dir="rtl"] .brand-logo,
html[dir="rtl"] .fd-brand-logo-img {
  object-position: right center;
}

/* Ticker / Son Dakika: 390px ve 360px'te sağdan kelime kesilmesi ('yerel habe') kesinlikle önlenir */
.ticker,
.son-dakika-band,
.breaking-news-bar,
.fd-ticker-bar,
.header-ticker {
  display: flex;
  align-items: center;
  gap: var(--fd-space-2);
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 36px;
  height: auto !important;
  max-height: none !important;
  padding: 6px 10px;
  box-sizing: border-box;
  overflow: visible !important;
  background: var(--fd-surface-alt);
  color: var(--fd-text);
  border-radius: 8px;
  border: 1px solid var(--fd-border);
}

.ticker-badge,
.son-dakika-etiket,
.breaking-badge,
.fd-ticker-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  padding: 3px 8px;
  border-radius: 6px;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  background: var(--fd-primary);
  color: #FAF5EC;
}

.ticker-track,
.ticker-content,
.son-dakika-items,
.breaking-news-list,
.fd-ticker-Viewport {
  flex: 1 1 0%;
  min-width: 0;
  max-width: 100%;
  overflow: visible !important;
  white-space: normal !important;
  overflow-wrap: break-word;
  word-break: normal;
  font-size: 0.82rem;
  line-height: 1.35;
}

@media (max-width: 480px) {
  .site-header .header-inner,
  header .header-inner,
  .fd-header-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 6px 8px;
    padding: 6px 10px !important;
    height: auto !important;
    max-height: none !important;
  }

  .site-logo img,
  .header-logo img,
  .brand-logo,
  .fd-brand-logo-img,
  img[src*="logo-transparent"] {
    max-width: 156px !important;
    max-height: 34px !important;
  }

  .ticker,
  .son-dakika-band,
  .breaking-news-bar,
  .fd-ticker-bar {
    flex: 1 1 100%;
    order: 3;
    margin-top: 2px;
    padding: 5px 8px;
  }
}

/* 2. ALTTAKİ SABİT KONTROLLERİN FORM VE İÇERİĞİ KAPATMAMASI (İLK BOYAMA + SCROLL SONU = 0PX ÇAKIŞMA) */
@media (max-width: 1023.98px) {
  body,
  body.site-shell,
  body.ft-safe-body,
  body.fz-th-scope {
    padding-bottom: var(--fd-total-bottom-clearance) !important;
  }

  main,
  .main-content,
  .main-page-container,
  .gm-r1-container,
  .site-main,
  form,
  .fd-form-shell,
  .rezervasyon-form,
  .iletisim-form,
  .basvuru-form {
    margin-bottom: 16px !important;
    padding-bottom: 16px !important;
  }

  .fz-tabbar,
  .gm-bottom-nav-mobil,
  .mobile-bottom-nav,
  nav[data-mobile-bottom-nav] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 990;
    min-height: 52px;
    max-height: var(--fd-bottom-nav-h);
    padding: 4px 8px calc(4px + var(--fd-safe-bottom));
    background: var(--fd-surface);
    border-top: 1px solid var(--fd-border);
    box-shadow: 0 -2px 10px rgba(15, 23, 42, 0.08);
    box-sizing: border-box;
  }

  .fd-cookie-bottom-bar,
  .cookie-consent-banner,
  #cookieConsentBar {
    position: fixed;
    left: 8px;
    right: 8px;
    bottom: calc(var(--fd-bottom-nav-h) + var(--fd-safe-bottom) + 4px);
    z-index: 995;
    max-height: 46px;
    overflow: hidden;
    padding: 6px 10px;
    font-size: 0.75rem;
    line-height: 1.25;
    border-radius: 8px;
    background: var(--fd-surface);
    color: var(--fd-text);
    border: 1px solid var(--fd-border);
    box-shadow: 0 -2px 8px rgba(15, 23, 42, 0.10);
    box-sizing: border-box;
  }

  .kat-asistan-fab,
  .fd-asistan-tetik,
  .back-to-top-btn {
    bottom: calc(var(--fd-total-bottom-clearance) + 6px) !important;
  }
}

.fd-bottom-safe-spacer {
  display: block;
  width: 100%;
  height: var(--fd-total-bottom-clearance);
  pointer-events: none;
  flex-shrink: 0;
}

@media (min-width: 1024px) {
  .fz-tabbar,
  .gm-bottom-nav-mobil,
  .fd-bottom-safe-spacer {
    display: none !important;
  }
}

/* 3. FORM ALANLARI VE PLACEHOLDER KONTRASTI (WCAG 2.1 AA >= 4.5:1) */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
textarea,
select,
.form-control,
.gm-input,
.fd-input {
  background-color: var(--fd-input-bg);
  color: var(--fd-input-fg);
  border: 1.5px solid var(--fd-input-border);
  border-radius: 8px;
  min-height: 42px;
  padding: 8px 12px;
  font-size: 0.95rem;
  line-height: 1.35;
  box-sizing: border-box;
  max-width: 100%;
}

input::placeholder,
textarea::placeholder,
.form-control::placeholder,
.gm-input::placeholder,
.fd-input::placeholder {
  color: var(--fd-placeholder) !important;
  opacity: 1 !important;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: var(--fd-placeholder) !important;
  opacity: 1 !important;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: var(--fd-placeholder) !important;
  opacity: 1 !important;
}

input:focus-visible,
textarea:focus-visible,
select:focus-visible,
.btn:focus-visible,
.fd-btn:focus-visible,
a:focus-visible {
  outline: 3px solid var(--fd-accent);
  outline-offset: 2px;
}

/* 4. T4548 11:19 & HATA SAYFALARI (500/503) & GENEL KART/TABLO KORUMASI */
code {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.fd-t4548-1119-shell,
.fd-section-block,
.fd-error-container {
  box-sizing: border-box;
  width: 100%;
  max-width: 1280px;
  min-width: 0;
  margin: 0 auto;
  padding: var(--fd-space-4);
  background: var(--fd-surface);
  color: var(--fd-text);
  border: 1px solid var(--fd-border);
  border-radius: var(--fd-radius);
}

.fd-t4548-1119-compact-topbar,
.fd-error-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--fd-border);
}

.fd-t4548-1119-compact-topbar .fd-brand-logo-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1 1 280px;
  min-width: 0;
  background: #702D3B;
  color: #FAF5EC;
  padding: 8px 12px;
  border-radius: 10px;
}

.fd-t4548-1119-compact-topbar .fd-heading-lg {
  font-size: 1rem;
  line-height: 1.3;
  margin: 0 0 2px 0;
  color: #FAF5EC;
}

.fd-t4548-1119-compact-topbar .fd-text-muted {
  font-size: 0.78rem;
  line-height: 1.3;
  margin: 0;
  color: #F3EADF;
}

.fd-t4548-1119-chip-strip,
.fd-error-lang-nav {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: var(--fd-space-2);
  align-items: center;
  max-width: 100%;
}

.fd-chip,
.fd-chip-gap,
.fd-lang-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  padding: 5px 10px;
  border-radius: 999px;
  background: var(--fd-surface-alt);
  color: var(--fd-text);
  border: 1px solid var(--fd-border);
  font-size: 0.8rem;
  text-decoration: none;
  font-weight: 600;
}

.fd-lang-chip.is-active {
  background: var(--fd-primary);
  color: #FAF5EC;
}

.fd-table-responsive {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid var(--fd-border);
  border-radius: 8px;
}

.fd-table {
  width: 100%;
  min-width: 620px;
  border-collapse: collapse;
  font-size: 0.85rem;
}

.fd-table th,
.fd-table td {
  padding: 8px 10px;
  text-align: start;
  border-bottom: 1px solid var(--fd-border);
  vertical-align: top;
}

.fd-badge {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 0.74rem;
  font-weight: 700;
  white-space: nowrap;
  background: var(--fd-surface-alt);
  color: var(--fd-text);
  border: 1px solid var(--fd-border);
}

.fd-badge-success {
  background: #DCFCE7;
  color: #14532D;
  border-color: #15803D;
}

.fd-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--fd-space-3);
}

@media (max-width: 1023.98px) {
  .fd-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 639.98px) {
  .fd-grid-4 { grid-template-columns: minmax(0, 1fr); }
}

.fd-card,
.fd-error-card {
  padding: var(--fd-space-3);
  border-radius: 10px;
  background: var(--fd-bg);
  border: 1px solid var(--fd-border);
  min-width: 0;
}

.fd-btn,
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  min-width: 44px;
  padding: 8px 14px;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;
  background: var(--fd-primary);
  color: #FFFFFF;
  border: 1px solid transparent;
  cursor: pointer;
}

/* 5. CLAUDE T4566_RESPONSIVE_360_390 (13.11 13:01 TSİ) — 21 RİSK NOKTASI DIŞ CSS ZIRHI (360px & 390px) */
/* Madde 1, 3, 6, 10: Haritalar (/carsi/ OSM c68, .k58-harita--0067, #hal-harita-d3, #marketplace-harita-d3) */
.c68-bolum,
.c68-osm,
.t4498-mugla-widget,
.k58-harita--0067,
#k58-bolge,
#hal-harita-d3,
#marketplace-harita-d3 {
  width: 100%;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

.c68-bolum svg,
.c68-bolum iframe,
.c68-osm svg,
.c68-osm iframe,
.k58-harita--0067 svg,
.k58-harita--0067 iframe,
#k58-bolge svg,
#hal-harita-d3 svg,
#marketplace-harita-d3 svg {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block;
  box-sizing: border-box;
}

/* Madde 2, 4, 5: kategori-0058.php (.k58-sekme yatay kategori menüsü, sosyal link bloğu, .k58-hero, .k58-secim) */
.k58-sekme {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  gap: 8px;
  max-width: 100% !important;
  min-width: 0;
  padding-bottom: 4px;
  box-sizing: border-box;
}

.k58-sekme > * {
  flex: 0 0 auto;
  white-space: nowrap;
}

.k58-hero,
.k58-secim,
.t4498-social-links,
.c68-social {
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  flex-wrap: wrap;
}

/* Madde 7, 11: hal-fiyatlari.php & pazar-yerleri.php (.marketplace-hub-actions 3 buton satırı) */
.marketplace-hub-actions {
  display: flex;
  flex-wrap: wrap !important;
  gap: 8px;
  width: 100%;
  max-width: 100% !important;
  min-width: 0;
  box-sizing: border-box;
}

.marketplace-hub-actions .btn {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  text-align: center;
  box-sizing: border-box;
}

/* Madde 8, 12: .hal-prices-grid & .marketplace-grid kart/adres kırılımı */
.hal-prices-grid,
.marketplace-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  gap: 12px;
  width: 100%;
  max-width: 100% !important;
  min-width: 0;
  box-sizing: border-box;
}

.hal-prices-grid > *,
.marketplace-grid > * {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere;
  word-break: break-word;
  box-sizing: border-box;
}

/* Madde 14, 15, 16: tarim-ciftci.php (.ti-bar tarım ikon menüsü, fzv sliderları, .tc-bnav sabit alt menü) */
.ti-bar {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  gap: 8px;
  width: 100%;
  max-width: 100% !important;
  min-width: 0;
  padding-bottom: 4px;
  box-sizing: border-box;
}

.ti-bar > * {
  flex: 0 0 auto;
}

.fzv-ana-slider,
.fzv-besli-slider,
.fzv-uclu-slider,
[class*="fzv-"] {
  max-width: 100% !important;
  min-width: 0;
  overflow-x: hidden;
  box-sizing: border-box;
}

/* Madde 18, 19, 20, 21: turizm-kobi/isletme-rezervasyon.php (<pre id="out" class="ie-box">, .ie-form), isletme-menu.php, index.php (.tk-grid) */
pre#out,
pre.ie-box,
.ie-box {
  white-space: pre-wrap !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  overflow-x: auto;
  width: 100%;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.ie-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  width: 100%;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.ie-form input,
.ie-form select,
.ie-form textarea,
.ie-form button {
  width: 100%;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.ie-menu,
.ie-menu article,
#menu article {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere;
  word-break: break-word;
  box-sizing: border-box;
}

.tk-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 155px), 1fr));
  gap: 10px;
  width: 100%;
  max-width: 100% !important;
  min-width: 0;
  box-sizing: border-box;
}

.tk-grid .tk-btn {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: normal;
  text-align: center;
  box-sizing: border-box;
}

@media (max-width: 420px) {
  .hal-prices-grid,
  .marketplace-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .marketplace-hub-actions .btn {
    flex: 1 1 100%;
  }
  .tc-bnav a {
    font-size: 11px !important;
    padding-inline: 2px !important;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

/* === T4571/T4572 (13.11.2026 15:12 TSI) — Ana Sayfa 360/390px Ust Saat (GUN/CUM) + SON DAKIKA + Konum Bandi + .ie-box + .tk-grid (0 silme, 13:50 TSI canli base SHA: c063699e6c6af555a6a4a39e78d3b9ded41d462cdb82d4a26f1453d060c422f7) === */
@media (max-width: 639.98px) {
  .topbar, .site-header, .site-masthead, .fd-hb7 {
    max-width: 100% !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }
  .topbar .container, .topbar__inner, .topbar__left, .topbar__right,
  .site-masthead .container, .site-masthead__inner, .fd-hb7__top, .fd-hb7__inner {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 4px 8px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .topbar__right, .topbar__clock, .header-clock, .saat-widget, .date-strip, .day-strip,
  [class*="clock"], [class*="saat"], [class*="tarih"] {
    min-width: 0 !important;
    max-width: 100% !important;
    flex-shrink: 1 !important;
    flex-wrap: wrap !important;
    white-space: normal !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }
  .breaking-ticker, .site-ticker, .ticker, .son-dakika, .fd-hb7__ticker,
  [class*="breaking-ticker"], [class*="site-ticker"] {
    height: auto !important;
    min-height: 36px !important;
    max-height: none !important;
    max-width: 100% !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }
  .breaking-ticker .container, .breaking-ticker__inner, .site-ticker__inner, .ticker__inner {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    gap: 6px 8px !important;
    height: auto !important;
    max-height: none !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    box-sizing: border-box !important;
  }
  .breaking-ticker__track, .breaking-ticker__content, .breaking-ticker__list,
  .breaking-ticker__item, .breaking-ticker__link, .site-ticker__track, .site-ticker__item,
  .ticker-track, .ticker-item {
    min-width: 0 !important;
    max-width: 100% !important;
    flex: 1 1 200px !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    line-height: 1.38 !important;
    height: auto !important;
    max-height: none !important;
    transform: none !important;
    animation: none !important;
  }
  .visitor-local-bar, .local-bar, .visitor-bar, [class*="visitor-local"], [class*="local-bar"] {
    height: auto !important;
    max-height: none !important;
    max-width: 100% !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }
  .visitor-local-bar .container, .visitor-local-bar__inner, .visitor-local-bar__row,
  .visitor-local-bar__items, .local-bar__inner, [class*="visitor-local"] .container {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 4px 10px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    white-space: normal !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }
  .visitor-local-bar a, .visitor-local-bar span, .visitor-local-bar__item, .local-bar__item,
  [class*="visitor-local"] a, [class*="visitor-local"] span {
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    line-height: 1.35 !important;
  }
}
.ie-box, pre.ie-box, #out.ie-box, .ie-sonuc {
  white-space: pre-wrap !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
.tk-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr));
  gap: 10px;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.tk-grid > *, .tk-grid .tk-btn {
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}