/* =============================================================
   AYTALYA EMLAK - ANA SAYFA (v5 sinematik) STILLERI
   Tumu ".hp" koku altinda kapsullenmistir; diger sayfalari ETKILEMEZ.
   ============================================================= */
.hp{
  --gold-l:#f7e9ac; --gold-d:#a8801f;
  --hp-text:#f6f8fb; --hp-muted:#9aa6c0; --hp-accent:#5b93b8;
  --hp-border:rgba(212,175,55,.16);
  color:var(--hp-text);
  position:relative;
}
.hp .gt{background:linear-gradient(120deg,var(--gold-l),var(--gold) 45%,var(--gold-d));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}

/* ---- Sabit sahne / arka plan ---- */
.hp-scene{position:fixed;inset:0;z-index:-2;overflow:hidden;background:linear-gradient(180deg,#060b14,#081221 45%,#0a1526 72%,#060b14);}
.hp-scene .hp-spot{position:absolute;inset:0;background:radial-gradient(60% 45% at 50% var(--sy,12%), rgba(var(--sc,212,175,55), .20), transparent 68%);}
.hp-scene .hp-aurora{position:absolute;inset:-30%;opacity:.10;filter:blur(40px);background:conic-gradient(from 0deg at 50% 50%, rgba(212,175,55,.5), rgba(91,147,184,.4), rgba(212,175,55,.2), rgba(91,147,184,.4), rgba(212,175,55,.5));animation:hpSpin 40s linear infinite;}
@keyframes hpSpin{to{transform:rotate(360deg)}}
.hp-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;will-change:transform;}
.hp-o1{width:520px;height:520px;background:rgba(212,175,55,.16);top:2%;left:-8%;}
.hp-o2{width:460px;height:460px;background:rgba(91,147,184,.16);top:60%;right:-8%;}
.hp-o3{width:400px;height:400px;background:rgba(212,175,55,.10);top:120%;left:30%;}
.hp-grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
.hp-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:1000001;background:linear-gradient(90deg,var(--gold-d),var(--gold),var(--gold-l));box-shadow:0 0 12px rgba(212,175,55,.6);}

/* ---- Imlec isigi (masaustu) ---- */
.hp-cursor{position:fixed;width:420px;height:420px;border-radius:50%;pointer-events:none;z-index:6;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(212,175,55,.10),transparent 60%);mix-blend-mode:screen;transition:opacity .3s;opacity:0;}

/* ---- Preloader (JS bozulsa bile CSS ile otomatik kapanir) ---- */
.hp-pre{position:fixed;inset:0;z-index:1000002;background:#060b14;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;animation:hpPreHide .7s ease 1.7s forwards;}
.hp-pre.hide{opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s;}
@keyframes hpPreHide{to{opacity:0;visibility:hidden;}}
.hp-pre img{height:64px;opacity:0;transform:scale(.9);animation:hpPreIn 1.1s cubic-bezier(.22,1,.36,1) forwards;}
@keyframes hpPreIn{to{opacity:1;transform:scale(1);}}
.hp-pre .ln{width:170px;height:2px;background:rgba(255,255,255,.08);border-radius:2px;overflow:hidden;}
.hp-pre .ln b{display:block;height:100%;width:40%;background:linear-gradient(90deg,transparent,var(--gold),transparent);animation:hpSweep 1.1s linear infinite;}
@keyframes hpSweep{0%{transform:translateX(-120%)}100%{transform:translateX(320%)}}

/* ---- Sirali reveal ---- */
.hp .reveal{opacity:0;transform:translateY(46px) scale(.965);filter:blur(8px);transition:opacity 1.05s cubic-bezier(.22,1,.36,1),transform 1.05s cubic-bezier(.22,1,.36,1),filter 1.05s ease;will-change:opacity,transform,filter;}
.hp .reveal.in{opacity:1;transform:none;filter:none;}

/* ---- HERO ---- */
.hp .hero{position:relative;min-height:88vh;display:flex;align-items:center;text-align:center;padding:70px 0;overflow:hidden;}
.hp .hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden;}
.hp .hero-bg .layer{position:absolute;inset:-8%;background:radial-gradient(closest-side at 50% 18%,rgba(212,175,55,.22),transparent 70%),radial-gradient(closest-side at 20% 80%,rgba(91,147,184,.18),transparent 70%),linear-gradient(180deg,#081426,#060b14);animation:hpKen 22s ease-in-out infinite alternate;}
@keyframes hpKen{0%{transform:scale(1) translateY(0)}100%{transform:scale(1.14) translateY(-2%)}}
.hp .hero-bg .sun{position:absolute;top:8%;left:50%;width:280px;height:280px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(247,233,172,.28),rgba(212,175,55,.10) 45%,transparent 70%);filter:blur(6px);animation:hpBreathe 8s ease-in-out infinite;}
@keyframes hpBreathe{0%,100%{opacity:.7;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.08)}}
.hp .hero-c{position:relative;z-index:3;width:100%;will-change:transform,opacity;}
.hp .kicker{display:inline-block;color:var(--gold);font-weight:700;letter-spacing:4px;font-size:.74rem;text-transform:uppercase;border:1px solid var(--hp-border);padding:10px 24px;border-radius:40px;margin-bottom:30px;background:rgba(212,175,55,.05);}
.hp .hero h1{font-family:'Playfair Display',serif;font-size:4.4rem;line-height:1.06;font-weight:800;margin-bottom:24px;letter-spacing:-1.2px;}
.hp .hero h1 .gt{background-size:200% auto;animation:hpShine 6s linear infinite;}
@keyframes hpShine{to{background-position:200% center;}}
.hp .hero .sub{color:var(--hp-muted);font-size:1.28rem;max-width:640px;margin:0 auto 46px;font-weight:300;}

