:root{
    --navy:#0e1a2b;
    --navy2:#13233a;
    --gold:#c7a35a;
    --gold2:#b89243;
    --text:#1d2633;
    --muted:#667085;
    --bg:#ffffff;
    --alt:#f6f7f9;
    --line:#e6e8ee;
    --shadow:0 10px 30px rgba(10,25,40,.12);
    --radius:14px;
    --max:1180px;
}

img{max-width: 100%; height: auto}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;
    background:var(--bg);
    color:var(--text);
}

a{color:inherit;text-decoration:none}
.container{max-width:var(--max);margin:0 auto;padding:0 18px}

/* Topbar */
.topbar{
    background:var(--navy);
    color:#fff;
    font-size:13px;
}
.topbar__inner{
    display:flex;align-items:center;justify-content:space-between;
    padding:10px 0;
}
.topbar__left{display:flex;gap:14px;align-items:center}
.topbar__tel{font-weight:700}
.topbar__map{opacity:.9;text-decoration:underline}
.topbar__right{display:flex;gap:10px;align-items:center}
.social{
    width:30px;height:30px;border-radius:999px;
    display:grid;place-items:center;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.14);
    font-size:12px;
}
.lang{position:relative}
.lang__btn{
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.14);
    color:#fff;
    padding:8px 10px;
    border-radius:999px;
    cursor:pointer;
}
.lang__menu{
    position:absolute;right:0;top:40px;
    background:#fff;color:var(--text);
    border:1px solid var(--line);
    border-radius:12px;
    overflow:hidden;
    min-width:150px;
    box-shadow:var(--shadow);
    opacity:0;transform:translateY(-6px);
    pointer-events:none;
    transition:.15s;
}
.lang__menu.show{opacity:1;transform:translateY(0);pointer-events:auto}
.lang__menu a{display:block;padding:10px 12px}
.lang__menu a:hover{background:var(--alt)}

/* Header */
.header{
    position:sticky;top:0;z-index:50;
    background:#fff;
    border-bottom:1px solid var(--line);
}
.header__inner{
    display:flex;align-items:center;justify-content:space-between;
    padding:14px 0;
    gap:16px;
}

.brand{display:flex;gap:12px;align-items:center}
.brand__logo{
    height: 50px;
}
.brand__name{font-weight:900;letter-spacing:.8px}
.brand__sub{font-size:12px;color:var(--muted);letter-spacing:.8px}
.brand--mini .brand__sub{display:none}

.nav{display:flex;gap:16px;align-items:center}
.nav__link{
    font-size:14px;
    color:#1f2a37;
    padding:10px 10px;
    border-radius:10px;
}
.nav__link:hover{background:var(--alt)}
.nav__cta{
    background:var(--navy);
    color:#fff !important;
    padding:10px 14px;
    border-radius:999px;
}
.nav__cta i {margin-right: 10px}
.nav__cta:hover{background:var(--gold2)}
.nav__dd{position:relative}
.nav__btn{border:none;background:transparent;cursor:pointer}
.nav__menu{
    position:absolute;top:44px;left:0;
    background:#fff;
    border:1px solid var(--line);
    border-radius:12px;
    box-shadow:var(--shadow);
    min-width:240px;
    padding:8px;
    display:none;
}
.nav__dd:hover .nav__menu{display:block}
.nav__menu a{
    display:block;
    padding:10px 10px;
    border-radius:10px;
    color:#1f2a37;
}
.nav__menu a:hover{background:var(--alt)}

.burger{
    display:none;
    width:44px;height:44px;
    border-radius:12px;
    border:1px solid var(--line);
    background:#fff;
    cursor:pointer;
}

/* Buttons */
.btn{
    display:inline-flex;align-items:center;justify-content:center;
    gap:10px;
    padding:12px 14px;
    border-radius:12px;
    border:1px solid var(--line);
    background:#fff;
    cursor:pointer;
    font-weight:700;
}
.btn--gold{
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    border-color:transparent;
    color:#1b1204;
}
.btn--navy{
    background:var(--navy);
    border-color:transparent;
    color:#fff;
}
.btn--outline{
    background:#fff;
    border-color:rgba(14,26,43,.20);
    color:var(--navy);
}
.btn--outline:hover{background:var(--alt)}
.btn--navy:hover{background:var(--navy2)}

