.site-footer {
  background: linear-gradient(105deg, #b9d8ee 0%, #82b2d5 24%, #286da5 43%, #084477 63%, #021329 100%);
}

@media (max-width: 900px) {
  .mobile-menu {
    background: linear-gradient(180deg, #ffffff 0, #f5fbff 112px, #8dcef5 220px, #1876bd 390px, #052f62 68%, #02152f 100%) !important;
  }

  .mobile-menu::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 190px;
    background: linear-gradient(180deg, #ffffff 0, #ffffff 58%, #ffffff00 100%);
    border-bottom: 0;
    box-shadow: none;
    z-index: 0;
    pointer-events: none;
  }

  .mobile-menu > img {
    z-index: 2;
  }

  .mobile-menu .menu-close {
    z-index: 3;
    color: #072750;
    background: #e9f4ff;
    border-color: #c9dff1;
    box-shadow: 0 5px 14px #08274a18;
  }

  .mobile-menu > a:not(.mobile-call) {
    position: relative;
    z-index: 2;
    margin: 4px 0;
    padding: 12px 15px;
    color: #fff;
    background: linear-gradient(135deg, #063f78d9, #052b59e8);
    border: 1px solid #ffffff24;
    border-radius: 11px;
    box-shadow: 0 7px 18px #001b3c20;
    backdrop-filter: blur(8px);
  }

  .mobile-menu > a:not(.mobile-call):active {
    transform: scale(.98);
  }

  .mobile-menu .mobile-call {
    position: relative;
    z-index: 2;
    background: linear-gradient(135deg, #11a0ff, #0561b8);
    border: 1px solid #75cbff;
    box-shadow: 0 12px 28px #00152f55;
  }
}

.site-footer .footer-glow {
  background: radial-gradient(circle, #27a9ff33, transparent 68%);
}

.footer-brand p {
  color: #092b4d;
}

.footer-brand img {
  filter: drop-shadow(0 10px 20px #075aa822);
}

.footer-brand .footer-badges span {
  color: #0a315e;
  background: #d6ebf8;
  border-color: #a9cde5;
}

@media (max-width: 900px) {
  .site-footer {
    background: linear-gradient(150deg, #b9d8ee 0%, #82b2d5 27%, #286da5 43%, #084477 61%, #021329 100%);
  }
}

@media (max-width: 620px) {
  .site-footer {
    background: linear-gradient(180deg, #b9d8ee 0%, #82b2d5 25%, #286da5 39%, #084477 52%, #021329 100%);
  }

  .footer-links {
    padding-top: 10px;
  }
}

/* Kurumsal mobil menü */
@media (max-width: 900px) {
  .mobile-menu {
    padding: 142px 26px 28px;
    background: linear-gradient(180deg, #ffffff 0, #ffffff 105px, #dcefff 122px, #0a65ad 154px, #063d75 235px, #031b3b 100%) !important;
  }

  .mobile-menu::before {
    height: 106px;
    background: #fff;
    border-bottom: 1px solid #d7e6f2;
    box-shadow: 0 8px 22px #001b3514;
  }

  .mobile-menu > img {
    left: 22px;
    top: 8px;
    width: 108px;
    height: 94px;
  }

  .mobile-menu .menu-close {
    top: 29px;
    right: 22px;
    width: 42px;
    height: 42px;
    color: #fff;
    background: #062e5c;
    border: 0;
    box-shadow: 0 7px 18px #062e5c30;
    font-size: 25px;
    line-height: 1;
  }

  .mobile-menu > a:not(.mobile-call) {
    position: relative;
    margin: 0;
    padding: 14px 4px;
    color: #f5faff;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #ffffff20;
    border-radius: 0;
    box-shadow: none;
    backdrop-filter: none;
    font-size: 15px;
    letter-spacing: .01em;
  }

  .mobile-menu > a:not(.mobile-call)::after {
    content: "›";
    position: absolute;
    right: 4px;
    color: #76cfff;
    font-size: 21px;
    font-weight: 400;
  }

  .mobile-menu > a:not(.mobile-call):active {
    color: #76cfff;
    transform: none;
  }

  .mobile-menu .mobile-call {
    margin-top: auto;
    padding: 15px 18px;
    color: #fff;
    background: linear-gradient(135deg, #0b91ff, #0564c4);
    border: 1px solid #43b5ff;
    border-radius: 11px;
    box-shadow: 0 12px 25px #00132966;
    font-size: 15px;
    letter-spacing: .04em;
  }
}
