*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}.container{width:min(1120px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(8,17,31,.94);backdrop-filter:blur(12px);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.nav-wrap{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;letter-spacing:.2px}.site-logo{display:block;width:auto;height:auto;max-width:190px;max-height:54px;object-fit:contain}.brand-mark{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--primary);color:#fff}.nav{display:flex;gap:22px;align-items:center}.nav a{color:#eaf0f7;text-decoration:none;font-weight:650;font-size:.95rem}.nav a:hover{color:#fff}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:1.7rem}.hero{padding:64px 0 56px;background:linear-gradient(135deg,var(--dark),#132238);color:#fff}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:44px;align-items:center}.eyebrow{font-size:.8rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#9cdfff}.hero h1{font-size:clamp(2.2rem,6vw,4.2rem);line-height:1.03;margin:12px 0 18px;letter-spacing:-.04em}.hero p{font-size:1.08rem;color:#cbd7e5;max-width:650px}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:14px;text-decoration:none;font-weight:800;border:1px solid transparent;cursor:pointer}.btn-primary{background:var(--primary);color:#fff}.btn-wa{background:var(--whatsapp);color:#fff}.btn-outline{border-color:rgba(255,255,255,.3);color:#fff}.hero-media{min-height:320px;border-radius:28px;overflow:hidden;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1)}.hero-media img{width:100%;height:100%;min-height:320px;object-fit:cover}.hero-placeholder{font-size:6rem;opacity:.25}.section{padding:66px 0}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:26px}.section h2{font-size:clamp(1.7rem,4vw,2.5rem);margin:0}.muted{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid #e9edf3;border-radius:22px;padding:24px;box-shadow:0 10px 30px rgba(10,30,60,.05)}.icon{width:46px;height:46px;border-radius:14px;background:color-mix(in srgb,var(--primary) 13%,#fff);display:grid;place-items:center;color:var(--primary);font-size:1.35rem;margin-bottom:14px}.region-grid,.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.region-card,.post-card{background:#fff;border:1px solid #e9edf3;border-radius:20px;overflow:hidden}.region-card .content,.post-card .content{padding:20px}.post-card img{display:block;width:100%;height:190px;object-fit:cover;background:#eef2f6}.list{padding-left:20px}.faq-item{border-bottom:1px solid #e1e6ec;background:#fff}.faq-q{width:100%;text-align:left;background:none;border:0;padding:20px 0;font:inherit;font-weight:800;cursor:pointer;color:var(--text);display:flex;justify-content:space-between;gap:20px}.faq-a{display:none;padding:0 0 20px;color:var(--muted)}.faq-item.open .faq-a{display:block}.page-hero{padding:50px 0;background:linear-gradient(135deg,var(--dark),#17283d);color:#fff}.content-box{background:#fff;border:1px solid #e9edf3;border-radius:22px;padding:30px}.article{max-width:850px;margin:auto}.article img{width:100%;max-height:500px;object-fit:cover;border-radius:20px}.article p,.article li{font-size:1.04rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:750}.field input,.field textarea,.field select{font:inherit;width:100%;border:1px solid #d8dee7;border-radius:12px;padding:12px 13px;background:#fff;color:var(--text)}.field textarea{min-height:150px;resize:vertical}.footer{margin-top:40px;padding:34px 0 90px;background:var(--dark);color:#dbe6f1}.footer-grid{display:flex;justify-content:space-between;gap:30px}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer a{color:#fff;text-decoration:none}.copyright{margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);font-size:.9rem;color:#9fb0c0}.mobile-bar{display:none}.admin-shell{min-height:100vh;background:#eef2f6}.admin-nav{background:var(--dark);color:#fff;padding:18px 0}.admin-grid{display:grid;grid-template-columns:240px 1fr;gap:20px;padding:22px 0}.side{background:#fff;border:1px solid #dfe5ed;border-radius:18px;padding:12px;height:max-content;position:sticky;top:90px}.side button{display:block;width:100%;text-align:left;padding:12px;border:0;background:transparent;border-radius:10px;cursor:pointer}.side button.active,.side button:hover{background:#eef5f8}.panel{display:none}.panel.active{display:block}.flash{padding:13px 15px;border-radius:12px;margin-bottom:16px}.flash.success{background:#e9f9ef;color:#126a32}.flash.error{background:#fff0f0;color:#9d2121}.preview-img{max-width:220px;max-height:100px;object-fit:contain;border:1px solid #ddd;border-radius:10px;padding:5px;background:#fff}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;background:#fff}.data-table th,.data-table td{border-bottom:1px solid #e7ebf0;padding:11px;text-align:left;vertical-align:top}.pill{display:inline-block;padding:4px 9px;border-radius:999px;background:#eef3f8;font-size:.8rem}.admin-actions{display:flex;gap:7px;flex-wrap:wrap}.small{font-size:.88rem}
@media(max-width:900px){.hero-grid,.admin-grid{grid-template-columns:1fr}.cards,.region-grid,.post-grid{grid-template-columns:repeat(2,1fr)}.side{position:static}.nav{display:none;position:absolute;left:4%;right:4%;top:70px;background:var(--dark);padding:12px;border-radius:0 0 18px 18px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.menu-toggle{display:block}.footer-grid{flex-direction:column}.mobile-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 -8px 24px rgba(0,0,0,.12)}.mobile-bar a{min-height:58px;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;text-decoration:none;font-weight:900}.mobile-call{background:var(--primary)}.mobile-wa{background:var(--whatsapp)}}
@media(max-width:620px){.container{width:min(94%,1120px)}.hero{padding:44px 0}.cards,.region-grid,.post-grid,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.hero-media,.hero-media img{min-height:240px}.site-logo{max-width:145px;max-height:48px}.cta-row .btn{width:100%}.section{padding:50px 0}.section-head{display:block}.section-head .btn{margin-top:14px}.footer{padding-bottom:85px}}

/* =========================================================
   TEPE TAKSİ — ANA SAYFA HERO
   ========================================================= */

.home-page .site-header{
    position:absolute;
    top:0;
    left:0;
    right:0;
    z-index:30;
    background:transparent;
    border-bottom:0;
    backdrop-filter:none;
}

.home-page .site-header .nav-wrap{
    min-height:112px;
}

.home-page .site-header .brand{
    filter:drop-shadow(0 2px 12px rgba(0,0,0,.22));
}

.home-page .site-header .site-logo{
    max-width:145px;
    max-height:58px;
}

.home-page .site-header .nav a{
    position:relative;
    color:rgba(255,255,255,.94);
    font-weight:500;
}

.home-page .site-header .nav a:hover{
    color:#16c5d4;
}

.home-page .menu-toggle{
    color:#fff;
}

.home-page .home-hero{
    position:relative;
    min-height:100svh;
    width:100%;
    overflow:hidden;
    display:flex;
    align-items:center;
    color:#fff;
    background:#06232b;
}

.home-page .home-hero-bg{
    position:absolute;
    inset:0;
    z-index:0;
    background-image:url("../images/hero-tepe-taksi.png");
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    transform:scale(1.01);
}

.home-page .home-hero-shade{
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:
        linear-gradient(90deg,
            rgba(3,29,37,1) 0%,
            rgba(3,29,37,1) 31%,
            rgba(3,29,37,.78) 42%,
            rgba(3,29,37,.10) 64%,
            rgba(3,29,37,.16) 100%),
        linear-gradient(180deg,
            rgba(3,24,31,.55) 0%,
            rgba(3,24,31,0) 22%,
            rgba(3,24,31,0) 74%,
            rgba(3,24,31,.42) 100%);
}

.home-page .home-hero-inner{
    position:relative;
    z-index:3;
    width:min(1400px,90%);
    margin:0 auto;
    padding-top:72px;
    padding-bottom:80px;
    display:flex;
    align-items:center;
}

.home-page .home-hero-copy{
    width:560px;
    margin-top:32px;
}

.home-page .home-eyebrow{
    margin-bottom:20px;
    font-size:11px;
    line-height:1;
    letter-spacing:.22em;
    font-weight:800;
    color:#9ceff6;
    opacity:.96;
}

.home-page .home-hero-copy h1{
    margin:0 0 28px;
    font-size:clamp(72px,8vw,132px);
    line-height:.81;
    letter-spacing:-.075em;
    font-weight:900;
    color:#16c5d4;
    text-shadow:0 6px 30px rgba(0,0,0,.18);
}

.home-page .home-hero-copy h1 span{
    display:block;
}

.home-page .home-hero-tagline{
    max-width:540px;
    margin:0 0 24px;
    color:#fff;
    font-size:clamp(25px,2.3vw,38px);
    line-height:1.12;
    letter-spacing:-.045em;
    font-weight:400;
}

.home-page .home-hero-description{
    max-width:500px;
    margin:0 0 34px;
    color:rgba(255,255,255,.78);
    font-size:16px;
    line-height:1.7;
}

.home-page .home-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

.home-page .home-cta,
.home-page .home-cta-secondary{
    min-height:56px;
    padding:0 29px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    border-radius:30px;
    text-decoration:none;
    font-size:15px;
    font-weight:700;
    transition:transform .25s ease,background .25s ease,color .25s ease,border-color .25s ease;
}

.home-page .home-cta{
    background:#16c5d4;
    color:#06232b;
    box-shadow:0 12px 34px rgba(0,0,0,.22);
}

.home-page .home-cta span{
    font-size:22px;
    transition:transform .25s ease;
}

.home-page .home-cta:hover{
    transform:translateY(-3px);
    background:#2bd5e3;
}

.home-page .home-cta:hover span{
    transform:translateX(5px);
}

.home-page .home-cta-secondary{
    color:#fff;
    border:1px solid rgba(255,255,255,.28);
    background:rgba(5,35,43,.24);
    backdrop-filter:blur(8px);
}

.home-page .home-cta-secondary:hover{
    transform:translateY(-3px);
    border-color:#16c5d4;
    color:#16c5d4;
}

.home-page .home-hero-bottom{
    position:absolute;
    z-index:4;
    left:50%;
    bottom:28px;
    transform:translateX(-50%);
    display:flex;
    align-items:center;
    gap:18px;
    color:rgba(255,255,255,.48);
    font-size:10px;
    letter-spacing:.22em;
}

.home-page .home-scroll-line{
    width:72px;
    height:1px;
    background:rgba(255,255,255,.42);
}

@media(max-width:900px){
    .home-page .site-header .nav-wrap{
        min-height:82px;
    }

    .home-page .site-header .site-logo{
        max-width:115px;
        max-height:50px;
    }

    .home-page .home-hero{
        background-position:65% center;
    }

    .home-page .home-hero-inner{
        padding-top:88px;
        padding-bottom:90px;
    }

    .home-page .home-hero-copy{
        width:min(560px,100%);
    }

    .home-page .home-hero-copy h1{
        font-size:clamp(62px,13vw,100px);
    }

    .home-page .home-hero-tagline{
        font-size:28px;
    }

    .home-page .home-hero-description{
        font-size:14px;
        max-width:410px;
    }
}

@media(max-width:620px){
    .home-page .home-hero-bg{
        background-position:63% center;
    }

    .home-page .home-hero-shade{
        background:
            linear-gradient(90deg,
                rgba(3,29,37,.97) 0%,
                rgba(3,29,37,.82) 55%,
                rgba(3,29,37,.40) 100%),
            linear-gradient(180deg,
                rgba(3,24,31,.56) 0%,
                rgba(3,24,31,0) 28%,
                rgba(3,24,31,.48) 100%);
    }

    .home-page .home-hero-inner{
        width:92%;
        align-items:flex-end;
        padding-top:100px;
        padding-bottom:92px;
    }

    .home-page .home-eyebrow{
        font-size:9px;
        letter-spacing:.16em;
    }

    .home-page .home-hero-copy h1{
        margin-bottom:27px;
        font-size:clamp(62px,18vw,92px);
        letter-spacing:-.065em;
    }

    .home-page .home-hero-tagline{
        font-size:24px;
        margin-bottom:19px;
    }

    .home-page .home-hero-description{
        max-width:360px;
        margin-bottom:28px;
        font-size:13px;
    }

    .home-page .home-hero-actions{
        width:100%;
    }

    .home-page .home-cta,
    .home-page .home-cta-secondary{
        flex:1 1 100%;
        width:100%;
    }

    .home-page .home-hero-bottom{
        bottom:19px;
        width:92%;
        justify-content:flex-start;
    }
}


/* Ana sayfa üst menüde arama butonu */
.nav-call{
    min-height:44px;
    padding:0 21px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    border:1px solid rgba(255,255,255,.24);
    border-radius:24px;
    color:#fff;
    text-decoration:none;
    font-size:.9rem;
    font-weight:700;
    background:rgba(5,35,43,.22);
    backdrop-filter:blur(9px);
    transition:.25s ease;
    white-space:nowrap;
}
.home-page .nav-call{
    border-color:rgba(22,197,212,.9);
}
.nav-call:hover{
    color:#06232b;
    background:#16c5d4;
    border-color:#16c5d4;
}
@media(max-width:900px){
    .home-page .nav-call{display:none}
}

.home-page .site-header .nav{gap:34px}.home-page .site-header .nav-wrap{gap:22px}

/* =========================================================
   TEPE TAKSİ — MOBİL HERO / MOBILE-FIRST POLISH
   ========================================================= */

@media (max-width: 900px){
    .home-page .site-header{
        position:absolute;
        background:linear-gradient(180deg,rgba(2,20,26,.48),rgba(2,20,26,0));
    }

    .home-page .site-header .nav-wrap{
        min-height:82px;
        width:92%;
    }

    .home-page .site-header .site-logo{
        max-width:120px;
        max-height:50px;
    }

    .home-page .menu-toggle{
        width:46px;
        height:46px;
        padding:0;
        display:grid;
        place-items:center;
        border:1px solid rgba(255,255,255,.22);
        border-radius:14px;
        background:rgba(4,31,39,.28);
        backdrop-filter:blur(10px);
        font-size:1.35rem;
        line-height:1;
    }

    .home-page .site-header .nav{
        top:78px;
        left:4%;
        right:4%;
        padding:10px;
        border:1px solid rgba(255,255,255,.10);
        background:rgba(3,29,37,.94);
        backdrop-filter:blur(18px);
        box-shadow:0 20px 50px rgba(0,0,0,.25);
    }

    .home-page .site-header .nav a{
        padding:12px 13px;
        border-radius:10px;
    }

    .home-page .site-header .nav a:hover,
    .home-page .site-header .nav a:focus-visible{
        background:rgba(22,197,212,.10);
    }

    .home-page .home-hero{
        min-height:100svh;
        height:100svh;
        align-items:flex-end;
    }

    .home-page .home-hero-bg{
        background-image:url("../images/hero-tepe-taksi-mobile.png");
        background-size:cover;
        background-position:center center;
        transform:none;
    }

    .home-page .home-hero-shade{
        background:
            linear-gradient(180deg,
                rgba(2,20,26,.18) 0%,
                rgba(2,20,26,.02) 25%,
                rgba(2,20,26,.22) 43%,
                rgba(2,20,26,.82) 71%,
                rgba(2,20,26,.96) 100%),
            linear-gradient(90deg,
                rgba(2,20,26,.56) 0%,
                rgba(2,20,26,.18) 65%,
                rgba(2,20,26,.20) 100%);
    }

    .home-page .home-hero-inner{
        width:92%;
        padding-top:120px;
        padding-bottom:100px;
        align-items:flex-end;
    }

    .home-page .home-hero-copy{
        width:100%;
        max-width:500px;
        margin-top:0;
    }

    .home-page .home-eyebrow{
        display:none;
    }

    .home-page .home-hero-copy h1{
        margin:0 0 24px;
        font-size:clamp(58px,17vw,82px);
        line-height:.80;
        letter-spacing:-.075em;
        text-shadow:0 5px 30px rgba(0,0,0,.28);
    }

    .home-page .home-hero-tagline{
        max-width:360px;
        margin:0 0 15px;
        font-size:clamp(23px,6.2vw,29px);
        line-height:1.10;
        letter-spacing:-.045em;
    }

    .home-page .home-hero-description{
        max-width:375px;
        margin:0 0 23px;
        font-size:13px;
        line-height:1.55;
        color:rgba(255,255,255,.76);
    }

    .home-page .home-hero-actions{
        width:100%;
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        gap:10px;
    }

    .home-page .home-cta,
    .home-page .home-cta-secondary{
        width:100%;
        min-height:58px;
        padding:0 18px;
        border-radius:18px;
    }

    .home-page .home-cta{
        font-size:15px;
    }

    .home-page .home-cta-secondary{
        min-width:100px;
        font-size:13px;
    }

    .home-page .home-hero-bottom{
        bottom:86px;
        width:92%;
        justify-content:flex-start;
    }

    .home-page .home-hero-bottom span:first-child{
        font-size:9px;
    }

    .home-page .mobile-bar{
        padding-bottom:env(safe-area-inset-bottom);
        grid-template-columns:1fr 1fr;
        background:rgba(3,29,37,.96);
        backdrop-filter:blur(16px);
    }

    .home-page .mobile-bar a{
        min-height:62px;
        font-size:13px;
        letter-spacing:.02em;
    }
}

@media (max-width:520px){
    .home-page .home-hero-bg{
        background-position:54% center;
    }

    .home-page .home-hero-inner{
        width:90%;
        padding-bottom:91px;
    }

    .home-page .home-hero-copy h1{
        font-size:clamp(56px,17.5vw,76px);
        margin-bottom:22px;
    }

    .home-page .home-hero-tagline{
        font-size:23px;
    }

    .home-page .home-hero-description{
        max-width:330px;
        font-size:12.5px;
        margin-bottom:20px;
    }

    .home-page .home-hero-actions{
        grid-template-columns:minmax(0,1fr) 92px;
    }

    .home-page .home-cta,
    .home-page .home-cta-secondary{
        min-height:56px;
    }

    .home-page .home-cta-secondary{
        min-width:0;
        padding:0 10px;
    }

    .home-page .home-hero-bottom{
        display:none;
    }
}

@media (max-width:380px){
    .home-page .home-hero-inner{
        padding-bottom:88px;
    }

    .home-page .home-hero-copy h1{
        font-size:56px;
    }

    .home-page .home-hero-tagline{
        font-size:21px;
    }

    .home-page .home-hero-description{
        font-size:12px;
    }

    .home-page .home-hero-actions{
        grid-template-columns:1fr;
    }

    .home-page .home-cta-secondary{
        min-height:48px;
    }
}


/* Mobile hero: vertically centered composition */
@media (max-width:620px){
    .home-page .home-hero-inner{
        min-height:calc(100svh - 82px);
        width:92%;
        padding-top:90px;
        padding-bottom:150px;
        align-items:center;
    }

    .home-page .home-hero-copy{
        transform:translateY(-3.5vh);
    }
}

@media (max-width:380px){
    .home-page .home-hero-inner{
        min-height:calc(100svh - 82px);
        padding-top:82px;
        padding-bottom:142px;
        align-items:center;
    }

    .home-page .home-hero-copy{
        transform:translateY(-2.5vh);
    }
}

/* =========================================================
   MOBİL CTA — DOĞAL AKIŞTAN GELEN STICKY BAR
   Butonlar hero'nun hemen altında gerçekten varmış gibi durur.
   Kullanıcı aşağı kaydırdıkça viewport'a doğal şekilde girer;
   alt hizaya geldiğinde sticky olarak oraya kilitlenir.
   Yukarı çıkıldığında ancak sayfanın en üstüne dönünce yeniden
   doğal akışın altına iner.
   ========================================================= */
@media (max-width:620px){
    .home-page .mobile-bar{
        position:sticky;
        top:calc(100svh - 62px);
        bottom:auto;
        left:auto;
        right:auto;
        z-index:60;
        display:grid;
        grid-template-columns:1fr 1fr;
        width:100%;
        min-height:62px;
        padding:0 0 env(safe-area-inset-bottom);
        margin:0;
        background:rgba(3,29,37,.97);
        box-shadow:0 -8px 24px rgba(0,0,0,.16);
        backdrop-filter:none;
        -webkit-backdrop-filter:none;
        transform:none;
        opacity:1;
        filter:none;
        scale:none;
        transition:none;
        will-change:auto;
        pointer-events:auto;
    }

    .home-page .mobile-bar a{
        min-height:62px;
        display:flex;
        align-items:center;
        justify-content:center;
        gap:8px;
        color:#fff;
        text-decoration:none;
        font-weight:900;
        font-size:13px;
        letter-spacing:.02em;
        transform:none;
        opacity:1;
        filter:none;
    }
}

@media (max-width:380px){
    .home-page .mobile-bar{
        min-height:58px;
        top:calc(100svh - 58px);
    }

    .home-page .mobile-bar a{
        min-height:58px;
        font-size:12px;
    }
}