:root{
    --bg:#090909;
    --bg-soft:#111111;
    --card:#171717;
    --text:#f7f1e6;
    --muted:#b7ad9e;
    --gold:#c59b55;
    --gold-soft:#ecd39a;
    --line:rgba(255,255,255,.11);
    --white:#fff;
    --danger:#bd4b4b;
    --success:#3a9d65;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1180px,92%);margin:auto}
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(8,8,8,.72);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.nav-wrapper{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.brand img{width:48px;height:48px;object-fit:contain}
.brand-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-size:24px;font-family:Georgia,serif}
.main-nav{display:flex;align-items:center;gap:24px;color:#e7ded0;font-size:14px;margin-left:96px}
.main-nav a{transition:.2s}
.main-nav a:hover{color:var(--gold-soft)}
.menu-btn{display:none;background:none;border:0;color:var(--text);font-size:28px;cursor:pointer}
.hero{min-height:100vh;position:relative;display:grid;align-items:center;padding:160px 0 70px;overflow:hidden;background-color:#1a1005;background-image:linear-gradient(135deg,rgba(0,0,0,.88) 0%,rgba(30,18,4,.75) 100%),linear-gradient(135deg,#1a1208 0%,#302413 100%);background-size:cover;background-position:center;background-repeat:no-repeat}
.hero::after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,var(--bg))}
.hero-content{position:relative;z-index:2;max-width:760px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--gold-soft);font-size:13px;text-transform:uppercase;letter-spacing:.18em;font-weight:700}
.eyebrow::before{content:"";display:block;width:42px;height:1px;background:var(--gold)}
h1{font-family:Georgia,serif;font-size:clamp(44px,7vw,92px);line-height:.98;margin:22px 0;color:var(--white);font-weight:500}
.hero p{font-size:20px;color:#e3d8c8;max-width:660px;margin-bottom:34px}
.hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:14px 24px;border:1px solid var(--line);font-weight:700;transition:.25s;cursor:pointer}
.btn-primary{background:var(--gold);color:#111;border-color:var(--gold)}
.btn-primary:hover{background:var(--gold-soft);transform:translateY(-2px)}
.btn-outline:hover{border-color:var(--gold);color:var(--gold-soft);transform:translateY(-2px)}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:56px;max-width:760px}
.stat-box{background:rgba(255,255,255,.08);border:1px solid var(--line);border-radius:22px;padding:22px;backdrop-filter:blur(12px)}
.stat-box strong{font-size:34px;color:var(--gold-soft);display:block;line-height:1}
.stat-box span{color:#d5c7b5;font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.section{padding:105px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:44px}
.section-kicker{color:var(--gold);text-transform:uppercase;letter-spacing:.14em;font-size:13px;font-weight:800}
.section-title{font-family:Georgia,serif;font-size:clamp(34px,4.6vw,62px);line-height:1.05;margin:8px 0 0;font-weight:500}
.about-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center}
.about-card{background:linear-gradient(145deg,rgba(197,155,85,.18),rgba(255,255,255,.05));border:1px solid var(--line);border-radius:36px;min-height:470px;display:grid;place-items:end;padding:34px;overflow:hidden;position:relative}
.about-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(236,211,154,.24),transparent 35%),linear-gradient(135deg,rgba(255,255,255,.05),transparent)}
.about-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.8}
.experience-badge{position:relative;z-index:2;background:rgba(0,0,0,.72);border:1px solid var(--gold);padding:22px 28px;border-radius:24px}
.experience-badge strong{font-size:44px;color:var(--gold-soft);line-height:1}
.about-text p{color:var(--muted);font-size:17px}
.feature-list{display:grid;gap:14px;margin:30px 0}
.feature-list li{list-style:none;padding:14px 18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.04)}
.feature-list li::before{content:"✓";color:var(--gold);margin-right:10px;font-weight:900}
.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.project-card,.application-card,.service-card,.testimonial-card{background:var(--card);border:1px solid var(--line);border-radius:28px;overflow:hidden;transition:.25s;position:relative}
.project-card:hover,.application-card:hover,.service-card:hover,.testimonial-card:hover{transform:translateY(-6px);border-color:rgba(197,155,85,.6)}
.project-image,.application-image,.gallery-card{height:245px;background:linear-gradient(135deg,#2b241a,#111);position:relative;overflow:hidden}
.project-image img,.application-image img,.gallery-card img{width:100%;height:100%;object-fit:cover;transition:.35s}
.project-card:hover img,.application-card:hover img,.gallery-card:hover img{transform:scale(1.06)}
.card-body{padding:22px}
.badge{display:inline-flex;background:rgba(197,155,85,.14);color:var(--gold-soft);border:1px solid rgba(197,155,85,.35);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800;margin-bottom:12px}
.card-body h3{margin:0 0 8px;font-size:21px}
.card-body p{color:var(--muted);margin:0}
.application-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0;color:#d9cbb8;font-size:13px}
.application-meta span{border:1px solid var(--line);padding:10px;border-radius:12px;text-align:center}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.service-card{padding:30px;min-height:230px}
.service-no{font-size:42px;font-family:Georgia,serif;color:rgba(197,155,85,.35);line-height:1}
.service-card h3{font-size:24px;margin:22px 0 10px}
.service-card p{color:var(--muted)}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.gallery-card{height:280px;border-radius:26px;border:1px solid var(--line)}
.gallery-card .gallery-caption{position:absolute;inset:auto 16px 16px;background:rgba(0,0,0,.65);padding:12px 14px;border-radius:16px;border:1px solid var(--line)}
.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.testimonial-card{padding:28px}
.stars{color:var(--gold-soft);letter-spacing:2px;margin-bottom:16px}
.testimonial-card p{color:#ddd1c1}
.testimonial-card strong{display:block;margin-top:20px;color:var(--white)}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:start}
.contact-info{background:linear-gradient(145deg,rgba(197,155,85,.12),rgba(255,255,255,.04));border:1px solid var(--line);border-radius:32px;padding:32px}
.contact-info div{padding:18px 0;border-bottom:1px solid var(--line)}
.contact-info div:last-child{border-bottom:0}
.form-card{background:var(--card);border:1px solid var(--line);border-radius:32px;padding:30px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.input,textarea,select{width:100%;background:#0f0f0f;color:var(--text);border:1px solid var(--line);border-radius:16px;padding:15px 16px;outline:0;font:inherit}
textarea{min-height:130px;resize:vertical}.full{grid-column:1/-1}
.alert{padding:14px 18px;border-radius:16px;margin-bottom:18px;border:1px solid var(--line)}
.alert.success{background:rgba(58,157,101,.14);color:#baf4d0}.alert.error{background:rgba(189,75,75,.14);color:#ffd0d0}
.footer{background:#050505;padding:70px 0 0;border-top:1px solid var(--line)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:34px}.footer h3,.footer h4{color:var(--white);margin-top:0}.footer p,.footer a{display:block;color:var(--muted);margin:8px 0}.footer a:hover{color:var(--gold-soft)}.copyright{text-align:center;border-top:1px solid var(--line);padding:22px;margin-top:45px;color:#817768;font-size:14px}
.empty{border:1px dashed var(--line);border-radius:24px;padding:32px;color:var(--muted)}
@media(max-width:980px){.main-nav{position:absolute;top:78px;left:4%;right:4%;display:none;flex-direction:column;align-items:flex-start;background:#111;border:1px solid var(--line);border-radius:22px;padding:18px}.main-nav.open{display:flex}.menu-btn{display:block}.about-grid,.contact-grid{grid-template-columns:1fr}.cards-grid,.services-grid,.gallery-grid,.testimonials{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.hero-stats{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.nav-wrapper{height:68px}.brand span:last-child{font-size:13px}.hero{padding-top:110px}.hero-stats,.cards-grid,.services-grid,.gallery-grid,.testimonials,.form-grid{grid-template-columns:1fr}.section{padding:72px 0}.section-head{display:block}.footer-grid{grid-template-columns:1fr}.application-meta{grid-template-columns:1fr}.hero p{font-size:17px}}

/* =============================================
   GÜNCELLEMELER: Hero, Sosyal Medya, FAB Butonlar
   ============================================= */

/* Brand: küçük 2 satırlı yazı */
.brand-text{display:flex;flex-direction:column;line-height:1.1}
.brand-main{font-size:15px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--white)}
.brand-sub{font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-soft);opacity:.85}

/* Hero: 3 satır başlık */
.hero-line-1,.hero-line-3{display:block}
.hero-line-2{display:block}
.hero-accent{color:var(--gold-soft);font-style:italic}

/* Header sosyal ikonlar */
.header-social{display:flex;align-items:center;gap:6px;margin-left:4px}
.social-icon-btn{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;color:var(--muted);transition:.2s}
.social-icon-btn svg{width:16px;height:16px}
.social-icon-btn:hover{border-color:var(--gold);color:var(--gold-soft);background:rgba(197,155,85,.1)}

/* Header telefon / WhatsApp butonları */
.header-contact-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.header-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 15px;border-radius:999px;font-size:13px;font-weight:800;letter-spacing:.01em;white-space:nowrap;border:1px solid var(--line);transition:.22s}
.header-cta svg{width:16px;height:16px;flex-shrink:0}
.header-cta-call{background:rgba(255,255,255,.06);color:#fff}
.header-cta-call svg{color:var(--gold-soft)}
.header-cta-call:hover{border-color:var(--gold);color:var(--gold-soft);background:rgba(197,155,85,.14);transform:translateY(-1px)}
.header-cta-whatsapp{background:rgba(37,211,102,.18);border-color:rgba(37,211,102,.45);color:#fff}
.header-cta-whatsapp:hover{background:#25d366;border-color:#25d366;color:#fff;transform:translateY(-1px)}


/* Footer sosyal ikonlar */
.footer-social{display:flex;gap:10px;margin-top:16px}
.footer-social-btn{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;color:var(--muted);transition:.2s}
.footer-social-btn svg{width:18px;height:18px}
.footer-social-btn:hover{border-color:var(--gold);color:var(--gold-soft);background:rgba(197,155,85,.12);transform:translateY(-2px)}
.footer-social-wa:hover{border-color:#25d366;color:#25d366;background:rgba(37,211,102,.1)}

/* Hero iletisim butonlari */
.hero-contact-btns{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:0}
.hero-fab{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border-radius:999px;font-weight:700;font-size:14px;letter-spacing:.02em;text-decoration:none;transition:.25s;white-space:nowrap}
.hero-fab svg{flex-shrink:0;width:20px;height:20px}
.hero-fab-call{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px)}
.hero-fab-call svg{color:var(--gold-soft)}
.hero-fab-call:hover{background:rgba(197,155,85,.18);border-color:var(--gold);color:var(--gold-soft);transform:translateY(-2px)}
.hero-fab-whatsapp{background:#25d366;color:#fff;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 20px rgba(37,211,102,.35)}
.hero-fab-whatsapp:hover{background:#20c05a;transform:translateY(-2px);box-shadow:0 8px 28px rgba(37,211,102,.45)}

/* Mobil uyum */
@media(max-width:640px){
    .brand-main{font-size:13px}
    .brand-sub{font-size:10px}
    .header-social{display:none}
    .hero-contact-btns{gap:10px;margin-top:0}
    .hero-fab{padding:12px 18px;font-size:13px}
    .hero-fab svg{width:18px;height:18px}
}
@media(max-width:980px){
    .header-social{display:none}
}

@media(max-width:640px){
    .hero-actions{gap:12px}
    .hero-actions .btn,.hero-contact-btns,.hero-fab{width:100%}
    .hero-contact-btns{display:grid;grid-template-columns:1fr;align-items:stretch}
}

/* İstatistikler artık bannerın içinde değil, ayrı bölümde durur */
.stats-section{position:relative;z-index:3;background:var(--bg);padding:70px 0 34px;border-bottom:1px solid rgba(255,255,255,.05)}
.stats-section .hero-stats{max-width:none;margin-top:0}
.stats-section .stat-box{min-height:132px;display:flex;flex-direction:column;justify-content:center}

/* Telefon/WhatsApp butonlarında numara yazısı görünmez */
.contact-action-buttons{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}
.contact-action-btn{padding:12px 20px;font-size:14px}
.footer-contact-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.footer .footer-contact-btn{display:inline-flex;margin:0;padding:10px 16px;font-size:13px;color:#fff}
.footer .footer-contact-btn:hover{color:#fff}

@media(max-width:980px){
    .stats-section .hero-stats{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
    .stats-section{padding:46px 0 24px}
    .stats-section .hero-stats{grid-template-columns:1fr;gap:14px}
    .contact-action-buttons{display:grid;grid-template-columns:1fr;align-items:stretch}
    .contact-action-btn{width:100%;justify-content:center}
    .footer-contact-actions{display:grid;grid-template-columns:1fr}
    .footer .footer-contact-btn{justify-content:center;width:100%}
}

@media(max-width:1180px){
    .main-nav{gap:18px}
    .header-cta{height:36px;padding:0 12px;font-size:12px}
}
@media(max-width:1080px){
    .header-contact-actions{display:none}
}


/* Banner görünüm düzeltmesi: görsel tüm hero alanına yayılsın, sol taraf aşırı kararmasın ve başlık daha dengeli dursun */
.hero{
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
}
.hero-content{
    max-width:620px;
}
.hero h1{
    font-size:clamp(34px,4.45vw,62px);
    line-height:1.04;
    margin:18px 0 22px;
}
.hero p{
    font-size:17px;
    max-width:590px;
}

/* Footer içine gömülü küçük yönetim paneli girişi */
.footer{position:relative}
.footer-admin-link{
    position:absolute;
    right:18px;
    bottom:15px;
    width:34px;
    height:34px;
    display:grid !important;
    place-items:center;
    margin:0 !important;
    border:1px solid rgba(255,255,255,.10);
    border-radius:50%;
    color:rgba(255,255,255,.28) !important;
    background:rgba(255,255,255,.025);
    transition:.22s;
}
.footer-admin-link svg{width:15px;height:15px}
.footer-admin-link:hover{
    color:var(--gold-soft) !important;
    border-color:rgba(197,155,85,.45);
    background:rgba(197,155,85,.10);
    transform:translateY(-2px);
}

@media(max-width:980px){
    .hero-content{max-width:580px}
    .hero h1{font-size:clamp(34px,6vw,54px)}
}
@media(max-width:640px){
    .hero{padding-top:105px;min-height:auto}
    .hero h1{font-size:clamp(30px,9.5vw,40px);line-height:1.08}
    .hero p{font-size:16px}
    .footer-admin-link{right:14px;bottom:12px;width:32px;height:32px}
}

/* =============================================
   v9: Banner yazı konumu, footer taşma düzeltmesi
   ============================================= */
html,body{
    max-width:100%;
    overflow-x:hidden;
}
.hero .container.hero-content{
    width:min(590px,92%);
    max-width:590px;
    margin-left:clamp(100px,18vw,320px);
    margin-right:auto;
    transform:translateY(-24px);
}
.hero h1{
    font-size:clamp(34px,4.1vw,58px);
    line-height:1.03;
    letter-spacing:-.018em;
    margin:16px 0 20px;
    text-shadow:0 14px 42px rgba(0,0,0,.42);
}
.hero .eyebrow{
    margin-bottom:6px;
}
.hero-actions{
    margin-top:4px;
}
.footer{
    overflow:hidden;
}
.footer-grid{
    grid-template-columns:minmax(0,2fr) minmax(125px,.9fr) minmax(125px,.9fr) minmax(220px,1.15fr);
    align-items:flex-start;
}
.footer-grid>div{
    min-width:0;
}
.footer p,.footer a{
    max-width:100%;
    overflow-wrap:anywhere;
}
.footer-contact-actions{
    max-width:100%;
}
.footer .footer-contact-btn{
    min-width:0;
    white-space:nowrap;
}
.copyright{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding-left:54px;
    padding-right:54px;
}
.footer-admin-link{
    position:absolute;
    right:18px;
    top:50%;
    bottom:auto;
    transform:translateY(-50%);
}
.footer-admin-link:hover{
    transform:translateY(calc(-50% - 2px));
}
@media(max-width:980px){
    .hero .container.hero-content{
        width:min(560px,92%);
        max-width:560px;
        margin-left:5%;
        transform:translateY(-10px);
    }
    .hero h1{
        font-size:clamp(32px,6.2vw,52px);
    }
    .footer-grid{
        grid-template-columns:1fr 1fr;
    }
}
@media(max-width:640px){
    .hero .container.hero-content{
        width:92%;
        max-width:none;
        margin-left:auto;
        margin-right:auto;
        transform:none;
    }
    .hero h1{
        font-size:clamp(30px,9vw,38px);
        line-height:1.08;
    }
    .footer-grid{
        grid-template-columns:1fr;
    }
    .copyright{
        padding-left:48px;
        padding-right:48px;
    }
}


/* =============================================
   v10: Mobil hero, mobil hızlı iletişim ve istatistik düzeni
   ============================================= */
.mobile-quick-actions{display:none}

@media(max-width:640px){
    body{padding-bottom:86px}

    .site-header{background:rgba(6,6,6,.82)}
    .nav-wrapper{height:76px;gap:12px}
    .brand{gap:10px;min-width:0}
    .brand img{width:46px;height:46px}
    .brand-text{min-width:0}
    .brand-main{font-size:15px;letter-spacing:.055em;white-space:nowrap}
    .brand-sub{font-size:11px;letter-spacing:.22em}
    .menu-btn{font-size:30px;line-height:1;padding:4px 0}

    .hero{
        min-height:100svh !important;
        padding:112px 0 74px !important;
        display:flex;
        align-items:center;
        background-position:58% center !important;
    }
    .hero::after{height:120px}
    .hero .container.hero-content{
        width:92%;
        max-width:none;
        margin-left:auto;
        margin-right:auto;
        transform:translateY(-8px);
    }
    .hero .eyebrow{
        font-size:12px;
        letter-spacing:.16em;
        gap:9px;
        line-height:1.4;
        margin-bottom:12px;
    }
    .hero .eyebrow::before{width:38px}
    .hero h1{
        font-size:clamp(34px,10.6vw,46px);
        line-height:1.04;
        margin:14px 0 28px;
        max-width:96%;
    }
    .hero p{display:none}
    .hero-actions{
        display:grid;
        grid-template-columns:1fr;
        gap:12px;
        width:100%;
        margin-top:0;
    }
    .hero-actions .btn{
        width:100%;
        min-height:58px;
        padding:15px 18px;
        font-size:16px;
        border-radius:999px;
    }

    .stats-section{
        padding:26px 0 20px;
    }
    .stats-section .hero-stats{
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:8px;
    }
    .stats-section .stat-box{
        min-height:86px;
        padding:12px 8px;
        border-radius:18px;
        align-items:flex-start;
        justify-content:center;
    }
    .stat-box strong{
        font-size:20px;
        margin-bottom:6px;
    }
    .stat-box span{
        font-size:9px;
        line-height:1.25;
        letter-spacing:.055em;
        word-break:normal;
    }

    .mobile-quick-actions{
        position:fixed;
        left:12px;
        right:12px;
        bottom:calc(12px + env(safe-area-inset-bottom));
        z-index:80;
        display:grid;
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:7px;
        padding:8px;
        border:1px solid rgba(255,255,255,.13);
        border-radius:24px;
        background:rgba(6,6,6,.82);
        backdrop-filter:blur(18px);
        box-shadow:0 18px 55px rgba(0,0,0,.45);
    }
    .mobile-quick-action{
        min-width:0;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:4px;
        min-height:54px;
        padding:7px 4px;
        border-radius:18px;
        border:1px solid rgba(255,255,255,.10);
        color:#f7f1e6;
        background:rgba(255,255,255,.045);
        font-size:10px;
        font-weight:800;
        line-height:1;
    }
    .mobile-quick-action svg{width:18px;height:18px;flex-shrink:0}
    .mobile-call svg{color:var(--gold-soft)}
    .mobile-wa{background:rgba(37,211,102,.18);border-color:rgba(37,211,102,.45)}
    .mobile-wa svg{color:#25d366}
}

@media(max-width:380px){
    .brand-main{font-size:13px}
    .brand-sub{font-size:10px}
    .hero h1{font-size:clamp(31px,10vw,40px)}
    .mobile-quick-actions{left:8px;right:8px;gap:5px}
    .mobile-quick-action span{font-size:9px}
    .stats-section .stat-box{padding:10px 6px}
    .stat-box span{font-size:8px}
}


/* =============================================
   v11: Mobil profesyonel header ve hero düzeni
   - Alt sabit hızlı iletişim barı kaldırıldı.
   - Ara / WhatsApp butonları hamburger menünün yanına alındı.
   - Facebook / Instagram ikonları mobilde logonun altına alındı.
   ============================================= */
.mobile-brand-social,
.mobile-header-actions{
    display:none;
}

@media(max-width:640px){
    body{
        padding-bottom:0 !important;
        overflow-x:hidden;
    }

    .mobile-quick-actions{
        display:none !important;
    }

    .site-header{
        background:linear-gradient(180deg,rgba(5,5,5,.96),rgba(5,5,5,.86));
        backdrop-filter:blur(18px);
    }

    .nav-wrapper{
        height:96px !important;
        position:relative;
        align-items:flex-start;
        padding-top:14px;
        gap:8px;
    }

    .brand{
        gap:10px;
        max-width:calc(100% - 166px);
        min-width:0;
        align-items:flex-start;
    }

    .brand img{
        width:45px !important;
        height:45px !important;
        object-fit:contain;
        border-radius:6px;
    }

    .brand-text{
        padding-top:2px;
        min-width:0;
    }

    .brand-main{
        font-size:14px !important;
        line-height:1.05;
        letter-spacing:.055em;
        white-space:nowrap;
    }

    .brand-sub{
        font-size:10px !important;
        line-height:1.15;
        letter-spacing:.22em;
    }

    .mobile-brand-social{
        position:absolute;
        left:4px;
        bottom:9px;
        z-index:4;
        display:flex;
        align-items:center;
        gap:7px;
    }

    .mobile-brand-social a{
        display:grid;
        place-items:center;
        width:27px;
        height:27px;
        border-radius:999px;
        color:#efe3d0;
        background:rgba(255,255,255,.055);
        border:1px solid rgba(255,255,255,.14);
        backdrop-filter:blur(10px);
        transition:.22s;
    }

    .mobile-brand-social svg{
        width:13px;
        height:13px;
    }

    .mobile-header-actions{
        display:flex;
        align-items:center;
        justify-content:flex-end;
        gap:7px;
        margin-left:auto;
        padding-top:1px;
        z-index:5;
    }

    .mobile-header-action{
        display:grid;
        place-items:center;
        width:38px;
        height:38px;
        border-radius:14px;
        border:1px solid rgba(255,255,255,.14);
        background:rgba(255,255,255,.055);
        color:#fff;
        backdrop-filter:blur(10px);
        box-shadow:0 10px 28px rgba(0,0,0,.24);
    }

    .mobile-header-action svg{
        width:17px;
        height:17px;
    }

    .mobile-header-call{
        color:var(--gold-soft);
    }

    .mobile-header-whatsapp{
        color:#25d366;
        border-color:rgba(37,211,102,.34);
        background:rgba(37,211,102,.09);
    }

    .menu-btn{
        display:grid !important;
        place-items:center;
        flex:0 0 auto;
        width:39px;
        height:39px;
        margin-left:2px;
        padding:0;
        border-radius:14px;
        border:1px solid rgba(255,255,255,.13);
        background:rgba(255,255,255,.055);
        color:#f7f1e6;
        font-size:26px;
        line-height:1;
        z-index:5;
    }

    .main-nav{
        top:104px !important;
        left:4%;
        right:4%;
        padding:16px;
        border-radius:20px;
        background:rgba(10,10,10,.96);
        backdrop-filter:blur(18px);
    }

    .header-contact-actions,
    .header-social{
        display:none !important;
    }

    .hero{
        min-height:100svh !important;
        padding:126px 0 36px !important;
        display:flex !important;
        align-items:center !important;
        background-position:57% center !important;
    }

    .hero::before{
        content:"";
        position:absolute;
        inset:0;
        background:
            linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.06) 44%,rgba(0,0,0,.58) 100%),
            linear-gradient(90deg,rgba(0,0,0,.52) 0%,rgba(0,0,0,.28) 48%,rgba(0,0,0,.14) 100%);
        z-index:1;
        pointer-events:none;
    }

    .hero::after{
        height:88px !important;
        z-index:1;
    }

    .hero .container.hero-content{
        width:92%;
        max-width:440px;
        margin-left:auto;
        margin-right:auto;
        transform:translateY(5px) !important;
        padding:0;
    }

    .hero .eyebrow{
        font-size:10px !important;
        letter-spacing:.16em;
        gap:8px;
        margin-bottom:10px;
        text-shadow:0 3px 14px rgba(0,0,0,.7);
    }

    .hero .eyebrow::before{
        width:34px;
    }

    .hero h1{
        max-width:92%;
        font-size:clamp(31px,9.6vw,39px) !important;
        line-height:1.07 !important;
        margin:10px 0 24px !important;
        letter-spacing:-.025em;
        text-shadow:0 10px 34px rgba(0,0,0,.62);
    }

    .hero-actions{
        width:100%;
        max-width:410px;
        display:grid !important;
        grid-template-columns:1fr;
        gap:10px !important;
    }

    .hero-actions .btn{
        width:100% !important;
        min-height:50px !important;
        padding:12px 18px !important;
        border-radius:20px !important;
        font-size:14px !important;
        box-shadow:0 14px 36px rgba(0,0,0,.28);
    }

    .hero-actions .btn-outline{
        background:rgba(0,0,0,.18);
        border-color:rgba(255,255,255,.16);
        backdrop-filter:blur(10px);
    }

    .stats-section{
        padding:18px 0 16px !important;
    }

    .stats-section .hero-stats{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:7px !important;
    }

    .stats-section .stat-box{
        min-height:78px !important;
        padding:10px 6px !important;
        border-radius:16px !important;
        background:rgba(255,255,255,.065);
    }

    .stats-section .stat-box strong{
        font-size:18px !important;
        margin-bottom:5px;
    }

    .stats-section .stat-box span{
        font-size:8px !important;
        line-height:1.25;
        letter-spacing:.045em;
    }
}

@media(max-width:380px){
    .brand-main{
        font-size:12px !important;
    }

    .brand-sub{
        font-size:9px !important;
    }

    .mobile-header-action{
        width:35px;
        height:35px;
        border-radius:13px;
    }

    .menu-btn{
        width:36px;
        height:36px;
        border-radius:13px;
        font-size:24px;
    }

    .hero h1{
        font-size:clamp(29px,9.2vw,36px) !important;
    }
}


/* =============================================
   v12: Mobil üst butonları büyütme ve belirginleştirme
   ============================================= */
@media(max-width:640px){
    .nav-wrapper{
        height:104px !important;
        padding-top:14px !important;
        align-items:flex-start !important;
    }

    .brand{
        max-width:calc(100% - 178px) !important;
    }

    .mobile-header-actions{
        display:flex !important;
        align-items:center !important;
        gap:8px !important;
        margin-left:auto !important;
        padding-top:0 !important;
        z-index:20 !important;
    }

    .mobile-header-action{
        width:46px !important;
        height:46px !important;
        border-radius:18px !important;
        display:grid !important;
        place-items:center !important;
        border:1px solid rgba(255,255,255,.24) !important;
        background:rgba(16,16,16,.88) !important;
        box-shadow:0 12px 30px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08) !important;
        backdrop-filter:blur(14px) !important;
    }

    .mobile-header-action svg{
        width:23px !important;
        height:23px !important;
        display:block !important;
    }

    .mobile-header-call{
        color:var(--gold-soft) !important;
        border-color:rgba(236,211,154,.40) !important;
        background:rgba(197,155,85,.14) !important;
    }

    .mobile-header-whatsapp{
        color:#25d366 !important;
        border-color:rgba(37,211,102,.54) !important;
        background:rgba(37,211,102,.16) !important;
    }

    .menu-btn{
        width:46px !important;
        height:46px !important;
        border-radius:18px !important;
        margin-left:0 !important;
        font-size:31px !important;
        background:rgba(16,16,16,.88) !important;
        border:1px solid rgba(255,255,255,.24) !important;
        box-shadow:0 12px 30px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08) !important;
    }

    .mobile-brand-social{
        left:56px !important;
        bottom:8px !important;
        gap:9px !important;
        z-index:20 !important;
    }

    .mobile-brand-social a{
        width:34px !important;
        height:34px !important;
        border-radius:14px !important;
        display:grid !important;
        place-items:center !important;
        color:#f5ead8 !important;
        background:rgba(16,16,16,.82) !important;
        border:1px solid rgba(255,255,255,.22) !important;
        box-shadow:0 10px 26px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.08) !important;
        backdrop-filter:blur(12px) !important;
    }

    .mobile-brand-social svg{
        width:17px !important;
        height:17px !important;
        display:block !important;
    }
}

@media(max-width:390px){
    .brand{
        max-width:calc(100% - 158px) !important;
    }

    .brand img{
        width:42px !important;
        height:42px !important;
    }

    .brand-main{
        font-size:12.5px !important;
    }

    .brand-sub{
        font-size:9px !important;
    }

    .mobile-header-actions{
        gap:6px !important;
    }

    .mobile-header-action,
    .menu-btn{
        width:42px !important;
        height:42px !important;
        border-radius:16px !important;
    }

    .mobile-header-action svg{
        width:21px !important;
        height:21px !important;
    }

    .menu-btn{
        font-size:28px !important;
    }

    .mobile-brand-social{
        left:52px !important;
    }

    .mobile-brand-social a{
        width:32px !important;
        height:32px !important;
    }

    .mobile-brand-social svg{
        width:16px !important;
        height:16px !important;
    }
}


/* v13: Mobil üst aksiyon düzeni, footer taşma düzeltmesi, desktop header konumu */
@media(min-width:981px){
    .site-header .nav-wrapper{width:min(1360px,94%)}
    .site-header .brand{margin-left:10px}
}
.footer{overflow:hidden}
.footer .container{width:min(1180px,92%)}
.footer-grid{
    display:grid;
    grid-template-columns:minmax(0,2fr) minmax(0,.9fr) minmax(0,.9fr) minmax(0,1.2fr) !important;
    align-items:start;
}
.footer-grid>*{min-width:0}
.footer p,.footer a,.footer h3,.footer h4{overflow-wrap:anywhere}
.footer-social,.footer-contact-actions{max-width:100%}
.footer-contact-actions{display:flex;flex-wrap:wrap}
.footer-admin-link{right:22px;bottom:22px}
.mobile-action-stack{display:none}

@media(max-width:640px){
    .nav-wrapper{
        height:118px !important;
        padding-top:14px !important;
        align-items:flex-start !important;
        gap:8px !important;
    }
    .brand{
        max-width:calc(100% - 182px) !important;
        gap:11px !important;
        align-items:flex-start !important;
    }
    .brand img{
        width:53px !important;
        height:53px !important;
        border-radius:8px !important;
    }
    .brand-text{padding-top:5px !important}
    .brand-main{
        font-size:15px !important;
        line-height:1.06 !important;
        letter-spacing:.052em !important;
        white-space:nowrap !important;
    }
    .brand-sub{
        font-size:10.5px !important;
        line-height:1.15 !important;
        letter-spacing:.23em !important;
        white-space:nowrap !important;
    }
    .mobile-action-stack{
        display:flex !important;
        flex-direction:column;
        align-items:stretch;
        justify-content:flex-start;
        gap:7px;
        width:100px;
        min-width:100px;
        margin-left:auto;
        padding-top:0;
        z-index:30;
    }
    .mobile-header-actions{
        position:static !important;
        display:grid !important;
        grid-template-columns:repeat(2,1fr);
        gap:8px !important;
        width:100%;
        margin:0 !important;
        padding:0 !important;
        z-index:31 !important;
    }
    .mobile-brand-social{
        position:static !important;
        display:grid !important;
        grid-template-columns:repeat(2,1fr);
        gap:8px !important;
        width:100%;
        margin:0 !important;
        padding:0 !important;
        left:auto !important;
        right:auto !important;
        top:auto !important;
        bottom:auto !important;
        z-index:31 !important;
    }
    .mobile-header-action,.mobile-brand-social a{
        width:46px !important;
        height:46px !important;
        border-radius:18px !important;
        display:grid !important;
        place-items:center !important;
        border:1px solid rgba(255,255,255,.24) !important;
        background:rgba(16,16,16,.88) !important;
        box-shadow:0 12px 30px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08) !important;
        backdrop-filter:blur(14px) !important;
    }
    .mobile-header-action svg,.mobile-brand-social svg{
        width:22px !important;
        height:22px !important;
        display:block !important;
    }
    .mobile-header-call{
        color:var(--gold-soft) !important;
        border-color:rgba(236,211,154,.42) !important;
        background:rgba(197,155,85,.16) !important;
    }
    .mobile-header-whatsapp{
        color:#25d366 !important;
        border-color:rgba(37,211,102,.58) !important;
        background:rgba(37,211,102,.17) !important;
    }
    .menu-btn{
        width:50px !important;
        height:50px !important;
        min-width:50px !important;
        border-radius:19px !important;
        margin-left:0 !important;
        font-size:32px !important;
        line-height:1 !important;
        background:rgba(16,16,16,.88) !important;
        border:1px solid rgba(255,255,255,.24) !important;
        box-shadow:0 12px 30px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08) !important;
        z-index:30 !important;
    }
    .main-nav{top:124px !important}
    .hero{padding-top:138px !important}
    .footer{padding-top:54px !important;overflow:hidden !important}
    .footer .container{width:92% !important;max-width:92% !important}
    .footer-grid{grid-template-columns:1fr !important;gap:34px !important}
    .footer h3,.footer h4{margin-bottom:14px}
    .footer p{max-width:100%}
    .footer-social{flex-wrap:wrap;gap:10px}
    .footer-contact-actions{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
        max-width:100%;
    }
    .footer .footer-contact-btn{
        width:100%;
        justify-content:center;
        min-width:0;
        padding-left:10px;
        padding-right:10px;
    }
    .footer-admin-link{right:18px !important;bottom:18px !important}
    .copyright{
        padding-left:18px !important;
        padding-right:58px !important;
        text-align:left !important;
    }
}
@media(max-width:390px){
    .nav-wrapper{height:114px !important}
    .brand{
        max-width:calc(100% - 164px) !important;
        gap:9px !important;
    }
    .brand img{
        width:48px !important;
        height:48px !important;
    }
    .brand-main{font-size:13.2px !important}
    .brand-sub{font-size:9.4px !important}
    .mobile-action-stack{
        width:90px;
        min-width:90px;
        gap:6px;
    }
    .mobile-header-actions,.mobile-brand-social{gap:6px !important}
    .mobile-header-action,.mobile-brand-social a{
        width:42px !important;
        height:42px !important;
        border-radius:16px !important;
    }
    .mobile-header-action svg,.mobile-brand-social svg{
        width:20px !important;
        height:20px !important;
    }
    .menu-btn{
        width:44px !important;
        height:44px !important;
        min-width:44px !important;
        border-radius:17px !important;
        font-size:29px !important;
    }
    .main-nav{top:120px !important}
    .hero{padding-top:132px !important}
}


/* =============================================
   v14: Mobil header oranlama + desktop hero/footer düzeltmesi
   ============================================= */

/* Desktop: hero yazısını biraz sağa al, logo/header ile çok yakın durmasın. */
@media(min-width:981px){
    .site-header .nav-wrapper{
        width:min(1320px,94%);
    }
}

/* Footer kaymalarını toparla. Yönetim paneli ikonu footer ana alanına taşmasın. */
.footer{
    position:relative !important;
    overflow:hidden !important;
    padding-bottom:0 !important;
}

.footer .container{
    width:min(1180px,92%) !important;
    max-width:1180px !important;
}

.footer-grid{
    grid-template-columns:minmax(0,2fr) minmax(0,.9fr) minmax(0,.9fr) minmax(0,1.15fr) !important;
    gap:34px !important;
    align-items:start !important;
}

.footer-grid > div{
    min-width:0 !important;
}

.footer p,
.footer a{
    overflow-wrap:anywhere !important;
    word-break:normal !important;
}

.footer-contact-actions{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:10px !important;
}

.footer .footer-contact-btn{
    width:auto !important;
    min-width:112px !important;
    justify-content:center !important;
}

.copyright{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:58px !important;
    margin-top:42px !important;
    padding:18px 78px 18px 78px !important;
    text-align:center !important;
}

.footer-admin-link{
    position:absolute !important;
    top:auto !important;
    right:26px !important;
    bottom:16px !important;
    transform:none !important;
    width:38px !important;
    height:38px !important;
    z-index:4 !important;
}

.footer-admin-link:hover{
    transform:translateY(-2px) !important;
}

/* Mobil header: daha kompakt ve dengeli. */
@media(max-width:640px){
    .site-header{
        background:rgba(5,5,5,.94) !important;
        backdrop-filter:blur(18px) !important;
    }

    .nav-wrapper{
        width:92% !important;
        height:96px !important;
        padding-top:12px !important;
        display:flex !important;
        align-items:flex-start !important;
        justify-content:space-between !important;
        gap:6px !important;
    }

    .brand{
        flex:1 1 auto !important;
        max-width:calc(100% - 132px) !important;
        min-width:0 !important;
        gap:8px !important;
        align-items:center !important;
        margin-left:0 !important;
        padding-top:0 !important;
    }

    .brand img,
    .brand-mark{
        width:43px !important;
        height:43px !important;
        min-width:43px !important;
        border-radius:8px !important;
        object-fit:contain !important;
    }

    .brand-mark{
        font-size:22px !important;
    }

    .brand-text{
        min-width:0 !important;
        padding-top:0 !important;
        line-height:1.05 !important;
    }

    .brand-main{
        font-size:13.6px !important;
        line-height:1.04 !important;
        letter-spacing:.048em !important;
        white-space:nowrap !important;
    }

    .brand-sub{
        font-size:9.5px !important;
        line-height:1.12 !important;
        letter-spacing:.23em !important;
        white-space:nowrap !important;
    }

    .mobile-action-stack{
        flex:0 0 78px !important;
        width:78px !important;
        min-width:78px !important;
        display:flex !important;
        flex-direction:column !important;
        gap:5px !important;
        margin-left:auto !important;
        padding-top:0 !important;
        z-index:30 !important;
    }

    .mobile-header-actions,
    .mobile-brand-social{
        position:static !important;
        display:grid !important;
        grid-template-columns:repeat(2,37px) !important;
        gap:4px !important;
        width:78px !important;
        margin:0 !important;
        padding:0 !important;
        left:auto !important;
        right:auto !important;
        top:auto !important;
        bottom:auto !important;
    }

    .mobile-header-action,
    .mobile-brand-social a{
        width:37px !important;
        height:37px !important;
        min-width:37px !important;
        border-radius:14px !important;
        display:grid !important;
        place-items:center !important;
        background:rgba(18,18,18,.9) !important;
        border:1px solid rgba(255,255,255,.22) !important;
        box-shadow:0 8px 22px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.08) !important;
        backdrop-filter:blur(12px) !important;
    }

    .mobile-header-action svg,
    .mobile-brand-social svg{
        width:18px !important;
        height:18px !important;
        display:block !important;
    }

    .mobile-header-call{
        color:var(--gold-soft) !important;
        border-color:rgba(236,211,154,.44) !important;
        background:rgba(197,155,85,.16) !important;
    }

    .mobile-header-whatsapp{
        color:#25d366 !important;
        border-color:rgba(37,211,102,.56) !important;
        background:rgba(37,211,102,.16) !important;
    }

    .menu-btn{
        flex:0 0 43px !important;
        width:43px !important;
        height:43px !important;
        min-width:43px !important;
        margin-left:0 !important;
        border-radius:16px !important;
        display:grid !important;
        place-items:center !important;
        font-size:27px !important;
        line-height:1 !important;
        padding:0 !important;
        background:rgba(18,18,18,.92) !important;
        border:1px solid rgba(255,255,255,.23) !important;
        box-shadow:0 8px 22px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.08) !important;
        z-index:30 !important;
    }

    .main-nav{
        top:104px !important;
    }

    .hero{
        padding-top:116px !important;
        min-height:100svh !important;
    }

    .hero .container.hero-content{
        transform:translateY(-6px) !important;
    }

    .footer{
        padding-top:48px !important;
    }

    .footer .container{
        width:92% !important;
        max-width:92% !important;
    }

    .footer-grid{
        grid-template-columns:1fr !important;
        gap:30px !important;
    }

    .footer-contact-actions{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:10px !important;
    }

    .footer .footer-contact-btn{
        min-width:0 !important;
        width:100% !important;
        padding-left:10px !important;
        padding-right:10px !important;
    }

    .copyright{
        justify-content:flex-start !important;
        min-height:56px !important;
        margin-top:36px !important;
        padding:16px 64px 16px 18px !important;
        text-align:left !important;
    }

    .footer-admin-link{
        right:18px !important;
        bottom:15px !important;
        width:36px !important;
        height:36px !important;
    }
}

@media(max-width:390px){
    .nav-wrapper{
        height:94px !important;
        width:92% !important;
        gap:5px !important;
    }

    .brand{
        max-width:calc(100% - 122px) !important;
        gap:7px !important;
    }

    .brand img,
    .brand-mark{
        width:40px !important;
        height:40px !important;
        min-width:40px !important;
    }

    .brand-main{
        font-size:12.4px !important;
        letter-spacing:.04em !important;
    }

    .brand-sub{
        font-size:8.8px !important;
        letter-spacing:.21em !important;
    }

    .mobile-action-stack{
        flex-basis:72px !important;
        width:72px !important;
        min-width:72px !important;
        gap:4px !important;
    }

    .mobile-header-actions,
    .mobile-brand-social{
        grid-template-columns:repeat(2,34px) !important;
        gap:4px !important;
        width:72px !important;
    }

    .mobile-header-action,
    .mobile-brand-social a{
        width:34px !important;
        height:34px !important;
        min-width:34px !important;
        border-radius:13px !important;
    }

    .mobile-header-action svg,
    .mobile-brand-social svg{
        width:16.5px !important;
        height:16.5px !important;
    }

    .menu-btn{
        flex-basis:40px !important;
        width:40px !important;
        height:40px !important;
        min-width:40px !important;
        border-radius:15px !important;
        font-size:25px !important;
    }

    .main-nav{
        top:102px !important;
    }

    .hero{
        padding-top:112px !important;
    }
}



/* v19: Desktop hero – daha sağa, headerdan net boşluk */
@media (min-width: 981px) {
    body .hero {
        padding-top: 180px !important;
        align-items: flex-start !important;
    }

    body .hero > .container.hero-content {
        width: min(600px, 44vw) !important;
        max-width: 600px !important;
        margin-left: clamp(260px, 28vw, 520px) !important;
        margin-right: auto !important;
        transform: translateY(0px) !important;
        padding-top: 0 !important;
    }
}

/* v20: Mobil menü – tam ekran premium overlay */

/* Backdrop overlay */
.nav-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.55);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 48;
    opacity: 0;
    transition: opacity .28s ease;
}
.nav-overlay.active {
    display: block;
    opacity: 1;
}

@media (max-width: 980px) {
    .main-nav {
        position: fixed !important;
        top: 0 !important;
        left: auto !important;
        right: 0 !important;
        bottom: 0 !important;
        width: min(320px, 88vw) !important;
        padding: 0 !important;
        border-radius: 0 !important;
        border: none !important;
        border-left: 1px solid rgba(197,155,85,.15) !important;
        background: #0a0a0a !important;
        backdrop-filter: none !important;
        box-shadow: -20px 0 60px rgba(0,0,0,.85) !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0 !important;
        z-index: 49 !important;
        transform: translateX(100%) !important;
        opacity: 1 !important;
        transition: transform .36s cubic-bezier(.4,0,.2,1) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    .main-nav.open {
        transform: translateX(0) !important;
        display: flex !important;
    }

    /* Menü üst başlık şeridi */
    .main-nav::before {
        content: "MENÜ" !important;
        display: block !important;
        padding: 52px 28px 18px !important;
        font-size: 10px !important;
        font-weight: 800 !important;
        letter-spacing: .28em !important;
        color: var(--gold) !important;
        border-bottom: 1px solid rgba(197,155,85,.18) !important;
        flex-shrink: 0 !important;
    }

    /* Nav linkleri */
    .main-nav a {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 18px 28px !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        letter-spacing: .01em !important;
        color: rgba(247,241,230,.78) !important;
        border-bottom: 1px solid rgba(255,255,255,.06) !important;
        transition: color .18s, background .18s, padding-left .2s !important;
        text-decoration: none !important;
    }

    /* Ok ikonu */
    .main-nav a::after {
        content: "›" !important;
        font-size: 22px !important;
        line-height: 1 !important;
        color: rgba(197,155,85,.35) !important;
        transition: color .18s, transform .18s !important;
        font-weight: 300 !important;
    }

    .main-nav a:last-child {
        border-bottom: none !important;
    }

    .main-nav a:hover,
    .main-nav a:active {
        color: var(--gold-soft) !important;
        background: rgba(197,155,85,.06) !important;
        padding-left: 34px !important;
    }

    .main-nav a:hover::after,
    .main-nav a:active::after {
        color: var(--gold-soft) !important;
        transform: translateX(3px) !important;
    }
}

/* =============================================
   v21: Mobil hero – premium yeniden tasarım
   ============================================= */
@media (max-width: 640px) {

    /* Hero tam ekran, arka plan görsel iyi konumlu */
    .hero {
        min-height: 100svh !important;
        padding: 0 !important;
        display: flex !important;
        align-items: flex-end !important;
        background-position: 62% center !important;
        background-size: cover !important;
    }

    /* Gradient: üstten header için koyu, altta içerik için */
    .hero::before {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        background:
            linear-gradient(180deg,
                rgba(0,0,0,.72) 0%,
                rgba(0,0,0,.08) 38%,
                rgba(0,0,0,.04) 55%,
                rgba(0,0,0,.78) 82%,
                rgba(0,0,0,.95) 100%) !important;
        z-index: 1 !important;
        pointer-events: none !important;
    }

    .hero::after {
        display: none !important;
    }

    /* İçerik altta, zarif padding */
    .hero .container.hero-content {
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 24px 48px !important;
        transform: none !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    /* Eyebrow – ince altın çizgili etiket */
    .hero .eyebrow {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        font-size: 10px !important;
        letter-spacing: .22em !important;
        color: var(--gold-soft) !important;
        margin-bottom: 14px !important;
        text-shadow: none !important;
        background: rgba(197,155,85,.12) !important;
        border: 1px solid rgba(197,155,85,.28) !important;
        border-radius: 999px !important;
        padding: 5px 14px 5px 10px !important;
    }

    .hero .eyebrow::before {
        display: none !important;
    }

    /* Başlık – büyük, güçlü, okunabilir */
    .hero h1 {
        font-size: clamp(36px, 11vw, 52px) !important;
        line-height: 1.03 !important;
        letter-spacing: -.03em !important;
        margin: 0 0 16px !important;
        max-width: 100% !important;
        text-shadow: 0 4px 32px rgba(0,0,0,.6) !important;
        color: #fff !important;
    }

    .hero h1 .hero-line-1,
    .hero h1 .hero-line-2,
    .hero h1 .hero-line-3 {
        display: block !important;
    }

    .hero h1 .hero-accent {
        color: var(--gold-soft) !important;
        font-style: italic !important;
    }

    /* Açıklama metni – kısa ve net */
    .hero p {
        display: block !important;
        font-size: 13.5px !important;
        line-height: 1.65 !important;
        color: rgba(247,241,230,.72) !important;
        margin: 0 0 28px !important;
        max-width: 92% !important;
        text-shadow: 0 2px 12px rgba(0,0,0,.5) !important;
    }

    /* Butonlar – tam genişlik, şık */
    .hero-actions {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        margin: 0 !important;
    }

    .hero-actions .btn {
        width: 100% !important;
        min-height: 52px !important;
        padding: 14px 20px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        border-radius: 16px !important;
        box-shadow: none !important;
        letter-spacing: .01em !important;
        justify-content: center !important;
    }

    .hero-actions .btn-primary {
        background: var(--gold) !important;
        color: #111 !important;
        border-color: var(--gold) !important;
        box-shadow: 0 8px 28px rgba(197,155,85,.35) !important;
    }

    .hero-actions .btn-outline {
        background: rgba(255,255,255,.08) !important;
        border-color: rgba(255,255,255,.22) !important;
        color: #fff !important;
        backdrop-filter: blur(10px) !important;
    }
}

/* =============================================
   v22: Mobil hero – kesin düzeltme, tüm önceki kuralları ezer
   ============================================= */
@media (max-width: 640px) {

    /* Hero bölümü */
    .hero {
        min-height: 100svh !important;
        padding: 100px 0 0 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important;
        align-items: stretch !important;
        background-position: 60% center !important;
        background-size: cover !important;
        position: relative !important;
        overflow: hidden !important;
    }

    /* Pseudo öğeleri sıfırla — önceki sürümlerin ghost içeriklerini kaldır */
    .hero::before {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        inset: 0 !important;
        background: linear-gradient(
            180deg,
            rgba(0,0,0,.55) 0%,
            rgba(0,0,0,.0) 35%,
            rgba(0,0,0,.0) 52%,
            rgba(0,0,0,.82) 80%,
            rgba(0,0,0,.97) 100%
        ) !important;
        z-index: 1 !important;
        pointer-events: none !important;
    }

    .hero::after {
        content: "" !important;
        display: none !important;
    }

    /* İçerik kutusu — altta, padding ile */
    .hero .container.hero-content,
    .hero > .container.hero-content {
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 22px 44px 22px !important;
        transform: none !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0 !important;
    }

    /* Eyebrow */
    .hero .eyebrow {
        display: inline-flex !important;
        align-items: center !important;
        gap: 0 !important;
        font-size: 10px !important;
        letter-spacing: .2em !important;
        color: var(--gold-soft) !important;
        margin-bottom: 12px !important;
        background: rgba(197,155,85,.13) !important;
        border: 1px solid rgba(197,155,85,.3) !important;
        border-radius: 999px !important;
        padding: 5px 13px !important;
        text-shadow: none !important;
        text-transform: uppercase !important;
    }

    .hero .eyebrow::before {
        display: none !important;
        width: 0 !important;
    }

    /* H1 — tek seferlik render, net */
    .hero h1 {
        font-size: clamp(34px, 10.5vw, 48px) !important;
        line-height: 1.06 !important;
        letter-spacing: -.028em !important;
        margin: 0 0 14px 0 !important;
        max-width: 100% !important;
        text-shadow: 0 2px 24px rgba(0,0,0,.5) !important;
        color: #fff !important;
        font-weight: 800 !important;
    }

    .hero h1 .hero-line-1,
    .hero h1 .hero-line-2,
    .hero h1 .hero-line-3 {
        display: block !important;
    }

    .hero h1 .hero-accent {
        color: var(--gold-soft) !important;
        font-style: italic !important;
    }

    /* Açıklama */
    .hero p {
        display: block !important;
        font-size: 13px !important;
        line-height: 1.65 !important;
        color: rgba(247,241,230,.68) !important;
        margin: 0 0 24px 0 !important;
        max-width: 88% !important;
        text-shadow: none !important;
    }

    /* Butonlar */
    .hero .hero-actions,
    .hero-actions {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 9px !important;
        margin: 0 !important;
        grid-template-columns: unset !important;
    }

    .hero-actions .btn,
    .hero-actions a.btn {
        width: 100% !important;
        min-height: 50px !important;
        padding: 13px 20px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        border-radius: 14px !important;
        letter-spacing: .01em !important;
        justify-content: center !important;
        box-shadow: none !important;
        transform: none !important;
        display: flex !important;
        align-items: center !important;
    }

    .hero-actions .btn-primary {
        background: var(--gold) !important;
        color: #111 !important;
        border-color: var(--gold) !important;
        box-shadow: 0 6px 22px rgba(197,155,85,.38) !important;
    }

    .hero-actions .btn-outline {
        background: rgba(255,255,255,.09) !important;
        border: 1px solid rgba(255,255,255,.2) !important;
        color: rgba(247,241,230,.9) !important;
        backdrop-filter: blur(8px) !important;
    }
}


/* =============================================
   v23: Mobil overlay menü tasarımı düzeltmesi
   ============================================= */
.main-nav .mobile-menu-panel-actions{
    display:none;
}

@media (max-width: 980px){
    .site-header{
        z-index:100 !important;
    }

    .nav-overlay{
        display:block !important;
        position:fixed !important;
        inset:0 !important;
        z-index:89 !important;
        opacity:0 !important;
        visibility:hidden !important;
        pointer-events:none !important;
        background:
            radial-gradient(circle at 18% 16%, rgba(197,155,85,.16), transparent 32%),
            radial-gradient(circle at 86% 82%, rgba(236,211,154,.10), transparent 28%),
            rgba(0,0,0,.72) !important;
        backdrop-filter:blur(10px) !important;
        -webkit-backdrop-filter:blur(10px) !important;
        transition:opacity .28s ease, visibility .28s ease !important;
    }

    .nav-overlay.active{
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
    }

    .main-nav{
        position:fixed !important;
        top:108px !important;
        left:14px !important;
        right:14px !important;
        bottom:18px !important;
        width:auto !important;
        max-width:none !important;
        min-width:0 !important;
        height:auto !important;
        max-height:calc(100svh - 126px) !important;
        margin:0 !important;
        padding:72px 14px 16px !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:stretch !important;
        justify-content:flex-start !important;
        gap:9px !important;
        overflow-y:auto !important;
        overflow-x:hidden !important;
        border:1px solid rgba(197,155,85,.22) !important;
        border-radius:30px !important;
        background:
            linear-gradient(145deg, rgba(17,17,17,.98), rgba(5,5,5,.97)),
            radial-gradient(circle at 18% 0%, rgba(197,155,85,.18), transparent 36%) !important;
        box-shadow:0 30px 85px rgba(0,0,0,.72), inset 0 1px 0 rgba(255,255,255,.08) !important;
        transform:translateY(20px) scale(.965) !important;
        opacity:0 !important;
        visibility:hidden !important;
        pointer-events:none !important;
        z-index:111 !important;
        transition:transform .32s cubic-bezier(.2,.8,.2,1), opacity .24s ease, visibility .24s ease !important;
        -webkit-overflow-scrolling:touch !important;
    }

    .main-nav.open{
        transform:translateY(0) scale(1) !important;
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
        display:flex !important;
    }

    .main-nav::before{
        content:"KARDEŞLER YAPI MİMARLIK" !important;
        position:absolute !important;
        left:18px !important;
        right:18px !important;
        top:18px !important;
        height:40px !important;
        display:flex !important;
        align-items:center !important;
        padding:0 14px !important;
        border-radius:16px !important;
        color:var(--gold-soft) !important;
        background:rgba(197,155,85,.10) !important;
        border:1px solid rgba(197,155,85,.22) !important;
        font-size:10px !important;
        line-height:1 !important;
        font-weight:900 !important;
        letter-spacing:.18em !important;
        text-transform:uppercase !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }

    .main-nav > a{
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        min-height:52px !important;
        padding:0 16px !important;
        margin:0 !important;
        border-radius:17px !important;
        border:1px solid rgba(255,255,255,.08) !important;
        background:rgba(255,255,255,.045) !important;
        color:rgba(247,241,230,.92) !important;
        font-size:15px !important;
        font-weight:800 !important;
        letter-spacing:.01em !important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.045) !important;
        transition:background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease !important;
    }

    .main-nav > a::after{
        content:"›" !important;
        display:grid !important;
        place-items:center !important;
        width:28px !important;
        height:28px !important;
        border-radius:999px !important;
        color:var(--gold-soft) !important;
        background:rgba(197,155,85,.10) !important;
        border:1px solid rgba(197,155,85,.18) !important;
        font-size:22px !important;
        line-height:1 !important;
        font-weight:300 !important;
        transform:none !important;
    }

    .main-nav > a:hover,
    .main-nav > a:active{
        color:#fff !important;
        background:rgba(197,155,85,.12) !important;
        border-color:rgba(197,155,85,.32) !important;
        padding-left:16px !important;
        transform:translateY(-1px) !important;
    }

    .main-nav .mobile-menu-panel-actions{
        display:grid !important;
        grid-template-columns:1fr 1fr 52px 52px !important;
        gap:8px !important;
        margin-top:auto !important;
        padding-top:12px !important;
        border-top:1px solid rgba(255,255,255,.08) !important;
    }

    .main-nav .mobile-menu-panel-actions a{
        margin:0 !important;
        min-height:52px !important;
        border-radius:17px !important;
        border:1px solid rgba(255,255,255,.10) !important;
        background:rgba(255,255,255,.055) !important;
        color:#fff !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:8px !important;
        padding:0 10px !important;
        font-size:12px !important;
        font-weight:900 !important;
        letter-spacing:.01em !important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
    }

    .main-nav .mobile-menu-panel-actions a::after{
        display:none !important;
        content:none !important;
    }

    .main-nav .mobile-menu-panel-actions svg{
        width:18px !important;
        height:18px !important;
        flex:0 0 auto !important;
    }

    .main-nav .mobile-menu-panel-call{
        color:var(--gold-soft) !important;
        border-color:rgba(236,211,154,.34) !important;
        background:rgba(197,155,85,.13) !important;
    }

    .main-nav .mobile-menu-panel-whatsapp{
        color:#fff !important;
        border-color:rgba(37,211,102,.42) !important;
        background:rgba(37,211,102,.18) !important;
    }

    .main-nav .mobile-menu-panel-whatsapp svg{
        color:#25d366 !important;
    }

    .main-nav .mobile-menu-panel-icon{
        padding:0 !important;
        min-width:52px !important;
    }

    body.nav-is-open .menu-btn{
        position:relative !important;
        z-index:130 !important;
        color:var(--gold-soft) !important;
        border-color:rgba(197,155,85,.38) !important;
        background:rgba(197,155,85,.15) !important;
    }
}

@media (max-width: 640px){
    .main-nav{
        top:112px !important;
        left:12px !important;
        right:12px !important;
        bottom:16px !important;
        max-height:calc(100svh - 128px) !important;
        padding:70px 12px 14px !important;
        border-radius:26px !important;
    }

    .main-nav::before{
        left:14px !important;
        right:14px !important;
        top:14px !important;
        height:40px !important;
        font-size:9px !important;
        letter-spacing:.15em !important;
    }

    .main-nav > a{
        min-height:50px !important;
        border-radius:16px !important;
        font-size:14px !important;
    }

    .main-nav .mobile-menu-panel-actions{
        grid-template-columns:1fr 1fr !important;
    }

    .main-nav .mobile-menu-panel-icon{
        min-width:0 !important;
    }
}

@media (max-width: 380px){
    .main-nav{
        top:106px !important;
        left:10px !important;
        right:10px !important;
        bottom:12px !important;
        max-height:calc(100svh - 118px) !important;
    }

    .main-nav .mobile-menu-panel-actions a{
        font-size:11px !important;
    }
}


/* =============================================
   v24: Mobil hamburger overlay temiz ve profesyonel düzen
   ============================================= */
@media (max-width: 980px){
    body.nav-is-open{
        overflow:hidden !important;
    }

    .nav-overlay{
        position:fixed !important;
        inset:0 !important;
        display:block !important;
        z-index:80 !important;
        opacity:0 !important;
        visibility:hidden !important;
        pointer-events:none !important;
        background:rgba(0,0,0,.58) !important;
        backdrop-filter:blur(8px) !important;
        -webkit-backdrop-filter:blur(8px) !important;
        transition:opacity .22s ease, visibility .22s ease !important;
    }

    .nav-overlay.active{
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
    }

    .main-nav{
        position:fixed !important;
        left:14px !important;
        right:14px !important;
        top:118px !important;
        bottom:auto !important;
        width:auto !important;
        height:auto !important;
        max-height:calc(100vh - 136px) !important;
        max-height:calc(100svh - 136px) !important;
        margin:0 !important;
        padding:14px !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:stretch !important;
        justify-content:flex-start !important;
        gap:9px !important;
        overflow-y:auto !important;
        overflow-x:hidden !important;
        border-radius:24px !important;
        border:1px solid rgba(236,211,154,.18) !important;
        background:
            linear-gradient(160deg, rgba(19,19,19,.98), rgba(5,5,5,.98)),
            radial-gradient(circle at 15% 0%, rgba(197,155,85,.14), transparent 32%) !important;
        box-shadow:0 28px 80px rgba(0,0,0,.68), inset 0 1px 0 rgba(255,255,255,.07) !important;
        z-index:140 !important;
        transform:translateY(-10px) scale(.985) !important;
        opacity:0 !important;
        visibility:hidden !important;
        pointer-events:none !important;
        transition:transform .24s ease, opacity .2s ease, visibility .2s ease !important;
        -webkit-overflow-scrolling:touch !important;
    }

    .main-nav.open{
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
        transform:translateY(0) scale(1) !important;
        display:flex !important;
    }

    .main-nav::before{
        display:none !important;
        content:none !important;
    }

    .main-nav > a{
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        width:100% !important;
        min-height:48px !important;
        margin:0 !important;
        padding:0 14px !important;
        border-radius:16px !important;
        border:1px solid rgba(255,255,255,.085) !important;
        background:rgba(255,255,255,.045) !important;
        color:#f7f1e6 !important;
        font-size:14px !important;
        line-height:1 !important;
        font-weight:800 !important;
        letter-spacing:.01em !important;
    }

    .main-nav > a::after{
        content:"›" !important;
        display:grid !important;
        place-items:center !important;
        width:28px !important;
        height:28px !important;
        min-width:28px !important;
        border-radius:50% !important;
        color:var(--gold-soft) !important;
        background:rgba(197,155,85,.10) !important;
        border:1px solid rgba(197,155,85,.18) !important;
        font-size:22px !important;
        font-weight:400 !important;
        line-height:1 !important;
    }

    .main-nav > a:hover,
    .main-nav > a:active{
        background:rgba(197,155,85,.12) !important;
        border-color:rgba(197,155,85,.30) !important;
        color:#fff !important;
        transform:none !important;
        padding-left:14px !important;
    }

    .main-nav .mobile-menu-panel-actions{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:9px !important;
        margin:4px 0 0 !important;
        padding:12px 0 0 !important;
        border-top:1px solid rgba(255,255,255,.08) !important;
    }

    .main-nav .mobile-menu-panel-actions a{
        min-height:46px !important;
        margin:0 !important;
        padding:0 10px !important;
        border-radius:15px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:8px !important;
        color:#fff !important;
        background:rgba(255,255,255,.05) !important;
        border:1px solid rgba(255,255,255,.10) !important;
        font-size:12px !important;
        font-weight:900 !important;
        line-height:1 !important;
        letter-spacing:.01em !important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
    }

    .main-nav .mobile-menu-panel-actions a::after{
        display:none !important;
        content:none !important;
    }

    .main-nav .mobile-menu-panel-actions svg{
        width:18px !important;
        height:18px !important;
        flex:0 0 auto !important;
    }

    .main-nav .mobile-menu-panel-call{
        color:var(--gold-soft) !important;
        border-color:rgba(236,211,154,.30) !important;
        background:rgba(197,155,85,.12) !important;
    }

    .main-nav .mobile-menu-panel-whatsapp{
        border-color:rgba(37,211,102,.40) !important;
        background:rgba(37,211,102,.15) !important;
    }

    .main-nav .mobile-menu-panel-whatsapp svg{
        color:#25d366 !important;
    }

    .main-nav .mobile-menu-panel-icon{
        min-width:0 !important;
        padding:0 !important;
    }

    body.nav-is-open .menu-btn{
        color:var(--gold-soft) !important;
        border-color:rgba(197,155,85,.42) !important;
        background:rgba(197,155,85,.16) !important;
        z-index:160 !important;
    }
}

@media (max-width: 640px){
    .main-nav{
        top:108px !important;
        left:12px !important;
        right:12px !important;
        max-height:calc(100vh - 126px) !important;
        max-height:calc(100svh - 126px) !important;
        padding:12px !important;
        border-radius:22px !important;
        gap:8px !important;
    }

    .main-nav > a{
        min-height:46px !important;
        border-radius:15px !important;
        font-size:14px !important;
    }

    .main-nav .mobile-menu-panel-actions{
        gap:8px !important;
    }

    .main-nav .mobile-menu-panel-actions a{
        min-height:44px !important;
    }
}

@media (max-width: 380px){
    .main-nav{
        top:104px !important;
        left:10px !important;
        right:10px !important;
        max-height:calc(100vh - 116px) !important;
        max-height:calc(100svh - 116px) !important;
        padding:10px !important;
    }

    .main-nav > a{
        min-height:43px !important;
        font-size:13px !important;
    }

    .main-nav .mobile-menu-panel-actions a{
        min-height:42px !important;
        font-size:11px !important;
    }
}


/* =============================================
   v25: Mobil overlay küçük açılma sorunu düzeltildi
   Menü paneli artık hero üstünde büyük, okunabilir ve tam liste halinde açılır.
   ============================================= */
@media (max-width: 980px){
    body.nav-is-open{
        overflow:hidden !important;
    }

    .nav-overlay{
        position:fixed !important;
        inset:0 !important;
        z-index:120 !important;
        display:block !important;
        background:
            linear-gradient(180deg, rgba(0,0,0,.62), rgba(0,0,0,.82)),
            radial-gradient(circle at 18% 14%, rgba(197,155,85,.16), transparent 34%) !important;
        backdrop-filter:blur(10px) !important;
        -webkit-backdrop-filter:blur(10px) !important;
        opacity:0 !important;
        visibility:hidden !important;
        pointer-events:none !important;
        transition:opacity .24s ease, visibility .24s ease !important;
    }

    .nav-overlay.active{
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
    }

    .main-nav{
        position:fixed !important;
        z-index:150 !important;
        left:14px !important;
        right:14px !important;
        top:112px !important;
        bottom:18px !important;
        width:auto !important;
        height:auto !important;
        min-height:420px !important;
        max-height:none !important;
        margin:0 !important;
        padding:18px !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:stretch !important;
        justify-content:flex-start !important;
        gap:10px !important;
        overflow-y:auto !important;
        overflow-x:hidden !important;
        border-radius:30px !important;
        border:1px solid rgba(236,211,154,.22) !important;
        background:
            linear-gradient(145deg, rgba(17,17,17,.98), rgba(5,5,5,.98)),
            radial-gradient(circle at 12% 0%, rgba(197,155,85,.18), transparent 38%) !important;
        box-shadow:0 34px 90px rgba(0,0,0,.75), inset 0 1px 0 rgba(255,255,255,.08) !important;
        transform:translateY(18px) scale(.985) !important;
        opacity:0 !important;
        visibility:hidden !important;
        pointer-events:none !important;
        transition:transform .28s cubic-bezier(.2,.8,.2,1), opacity .22s ease, visibility .22s ease !important;
        -webkit-overflow-scrolling:touch !important;
    }

    .main-nav.open{
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
        transform:translateY(0) scale(1) !important;
        display:flex !important;
    }

    .main-nav::before{
        content:"Menü" !important;
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        min-height:44px !important;
        margin:0 0 4px !important;
        padding:0 14px !important;
        border-radius:16px !important;
        color:var(--gold-soft) !important;
        background:rgba(197,155,85,.10) !important;
        border:1px solid rgba(197,155,85,.20) !important;
        font-size:12px !important;
        font-weight:900 !important;
        letter-spacing:.16em !important;
        text-transform:uppercase !important;
    }

    .main-nav > a{
        min-height:54px !important;
        padding:0 16px !important;
        border-radius:18px !important;
        font-size:15px !important;
        font-weight:850 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        color:#f7f1e6 !important;
        background:rgba(255,255,255,.052) !important;
        border:1px solid rgba(255,255,255,.09) !important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.045) !important;
    }

    .main-nav > a::after{
        content:"›" !important;
        display:grid !important;
        place-items:center !important;
        width:30px !important;
        height:30px !important;
        min-width:30px !important;
        border-radius:50% !important;
        color:var(--gold-soft) !important;
        background:rgba(197,155,85,.12) !important;
        border:1px solid rgba(197,155,85,.20) !important;
        font-size:23px !important;
        line-height:1 !important;
    }

    .main-nav > a:hover,
    .main-nav > a:active{
        background:rgba(197,155,85,.13) !important;
        border-color:rgba(197,155,85,.32) !important;
        color:#fff !important;
        transform:none !important;
        padding-left:16px !important;
    }

    .main-nav .mobile-menu-panel-actions{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:10px !important;
        margin-top:auto !important;
        padding-top:14px !important;
        border-top:1px solid rgba(255,255,255,.09) !important;
    }

    .main-nav .mobile-menu-panel-actions a{
        min-height:52px !important;
        border-radius:18px !important;
        padding:0 12px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:8px !important;
        font-size:12px !important;
        font-weight:900 !important;
        color:#fff !important;
        background:rgba(255,255,255,.055) !important;
        border:1px solid rgba(255,255,255,.11) !important;
    }

    .main-nav .mobile-menu-panel-actions a::after{
        display:none !important;
        content:none !important;
    }

    .main-nav .mobile-menu-panel-actions svg{
        width:19px !important;
        height:19px !important;
        flex-shrink:0 !important;
    }

    .main-nav .mobile-menu-panel-call{
        color:var(--gold-soft) !important;
        border-color:rgba(236,211,154,.34) !important;
        background:rgba(197,155,85,.13) !important;
    }

    .main-nav .mobile-menu-panel-whatsapp{
        border-color:rgba(37,211,102,.42) !important;
        background:rgba(37,211,102,.16) !important;
    }

    .main-nav .mobile-menu-panel-whatsapp svg{
        color:#25d366 !important;
    }

    .main-nav .mobile-menu-panel-icon{
        min-width:0 !important;
        padding:0 !important;
    }

    body.nav-is-open .menu-btn{
        position:relative !important;
        z-index:170 !important;
        color:var(--gold-soft) !important;
        border-color:rgba(197,155,85,.42) !important;
        background:rgba(197,155,85,.16) !important;
    }
}

@media (max-width: 640px){
    .main-nav{
        left:12px !important;
        right:12px !important;
        top:108px !important;
        bottom:16px !important;
        min-height:calc(100svh - 124px) !important;
        padding:16px !important;
        border-radius:26px !important;
        gap:9px !important;
    }

    .main-nav > a{
        min-height:52px !important;
        font-size:14px !important;
        border-radius:17px !important;
    }

    .main-nav .mobile-menu-panel-actions{
        gap:9px !important;
    }

    .main-nav .mobile-menu-panel-actions a{
        min-height:50px !important;
    }
}

@media (max-width: 380px){
    .main-nav{
        left:10px !important;
        right:10px !important;
        top:104px !important;
        bottom:12px !important;
        min-height:calc(100svh - 116px) !important;
        padding:14px !important;
    }

    .main-nav > a{
        min-height:48px !important;
        font-size:13px !important;
    }

    .main-nav .mobile-menu-panel-actions a{
        min-height:46px !important;
        font-size:11px !important;
    }
}


/* =============================================
   v26: Mobil menü açılınca sadece karanlık ekran gelme sorunu düzeltildi
   Sebep: overlay katmanı menü panelinin üstünde kalıyordu.
   ============================================= */
@media (max-width: 980px){
    body.nav-is-open .site-header{
        z-index:360 !important;
    }

    body.nav-is-open .nav-overlay,
    .nav-overlay.active{
        z-index:300 !important;
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
    }

    body.nav-is-open .main-nav,
    .main-nav.open{
        z-index:420 !important;
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
        display:flex !important;
        transform:translateY(0) scale(1) !important;
    }

    body.nav-is-open .menu-btn{
        z-index:440 !important;
    }

    body.nav-is-open .main-nav{
        position:fixed !important;
        left:14px !important;
        right:14px !important;
        top:118px !important;
        bottom:18px !important;
        width:auto !important;
        height:auto !important;
        min-height:auto !important;
        max-height:calc(100svh - 136px) !important;
        padding:16px !important;
        border-radius:28px !important;
        background:
            linear-gradient(145deg, rgba(18,18,18,.98), rgba(5,5,5,.98)),
            radial-gradient(circle at 16% 0%, rgba(197,155,85,.18), transparent 35%) !important;
        border:1px solid rgba(236,211,154,.22) !important;
        box-shadow:0 34px 90px rgba(0,0,0,.78), inset 0 1px 0 rgba(255,255,255,.08) !important;
        overflow-y:auto !important;
        overflow-x:hidden !important;
    }
}

@media (max-width: 640px){
    body.nav-is-open .main-nav{
        left:12px !important;
        right:12px !important;
        top:108px !important;
        bottom:16px !important;
        max-height:calc(100svh - 124px) !important;
        padding:15px !important;
        border-radius:26px !important;
    }
}

@media (max-width: 380px){
    body.nav-is-open .main-nav{
        left:10px !important;
        right:10px !important;
        top:104px !important;
        bottom:12px !important;
        max-height:calc(100svh - 116px) !important;
        padding:13px !important;
    }
}


/* =============================================
   v27: Mobil hamburger menü kesin çözüm
   Eski overlay gizlendi, menü body içinde ayrı drawer olarak açılır.
   ============================================= */
.mobile-drawer{
    display:none;
}

@media (max-width: 980px){
    .nav-overlay{
        display:none !important;
        opacity:0 !important;
        visibility:hidden !important;
        pointer-events:none !important;
    }

    .site-header .main-nav{
        display:none !important;
    }

    body.nav-is-open{
        overflow:hidden !important;
    }

    .mobile-drawer{
        position:fixed !important;
        inset:0 !important;
        z-index:99990 !important;
        display:block !important;
        opacity:0 !important;
        visibility:hidden !important;
        pointer-events:none !important;
        transition:opacity .22s ease, visibility .22s ease !important;
    }

    .mobile-drawer.active{
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
    }

    .mobile-drawer-backdrop{
        position:absolute !important;
        inset:0 !important;
        background:
            linear-gradient(180deg,rgba(0,0,0,.58),rgba(0,0,0,.82)),
            radial-gradient(circle at 20% 12%,rgba(197,155,85,.16),transparent 34%) !important;
        backdrop-filter:blur(9px) !important;
        -webkit-backdrop-filter:blur(9px) !important;
    }

    .mobile-drawer-panel{
        position:absolute !important;
        left:14px !important;
        right:14px !important;
        top:118px !important;
        bottom:18px !important;
        display:flex !important;
        flex-direction:column !important;
        gap:12px !important;
        padding:16px !important;
        border-radius:28px !important;
        border:1px solid rgba(236,211,154,.22) !important;
        background:
            linear-gradient(145deg,rgba(18,18,18,.98),rgba(5,5,5,.98)),
            radial-gradient(circle at 14% 0%,rgba(197,155,85,.18),transparent 36%) !important;
        box-shadow:0 34px 90px rgba(0,0,0,.78), inset 0 1px 0 rgba(255,255,255,.08) !important;
        overflow:hidden !important;
        transform:translateY(18px) scale(.985) !important;
        transition:transform .28s cubic-bezier(.2,.8,.2,1) !important;
    }

    .mobile-drawer.active .mobile-drawer-panel{
        transform:translateY(0) scale(1) !important;
    }

    .mobile-drawer-head{
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        min-height:46px !important;
        padding:0 6px 10px !important;
        border-bottom:1px solid rgba(255,255,255,.09) !important;
        color:var(--gold-soft) !important;
        font-size:12px !important;
        font-weight:900 !important;
        letter-spacing:.16em !important;
        text-transform:uppercase !important;
    }

    .mobile-drawer-close{
        width:38px !important;
        height:38px !important;
        border-radius:14px !important;
        border:1px solid rgba(255,255,255,.16) !important;
        background:rgba(255,255,255,.06) !important;
        color:#fff !important;
        font-size:20px !important;
        line-height:1 !important;
        display:grid !important;
        place-items:center !important;
        cursor:pointer !important;
    }

    .mobile-drawer-links{
        display:flex !important;
        flex-direction:column !important;
        gap:9px !important;
        overflow-y:auto !important;
        overflow-x:hidden !important;
        padding-right:2px !important;
        -webkit-overflow-scrolling:touch !important;
    }

    .mobile-drawer-links > a{
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        min-height:52px !important;
        padding:0 16px !important;
        margin:0 !important;
        border-radius:17px !important;
        border:1px solid rgba(255,255,255,.09) !important;
        background:rgba(255,255,255,.052) !important;
        color:#f7f1e6 !important;
        font-size:14px !important;
        font-weight:850 !important;
        line-height:1 !important;
        letter-spacing:.01em !important;
        text-decoration:none !important;
    }

    .mobile-drawer-links > a::after{
        content:"›" !important;
        display:grid !important;
        place-items:center !important;
        width:30px !important;
        height:30px !important;
        min-width:30px !important;
        border-radius:50% !important;
        color:var(--gold-soft) !important;
        background:rgba(197,155,85,.12) !important;
        border:1px solid rgba(197,155,85,.20) !important;
        font-size:23px !important;
        line-height:1 !important;
    }

    .mobile-drawer-links > a:hover,
    .mobile-drawer-links > a:active{
        background:rgba(197,155,85,.13) !important;
        border-color:rgba(197,155,85,.32) !important;
        color:#fff !important;
    }

    .mobile-drawer-links .mobile-menu-panel-actions{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:9px !important;
        margin-top:4px !important;
        padding-top:12px !important;
        border-top:1px solid rgba(255,255,255,.09) !important;
    }

    .mobile-drawer-links .mobile-menu-panel-actions a{
        min-height:50px !important;
        margin:0 !important;
        padding:0 10px !important;
        border-radius:17px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:8px !important;
        color:#fff !important;
        background:rgba(255,255,255,.055) !important;
        border:1px solid rgba(255,255,255,.11) !important;
        font-size:12px !important;
        font-weight:900 !important;
        line-height:1 !important;
        text-decoration:none !important;
    }

    .mobile-drawer-links .mobile-menu-panel-actions a::after{
        display:none !important;
        content:none !important;
    }

    .mobile-drawer-links .mobile-menu-panel-actions svg{
        width:19px !important;
        height:19px !important;
        flex-shrink:0 !important;
    }

    .mobile-drawer-links .mobile-menu-panel-call{
        color:var(--gold-soft) !important;
        border-color:rgba(236,211,154,.34) !important;
        background:rgba(197,155,85,.13) !important;
    }

    .mobile-drawer-links .mobile-menu-panel-whatsapp{
        border-color:rgba(37,211,102,.42) !important;
        background:rgba(37,211,102,.16) !important;
    }

    .mobile-drawer-links .mobile-menu-panel-whatsapp svg{
        color:#25d366 !important;
    }

    .mobile-drawer-links .mobile-menu-panel-icon{
        min-width:0 !important;
        padding:0 !important;
    }
}

@media (max-width: 640px){
    .mobile-drawer-panel{
        left:12px !important;
        right:12px !important;
        top:108px !important;
        bottom:16px !important;
        padding:15px !important;
        border-radius:26px !important;
    }

    .mobile-drawer-links > a{
        min-height:50px !important;
    }
}

@media (max-width: 380px){
    .mobile-drawer-panel{
        left:10px !important;
        right:10px !important;
        top:104px !important;
        bottom:12px !important;
        padding:13px !important;
    }

    .mobile-drawer-links > a{
        min-height:46px !important;
        font-size:13px !important;
    }

    .mobile-drawer-links .mobile-menu-panel-actions a{
        min-height:44px !important;
        font-size:11px !important;
    }
}


/* =============================================
   v28: İstatistik büyütme, footer hizalama ve hakkımızda rozet kaldırma
   ============================================= */

/* Hakkımızda görselinin üstündeki 18+ Yıl Tecrübe kutusu kaldırıldı */
.experience-badge{
    display:none !important;
}

/* İstatistik kutuları: PC'de daha güçlü ve okunur */
.stats-section{
    padding:72px 0 44px !important;
}

.stats-section .hero-stats{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:22px !important;
    max-width:1180px !important;
    width:100% !important;
    margin:0 auto !important;
}

.stats-section .stat-box{
    min-height:168px !important;
    padding:34px 30px !important;
    border-radius:30px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.045)) !important;
    border:1px solid rgba(255,255,255,.14) !important;
}

.stats-section .stat-box strong{
    display:flex !important;
    align-items:flex-start !important;
    gap:2px !important;
    font-size:46px !important;
    line-height:.9 !important;
    margin:0 0 16px !important;
    color:var(--gold-soft) !important;
    font-weight:900 !important;
}

.stats-section .stat-box span{
    font-size:15px !important;
    line-height:1.35 !important;
    letter-spacing:.095em !important;
    color:#ded2bf !important;
}

/* Footer sosyal ikon ve kolon kaymalarını düzelt */
.footer{
    overflow:hidden !important;
}

.footer-grid{
    align-items:flex-start !important;
}

.footer-grid > div{
    min-width:0 !important;
}

.footer-social{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex-wrap:wrap !important;
    gap:12px !important;
    margin-top:18px !important;
    max-width:100% !important;
}

.footer .footer-social a,
.footer-social-btn{
    display:grid !important;
    place-items:center !important;
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:50% !important;
    line-height:1 !important;
}

.footer-social-btn svg{
    width:19px !important;
    height:19px !important;
    display:block !important;
}

.footer p,
.footer a{
    overflow-wrap:anywhere !important;
}

.footer-contact-actions{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:12px !important;
}

.footer .footer-contact-btn{
    min-width:118px !important;
    justify-content:center !important;
    margin:0 !important;
}

/* Tablet */
@media(max-width:980px){
    .stats-section{
        padding:46px 0 30px !important;
    }

    .stats-section .hero-stats{
        gap:12px !important;
    }

    .stats-section .stat-box{
        min-height:128px !important;
        padding:22px 16px !important;
        border-radius:22px !important;
    }

    .stats-section .stat-box strong{
        font-size:34px !important;
        margin-bottom:10px !important;
    }

    .stats-section .stat-box span{
        font-size:11px !important;
    }
}

/* Mobil: istatistikler yan yana kalsın ama okunur büyüklükte olsun */
@media(max-width:640px){
    .stats-section{
        padding:22px 0 22px !important;
    }

    .stats-section .hero-stats{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:8px !important;
        width:100% !important;
    }

    .stats-section .stat-box{
        min-height:108px !important;
        padding:14px 9px !important;
        border-radius:18px !important;
        align-items:flex-start !important;
        justify-content:center !important;
    }

    .stats-section .stat-box strong{
        font-size:26px !important;
        line-height:1 !important;
        margin-bottom:8px !important;
    }

    .stats-section .stat-box span{
        font-size:9.5px !important;
        line-height:1.25 !important;
        letter-spacing:.045em !important;
    }

    .footer-social{
        justify-content:flex-start !important;
        gap:10px !important;
    }

    .footer .footer-social a,
    .footer-social-btn{
        width:44px !important;
        height:44px !important;
        min-width:44px !important;
    }

    .footer-contact-actions{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:10px !important;
    }

    .footer .footer-contact-btn{
        width:100% !important;
        min-width:0 !important;
    }
}

@media(max-width:380px){
    .stats-section .stat-box{
        min-height:98px !important;
        padding:12px 7px !important;
    }

    .stats-section .stat-box strong{
        font-size:23px !important;
    }

    .stats-section .stat-box span{
        font-size:8.5px !important;
    }
}


/* =============================================
   v29: Header oranlama + footer sosyal ikon/mail düzeltmesi
   ============================================= */

/* PC footer: iletişim kolonunu genişlet, mail tek satır kalsın */
@media(min-width:981px){
    .footer .container{
        width:min(1280px,94%) !important;
        max-width:1280px !important;
    }

    .footer-grid{
        grid-template-columns:
            minmax(300px,1.65fr)
            minmax(150px,.82fr)
            minmax(145px,.78fr)
            minmax(360px,1.45fr) !important;
        gap:54px !important;
        align-items:flex-start !important;
    }

    .footer .footer-contact-actions{
        display:flex !important;
        flex-wrap:nowrap !important;
        gap:12px !important;
        align-items:center !important;
        margin-bottom:12px !important;
    }

    .footer .footer-contact-btn{
        min-width:128px !important;
        width:auto !important;
        height:44px !important;
        padding:0 22px !important;
        white-space:nowrap !important;
    }

    .footer-email{
        display:inline-block !important;
        width:auto !important;
        max-width:none !important;
        white-space:nowrap !important;
        overflow-wrap:normal !important;
        word-break:normal !important;
        margin-top:10px !important;
        font-size:16px !important;
    }
}

/* Footer sosyal ikonları: global .footer a display:block kuralını ez */
.footer .footer-social{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex-wrap:nowrap !important;
    gap:12px !important;
    margin-top:18px !important;
}

.footer .footer-social a.footer-social-btn{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    max-width:48px !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:50% !important;
    line-height:0 !important;
    flex:0 0 48px !important;
}

.footer .footer-social a.footer-social-btn svg{
    display:block !important;
    width:19px !important;
    height:19px !important;
    margin:0 !important;
    padding:0 !important;
    flex:0 0 auto !important;
}

.footer-email{
    color:var(--muted) !important;
}

/* Mobil header: biraz büyütüldü ve ikon/yazı oranı dengelendi */
@media(max-width:640px){
    .site-header{
        min-height:128px !important;
    }

    .nav-wrapper{
        height:128px !important;
        padding-top:16px !important;
        align-items:flex-start !important;
        gap:8px !important;
    }

    .brand{
        max-width:calc(100% - 150px) !important;
        gap:11px !important;
        align-items:center !important;
    }

    .brand img,
    .brand-mark{
        width:58px !important;
        height:58px !important;
        min-width:58px !important;
        border-radius:12px !important;
    }

    .brand-mark{
        font-size:30px !important;
    }

    .brand-main{
        font-size:16px !important;
        line-height:1.05 !important;
        letter-spacing:.048em !important;
        white-space:nowrap !important;
    }

    .brand-sub{
        font-size:11px !important;
        line-height:1.12 !important;
        letter-spacing:.24em !important;
        white-space:nowrap !important;
    }

    .mobile-action-stack{
        width:88px !important;
        min-width:88px !important;
        flex-basis:88px !important;
        gap:6px !important;
    }

    .mobile-header-actions,
    .mobile-brand-social{
        width:88px !important;
        grid-template-columns:repeat(2,41px) !important;
        gap:6px !important;
    }

    .mobile-header-action,
    .mobile-brand-social a{
        width:41px !important;
        height:41px !important;
        min-width:41px !important;
        border-radius:15px !important;
    }

    .mobile-header-action svg,
    .mobile-brand-social svg{
        width:19px !important;
        height:19px !important;
    }

    .menu-btn{
        width:48px !important;
        height:48px !important;
        min-width:48px !important;
        border-radius:17px !important;
        font-size:30px !important;
    }

    .main-nav,
    .mobile-drawer-panel{
        top:136px !important;
    }

    .hero{
        padding-top:148px !important;
    }

    /* Mobil footer sosyal ikonları tam hizalı */
    .footer .footer-social{
        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;
        gap:12px !important;
        flex-wrap:nowrap !important;
    }

    .footer .footer-social a.footer-social-btn{
        width:48px !important;
        height:48px !important;
        min-width:48px !important;
        flex-basis:48px !important;
    }

    .footer .footer-social a.footer-social-btn svg{
        width:19px !important;
        height:19px !important;
    }

    .footer-email{
        display:block !important;
        white-space:normal !important;
        overflow-wrap:anywhere !important;
        word-break:normal !important;
        max-width:100% !important;
    }
}

@media(max-width:390px){
    .site-header{
        min-height:118px !important;
    }

    .nav-wrapper{
        height:118px !important;
        padding-top:14px !important;
    }

    .brand{
        max-width:calc(100% - 138px) !important;
        gap:9px !important;
    }

    .brand img,
    .brand-mark{
        width:52px !important;
        height:52px !important;
        min-width:52px !important;
        border-radius:11px !important;
    }

    .brand-main{
        font-size:14.2px !important;
        letter-spacing:.04em !important;
    }

    .brand-sub{
        font-size:9.8px !important;
        letter-spacing:.21em !important;
    }

    .mobile-action-stack{
        width:80px !important;
        min-width:80px !important;
        flex-basis:80px !important;
        gap:5px !important;
    }

    .mobile-header-actions,
    .mobile-brand-social{
        width:80px !important;
        grid-template-columns:repeat(2,38px) !important;
        gap:4px !important;
    }

    .mobile-header-action,
    .mobile-brand-social a{
        width:38px !important;
        height:38px !important;
        min-width:38px !important;
        border-radius:14px !important;
    }

    .mobile-header-action svg,
    .mobile-brand-social svg{
        width:18px !important;
        height:18px !important;
    }

    .menu-btn{
        width:43px !important;
        height:43px !important;
        min-width:43px !important;
        border-radius:16px !important;
        font-size:27px !important;
    }

    .mobile-drawer-panel{
        top:126px !important;
    }

    .hero{
        padding-top:138px !important;
    }
}


/* =============================================
   v30: Mobil header marka alanı genişletme + footer sosyal ikon oranı
   ============================================= */

/* Mobilde logo + Kardeşler Yapı Mimarlık alanı daha dolu ve orantılı dursun */
@media(max-width:640px){
    .site-header{
        min-height:132px !important;
    }

    .nav-wrapper{
        height:132px !important;
        width:94% !important;
        padding-top:16px !important;
        align-items:flex-start !important;
        gap:8px !important;
    }

    .brand{
        flex:1 1 auto !important;
        max-width:calc(100% - 142px) !important;
        min-width:0 !important;
        gap:12px !important;
        align-items:center !important;
        padding-top:0 !important;
    }

    .brand img,
    .brand-mark{
        width:64px !important;
        height:64px !important;
        min-width:64px !important;
        border-radius:13px !important;
    }

    .brand-mark{
        font-size:34px !important;
        border-width:1.5px !important;
    }

    .brand-text{
        flex:1 1 auto !important;
        min-width:0 !important;
        padding-top:2px !important;
    }

    .brand-main{
        display:block !important;
        width:100% !important;
        max-width:none !important;
        font-size:17px !important;
        line-height:1.04 !important;
        letter-spacing:.043em !important;
        white-space:nowrap !important;
        overflow:visible !important;
        text-overflow:clip !important;
    }

    .brand-sub{
        display:block !important;
        width:100% !important;
        font-size:11.5px !important;
        line-height:1.15 !important;
        letter-spacing:.25em !important;
        white-space:nowrap !important;
        overflow:visible !important;
        text-overflow:clip !important;
    }

    .mobile-action-stack{
        width:82px !important;
        min-width:82px !important;
        flex:0 0 82px !important;
        gap:5px !important;
    }

    .mobile-header-actions,
    .mobile-brand-social{
        width:82px !important;
        grid-template-columns:repeat(2,39px) !important;
        gap:4px !important;
    }

    .mobile-header-action,
    .mobile-brand-social a{
        width:39px !important;
        height:39px !important;
        min-width:39px !important;
        border-radius:15px !important;
    }

    .mobile-header-action svg,
    .mobile-brand-social svg{
        width:18px !important;
        height:18px !important;
    }

    .menu-btn{
        width:46px !important;
        height:46px !important;
        min-width:46px !important;
        border-radius:17px !important;
        font-size:29px !important;
    }

    .mobile-drawer-panel{
        top:140px !important;
    }

    .hero{
        padding-top:152px !important;
    }
}

/* Daha dar telefonlarda taşmadan dolu görünüm */
@media(max-width:390px){
    .site-header{
        min-height:124px !important;
    }

    .nav-wrapper{
        height:124px !important;
        width:94% !important;
        padding-top:14px !important;
        gap:6px !important;
    }

    .brand{
        max-width:calc(100% - 130px) !important;
        gap:9px !important;
    }

    .brand img,
    .brand-mark{
        width:56px !important;
        height:56px !important;
        min-width:56px !important;
        border-radius:12px !important;
    }

    .brand-main{
        font-size:14.8px !important;
        letter-spacing:.035em !important;
    }

    .brand-sub{
        font-size:10px !important;
        letter-spacing:.22em !important;
    }

    .mobile-action-stack{
        width:76px !important;
        min-width:76px !important;
        flex-basis:76px !important;
    }

    .mobile-header-actions,
    .mobile-brand-social{
        width:76px !important;
        grid-template-columns:repeat(2,36px) !important;
        gap:4px !important;
    }

    .mobile-header-action,
    .mobile-brand-social a{
        width:36px !important;
        height:36px !important;
        min-width:36px !important;
        border-radius:14px !important;
    }

    .mobile-header-action svg,
    .mobile-brand-social svg{
        width:17px !important;
        height:17px !important;
    }

    .menu-btn{
        width:42px !important;
        height:42px !important;
        min-width:42px !important;
        border-radius:16px !important;
        font-size:27px !important;
    }

    .mobile-drawer-panel{
        top:132px !important;
    }

    .hero{
        padding-top:144px !important;
    }
}

/* Footer sosyal ikonlarını mobilde tam merkeze al ve orantısızlığı düzelt */
.footer .footer-social{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
}

.footer .footer-social a.footer-social-btn{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    line-height:1 !important;
    overflow:hidden !important;
}

.footer .footer-social a.footer-social-btn svg{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    display:block !important;
    margin:0 !important;
    padding:0 !important;
}

@media(max-width:640px){
    .footer .footer-social{
        gap:12px !important;
        margin-top:20px !important;
    }

    .footer .footer-social a.footer-social-btn{
        width:52px !important;
        height:52px !important;
        min-width:52px !important;
        flex:0 0 52px !important;
        border-radius:50% !important;
    }

    .footer .footer-social a.footer-social-btn svg{
        width:21px !important;
        height:21px !important;
    }
}

@media(max-width:390px){
    .footer .footer-social a.footer-social-btn{
        width:48px !important;
        height:48px !important;
        min-width:48px !important;
        flex-basis:48px !important;
    }

    .footer .footer-social a.footer-social-btn svg{
        width:20px !important;
        height:20px !important;
    }
}


/* =============================================
   v31: GERÇEK DÜZELTME - cache busting + mobil header + footer
   Bu blok en sonda olduğu için önceki karmaşık kuralları kesin olarak ezer.
   ============================================= */

/* PC footer: mail kırılmasın, iletişim kolonu geniş dursun */
@media (min-width: 981px){
    body .footer .container{
        width:min(1480px,94%) !important;
        max-width:1480px !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    body .footer-grid{
        display:grid !important;
        grid-template-columns:minmax(320px,1.55fr) minmax(160px,.68fr) minmax(150px,.65fr) minmax(430px,1.35fr) !important;
        gap:58px !important;
        align-items:flex-start !important;
    }

    body .footer-grid > div{
        min-width:0 !important;
    }

    body .footer .footer-contact-actions{
        display:flex !important;
        flex-direction:row !important;
        flex-wrap:nowrap !important;
        align-items:center !important;
        justify-content:flex-start !important;
        gap:14px !important;
        width:100% !important;
        margin:12px 0 12px !important;
    }

    body .footer .footer-contact-btn{
        width:136px !important;
        min-width:136px !important;
        height:46px !important;
        padding:0 18px !important;
        margin:0 !important;
        white-space:nowrap !important;
    }

    body .footer .footer-email{
        display:block !important;
        width:100% !important;
        max-width:none !important;
        white-space:nowrap !important;
        overflow-wrap:normal !important;
        word-break:normal !important;
        font-size:16px !important;
        line-height:1.45 !important;
        margin-top:8px !important;
        color:var(--muted) !important;
    }
}

/* Footer sosyal medya ikonları: ikonlar dairenin tam ortasında */
body .footer .footer-social{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex-wrap:nowrap !important;
    gap:13px !important;
    margin:20px 0 0 !important;
    padding:0 !important;
}

body .footer .footer-social a.footer-social-btn{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
    max-width:50px !important;
    flex:0 0 50px !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:50% !important;
    line-height:1 !important;
    text-align:center !important;
}

body .footer .footer-social a.footer-social-btn svg{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    min-height:20px !important;
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    transform:translate(-50%,-50%) !important;
}

/* Mobil header: sol marka alanı işaretlenen bölgeyi dolduracak */
@media (max-width: 640px){
    body .site-header{
        min-height:132px !important;
        height:132px !important;
        background:rgba(5,5,5,.96) !important;
    }

    body .site-header .nav-wrapper{
        width:94% !important;
        height:132px !important;
        margin:0 auto !important;
        padding:0 !important;
        display:grid !important;
        grid-template-columns:minmax(0,1fr) 82px 46px !important;
        grid-template-rows:1fr !important;
        align-items:center !important;
        justify-content:normal !important;
        gap:9px !important;
    }

    body .site-header .brand{
        width:100% !important;
        max-width:none !important;
        min-width:0 !important;
        height:98px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;
        gap:13px !important;
        margin:0 !important;
        padding:10px 8px 10px 0 !important;
        overflow:visible !important;
    }

    body .site-header .brand img,
    body .site-header .brand-mark{
        width:70px !important;
        height:70px !important;
        min-width:70px !important;
        max-width:70px !important;
        border-radius:14px !important;
        object-fit:contain !important;
        flex:0 0 70px !important;
    }

    body .site-header .brand-mark{
        font-size:37px !important;
        border-width:1.5px !important;
    }

    body .site-header .brand-text{
        flex:1 1 auto !important;
        min-width:0 !important;
        max-width:none !important;
        display:flex !important;
        flex-direction:column !important;
        justify-content:center !important;
        line-height:1.05 !important;
        padding:0 !important;
        overflow:visible !important;
    }

    body .site-header .brand-main{
        display:block !important;
        width:100% !important;
        max-width:none !important;
        font-size:17.5px !important;
        line-height:1.02 !important;
        letter-spacing:.025em !important;
        white-space:nowrap !important;
        overflow:visible !important;
        text-overflow:clip !important;
    }

    body .site-header .brand-sub{
        display:block !important;
        width:100% !important;
        max-width:none !important;
        font-size:11.6px !important;
        line-height:1.12 !important;
        letter-spacing:.23em !important;
        white-space:nowrap !important;
        overflow:visible !important;
        text-overflow:clip !important;
    }

    body .mobile-action-stack{
        width:82px !important;
        min-width:82px !important;
        max-width:82px !important;
        flex:0 0 82px !important;
        display:flex !important;
        flex-direction:column !important;
        gap:5px !important;
        margin:0 !important;
        padding:0 !important;
        align-self:center !important;
    }

    body .mobile-header-actions,
    body .mobile-brand-social{
        width:82px !important;
        display:grid !important;
        grid-template-columns:repeat(2,39px) !important;
        gap:4px !important;
        margin:0 !important;
        padding:0 !important;
    }

    body .mobile-header-action,
    body .mobile-brand-social a{
        width:39px !important;
        height:39px !important;
        min-width:39px !important;
        border-radius:15px !important;
    }

    body .mobile-header-action svg,
    body .mobile-brand-social svg{
        width:18px !important;
        height:18px !important;
    }

    body .menu-btn{
        width:46px !important;
        height:46px !important;
        min-width:46px !important;
        margin:0 !important;
        padding:0 !important;
        border-radius:17px !important;
        font-size:29px !important;
        align-self:center !important;
    }

    body .mobile-drawer-panel{
        top:140px !important;
    }

    body .hero{
        padding-top:154px !important;
    }

    /* Mobil footer sosyal medya ikonları */
    body .footer .footer-social{
        gap:14px !important;
        margin-top:22px !important;
        align-items:center !important;
    }

    body .footer .footer-social a.footer-social-btn{
        width:54px !important;
        height:54px !important;
        min-width:54px !important;
        max-width:54px !important;
        flex-basis:54px !important;
    }

    body .footer .footer-social a.footer-social-btn svg{
        width:21px !important;
        height:21px !important;
    }

    body .footer .footer-email{
        display:block !important;
        white-space:normal !important;
        overflow-wrap:anywhere !important;
        word-break:normal !important;
        max-width:100% !important;
    }
}

/* 390px ve altı: taşmadan yine dolu görünüm */
@media (max-width: 390px){
    body .site-header{
        min-height:126px !important;
        height:126px !important;
    }

    body .site-header .nav-wrapper{
        height:126px !important;
        grid-template-columns:minmax(0,1fr) 76px 42px !important;
        gap:6px !important;
    }

    body .site-header .brand{
        height:92px !important;
        gap:9px !important;
        padding-right:4px !important;
    }

    body .site-header .brand img,
    body .site-header .brand-mark{
        width:60px !important;
        height:60px !important;
        min-width:60px !important;
        max-width:60px !important;
        flex-basis:60px !important;
    }

    body .site-header .brand-main{
        font-size:15.2px !important;
        letter-spacing:.015em !important;
    }

    body .site-header .brand-sub{
        font-size:10.2px !important;
        letter-spacing:.20em !important;
    }

    body .mobile-action-stack{
        width:76px !important;
        min-width:76px !important;
        max-width:76px !important;
        flex-basis:76px !important;
        gap:4px !important;
    }

    body .mobile-header-actions,
    body .mobile-brand-social{
        width:76px !important;
        grid-template-columns:repeat(2,36px) !important;
        gap:4px !important;
    }

    body .mobile-header-action,
    body .mobile-brand-social a{
        width:36px !important;
        height:36px !important;
        min-width:36px !important;
        border-radius:14px !important;
    }

    body .mobile-header-action svg,
    body .mobile-brand-social svg{
        width:17px !important;
        height:17px !important;
    }

    body .menu-btn{
        width:42px !important;
        height:42px !important;
        min-width:42px !important;
        border-radius:16px !important;
        font-size:27px !important;
    }

    body .mobile-drawer-panel{
        top:134px !important;
    }

    body .hero{
        padding-top:146px !important;
    }

    body .footer .footer-social a.footer-social-btn{
        width:50px !important;
        height:50px !important;
        min-width:50px !important;
        max-width:50px !important;
        flex-basis:50px !important;
    }
}


/* =============================================
   v32: Mobil header kompakt ve düzgün oranlama
   ============================================= */
@media (max-width: 640px){
    body .site-header{
        height:108px !important;
        min-height:108px !important;
        background:rgba(5,5,5,.96) !important;
    }

    body .site-header .nav-wrapper{
        width:94% !important;
        height:108px !important;
        min-height:108px !important;
        margin:0 auto !important;
        padding:0 !important;
        display:grid !important;
        grid-template-columns:minmax(0,1fr) 76px 42px !important;
        align-items:center !important;
        gap:7px !important;
    }

    body .site-header .brand{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        height:auto !important;
        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;
        gap:9px !important;
        margin:0 !important;
        padding:0 !important;
        overflow:hidden !important;
    }

    body .site-header .brand img,
    body .site-header .brand-mark{
        width:52px !important;
        height:52px !important;
        min-width:52px !important;
        max-width:52px !important;
        flex:0 0 52px !important;
        border-radius:11px !important;
        object-fit:contain !important;
    }

    body .site-header .brand-mark{
        font-size:28px !important;
        border-width:1.4px !important;
    }

    body .site-header .brand-text{
        min-width:0 !important;
        max-width:100% !important;
        flex:1 1 auto !important;
        display:flex !important;
        flex-direction:column !important;
        justify-content:center !important;
        overflow:hidden !important;
        padding:0 !important;
        line-height:1.05 !important;
    }

    body .site-header .brand-main{
        display:block !important;
        max-width:100% !important;
        font-size:14.2px !important;
        line-height:1.05 !important;
        letter-spacing:.025em !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }

    body .site-header .brand-sub{
        display:block !important;
        max-width:100% !important;
        font-size:9.8px !important;
        line-height:1.1 !important;
        letter-spacing:.21em !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }

    body .mobile-action-stack{
        width:76px !important;
        min-width:76px !important;
        max-width:76px !important;
        flex:0 0 76px !important;
        display:flex !important;
        flex-direction:column !important;
        gap:4px !important;
        margin:0 !important;
        padding:0 !important;
        align-self:center !important;
    }

    body .mobile-header-actions,
    body .mobile-brand-social{
        width:76px !important;
        display:grid !important;
        grid-template-columns:repeat(2,36px) !important;
        gap:4px !important;
        margin:0 !important;
        padding:0 !important;
    }

    body .mobile-header-action,
    body .mobile-brand-social a{
        width:36px !important;
        height:36px !important;
        min-width:36px !important;
        max-width:36px !important;
        border-radius:14px !important;
    }

    body .mobile-header-action svg,
    body .mobile-brand-social svg{
        width:17px !important;
        height:17px !important;
    }

    body .menu-btn{
        width:42px !important;
        height:42px !important;
        min-width:42px !important;
        max-width:42px !important;
        border-radius:16px !important;
        margin:0 !important;
        padding:0 !important;
        font-size:27px !important;
        align-self:center !important;
    }

    body .mobile-drawer-panel{
        top:116px !important;
    }

    body .hero{
        padding-top:122px !important;
    }
}

@media (max-width: 390px){
    body .site-header{
        height:102px !important;
        min-height:102px !important;
    }

    body .site-header .nav-wrapper{
        width:94% !important;
        height:102px !important;
        min-height:102px !important;
        grid-template-columns:minmax(0,1fr) 70px 40px !important;
        gap:5px !important;
    }

    body .site-header .brand{
        gap:8px !important;
    }

    body .site-header .brand img,
    body .site-header .brand-mark{
        width:48px !important;
        height:48px !important;
        min-width:48px !important;
        max-width:48px !important;
        flex-basis:48px !important;
        border-radius:10px !important;
    }

    body .site-header .brand-main{
        font-size:13px !important;
        letter-spacing:.018em !important;
    }

    body .site-header .brand-sub{
        font-size:9px !important;
        letter-spacing:.18em !important;
    }

    body .mobile-action-stack{
        width:70px !important;
        min-width:70px !important;
        max-width:70px !important;
        flex-basis:70px !important;
        gap:4px !important;
    }

    body .mobile-header-actions,
    body .mobile-brand-social{
        width:70px !important;
        grid-template-columns:repeat(2,33px) !important;
        gap:4px !important;
    }

    body .mobile-header-action,
    body .mobile-brand-social a{
        width:33px !important;
        height:33px !important;
        min-width:33px !important;
        max-width:33px !important;
        border-radius:13px !important;
    }

    body .mobile-header-action svg,
    body .mobile-brand-social svg{
        width:16px !important;
        height:16px !important;
    }

    body .menu-btn{
        width:40px !important;
        height:40px !important;
        min-width:40px !important;
        max-width:40px !important;
        border-radius:15px !important;
        font-size:25px !important;
    }

    body .mobile-drawer-panel{
        top:110px !important;
    }

    body .hero{
        padding-top:116px !important;
    }
}


/* =============================================
   v33: Mobil Hakkımızda bölüm kayma düzeltmesi
   - Hakkımızda anchor'ı fixed header altında kalmaz.
   - Mobilde Hakkımızda bölümü tek ekran yüksekliğinde ve düzgün ortalı görünür.
   - Hakkımızda içindeki Bize Ulaşın butonu index.php'den kaldırıldı.
   ============================================= */
html{
    scroll-padding-top:110px !important;
}

#about{
    scroll-margin-top:110px !important;
}

@media(max-width:640px){
    html{
        scroll-padding-top:118px !important;
    }

    #about{
        min-height:100svh !important;
        scroll-margin-top:118px !important;
        display:flex !important;
        align-items:center !important;
        padding:126px 0 48px !important;
        overflow:visible !important;
    }

    #about .about-grid{
        width:92% !important;
        max-width:92% !important;
        margin:0 auto !important;
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:0 !important;
        align-items:center !important;
    }

    #about .about-card{
        display:none !important;
    }

    #about .about-text{
        width:100% !important;
        max-width:100% !important;
        padding:0 !important;
        margin:0 !important;
    }

    #about .section-kicker{
        display:inline-flex !important;
        margin-bottom:10px !important;
        font-size:11px !important;
        letter-spacing:.16em !important;
    }

    #about .section-title{
        font-size:clamp(28px,8vw,38px) !important;
        line-height:1.08 !important;
        margin:0 0 18px !important;
        max-width:100% !important;
    }

    #about .about-text p{
        font-size:17px !important;
        line-height:1.72 !important;
        margin:0 0 22px !important;
        color:#cfc4b4 !important;
    }

    #about .feature-list{
        width:100% !important;
        margin:22px 0 0 !important;
        display:grid !important;
        gap:12px !important;
    }

    #about .feature-list li{
        width:100% !important;
        min-height:56px !important;
        display:flex !important;
        align-items:center !important;
        padding:14px 16px !important;
        border-radius:18px !important;
        font-size:15px !important;
        line-height:1.35 !important;
        background:rgba(255,255,255,.045) !important;
        border:1px solid rgba(255,255,255,.10) !important;
    }

    #about .feature-list li::before{
        flex:0 0 auto !important;
        margin-right:12px !important;
    }
}

