/* ===================================================================
   UEB — Anasayfa Birebir Tasarım  (Atlas design system → Umut impl.)
   www.css'ten SONRA yüklenir; yeni namespace (ueb-/hp-) ile çakışmaz.
   Tokenlar www.css :root'tan miras alınır (--c-darkest, --c-mid, --c-amber).
=================================================================== */

:root{
  --hp-navy-0:#081222;
  --hp-navy-1:#0a1e3c;
  --hp-navy-2:#0f2a4d;
  --hp-gold:#c89b3c;
  --hp-gold-2:#e0b65a;
  --hp-line:rgba(255,255,255,.10);
}

/* ── Tipografi (birebir font) ──────────────────────────────── */
body{ font-family:'Inter','Segoe UI',system-ui,-apple-system,sans-serif; }
h1,h2,h3,h4,h5,h6,.hp-serif{ font-family:'Inter','Segoe UI',system-ui,-apple-system,sans-serif; }
.hp-amber{ color:var(--hp-gold); font-style:italic; }

/* container hizası www.css ile uyumlu */
.hp-wrap{ max-width:1440px; margin:0 auto; padding:0 2rem; }

/* ═══ ÜST BAR ═══════════════════════════════════════════════ */
.ueb-topbar{ background:var(--hp-navy-0); color:#c7d2e0; font-size:.78rem; border-bottom:1px solid rgba(255,255,255,.06); }
.ueb-topbar .hp-wrap{ display:flex; align-items:center; justify-content:space-between; height:40px; }
.ueb-topbar a{ color:#c7d2e0; text-decoration:none; display:inline-flex; align-items:center; gap:.4rem; transition:.2s; }
.ueb-topbar a:hover{ color:#fff; }
.ueb-topbar i{ color:var(--hp-gold); font-size:.8rem; }
.ueb-top-left{ display:flex; gap:1.6rem; align-items:center; }
.ueb-top-right{ display:flex; gap:1.1rem; align-items:center; }
.ueb-top-right .sep{ width:1px; height:14px; background:rgba(255,255,255,.18); }
.ueb-top-lang{ cursor:pointer; }
@media(max-width:880px){ .ueb-top-left a:nth-child(2){ display:none; } .ueb-topbar{ font-size:.72rem; } .ueb-top-right{ gap:.7rem; } }

/* ═══ HEADER / NAV ══════════════════════════════════════════ */
.ueb-header{ background:#fff; box-shadow:0 1px 0 rgba(0,0,0,.06); position:sticky; top:0; z-index:900; }
.ueb-header .hp-wrap{ display:flex; align-items:center; justify-content:space-between; height:84px; gap:1.5rem; }
.ueb-logo{ display:flex; align-items:center; gap:.7rem; text-decoration:none; flex-shrink:0; }
.ueb-logo img{ height:54px; width:auto; }
.ueb-logo-emblem{ width:50px; height:50px; border-radius:50%; background:radial-gradient(circle at 35% 30%,#15407a,#0a1e3c); display:flex; align-items:center; justify-content:center; border:2px solid var(--hp-gold); color:var(--hp-gold); }
.ueb-logo-txt{ display:flex; flex-direction:column; line-height:1.05; }
.ueb-logo-txt b{ font-family:'Inter','Segoe UI',system-ui,sans-serif; font-size:1.12rem; font-weight:800; letter-spacing:.02em; color:var(--hp-navy-1); }
.ueb-logo-txt span{ font-size:.6rem; letter-spacing:.06em; color:#8a94a3; text-transform:uppercase; margin-top:1px; }

.ueb-nav{ display:flex; align-items:center; gap:1.45rem; }
.ueb-nav > a, .ueb-nav .nav-drop > span{
  font-size:.78rem; font-weight:600; letter-spacing:.04em; text-transform:uppercase;
  color:#26344a; text-decoration:none; cursor:pointer; padding:.35rem 0; position:relative;
  display:inline-flex; align-items:center; gap:.3rem; white-space:nowrap; transition:color .2s;
}
.ueb-nav > a:hover, .ueb-nav .nav-drop:hover > span{ color:var(--hp-navy-1); }
.ueb-nav > a.active{ color:var(--hp-navy-1); }
.ueb-nav > a.active::after{ content:""; position:absolute; left:0; right:0; bottom:-4px; height:2.5px; background:var(--hp-gold); border-radius:2px; }
.ueb-nav .nav-drop{ position:relative; }
.ueb-nav .nav-drop i{ font-size:.6rem; }
.ueb-nav .nav-drop-menu{
  position:absolute; top:calc(100% + 10px); left:50%; transform:translateX(-50%) translateY(8px);
  min-width:230px; background:#fff; border:1px solid #eef1f5; border-radius:10px; box-shadow:0 18px 40px rgba(10,30,60,.16);
  padding:.5rem; opacity:0; visibility:hidden; transition:.18s; z-index:50;
}
.ueb-nav .nav-drop:hover .nav-drop-menu{ opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); }
.ueb-nav .nav-drop-menu a{ display:block; padding:.55rem .75rem; font-size:.82rem; color:#33415a; text-decoration:none; border-radius:7px; transition:.15s; }
.ueb-nav .nav-drop-menu a:hover{ background:#f4f7fb; color:var(--hp-navy-1); }

.ueb-head-right{ display:flex; align-items:center; gap:1rem; flex-shrink:0; }
.ueb-btn-uyeol{
  display:inline-flex; align-items:center; gap:.5rem; background:linear-gradient(135deg,var(--hp-gold),#b8862e);
  color:#1a1407; font-size:.8rem; font-weight:700; letter-spacing:.03em; text-transform:uppercase;
  padding:.7rem 1.4rem; border-radius:7px; text-decoration:none; box-shadow:0 6px 16px rgba(200,155,60,.32); transition:.2s;
}
.ueb-btn-uyeol:hover{ transform:translateY(-1px); box-shadow:0 9px 22px rgba(200,155,60,.42); }
.ueb-btn-giris{ display:inline-flex; align-items:center; gap:.5rem; background:#fff; color:var(--hp-navy-1); border:2px solid var(--hp-navy-1); font-size:.8rem; font-weight:700; letter-spacing:.03em; text-transform:uppercase; padding:.6rem 1.3rem; border-radius:7px; text-decoration:none; transition:.2s; }
.ueb-btn-giris:hover{ background:var(--hp-navy-1); color:#fff; }

/* desktop nav gizle / burger göster */
.ueb-burger{ display:none; width:44px; height:44px; border:none; background:none; font-size:1.4rem; color:var(--hp-navy-1); cursor:pointer; }
@media(max-width:1180px){
  .ueb-nav, .ueb-btn-giris{ display:none; }
  .ueb-burger{ display:inline-flex; align-items:center; justify-content:center; }
  .ueb-header .hp-wrap{ height:70px; }
  .ueb-logo img{ height:44px; }
}

/* ═══ HERO ══════════════════════════════════════════════════ */
.hp-hero{ position:relative; background:linear-gradient(120deg,#081222 0%,#0a1e3c 48%,#10264a 100%); color:#fff; overflow:hidden; }
.hp-hero-bg{ position:absolute; inset:0; background-position:right center; background-size:cover; background-repeat:no-repeat; opacity:.55; z-index:0; }
.hp-hero-bg::after{ content:""; position:absolute; inset:0; background:linear-gradient(90deg,#081222 18%,rgba(8,18,34,.65) 48%,rgba(8,18,34,.15) 100%); }
/* slider: slaytlar aynı hücrede yığılır (grid-stack), opaklıkla geçer */
.hp-hero-slides{ position:relative; z-index:2; display:grid; }
.hp-hero-slide{ grid-area:1/1; opacity:0; visibility:hidden; transition:opacity .6s ease; }
.hp-hero-slide.active{ opacity:1; visibility:visible; }
.hp-hero-slide .hp-wrap{ position:relative; z-index:2; display:flex; align-items:center; min-height:400px; padding-top:2.25rem; padding-bottom:4rem; }
.hp-hero-text{ max-width:560px; }

/* slider navigasyonu (ok + nokta, sol-alt) */
.hp-hero-nav{ position:absolute; left:0; right:0; bottom:60px; z-index:6; pointer-events:none; }
.hp-hero-nav .hp-wrap{ display:flex; align-items:center; justify-content:center; gap:14px; pointer-events:none; }
.hp-hero-nav button{ pointer-events:auto; }
.hp-hero-arrow{ width:40px; height:40px; border-radius:50%; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.3); color:#fff; font-size:1.4rem; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:.2s; }
.hp-hero-arrow:hover{ background:var(--hp-gold); border-color:var(--hp-gold); color:#1a1407; }
.hp-hero-dots{ display:flex; gap:8px; align-items:center; }
.hp-hero-dots button{ width:9px; height:9px; padding:0; border-radius:50%; border:none; background:rgba(255,255,255,.35); cursor:pointer; transition:.2s; }
.hp-hero-dots button.active{ background:var(--hp-gold); width:24px; border-radius:5px; }
@media(max-width:680px){ .hp-hero-nav{ bottom:38px; } }
.hp-hero h1{ color:#fff; font-size:clamp(2.4rem,4.6vw,3.7rem); font-weight:800; line-height:1.08; margin:0 0 1.3rem; }
.hp-hero h1 .l2{ display:block; color:var(--hp-gold); font-style:italic; }
.hp-hero-sub{ font-size:1.05rem; color:#c2cede; line-height:1.6; max-width:440px; margin-bottom:2rem; }
.hp-hero-btns{ display:flex; flex-wrap:wrap; gap:.9rem; }
.hp-hero-btns a{ display:inline-flex; align-items:center; gap:.6rem; font-size:.82rem; font-weight:600; letter-spacing:.03em; text-transform:uppercase; padding:.85rem 1.5rem; border-radius:7px; text-decoration:none; transition:.2s; }
.hp-btn-gold{ background:linear-gradient(135deg,var(--hp-gold),#b8862e); color:#1a1407; box-shadow:0 8px 20px rgba(200,155,60,.3); }
.hp-btn-gold:hover{ transform:translateY(-1px); }
.hp-btn-ghost{ background:rgba(255,255,255,.06); color:#fff; border:1px solid rgba(255,255,255,.28); }
.hp-btn-ghost:hover{ background:rgba(255,255,255,.14); }

/* tanıtım filmi play */
.hp-hero-globe{ position:absolute; right:4%; top:50%; transform:translateY(-50%); width:min(46%,500px); z-index:1; pointer-events:none; }
.hp-hero-globe svg{ width:100%; height:auto; display:block; }
@media(max-width:1000px){ .hp-hero-globe{ display:none; } }
.hp-hero-play{ position:absolute; z-index:3; right:17%; top:50%; transform:translateY(-50%); display:flex; align-items:center; gap:.9rem; }
.hp-play-circle{ width:74px; height:74px; border-radius:50%; background:rgba(255,255,255,.12); border:2px solid rgba(255,255,255,.55); display:flex; align-items:center; justify-content:center; color:#fff; cursor:pointer; backdrop-filter:blur(2px); transition:.2s; }
.hp-play-circle:hover{ background:var(--hp-gold); border-color:var(--hp-gold); color:#1a1407; }
.hp-play-circle::before{ content:""; border-style:solid; border-width:9px 0 9px 15px; border-color:transparent transparent transparent currentColor; margin-left:4px; }
.hp-play-txt b{ display:block; font-family:'Inter',sans-serif; font-size:.85rem; font-weight:700; letter-spacing:.04em; }
.hp-play-txt span{ font-size:.72rem; color:#aebbcd; }
@media(max-width:1100px){ .hp-hero-play{ display:none; } }

/* dil bayrakları (görünür, fonksiyonsuz — sonra) */
.hp-lang{ position:absolute; z-index:4; right:18px; top:50%; transform:translateY(-50%); display:flex; flex-direction:column; gap:.55rem; background:rgba(8,18,34,.5); border:1px solid rgba(255,255,255,.12); border-radius:12px; padding:.6rem .5rem; backdrop-filter:blur(4px); }
.hp-lang button, .hp-lang a{ display:flex; flex-direction:column; align-items:center; gap:2px; background:none; border:none; cursor:pointer; color:#cdd8e6; font-size:.6rem; font-weight:600; letter-spacing:.05em; padding:.15rem; border-radius:7px; transition:.15s; text-decoration:none; }
.hp-lang button:hover, .hp-lang button.active, .hp-lang a:hover, .hp-lang a.active{ background:rgba(255,255,255,.1); color:#fff; }
.hp-lang .flag{ width:24px; height:16px; border-radius:3px; object-fit:cover; box-shadow:0 1px 3px rgba(0,0,0,.4); display:block; font-size:14px; line-height:16px; text-align:center; }
@media(max-width:680px){ .hp-lang{ flex-direction:row; right:50%; top:auto; bottom:10px; transform:translateX(50%); } }

/* ═══ İSTATİSTİK ŞERİDİ ═════════════════════════════════════ */
.hp-stats{ background:linear-gradient(120deg,#081222 0%,#0a1e3c 48%,#10264a 100%); padding:0; }
.hp-stats-card{ margin-top:-46px; position:relative; z-index:5; display:grid; grid-template-columns:repeat(4,1fr); background:linear-gradient(90deg,#0e2750,#15366a); border:1px solid rgba(255,255,255,.13); border-radius:6px; }
.hp-stat{ display:flex; align-items:center; gap:1rem; padding:8.5px 1rem; justify-content:center; border-right:1px solid rgba(255,255,255,.10); }
.hp-stat:last-child{ border-right:none; }
.hp-stat i{ font-size:28pt; line-height:1; color:var(--hp-gold); }
.hp-stat-num{ font-family:'Inter','Segoe UI',system-ui,sans-serif; font-size:2.1rem; font-weight:800; color:#fff; line-height:1; }
.hp-stat-lbl{ font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; color:#9fb0c6; margin-top:4px; }
@media(max-width:880px){ .hp-stats-card{ grid-template-columns:repeat(2,1fr); } .hp-stat:nth-child(2){ border-right:none; } }
@media(max-width:480px){ .hp-stats-card{ grid-template-columns:1fr; } .hp-stat{ border-right:none; border-bottom:1px solid rgba(255,255,255,.10); } }

/* ═══ ÜÇLÜ BLOK (hakkımızda / faaliyet / harita) ════════════ */
.hp-trio{ background:#fff; padding:3.5rem 0; }
.hp-trio .hp-wrap{ display:grid; grid-template-columns:1fr 1.15fr 1.15fr; gap:2.2rem; }
.hp-col-title{ font-family:'Inter','Segoe UI',system-ui,sans-serif; font-size:.95rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--hp-navy-1); margin-bottom:1.1rem; padding-bottom:.55rem; position:relative; }
.hp-col-title::after{ content:""; position:absolute; left:0; bottom:0; width:42px; height:2.5px; border-radius:2px; background:var(--hp-gold); }

.hp-about-img{ width:100%; height:150px; object-fit:cover; border-radius:10px; margin-bottom:1rem; background:#dde6ef; }
.hp-about-logo{ display:flex; align-items:center; justify-content:center; padding:1.2rem; background:#fff; border:2px solid var(--hp-navy-1); }
.hp-about-logo img{ max-width:78%; max-height:65%; width:auto; height:auto; object-fit:contain; display:block; }
.hp-about p{ font-size:.88rem; color:#5b6473; line-height:1.7; margin-bottom:1rem; }
.hp-link-gold{ display:inline-flex; align-items:center; gap:.45rem; color:var(--hp-gold); font-size:.78rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; text-decoration:none; }
.hp-link-gold:hover{ gap:.7rem; }

.hp-faal-grid{ display:grid; grid-template-columns:1fr 1fr; gap:.75rem; }
.hp-faal{ display:flex; align-items:center; gap:.7rem; padding:.85rem .9rem; border:1px solid #e9eef4; border-radius:9px; background:#fafbfd; transition:.2s; cursor:pointer; }
.hp-faal:hover{ border-color:var(--hp-gold); box-shadow:0 6px 16px rgba(10,30,60,.08); transform:translateY(-2px); }
.hp-faal i{ font-size:24px; color:var(--hp-navy-1); width:30px; text-align:center; }
.hp-faal span{ font-size:.8rem; font-weight:600; color:#33415a; line-height:1.25; }
.hp-faal-btn{ margin-top:.9rem; display:inline-block; background:var(--hp-navy-1); color:#fff; font-size:.74rem; font-weight:600; letter-spacing:.05em; text-transform:uppercase; padding:.6rem 1.2rem; border-radius:7px; text-decoration:none; transition:.2s; }

/* Avantajlar (haritanın yerine) — görsel üstte, kayan slider */
.hp-av-carousel{ overflow:hidden; }
.hp-av-track{ display:flex; transition:transform .5s ease; }
.hp-av-card{ flex:0 0 100%; min-width:0; display:block; text-decoration:none; color:inherit; }
.hp-av-img{ width:100%; height:210px; border-radius:10px; overflow:hidden; background:#f5f8fc; border:1px solid #e9eef4; display:flex; align-items:center; justify-content:center; }
.hp-av-img img{ width:100%; height:100%; object-fit:cover; display:block; }
/* Haber carousel görselleri: kafalar kesilmesin (yüzler üstte) — sadece haberlere özel */
.hp-cell-haberler .hp-av-img img{ object-position:center 22%; }
.hp-av-noimg i{ font-size:2.2rem; color:var(--hp-gold); }
.hp-av-body{ padding:.85rem .15rem 0; }
.hp-av-bs{ font-size:.95rem; font-weight:700; color:#1c2a3f; line-height:1.3; transition:.2s; }
.hp-av-card:hover .hp-av-bs{ color:var(--hp-navy-1); }
.hp-av-oz{ font-size:.78rem; color:#7a8699; line-height:1.5; margin-top:.35rem; }
.hp-av-dots{ display:flex; gap:6px; justify-content:center; margin-top:.9rem; }
.hp-av-dots button{ width:8px; height:8px; padding:0; border:none; border-radius:50%; background:#d7deea; cursor:pointer; transition:.2s; }
.hp-av-dots button.active{ background:var(--hp-gold); width:20px; border-radius:4px; }
.hp-av-all{ display:block; text-align:right; margin-top:1rem; color:var(--hp-gold); font-size:.74rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; text-decoration:none; transition:.15s; }
.hp-av-all:hover{ color:var(--hp-navy-1); }
/* avantaj hücresinde linki dibe çek (çizgiye yakın) */
.hp-av-cell{ display:flex; flex-direction:column; }
.hp-av-cell .hp-av-all{ margin-top:auto; margin-bottom:-13px; }
.hp-faal-btn:hover{ background:var(--hp-gold); color:#1a1407; }

/* harita */
.hp-map-box{ display:flex; gap:1rem; }
.hp-map-img{ flex:1; min-width:0; border:1px solid #eef1f5; border-radius:10px; background:#f6f8fb; padding:.5rem; }
.hp-map-img svg{ width:100%; height:auto; display:block; }
.hp-map-legend{ width:150px; flex-shrink:0; border:1px solid #eef1f5; border-radius:10px; padding:.6rem .7rem; }
.hp-map-legend li{ list-style:none; display:flex; align-items:center; gap:.5rem; font-size:.76rem; color:#44516a; padding:.2rem 0; }
.hp-map-legend .flag{ width:18px; height:12px; border-radius:2px; box-shadow:0 1px 2px rgba(0,0,0,.2); font-size:11px; line-height:12px; text-align:center; }
.hp-map-legend .hp-link-gold{ margin-top:.5rem; font-size:.68rem; }
@media(max-width:1080px){ .hp-trio .hp-wrap{ grid-template-columns:1fr 1fr; } .hp-trio .hp-about{ grid-column:1/-1; } }
@media(max-width:760px){ .hp-trio .hp-wrap{ grid-template-columns:1fr; } .hp-faal-grid{ grid-template-columns:1fr 1fr; } .hp-map-box{ flex-direction:column-reverse; } .hp-map-legend{ width:100%; } }

/* ═══ DÖRTLÜ BLOK ═══════════════════════════════════════════ */
.hp-quad{ background:#fff; padding:1rem 0 3.5rem; border-top:1px solid #eef1f5; }
.hp-quad .hp-wrap{ display:grid; grid-template-columns:repeat(4,1fr); gap:2rem; }
.hp-q-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:1.1rem; padding-bottom:.55rem; }
.hp-q-head h3{ font-family:'Inter','Segoe UI',system-ui,sans-serif; font-size:.95rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--hp-navy-1); padding-bottom:.4rem; border-bottom:2.5px solid var(--hp-gold); }
/* etkinlikler kutusu: başlık tek satır, link alt satırda */
.hp-q-head-col{ display:block; }
.hp-q-head-col h3{ display:inline-block; white-space:nowrap; }
.hp-q-all{ font-size:.68rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--hp-gold); text-decoration:none; }

/* haberler */
.hp-news-feat img{ width:100%; height:150px; object-fit:cover; object-position:center 28%; border-radius:8px; margin-bottom:.6rem; background:#dde6ef; }
.hp-news-date{ font-size:.7rem; color:#94a0b2; margin-bottom:.3rem; }
.hp-news-feat h4{ font-size:.92rem; font-weight:700; color:#1c2a3f; line-height:1.35; margin-bottom:.5rem; }
.hp-news-feat h4 a{ color:inherit; text-decoration:none; }
.hp-news-feat h4 a:hover{ color:var(--hp-navy-1); }
.hp-news-list{ margin-top:1rem; }
.hp-news-li{ padding:.7rem 0; border-top:1px solid #eef1f5; }
.hp-news-li a{ font-size:.82rem; font-weight:600; color:#33415a; text-decoration:none; line-height:1.4; display:block; }
.hp-news-li a:hover{ color:var(--hp-gold); }
.hp-news-li .d{ font-size:.68rem; color:#9aa6b6; margin-top:.25rem; }

/* etkinlikler */
.hp-evt{ display:flex; gap:.85rem; align-items:center; padding:.75rem 0; border-bottom:1px solid #eef1f5; }
.hp-evt-date{ flex-shrink:0; width:46px; text-align:center; }
.hp-evt-date .g{ font-family:'Inter','Segoe UI',system-ui,sans-serif; font-size:1.4rem; font-weight:800; color:var(--hp-navy-1); line-height:1; }
.hp-evt-date .a{ font-size:.62rem; letter-spacing:.1em; text-transform:uppercase; color:var(--hp-gold); }
.hp-evt-info h4{ font-size:.84rem; font-weight:600; color:#28344a; line-height:1.3; margin-bottom:.2rem; }
.hp-evt-info span{ font-size:.72rem; color:#94a0b2; }

/* başkan */
.hp-baskan{ text-align:left; }
.hp-baskan-photo{ width:150px; height:150px; border-radius:50%; object-fit:cover; border:3px solid #eef1f5; margin-bottom:.8rem; background:#dde6ef; }
.hp-baskan-quote{ font-size:.85rem; color:#5b6473; line-height:1.65; font-style:italic; margin-bottom:.8rem; }
.hp-baskan-name{ font-family:'Inter','Segoe UI',system-ui,sans-serif; font-size:1rem; font-weight:800; color:var(--hp-navy-1); }
.hp-baskan-role{ font-size:.72rem; color:#94a0b2; margin-bottom:.6rem; }

/* video */
.hp-vid-main{ position:relative; border-radius:9px; overflow:hidden; margin-bottom:.7rem; display:block; }
.hp-vid-main img{ width:100%; height:120px; object-fit:cover; display:block; background:#22303f; }
.hp-vid-main .ov{ position:absolute; inset:0; background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.7)); }
.hp-vid-main .pl{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:48px; height:48px; border-radius:50%; background:rgba(200,155,60,.92); display:flex; align-items:center; justify-content:center; color:#1a1407; }
.hp-vid-main .pl::before{ content:""; border-style:solid; border-width:7px 0 7px 12px; border-color:transparent transparent transparent currentColor; margin-left:3px; }
.hp-vid-main .cap{ position:absolute; left:.7rem; bottom:.6rem; right:.7rem; color:#fff; font-size:.78rem; font-weight:600; line-height:1.3; z-index:2; }
.hp-vid-thumbs{ display:grid; grid-template-columns:repeat(4,1fr); gap:.4rem; }
.hp-vid-thumbs a{ position:relative; border-radius:6px; overflow:hidden; display:block; aspect-ratio:16/10; background:#22303f; }
.hp-vid-thumbs img{ width:100%; height:100%; object-fit:cover; display:block; }
.hp-vid-thumbs .pl-s{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#fff; background:rgba(0,0,0,.25); font-size:.7rem; }

/* Temsilcilikler listesi (video galeri altında, 2 sütun, üstte çizgi) */
.hp-temsilcilik-box{ margin:1.1rem -1.5rem 0; padding:1.1rem 1.5rem 0; border-top:1px solid #eef1f5; }
.hp-temsilcilik-list{ list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:.45rem .9rem; }
.hp-temsilcilik-list li{ display:flex; align-items:center; gap:.5rem; font-size:.78rem; color:#44516a; }
.hp-temsilcilik-list .flag{ width:18px; height:12px; border-radius:2px; box-shadow:0 1px 2px rgba(0,0,0,.2); font-size:11px; line-height:12px; text-align:center; flex-shrink:0; }

@media(max-width:1080px){ .hp-quad .hp-wrap{ grid-template-columns:1fr 1fr; } }
@media(max-width:620px){ .hp-quad .hp-wrap{ grid-template-columns:1fr; } }

/* ── İçerik paneli (çerçeveli grid — referanstaki bölüm çizgileri) ── */
.hp-grid-section{ background:#fff; padding:12px 0 3rem; }
.hp-panel{ border:1px solid #e6eaf0; border-radius:14px; background:#fff; overflow:hidden; }
.hp-panel-row{ display:grid; }
.hp-row-3{ grid-template-columns:1fr 1.15fr 1.15fr; }
.hp-row-4{ grid-template-columns:1fr 1.15fr 1.15fr; border-top:1px solid #e6eaf0; }
.hp-cell{ padding:17px 1.5rem; border-right:1px solid #e6eaf0; min-width:0; }
.hp-panel-row > .hp-cell:last-child{ border-right:none; }
@media(max-width:1080px){
  .hp-row-3, .hp-row-4{ grid-template-columns:1fr 1fr; }
  .hp-cell{ border-right:none; border-bottom:1px solid #e6eaf0; }
  .hp-panel-row > .hp-cell:nth-child(odd){ border-right:1px solid #e6eaf0; }
}
@media(max-width:620px){
  .hp-row-3, .hp-row-4{ grid-template-columns:1fr; }
  .hp-panel-row > .hp-cell{ border-right:none !important; }
}

/* ═══ STRATEJİK İŞ ORTAKLARI ════════════════════════════════ */
.hp-partners{ background:#fff; border-top:1px solid #eef1f5; padding:2rem 0; }
.hp-partners .hp-wrap{ display:flex; align-items:center; gap:2rem; flex-wrap:wrap; }
.hp-partners-lbl{ font-size:.8rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--hp-navy-1); flex-shrink:0; max-width:160px; line-height:1.4; }
.hp-partners-logos{ display:flex; align-items:center; gap:2.2rem; flex-wrap:wrap; flex:1; justify-content:space-around; }
.hp-partner{ display:flex; align-items:center; gap:.5rem; color:#5b6473; font-size:.8rem; font-weight:600; opacity:.8; transition:.2s; }
.hp-partner:hover{ opacity:1; }
.hp-partner i{ font-size:1.5rem; color:var(--hp-navy-1); }

/* ═══ FOOTER ════════════════════════════════════════════════ */
.ueb-footer{ background:var(--hp-navy-0); color:#aebac9; padding:3.5rem 0 0; }
.ueb-footer .hp-wrap{ display:grid; grid-template-columns:1.9fr repeat(4,1fr) 1.5fr; gap:1.6rem; }
.ueb-footer .fcol-brand{ max-width:280px; }
.ueb-footer .hp-wrap > div:not(.fcol-brand){ border-left:1px solid rgba(255,255,255,.10); padding-left:1.6rem; }
.ueb-foot-logo{ display:flex; align-items:center; gap:.6rem; margin-bottom:1rem; }
.ueb-foot-logo .ueb-logo-emblem{ width:42px; height:42px; }
.ueb-foot-logo b{ font-family:'Inter','Segoe UI',system-ui,sans-serif; color:#fff; font-size:1rem; }
.ueb-foot-logo span{ font-size:.58rem; color:#7e8ba0; text-transform:uppercase; letter-spacing:.05em; }
.ueb-foot-desc{ font-size:.82rem; line-height:1.7; color:#8e9bb0; margin-bottom:1.1rem; }
.ueb-foot-social{ display:flex; gap:.5rem; }
.ueb-foot-social a{ width:34px; height:34px; border-radius:7px; background:rgba(255,255,255,.06); display:flex; align-items:center; justify-content:center; color:#aebac9; text-decoration:none; transition:.2s; }
.ueb-foot-social a:hover{ background:var(--hp-gold); color:#1a1407; }
.ueb-footer h4{ font-family:'Inter',sans-serif; font-size:.82rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:#fff; margin-bottom:1rem; }
.ueb-footer ul{ list-style:none; }
.ueb-footer ul li{ margin-bottom:.55rem; }
.ueb-footer ul a{ font-size:.82rem; color:#9aa7bb; text-decoration:none; transition:.15s; }
.ueb-footer ul a:hover{ color:var(--hp-gold); padding-left:3px; }
.ueb-foot-contact li{ display:flex; gap:.55rem; align-items:flex-start; font-size:.82rem; color:#9aa7bb; margin-bottom:.7rem; }
.ueb-foot-contact i{ color:var(--hp-gold); margin-top:3px; width:15px; }
.ueb-foot-contact a{ color:#9aa7bb; text-decoration:none; }
.ueb-foot-bottom{ border-top:1px solid rgba(255,255,255,.08); margin-top:2.5rem; padding:1.3rem 0; }
.ueb-foot-bottom .hp-wrap{ display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.ueb-foot-copy{ font-size:.76rem; color:#7e8ba0; }
.ueb-foot-bottom-links{ display:flex; gap:1.2rem; }
.ueb-foot-bottom-links a{ font-size:.76rem; color:#7e8ba0; text-decoration:none; }
.ueb-foot-bottom-links a:hover{ color:#fff; }
@media(max-width:1180px){ .ueb-footer .hp-wrap{ grid-template-columns:repeat(4,1fr); } .ueb-footer .fcol-brand{ grid-column:1/-1; max-width:none; } .ueb-footer .hp-wrap > div:not(.fcol-brand){ border-left:none; padding-left:0; } }
@media(max-width:640px){ .ueb-footer .hp-wrap{ grid-template-columns:1fr 1fr; } .ueb-foot-bottom .hp-wrap{ flex-direction:column; text-align:center; } }

/* whatsapp (www.css'teki .whatsapp-float zaten var; dokunulmadı) */

/* ═══════════════════════════════════════════════════════════════
   MOBİL DÜZEN — yalnızca ≤768px (masaüstü ETKİLENMEZ)
   Üst bar sağ (üyelik + dil), hero/istatistik/ortaklar gizli,
   anasayfa panel sıralaması: Anlaşmalar→Haberler→Hakkımızda→
   Faaliyet→Başkan→Etkinlikler→Video
   ═══════════════════════════════════════════════════════════════ */
/* Üst bar sağ blok — varsayılan (masaüstü) GİZLİ */
.ueb-top-right{ display:none; align-items:center; gap:1rem; }
.ueb-top-right .utr-link{ color:#dbe4ef; font-weight:600; font-size:.74rem; text-decoration:none; white-space:nowrap; }
.ueb-top-right .utr-link:hover{ color:#fff; }
.utr-lang{ position:relative; }
.utr-lang > summary{ list-style:none; cursor:pointer; display:inline-flex; align-items:center; gap:.2rem; color:#dbe4ef; }
.utr-lang > summary::-webkit-details-marker{ display:none; }
.utr-lang > summary .flag{ font-size:1.05rem; line-height:1; }
.utr-lang > summary::after{ content:"▾"; font-size:.65rem; }
.utr-lang[open] > summary::after{ content:"▴"; }
.utr-lang-menu{ position:absolute; right:0; top:calc(100% + 7px); background:#0e2750; border:1px solid rgba(255,255,255,.15); border-radius:8px; padding:.35rem; display:flex; flex-direction:column; gap:.15rem; z-index:60; box-shadow:0 6px 18px rgba(0,0,0,.4); }
.utr-lang-menu a{ display:flex; align-items:center; justify-content:center; min-width:34px; padding:.32rem .5rem; border-radius:6px; font-size:1.1rem; line-height:1; text-decoration:none; }
.utr-lang-menu a:hover{ background:rgba(255,255,255,.12); }

@media(max-width:768px){
  /* üst barı header'ın (z-index:900) ÜSTÜNE çıkar — dil menüsü altında kalmasın */
  .ueb-topbar{ position:relative; z-index:1000; }
  .utr-lang-menu{ z-index:1001; }
  /* üst bar sağ blok görünür; header'daki üyelik butonları gizli (sadece burger kalır) */
  .ueb-top-right{ display:flex; }
  .ueb-btn-uyeol, .ueb-btn-giris{ display:none !important; }
  /* hero, istatistik şeridi, iş ortakları, temsilcilik kutusu — mobilde gizli */
  .hp-hero, .hp-stats, .hp-partners, .hp-temsilcilik-box{ display:none !important; }
  /* anasayfa panelini tek sütun yap, iki grid satırını düzleştir, sırala */
  .hp-grid-section{ padding-top:0; }
  .hp-panel{ display:flex; flex-direction:column; border:none; border-radius:0; }
  .hp-panel-row{ display:contents; }
  .hp-cell{ border-right:none; border-bottom:6px solid #f1f4f8; }
  .hp-av-cell    { order:1; } /* Anlaşmalar */
  .hp-cell-haberler{ order:2; } /* Güncel Haberler */
  .hp-about      { order:3; } /* Hakkımızda */
  .hp-cell-faaliyet{ order:4; } /* Faaliyet Alanlarımız */
  .hp-cell-baskan { order:5; } /* Başkanın Mesajı */
  .hp-cell-etkinlik{ order:6; } /* Yaklaşan Etkinlikler */
  .hp-cell-video  { order:7; } /* Video Galeri */
}