:root {
  --page-bg: #020b13;
  --panel: #061827;
  --panel-strong: #03111e;
  --gold: #e8a12f;
  --gold-soft: #c8892a;
  --text: #fff8e8;
  --muted: #c8cfda;
  --frame-width: 1024px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--page-bg); }
body {
  margin: 0;
  min-width: 320px;
  color: var(--text);
  background:
    radial-gradient(circle at 50% 0, #0a263d 0, #020b13 48rem),
    var(--page-bg);
  font-family: Arial, Helvetica, sans-serif;
}

.skip-link {
  position: fixed;
  z-index: 1000;
  left: 1rem;
  top: -5rem;
  padding: .75rem 1rem;
  border-radius: .35rem;
  color: #111;
  background: var(--gold);
  font-weight: 700;
  transition: top .2s ease;
}
.skip-link:focus { top: 1rem; }

.site-frame {
  width: min(100%, var(--frame-width));
  margin-inline: auto;
  box-shadow: 0 0 90px rgba(0, 0, 0, .65);
  background: #03111e;
}
.design-canvas {
  position: relative;
  width: 100%;
  aspect-ratio: 2 / 3;
  overflow: visible;
}
.design-image {
  display: block;
  width: 100%;
  height: auto;
  max-width: 1024px;
  image-rendering: auto;
  -webkit-user-drag: none;
  user-select: none;
}

.desktop-hotspots,
.action-hotspot,
.anchor {
  position: absolute;
}
.desktop-hotspots { inset: 0; pointer-events: none; }
.hotspot,
.hotspot-trigger,
.hotspot-group {
  position: absolute;
  display: block;
}
.hotspot,
.hotspot-trigger { inset: 0; pointer-events: auto; }
.hotspot-group { pointer-events: none; }
.hotspot-group > .hotspot-trigger { pointer-events: auto; }

/* Header positions are percentages of the original 1024 × 1536 design. */
.home { left: 23.7%; top: 1.1%; width: 7.4%; height: 4.8%; }
.corporate { left: 31.8%; top: 1.1%; width: 8.2%; height: 4.8%; }
.organization { left: 40.8%; top: 1.1%; width: 11.7%; height: 4.8%; }
.projects { left: 53.6%; top: 1.1%; width: 9.4%; height: 4.8%; }
.branches { left: 63.0%; top: 1.1%; width: 11.0%; height: 4.8%; }
.visitors { left: 73.4%; top: 1.1%; width: 10.5%; height: 4.8%; }
.faq { left: 83.2%; top: 1.1%; width: 11.1%; height: 4.8%; }
.memberships { left: 84.0%; top: 1.1%; width: 9.0%; height: 4.8%; display: none; }
.contact { left: 94.0%; top: 1.1%; width: 4.0%; height: 4.8%; display: none; }
.lang-tr { left: 91.7%; top: 1.1%; width: 2.5%; height: 4.8%; }
.lang-en { left: 95.0%; top: 1.1%; width: 2.5%; height: 4.8%; }

.hotspot:hover,
.hotspot:focus-visible,
.hotspot-trigger:hover,
.hotspot-trigger:focus-visible,
.action-hotspot:hover,
.action-hotspot:focus-visible {
  outline: 2px solid rgba(232, 161, 47, .9);
  outline-offset: -2px;
  background: rgba(232, 161, 47, .08);
}

.dropdown {
  position: absolute;
  z-index: 30;
  top: 88%;
  left: 0;
  width: max-content;
  min-width: 230px;
  padding: .55rem;
  border: 1px solid rgba(232, 161, 47, .58);
  border-radius: .25rem;
  background: rgba(2, 13, 23, .98);
  box-shadow: 0 18px 45px rgba(0, 0, 0, .45);
  opacity: 0;
  visibility: hidden;
  transform: translateY(.55rem);
  transition: .18s ease;
  pointer-events: auto;
}
.dropdown--right { right: 0; left: auto; }
.dropdown a {
  display: block;
  padding: .68rem .75rem;
  border-bottom: 1px solid rgba(232, 161, 47, .18);
  color: #fff;
  font-size: .76rem;
  line-height: 1.3;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}
.dropdown a:last-child { border-bottom: 0; }
.dropdown a:hover,
.dropdown a:focus-visible {
  color: var(--gold);
  background: rgba(232, 161, 47, .09);
  outline: none;
}
.hotspot-group:hover .dropdown,
.hotspot-group:focus-within .dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.action-hotspot { z-index: 20; display: block; }
.hero-action { left: 39.2%; top: 20.8%; width: 21.5%; height: 3.0%; }
.news-action { left: 22.5%; top: 47.0%; width: 9.5%; height: 2.6%; }
.events-action { left: 35.7%; top: 67.5%; width: 23.2%; height: 3.3%; }
.map-action { left: 66.4%; top: 67.5%; width: 27.8%; height: 3.3%; }
.home-donation-button{position:absolute;z-index:24;top:7.7%;right:2.2%;display:inline-flex;align-items:center;gap:8px;padding:10px 17px;border:1px solid #f0bd5d;border-radius:999px;color:#07131d;background:linear-gradient(135deg,#f5c76d,#d99a2d);box-shadow:0 8px 24px #0008,inset 0 1px #fff8;font:700 11px/1 Arial,sans-serif;letter-spacing:.7px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.home-donation-button span{color:#8c1722;font-size:16px;line-height:1}.home-donation-button:hover,.home-donation-button:focus-visible{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 12px 30px #0009,0 0 0 3px #d99a2d44;outline:none}

.anchor { left: 0; width: 1px; height: 1px; pointer-events: none; }
.anchor--top { top: 0; }
.anchor--news { top: 46%; }
.anchor--events { top: 46%; }
.anchor--map { top: 46%; }
.anchor--projects { top: 72.7%; }
.anchor--footer { top: 90.5%; }

.mobile-menu-button,
.mobile-menu,
.menu-backdrop { display: none; }
.noscript-note {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 200;
  padding: .75rem 1rem;
  color: white;
  background: #7b1c1c;
  border-radius: .35rem;
}

@media (min-width: 1025px) {
  /* Görseli doğal çözünürlüğünün üzerine büyütmeyerek keskinliği korur. */
  .site-frame { width: 1024px; }
}

@media (max-width: 760px) {
  body { padding-top: 0; }
  .desktop-hotspots { display: none; }
  .action-hotspot { display: none; }
  .home-donation-button{position:fixed;top:auto;right:14px;bottom:14px;z-index:85;padding:12px 16px;font-size:11px}

  .mobile-menu-button {
    position: fixed;
    z-index: 90;
    top: max(.65rem, env(safe-area-inset-top));
    right: .65rem;
    display: grid;
    grid-template-columns: 1.25rem auto;
    align-items: center;
    column-gap: .45rem;
    width: auto;
    min-height: 2.55rem;
    padding: .55rem .75rem;
    border: 1px solid rgba(232, 161, 47, .78);
    border-radius: .35rem;
    color: #08121b;
    background: linear-gradient(#f3bc5d, #c98727);
    box-shadow: 0 10px 28px rgba(0, 0, 0, .35);
    cursor: pointer;
  }
  .mobile-menu-button span {
    grid-column: 1;
    display: block;
    width: 1.25rem;
    height: 2px;
    margin: 1px 0;
    background: currentColor;
  }
  .mobile-menu-button b { grid-column: 2; grid-row: 1 / span 3; font-size: .7rem; }

  .mobile-menu {
    position: fixed;
    z-index: 100;
    inset: 0 0 0 auto;
    display: block;
    width: min(88vw, 390px);
    overflow-y: auto;
    padding: max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));
    background: #03111e;
    border-left: 1px solid rgba(232, 161, 47, .55);
    box-shadow: -25px 0 70px rgba(0, 0, 0, .55);
  }
  .mobile-menu[hidden] { display: none; }
  .mobile-menu__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .35rem .2rem 1rem;
    color: var(--gold);
  }
  .mobile-menu__close {
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid rgba(232, 161, 47, .45);
    border-radius: 50%;
    color: #fff;
    background: transparent;
    font-size: 1.7rem;
    cursor: pointer;
  }
  .mobile-menu a,
  .mobile-menu summary {
    display: block;
    padding: .9rem .8rem;
    border-bottom: 1px solid rgba(232, 161, 47, .15);
    color: #fff;
    text-decoration: none;
    font-size: .88rem;
    line-height: 1.35;
    cursor: pointer;
  }
  .mobile-menu details a { padding-left: 1.65rem; color: var(--muted); }
  .mobile-menu a:hover,
  .mobile-menu a:focus-visible,
  .mobile-menu summary:hover { color: var(--gold); background: rgba(232, 161, 47, .07); }
  .mobile-menu__languages { display: flex; gap: .75rem; margin-top: 1rem; }
  .mobile-menu__languages a {
    flex: 1;
    border: 1px solid rgba(232, 161, 47, .5);
    text-align: center;
  }
  .menu-backdrop {
    position: fixed;
    z-index: 95;
    inset: 0;
    display: block;
    background: rgba(0, 0, 0, .68);
    backdrop-filter: blur(2px);
  }
  .menu-backdrop[hidden] { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; }
}