@media(max-width:390px){
    html{
        scroll-padding-top:112px !important;
    }

    #about{
        scroll-margin-top:112px !important;
        padding:116px 0 40px !important;
    }

    #about .section-title{
        font-size:clamp(25px,7.4vw,34px) !important;
    }

    #about .about-text p{
        font-size:15.5px !important;
        line-height:1.65 !important;
    }

    #about .feature-list{
        gap:10px !important;
    }

    #about .feature-list li{
        min-height:52px !important;
        padding:12px 14px !important;
        border-radius:16px !important;
        font-size:14px !important;
    }
}


/* =============================================
   v34: Hakkımızda madde hizalama + istatistik sayı büyütme
   ============================================= */

/* Hakkımızda madde kutuları soldan kaymasın */
.feature-list{
    padding-left:0 !important;
    padding-right:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    list-style:none !important;
}

.feature-list li{
    list-style:none !important;
    box-sizing:border-box !important;
}

.feature-list li::marker{
    display:none !important;
    content:"" !important;
}

@media(max-width:640px){
    #about .feature-list{
        width:100% !important;
        max-width:100% !important;
        padding:0 !important;
        margin:20px 0 0 0 !important;
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:12px !important;
    }

    #about .feature-list li{
        width:100% !important;
        max-width:100% !important;
        margin:0 !important;
        padding:14px 16px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;
        gap:0 !important;
        text-align:left !important;
    }

    #about .feature-list li::before{
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:24px !important;
        min-width:24px !important;
        margin:0 12px 0 0 !important;
    }
}