.hp .hsearch{max-width:900px;margin:0 auto;background:rgba(10,18,34,.55);backdrop-filter:blur(20px);border:1px solid var(--hp-border);border-radius:20px;padding:14px;display:flex;gap:8px;flex-wrap:wrap;box-shadow:0 34px 80px rgba(0,0,0,.5);}
.hp .fld{flex:1;min-width:150px;display:flex;flex-direction:column;text-align:left;padding:8px 14px;border-radius:12px;transition:.3s;}
.hp .fld:hover{background:rgba(212,175,55,.05);}
.hp .fld label{font-size:.64rem;text-transform:uppercase;letter-spacing:1.4px;color:var(--gold);margin-bottom:5px;font-weight:700;}
.hp .fld select,.hp .fld input{background:transparent;border:none;color:#fff;font-size:.96rem;outline:none;font-weight:600;cursor:pointer;width:100%;}
.hp .fld select option{background:#0b1528;}
.hp .fld+.fld{border-left:1px solid rgba(255,255,255,.06);}
.hp .go{background:linear-gradient(135deg,var(--gold),var(--gold-d));color:#1a1200;border:none;border-radius:13px;padding:14px 38px;font-weight:800;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;transition:.3s;}
.hp .go:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(212,175,55,.42);}
.hp .tags{margin-top:26px;color:var(--hp-muted);font-size:.9rem;}
.hp .tags a{color:var(--hp-text);border:1px solid var(--hp-border);padding:6px 15px;border-radius:20px;margin:4px;font-size:.82rem;transition:.3s;display:inline-block;}
.hp .tags a:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px);}
.hp .stats{display:flex;justify-content:center;gap:56px;padding:20px 0 6px;flex-wrap:wrap;margin-top:50px;}
.hp .stat{text-align:center;}
.hp .stat .n{font-family:'Playfair Display',serif;font-size:2.8rem;font-weight:800;}
.hp .stat .l{color:var(--hp-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:1.5px;margin-top:4px;}
.hp .scrollcue{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);color:var(--hp-muted);font-size:.7rem;letter-spacing:2px;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:3;}
.hp .scrollcue .m{width:24px;height:38px;border:2px solid var(--hp-border);border-radius:14px;display:flex;justify-content:center;padding-top:7px;}
.hp .scrollcue .m span{width:4px;height:8px;border-radius:2px;background:var(--gold);animation:hpWheel 1.6s ease-in-out infinite;}
@keyframes hpWheel{0%{opacity:0;transform:translateY(-4px)}40%{opacity:1}100%{opacity:0;transform:translateY(10px)}}

