/* YurtFiyatları — bağımsız tema (Yurt Atlas görünümü, kendi CSS'i) */
:root{
  --navy:#0E3D59; --navy-2:#0A2E44; --teal:#20818C; --orange:#F27D16; --orange-2:#FF9533;
  --bg:#F4F6F8; --card:#fff; --border:#E5E9EF; --t1:#0E3D59; --t2:#5A6373; --t3:#8B92A0;
}
*{ margin:0; padding:0; box-sizing:border-box; }
body{ font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif; background:var(--bg); color:var(--t1); line-height:1.5; -webkit-font-smoothing:antialiased; }
a{ color:inherit; text-decoration:none; }
img{ max-width:100%; display:block; }
.wrap{ max-width:1280px; margin:0 auto; padding:0 22px; }
@media(max-width:600px){ .wrap{ padding:0 16px; } }

/* Üst kredi şeridi (logonun ÜSTÜNDE) */
.yf-credit{ background:var(--navy-2); color:#cdd8e3; font-size:12.5px; font-weight:700; text-align:center; padding:8px 12px; }
.yf-credit a{ color:var(--orange-2); font-weight:800; }
.yf-credit a:hover{ text-decoration:underline; }

/* Navbar */
.yf-nav{ background:#fff; border-bottom:1px solid var(--border); position:sticky; top:0; z-index:50; }
.yf-nav-in{ display:flex; align-items:center; justify-content:space-between; height:66px; }
.yf-logo{ display:flex; align-items:center; gap:10px; }
.yf-logo img{ width:38px; height:38px; object-fit:contain; }
.yf-logo b{ font-size:21px; font-weight:900; letter-spacing:-.5px; }
.yf-logo b span{ color:var(--orange); }
.yf-nav-links{ display:flex; align-items:center; gap:22px; }
.yf-nav-links a{ font-weight:700; font-size:14px; color:var(--t2); }
.yf-nav-links a:hover{ color:var(--orange); }
.yf-nav-cta{ background:var(--navy); color:#fff !important; padding:10px 16px; border-radius:10px; font-weight:800; font-size:13px; display:inline-flex; align-items:center; gap:6px; }
.yf-nav-cta:hover{ background:var(--teal); }
@media(max-width:760px){ .yf-nav-links a:not(.yf-nav-cta){ display:none; } }

/* ── HERO — Yurt Atlas birebir ── */
.yf-hero{ position:relative; min-height:88vh; display:flex; flex-direction:column; align-items:center; justify-content:center; overflow:hidden; padding:80px 24px 70px; background:#0a2a45; text-align:center; }
.yf-hs-bg{ position:absolute; inset:0; background:linear-gradient(160deg,#0a2a45 0%,#0e3d59 55%,#0a2236 100%); z-index:0; }
.yf-hs-bg-img{ position:absolute; inset:0; background-image:url("https://images.unsplash.com/photo-1540575467063-178a50c2df87?w=1920&q=80"); background-size:cover; background-position:center; opacity:.12; z-index:1; }
.yf-hs-dots{ position:absolute; inset:0; background-image:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1px); background-size:32px 32px; z-index:2; }
.yf-hs-orb{ position:absolute; border-radius:50%; z-index:2; }
.yf-hs-orb1{ width:800px; height:800px; background:radial-gradient(circle,rgba(245,130,13,.12) 0%,transparent 60%); top:-300px; right:-200px; }
.yf-hs-orb2{ width:600px; height:600px; background:radial-gradient(circle,rgba(14,61,89,.65) 0%,transparent 65%); bottom:-250px; left:-180px; }
.yf-hs-content{ position:relative; z-index:3; max-width:1040px; width:100%; }
.yf-hs-eyebrow{ display:inline-flex; align-items:center; gap:9px; background:rgba(245,130,13,.14); border:1px solid rgba(245,130,13,.3); border-radius:50px; padding:7px 16px; font-size:10px; font-weight:800; letter-spacing:1.4px; color:#ff9a2e; text-transform:uppercase; margin-bottom:24px; }
.yf-hs-eyebrow i{ width:13px; height:13px; }
.yf-hs-title{ font-size:clamp(34px,5.5vw,64px); font-weight:900; color:#fff; line-height:1.1; margin-bottom:20px; letter-spacing:-1.5px; }
.yf-hs-title .hl{ background:linear-gradient(90deg,#f5820d,#ffb347); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.yf-hs-sub{ font-size:16px; color:rgba(255,255,255,.6); margin-bottom:34px; letter-spacing:.3px; max-width:680px; margin-left:auto; margin-right:auto; }
/* kategori butonları */
.yf-cats{ display:flex; gap:12px; flex-wrap:wrap; justify-content:center; margin-bottom:26px; }
.yf-catbtn{ background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16); color:#fff; padding:12px 20px; border-radius:14px; font-weight:800; font-size:14px; display:inline-flex; align-items:center; gap:8px; transition:.18s; backdrop-filter:blur(10px); }
.yf-catbtn:hover{ background:#fff; color:var(--navy); }
.yf-catbtn i{ width:17px; height:17px; }
/* Arama kartı (camsı) */
.yf-hs-card{ display:flex; align-items:stretch; gap:10px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.13); border-radius:22px; padding:10px; backdrop-filter:blur(28px); -webkit-backdrop-filter:blur(28px); box-shadow:0 24px 70px rgba(0,0,0,.4); max-width:1040px; width:100%; margin:0 auto; }
.yf-hs-field{ flex:1; display:flex; align-items:center; gap:12px; padding:12px 20px; border-radius:16px; min-width:0; transition:background .2s; }
.yf-hs-field:hover{ background:rgba(255,255,255,.09); }
.yf-hs-field i{ width:20px; height:20px; color:#f5820d; flex-shrink:0; }
.yf-hs-field-inner{ display:flex; flex-direction:column; align-items:flex-start; flex:1; min-width:0; }
.yf-hs-field-label{ font-size:10px; font-weight:700; letter-spacing:1.2px; color:rgba(255,255,255,.42); margin-bottom:5px; line-height:1; text-transform:uppercase; }
.yf-hs-field select{ background:transparent; border:none; outline:none; color:#fff; font-size:13px; font-weight:500; width:100%; cursor:pointer; appearance:none; -webkit-appearance:none; font-family:inherit; }
.yf-hs-field select option{ background:#0a2a45; color:#fff; }
.yf-hs-divider{ width:1px; background:rgba(255,255,255,.13); margin:12px 4px; flex-shrink:0; align-self:stretch; }
.yf-hs-btn{ background:linear-gradient(135deg,#f5820d 0%,#e56c00 100%); color:#fff; border:none; border-radius:16px; padding:0 34px; font-size:13px; font-weight:800; letter-spacing:.8px; cursor:pointer; display:flex; align-items:center; gap:9px; white-space:nowrap; flex-shrink:0; transition:.2s; box-shadow:0 4px 22px rgba(245,130,13,.45); text-transform:uppercase; }
.yf-hs-btn:hover{ background:linear-gradient(135deg,#ff9a2e 0%,#f5820d 100%); transform:scale(1.025); }
.yf-hs-btn i{ width:17px; height:17px; }
.yf-hs-btn-search{ background:rgba(255,255,255,.1); border:1.5px solid rgba(255,255,255,.3); box-shadow:none; color:#fff; }
.yf-hs-btn-search:hover{ background:#fff; color:var(--navy); transform:scale(1.025); }
.yf-hero-note{ margin-top:18px; font-size:13px; color:rgba(255,255,255,.55); }
.yf-hero-note-btn{ display:inline-flex; flex-direction:column; align-items:center; gap:14px; margin-top:22px; background:rgba(255,255,255,.06); border:1.5px solid rgba(245,130,13,.35); border-radius:18px; padding:18px 40px; color:rgba(255,255,255,.85); font-family:inherit; font-size:18px; font-weight:700; line-height:1.4; cursor:pointer; transition:.2s; max-width:1040px; }
.yf-hero-note-btn:hover{ background:rgba(245,130,13,.12); border-color:#f5820d; transform:translateY(-2px); }
.yf-hero-note-btn strong{ color:#fff; }
.yf-hero-note-text{ white-space:nowrap; }
.yf-hero-note-cta{ display:inline-flex; align-items:center; gap:10px; color:#fff; background:linear-gradient(135deg,#f5820d,#e56c00); padding:14px 32px; border-radius:14px; font-size:16px; font-weight:800; letter-spacing:.6px; text-transform:uppercase; box-shadow:0 6px 22px rgba(245,130,13,.45); }
.yf-hero-note-cta i{ width:19px; height:19px; }
@media(max-width:760px){ .yf-hero-note-text{ white-space:normal; } }
@media(max-width:600px){ .yf-hero-note-btn{ font-size:15px; padding:14px 18px; } }
@media(max-width:720px){
  .yf-hero{ min-height:auto; padding:54px 16px 48px; }
  .yf-hs-card{ flex-direction:column; }
  .yf-hs-divider{ width:auto; height:1px; margin:2px 12px; }
  .yf-hs-btn{ padding:14px; justify-content:center; }
}

/* Bölümler */
.yf-sec{ padding:48px 0; }
.yf-sec-eyebrow{ color:var(--orange); font-weight:900; font-size:12px; letter-spacing:1px; text-transform:uppercase; }
.yf-sec h2{ font-size:clamp(22px,3vw,30px); font-weight:900; letter-spacing:-.5px; margin-top:4px; }
.yf-sec-sub{ color:var(--t2); margin-top:6px; font-size:15px; }
.yf-sec-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:14px; flex-wrap:wrap; }
.yf-link{ color:var(--teal); font-weight:800; font-size:14px; }

/* Yurt kartları */
.yf-grid{ display:grid; grid-template-columns:repeat(5,1fr); gap:16px; margin-top:22px; }
@media(max-width:1100px){ .yf-grid{ grid-template-columns:repeat(3,1fr); } }
@media(max-width:760px){ .yf-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:480px){ .yf-grid{ grid-template-columns:1fr; } }
.card{ background:var(--card); border:1px solid var(--border); border-radius:16px; overflow:hidden; display:flex; flex-direction:column; transition:.2s; }
.card:hover{ transform:translateY(-3px); box-shadow:0 14px 32px rgba(14,61,89,.13); border-color:var(--teal); }
.card-photo{ height:165px; background:#F1F5F9; position:relative; }
.card-photo img{ width:100%; height:100%; object-fit:cover; }
.card-badge{ position:absolute; top:10px; left:10px; color:#fff; font-size:11px; font-weight:900; padding:4px 11px; border-radius:999px; }
.card-body{ padding:14px 15px 16px; display:flex; flex-direction:column; gap:6px; flex:1; }
.card-name{ font-weight:900; font-size:15px; line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:39px; color:var(--navy); }
.card-loc{ color:var(--t3); font-size:12.5px; font-weight:600; display:flex; align-items:center; gap:5px; }
.card-price{ margin-top:auto; padding-top:10px; border-top:1px solid var(--border); font-weight:900; font-size:16px; color:var(--navy); }
.card-price span{ font-size:12px; font-weight:600; color:var(--t3); }

/* Bilgi Al kutusu */
.yf-info{ background:linear-gradient(135deg,#FFF3E6,#fff); border:1.5px solid rgba(242,125,22,.3); border-radius:18px; padding:28px; }
.yf-info-form{ display:flex; gap:10px; flex-wrap:wrap; margin-top:16px; }
.yf-info-form select,.yf-info-form input,.yf-info-form textarea{ flex:1; min-width:180px; padding:13px 15px; border:1.5px solid var(--border); border-radius:11px; font-family:inherit; font-size:14px; font-weight:600; background:#fff; outline:none; }
.yf-info-form input:focus,.yf-info-form select:focus,.yf-info-form textarea:focus{ border-color:var(--orange); }
.yf-info-form textarea{ font-weight:500; }
.yf-info-form button{ background:var(--orange); color:#fff; border:none; padding:13px 28px; border-radius:11px; font-weight:800; font-size:15px; cursor:pointer; }
@media(max-width:560px){ #ba-form{ grid-template-columns:1fr !important; } }

/* İl grid */
.yf-citygrid{ display:grid; grid-template-columns:repeat(6,1fr); gap:10px; margin-top:22px; }
@media(max-width:980px){ .yf-citygrid{ grid-template-columns:repeat(3,1fr); } }
@media(max-width:560px){ .yf-citygrid{ grid-template-columns:repeat(2,1fr); } }
.yf-citypill{ background:#fff; border:1px solid var(--border); border-radius:11px; padding:12px 14px; font-weight:700; font-size:14px; color:var(--navy); display:flex; align-items:center; justify-content:space-between; }
.yf-citypill:hover{ border-color:var(--orange); color:var(--orange); }
.yf-citypill i{ width:14px; height:14px; }

/* Kategori fiyat aralığı kartları (sehir.html) */
.yf-catcards{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:24px 0 8px; }
@media(max-width:760px){ .yf-catcards{ grid-template-columns:1fr; } }
.yf-catcard{ border-radius:18px; padding:22px; color:#fff; }
.yf-catcard.kyk{ background:linear-gradient(135deg,#0E3D59,#20818C); }
.yf-catcard.belediye{ background:linear-gradient(135deg,#1f6f3f,#2fa35e); }
.yf-catcard.ozel{ background:linear-gradient(135deg,#F27D16,#FF9533); }
.yf-catcard .ic{ width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;margin-bottom:12px; }
.yf-catcard h3{ font-size:18px; font-weight:900; }
.yf-catcard .range{ font-size:26px; font-weight:900; margin-top:8px; letter-spacing:-.5px; }
.yf-catcard .meta{ font-size:13px; opacity:.92; margin-top:4px; font-weight:600; }

.yf-empty{ grid-column:1/-1; text-align:center; padding:40px 20px; color:var(--t3); }
.seo-text{ background:#fff; border:1px solid var(--border); border-radius:16px; padding:24px; margin:30px 0; color:var(--t2); line-height:1.8; font-size:15px; }
.seo-text h2{ color:var(--navy); font-size:20px; margin-bottom:10px; }
.seo-text strong{ color:var(--navy); }

/* Footer */
.yf-footer{ background:var(--navy); color:#cbd5e1; padding:40px 0 26px; margin-top:30px; }
.yf-footer-cols{ display:flex; flex-wrap:wrap; gap:30px; justify-content:space-between; }
.yf-footer h4{ color:#fff; font-size:14px; margin-bottom:10px; }
.yf-footer a{ color:#cbd5e1; font-size:13px; display:block; margin:5px 0; }
.yf-footer a:hover{ color:var(--orange); }
.yf-footer-credit{ border-top:1px solid rgba(255,255,255,.12); margin-top:24px; padding-top:18px; text-align:center; font-size:13px; color:#94a3b8; }
.yf-footer-credit a{ color:var(--orange); font-weight:800; display:inline; }