:root{
      --brand-red:#a21a1f;
      --brand-red-2:#8c1418;
      --brand-dark:#0b3a4a;
      --soft:#f4f6f8;
      --muted:#7a8a93;
      --card:#ffffff;
    }

    body{ background:#fafafa; }

    /* Top bar */
    .topbar{
      font-size:.9rem;
      background:#fff;
      border-bottom:1px solid #e9eef2;
    }
    .topbar .pill{
      display:inline-flex; align-items:center; gap:.4rem;
      padding:.35rem .6rem; border-radius:999px;
      background:#f3f6f8; color:#234; text-decoration:none;
    }
    .topbar .lang{
      display:inline-flex; gap:.35rem; align-items:center;
    }
    .topbar .lang .badge{
      border:1px solid #e2e8ee; background:#fff; color:#123;
      font-weight:600;
    }
    .topbar .donate{
      background:#d9252a; color:#fff !important;
      padding:.45rem .75rem; border-radius:999px;
      font-weight:700; text-decoration:none;
    }

    /* Main nav */
    .mainnav{
      background:#fff;
      border-bottom:1px solid #e9eef2;
      position:sticky; top:0; z-index:50;
    }
    .brand-logo{
      width:66px; height:66px; border-radius:50%;
      display:grid; place-items:center;
      background:#fff;
      border:6px solid #dfe7ee;
      box-shadow:0 6px 20px rgba(0,0,0,.08);
      margin-top:0px;
    }
    .brand-logo .inner{
      width:52px;height:52px;border-radius:50%;
      background:var(--brand-red);
      color:#fff; font-weight:800; font-size:.78rem;
      display:grid; place-items:center;
      text-align:center; line-height:1.05;
    }
    .nav-link{
      font-weight:700;
      color:#123 !important;
      padding:1.15rem .85rem !important;
    }
    .nav-link:hover{ color:var(--brand-red) !important; }

    /* Red patterned section like screenshot */
    .pattern-wrap{
      background:
        radial-gradient(circle at 10px 10px, rgba(255,255,255,.06) 2px, transparent 2px) 0 0/20px 20px,
        radial-gradient(circle at 20px 20px, rgba(0,0,0,.06) 2px, transparent 2px) 0 0/20px 20px,
        linear-gradient(0deg, var(--brand-red), var(--brand-red-2));
      padding:22px 0 26px;
    }

    /* Hero slider frame */
    .hero-frame{
      background:#fff;
      border-radius:14px;
      overflow:hidden;
      box-shadow:0 14px 40px rgba(0,0,0,.16);
      border:1px solid rgba(255,255,255,.35);
    }
    .hero-img{
      min-height:280px;
      background:#ddd center/cover no-repeat;
    }
    .hero-right{
      padding:24px 26px;
    }
    .hero-right h3{ font-weight:900; margin:0 0 .5rem; }
    .hero-right p{ color:#54626b; margin:0 0 1rem; }
    .hero-right .date{ color:#7e8b93; font-weight:700; font-size:.9rem; }
    .btn-detail{
      background:var(--brand-dark);
      color:#fff;
      border-radius:999px;
      padding:.55rem 1rem;
      font-weight:800;
      border:0;
    }

    /* Under-hero ticker */
    .ticker{
      margin-top:14px;
      background:rgba(255,255,255,.18);
      border:1px solid rgba(255,255,255,.22);
      border-radius:999px;
      overflow:hidden;
    }
    .ticker .item{
      padding:.55rem 1rem;
      color:#fff;
      font-weight:800;
      white-space:nowrap;
      border-right:1px solid rgba(255,255,255,.2);
    }
    .ticker .item small{
      display:inline-flex; align-items:center; justify-content:center;
      width:30px; height:30px;
      border-radius:999px;
      background:rgba(0,0,0,.18);
      margin-right:.55rem;
      font-weight:900;
    }

    /* Middle section blocks */
    .mid-wrap{
      margin-top:18px;
    }
    .person-card{
      border-radius:14px;
      overflow:hidden;
      background:#fff;
      box-shadow:0 10px 26px rgba(0,0,0,.12);
      border:1px solid #e8eef3;
    }
    .person-img{
      height:190px;
      background:#d9dde0 center/cover no-repeat;
    }
    .person-body{
      padding:14px 14px 12px;
      background:var(--brand-dark);
      color:#fff;
    }
    .person-body h5{ margin:0 0 .35rem; font-weight:900; }
    .person-body p{ margin:0; opacity:.9; font-size:.9rem; }
    .person-body .btn{
      margin-top:10px;
      background:#fff; color:var(--brand-dark);
      font-weight:900; border-radius:999px;
      padding:.35rem .85rem;
      border:0;
    }

    .menu-stack{
      border-radius:14px;
      background:#fff;
      border:1px solid #e8eef3;
      overflow:hidden;
      box-shadow:0 10px 26px rgba(0,0,0,.12);
    }
    .menu-stack .tab{
      display:flex; align-items:center; gap:.8rem;
      padding:16px 18px;
      border-bottom:1px solid #eef3f7;
      font-weight:900;
      color:#123;
      background:#f6fafc;
    }
    .menu-stack .tab.active{
      background:var(--brand-dark);
      color:#fff;
    }
    .menu-stack .tab i{ font-size:1.1rem; }

    .list-box{
      border-radius:14px;
      background:#fff;
      border:1px solid #e8eef3;
      box-shadow:0 10px 26px rgba(0,0,0,.12);
      overflow:hidden;
    }
    .list-box .head{
      padding:12px 14px;
      background:#f6fafc;
      font-weight:900;
      display:flex; align-items:center; justify-content:space-between;
      border-bottom:1px solid #eef3f7;
    }
    .news-row{
      display:flex; gap:12px;
      padding:12px 14px;
      border-bottom:1px solid #eef3f7;
      align-items:center;
    }
    .news-row:last-child{ border-bottom:0; }
    .thumb{
      width:56px; height:40px;
      border-radius:8px;
      background:#d8dde1 center/cover no-repeat;
      flex:0 0 auto;
    }
    .news-row .title{
      font-weight:900; margin:0; font-size:.95rem;
    }
    .news-row .date{
      color:#7f8c95; font-weight:800; font-size:.85rem;
      margin-top:2px;
    }
    .all-btn{
      background:var(--brand-dark);
      color:#fff; border:0;
      padding:.55rem .95rem;
      font-weight:900;
      border-radius:999px;
    }

    /* Quick buttons */
    .quick-strip{
      margin-top:16px;
    }
    .quick-btn{
      background:#fff;
      border:1px solid #e8eef3;
      border-radius:12px;
      padding:14px 16px;
      font-weight:900;
      display:flex;
      align-items:center;
      gap:12px;
      box-shadow:0 10px 24px rgba(0,0,0,.08);
      text-decoration:none;
      color:#123;
    }
    .quick-btn:hover{ color:var(--brand-red); }
    .quick-btn .icon{
      width:42px;height:42px;border-radius:10px;
      background:#f3f6f8;
      display:grid; place-items:center;
      font-size:1.2rem;
      color:var(--brand-red);
    }

    /* About */
    .section-title{
      font-weight:1000;
      letter-spacing:.5px;
    }
    .about-card{
      background:#fff;
      border:1px solid #e8eef3;
      border-radius:14px;
      box-shadow:0 10px 24px rgba(0,0,0,.08);
      padding:18px;
      height:100%;
    }
    .stat{
      display:flex; align-items:center; gap:12px;
      padding:12px 0;
      border-top:1px dashed #e6eef4;
    }
    .stat:first-child{ border-top:0; padding-top:0; }
    .stat .sicon{
      width:40px;height:40px;border-radius:12px;
      display:grid; place-items:center;
      background:#f3f6f8;
      color:var(--brand-red);
      font-size:1.2rem;
    }
    .stat .num{
      font-size:1.4rem; font-weight:1000; margin:0;
    }
    .stat .lbl{
      color:#7f8c95; font-weight:800; margin:0;
      margin-top:-2px;
    }

    /* Gallery */
    .gallery-wrap{
      background:#f6fafc;
      border-top:1px solid #e9eef2;
      border-bottom:1px solid #e9eef2;
      padding:22px 0;
    }
    .media-card{
      border-radius:14px;
      overflow:hidden;
      background:#fff;
      border:1px solid #e8eef3;
      box-shadow:0 10px 24px rgba(0,0,0,.08);
      height:100%;
    }
    .media-thumb{
      height:120px;
      background:#d8dde1 center/cover no-repeat;
      position:relative;
    }
    .media-thumb .badge-title{
      position:absolute; left:10px; bottom:10px;
      background:rgba(0,0,0,.55);
      color:#fff; padding:.25rem .55rem;
      border-radius:8px;
      font-weight:900;
      font-size:.85rem;
    }
    .play{
      position:absolute;
      right:10px; top:10px;
      width:40px;height:40px;border-radius:999px;
      background:rgba(255,255,255,.85);
      display:grid; place-items:center;
      font-size:1.1rem;
      color:var(--brand-red);
    }

    /* Footer */
    .footer{
      background:#0b3a4a;
      color:#d7e4ea;
      padding:28px 0 16px;
    }
    .footer h6{
      color:#fff;
      font-weight:1000;
      margin-bottom:12px;
    }
    .footer a{
      color:#d7e4ea; text-decoration:none;
    }
    .footer a:hover{ color:#fff; }
    .footer .smallmuted{ color:rgba(215,228,234,.75); }
    .footer .subbar{
      margin-top:18px;
      padding-top:14px;
      border-top:1px solid rgba(255,255,255,.12);
      color:rgba(255,255,255,.7);
      font-weight:800;
      font-size:.9rem;
    }

    /* Right vertical helper like screenshot */
    .side-help{
      position:fixed;
      right:-48px;
      top:50%;
      transform:translateY(-50%) rotate(-90deg);
      transform-origin:right center;
      background:#d9252a;
      color:#fff;
      padding:.55rem 1rem;
      border-radius:10px 10px 0 0;
      font-weight:1000;
      z-index:60;
      box-shadow:0 10px 24px rgba(0,0,0,.18);
    }

    @media (max-width: 992px){
      .brand-logo{ margin-top:0; }
      .nav-link{ padding:.75rem .85rem !important; }
      .hero-img{ min-height:220px; }
    }

/* === Modern dropdown görünümü (Desktop) === */
.mainnav .dropdown-menu {
  border: 1px solid #e9eef2;
  border-radius: 14px;
  padding: 10px;
  min-width: 240px;
  box-shadow: 0 18px 40px rgba(0,0,0,.14);
}

.mainnav .dropdown-item {
  border-radius: 10px;
  padding: 10px 12px;
  font-weight: 800;
  color: #123;
}

.mainnav .dropdown-item:hover {
  background: rgba(162,26,31,.08);
  color: #a21a1f;
}

/* İnce animasyon */
.dropdown-menu-animate {
  transform: translateY(10px);
  opacity: 0;
  transition: all .18s ease;
}
.dropdown-menu.show.dropdown-menu-animate {
  transform: translateY(0);
  opacity: 1;
}

/* Dropdown toggle ikonunu daha şık yap */
.mainnav .dropdown-toggle::after{
  margin-left: .5rem;
  transform: translateY(1px);
}

/* === Mobile: dropdown yerine accordion/collapse === */
.submenu-mobile { display: none; }

@media (max-width: 992px) {
  /* Mobilde dropdown menüyü kapat, collapse göster */
  .mainnav .dropdown-menu { display: none !important; }
  .submenu-mobile { display: block; }

  /* Mobilde nav item araları */
  .mainnav .navbar-nav .nav-link {
    padding: .75rem .85rem !important;
  }

  /* Mobil alt menü görünümü */
  .submenu-mobile-inner {
    margin: 0 10px 10px;
    padding: 10px;
    border: 1px solid #e9eef2;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(0,0,0,.08);
  }

  .submenu-mobile-link {
    display: block;
    padding: 10px 12px;
    border-radius: 12px;
    text-decoration: none;
    color: #123;
    font-weight: 800;
  }

  .submenu-mobile-link:hover {
    background: rgba(162,26,31,.08);
    color: #a21a1f;
  }
}
/* ================================
   KURUMSAL DROPDOWN MENÜ
   ================================ */

/* NAV Z-INDEX */
.mainnav {
  position: sticky;
  top: 0;
  z-index: 1000;
}

/* --- DESKTOP DROPDOWN --- */
.mainnav .dropdown-menu {
  min-width: 240px;
  padding: 3px 0;
  margin-top: 0px;

  background: #ffffff;
  border: 1px solid #e3e8ee;
  border-radius: 6px;

  box-shadow: 0 10px 30px rgba(0,0,0,.08);

  font-size: 0.95rem;
}

/* Menü item */
.mainnav .dropdown-item {
  padding: 8px 18px;

  font-weight: 500;          /* KALINLIK DÜŞÜRÜLDÜ */
  color: #2b3a42;

  border-radius: 0;
  transition: background .15s ease, color .15s ease;
}

/* Hover */
.mainnav .dropdown-item:hover {
  background: #f4f7fa;
  color: var(--brand-red);
}

/* Ayraç gibi his için */
.mainnav .dropdown-item + .dropdown-item {
  border-top: 1px solid #f0f3f6;
}

/* Dropdown ok */
.mainnav .dropdown-toggle::after {
  font-size: .7rem;
  margin-left: .4rem;
  vertical-align: middle;
}

/* --- MOBİL (ACCORDION STİLİ) --- */
.submenu-mobile-inner {
  background: #f8fafc;
  border: 1px solid #e3e8ee;
  border-radius: 6px;
  padding: 4px 0;
}

/* Mobil alt link */
.submenu-mobile-link {
  display: block;
  padding: 10px 16px;

  font-size: .95rem;
  font-weight: 500;          /* KURUMSAL */
  color: #2b3a42;
  text-decoration: none;

  border-bottom: 1px solid #e9edf2;
}

.submenu-mobile-link:last-child {
  border-bottom: 0;
}

/* Mobil hover */
.submenu-mobile-link:hover {
  background: #eef3f7;
  color: var(--brand-red);
}

/* Mobilde dropdown kapalı, accordion açık */
@media (max-width: 992px) {
  .mainnav .dropdown-menu {
    display: none !important;
  }
}
/* Hero carousel controls - daha kurumsal */
#homeHeroCarousel .carousel-control-prev,
#homeHeroCarousel .carousel-control-next{
  width: 10%;
  opacity: .9;
}
#homeHeroCarousel .carousel-control-prev-icon,
#homeHeroCarousel .carousel-control-next-icon{
  filter: drop-shadow(0 10px 20px rgba(0,0,0,.25));
}
#homeHeroCarousel .carousel-indicators [data-bs-target]{
  width: 9px; height: 9px;
  border-radius: 999px;
  opacity: .5;
}
#homeHeroCarousel .carousel-indicators .active{
  opacity: 1;
}