/* ---- Bolum basliklari ---- */
.hp .sec{padding:90px 0;position:relative;}
.hp .sec-head{text-align:center;margin-bottom:52px;}
.hp .sec-head .k{color:var(--gold);font-weight:700;letter-spacing:3px;text-transform:uppercase;font-size:.74rem;}
.hp .sec-head h2{font-family:'Playfair Display',serif;font-size:2.8rem;margin-top:12px;font-weight:800;letter-spacing:-.5px;}
.hp .sec-head p{color:var(--hp-muted);margin-top:12px;max-width:560px;margin-left:auto;margin-right:auto;}

/* ---- Kategoriler ---- */
.hp .cats{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.hp .cat{position:relative;background:linear-gradient(180deg,rgba(12,22,42,.62),rgba(12,22,42,.2));border:1px solid var(--hp-border);border-radius:20px;padding:38px 22px;text-align:center;transition:transform .18s ease-out,border-color .4s,box-shadow .4s;overflow:hidden;backdrop-filter:blur(6px);transform-style:preserve-3d;text-decoration:none;color:var(--hp-text);}
.hp .cat::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(212,175,55,.14),transparent 70%);opacity:0;transition:.45s;}
.hp .cat:hover{border-color:rgba(212,175,55,.5);box-shadow:0 28px 50px rgba(0,0,0,.45);}
.hp .cat:hover::after{opacity:1;}
.hp .cat .ic{width:70px;height:70px;margin:0 auto 20px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:rgba(212,175,55,.12);color:var(--gold);position:relative;z-index:1;transition:.45s;}
.hp .cat:hover .ic{background:rgba(212,175,55,.2);transform:scale(1.08);}
.hp .cat h3{font-size:1.18rem;margin-bottom:6px;position:relative;z-index:1;}
.hp .cat p{color:var(--hp-muted);font-size:.85rem;position:relative;z-index:1;}
.hp .cat .cnt{color:var(--gold);font-size:.8rem;font-weight:700;margin-top:12px;position:relative;z-index:1;}

