
:root{--navy:#06182b;--navy2:#08223d;--navy3:#0b2c4e;--gold:#d7aa52;--gold2:#f0cf83;--cream:#f6f0e5;--white:#f7f9fc;--muted:#b8c7d8;--line:rgba(255,255,255,.10);--max:1430px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font-family:Segoe UI,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:min(calc(100% - 48px),var(--max));margin:auto}.serif{font-family:Georgia,'Times New Roman',serif}
.header{height:78px;background:rgba(4,20,36,.96);border-bottom:1px solid rgba(255,255,255,.08);position:relative;z-index:20}.header-in{height:100%;display:grid;grid-template-columns:360px 1fr auto;align-items:center;gap:26px}.brand img{width:330px;height:auto}.nav{display:flex;justify-content:center;gap:30px;align-items:center;height:100%}.nav a{font-size:14px;font-weight:600;position:relative;padding:28px 0 25px}.nav a.active{color:var(--gold2)}.nav a.active:after,.nav a:hover:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--gold)}.actions{display:flex;align-items:center;gap:12px}.lang{display:flex;border:1px solid rgba(255,255,255,.15);border-radius:7px;overflow:hidden}.lang a{padding:8px 10px;font-size:12px}.lang .on{background:rgba(255,255,255,.08)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:7px;border:1px solid rgba(255,255,255,.18);padding:11px 18px;font-weight:700;font-size:14px}.btn.gold{background:linear-gradient(#f0d181,#c99a43);color:#122139;border-color:#e2bd6b}.menu{display:none;background:none;border:1px solid rgba(255,255,255,.18);color:white;width:40px;height:40px;border-radius:7px}
.hero{height:315px;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}.hero-bg{position:absolute;inset:0;background:url('../v4/hero-v4.jpg') center 47%/cover no-repeat;filter:saturate(1.23) contrast(1.06) brightness(1.03)}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,19,36,.94) 0%,rgba(4,19,36,.82) 26%,rgba(4,19,36,.15) 61%,rgba(4,19,36,.74) 100%)}.hero-in{height:100%;position:relative;z-index:2;display:grid;grid-template-columns:1fr 270px;align-items:center;gap:30px}.eyebrow{font-size:10px;letter-spacing:.30em;text-transform:uppercase;color:var(--gold2);font-weight:800;margin-bottom:10px}.hero h1{font-size:58px;line-height:.92;margin:0 0 12px;letter-spacing:-.035em;max-width:620px}.hero h1 .g{color:var(--gold2)}.hero p{font-size:15px;line-height:1.5;max-width:570px;margin:0 0 18px;color:#eef4fb}.hero-buttons{display:flex;gap:12px}.quote{justify-self:end;border-left:1px solid rgba(215,170,82,.45);padding-left:24px;max-width:245px}.quote .mark{font-size:38px;color:var(--gold);line-height:.7}.quote q{font:700 25px/1.16 Georgia,'Times New Roman',serif}.quote .line{width:48px;height:2px;background:var(--gold);margin:16px 0}.quote small{font:15px/1.25 Georgia,'Times New Roman',serif;color:#f3e9d5}
.services{padding:18px 0 14px;background:linear-gradient(180deg,#071b31,#051724);border-bottom:1px solid rgba(255,255,255,.08)}.services-head{display:grid;grid-template-columns:1.35fr .75fr auto;gap:28px;align-items:end;margin-bottom:14px}.kicker{font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);font-weight:800}.services-head h2{font-size:35px;line-height:1;margin:5px 0 0}.services-head p{font-size:13px;color:#c6d4e4;margin:0 0 3px}.more{font-size:13px;color:var(--gold2);font-weight:700;white-space:nowrap}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.card{min-width:0;border:1px solid rgba(215,170,82,.22);border-radius:8px;overflow:hidden;background:linear-gradient(180deg,#092441,#061a2f);box-shadow:0 9px 22px rgba(0,0,0,.22)}.card-img{height:82px;background-size:cover;background-position:center}.card-body{padding:10px 13px 12px}.card-title{display:flex;align-items:center;gap:9px}.icon{color:var(--gold2);font-size:19px}.card h3{font-size:18px;margin:0}.card .tagline{font-size:11px;color:#b9c9da;line-height:1.25;min-height:28px;margin:4px 0 7px}.card ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.card li{font-size:11px;color:#d7e2ee;padding-left:13px;position:relative}.card li:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--gold);position:absolute;left:0;top:.58em}.card-foot{display:flex;justify-content:flex-end;margin-top:7px}.round{width:30px;height:30px;border:1px solid rgba(215,170,82,.75);border-radius:50%;display:grid;place-items:center;color:var(--gold2)}
.knowledge{padding:12px 0 10px;background:#06182b}.knowledge-grid{display:grid;grid-template-columns:230px 1fr 380px;gap:14px;align-items:stretch}.knowledge h2{font-size:28px;line-height:1;margin:5px 0 8px}.knowledge .lead{font-size:11px;color:#b7c7d9;margin:0 0 12px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.article{border:1px solid rgba(255,255,255,.10);border-radius:7px;overflow:hidden;background:#09223e}.article-img{height:66px;background-size:cover;background-position:center}.article-body{padding:7px 9px}.article small{font-size:8px;color:var(--gold2);text-transform:uppercase;font-weight:800}.article h4{font-size:11px;line-height:1.2;margin:2px 0 4px}.article time{font-size:8px;color:#9fb3c9}.cta{border:1px solid rgba(215,170,82,.45);border-radius:8px;position:relative;overflow:hidden;padding:16px 18px;background:radial-gradient(circle at 85% 40%,rgba(215,170,82,.17),transparent 35%),linear-gradient(135deg,#292d31,#121c25)}.cta h3{font-size:26px;line-height:.95;margin:0 0 7px;max-width:200px}.cta p{font-size:10px;color:#c8d2dc;max-width:210px;margin:0 0 10px}.cta img{position:absolute;right:20px;top:20px;width:72px}.footer{height:54px;border-top:1px solid rgba(255,255,255,.08);background:#041422}.footer-in{height:100%;display:grid;grid-template-columns:150px 1fr auto auto;gap:22px;align-items:center}.footer-logo img{width:112px}.footer-nav{display:flex;gap:20px;font-size:11px;color:#b7c7d8}.footer-slogan{font:italic 14px Georgia,'Times New Roman',serif;color:#ddccb0}.copyright{font-size:9px;color:#8398af;white-space:nowrap}
.page{padding:34px 0 60px}.page-card{background:#09213b;border:1px solid rgba(255,255,255,.10);border-radius:10px;padding:24px}.page h1{font-size:42px;margin:0 0 12px}.page p,.page li{color:#cad8e7}.form{display:grid;gap:12px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:5px}.field input,.field textarea,.field select{background:#06182b;color:#fff;border:1px solid rgba(255,255,255,.15);padding:11px;border-radius:7px}.notice{padding:11px;border:1px solid rgba(215,170,82,.4);background:rgba(215,170,82,.08);border-radius:7px;color:#f2dfb0}
@media(max-width:1100px){.header-in{grid-template-columns:1fr auto auto}.nav{display:none;position:absolute;top:78px;left:20px;right:20px;height:auto;background:#06182b;border:1px solid rgba(255,255,255,.1);padding:16px;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.nav a{padding:7px 0}.menu{display:block}.hero{height:auto}.hero-in{grid-template-columns:1fr;padding:36px 0}.quote{justify-self:start}.services-head{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.knowledge-grid{grid-template-columns:1fr}.footer{height:auto}.footer-in{grid-template-columns:1fr;padding:15px 0;text-align:center;justify-items:center}.footer-nav{flex-wrap:wrap;justify-content:center}}
@media(max-width:650px){.wrap{width:min(calc(100% - 26px),var(--max))}.brand img{width:190px}.actions .lang{display:none}.hero h1{font-size:44px}.quote{display:none}.hero-in{padding:30px 0}.hero-buttons{flex-direction:column;align-items:flex-start}.services-head h2{font-size:29px}.cards{grid-template-columns:1fr}.row{grid-template-columns:1fr}.article-grid{grid-template-columns:1fr}.knowledge{padding-bottom:18px}}

/* YaKa header logo compact override */
.header-in{grid-template-columns:350px 1fr auto!important}
.brand img{width:315px!important;max-width:none!important}
@media(max-width:650px){
  .brand img{width:245px!important}
}

/* YaKa premium header logo patch */
.header-in{
  min-height:112px!important;
  align-items:center!important;
  padding-top:10px!important;
  padding-bottom:10px!important;
  grid-template-columns:300px 1fr auto!important;
}
.brand{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:visible!important;
}
.brand img{
  width:278px!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  display:block!important;
  margin:0!important;
}
@media(max-width:1180px){
  .header-in{min-height:98px!important;grid-template-columns:255px 1fr auto!important}
  .brand img{width:238px!important}
}
@media(max-width:700px){
  .header-in{min-height:88px!important;grid-template-columns:1fr auto!important;padding-top:8px!important;padding-bottom:8px!important}
  .brand img{width:220px!important}
}

/* YaKa marka bloğu son revizyon */
.header-in{
  min-height:108px!important;
  grid-template-columns:390px 1fr auto!important;
  align-items:center!important;
}

.brand{
  display:flex!important;
  align-items:center!important;
  padding:12px 0!important;
}

.brand img{
  width:305px!important;
  height:auto!important;
  max-width:none!important;
  display:block!important;
}

@media (max-width:1180px){
  .header-in{
    min-height:94px!important;
    grid-template-columns:310px 1fr auto!important;
  }

  .brand img{
    width:265px!important;
  }
}

@media (max-width:650px){
  .header-in{
    min-height:86px!important;
    grid-template-columns:1fr auto auto!important;
  }

  .brand img{
    width:225px!important;
  }
}


/* =========================================
   YaKa V1.1 - GERÇEK DROPDOWN
   ========================================= */

.nav > .nav-drop{
    position:relative;
    height:100%;
    display:flex;
    align-items:center;
}

.nav > .nav-drop > .drop-trigger{
    display:flex;
    align-items:center;
    gap:5px;
    font-size:14px;
    font-weight:600;
    position:relative;
    padding:28px 0 25px;
    color:var(--white);
    white-space:nowrap;
}

.nav > .nav-drop > .drop-trigger.active{
    color:var(--gold2);
}

.nav > .nav-drop > .drop-trigger.active:after,
.nav > .nav-drop > .drop-trigger:hover:after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:2px;
    background:var(--gold);
}

.nav .chev{
    font-size:11px;
    color:var(--gold2);
    transform:translateY(-1px);
}

.nav .dropdown{
    position:absolute;
    top:72px;
    left:-18px;
    width:245px;
    padding:8px;
    border:1px solid rgba(215,170,82,.22);
    border-radius:9px;
    background:#071b30;
    box-shadow:0 18px 40px rgba(0,0,0,.38);

    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(7px);
    transition:
        opacity .16s ease,
        transform .16s ease,
        visibility .16s ease;

    z-index:999;
}

.nav .dropdown-tools{
    width:205px;
}

.nav .nav-drop:hover > .dropdown,
.nav .nav-drop:focus-within > .dropdown{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0);
}

.nav .dropdown a{
    display:block;
    padding:11px 13px !important;
    margin:0;
    border-radius:6px;
    color:#e5edf7;
    font-size:13px !important;
    font-weight:500 !important;
    line-height:1.25;
    white-space:nowrap;
}

.nav .dropdown a:hover{
    background:rgba(215,170,82,.10);
    color:var(--gold2);
}

.nav .dropdown a:after{
    display:none !important;
}

/* Yeni boş sayfalar */
.v11-blank{
    min-height:calc(100vh - 108px);
    background:#06182b;
}

/* Mobil */
@media(max-width:1100px){

    .nav > .nav-drop{
        width:100%;
        height:auto;
        display:block;
    }

    .nav > .nav-drop > .drop-trigger{
        padding:7px 0;
    }

    .nav .dropdown{
        position:static;
        width:100%;
        padding:2px 0 5px 14px;
        margin:0;

        opacity:1;
        visibility:visible;
        pointer-events:auto;
        transform:none;

        border:0;
        box-shadow:none;
        background:transparent;
    }

    .nav .dropdown a{
        padding:6px 0 !important;
        color:#b9cadc;
    }
}


/* ===== V1.1 NAV FINAL FIX ===== */

.nav{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:30px!important;
    height:100%!important;
}

.nav > a,
.nav .drop-trigger{
    font-size:14px!important;
    font-weight:600!important;
    color:#fff!important;
    position:relative!important;
    padding:28px 0 25px!important;
    line-height:1!important;
    white-space:nowrap!important;
}

.nav .home-link.active{
    color:var(--gold2)!important;
}

.nav .home-link.active:after{
    content:''!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    height:2px!important;
    background:var(--gold)!important;
}

.nav-drop{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    height:100%!important;
}

.chev{
    color:var(--gold2)!important;
    font-size:10px!important;
    margin-left:3px!important;
}

.dropdown{
    position:absolute!important;
    top:76px!important;
    left:-18px!important;
    width:245px!important;
    padding:8px!important;
    margin:0!important;

    background:#06182b!important;
    border:1px solid rgba(215,170,82,.25)!important;
    border-radius:8px!important;
    box-shadow:0 18px 40px rgba(0,0,0,.4)!important;

    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(7px)!important;

    transition:
        opacity .15s ease,
        transform .15s ease,
        visibility .15s ease!important;

    z-index:9999!important;
}

.dropdown-small{
    width:195px!important;
}

.nav-drop:hover > .dropdown,
.nav-drop:focus-within > .dropdown{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
}

.dropdown a{
    display:block!important;
    padding:11px 12px!important;
    margin:0!important;
    border-radius:6px!important;
    color:#e7eef8!important;
    font-size:13px!important;
    font-weight:500!important;
    line-height:1.2!important;
    white-space:nowrap!important;
}

.dropdown a:after{
    display:none!important;
}

.dropdown a:hover{
    color:var(--gold2)!important;
    background:rgba(215,170,82,.10)!important;
}

/* boş alt sayfalar */
.v1-empty-page{
    min-height:calc(100vh - 108px);
    background:#06182b;
}

@media(max-width:1100px){

    .nav{
        display:none!important;
    }

    .nav.open{
        display:flex!important;
    }

    .nav-drop{
        display:block!important;
        width:100%!important;
        height:auto!important;
    }

    .nav .drop-trigger{
        padding:7px 0!important;
    }

    .dropdown{
        position:static!important;
        opacity:1!important;
        visibility:visible!important;
        pointer-events:auto!important;
        transform:none!important;

        width:100%!important;
        border:0!important;
        box-shadow:none!important;
        background:transparent!important;
        padding:0 0 5px 14px!important;
    }

    .dropdown a{
        padding:6px 0!important;
        color:#b9c9db!important;
    }
}
