/* Merit İzmir — ortak site stili (Yön I2: Dijital Veri, Merit renkleri) */
:root{
  --bg:#03102B; --s1:#071A40; --s2:#0B2352; --line:#173468; --tx:#EAF0FA; --tx2:#B4C3DF; --mut:#8497BC;
  --navy:#002060; --blue:#1A5FC4; --blue-l:#5B9BFF; --green:#78B452; --green-l:#A6DB82;
  --grad:linear-gradient(100deg,#A6DB82 0%,#78B452 35%,#5B9BFF 100%);
  --disp:"Space Grotesk","Inter","Segoe UI",Arial,sans-serif; --sans:"Inter","Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--bg);color:var(--tx);font:400 17px/1.75 var(--sans)}
a{color:var(--tx)}a:hover{color:var(--green-l)}
h1,h2,h3,p{margin:0}
img{display:block;max-width:100%}
.wrap{max-width:1240px;margin:0 auto;padding:0 40px}
.lab{font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--green-l)}
.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--green);color:#041434;text-decoration:none;font-weight:700;font-size:15.5px;padding:15px 26px;border-radius:999px;transition:transform .25s,background .25s;box-shadow:0 14px 34px -14px rgba(120,180,82,.75)}
.btn:hover{color:#041434;background:var(--green-l);transform:translateY(-2px)}
.btn2{display:inline-flex;align-items:center;gap:10px;color:var(--tx);text-decoration:none;font-weight:600;font-size:15.5px;padding:14px 24px;border-radius:999px;border:1px solid var(--line);background:rgba(7,26,64,.6);backdrop-filter:blur(8px)}
.btn2:hover{border-color:var(--blue-l);color:var(--tx)}
.arr{transition:transform .3s}a:hover .arr{transform:translateX(5px)}
.glass{background:rgba(11,35,82,.5);border:1px solid rgba(91,155,255,.25);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}

/* Üst menü (her sayfada aynı) */
.logo{display:block;width:120px;height:32.6px;background:url("../img/merit-logo.png") no-repeat 0 0/100% 100%}
.top{position:fixed;left:16px;right:16px;top:14px;z-index:30}
.top .bar{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:48px;min-height:66px;padding:0 14px 0 26px;background:rgba(255,255,255,.94);border-radius:18px;box-shadow:0 20px 50px -24px rgba(0,0,0,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.nav{display:flex;gap:4px;font-size:15px;font-weight:500;margin-right:auto}
.nav a{color:#0E1A33;text-decoration:none;padding:8px 14px;border-radius:10px;transition:background .2s}
.nav a:hover{background:#EEF3FB;color:var(--navy)}
.nav a[aria-current="page"]{background:#EEF3FB;color:var(--navy);font-weight:600}
.mm{width:48px;height:48px;flex:0 0 48px}
/* Dil seçeneği: gidilecek dilin bayrağı. Beyaz menüde bayrağın kenarı görünsün diye ince çerçeve; dokunma alanı bayraktan geniş */
.dil{display:inline-flex;align-items:center;margin-right:-38px;padding:10px 6px;border-radius:8px;transition:background .2s}
.dil:hover{background:#EEF3FB}
.dil svg{display:block;width:36px;height:24px;border-radius:4px;box-shadow:0 0 0 1px rgba(0,32,96,.2)}
/* İngilizce sayfalarda alt bilgi 4 sütun (Bilgi sütunu yok) */
html[lang="en"] .f-cols{grid-template-columns:1.7fr 1fr 1.7fr 1fr}
.menu-btn{display:none;background:#EEF3FB;border:0;border-radius:12px;width:44px;height:44px;cursor:pointer;color:var(--navy)}

/* Alt şerit (tek ekranlık sayfalarda) */
.legal-bar{position:absolute;left:0;right:0;bottom:0;z-index:2;font-size:13px;color:var(--mut)}
.legal-bar .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 24px;padding-top:14px;padding-bottom:16px;border-top:1px solid rgba(23,52,104,.6)}
.legal-bar a{color:var(--tx2);text-decoration:none;margin-left:18px}
.legal-bar a:first-child{margin-left:0}
.legal-bar a:hover{color:var(--green-l)}

/* Hareketli arka plan (tul.js) */
.tul-canvas{position:absolute;inset:0;width:100%;height:100%}
img.tul-gizli{visibility:hidden}

/* Koyu zeminde logo: beyaz yazı + Merit yeşili nokta */
.logo-dark{position:relative;display:block;width:120px;height:32.6px}
.logo-dark::before{content:"";position:absolute;inset:0;background:#fff;-webkit-mask:url("../img/merit-logo.png") no-repeat 0 0/100% 100%;mask:url("../img/merit-logo.png") no-repeat 0 0/100% 100%}
.logo-dark::after{content:"";position:absolute;left:92.79%;top:74.07%;width:6.71%;height:24.69%;border-radius:50%;background:var(--green)}

/* Alt bilgi (her sayfada aynı) */
.site-foot{position:relative;background:#020B20;border-top:1px solid var(--line);color:var(--tx2);font-size:15px;overflow:hidden}
.site-foot::before{content:"";position:absolute;right:-180px;top:-220px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(26,95,196,.22),transparent 65%);pointer-events:none}
.site-foot .wrap{position:relative;padding-top:64px;padding-bottom:28px}
.f-cols{display:grid;grid-template-columns:1.7fr 1fr 1.5fr 1fr 1fr;gap:36px}
/* Logo üstte, altında tam unvan */
.f-unvan p{margin:14px 0 0;color:var(--tx);font-weight:500;line-height:1.5}
.f-brand address{font-style:normal;margin-top:10px;color:var(--mut);font-size:14.5px;line-height:1.7}
.f-col h2{font-family:var(--disp);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--green-l);margin-bottom:14px}
.f-col a{display:block;color:var(--tx2);text-decoration:none;padding:4px 0;font-size:14.5px;line-height:1.5;transition:color .2s}
.f-col a:hover{color:var(--tx)}
.f-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:48px;padding-top:22px;border-top:1px solid var(--line);font-size:13px;color:var(--mut)}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

@media (max-width:900px){
  .wrap{padding:0 20px}
  .top{left:10px;right:10px;top:10px}
  .top .bar{gap:12px;flex-wrap:wrap;padding:8px 10px 8px 18px;min-height:60px}
  .logo{margin-right:auto}
  .menu-btn{display:inline-flex;align-items:center;justify-content:center;order:3}
  .mm{order:2;width:40px;height:40px;flex-basis:40px}
  .dil{order:1;margin-right:0}
  .nav{display:none;order:4;width:100%;flex-direction:column;gap:0;margin-bottom:6px}
  .nav.open{display:flex}
  .f-cols,html[lang="en"] .f-cols{grid-template-columns:1fr 1fr;gap:28px}
  .f-brand{grid-column:1/-1}
}
@media (max-width:520px){.f-cols,html[lang="en"] .f-cols{grid-template-columns:1fr}}
@media (max-width:360px){.top .bar{gap:8px}.mm{width:34px;height:34px;flex-basis:34px}}