/* ---- One cikan kartlar ---- */
.hp .fgridd{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.hp .card{background:linear-gradient(180deg,rgba(12,22,42,.6),rgba(12,22,42,.26));border:1px solid var(--hp-border);border-radius:20px;overflow:hidden;transition:transform .18s ease-out,border-color .4s,box-shadow .4s;backdrop-filter:blur(6px);transform-style:preserve-3d;text-decoration:none;color:var(--hp-text);display:block;}
.hp .card:hover{border-color:rgba(212,175,55,.5);box-shadow:0 30px 56px rgba(0,0,0,.5);}
.hp .card .img{height:220px;position:relative;overflow:hidden;background:#0b1528;}
.hp .card .img .bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .7s cubic-bezier(.16,.8,.24,1);}
.hp .card:hover .img .bg{transform:scale(1.1);}
.hp .card .img::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(6,11,20,.55));}
.hp .badge{position:absolute;top:16px;left:16px;background:linear-gradient(135deg,var(--gold),var(--gold-d));color:#1a1200;font-weight:800;font-size:.68rem;padding:6px 14px;border-radius:8px;letter-spacing:.5px;z-index:2;}
.hp .card .body{padding:22px;}
.hp .card .loc{color:var(--hp-accent);font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:5px;margin-bottom:9px;}
.hp .card h3{font-size:1.12rem;margin-bottom:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hp .card .price{font-size:1.55rem;font-weight:900;margin-bottom:16px;}
.hp .card .feats{display:flex;gap:18px;color:var(--hp-muted);font-size:.85rem;border-top:1px solid rgba(255,255,255,.06);padding-top:15px;}

/* ---- Harita ---- */
.hp .mapwrap{position:relative;border:1px solid var(--hp-border);border-radius:22px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.5);}
.hp #hp-map{height:500px;width:100%;background:#0a1526;}
.leaflet-popup-content-wrapper{background:#0b1528;color:#fff;border:1px solid var(--hp-border);border-radius:12px;}
.leaflet-popup-tip{background:#0b1528;}
.leaflet-popup-content{margin:14px 16px;}
.leaflet-popup-content a{color:var(--gold);}
.hp-pin{width:32px;height:32px;border-radius:50% 50% 50% 0;background:linear-gradient(135deg,var(--gold),var(--gold-d));transform:rotate(-45deg);border:2px solid #1a1200;box-shadow:0 4px 10px rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;}
.hp-pin b{transform:rotate(45deg);color:#1a1200;font-size:.7rem;font-weight:800;}
.hp .pop-price{color:var(--gold);font-weight:800;font-size:1.1rem;}
.hp .pop-t{font-size:.85rem;color:#fff;margin:2px 0 6px;}
.hp .pop-m{color:var(--hp-muted);font-size:.75rem;margin-bottom:8px;}

/* ---- Ilceler ---- */
.hp .dist{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;}
.hp .dist a{background:rgba(12,22,42,.55);border:1px solid var(--hp-border);padding:14px 26px;border-radius:14px;font-weight:600;transition:.4s cubic-bezier(.16,.8,.24,1);display:flex;align-items:center;gap:10px;backdrop-filter:blur(6px);color:var(--hp-text);text-decoration:none;}
.hp .dist a:hover{border-color:var(--gold);transform:translateY(-5px);color:var(--gold);box-shadow:0 14px 28px rgba(0,0,0,.35);}
.hp .dist a span{color:var(--hp-muted);font-size:.8rem;}

/* ---- Yorumlar ---- */
.hp .tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.hp .t{background:linear-gradient(180deg,rgba(12,22,42,.62),rgba(12,22,42,.28));border:1px solid var(--hp-border);border-radius:20px;padding:34px;transition:.4s;backdrop-filter:blur(6px);}
.hp .t:hover{border-color:rgba(212,175,55,.4);transform:translateY(-6px);}
.hp .t .stars{color:var(--gold);margin-bottom:14px;letter-spacing:3px;}
.hp .t p{color:var(--hp-text);font-style:italic;line-height:1.8;margin-bottom:20px;font-weight:300;}
.hp .t .who{display:flex;align-items:center;gap:12px;}
.hp .t .who .av{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--hp-accent),#2c5570);display:flex;align-items:center;justify-content:center;font-weight:800;}
.hp .t .who b{display:block;}.hp .t .who span{color:var(--hp-muted);font-size:.82rem;}

/* ---- CTA ---- */
.hp .cta-in{background:linear-gradient(120deg,rgba(212,175,55,.16),rgba(12,22,42,.5));border:1px solid var(--hp-border);border-radius:26px;padding:64px;text-align:center;position:relative;overflow:hidden;backdrop-filter:blur(6px);}
.hp .cta-in::before{content:'';position:absolute;width:320px;height:320px;background:radial-gradient(circle,rgba(212,175,55,.22),transparent 70%);top:-110px;right:-60px;}
.hp .cta-in h2{font-family:'Playfair Display',serif;font-size:2.5rem;margin-bottom:14px;position:relative;}
.hp .cta-in p{color:var(--hp-muted);margin-bottom:32px;font-size:1.12rem;position:relative;}
.hp .btn-g{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--gold),var(--gold-d));color:#1a1200;font-weight:800;padding:16px 42px;border-radius:14px;font-size:1.02rem;transition:.3s;position:relative;text-decoration:none;}
.hp .btn-g:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(212,175,55,.42);}

/* ---- WhatsApp (sol altta; sagdaki chatbot ile cakismasin) ---- */
.hp-wa{position:fixed;bottom:28px;left:28px;width:60px;height:60px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px rgba(37,211,102,.45);z-index:900;animation:hpPulse 2.6s infinite;}
@keyframes hpPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}70%{box-shadow:0 0 0 18px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}

@media (prefers-reduced-motion: reduce){.hp .reveal{transition:none;opacity:1;transform:none;filter:none;}.hp-aurora,.hp-wa,.hp .hero h1 .gt,.hp .hero-bg .layer,.hp .hero-bg .sun{animation:none;}.hp-pre{animation:none;opacity:0;visibility:hidden;}}
/* ==================== TABLET / KÜÇÜK MASAÜSTÜ (≤1024px) ==================== */
@media(max-width:1024px){
  .hp .cats{grid-template-columns:repeat(2,1fr);}
  .hp .fgridd,.hp .tgrid{grid-template-columns:repeat(2,1fr);}
}

/* ==================== MOBİL (≤768px) ==================== */
@media(max-width:768px){
  /* Ağır efektleri kıs -> akıcı kaydırma (blur çok pahalı) */
  .hp-orb{display:none;}
  .hp-aurora{display:none;}
  .hp-grain{display:none;}
  .hp-cursor{display:none;}
  /* Hero parallax/solmayı kapat (JS'in inline stilini ez) */
  .hp .hero-c{transform:none!important;opacity:1!important;}

  .hp .hero{min-height:auto;padding:40px 0 34px;}
  .hp .hero h1{font-size:2.05rem;line-height:1.16;letter-spacing:-.4px;}
  .hp .hero .sub{font-size:1.02rem;margin-bottom:26px;padding:0 6px;}
  .hp .kicker{font-size:.64rem;letter-spacing:2.4px;padding:8px 15px;margin-bottom:20px;}

  /* Arama kutusu: alt alta, geniş dokunma alanı */
  .hp .hsearch{flex-direction:column;padding:10px;border-radius:16px;gap:5px;}
  .hp .fld{min-width:100%;padding:12px 14px;}
  .hp .fld+.fld{border-left:none;border-top:1px solid rgba(255,255,255,.06);}
  .hp .go{width:100%;padding:15px;margin-top:8px;font-size:1rem;}

  /* İstatistikler 2x2 hizalı */
  .hp .stats{display:grid;grid-template-columns:1fr 1fr;gap:22px 14px;margin-top:32px;padding:0 6px;}
  .hp .stat .n{font-size:2.05rem;}
  .hp .stat .l{font-size:.66rem;letter-spacing:1.2px;}

  /* Kategoriler 2 sütun, kompakt */
  .hp .cats{grid-template-columns:1fr 1fr;gap:12px;}
  .hp .cat{padding:24px 14px;border-radius:16px;}
  .hp .cat .ic{width:52px;height:52px;margin-bottom:12px;border-radius:15px;}
  .hp .cat .ic svg{width:24px;height:24px;}
  .hp .cat h3{font-size:1rem;}
  .hp .cat p{font-size:.76rem;}
  .hp .cat .cnt{font-size:.74rem;margin-top:8px;}

  /* Öne çıkan ilanlar tek sütun */
  .hp .fgridd{grid-template-columns:1fr;gap:18px;}
  .hp .card .img{height:200px;}
  .hp .card .body{padding:20px;}

  /* Bölüm başlıkları */
  .hp .sec{padding:46px 0;}
  .hp .sec-head{margin-bottom:30px;}
  .hp .sec-head h2{font-size:1.7rem;}
  .hp .sec-head p{font-size:.92rem;padding:0 8px;}

  /* Harita: scroll-trap engelle (dikey kaydırma sayfaya geçsin) + uygun yükseklik */
  .hp .mapwrap{border-radius:16px;}
  .hp #hp-map{height:300px;touch-action:pan-y!important;}

  /* İlçeler: taşma yerine yatay kaydırılabilir şık şerit */
  .hp .dist{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .hp .dist::-webkit-scrollbar{display:none;}
  .hp .dist a{flex:0 0 auto;padding:12px 20px;}

  /* Yorumlar (canlıda kaldırıldı; kalırsa tek sütun) */
  .hp .tgrid{grid-template-columns:1fr;gap:16px;}
  .hp .t{padding:26px;}

  /* CTA */
  .hp .cta-in{padding:36px 18px;border-radius:20px;}
  .hp .cta-in h2{font-size:1.7rem;}
  .hp .cta-in p{font-size:.95rem;margin-bottom:24px;}
  .hp .btn-g{padding:14px 28px;font-size:.95rem;width:100%;justify-content:center;}

  .hp .scrollcue{display:none;}
  .hp-wa{display:none;} /* mobilde alt menü + chatbot zaten var */
}

/* ==================== KÜÇÜK TELEFON (≤400px) ==================== */
@media(max-width:400px){
  .hp .hero h1{font-size:1.8rem;}
  .hp .hero .sub{font-size:.95rem;}
  .hp .stat .n{font-size:1.8rem;}
  .hp .cat{padding:20px 10px;}
  .hp .cat h3{font-size:.94rem;}
  .hp .sec-head h2{font-size:1.5rem;}
}