/* İstatistik sayıları PC'de daha büyük */
body .stats-section .stat-box strong{
    font-size:58px !important;
    line-height:.9 !important;
    letter-spacing:-.04em !important;
    margin-bottom:18px !important;
}

body .stats-section .stat-box strong span{
    font-size:inherit !important;
    line-height:inherit !important;
    letter-spacing:inherit !important;
}

body .stats-section .stat-box{
    min-height:182px !important;
    padding:38px 34px !important;
}

body .stats-section .stat-box > span{
    font-size:16px !important;
    line-height:1.35 !important;
}

/* Tablet */
@media(max-width:980px){
    body .stats-section .stat-box strong{
        font-size:42px !important;
        margin-bottom:12px !important;
    }

    body .stats-section .stat-box{
        min-height:138px !important;
        padding:24px 18px !important;
    }

    body .stats-section .stat-box > span{
        font-size:12px !important;
    }
}

/* Mobilde istatistik sayıları okunur büyüklükte */
@media(max-width:640px){
    body .stats-section{
        padding:24px 0 24px !important;
    }

    body .stats-section .hero-stats{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:8px !important;
    }

    body .stats-section .stat-box{
        min-height:118px !important;
        padding:14px 8px !important;
        border-radius:18px !important;
    }

    body .stats-section .stat-box strong{
        font-size:34px !important;
        line-height:.92 !important;
        margin-bottom:10px !important;
    }

    body .stats-section .stat-box strong span{
        font-size:inherit !important;
    }

    body .stats-section .stat-box > span{
        font-size:9.8px !important;
        line-height:1.22 !important;
        letter-spacing:.035em !important;
    }
}