/* ==========================================================
   Güncellenmiş masaüstü üst menü
   Eski menü görselin içinde bulunduğu için bu alan onu örter
   ve daha büyük puntolu, gerçek HTML bağlantıları gösterir.
   ========================================================== */
.desktop-main-nav {
  position: absolute;
  z-index: 60;
  top: 0;
  right: 0;
  left: 21.45%;
  height: 6.55%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: clamp(8px, 1.35vw, 15px);
  padding: 0 1.8% 0 1.6%;
  background: linear-gradient(90deg, #03131f 0%, #020e18 68%, #020c15 100%);
  border-bottom: 1px solid rgba(232, 161, 47, .06);
  white-space: nowrap;
}

.desktop-main-nav__item {
  position: relative;
  display: flex;
  align-items: stretch;
  height: 100%;
}

.desktop-main-nav__link,
.desktop-main-nav__languages a {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 100%;
  color: #f7f3eb;
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(10.5px, 1.27vw, 13px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: .01em;
  text-decoration: none;
  text-transform: uppercase;
  transition: color .18s ease, background-color .18s ease;
}

.desktop-main-nav__link:hover,
.desktop-main-nav__link:focus-visible,
.desktop-main-nav__languages a:hover,
.desktop-main-nav__languages a:focus-visible,
.desktop-main-nav__link.is-active,
.desktop-main-nav__languages a.is-active {
  color: var(--gold);
  outline: none;
}

.desktop-main-nav__link.is-active::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 27%;
  left: 0;
  height: 2px;
  background: var(--gold);
}

.desktop-main-nav__link.has-submenu::after {
  content: "";
  width: 6px;
  height: 6px;
  margin-left: 8px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
}

.desktop-main-nav__dropdown {
  position: absolute;
  z-index: 90;
  top: 73%;
  left: 50%;
  width: max-content;
  min-width: 220px;
  padding: .5rem;
  border: 1px solid rgba(232, 161, 47, .58);
  border-radius: .25rem;
  background: rgba(2, 13, 23, .985);
  box-shadow: 0 18px 45px rgba(0, 0, 0, .55);
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, .55rem);
  transition: opacity .18s ease, visibility .18s ease, transform .18s ease;
}