/* Drawer */
.drawer-backdrop{
    position:fixed;inset:0;
    background:rgba(0,0,0,.45);
    opacity:0;pointer-events:none;
    transition:.2s;
    z-index:90;
}
.drawer-backdrop.show{opacity:1;pointer-events:auto}
.drawer{
    position:fixed;top:0;right:0;
    height:100vh;width:min(380px, 92vw);
    background:#fff;
    border-left:1px solid var(--line);
    transform:translateX(100%);
    transition:.22s;
    z-index:100;
    padding:16px;
    display:flex;flex-direction:column;gap:14px;
}
.drawer.show{transform:translateX(0)}
.drawer__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.drawer__close{
    width:44px;height:44px;border-radius:12px;
    border:1px solid var(--line);
    background:#fff;cursor:pointer;
}
.drawer__nav{display:flex;flex-direction:column;gap:6px}
.drawer__nav a{
    padding:12px 12px;border-radius:12px;
    border:1px solid var(--line);
    background:var(--alt);
}

/* Hero */
.hero{position:relative}
.hero__bg{
    position:absolute;inset:0;
    background:
            linear-gradient(90deg, rgba(14,26,43,.78), rgba(14,26,43,.35)),
            url("../img/hero.webp") center/cover no-repeat;
    min-height:520px;
}
.hero__inner{
    position:relative;
    padding: 15px;
    display: flex;
    min-height:600px;
    grid-template-columns: 1.2fr .8fr;
    gap:18px;
    align-items:center;
}
.kicker{
    display:inline-block;
    color:rgba(255,255,255,.85);
    letter-spacing:1px;
    font-size:12px;
    font-weight:800;
    margin-bottom:10px;
}
.hero__title{
    margin:0 0 12px;
    color:#fff;
    font-size:44px;
    line-height:1.05;
}
.hero__text{
    margin:0 0 18px;
    color:rgba(255,255,255,.86);
    font-size:16px;
    line-height:1.7;
    max-width:58ch;
}
.hero__actions{display:flex;gap:10px;flex-wrap:wrap}

.hero__card{
    background:#fff;
    border-radius:var(--radius);
    box-shadow:var(--shadow);
    padding:18px;
    align-self:center;
}
.hero__cardTitle{font-weight:900;color:var(--navy);margin-bottom:6px}
.hero__cardText{color:var(--muted);line-height:1.6;margin-bottom:12px}
.hero__mini{
    margin-top:14px;
    display:flex;gap:10px;align-items:flex-start;
    padding-top:14px;border-top:1px solid var(--line);
    color:var(--muted);
}
.hero__miniBold{font-weight:800;color:var(--navy)}
.hero__miniSub{font-size:13px}

/* Sections */
.section{padding:70px 0}
.section--alt{background:var(--alt)}
.section__head{margin-bottom:18px}
.section__kicker{
    font-size:12px;
    font-weight:900;
    color:var(--gold2);
    letter-spacing:1px;
    margin-bottom:8px;
}
.section__title{
    margin:0;
    font-size:34px;
    color:var(--navy);
}