@media(max-width:390px){
    body .stats-section .stat-box{
        min-height:108px !important;
        padding:12px 7px !important;
    }

    body .stats-section .stat-box strong{
        font-size:30px !important;
        margin-bottom:8px !important;
    }

    body .stats-section .stat-box > span{
        font-size:8.8px !important;
    }
}


/* =============================================
   v35: Tüm istatistiklere efekt + PC istatistik boyutu azaltma
   ============================================= */

/* PC'de v34'te fazla büyüyen istatistikler biraz küçültüldü */
@media(min-width:981px){
    body .stats-section{
        padding:58px 0 36px !important;
    }

    body .stats-section .hero-stats{
        gap:18px !important;
        max-width:1080px !important;
    }

    body .stats-section .stat-box{
        min-height:148px !important;
        padding:28px 26px !important;
        border-radius:26px !important;
    }

    body .stats-section .stat-box strong{
        font-size:44px !important;
        line-height:.95 !important;
        margin-bottom:12px !important;
        letter-spacing:-.025em !important;
    }

    body .stats-section .stat-box strong span{
        font-size:inherit !important;
        line-height:inherit !important;
        letter-spacing:inherit !important;
    }

    body .stats-section .stat-box > span{
        font-size:14px !important;
        line-height:1.35 !important;
    }
}