.desktop-main-nav__dropdown a {
  display: block;
  padding: .7rem .78rem;
  border-bottom: 1px solid rgba(232, 161, 47, .18);
  color: #fff;
  font-size: .78rem;
  line-height: 1.3;
  text-decoration: none;
  text-transform: uppercase;
}

.desktop-main-nav__dropdown a:last-child { border-bottom: 0; }
.desktop-main-nav__dropdown a:hover,
.desktop-main-nav__dropdown a:focus-visible {
  color: var(--gold);
  background: rgba(232, 161, 47, .09);
  outline: none;
}

.desktop-main-nav__item:hover .desktop-main-nav__dropdown,
.desktop-main-nav__item:focus-within .desktop-main-nav__dropdown {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
}

.desktop-main-nav__languages {
  display: flex;
  align-items: center;
  align-self: stretch;
  gap: clamp(6px, .8vw, 10px);
  margin-left: auto;
}

.desktop-main-nav__languages span {
  color: rgba(232, 161, 47, .65);
  font-size: clamp(10px, 1.1vw, 12px);
}

/* SSS üst menüden kaldırıldı ve sayfanın en alt menüsüne taşındı. */
.footer-bottom-nav {
  position: absolute;
  z-index: 55;
  right: 2.1%;
  bottom: .45%;
  width: 54%;
  min-height: 2.1%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: clamp(7px, 1vw, 12px);
  padding-left: 1.2%;
  background: #03111e;
  white-space: nowrap;
}

.footer-bottom-nav a,
.footer-bottom-nav span {
  color: #d6d8dc;
  font-size: clamp(10.5px, 1.28vw, 13.2px);
  line-height: 1;
  text-decoration: none;
}

