/* ===== Scoped footer styles: .ftr ===== */
    .ftr{
      --brand:#0F212C; --brand-2:#113447;
      --accent:#12B886; --accent2:#4FE3B0;
      --ink:#E6F2F8; --muted:#A9BDC8; --line:#153042;
      --chip-bg:#0D2C3A; --chip-brd:#17455B;
      color-scheme:dark;
      background:linear-gradient(140deg,var(--brand),var(--brand-2));
      color:var(--ink);
      border-top:1px solid var(--line);
      width:100%;
    }
    /* Taşma kırıcılar + kutu modeli */
    .ftr, .ftr *{ box-sizing:border-box }
    .ftr a, .ftr p, .ftr li, .ftr span{ overflow-wrap:anywhere; word-break:break-word }

    .ftr .wrap{max-width:1140px;margin:0 auto;padding:34px 20px; width:100%}
    .ftr a{color:inherit;opacity:.95;text-decoration:none}
    .ftr a:hover{opacity:1}

    /* Üst satır */
    .ftr .top{
      display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
      padding:6px 0 0;
      overflow-x:hidden;
    }
    .ftr .top > *{ min-width:0 }           /* ← flex çocukları taşmasın */
    .ftr .brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.2px;min-width:0;flex:1 1 auto}
    .ftr .brand .dot{width:10px;height:10px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 5px rgba(18,184,134,.16)}
    .ftr .brand .sub{opacity:.85}
    .ftr .cta{display:flex;gap:8px;flex-wrap:wrap;flex:0 0 auto}

    /* Butonlar */
    .ftr .btn{
      display:inline-flex;align-items:center;gap:8px;border-radius:999px;
      padding:10px 14px;font-weight:700;cursor:pointer;
      border:1px solid #1b455a;background:#123142;color:#E6F2F8;
      transition:filter .15s, transform .1s;
      white-space:nowrap; /* kısa buton metinleri taşmasın */
    }
    .ftr .btn:hover{filter:brightness(1.08)}
    .ftr .btn:active{transform:translateY(1px)}
    .ftr .btn-primary{background:var(--accent);border-color:#0da96f;color:#08301d}
    .ftr .btn-primary:hover{filter:brightness(.98)}

    /* GRID: İletişim & About aynı hizada */
    .ftr .grid{
      display:grid;
      grid-template-columns:1.6fr 1.1fr 1fr 1fr;
      grid-template-areas:"contact about menu services";
      gap:28px 26px;
      margin-top:6px;
      align-items:start;
      align-content:start;
      width:100%;
      overflow-x:hidden;
    }
    .ftr nav{margin:0;padding:0}
    .ftr .grid > *{min-width:0}            /* ← grid çocukları taşmasın */
    .ftr .grid > * > :first-child{margin-top:0 !important}

    .ftr .contact, .ftr .about{padding-top:2px}
    .ftr .contact {grid-area:contact}
    .ftr .about   {grid-area:about}
    .ftr .menu    {grid-area:menu}
    .ftr .services{grid-area:services}

    /* Başlık & listeler */
    .ftr h4{margin:0 0 10px;color:#F0FAFF;font-size:16px;line-height:1.25}
    .ftr p,.ftr li{margin:0;color:var(--muted);line-height:1.6}
    .ftr ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}

    /* Link underline efekti */
    .ftr .link a{position:relative;display:inline-block}
    .ftr .link a:after{
      content:"";position:absolute;left:0;right:100%;bottom:-2px;height:2px;
      background:linear-gradient(90deg,var(--accent),var(--accent2));opacity:.75;transition:right .22s ease;
    }
    .ftr .link a:hover:after{right:0}

    /* Rozetler + sosyal */
    .ftr .chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
    .ftr .chip{background:var(--chip-bg);border:1px solid var(--chip-brd);color:#CFEFE4;border-radius:999px;padding:6px 10px;font-size:12px}
    .ftr .social{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
    .ftr .social a{
      display:inline-flex;width:36px;height:36px;border-radius:999px;align-items:center;justify-content:center;
      background:#123142;border:1px solid #1b455a
    }
    .ftr svg{max-width:100%}

    /* Alt satır (hukuki) */
    .ftr .copy{
      border-top:1px solid var(--line);margin-top:18px;padding:14px 0;color:var(--muted);
      font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;
      overflow-x:hidden;
    }
    .ftr .copy > *{ min-width:0 }          /* ← flex çocukları taşmasın */
    .ftr .legal{display:flex;gap:12px;flex-wrap:wrap}
    .ftr .legal a{white-space:nowrap}

    /* Yukarı çık */
    .ftr .top-btn{
      position:fixed;right:14px;bottom:70px;z-index:80;background:var(--accent);color:#08301d;border:0;
      border-radius:999px;padding:10px 12px;box-shadow:0 10px 24px rgba(0,0,0,.28);display:none
    }
    .ftr .top-btn.show{display:inline-flex}

    /* ===== Responsive ===== */
    @media(max-width:1024px){
      .ftr .grid{ grid-template-columns:1.4fr 1fr .9fr .9fr }
    }
    @media(max-width:900px){
      .ftr .grid{
        grid-template-columns:1fr;
        grid-template-areas:
          "contact"
          "about"
          "menu"
          "services";
      }
      .ftr .wrap{ padding:28px 16px }
    }
    @media(max-width:480px){
      .ftr h4{ font-size:15px }
      .ftr .btn{ padding:9px 12px }
      .ftr .social a{ width:34px; height:34px }
      .ftr .wrap{ padding:24px 14px }
    }

    /* Link underline hover efekti */
.ftr .link a {
  position:relative;
  display:inline-block;
}
.ftr .link a:after {
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:-2px;
  height:2px;
  background:linear-gradient(90deg,var(--accent),var(--accent2));
  opacity:.75;
  transition:right .22s ease;
}
.ftr .link a:hover:after {
  right:0;
}

.ftr{ margin-bottom:24px; }  /* Arkaplan rengi dışına boşluk açar */