/* Tüm istatistik kartlarına aynı premium hareket efekti */
.stats-section .stat-box{
    position:relative !important;
    overflow:hidden !important;
    isolation:isolate !important;
    transition:transform .28s ease, border-color .28s ease, box-shadow .28s ease, background .28s ease !important;
}

.stats-section .stat-box::before{
    content:"" !important;
    position:absolute !important;
    inset:-45% -65% !important;
    z-index:-1 !important;
    background:linear-gradient(115deg, transparent 35%, rgba(236,211,154,.20) 48%, transparent 62%) !important;
    transform:translateX(-85%) rotate(8deg) !important;
    opacity:0 !important;
    pointer-events:none !important;
}

.stats-section .stat-box::after{
    content:"" !important;
    position:absolute !important;
    right:16px !important;
    top:14px !important;
    width:54px !important;
    height:54px !important;
    border-radius:50% !important;
    background:radial-gradient(circle, rgba(236,211,154,.16), transparent 68%) !important;
    opacity:.75 !important;
    pointer-events:none !important;
}

.stats-section .stat-box.stat-animated{
    animation:statCardPop .72s ease both !important;
    border-color:rgba(236,211,154,.34) !important;
    box-shadow:0 18px 44px rgba(0,0,0,.28), 0 0 0 1px rgba(236,211,154,.08) inset !important;
}