.footer-bottom-nav a:hover,
.footer-bottom-nav a:focus-visible {
  color: var(--gold);
  outline: none;
}

.mobile-menu__footer-link {
  margin-top: .75rem;
  border-top: 1px solid rgba(232, 161, 47, .35);
  color: var(--gold) !important;
}

@media (max-width: 900px) and (min-width: 761px) {
  .desktop-main-nav {
    gap: 7px;
    padding-right: 1%;
    padding-left: 1.2%;
  }
  .desktop-main-nav__link,
  .desktop-main-nav__languages a {
    font-size: 10px;
  }
}

@media (max-width: 760px) {
  .desktop-main-nav,
  .footer-bottom-nav {
    display: none;
  }
}

/* ==========================================================
   Kayan Haberler ve Etkinlik Takvimi
   Statik tasarımın ilgili alanlarını gerçek HTML bileşenleriyle
   örter; masaüstünde otomatik, oklarla ve dokunarak kullanılabilir.
   ========================================================== */
.dynamic-panel {
  position: absolute;
  z-index: 45;
  overflow: hidden;
  container-type: inline-size;
  color: #f6f2e9;
  border: 1px solid rgba(226, 148, 31, .82);
  border-radius: .35cqw;
  background:
    radial-gradient(circle at 70% 0, rgba(19, 61, 88, .34), transparent 45%),
    linear-gradient(145deg, rgba(2, 18, 31, .995), rgba(3, 24, 40, .995));
  box-shadow: 0 10px 28px rgba(0, 0, 0, .28);
  font-family: Arial, Helvetica, sans-serif;
}

.dynamic-panel--news {
  left: 1.76%;
  top: 46.80%;
  width: 30.76%;
  height: 24.94%;
}

.dynamic-panel--events {
  left: 33.88%;
  top: 46.80%;
  width: 27.75%;
  height: 24.94%;
}

.dynamic-panel__header {
  height: 12.4%;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2cqw;
  padding: 0 4.2cqw;
  border-bottom: 1px solid rgba(226, 148, 31, .2);
}

