:root{
    --bg:#0a0a0a;
    --dark:#111;
    --panel:rgba(18,18,18,.92);
    --text:#f5f5f5;
    --muted:#b0b0b0;
    --gold:#c8972e;
    --gold-light:#e8b84a;
    --gold-dark:#8a5d12;
    --line:rgba(255,255,255,.1);
    --line-light:rgba(0,0,0,.1);
    --radius:16px;
    --max-w:1200px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Poppins",sans-serif;color:var(--text);background:var(--bg);overflow-x:hidden}
body.menu-open{overflow:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 24px}

/* ── THREE.JS + GLOW ── */
#three-bg{position:fixed;inset:0;z-index:-3;opacity:.2;pointer-events:none}
.cursor-glow{position:fixed;width:280px;height:280px;border-radius:50%;pointer-events:none;z-index:50;background:radial-gradient(circle,rgba(200,151,46,.12),transparent 60%);transform:translate(-50%,-50%);mix-blend-mode:screen}

/* ── HEADER ── */
.site-header{
    position:fixed;top:0;left:0;z-index:100;width:100%;
    display:flex;align-items:center;justify-content:space-between;
    height:72px;
    padding:0 max(20px,calc((100vw - var(--max-w))/2));
    background:linear-gradient(90deg,#7a5210 0%,#b07a1a 50%,#7a5210 100%);
    box-shadow:0 4px 30px rgba(0,0,0,.45);
    transition:height .3s,box-shadow .3s;
}
.brand{display:flex;align-items:center;gap:8px;color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;transition:.2s}
.brand:hover{opacity:.85}
.brand-text{font-size:1.1rem;line-height:1.15;white-space:nowrap;letter-spacing:.06em}
.brand-text strong{color:#fff;font-weight:900;font-size:1.25rem}

/* Sahibinden button */
.sahibinden-btn{
    display:flex;align-items:center;gap:10px;
    padding:10px 20px;border-radius:10px;
    background:#ffcb05;color:#333;font-weight:800;font-size:.82rem;
    text-decoration:none;transition:.3s;flex-shrink:0;letter-spacing:.02em;
    box-shadow:0 3px 14px rgba(0,0,0,.2);
}
.sahibinden-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.3);background:#ffe24d}
.shb-favicon{width:22px;height:22px;border-radius:4px}
.shb-logo{width:130px;height:24px}

.main-nav{display:flex;align-items:stretch;align-self:stretch;gap:0;flex:1;justify-content:center}
.main-nav a{display:flex;align-items:center;padding:0 14px;color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.06em;transition:.2s}
.main-nav a:hover,.main-nav a.active{background:rgba(0,0,0,.18);box-shadow:inset 0 -3px 0 var(--gold-light)}

.menu-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:38px;height:38px;border:1px solid rgba(255,255,255,.25);border-radius:8px;background:0 0;cursor:pointer;padding:8px}
.menu-toggle span{display:block;width:100%;height:2px;background:#fff;border-radius:2px;transition:.25s}

/* ══════════════════════════════════════
   HERO – LIGHT BG (Altın Emlak tarzı)
   ══════════════════════════════════════ */
.hero-light{
    position:relative;
    min-height:100vh;
    padding-top:72px;
    background:#f4f0ea;
    color:#222;
    display:flex;align-items:center;
    overflow:hidden;
}
/* Altın üst banner şeridi */
.hero-light::before{
    content:"";position:absolute;top:0;left:0;right:0;height:45%;z-index:0;
    background:linear-gradient(135deg,#b8860b 0%,#c8972e 35%,#d4a43a 60%,#b8860b 100%);
}
/* Alt bej geçiş */
.hero-light::after{
    content:"";position:absolute;top:44%;left:0;right:0;height:12%;z-index:0;
    background:linear-gradient(180deg,#c8972e,#f4f0ea);pointer-events:none;
}
.hero-light-inner{
    display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;
    padding:80px 0 60px;position:relative;z-index:2;
}
/* Hero watermark logo */
.hero-watermark{
    position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);
    width:clamp(400px,50vw,700px);height:auto;
    opacity:.15;pointer-events:none;z-index:0;
    filter:brightness(0) invert(1);
}
.hero-left h1{
    position:relative;z-index:1;
    font-size:clamp(2.2rem,5vw,3.6rem);font-weight:900;line-height:1.1;
    letter-spacing:-.04em;margin-bottom:20px;color:#fff;
    text-shadow:0 2px 12px rgba(0,0,0,.15);
}
.hero-light .hero-text{
    max-width:520px;font-size:1rem;line-height:1.75;color:rgba(255,255,255,.85);margin-bottom:28px;
}

/* ── GOLD BUTTON ── */
.btn-gold{
    display:inline-flex;align-items:center;justify-content:center;
    height:48px;padding:0 30px;border:0;border-radius:30px;
    color:#1a1a1a;font-weight:700;font-size:.88rem;
    background:#fff;
    box-shadow:0 4px 24px rgba(0,0,0,.15);cursor:pointer;transition:.28s;font-family:inherit;
}
.btn-gold:hover{transform:translateY(-3px);box-shadow:0 6px 36px rgba(0,0,0,.25);background:#f8f6f0}
.btn-gold-full{
    width:100%;justify-content:center;border-radius:var(--radius);height:50px;font-size:.95rem;letter-spacing:.04em;
    background:linear-gradient(135deg,var(--gold),var(--gold-dark)) !important;
    color:#fff !important;box-shadow:0 4px 24px rgba(200,151,46,.35) !important;
}
.btn-gold-full:hover{background:linear-gradient(135deg,var(--gold-light),var(--gold)) !important;box-shadow:0 6px 36px rgba(200,151,46,.5) !important}

/* ── HERO STATS (SVG icon + number + bg box) ── */
.hero-stats{display:flex;gap:32px;margin-top:44px}
.stat-item{
    text-align:center;padding:18px 20px;min-width:120px;
    border:1px solid rgba(0,0,0,.08);border-radius:14px;
    background:rgba(255,255,255,.55);backdrop-filter:blur(6px);
    box-shadow:0 4px 20px rgba(0,0,0,.06);
    transition:.3s;
}
.stat-item:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(200,151,46,.15);border-color:var(--gold)}
.stat-svg{width:36px;height:36px;margin:0 auto 6px;display:block}
.stat-item .counter-num{display:inline;font-size:2.2rem;font-weight:900;color:#1a1a1a;letter-spacing:-.03em}
.stat-item sup{font-size:1rem;color:var(--gold);font-weight:700}
.stat-item small{display:block;margin-top:4px;font-size:.76rem;color:#777;font-weight:600}

/* ── HERO RIGHT – GOLD CARD ── */
.hero-right{display:flex;justify-content:center}
.hero-gold-card{
    width:340px;padding:32px 28px;border-radius:20px;
    background:linear-gradient(145deg,#d4a43a,#b07a1a);
    color:#fff;box-shadow:0 20px 60px rgba(0,0,0,.25);
    position:relative;overflow:hidden;
}
.hero-gold-card::after{
    content:"";position:absolute;top:-40px;right:-40px;width:180px;height:180px;
    border-radius:50%;background:rgba(255,255,255,.08);pointer-events:none;
}
.gold-card-top{font-size:.82rem;font-weight:800;letter-spacing:.06em;margin-bottom:18px;opacity:.85}
.gold-card-top strong{font-size:1rem}
.hero-gold-card h3{font-size:1.2rem;font-weight:800;line-height:1.25;margin-bottom:14px;letter-spacing:.01em}
.hero-gold-card p{font-size:.86rem;line-height:1.6;opacity:.88;margin-bottom:20px}
.gold-card-footer{display:flex;flex-direction:column;gap:6px;font-size:.78rem;opacity:.8}
.gold-card-footer span{display:flex;align-items:center;gap:6px}
.gc-ico{width:16px;height:16px;flex-shrink:0}

/* ── OTHER BUTTONS ── */
.btn-primary{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 28px;border:0;border-radius:var(--radius);color:#fff;font-weight:700;font-size:.88rem;background:linear-gradient(135deg,var(--gold),var(--gold-dark));box-shadow:0 0 28px rgba(200,151,46,.3);cursor:pointer;transition:.28s;font-family:inherit}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 0 44px rgba(200,151,46,.45)}
.btn-light{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 28px;border:2px solid #fff;border-radius:30px;color:#fff;font-weight:700;font-size:.88rem;background:transparent;cursor:pointer;transition:.28s;font-family:inherit}
.btn-light:hover{background:#fff;color:var(--bg)}

/* ── SECTION COMMON ── */
.section-title{font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:800;letter-spacing:-.03em;margin-bottom:12px}
.section-desc{color:var(--muted);font-size:1rem;line-height:1.7;margin-bottom:36px;max-width:640px}

/* ══════════════════════════════════════
   HELP SECTION – Altın Emlak 2-col kartlar
   ══════════════════════════════════════ */
.help-section{padding:90px 0;background:#f4f0ea;color:#222}
.help-section .section-title,.help-section .section-desc{text-align:center;margin-left:auto;margin-right:auto;color:#222}
.help-section .section-desc{color:#666}
.help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:10px}
.help-card{
    display:flex;gap:20px;align-items:flex-start;
    padding:28px 26px;border:1px solid #e8e2d8;border-radius:14px;
    background:#fff;transition:.35s;
    box-shadow:0 4px 20px rgba(0,0,0,.04);
}
.help-card:hover{transform:translateY(-5px);box-shadow:0 14px 44px rgba(0,0,0,.1);border-color:var(--gold)}
.help-icon-wrap{
    flex-shrink:0;width:56px;height:56px;border-radius:12px;
    background:linear-gradient(135deg,#fdf3dc,#f5e6c0);
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 2px 10px rgba(200,151,46,.15);
}
.help-icon-wrap svg{width:32px;height:32px}
.help-card-body h3{font-size:1rem;font-weight:700;margin-bottom:8px;color:#1a1a1a}
.help-card-body p{font-size:.84rem;color:#666;line-height:1.65;margin-bottom:12px}
.card-link{
    display:inline-block;color:var(--gold-dark);font-weight:700;font-size:.82rem;
    letter-spacing:.04em;text-decoration:underline;text-underline-offset:3px;
    transition:.2s;
}
.card-link:hover{color:var(--gold);text-decoration-color:var(--gold)}

/* ══════════════════════════════════════
   PAGE CARDS – SVG ikon + gradient kartlar
   ══════════════════════════════════════ */
.page-cards-section{padding:90px 0;background:var(--bg)}
.page-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.page-card{
    display:flex;flex-direction:column;align-items:flex-start;
    padding:32px 24px;border-radius:18px;overflow:hidden;
    background:linear-gradient(160deg,#1a1a1a 0%,#252118 50%,#1a1510 100%);
    border:1px solid rgba(200,151,46,.12);
    cursor:pointer;transition:.4s;
    text-decoration:none;color:#fff;position:relative;
}
.page-card::before{
    content:"";position:absolute;top:-60px;right:-60px;width:140px;height:140px;
    border-radius:50%;background:rgba(200,151,46,.06);pointer-events:none;
}
.page-card:hover{
    transform:translateY(-8px);
    box-shadow:0 16px 48px rgba(0,0,0,.4),0 0 30px rgba(200,151,46,.1);
    border-color:rgba(200,151,46,.3);
}
.pc-icon{
    width:64px;height:64px;margin-bottom:20px;
    display:flex;align-items:center;justify-content:center;
    background:linear-gradient(135deg,rgba(200,151,46,.12),rgba(200,151,46,.04));
    border-radius:16px;border:1px solid rgba(200,151,46,.15);
}
.pc-icon svg{width:40px;height:40px}
.page-card h3{font-size:1.15rem;font-weight:800;margin-bottom:8px;color:#fff}
.page-card p{font-size:.84rem;color:rgba(255,255,255,.6);line-height:1.55;margin-bottom:16px;flex:1}
.page-card-arrow{
    display:inline-flex;align-items:center;justify-content:center;
    width:38px;height:38px;border-radius:50%;
    background:var(--gold);color:#fff;
    transition:.3s;
}
.page-card-arrow svg{width:20px;height:20px}
.page-card:hover .page-card-arrow{background:#fff;color:var(--gold-dark);transform:translateX(4px)}

/* ── ABOUT ── */
.about-section{padding:90px 0}
.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:32px;align-items:stretch}
.about-visual{display:flex;flex-direction:column;justify-content:center;padding:48px;border-radius:var(--radius);background:linear-gradient(135deg,rgba(138,93,18,.8),rgba(10,10,10,.9));border:1px solid var(--line)}
.about-visual span{font-size:clamp(2.5rem,5vw,4.6rem);font-weight:900;line-height:.85;color:var(--gold-light);letter-spacing:-.06em}
.about-visual strong{font-size:clamp(2.5rem,5vw,4.6rem);font-weight:900;line-height:.85;letter-spacing:-.06em;color:#fff}
.about-visual p{margin-top:16px;color:var(--muted);font-size:.95rem}
.about-copy{display:flex;flex-direction:column;justify-content:center}
.about-copy p{color:var(--muted);line-height:1.75;margin-bottom:24px}
.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px}
.about-stats div{padding:16px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.04)}
.about-stats strong{display:block;font-size:1rem;margin-bottom:4px}
.about-stats span{font-size:.82rem;color:var(--muted)}

/* ══════════════════════════════════════
   SERVICES – Fotoğraflı Kartlar (Altın Emlak)
   ══════════════════════════════════════ */
.services-section{padding:90px 0;background:#f4f0ea;color:#222}
.services-section .section-title,.services-section .section-desc{text-align:center;margin-left:auto;margin-right:auto;color:#222}
.services-section .section-desc{color:#666}
.svc-cat-title{text-transform:uppercase;letter-spacing:.06em}

/* SVG icon service cards */
.svc-icon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.svc-icon-card{
    display:flex;flex-direction:column;align-items:center;text-align:center;
    padding:36px 20px 28px;border-radius:18px;
    background:#fff;border:1px solid rgba(0,0,0,.06);
    text-decoration:none;color:#222;cursor:pointer;
    transition:.4s;box-shadow:0 4px 20px rgba(0,0,0,.04);
}
.svc-icon-card:hover{
    transform:translateY(-8px);
    box-shadow:0 14px 44px rgba(0,0,0,.1);
    border-color:rgba(200,151,46,.25);
}
.svc-ico{
    width:72px;height:72px;margin-bottom:18px;
    display:flex;align-items:center;justify-content:center;
    background:linear-gradient(135deg,rgba(200,151,46,.1),rgba(200,151,46,.03));
    border-radius:18px;border:1px solid rgba(200,151,46,.12);
    transition:.3s;
}
.svc-icon-card:hover .svc-ico{
    background:linear-gradient(135deg,rgba(200,151,46,.18),rgba(200,151,46,.08));
    border-color:rgba(200,151,46,.3);
    transform:scale(1.08);
}
.svc-ico svg{width:42px;height:42px}
.svc-icon-card h3{
    font-size:.95rem;font-weight:700;line-height:1.35;color:#1a1a1a;
}

/* ══════════════════════════════════════
   CTA BANNER – city silhouette style
   ══════════════════════════════════════ */
.cta-banner{
    position:relative;padding:100px 0 80px;text-align:center;overflow:hidden;
    background:
        linear-gradient(180deg,rgba(10,10,10,.55),rgba(10,10,10,.7)),
        url('') center/cover no-repeat;
    background-image:
        linear-gradient(180deg,rgba(10,10,10,.5),rgba(10,10,10,.7)),
        url('../foto/66ea28cc-726a-44d0-8203-88eb8b24ef7e.jpg');
    background-size:cover;background-position:center;
}
.cta-skyline{
    position:absolute;top:0;left:0;right:0;height:80px;
    background:
        linear-gradient(180deg,#d4a43a 0%,rgba(212,164,58,.15) 60%,transparent 100%);
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 80'%3E%3Cpath d='M0,80 L0,50 L60,50 L60,30 L80,30 L80,20 L100,20 L100,40 L140,40 L140,10 L160,10 L160,0 L180,0 L180,10 L200,10 L200,50 L260,50 L260,35 L280,35 L280,15 L320,15 L320,35 L360,35 L360,50 L440,50 L440,25 L460,25 L460,5 L480,5 L480,25 L520,25 L520,45 L600,45 L600,30 L620,30 L620,10 L660,10 L660,30 L700,30 L700,50 L780,50 L780,20 L800,20 L800,0 L820,0 L820,20 L860,20 L860,45 L940,45 L940,30 L960,30 L960,15 L1000,15 L1000,35 L1040,35 L1040,50 L1120,50 L1120,40 L1160,40 L1160,55 L1200,55 L1200,80 Z' fill='white'/%3E%3C/svg%3E");
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 80'%3E%3Cpath d='M0,80 L0,50 L60,50 L60,30 L80,30 L80,20 L100,20 L100,40 L140,40 L140,10 L160,10 L160,0 L180,0 L180,10 L200,10 L200,50 L260,50 L260,35 L280,35 L280,15 L320,15 L320,35 L360,35 L360,50 L440,50 L440,25 L460,25 L460,5 L480,5 L480,25 L520,25 L520,45 L600,45 L600,30 L620,30 L620,10 L660,10 L660,30 L700,30 L700,50 L780,50 L780,20 L800,20 L800,0 L820,0 L820,20 L860,20 L860,45 L940,45 L940,30 L960,30 L960,15 L1000,15 L1000,35 L1040,35 L1040,50 L1120,50 L1120,40 L1160,40 L1160,55 L1200,55 L1200,80 Z' fill='white'/%3E%3C/svg%3E");
    mask-size:100% 100%;-webkit-mask-size:100% 100%;
    opacity:.5;
}
.cta-inner h2{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;margin-bottom:14px;color:#fff}
.cta-inner p{color:rgba(255,255,255,.8);max-width:600px;margin:0 auto 28px;line-height:1.7}

/* ══════════════════════════════════════
   TESTIMONIALS – Altın Emlak Deneyimleri
   ══════════════════════════════════════ */
.testimonials-section{padding:90px 0;background:#f4f0ea;color:#222}
.testimonials-section .section-title,.testimonials-section .section-desc{text-align:center;margin-left:auto;margin-right:auto;color:#222}
.testimonials-section .section-desc{color:#666}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.testimonial-card{
    background:#fff;border:1px solid #e8e2d8;border-radius:20px;
    padding:36px 26px;text-align:center;transition:.3s;
    box-shadow:0 8px 32px rgba(0,0,0,.06);
}
.testimonial-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px rgba(0,0,0,.1);border-color:var(--gold)}
.t-avatar{
    display:inline-flex;align-items:center;justify-content:center;
    width:72px;height:72px;border-radius:50%;
    background:linear-gradient(135deg,#e8e2d8,#d4d0c8);
    color:#666;font-weight:800;font-size:1.1rem;margin-bottom:18px;
}
.t-text{font-size:.9rem;color:#555;line-height:1.7;margin-bottom:16px}
.t-stars{color:var(--gold-light);font-size:1.1rem;margin-bottom:12px;letter-spacing:2px}
.testimonial-card strong{display:block;font-size:1rem;color:#222;margin-bottom:2px}
.testimonial-card small{font-size:.82rem;color:#888}

/* ── OFFICE ── */
.office-section{padding:90px 0}
.office-card{display:flex;gap:24px;align-items:flex-start;padding:32px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);margin-top:28px}
.office-icon{flex-shrink:0;width:48px;height:48px}
.office-icon svg{width:100%;height:100%}
.office-card h3{font-size:1.2rem;font-weight:700;margin-bottom:8px}
.office-card p{color:var(--muted);line-height:1.7;margin-bottom:10px;font-size:.92rem}

/* ── GALLERY ── */
.gallery-section{padding:90px 0;background:var(--dark)}
.gallery-section .section-title,.gallery-section .section-desc{text-align:center;margin-left:auto;margin-right:auto}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.gallery-item{overflow:hidden;border-radius:var(--radius);border:1px solid var(--line);cursor:pointer;transition:.35s}
.gallery-item img{width:100%;height:220px;object-fit:cover;transition:.4s}
.gallery-item:hover{border-color:var(--gold);box-shadow:0 0 30px rgba(200,151,46,.18)}
.gallery-item:hover img{transform:scale(1.06)}

/* ── LIGHTBOX ── */
.lightbox{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.88);backdrop-filter:blur(6px)}
.lightbox.active{display:flex}
.lightbox img{max-width:90vw;max-height:85vh;border-radius:12px;box-shadow:0 0 60px rgba(0,0,0,.6)}
.lightbox-close{position:absolute;top:24px;right:32px;font-size:2rem;color:#fff;cursor:pointer;background:0 0;border:0;font-family:inherit}

/* ── TEAM ── */
.team-section{padding:90px 0}
.team-section .section-title,.team-section .section-desc{text-align:center;margin-left:auto;margin-right:auto}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.team-card{text-align:center;padding:36px 22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);transition:.3s}
.team-card:hover{transform:translateY(-6px);border-color:var(--gold);box-shadow:0 20px 60px rgba(0,0,0,.4),0 0 30px rgba(200,151,46,.12)}
.team-avatar{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#fff;font-weight:900;font-size:1.4rem;margin-bottom:16px}
.team-card h3{font-size:1.1rem;font-weight:700;margin-bottom:8px}
.team-card p{font-size:.86rem;color:var(--muted);line-height:1.6}

/* ── WHY / FAQ + NEWS ── */
.why-section{padding:90px 0;background:var(--dark)}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.faq-col .section-title,.news-col .section-title{margin-bottom:24px}
.faq-list{display:flex;flex-direction:column;gap:10px}
.faq-item{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}
.faq-item summary{padding:16px 20px;font-weight:700;font-size:.95rem;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;transition:.2s}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font-size:1.3rem;color:var(--gold-light);transition:.2s}
.faq-item[open] summary::after{content:"−"}
.faq-item[open] summary{color:var(--gold-light)}
.faq-item p{padding:0 20px 16px;color:var(--muted);font-size:.9rem;line-height:1.7}

.news-list{display:flex;flex-direction:column;gap:10px}
.news-item{display:flex;gap:16px;align-items:center;padding:16px 20px;border:1px solid var(--line);border-radius:12px;background:var(--panel);transition:.2s}
.news-item:hover{border-color:var(--gold);box-shadow:0 0 20px rgba(200,151,46,.1)}
.news-date{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:52px;height:52px;border-radius:10px;background:rgba(200,151,46,.12);color:var(--gold-light);font-weight:800;font-size:.72rem;line-height:1.3;text-align:center}
.news-item a{font-weight:600;font-size:.92rem;transition:.15s}
.news-item a:hover{color:var(--gold-light)}

/* ══════════════════════════════════════
   APPLY SECTION (Altın Emlak Başvuru)
   ══════════════════════════════════════ */
.apply-section{position:relative;padding:0;overflow:hidden}
.apply-bg{
    position:absolute;inset:0;z-index:0;
    background:
        linear-gradient(135deg,#1a1510 0%,#2a1f12 30%,#1a1510 50%,#0f0d0a 100%);
}
/* Dekoratif altın bina silueti + desen */
.apply-bg::before{
    content:"";position:absolute;inset:0;
    background:
        radial-gradient(ellipse at 20% 80%,rgba(200,151,46,.12),transparent 50%),
        radial-gradient(ellipse at 80% 20%,rgba(200,151,46,.08),transparent 50%);
}
.apply-bg::after{
    content:"BUDAK GAYRİMENKUL";
    position:absolute;bottom:20px;right:20px;
    font-size:clamp(3rem,8vw,6rem);font-weight:900;letter-spacing:.08em;
    color:rgba(200,151,46,.06);white-space:nowrap;pointer-events:none;
    text-transform:uppercase;
}
.apply-grid{
    position:relative;z-index:2;
    display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:520px;
}
.apply-info{
    display:flex;flex-direction:column;justify-content:center;
    padding:60px 40px 60px 0;
    position:relative;
}
/* Sol tarafta dekoratif şehir silueti */
.apply-info::after{
    content:"";position:absolute;bottom:0;left:0;right:40px;height:120px;
    opacity:.08;pointer-events:none;
    background:
        linear-gradient(180deg,transparent,rgba(200,151,46,.4));
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 120'%3E%3Cpath d='M0,120 L0,80 L30,80 L30,50 L50,50 L50,30 L70,30 L70,60 L100,60 L100,20 L120,20 L120,10 L140,10 L140,20 L160,20 L160,60 L200,60 L200,40 L230,40 L230,25 L260,25 L260,50 L300,50 L300,70 L350,70 L350,35 L370,35 L370,15 L390,15 L390,35 L420,35 L420,60 L470,60 L470,45 L500,45 L500,30 L530,30 L530,55 L570,55 L570,70 L600,70 L600,120 Z' fill='white'/%3E%3C/svg%3E");
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 120'%3E%3Cpath d='M0,120 L0,80 L30,80 L30,50 L50,50 L50,30 L70,30 L70,60 L100,60 L100,20 L120,20 L120,10 L140,10 L140,20 L160,20 L160,60 L200,60 L200,40 L230,40 L230,25 L260,25 L260,50 L300,50 L300,70 L350,70 L350,35 L370,35 L370,15 L390,15 L390,35 L420,35 L420,60 L470,60 L470,45 L500,45 L500,30 L530,30 L530,55 L570,55 L570,70 L600,70 L600,120 Z' fill='white'/%3E%3C/svg%3E");
    mask-size:100% 100%;-webkit-mask-size:100% 100%;
}
.apply-info p{color:var(--muted);font-size:1rem;line-height:1.75;margin-bottom:14px}
.apply-form-wrap{
    background:#fff;color:#222;padding:48px 40px;
    border-radius:0;
}
.apply-form-wrap h2{font-size:1.4rem;font-weight:800;margin-bottom:24px;letter-spacing:.02em;color:#1a1a1a}
.apply-form{display:flex;flex-direction:column;gap:14px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.apply-form input,.apply-form select,.apply-form textarea{
    border:1px solid #d4d0c8;border-radius:8px;padding:13px 16px;
    color:#333;background:#fff;font:inherit;font-size:.9rem;
}
.apply-form input::placeholder,.apply-form textarea::placeholder{color:#aaa}
.apply-form input:focus,.apply-form select:focus,.apply-form textarea:focus{
    border-color:var(--gold);box-shadow:0 0 12px rgba(200,151,46,.15);outline:0;
}
.apply-form select option{color:#333}
.apply-form .form-status{color:var(--gold);font-weight:700}

/* ── generic form defaults (for newsletter etc) ── */
input,select,textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:14px 18px;color:var(--text);background:rgba(255,255,255,.06);outline:0;font:inherit;font-size:.92rem}
textarea{resize:vertical}
input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 16px rgba(200,151,46,.12)}
select option{color:#111}
.form-status{min-height:22px;color:var(--gold-light);font-weight:700;font-size:.9rem}

/* ══════════════════════════════════════
   FOOTER (Altın Emlak tarzı)
   ══════════════════════════════════════ */
.site-footer{
    background:#0d0d0d;border-top:1px solid rgba(255,255,255,.06);
    position:relative;overflow:hidden;
}
/* Dekoratif büyük BUDAK yazı */
.site-footer::before{
    content:"BUDAK GAYRİMENKUL";
    position:absolute;top:40px;right:-20px;
    font-size:clamp(4rem,10vw,8rem);font-weight:900;letter-spacing:.08em;
    color:rgba(200,151,46,.04);white-space:nowrap;pointer-events:none;z-index:0;
    text-transform:uppercase;
}
/* Footer city silhouette dekor */
.site-footer::after{
    content:"";position:absolute;bottom:0;left:0;right:0;height:100px;
    background:
        linear-gradient(180deg,transparent,rgba(200,151,46,.03) 60%,rgba(200,151,46,.06) 100%);
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 100'%3E%3Cpath d='M0,100 L0,60 L50,60 L50,40 L70,40 L70,25 L90,25 L90,45 L120,45 L120,15 L140,15 L140,5 L160,5 L160,15 L180,15 L180,50 L230,50 L230,35 L260,35 L260,20 L290,20 L290,40 L340,40 L340,55 L400,55 L400,30 L420,30 L420,10 L440,10 L440,30 L480,30 L480,50 L540,50 L540,40 L570,40 L570,20 L600,20 L600,45 L660,45 L660,55 L720,55 L720,35 L750,35 L750,15 L780,15 L780,35 L820,35 L820,50 L880,50 L880,40 L920,40 L920,25 L950,25 L950,45 L1000,45 L1000,55 L1060,55 L1060,45 L1100,45 L1100,60 L1200,60 L1200,100 Z' fill='white'/%3E%3C/svg%3E");
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 100'%3E%3Cpath d='M0,100 L0,60 L50,60 L50,40 L70,40 L70,25 L90,25 L90,45 L120,45 L120,15 L140,15 L140,5 L160,5 L160,15 L180,15 L180,50 L230,50 L230,35 L260,35 L260,20 L290,20 L290,40 L340,40 L340,55 L400,55 L400,30 L420,30 L420,10 L440,10 L440,30 L480,30 L480,50 L540,50 L540,40 L570,40 L570,20 L600,20 L600,45 L660,45 L660,55 L720,55 L720,35 L750,35 L750,15 L780,15 L780,35 L820,35 L820,50 L880,50 L880,40 L920,40 L920,25 L950,25 L950,45 L1000,45 L1000,55 L1060,55 L1060,45 L1100,45 L1100,60 L1200,60 L1200,100 Z' fill='white'/%3E%3C/svg%3E");
    mask-size:100% 100%;-webkit-mask-size:100% 100%;
    pointer-events:none;z-index:0;
}

/* footer top bar */
.footer-top{border-bottom:1px solid rgba(255,255,255,.08);padding:18px 0;position:relative;z-index:1}
.footer-top-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.ft-brand{font-size:1.1rem;color:var(--gold-light);letter-spacing:.04em}
.footer-contact-bar{display:flex;gap:28px;color:var(--muted);font-size:.88rem}
.footer-contact-bar span{display:flex;align-items:center;gap:6px}
.ft-ico{width:16px;height:16px;flex-shrink:0}
.footer-social{display:flex;gap:8px}
.footer-social a{
    display:flex;align-items:center;justify-content:center;
    width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.15);
    color:var(--muted);font-size:.65rem;font-weight:700;transition:.2s;
}
.footer-social a:hover{border-color:var(--gold);color:var(--gold-light)}
.footer-social a svg{width:16px;height:16px}

/* footer columns */
.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1.3fr;gap:32px;padding:42px 24px;position:relative;z-index:1}
.footer-col{display:flex;flex-direction:column;gap:8px}
.footer-col h4{font-size:.76rem;letter-spacing:.08em;color:var(--gold-light);margin-bottom:6px;text-transform:uppercase}
.footer-col a,.footer-col span{font-size:.86rem;color:var(--muted);transition:.15s}
.footer-col a:hover{color:#fff}

/* newsletter */
.footer-newsletter{gap:12px}
.newsletter-input{
    border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:12px 14px;
    background:rgba(255,255,255,.05);color:#fff;font-size:.88rem;
}
.newsletter-input::placeholder{color:#777}
.newsletter-btn{border-radius:8px;height:44px}

/* Footer big logo */
.footer-logo-big{
    position:relative;z-index:1;
    display:flex;justify-content:center;padding:20px 0 10px;
}
.footer-big-logo{
    width:clamp(200px,30vw,360px);height:auto;
    opacity:.15;filter:brightness(0) invert(1);
    transition:.4s;
}
.footer-logo-big:hover .footer-big-logo{opacity:.3}

.footer-bottom{text-align:center;padding:18px;border-top:1px solid rgba(255,255,255,.06);color:var(--muted);font-size:.76rem;position:relative;z-index:1}

/* ── WHATSAPP FLOAT ── */
.whatsapp-float{
    position:fixed;bottom:28px;right:28px;z-index:999;
    width:60px;height:60px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    background:#25d366;box-shadow:0 4px 20px rgba(37,211,102,.45);
    transition:.3s;animation:wp-pulse 2s infinite;
}
.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 6px 30px rgba(37,211,102,.6)}
.whatsapp-float svg{width:34px;height:34px}
@keyframes wp-pulse{
    0%,100%{box-shadow:0 4px 20px rgba(37,211,102,.45)}
    50%{box-shadow:0 4px 30px rgba(37,211,102,.7),0 0 0 12px rgba(37,211,102,.1)}
}

/* ── REVEAL ── */
.reveal{opacity:0;transform:translateY(30px)}

/* ══════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════ */
@media(max-width:960px){
    .menu-toggle{display:flex}
    .sahibinden-btn{display:none}
    .main-nav{position:fixed;top:72px;left:0;right:0;flex-direction:column;padding:16px;background:rgba(10,10,10,.97);border-bottom:1px solid var(--line);transform:translateY(-10px);opacity:0;pointer-events:none;transition:.25s}
    body.menu-open .main-nav{transform:translateY(0);opacity:1;pointer-events:auto}
    .main-nav a{padding:12px 16px;border-radius:8px}
    .hero-light-inner{grid-template-columns:1fr;text-align:center}
    .hero-stats{justify-content:center}
    .hero-right{margin-top:20px}
    .help-grid{grid-template-columns:1fr}
    .svc-icon-grid{grid-template-columns:repeat(2,1fr)}
    .page-cards-grid{grid-template-columns:repeat(2,1fr)}
    .testimonial-grid{grid-template-columns:1fr}
    .about-grid,.why-grid{grid-template-columns:1fr}
    .apply-grid{grid-template-columns:1fr}
    .apply-info{padding:40px 0 20px}
    .apply-form-wrap{border-radius:0 0 16px 16px}
    .gallery-grid{grid-template-columns:repeat(3,1fr)}
    .footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
    .help-grid,.svc-icon-grid,.team-grid,.page-cards-grid{grid-template-columns:repeat(2,1fr)}
    .gallery-grid{grid-template-columns:repeat(2,1fr)}
    .hero-stats{flex-direction:column;align-items:center;gap:20px}
    .footer-grid{grid-template-columns:1fr}
    .footer-top-inner{flex-direction:column;align-items:flex-start}
    .about-stats{grid-template-columns:1fr}
    .form-row{grid-template-columns:1fr}
}