.stats-section .stat-box.stat-animated::before{
    animation:statShine 1.15s ease .12s both !important;
}

.stats-section .stat-box:hover{
    transform:translateY(-4px) !important;
    border-color:rgba(236,211,154,.38) !important;
    box-shadow:0 22px 48px rgba(0,0,0,.34), 0 0 0 1px rgba(236,211,154,.08) inset !important;
}

.stats-section .stat-box strong{
    text-shadow:0 0 22px rgba(236,211,154,.18) !important;
}

@keyframes statCardPop{
    0%{transform:translateY(14px) scale(.965);opacity:.62}
    60%{transform:translateY(-3px) scale(1.012);opacity:1}
    100%{transform:translateY(0) scale(1);opacity:1}
}

@keyframes statShine{
    0%{transform:translateX(-85%) rotate(8deg);opacity:0}
    18%{opacity:1}
    100%{transform:translateX(85%) rotate(8deg);opacity:0}
}

/* Mobilde sayı efektleri belirgin ama kartlar taşmasın */
@media(max-width:640px){
    body .stats-section .stat-box strong{
        font-size:32px !important;
        margin-bottom:8px !important;
    }

    body .stats-section .stat-box{
        min-height:112px !important;
        padding:13px 8px !important;
    }

    .stats-section .stat-box::after{
        width:38px !important;
        height:38px !important;
        right:8px !important;
        top:8px !important;
    }
}