.dynamic-panel__header h2 {
  margin: 0;
  color: #e9a230;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(8px, 5.35cqw, 17px);
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.dynamic-panel__header-actions {
  display: flex;
  align-items: center;
  gap: 1.4cqw;
  min-width: 0;
}

.dynamic-panel__header-actions a {
  color: #e9a230;
  font-size: clamp(5px, 2.45cqw, 8px);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}

.slider-arrow {
  display: grid;
  place-items: center;
  width: 6.4cqw;
  height: 6.4cqw;
  min-width: 18px;
  min-height: 18px;
  padding: 0;
  border: 1px solid rgba(232, 161, 47, .48);
  border-radius: 50%;
  color: #f0a42d;
  background: rgba(232, 161, 47, .06);
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(11px, 5cqw, 17px);
  line-height: 1;
  cursor: pointer;
}
.slider-arrow:hover,
.slider-arrow:focus-visible {
  color: #061522;
  background: #e8a12f;
  outline: none;
}

/* Haber kaydırıcısı: Etkinlik takvimi gibi dikey hareket eder. */
.news-slider__viewport {
  position: relative;
  height: 82%;
  overflow: hidden;
  touch-action: pan-x;
}
.news-slider__track {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  transition: transform .55s cubic-bezier(.22, .61, .36, 1);
  will-change: transform;
}
.news-slide {
  flex: 0 0 100%;
  width: 100%;
  min-height: 100%;
  height: 100%;
  padding: 2.4cqw 3.8cqw 7.5cqw;
  overflow: hidden;
}
.news-slide__image {
  display: block;
  width: 100%;
  height: 28%;
  min-height: 0;
  border-radius: .6cqw;
  object-fit: cover;
  object-position: center;
}
.news-slide__content {
  padding: 2.1cqw 1.2cqw 1.4cqw;
  border-bottom: 1px solid rgba(232, 161, 47, .22);
}
.news-slide__content time,
.news-teaser time {
  display: block;
  margin-bottom: .9cqw;
  color: #aeb8c3;
  font-size: clamp(5px, 2.35cqw, 8px);
  line-height: 1.2;
}
.news-slide__content h3 {
  margin: 0 0 1.3cqw;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(8px, 4.35cqw, 14px);
  font-weight: 500;
  line-height: 1.22;
}
.news-slide__content h3 a,
.news-slide__content h3 a:visited,
.news-slide__content h3 a:hover,
.news-slide__content h3 a:focus {
  color: #fff;
  text-decoration: none;
}
.news-slide__content p {
  margin: 0;
  color: #c9d0d7;
  font-size: clamp(6px, 3cqw, 9.5px);
  line-height: 1.35;
}
.news-slide__teasers {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  height: 31%;
}
.news-teaser {
  display: grid;
  grid-template-columns: 31% 1fr;
  align-items: center;
  gap: 3cqw;
  min-height: 0;
  padding: 1.8cqw 1.2cqw;
  border-bottom: 1px solid rgba(232, 161, 47, .17);
  color: #f6f2e9;
  font-size: clamp(6px, 3.1cqw, 10px);
  line-height: 1.28;
  text-decoration: none;
}
.news-teaser:last-child { border-bottom: 0; }
.news-teaser img {
  width: 100%;
  height: 100%;
  max-height: 13cqw;
  border-radius: .45cqw;
  object-fit: cover;
}
.news-teaser:hover span,
.news-teaser:focus-visible span { color: #e9a230; }
.news-teaser:focus-visible { outline: 1px solid #e9a230; outline-offset: -1px; }

.news-slider__dots {
  position: absolute;
  z-index: 4;
  left: 50%;
  bottom: 2.1%;
  display: flex;
  gap: 2.2cqw;
  transform: translateX(-50%);
}
.news-slider__dots button {
  width: 2.6cqw;
  height: 2.6cqw;
  min-width: 6px;
  min-height: 6px;
  padding: 0;
  border: 1px solid #e8a12f;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
}
.news-slider__dots button.is-active { background: #e8a12f; }

/* Etkinlik dikey kayan liste */
.events-ticker__viewport {
  position: relative;
  height: 70.5%;
  margin: 2.3cqw 4.2cqw 0;
  overflow: hidden;
  touch-action: pan-x;
}
.events-ticker__track {
  display: flex;
  flex-direction: column;
  transition: transform .5s cubic-bezier(.22, .61, .36, 1);
  will-change: transform;
}
.event-row {
  flex: 0 0 25%;
  min-height: 0;
  display: grid;
  grid-template-columns: 18% 1fr;
  align-items: center;
  gap: 4.2cqw;
  padding: 1.5cqw 0;
  border-bottom: 1px solid rgba(232, 161, 47, .2);
}
.event-row > time {
  display: grid;
  place-items: center;
  align-content: center;
  width: 100%;
  aspect-ratio: 1 / 1;
  border: 1px solid rgba(232, 161, 47, .72);
  border-radius: .6cqw;
  color: #e8a12f;
}
.event-row > time strong {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(10px, 7cqw, 20px);
  font-weight: 500;
  line-height: .9;
}
.event-row > time span {
  margin-top: .7cqw;
  font-size: clamp(5px, 2.7cqw, 8px);
  line-height: 1;
}
.event-row h3 {
  margin: 0 0 1.4cqw;
  color: #f7f3ed;
  font-size: clamp(7px, 3.8cqw, 11px);
  font-weight: 500;
  line-height: 1.2;
}
.event-row p {
  margin: 0;
  color: #abb4be;
  font-size: clamp(6px, 2.95cqw, 9px);
  line-height: 1.2;
}
.events-ticker__button {
  position: absolute;
  right: 5.4%;
  bottom: 4.3%;
  left: 5.4%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3cqw;
  min-height: 9.7%;
  border: 1px solid rgba(232, 161, 47, .7);
  color: #e8a12f;
  background: rgba(232, 161, 47, .035);
  font-size: clamp(6px, 3.55cqw, 11px);
  font-weight: 700;
  text-decoration: none;
}
.events-ticker__button:hover,
.events-ticker__button:focus-visible {
  color: #061522;
  background: #e8a12f;
  outline: none;
}

@media (max-width: 760px) {
  /* Mobilde sayfa resmi çok küçüldüğü için dinamik paneller okunabilir kalacak
     şekilde aynı alanlarda görünür; ok düğmeleri minimum dokunma alanını korur. */
  .slider-arrow {
    min-width: 14px;
    min-height: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .news-slider__track,
  .events-ticker__track { transition: none; }
}

/* ==========================================================
   Proje kartları ve alt bölüm menü etkileşimleri
   ========================================================== */
.project-card-links {
  position: absolute;
  z-index: 52;
  inset: 0;
  pointer-events: none;
}

.project-card-link {
  position: absolute;
  display: block;
  top: 74.72%;
  height: 14.48%;
  border-radius: .45cqw;
  background: transparent;
  box-shadow: inset 0 0 0 1px transparent;
  transition:
    transform .2s ease,
    background-color .2s ease,
    box-shadow .2s ease,
    filter .2s ease;
  pointer-events: auto;
}

.project-card-link--education { left: 1.75%; width: 18.25%; }
.project-card-link--culture   { left: 21.08%; width: 18.36%; }
.project-card-link--history   { left: 40.62%; width: 18.27%; }
.project-card-link--youth     { left: 60.05%; width: 18.27%; }
.project-card-link--support   { left: 79.39%; width: 18.45%; }

.project-card-link:hover,
.project-card-link:focus-visible {
  z-index: 2;
  transform: translateY(-2px);
  background: linear-gradient(180deg, rgba(232, 161, 47, .025), rgba(232, 161, 47, .08));
  box-shadow:
    inset 0 0 0 2px var(--gold),
    0 0 0 1px rgba(255, 209, 126, .28),
    0 10px 28px rgba(0, 0, 0, .38),
    0 0 22px rgba(232, 161, 47, .28);
  -webkit-backdrop-filter: brightness(1.07) saturate(1.04);
  backdrop-filter: brightness(1.07) saturate(1.04);
  outline: none;
}

/* Görselin içine gömülü alt menü metinlerini örter ve gerçek bağlantılar oluşturur. */
.footer-menu-overlay {
  position: absolute;
  z-index: 54;
  left: 25.15%;
  top: 90.55%;
  width: 72.85%;
  height: 7.15%;
  display: grid;
  grid-template-columns: 1.22fr 1.02fr 1.18fr 1.28fr 1.45fr;
  container-type: inline-size;
  overflow: hidden;
  color: #d9dde2;
  background:
    radial-gradient(circle at 55% 15%, rgba(13, 42, 61, .16), transparent 48%),
    #03111e;
  font-family: Arial, Helvetica, sans-serif;
}

.footer-menu-column {
  min-width: 0;
  padding: 2.1cqw 2.1cqw 1.2cqw;
  border-left: 1px solid rgba(232, 161, 47, .18);
}

.footer-menu-column:first-child { border-left: 0; }

.footer-menu-column a {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin: 0 0 .62cqw;
  color: #d8dce1;
  font-size: clamp(7px, 1.35cqw, 10.2px);
  line-height: 1.18;
  text-decoration: none;
  white-space: normal;
  transition:
    color .18s ease,
    transform .18s ease,
    text-shadow .18s ease;
}

.footer-menu-column .footer-menu-title {
  margin-bottom: 1.05cqw;
  color: var(--gold);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(8px, 1.62cqw, 12px);
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}

.footer-menu-column a:not(.footer-menu-title):hover,
.footer-menu-column a:not(.footer-menu-title):focus-visible {
  color: var(--gold);
  transform: translateX(2px);
  text-shadow: 0 0 12px rgba(232, 161, 47, .34);
  outline: none;
}

.footer-menu-column .footer-menu-title:hover,
.footer-menu-column .footer-menu-title:focus-visible {
  color: #ffd486;
  text-shadow: 0 0 14px rgba(232, 161, 47, .4);
  outline: none;
}

.footer-menu-column--contact a:not(.footer-menu-title) {
  display: flex;
  align-items: center;
  gap: .7cqw;
  white-space: nowrap;
}

.footer-menu-column--contact span {
  flex: 0 0 auto;
  color: var(--gold);
}

/* En alttaki yasal bağlantılarda üst menüye benzer daha belirgin renk değişimi. */
.footer-bottom-nav a {
  position: relative;
  transition: color .18s ease, text-shadow .18s ease;
}

.footer-bottom-nav a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -.35rem;
  left: 0;
  height: 1px;
  background: var(--gold);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .18s ease;
}

.footer-bottom-nav a:hover,
.footer-bottom-nav a:focus-visible {
  color: var(--gold);
  text-shadow: 0 0 12px rgba(232, 161, 47, .34);
}

.footer-bottom-nav a:hover::after,
.footer-bottom-nav a:focus-visible::after {
  transform: scaleX(1);
}

@media (max-width: 760px) {
  .project-card-links,
  .footer-menu-overlay {
    display: none;
  }
}