:root {
      --brand: #5b8f3b;
      --ink: #111;
      --muted: #6b7280;
      --surface: #fff;
      --fly-icon: #9aa0a6;
      --fly-active: #1677ff;
      --fly-indicator: rgba(22, 119, 255, .14);
      --shadow-1: 0 10px 28px rgba(0, 0, 0, .12), 0 4px 12px rgba(0, 0, 0, .06);
      --radius-pill: 999px;
      --radius-md: 14px;
      --fly-size: 46px;
      --container-w: 1200px;
    }

    body {
      padding-bottom: 96px;
    }

    /* ===== Floating Nav - Mobile default ===== */


    .flynav {
      position: fixed;
      left: 50%;
      transform: translateX(-50%);
      bottom: calc(env(safe-area-inset-bottom, 0px) + 14px);
      z-index: 9999;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: clamp(4px, 2.2vw, 18px);
      padding: 8px 10px;
      width: min(560px, calc(100vw - 16px));
      background: var(--surface);
      border-radius: var(--radius-pill);
      box-shadow: var(--shadow-1);
      -webkit-backdrop-filter: saturate(120%) blur(4px);
      backdrop-filter: saturate(120%) blur(4px);
    }

    .flynav__item {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 44px;
      min-width: 44px;
      height: 44px;
      padding: 0;
      border-radius: var(--radius-pill);
      text-decoration: none;
      color: var(--fly-icon);
      font-weight: 600;
      font-size: 14px;
      white-space: nowrap;
      transition: transform .15s ease, color .15s ease;
      overflow: visible;
    }

    .flynav__item .bi {
      font-size: 20px;
      line-height: 1;
      position: relative;
      z-index: 1;
    }

    .flynav__label {
      display: none;
    }

    .flynav__item:active {
      transform: translateY(1px) scale(.98);
    }

    .flynav__item.is-active {
      color: var(--fly-active);
    }

    /* highlight balonu */
    .flynav__item::before {
      content: "";
      position: absolute;
      inset: 0;
      background: var(--fly-indicator);
      border-radius: 999px;
      opacity: 0;
      transform: scale(.9);
      transition: opacity .2s, transform .2s;
      z-index: 0;
    }

    .flynav__item.is-active::before {
      opacity: 1;
      transform: scale(1);
    }

    .flynav__badge {
      position: absolute;
      inset-block-start: -4px;
      /* top  */
      inset-inline-end: -4px;
      /* LTR: right, RTL: left  ✅ */
      min-width: 18px;
      height: 18px;
      padding: 0 5px;
      font-size: 11px;
      line-height: 18px;
      border-radius: 9px;
      background: #111;
      color: #fff;
      z-index: 2;
    }


    /* Dil kontrolü */
    .flynav__lang {
      display: none;
      align-items: center;
      gap: 10px;
      margin-left: auto;
    }

    .flynav__lang .flag {
      width: 28px;
      height: 28px;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      background: #fff;
      box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
    }

    .flynav__lang .flag img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

.flylang-btn{
  width: 39px;
  height: 32px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .15);

  /* FIX */
  margin-left: 0 !important;
  margin-right: auto !important; /* her iki dilde de SOLA sabitler */
  order: 0 !important;
  flex: 0 0 auto;
}



    .flylang-btn img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    @media (max-width:360px) {
      .flynav__item {
        width: 40px;
        min-width: 40px;
        height: 40px;
      }

      .flynav__item .bi {
        font-size: 18px;
      }
    }


    @media (min-width:992px) {
      body {
        padding-bottom: 0;
      }

      .flylang-btn {
        display: none !important;
      }

      .flynav__lang {
        display: flex;
        margin-left: 0;
      }

      .flynav {
        position: static;
        transform: none;
        bottom: auto;
        margin: 14px auto;
        max-width: var(--container-w);
        width: calc(100% - 32px);
        padding: 8px 16px;
        display: flex;

        align-items: center;
        justify-content: space-between;

        gap: 24px;
      }

      .flynav__item {
        width: auto;
        min-width: 0;

        height: 40px;
        padding: 0 16px;
        border-radius: 999px;
      }

      .flynav__item .bi {
        display: none;
      }


      .flynav__label {
        display: inline;
        color: #1f2937;
      }

      .flynav__item::before {
        inset: 0;
        height: 100%;
        border-radius: 999px;
      }


      .flynav__badge {
        inset-block-start: 20%;
        inset-inline-end: -1px;
        /* yine inline-end */
        transform: translateY(-65%);
      }
    }

    html[dir="rtl"] .flynav__badge {
      left: -4px;
      right: auto;
    }

    html[dir="ltr"] .flynav__badge {
      right: -4px;
      left: auto;
    }

   

    .page-index .home-hero__inner {
      z-index: 1;
    }

    .page-index .home-hero h1 {
      font-weight: 700;
      font-size: clamp(28px, 4vw, 44px);
      margin-bottom: 12px;
    }

    .page-index .home-hero p {
      opacity: .95;
      margin-bottom: 16px;
    }

    .page-index .home-hero .hero-wave {
      position: absolute;
      left: 0;
      bottom: -1px;
      width: 100%;
      height: 90px;
    }

    /* === ANA SAYFADA FLY NAV'İ ÜSTE YÜZDÜR (masaüstü) === */
    @media (min-width: 992px) {
      .page-index .flynav {
        position: fixed;
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
        width: min(var(--container-w), calc(100% - 32px));
        margin: 0;
        z-index: 1100;

        background: rgba(255, 255, 255, .92);
        backdrop-filter: saturate(120%) blur(6px);
        box-shadow: var(--shadow-1);
        border-radius: var(--radius-pill);
      }
    }

    /* Hesap (dropup) menüsü – flynav içinde şık görünsün */
    .flynav .dropup {
      position: relative;
    }

    .flynav .dropup .dropdown-toggle::after {
      display: none;
    }

    /* küçük ok simgesini gizle */

    .flynav .account-menu {
      min-width: 210px;
      padding: 6px;
      border: 0;
      border-radius: 12px;
      box-shadow: var(--shadow-1);
      margin-bottom: 8px;
      /* yukarı açılırken nav’dan biraz ayrıl */
      z-index: 10000;
      /* nav’ın üstünde kalsın */
    }

    .flynav .account-menu .dropdown-item {
      display: flex;
      align-items: center;
      gap: 8px;
      border-radius: 8px;
      padding: 8px 10px;
    }

    .flynav .account-menu .dropdown-item i {
      width: 18px;
      text-align: center;
    }

    /* Masaüstünde etiket zaten görünüyor; mobilde sadece ikon var */
    @media (max-width: 991.98px) {
      .flynav .account-menu {
        transform: none !important;
      }

      /* olası pozisyon kaymalarını engeller */
    }


    /* Flynav içindeki button'ı link gibi göster */
    .flynav button.flynav__item {
      background: transparent;
      border: 0;
      outline: none;
      box-shadow: none;
      -webkit-appearance: none;
      appearance: none;
      cursor: pointer;
    }

    /* İstersen erişilebilir bir focus stili de bırak */
    .flynav button.flynav__item:focus-visible {
      box-shadow: 0 0 0 2px rgba(22, 119, 255, .25);
    }
    
    /* Dil butonu (EN/AR bubble) her iki dilde de solda kalsın */
.flylang-btn{
  margin-left: 0 !important;
  margin-right: 0 !important;
  order: -10;              /* LTR: en başa (sola) al */
}