@media(max-width:390px){
    body .stats-section .stat-box strong{
        font-size:28px !important;
    }

    body .stats-section .stat-box{
        min-height:104px !important;
    }
}


/* =============================================
   v37: Hakkımızda -> Hizmetlerimiz -> Projelerimiz sıralaması
   Hizmet kategorileri görselli ve detay açıklamalı kart tasarımı
   ============================================= */
.services-section{background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(197,155,85,.025));}
.service-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
.service-category-card{background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.11);border-radius:30px;overflow:hidden;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;}
.service-category-card:hover{transform:translateY(-6px);border-color:rgba(236,211,154,.40);box-shadow:0 24px 55px rgba(0,0,0,.32);}
.service-category-image{height:245px;position:relative;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#2b241a,#111);}
.service-category-image img{width:100%;height:100%;object-fit:cover;transition:transform .38s ease;}
.service-category-card:hover .service-category-image img{transform:scale(1.06);}
.service-category-image span{font-family:Georgia,serif;font-size:72px;color:rgba(236,211,154,.34);}
.service-category-content{padding:26px;}
.service-category-no{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:34px;padding:0 12px;border-radius:999px;color:var(--gold-soft);background:rgba(197,155,85,.12);border:1px solid rgba(197,155,85,.26);font-weight:900;font-size:13px;margin-bottom:14px;}
.service-category-content h3{margin:0 0 10px;font-size:25px;line-height:1.18;}
.service-category-content p{margin:0;color:var(--muted);font-size:16px;}
.service-category-detail{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.09);color:#d8cebf;font-size:14.5px;line-height:1.65;}
@media(max-width:980px){.service-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.service-category-image{height:220px}}
@media(max-width:640px){.service-category-grid{grid-template-columns:1fr;gap:16px}.service-category-image{height:210px}.service-category-content{padding:22px}.service-category-content h3{font-size:22px}.service-category-content p{font-size:15px}}


/* =============================================
   v39: Hizmetler sayfası, ilk 6 hizmet ve numara kaldırma
   ============================================= */
.service-category-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:22px !important;
}