.split{
    display:grid;
    grid-template-columns: 1.15fr .85fr;
    gap:18px;
    align-items:stretch;
}
.split__text p{color:#344054;line-height:1.9;margin:0 0 14px}
.badgeRow{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.badge{
    padding:8px 10px;border-radius:999px;
    border:1px solid var(--line);
    background:#fff;
    font-weight:700;
    font-size:12px;
    color:var(--navy);
}

.split__media{display:flex;flex-direction:column;gap:12px}
.mediaCard{
    background:#fff;
    border:1px solid var(--line);
    border-radius:var(--radius);
    padding:16px;
    box-shadow:var(--shadow);
}
.mediaCard__title{font-weight:900;color:var(--navy);margin-bottom:10px}
.mediaCard__line{color:#344054;line-height:1.9}
.mediaImage{
    border-radius:var(--radius);
    overflow: hidden;
}

/* Cards */
.card{
    background:#fff;
    border:1px solid var(--line);
    border-radius:var(--radius);
    padding:18px;
    box-shadow:var(--shadow);
}
.card p{margin:0;color:#344054;line-height:1.9}

/* Services */
.services{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap:14px;
}
.service{
    background:#fff;
    border:1px solid var(--line);
    border-radius:var(--radius);
    padding:18px;
    box-shadow:var(--shadow);
    display:flex;gap:12px;align-items:center;
}
.service__icon{
    width:42px;height:42px;border-radius:12px;
    display:grid;place-items:center;
    background:rgba(199,163,90,.20);
    color:var(--navy);
    font-size:18px;
}
.service__title{font-weight:900;color:var(--navy)}

/* Team */
.team{
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap:14px;
}
.person{
    background:#fff;
    border:1px solid var(--line);
    border-radius:var(--radius);
    padding:14px;
    box-shadow:var(--shadow);
}
.person__img{
    border-radius:12px;
    background:linear-gradient(135deg, rgba(14,26,43,.12), rgba(199,163,90,.22));
    border:1px solid var(--line);
    margin-bottom:12px;
}
.person__name{font-weight:900;color:var(--navy)}
.person__role{color:var(--muted);font-size:13px;margin-top:4px}

/* Lists */
.listGrid{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap:12px;
}
.listItem{
    background:#fff;
    border:1px solid var(--line);
    border-radius:12px;
    padding:14px;
    font-weight:800;
    color:var(--navy);
}
.listItem:hover{background:var(--alt)}

/* Posts */
.posts{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap:14px;
}
.post{
    background:#fff;
    border:1px solid var(--line);
    border-radius:var(--radius);
    overflow:hidden;
    box-shadow:var(--shadow);
}
.post__img{
    height:160px;
    background:linear-gradient(135deg, rgba(14,26,43,.10), rgba(199,163,90,.18));
}
.post__title{padding:12px 14px 0;font-weight:900;color:var(--navy)}
.post__meta{padding:6px 14px 14px;color:var(--muted);font-size:13px}

/* FAQ */
.faq{display:grid;gap:10px}
.faq__item{
    background:#fff;
    border:1px solid var(--line);
    border-radius:var(--radius);
    padding:14px 16px;
}
.faq__item summary{
    cursor:pointer;
    font-weight:900;
    color:var(--navy);
}
.faq__item p{margin:10px 0 0;color:#344054;line-height:1.9}

/* Contact */
.contact{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:16px;
}
.infoLine{color:#344054;line-height:1.9;margin-bottom:8px}
.legalBox{
    margin-top:14px;
    background:var(--alt);
    border:1px solid var(--line);
    border-radius:var(--radius);
    padding:14px;
}
.legalBox__title{font-weight:900;color:var(--navy);margin-bottom:6px}
.legalBox__text{color:#344054;line-height:1.8}

.contact__form{
    background:#fff;
    border:1px solid var(--line);
    border-radius:var(--radius);
    box-shadow:var(--shadow);
    padding:18px;
}
.formTitle{font-weight:900;color:var(--navy);margin-bottom:12px}
label{display:block;font-size:13px;color:var(--muted);margin:10px 0 6px}
input, textarea{
    width:100%;
    padding:12px 12px;
    border-radius:12px;
    border:1px solid var(--line);
    outline:none;
    font:inherit;
}
textarea{min-height:120px;resize:vertical}
.formActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.kvkk{display:flex;gap:10px;align-items:flex-start;margin-top:12px;color:#344054}
.kvkk input{width:auto;margin-top:3px}

/* Footer */
.footer{
    background:var(--navy);
    color:#fff;
    padding:18px 0;
}
.footer__inner{
   text-align: center;
    font-size:13px;
}
.footer__links{display:flex;gap:12px;flex-wrap:wrap}
.footer__links a{opacity:.9;text-decoration:underline}

/* Responsive */
@media (max-width: 980px){
    .nav{display:none}
    .burger{display:inline-grid;place-items:center}
    .hero__inner{grid-template-columns:1fr}
    .hero__title{font-size:36px}
    .split{grid-template-columns:1fr}
    .services{grid-template-columns:1fr}
    .team{grid-template-columns:1fr 1fr}
    .listGrid{grid-template-columns:1fr}
    .posts{grid-template-columns:1fr}
    .contact{grid-template-columns:1fr}
}
@media (max-width: 520px){
    .team{grid-template-columns:1fr}
}
/* Mobile Call Button */
.mobile-call-btn {
    position: fixed;
    right: 18px;
    bottom: 18px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--navy);
    color: #fff;
    display: flex; /* desktop gizli */
    align-items: center;
    justify-content: center;
    font-size: 22px;
    box-shadow: 0 10px 25px rgba(14,26,43,.35);
    z-index: 999;
}

/* Hover / active */
.mobile-call-btn:hover {
    background: var(--gold2);
    transform: translateY(-2px);
}

/* WhatsApp Floating Button */
.whatsapp-btn {
    position: fixed;
    right: 18px;
    bottom: 90px; /* call butonunun üstünde */
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #25D366;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    box-shadow: 0 10px 25px rgba(0,0,0,.25);
    z-index: 998;
    transition: transform .15s ease, box-shadow .15s ease;
}

.whatsapp-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(0,0,0,.30);
}

/* Desktop + Mobile: HER ZAMAN görünür */