.service-category-card{
    min-width:0 !important;
    overflow:hidden !important;
}

.service-category-image{
    position:relative !important;
    height:260px !important;
    overflow:hidden !important;
    background:linear-gradient(145deg,rgba(197,155,85,.13),rgba(255,255,255,.035)) !important;
}

.service-category-image img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center !important;
    display:block !important;
}

.service-category-image span,
.service-category-no{
    display:none !important;
}

.service-category-placeholder{
    width:100% !important;
    height:100% !important;
    background:
        radial-gradient(circle at 35% 25%,rgba(236,211,154,.16),transparent 34%),
        linear-gradient(145deg,rgba(197,155,85,.10),rgba(255,255,255,.03)) !important;
}

.service-category-content h3{
    margin-top:0 !important;
}

.service-category-detail{
    margin-top:14px !important;
    color:#cfc4b4 !important;
    font-size:15px !important;
    line-height:1.65 !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
    padding-top:14px !important;
}

.service-more-actions{
    display:flex !important;
    justify-content:center !important;
    margin-top:34px !important;
}

.service-more-actions .btn{
    min-width:190px !important;
}

.all-services-page{
    padding-top:150px !important;
}

.service-category-grid-all{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

@media(max-width:980px){
    .service-category-grid,
    .service-category-grid-all{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

@media(max-width:640px){
    .service-category-grid,
    .service-category-grid-all{
        grid-template-columns:1fr !important;
        gap:18px !important;
    }

    .service-category-image{
        height:220px !important;
    }

    .all-services-page{
        padding-top:130px !important;
    }

    .all-services-page .section-head{
        display:block !important;
    }

    .all-services-page .section-head .btn{
        margin-top:18px !important;
    }
}


/* =============================================
   v40: Mobil Hakkımızda görseli görünür yapıldı
   Önceki mobil düzenlemede about-card gizlenmişti; tekrar şık şekilde gösterildi.
   ============================================= */
@media(max-width:640px){
    #about{
        min-height:auto !important;
        padding:116px 0 56px !important;
        align-items:flex-start !important;
    }

    #about .about-grid{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:24px !important;
        width:92% !important;
        max-width:92% !important;
        margin:0 auto !important;
    }

    #about .about-card{
        display:block !important;
        width:100% !important;
        height:250px !important;
        min-height:250px !important;
        margin:0 !important;
        padding:0 !important;
        overflow:hidden !important;
        border-radius:26px !important;
        border:1px solid rgba(255,255,255,.12) !important;
        background:linear-gradient(145deg,rgba(197,155,85,.12),rgba(255,255,255,.04)) !important;
        box-shadow:0 22px 60px rgba(0,0,0,.34) !important;
    }

    #about .about-card img{
        display:block !important;
        width:100% !important;
        height:100% !important;
        object-fit:cover !important;
        object-position:center !important;
    }

    #about .about-text{
        width:100% !important;
        max-width:100% !important;
        padding:0 !important;
        margin:0 !important;
    }
}

@media(max-width:390px){
    #about{
        padding:108px 0 46px !important;
    }

    #about .about-grid{
        gap:20px !important;
    }

    #about .about-card{
        height:220px !important;
        min-height:220px !important;
        border-radius:22px !important;
    }
}


/* =============================================
   v41: Footer iletişim, yorum slider, projeler devamını gör
   ============================================= */

/* Footer telefon butonları yerine isimli iletişim listesi */
.footer-phone-list{
    display:grid !important;
    gap:10px !important;
    margin:14px 0 16px !important;
}

.footer-phone-list a{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    padding:12px 14px !important;
    border-radius:16px !important;
    background:rgba(255,255,255,.045) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    color:#f7f1e6 !important;
    margin:0 !important;
}

.footer-phone-list strong{
    font-size:14px !important;
    color:#fff !important;
    white-space:nowrap !important;
}

.footer-phone-list span{
    font-size:14px !important;
    color:var(--gold-soft) !important;
    white-space:nowrap !important;
    min-width:170px !important;
    text-align:right !important;
    letter-spacing:1px !important;
}

/* Anasayfa proje devamını gör */
.projects-more-actions{
    display:flex !important;
    justify-content:center !important;
    margin-top:34px !important;
}

.projects-more-actions .btn{
    min-width:190px !important;
}

.all-projects-page{
    padding-top:150px !important;
}

.all-projects-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

/* Yorumlar soldan sağa kayan premium slider */
#testimonials{
    overflow:hidden !important;
}

.testimonials-marquee{
    position:relative !important;
    overflow:hidden !important;
    width:100% !important;
    padding:4px 0 8px !important;
    mask-image:linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%) !important;
    -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%) !important;
}

.testimonials-track{
    display:flex !important;
    gap:18px !important;
    width:max-content !important;
    animation:testimonialsSlideRight 34s linear infinite !important;
    will-change:transform !important;
}

.testimonials-marquee:hover .testimonials-track{
    animation-play-state:paused !important;
}

.testimonials-track .testimonial-card{
    width:360px !important;
    min-width:360px !important;
    flex:0 0 360px !important;
}

@keyframes testimonialsSlideRight{
    0%{transform:translateX(-50%)}
    100%{transform:translateX(0)}
}

@media(max-width:980px){
    .all-projects-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

@media(max-width:640px){
    .footer-phone-list a{
        display:grid !important;
        gap:4px !important;
        justify-content:flex-start !important;
    }

    .footer-phone-list strong,
    .footer-phone-list span{
        font-size:14px !important;
    }

    .all-projects-page{
        padding-top:130px !important;
    }

    .all-projects-page .section-head{
        display:block !important;
    }

    .all-projects-page .section-head .btn{
        margin-top:18px !important;
    }

    .all-projects-grid{
        grid-template-columns:1fr !important;
    }

    .testimonials-track{
        gap:14px !important;
        animation-duration:28s !important;
    }

    .testimonials-track .testimonial-card{
        width:300px !important;
        min-width:300px !important;
        flex-basis:300px !important;
    }
}


/* =============================================
   v44: Hakkımızda anchor hizalama düzeltmesi
   Header sabit olduğu için #about tıklanınca bölüm düzgün hizalansın.
   ============================================= */
html{
    scroll-behavior:smooth !important;
    scroll-padding-top:112px !important;
}

#about,
#services,
#projects,
#testimonials,
#contact{
    scroll-margin-top:112px !important;
}

@media(max-width:640px){
    html{
        scroll-padding-top:116px !important;
    }

    #about,
    #services,
    #projects,
    #testimonials,
    #contact{
        scroll-margin-top:116px !important;
    }
}

@media(max-width:390px){
    html{
        scroll-padding-top:108px !important;
    }

    #about,
    #services,
    #projects,
    #testimonials,
    #contact{
        scroll-margin-top:108px !important;
    }
}


/* =============================================
   v45: Hakkımızda linki tam bölümü kapsayacak şekilde hizalandı
   Önceki scroll-margin fazla olduğu için tıklayınca istatistik kısmı ekranda kalıyordu.
   ============================================= */

/* Masaüstünde Hakkımızda tıklanınca önceki istatistik alanı görünmesin */
@media(min-width:981px){
    html{
        scroll-padding-top:0 !important;
    }

    #about{
        scroll-margin-top:0 !important;
        padding-top:96px !important;
    }

    #about .about-grid{
        align-items:center !important;
    }
}

/* Diğer bölümlerde header altında ezilme olmasın */
#services,
#projects,
#testimonials,
#contact{
    scroll-margin-top:104px !important;
}

/* Mobilde mevcut düzen korunur, sadece biraz daha düzgün başlangıç yapılır */
@media(max-width:640px){
    #about{
        scroll-margin-top:0 !important;
    }
}


/* =============================================
   v46: Hizmet kategori detay sayfası + galeri + mobil header büyütme
   ============================================= */

.service-category-link{
    color:inherit !important;
    text-decoration:none !important;
    display:block !important;
    cursor:pointer !important;
}

.service-category-link:hover{
    transform:translateY(-5px) !important;
    border-color:rgba(236,211,154,.36) !important;
}

.service-detail-page{
    padding-top:150px !important;
}

.service-detail-layout{
    display:grid !important;
    grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr) !important;
    gap:34px !important;
    align-items:start !important;
}

.service-gallery-shell{
    min-width:0 !important;
}

.service-gallery-track{
    display:flex !important;
    gap:18px !important;
    overflow-x:auto !important;
    scroll-snap-type:x mandatory !important;
    scroll-behavior:smooth !important;
    padding:0 0 12px !important;
    -webkit-overflow-scrolling:touch !important;
}

.service-gallery-track::-webkit-scrollbar{
    height:8px !important;
}

.service-gallery-track::-webkit-scrollbar-thumb{
    background:rgba(197,155,85,.55) !important;
    border-radius:999px !important;
}

.service-gallery-slide{
    flex:0 0 100% !important;
    scroll-snap-align:start !important;
    height:620px !important;
    margin:0 !important;
    overflow:hidden !important;
    border-radius:32px !important;
    border:1px solid rgba(255,255,255,.12) !important;
    background:rgba(255,255,255,.04) !important;
}

.service-gallery-slide img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center !important;
    display:block !important;
}

.service-gallery-controls{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:14px !important;
    margin-top:12px !important;
    color:var(--muted) !important;
}

.service-gallery-btn{
    width:48px !important;
    height:48px !important;
    border-radius:999px !important;
    border:1px solid rgba(236,211,154,.28) !important;
    background:rgba(197,155,85,.12) !important;
    color:var(--gold-soft) !important;
    font-size:34px !important;
    line-height:1 !important;
    cursor:pointer !important;
}

.service-gallery-empty{
    border:1px dashed rgba(255,255,255,.14) !important;
    border-radius:24px !important;
    padding:34px !important;
    color:var(--muted) !important;
}

.service-detail-content{
    background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.03)) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    border-radius:28px !important;
    padding:30px !important;
    position:sticky !important;
    top:122px !important;
}

.service-detail-lead{
    font-size:20px !important;
    line-height:1.65 !important;
    color:#eee3d2 !important;
    margin:0 0 20px !important;
}

.service-detail-text{
    color:#cfc4b4 !important;
    font-size:16px !important;
    line-height:1.75 !important;
    margin-bottom:26px !important;
}

/* Mobil header: logo ve yazı biraz büyütüldü, oran bozulmadan kompakt kaldı */
@media(max-width:640px){
    body .site-header{
        height:116px !important;
        min-height:116px !important;
    }

    body .site-header .nav-wrapper{
        height:116px !important;
        min-height:116px !important;
        grid-template-columns:minmax(0,1fr) 78px 43px !important;
        gap:7px !important;
    }

    body .site-header .brand img,
    body .site-header .brand-mark{
        width:58px !important;
        height:58px !important;
        min-width:58px !important;
        max-width:58px !important;
        flex-basis:58px !important;
        border-radius:12px !important;
    }

    body .site-header .brand-main{
        font-size:15.4px !important;
        letter-spacing:.018em !important;
    }

    body .site-header .brand-sub{
        font-size:10.4px !important;
        letter-spacing:.20em !important;
    }

    body .mobile-action-stack{
        width:78px !important;
        min-width:78px !important;
        max-width:78px !important;
        flex-basis:78px !important;
    }

    body .mobile-header-actions,
    body .mobile-brand-social{
        width:78px !important;
        grid-template-columns:repeat(2,37px) !important;
    }

    body .mobile-header-action,
    body .mobile-brand-social a{
        width:37px !important;
        height:37px !important;
        min-width:37px !important;
        max-width:37px !important;
    }

    body .menu-btn{
        width:43px !important;
        height:43px !important;
        min-width:43px !important;
        max-width:43px !important;
    }

    body .hero{
        padding-top:128px !important;
    }

    body .mobile-drawer-panel{
        top:124px !important;
    }
}

@media(max-width:390px){
    body .site-header{
        height:108px !important;
        min-height:108px !important;
    }

    body .site-header .nav-wrapper{
        height:108px !important;
        min-height:108px !important;
        grid-template-columns:minmax(0,1fr) 72px 40px !important;
    }

    body .site-header .brand img,
    body .site-header .brand-mark{
        width:52px !important;
        height:52px !important;
        min-width:52px !important;
        max-width:52px !important;
        flex-basis:52px !important;
    }

    body .site-header .brand-main{
        font-size:13.8px !important;
    }

    body .site-header .brand-sub{
        font-size:9.4px !important;
        letter-spacing:.18em !important;
    }

    body .mobile-action-stack{
        width:72px !important;
        min-width:72px !important;
        max-width:72px !important;
        flex-basis:72px !important;
    }

    body .mobile-header-actions,
    body .mobile-brand-social{
        width:72px !important;
        grid-template-columns:repeat(2,34px) !important;
    }

    body .mobile-header-action,
    body .mobile-brand-social a{
        width:34px !important;
        height:34px !important;
        min-width:34px !important;
        max-width:34px !important;
    }

    body .hero{
        padding-top:120px !important;
    }

    body .mobile-drawer-panel{
        top:116px !important;
    }
}

@media(max-width:980px){
    .service-detail-page{
        padding-top:130px !important;
    }

    .service-detail-layout{
        grid-template-columns:1fr !important;
        gap:22px !important;
    }

    .service-detail-content{
        position:static !important;
    }

    .service-gallery-slide{
        height:520px !important;
        border-radius:26px !important;
    }
}

@media(max-width:640px){
    .service-detail-page{
        padding-top:126px !important;
    }

    .service-gallery-slide{
        height:360px !important;
        border-radius:22px !important;
    }

    .service-detail-content{
        padding:22px !important;
        border-radius:22px !important;
    }

    .service-detail-lead{
        font-size:17px !important;
    }

    .service-gallery-btn{
        width:42px !important;
        height:42px !important;
        font-size:30px !important;
    }
}


/* =============================================
   v47: Hizmet kartlarında sağ/sol görsel geçişi
   ============================================= */
.service-category-image{
    position:relative !important;
}

.service-card-slider{
    position:relative !important;
    width:100% !important;
    height:100% !important;
    overflow:hidden !important;
}

.service-card-slider-track{
    width:100% !important;
    height:100% !important;
    display:flex !important;
    overflow-x:auto !important;
    scroll-snap-type:x mandatory !important;
    scroll-behavior:smooth !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:none !important;
}

.service-card-slider-track::-webkit-scrollbar{
    display:none !important;
}

.service-card-slide{
    flex:0 0 100% !important;
    width:100% !important;
    height:100% !important;
    scroll-snap-align:start !important;
}

.service-card-slide img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center !important;
    display:block !important;
}

.service-card-slider-btn{
    position:absolute !important;
    top:50% !important;
    z-index:8 !important;
    width:42px !important;
    height:42px !important;
    border-radius:50% !important;
    border:1px solid rgba(236,211,154,.40) !important;
    background:rgba(0,0,0,.52) !important;
    color:var(--gold-soft) !important;
    font-size:30px !important;
    line-height:1 !important;
    display:grid !important;
    place-items:center !important;
    cursor:pointer !important;
    transform:translateY(-50%) !important;
    backdrop-filter:blur(8px) !important;
    -webkit-backdrop-filter:blur(8px) !important;
    transition:background .2s ease, transform .2s ease !important;
}

.service-card-slider-btn:hover{
    background:rgba(197,155,85,.24) !important;
    transform:translateY(-50%) scale(1.04) !important;
}

.service-card-slider-prev{
    left:14px !important;
}

.service-card-slider-next{
    right:14px !important;
}

.service-category-link{
    position:relative !important;
}

/* Mobilde oklar daha kullanılabilir olsun */
@media(max-width:640px){
    .service-card-slider-btn{
        width:38px !important;
        height:38px !important;
        font-size:28px !important;
    }

    .service-card-slider-prev{
        left:10px !important;
    }

    .service-card-slider-next{
        right:10px !important;
    }
}


/* v48: Hizmet detay 500 önleme sonrası görsel alanı düzeltmeleri */
.service-category-image img{
    background:linear-gradient(145deg,rgba(197,155,85,.10),rgba(255,255,255,.03)) !important;
}

.service-detail-page{
    min-height:80vh !important;
}