/* Google Fonts import (Fraunces + Manrope) */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300;9..144,500;9..144,600;9..144,700&family=Manrope:wght@400;500;600;700;800&display=swap');


  :root{
    --bg:#F8F2E6;
    --surface:#FFFFFF;
    --surface-2:#FCF7EC;
    --text:#1A2320;
    --muted:#6E6355;
    --accent:#B5622C;
    --accent-ink:#FFFFFF;
    --accent2:#2C5A40;
    --gold:#B8912E;
    --border:#E7DCC5;
    --shadow: 0 22px 54px -26px rgba(20,28,22,0.4);
    --radius: 18px;
    --wood: repeating-linear-gradient(90deg, rgba(0,0,0,0.05) 0 2px, transparent 2px 60px);
    color-scheme: light;
  }
  html[data-theme="dark"]{
    --bg:#0C1610;
    --surface:#16221B;
    --surface-2:#0F1913;
    --text:#F2EBDA;
    --muted:#9FAC9C;
    --accent:#E08E3E;
    --accent-ink:#1B120A;
    --accent2:#68A183;
    --gold:#DDB84F;
    --border:#263A2D;
    --shadow: 0 28px 64px -22px rgba(0,0,0,0.65);
    color-scheme: dark;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    background:var(--bg);
    color:var(--text);
    font-family:'Manrope', sans-serif;
    -webkit-font-smoothing:antialiased;
    transition:background .5s ease, color .5s ease;
    overflow-x:hidden;
  }
  h1,h2,h3,h4{
    font-family:'Fraunces', serif;
    font-weight:600;
    letter-spacing:-0.01em;
    margin:0;
  }
  a{color:inherit; text-decoration:none;}
  img{max-width:100%; display:block;}
  .wrap{max-width:1240px; margin:0 auto; padding:0 20px;}
  .eyebrow{
    font-size:.72rem; letter-spacing:.16em; text-transform:uppercase;
    color:var(--accent2); font-weight:700; display:flex; align-items:center; gap:8px;
  }
  .eyebrow::before{content:""; width:20px; height:2px; background:var(--accent2); display:inline-block;}
  button{font-family:inherit;}

  /* ---------- Reveal animation: "construction" build-in ---------- */
  .build{
    opacity:0;
    transform: translateY(46px) scale(.96);
    filter: blur(2px);
    transition: opacity .8s cubic-bezier(.16,.8,.24,1), transform .8s cubic-bezier(.16,.8,.24,1), filter .8s ease;
  }
  .build.in{ opacity:1; transform:translateY(0) scale(1); filter:blur(0); }
  .build-left{ transform: translateX(-56px) rotate(-2deg); }
  .build-left.in{ transform: translateX(0) rotate(0); }
  .build-right{ transform: translateX(56px) rotate(2deg); }
  .build-right.in{ transform: translateX(0) rotate(0); }
  .build-plank{
    opacity:0; transform: translateY(60px) scaleX(.7);
    transform-origin:left center;
    transition: opacity .7s ease, transform .7s cubic-bezier(.2,.9,.3,1.1);
  }
  .build-plank.in{ opacity:1; transform:translateY(0) scaleX(1); }
  .stagger .build, .stagger .build-plank{ transition-delay: calc(var(--i, 0) * 90ms); }

  /* ---------- Reveal: "kapı açılıyor" (door-wipe) for bungalov cards ---------- */
  .reveal-door{
    opacity:0;
    clip-path: inset(0 0 100% 0 round var(--radius));
    transform: translateY(18px);
    transition: clip-path .85s cubic-bezier(.22,.85,.24,1), opacity .3s ease, transform .85s cubic-bezier(.22,.85,.24,1);
    transition-delay: calc(var(--i, 0) * 110ms);
  }
  .reveal-door.in{ opacity:1; clip-path: inset(0 0 0% 0 round var(--radius)); transform:translateY(0); }
  .reveal-door .villa-media img{ transform:scale(1.18); transition: transform 1s cubic-bezier(.2,.8,.2,1); transition-delay: inherit; }
  .reveal-door.in .villa-media img{ transform:scale(1); }

  /* ---------- Reveal: "kapı aralanıyor" (gate-swing) for villa cards ---------- */
  .reveal-gate{
    opacity:0;
    transform: perspective(1200px) rotateY(-38deg) translateX(-30px);
    transform-origin: left center;
    transition: transform .9s cubic-bezier(.2,.75,.22,1.05), opacity .5s ease;
    transition-delay: calc(var(--i, 0) * 110ms);
  }
  .reveal-gate.in{ opacity:1; transform: perspective(1200px) rotateY(0deg) translateX(0); }

  @media (prefers-reduced-motion: reduce){
    .build,.build-left,.build-right,.build-plank,.reveal-door,.reveal-gate{ transition:none !important; transform:none !important; clip-path:none !important; opacity:1 !important; filter:none !important; }
  }

  /* ---------- Header ---------- */
  header{
    position:sticky; top:0; z-index:60;
    background:color-mix(in srgb, var(--bg) 86%, transparent);
    backdrop-filter: blur(14px);
    border-bottom:1px solid var(--border);
  }

  .floating-wa{
    position:fixed; right:20px; bottom:20px; z-index:90;
    width:58px; height:58px; border-radius:50%; background:#25D366; color:#fff;
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 14px 30px -10px rgba(0,0,0,.4);
    transition:transform .25s ease;
  }
  .floating-wa:hover{ transform:scale(1.08); }
  .floating-wa::before{
    content:""; position:absolute; inset:0; border-radius:50%; background:#25D366;
    animation:wa-pulse 2.2s ease-out infinite; z-index:-1;
  }
  @keyframes wa-pulse{ 0%{ transform:scale(1); opacity:.55; } 100%{ transform:scale(1.7); opacity:0; } }

  .floating-top{
    position:fixed; right:20px; bottom:90px; z-index:90;
    width:44px; height:44px; border-radius:50%; background:var(--surface); color:var(--text);
    border:1px solid var(--border); box-shadow:var(--shadow);
    display:flex; align-items:center; justify-content:center; cursor:pointer;
    opacity:0; pointer-events:none; transform:translateY(10px);
    transition:opacity .3s ease, transform .3s ease;
  }
  .floating-top.show{ opacity:1; pointer-events:auto; transform:none; }

  .trust-badges{ display:flex; gap:10px; flex-wrap:wrap; justify-content:center; margin-bottom:16px; }
  .trust-badge{
    display:inline-flex; align-items:center; gap:6px; font-size:.76rem; font-weight:700;
    color:var(--accent2); background:color-mix(in srgb, var(--accent2) 10%, transparent);
    border:1px solid color-mix(in srgb, var(--accent2) 30%, transparent);
    padding:6px 12px; border-radius:999px;
  }
  .trust-badge-ico{ color:var(--accent2); }
  a.trust-badge:hover{ background:color-mix(in srgb, var(--accent2) 18%, transparent); }

  .social-links{ display:flex; gap:10px; margin-top:14px; }
  .social-ico{
    width:36px; height:36px; border-radius:50%; border:1px solid var(--border); background:var(--surface);
    color:var(--muted); display:flex; align-items:center; justify-content:center; transition:.2s;
  }
  .social-ico:hover{ color:var(--accent); border-color:var(--accent); transform:translateY(-2px); }
  .header-inner{ display:flex; align-items:center; justify-content:space-between; padding:14px 20px; gap:16px;}
  .logo{ display:flex; align-items:center; gap:10px; font-family:'Fraunces',serif; font-weight:700; font-size:1.3rem;}
  .logo-mark{
    width:36px;height:36px;border-radius:10px;
    background:linear-gradient(155deg, var(--accent), var(--accent2));
    display:flex;align-items:center;justify-content:center;color:var(--accent-ink);
    font-size:1rem; flex:none;
  }
  nav.desktop-nav{ display:none; gap:28px; font-size:.94rem; font-weight:600;}
  .nav-item{ position:relative; display:flex; align-items:center; }
  .nav-item > a::after{ content:"▾"; font-size:.62rem; margin-left:5px; opacity:.6; position:relative; top:-1px; }
  .nav-dropdown{
    position:absolute; top:100%; left:50%; transform:translateX(-50%) translateY(6px);
    min-width:210px; background:var(--surface); border:1px solid var(--border);
    border-radius:14px; box-shadow:var(--shadow); padding:8px; margin-top:10px;
    opacity:0; visibility:hidden; transition:opacity .2s ease, transform .2s ease, visibility .2s;
    z-index:70;
  }
  .nav-item:hover .nav-dropdown, .nav-item:focus-within .nav-dropdown{
    opacity:1; visibility:visible; transform:translateX(-50%) translateY(0);
  }
  .nav-dropdown a{ display:block; padding:9px 12px; border-radius:9px; font-size:.86rem; font-weight:600; white-space:nowrap; }
  .nav-dropdown a::after{ content:none; }
  .nav-dropdown a:hover{ background:var(--surface-2); }
  .mobile-subnav a{ padding-left:16px; font-size:.9rem; opacity:.8; font-weight:600; }
  nav.desktop-nav a{ opacity:.82; transition:opacity .2s; position:relative;}
  nav.desktop-nav a:hover{opacity:1;}
  .header-actions{ display:flex; align-items:center; gap:10px;}
  .theme-toggle{
    width:44px;height:44px;border-radius:50%;
    border:1px solid var(--border); background:var(--surface);
    display:flex;align-items:center;justify-content:center; cursor:pointer;
    color:var(--text); position:relative; overflow:hidden; flex:none;
  }
  .theme-toggle svg{ width:19px; height:19px; transition:transform .5s ease, opacity .3s ease;}
  .btn{
    display:inline-flex; align-items:center; justify-content:center; gap:8px;
    padding:12px 20px; border-radius:999px; font-weight:700; font-size:.88rem;
    border:1px solid transparent; cursor:pointer; white-space:nowrap;
    transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
  }
  .btn-primary{ background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 75%, var(--gold))); color:var(--accent-ink); box-shadow:0 10px 24px -10px color-mix(in srgb, var(--accent) 70%, transparent);}
  .btn-primary:hover{ transform:translateY(-2px); }
  .btn-ghost{ background:transparent; border-color:var(--border); color:var(--text);}
  .btn-ghost:hover{ background:var(--surface); }
  .hide-mobile{ display:none; }
  .burger{
    width:44px;height:44px;border-radius:12px;border:1px solid var(--border);
    background:var(--surface); display:flex; align-items:center; justify-content:center; cursor:pointer;
  }
  .burger span, .burger span::before, .burger span::after{
    content:""; display:block; width:18px; height:2px; background:var(--text); position:relative; transition:.3s;
  }
  .burger span::before{ position:absolute; top:-6px;}
  .burger span::after{ position:absolute; top:6px;}

  .mobile-nav{
    max-height:0; overflow:hidden; transition:max-height .4s ease;
    border-top:1px solid transparent;
  }
  .mobile-nav.open{ max-height:400px; border-top:1px solid var(--border);}
  .mobile-nav .wrap{ padding:14px 20px 20px; display:flex; flex-direction:column; gap:14px;}
  .mobile-nav a{ font-weight:600; font-size:1rem; padding:6px 0; }

  /* ---------- Hero ---------- */
  .hero{
    position:relative; padding:38px 0 0;
  }
  .hero-grid{
    display:grid; gap:26px; align-items:center;
  }

  /* ---------- Villa detay sayfası: story-grid (görsel + bilgi) ---------- */
  .story-grid{ display:grid; gap:30px; grid-template-columns:1fr; align-items:start; }
  @media(min-width:900px){ .story-grid{ grid-template-columns:1.1fr 1fr; align-items:start; } }
  .story-image{
    border-radius:22px; overflow:hidden; box-shadow:var(--shadow); aspect-ratio:4/3.4;
  }
  .story-image img{ width:100%; height:100%; object-fit:cover; display:block; }
  .story-copy h1{ font-size:clamp(1.7rem, 4vw, 2.4rem); line-height:1.1; }
  @media(min-width:900px){ .story-grid .story-image{ position:sticky; top:100px; } }
  .hero-copy h1{
    font-size:clamp(2.1rem, 6vw, 3.6rem);
    line-height:1.04;
  }
  .hero-copy h1 em{ font-style:normal; color:var(--accent);}
  .hero-copy p{ color:var(--muted); font-size:1.05rem; margin:18px 0 26px; max-width:46ch; line-height:1.6;}
  .hero-cta{ display:flex; gap:12px; flex-wrap:wrap; }
  .hero-stats{ display:flex; gap:26px; margin-top:30px; flex-wrap:wrap;}
  .hero-stats div strong{ display:block; font-family:'Fraunces',serif; font-size:1.5rem;}
  .hero-stats div span{ font-size:.78rem; color:var(--muted); }

  .hero-visual{
    position:relative; border-radius:26px; overflow:hidden; aspect-ratio:4/3.2;
    box-shadow:var(--shadow);
  }
  .hero-visual img{ width:100%; height:100%; object-fit:cover;}
  .hero-slide{
    position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
    opacity:0; transition:opacity 1.2s ease; z-index:0;
  }
  .hero-slide.active{ opacity:1; z-index:1; }
  .hero-visual::after{
    content:""; position:absolute; inset:0; z-index:1;
    background:linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(15,22,17,.55) 100%);
  }
  .hero-badge{
    position:absolute; left:18px; bottom:18px; z-index:2;
    background:color-mix(in srgb, var(--surface) 88%, transparent);
    backdrop-filter:blur(10px);
    padding:12px 16px; border-radius:14px; display:flex; gap:10px; align-items:center;
    font-weight:700; font-size:.85rem;
  }

  .roofline{ width:100%; height:auto; display:block; }
  .roofline path{
    fill:none; stroke:var(--accent2); stroke-width:2.5;
    stroke-dasharray:1400; stroke-dashoffset:1400;
    animation: draw 2.4s cubic-bezier(.2,.7,.2,1) forwards .3s;
  }
  .roofline path.accent-stroke{ stroke:var(--accent); animation-delay:.9s; }
  @keyframes draw{ to{ stroke-dashoffset:0; } }

  /* ---------- Search card ---------- */
  .search-card{
    background:color-mix(in srgb, var(--surface) 90%, transparent);
    backdrop-filter: blur(18px);
    border:1px solid var(--border); border-radius:22px;
    box-shadow:var(--shadow); padding:22px; margin-top:-46px; position:relative; z-index:5;
  }
  .search-card::before{
    content:""; position:absolute; inset:0; border-radius:22px; padding:1px;
    background:linear-gradient(120deg, var(--accent), transparent 35%, var(--accent2) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude; pointer-events:none; opacity:.6;
  }
  .search-toggle{
    display:inline-flex; padding:4px; border-radius:999px; background:var(--surface-2);
    border:1px solid var(--border); margin-bottom:16px; gap:4px;
  }
  .search-toggle button{
    border:none; background:transparent; padding:8px 18px; border-radius:999px;
    font-weight:700; font-size:.82rem; color:var(--muted); cursor:pointer; transition:.25s;
    display:flex; align-items:center; gap:6px;
  }
  .search-toggle button.active{ background:var(--accent); color:var(--accent-ink); box-shadow:0 6px 16px -8px color-mix(in srgb, var(--accent) 70%, transparent); }
  .search-fields{ display:grid; gap:10px; grid-template-columns:1fr 1fr; }
  .search-fields > .search-field:first-child{ grid-column:1 / -1; }
  .search-field{
    display:flex; align-items:center; gap:10px;
    border:1px solid var(--border); background:var(--surface-2); border-radius:13px; padding:9px 12px;
    transition: border-color .2s, transform .2s;
  }
  .search-field:focus-within{ border-color:var(--accent); transform:translateY(-1px); }
  .search-field .ico{ flex:none; width:20px; height:20px; color:var(--accent2); display:flex; align-items:center; justify-content:center;}
  .search-field .field-text{ display:flex; flex-direction:column; flex:1; min-width:0; }
  .search-field label{ font-size:.66rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:var(--muted); }
  .search-field select, .search-field input{
    border:none; background:transparent; color:var(--text); padding:0; font-size:.92rem; font-family:inherit;
    width:100%;
  }
  .search-field select:focus, .search-field input:focus{ outline:none; }
  .search-submit{ width:100%; margin-top:14px; padding:14px; font-size:.95rem; }

  /* ---------- form-field2: stacked label+input (Belge Doğrulama, İletişim formu vb.) ---------- */
  .form-field2{ display:flex; flex-direction:column; gap:6px; margin-bottom:14px; }
  .form-field2 label{ font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:var(--muted); }
  .form-field2 input, .form-field2 select, .form-field2 textarea{
    border:1px solid var(--border); background:var(--surface-2); color:var(--text);
    padding:11px 13px; border-radius:11px; font-family:inherit; font-size:.92rem; width:100%;
    transition:border-color .2s;
  }
  .form-field2 input:focus, .form-field2 select:focus, .form-field2 textarea:focus{ outline:none; border-color:var(--accent); }
  .form-field2 textarea{ resize:vertical; min-height:110px; line-height:1.5; }
  .form-grid2{ display:grid; grid-template-columns:1fr 1fr; gap:0 14px; }
  @media(max-width:520px){ .form-grid2{ grid-template-columns:1fr; } }

  /* ---------- İletişim sayfası ---------- */
  .contact-grid{ display:grid; grid-template-columns:1fr; gap:24px; }
  @media(min-width:860px){ .contact-grid{ grid-template-columns:0.9fr 1.1fr; } }
  .contact-cards{ display:flex; flex-direction:column; gap:14px; }
  .contact-card{
    display:flex; align-items:flex-start; gap:14px;
    background:var(--surface); border:1px solid var(--border); border-radius:16px;
    padding:18px; box-shadow:var(--shadow); transition:transform .2s ease;
  }
  a.contact-card:hover{ transform:translateY(-2px); border-color:var(--accent2); }
  .contact-ico{ font-size:1.4rem; flex:none; }
  .contact-card strong{ display:block; font-size:.95rem; margin-bottom:2px; }
  .contact-card span{ font-size:.86rem; color:var(--muted); line-height:1.5; }
  .contact-form-wrap{
    background:var(--surface); border:1px solid var(--border); border-radius:20px;
    padding:28px; box-shadow:var(--shadow);
  }
  .contact-success{ text-align:center; padding:30px 10px; }
  .contact-success h3{ font-family:'Fraunces',serif; font-size:1.3rem; margin-bottom:8px; }
  .contact-success p{ color:var(--muted); font-size:.92rem; }

  /* ---------- Hakkımızda / Biz Kimiz: otomatik özellik kartları ---------- */
  .feature-card-grid{ display:grid; grid-template-columns:1fr; gap:16px; }
  @media(min-width:640px){ .feature-card-grid{ grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); } }
  .feature-card{
    background:var(--surface); border:1px solid var(--border); border-left:4px solid var(--accent);
    border-radius:14px; padding:22px; box-shadow:var(--shadow);
  }
  .feature-card-num{ font-family:'Fraunces',serif; font-size:.85rem; color:var(--gold); font-weight:600; margin-bottom:8px; }
  .feature-card h3{ font-size:1.1rem; margin-bottom:10px; }
  .feature-card-body{ color:var(--muted); font-size:.92rem; line-height:1.65; }
  .feature-card-body p{ margin:0 0 10px; }
  .feature-card-body p:last-child{ margin-bottom:0; }
  .feature-card-body ul{ margin:0; padding-left:18px; }
  .feature-card-body li{ margin-bottom:6px; }
  @media(min-width:760px){
    .search-fields{ grid-template-columns: 1.2fr 1fr 1fr .8fr .8fr; }
    .search-submit{ width:auto; margin-top:0; }
    .search-bottom-row{ display:flex; gap:12px; align-items:center; margin-top:14px; }
    .search-bottom-row .search-submit{ flex:none; margin-left:auto; padding:0 28px; height:100%; align-self:stretch; display:flex; }
  }

  /* ---------- Chips ---------- */
  .chips{ display:flex; gap:10px; overflow-x:auto; padding:26px 20px 6px; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
  .chips::-webkit-scrollbar{display:none;}
  .chip{
    flex:none; padding:9px 16px; border-radius:999px; border:1px solid var(--border);
    background:var(--surface); font-size:.85rem; font-weight:600; cursor:pointer;
    transition: background .2s, color .2s, transform .2s;
  }
  .chip:hover{ transform:translateY(-2px); }
  .chip.active{ background:var(--accent2); color:#fff; border-color:var(--accent2); }

  /* ---------- Sections ---------- */
  section{ padding:64px 0; }
  .section-head{ display:flex; justify-content:space-between; align-items:flex-end; gap:20px; margin-bottom:30px; flex-wrap:wrap;}
  .section-head h2{ font-size:clamp(1.6rem,4vw,2.3rem); margin-top:8px;}
  .see-all{ font-weight:700; font-size:.88rem; border-bottom:2px solid var(--accent); padding-bottom:2px; white-space:nowrap;}

  .card-grid{ display:grid; grid-template-columns:1fr; gap:22px; align-items:start; align-content:start; }
  @media(min-width:640px){ .card-grid{ grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); } }

  .villa-card{
    background:var(--surface); border:1px solid var(--border); border-radius:var(--radius);
    overflow:hidden; box-shadow:var(--shadow); transition: transform .35s ease, box-shadow .35s ease;
  }
  .villa-card:hover{ transform:translateY(-6px); }
  .villa-media{ position:relative; aspect-ratio:5/4; overflow:hidden; max-height:340px;}
  .villa-media img{ width:100%; height:100%; max-height:340px; object-fit:cover; transition:transform .6s ease; display:block;}
  .villa-card:hover .villa-media img{ transform:scale(1.06);}
  .villa-tag{
    position:absolute; top:12px; left:12px; background:var(--accent); color:var(--accent-ink);
    font-size:.7rem; font-weight:800; padding:5px 10px; border-radius:999px;
  }
  .type-pill{
    position:absolute; top:12px; left:12px; font-size:.68rem; font-weight:800; padding:5px 11px;
    border-radius:999px; display:flex; align-items:center; gap:5px;
    background:color-mix(in srgb, var(--surface) 85%, transparent); backdrop-filter:blur(6px); color:var(--text);
  }
  .type-pill.is-villa{ background:color-mix(in srgb, var(--accent2) 85%, transparent); color:#fff; }
  .type-pill.is-bungalov{ background:color-mix(in srgb, var(--accent) 88%, transparent); color:var(--accent-ink); }
  .villa-tag.with-pill{ top:48px; }
  .villa-fav{
    position:absolute; top:12px; right:12px; width:38px;height:38px;border-radius:50%;
    background:color-mix(in srgb, var(--surface) 82%, transparent); backdrop-filter:blur(6px);
    display:flex; align-items:center; justify-content:center; cursor:pointer;
  }
  .villa-body{ padding:16px 16px 18px; }
  .villa-body .region{ font-size:.72rem; color:var(--accent2); font-weight:700; text-transform:uppercase; letter-spacing:.06em;}
  .villa-body h3{ font-size:1.08rem; margin:6px 0 8px; }
  .villa-meta{ display:flex; gap:12px; font-size:.78rem; color:var(--muted); margin-bottom:12px; flex-wrap:wrap;}
  .villa-price-row{ display:flex; justify-content:space-between; align-items:center; border-top:1px dashed var(--border); padding-top:12px;}
  .villa-price strong{ font-family:'Fraunces',serif; font-size:1.2rem; color:var(--accent2);}
  .villa-price span{ font-size:.72rem; color:var(--muted); display:block;}
  .mini-btn{
    width:38px;height:38px;border-radius:50%; background:var(--accent2); color:#fff;
    display:flex; align-items:center; justify-content:center; cursor:pointer; flex:none;
    transition:transform .2s ease;
  }
  .mini-btn:hover{ transform:rotate(20deg) scale(1.08); }

  /* ---------- Why us: plank build ---------- */
  .why-us{ background:var(--surface-2); border-top:1px solid var(--border); border-bottom:1px solid var(--border);}
  .why-grid{ display:grid; gap:16px; grid-template-columns:1fr; }
  @media(min-width:760px){ .why-grid{ grid-template-columns:repeat(4,1fr);} }
  .why-plank{
    background:var(--surface); border:1px solid var(--border); border-left:5px solid var(--accent);
    border-radius:12px; padding:20px; position:relative;
  }
  .why-plank .num{ font-family:'Fraunces',serif; font-size:.8rem; color:var(--muted); }
  .why-plank h4{ font-size:1.05rem; margin:10px 0 8px; }
  .why-plank p{ font-size:.88rem; color:var(--muted); line-height:1.55; margin:0;}

  /* ---------- Regions ---------- */
  .region-tabs{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:26px;}
  .region-tab{
    padding:9px 16px; border-radius:10px; border:1px solid var(--border); background:var(--surface);
    font-weight:700; font-size:.85rem; cursor:pointer;
  }
  .region-tab.active{ background:var(--text); color:var(--bg); border-color:var(--text); }

  /* ---------- Testimonials ---------- */
  .testi-track{
    display:flex; gap:18px; overflow-x:auto; padding:6px 4px 26px; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;
  }
  .testi-card{
    scroll-snap-align:start; flex:0 0 82%; background:var(--surface); border:1px solid var(--border);
    border-radius:16px; padding:22px; box-shadow:var(--shadow);
  }
  @media(min-width:640px){ .testi-card{ flex-basis:46%; } }
  @media(min-width:1000px){ .testi-card{ flex-basis:31%; } }
  .stars{ color:var(--gold); letter-spacing:2px; font-size:.9rem;}
  .testi-card p{ font-size:.92rem; line-height:1.6; margin:12px 0 16px; color:var(--text);}
  .testi-who{ display:flex; align-items:center; gap:10px;}
  .testi-avatar{ width:38px;height:38px;border-radius:50%; object-fit:cover; background:var(--accent2); flex:none; border:2px solid var(--surface); box-shadow:0 0 0 1px var(--border); }
  .testi-who strong{ font-size:.88rem; display:block;}
  .testi-who span{ font-size:.72rem; color:var(--muted);}

  /* ---------- Yorumlar sayfası: özet puan + dağılım çubukları ---------- */
  .review-summary{ display:grid; gap:16px; grid-template-columns:1fr; margin-top:24px; }
  @media(min-width:760px){ .review-summary{ grid-template-columns: 1fr 1.4fr; } }
  .summary-score{
    background:var(--surface); border:1px solid var(--border); border-radius:20px; box-shadow:var(--shadow);
    padding:26px; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px;
  }
  .summary-score .big-score{ font-family:'Fraunces',serif; font-size:3rem; font-weight:600; color:var(--accent2); line-height:1; }
  .summary-score .stars{ font-size:1.1rem; }
  .summary-score .count{ color:var(--muted); font-size:.85rem; }
  .summary-bars{
    background:var(--surface); border:1px solid var(--border); border-radius:20px; box-shadow:var(--shadow);
    padding:22px 26px; display:flex; flex-direction:column; gap:10px; justify-content:center;
  }
  .bar-row{ display:grid; grid-template-columns:44px 1fr 34px; align-items:center; gap:10px; font-size:.8rem; color:var(--muted); }
  .bar-track{ height:8px; border-radius:999px; background:var(--surface-2); border:1px solid var(--border); overflow:hidden; }
  .bar-fill{ height:100%; background:var(--gold); border-radius:999px; }

  .review-toolbar{ display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; margin:28px 0 20px; }
  .review-filters{ display:flex; gap:10px; flex-wrap:wrap; }
  .review-filters select{
    border:1px solid var(--border); background:var(--surface); color:var(--text);
    padding:9px 13px; border-radius:11px; font-family:inherit; font-weight:600; font-size:.85rem;
  }
  .review-grid{ display:grid; grid-template-columns:1fr; gap:18px; }
  @media(min-width:700px){ .review-grid{ grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); } }
  .review-card{
    background:var(--surface); border:1px solid var(--border); border-radius:16px; padding:22px;
    box-shadow:var(--shadow); display:flex; flex-direction:column; gap:12px;
  }
  .review-card .stars{ font-size:.9rem; }
  .review-card p{ font-size:.92rem; line-height:1.6; color:var(--text); margin:0; flex:1; }
  .review-who{ display:flex; align-items:center; gap:10px; }
  .review-who strong{ font-size:.88rem; display:block; }
  .review-who span{ font-size:.72rem; color:var(--muted); }
  .review-villa-tag{
    align-self:flex-start; font-size:.72rem; font-weight:700; color:var(--accent2);
    background:color-mix(in srgb, var(--accent2) 12%, transparent);
    padding:5px 11px; border-radius:999px;
  }

  /* ---------- CTA ---------- */
  .cta-band{
    border-radius:26px; padding:46px 26px; text-align:center; position:relative; overflow:hidden;
    background: linear-gradient(150deg, var(--accent2), color-mix(in srgb, var(--accent2) 60%, var(--text)));
    color:#fff;
  }
  .cta-band::before{
    content:""; position:absolute; inset:0; pointer-events:none;
    background: radial-gradient(60% 90% at 85% 0%, color-mix(in srgb, var(--gold) 35%, transparent), transparent 70%);
  }
  .cta-band > *{ position:relative; z-index:1; }
  .cta-band h2{ color:#fff; font-size:clamp(1.6rem,4vw,2.4rem); margin-bottom:10px;}
  .cta-band p{ opacity:.9; max-width:44ch; margin:0 auto 24px;}
  .cta-band .hero-cta{ justify-content:center; }
  .cta-band .btn-ghost{ background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.4); color:#fff;}
  .cta-band .btn-primary{ background:#fff; color:var(--accent2); }

  /* ---------- Footer ---------- */
  footer{ padding:56px 0 26px; border-top:1px solid var(--border); margin-top:20px;}
  .footer-grid{ display:grid; gap:32px; grid-template-columns:1fr; }
  @media(min-width:760px){ .footer-grid{ grid-template-columns:1.4fr 1fr 1fr 1fr; } }
  .footer-grid h5{ font-size:.78rem; text-transform:uppercase; letter-spacing:.08em; color:var(--muted); margin-bottom:14px;}
  .footer-grid ul{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:10px; font-size:.9rem;}
  .footer-bottom{ display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; margin-top:40px; padding-top:20px; border-top:1px solid var(--border); font-size:.8rem; color:var(--muted);}

  ::selection{ background:var(--accent); color:#fff; }
  :focus-visible{ outline:2px solid var(--accent); outline-offset:2px; }

  @media(min-width:900px){
    nav.desktop-nav{ display:flex; }
    .hide-mobile{ display:inline-flex; }
    .burger{ display:none; }
    .hero-grid{ grid-template-columns:1.05fr .95fr; }
    .hero-copy{ padding-bottom:20px; }
  }

  /* ---------- Listing page: filter bar & toolbar ---------- */
  .listing-hero{ padding:34px 0 0; }
  .listing-hero h1{ font-size:clamp(2rem,5vw,2.9rem); line-height:1.05; }
  .listing-hero p{ color:var(--muted); max-width:56ch; margin-top:12px; font-size:1.02rem; }
  .filter-bar{
    background:color-mix(in srgb, var(--surface) 90%, transparent);
    backdrop-filter:blur(18px);
    border:1px solid var(--border); border-radius:20px; box-shadow:var(--shadow);
    padding:18px; margin-top:24px; display:grid; gap:12px;
  }
  .filter-row{ display:grid; gap:10px; grid-template-columns:1fr 1fr; }
  .filter-row > .filter-field:first-child{ grid-column:1 / -1; }
  .filter-row > button{ grid-column:1 / -1; }
  @media(min-width:860px){ .filter-row{ grid-template-columns: 1.2fr 1fr 1fr 1fr auto; align-items:end; } .filter-row > .filter-field:first-child, .filter-row > button{ grid-column:auto; } }
  .filter-field{ display:flex; flex-direction:column; gap:6px; }
  .filter-field label{ font-size:.68rem; font-weight:700; text-transform:uppercase; letter-spacing:.07em; color:var(--muted); }
  .filter-field select, .filter-field input{
    border:1px solid var(--border); background:var(--surface-2); color:var(--text);
    padding:10px 12px; border-radius:11px; font-size:.9rem; font-family:inherit;
  }
  .filter-reset{
    background:transparent; border:1px solid var(--border); color:var(--muted); font-weight:700;
    border-radius:11px; padding:10px 16px; cursor:pointer; font-size:.85rem; white-space:nowrap;
  }
  .filter-reset:hover{ color:var(--text); border-color:var(--text); }

  .listing-toolbar{
    display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
    margin:26px 0 20px;
  }
  .result-count{ font-size:.92rem; color:var(--muted); }
  .result-count strong{ color:var(--text); font-family:'Fraunces',serif; font-size:1.15rem; }
  .sort-field{ display:flex; align-items:center; gap:8px; font-size:.85rem; }
  .sort-field select{
    border:1px solid var(--border); background:var(--surface); color:var(--text);
    padding:8px 12px; border-radius:10px; font-family:inherit; font-weight:600; font-size:.85rem;
  }
  .type-toggle{
    display:inline-flex; padding:4px; border-radius:999px; background:var(--surface-2);
    border:1px solid var(--border); gap:4px;
  }
  .type-toggle button{
    border:none; background:transparent; padding:8px 16px; border-radius:999px;
    font-weight:700; font-size:.8rem; color:var(--muted); cursor:pointer; transition:.25s;
  }
  .type-toggle button.active{ background:var(--accent); color:var(--accent-ink); }

  .empty-state{
    text-align:center; padding:60px 20px; color:var(--muted);
    border:1px dashed var(--border); border-radius:18px;
  }
  .empty-state strong{ display:block; color:var(--text); font-family:'Fraunces',serif; font-size:1.2rem; margin-bottom:6px; }

  .load-more-wrap{ display:flex; justify-content:center; margin-top:34px; }
  .load-more{ padding:13px 30px; }

  .breadcrumb{ font-size:.82rem; color:var(--muted); margin-bottom:10px; }
  .breadcrumb a{ color:var(--accent2); font-weight:700; }


/* ---------- WordPress core compatibility ---------- */
.alignwide{ max-width:1240px; margin-left:auto; margin-right:auto; }
.aligncenter{ text-align:center; }
img{ height:auto; max-width:100%; }
.screen-reader-text{ position:absolute !important; clip:rect(1px,1px,1px,1px); overflow:hidden; height:1px; width:1px; }
body.admin-bar header{ top:32px; }
@media(max-width:782px){ body.admin-bar header{ top:46px; } }

/* the_content() styled text (Hakkimizda / Biz Kimiz / Depozito gibi sayfalar) */
.entry-content{ color:var(--text); line-height:1.75; font-size:1rem; }

/* ---------- Accordion / FAQ (Depozito gibi soru-cevap sayfaları icin) ---------- */
.faq-list{ display:flex; flex-direction:column; gap:12px; margin-top:10px; }
.faq-item{
  background:var(--surface); border:1px solid var(--border); border-radius:14px;
  overflow:hidden; box-shadow:var(--shadow);
}
.faq-question{
  width:100%; display:flex; align-items:center; justify-content:space-between; gap:14px;
  padding:18px 20px; background:none; border:none; cursor:pointer; text-align:left;
  font-family:'Fraunces',serif; font-weight:600; font-size:1.02rem; color:var(--text);
}
.faq-question .chev{
  flex:none; width:26px; height:26px; border-radius:50%; background:var(--surface-2);
  color:var(--accent2); display:flex; align-items:center; justify-content:center;
  transition:transform .3s ease; font-size:.85rem;
}
.faq-item.open .faq-question .chev{ transform:rotate(180deg); background:var(--accent2); color:#fff; }
.faq-answer{
  max-height:0; overflow:hidden; transition:max-height .35s ease;
}
.faq-answer-inner{ padding:0 20px 20px; color:var(--muted); line-height:1.7; font-size:.94rem; }
.faq-answer-inner p{ margin:0 0 12px; }
.faq-answer-inner p:last-child{ margin-bottom:0; }
.faq-answer-inner ul{ margin:0 0 12px; padding-left:20px; }
.entry-content h2{ font-size:1.6rem; margin:34px 0 14px; }
.entry-content h3{ font-size:1.25rem; margin:26px 0 10px; }
.entry-content p{ margin:0 0 16px; }
.entry-content ul, .entry-content ol{ margin:0 0 16px; padding-left:22px; color:var(--muted); }
.entry-content li{ margin-bottom:6px; }
.entry-content a{ color:var(--accent2); font-weight:700; text-decoration:underline; text-decoration-color:var(--border); }
.entry-content strong{ color:var(--text); }
  .page-hero{ padding:38px 0 10px; }
  .page-hero h1{ font-size:clamp(2rem,5vw,2.9rem); line-height:1.05; }
  .page-hero p{ color:var(--muted); max-width:60ch; margin-top:12px; font-size:1.02rem; line-height:1.6; }

  .value-grid{ display:grid; grid-template-columns:1fr; gap:16px; margin-top:30px; }
  @media(min-width:700px){ .value-grid{ grid-template-columns:repeat(4,1fr); } }
  .value-card{
    background:var(--surface); border:1px solid var(--border); border-radius:16px; padding:22px;
    box-shadow:var(--shadow); text-align:left;
  }
  .value-card .ico{
    width:42px; height:42px; border-radius:12px; background:color-mix(in srgb, var(--accent2) 14%, transparent);
    color:var(--accent2); display:flex; align-items:center; justify-content:center; margin-bottom:14px;
  }
  .value-card h4{ font-size:1.05rem; margin-bottom:6px; }
  .value-card p{ font-size:.88rem; color:var(--muted); line-height:1.5; margin:0; }

  .story-grid{ display:grid; gap:28px; grid-template-columns:1fr; margin-top:10px; }
  @media(min-width:900px){ .story-grid{ grid-template-columns:1.1fr .9fr; align-items:start; } }
  .story-copy p{ color:var(--text); line-height:1.75; font-size:1rem; margin:0 0 16px; }
  .story-copy p.lead{ font-size:1.08rem; color:var(--muted); }
  .story-image{ border-radius:20px; overflow:hidden; box-shadow:var(--shadow); aspect-ratio:4/3.3; }
  .story-image img{ width:100%; height:100%; object-fit:cover; }

  .mv-grid{ display:grid; gap:18px; grid-template-columns:1fr; margin-top:22px; }
  @media(min-width:700px){ .mv-grid{ grid-template-columns:1fr 1fr; } }
  .mv-card{
    background:var(--surface-2); border:1px solid var(--border); border-left:4px solid var(--accent2);
    border-radius:14px; padding:22px;
  }
  .mv-card h4{ font-family:'Fraunces',serif; font-size:1.15rem; margin-bottom:8px; }
  .mv-card p{ color:var(--muted); font-size:.92rem; line-height:1.65; margin:0; }

  .stat-row{ display:grid; grid-template-columns:repeat(2,1fr); gap:16px; margin-top:30px; }
  @media(min-width:700px){ .stat-row{ grid-template-columns:repeat(5,1fr); } }
  .stat-box{ text-align:center; background:var(--surface); border:1px solid var(--border); border-radius:14px; padding:18px 10px; box-shadow:var(--shadow); }
  .stat-box strong{ display:block; font-family:'Fraunces',serif; font-size:1.5rem; color:var(--accent2); }
  .stat-box span{ font-size:.76rem; color:var(--muted); }

  .accordion{ margin-top:26px; display:flex; flex-direction:column; gap:12px; }
  .accordion-item{ background:var(--surface); border:1px solid var(--border); border-radius:14px; overflow:hidden; box-shadow:var(--shadow); }
  .accordion-item summary{
    list-style:none; cursor:pointer; padding:18px 20px; font-weight:700; font-family:'Fraunces',serif; font-size:1.02rem;
    display:flex; align-items:center; justify-content:space-between; gap:12px;
  }
  .accordion-item summary::-webkit-details-marker{ display:none; }
  .accordion-item summary::after{ content:"+"; font-size:1.3rem; color:var(--accent2); font-weight:400; transition:transform .25s; flex:none; }
  .accordion-item[open] summary::after{ transform:rotate(45deg); }
  .accordion-body{ padding:0 20px 20px; color:var(--muted); font-size:.92rem; line-height:1.7; }
  .accordion-body ul{ margin:8px 0 0; padding-left:18px; }
  .accordion-body li{ margin-bottom:6px; }

  .callout{
    margin-top:22px; padding:18px 20px; border-radius:14px; border:1px solid color-mix(in srgb, var(--accent) 40%, var(--border));
    background:color-mix(in srgb, var(--accent) 10%, var(--surface)); font-size:.88rem; line-height:1.6; color:var(--text);
  }
  .callout strong{ color:var(--accent); }

  .contact-grid{ display:grid; gap:16px; grid-template-columns:1fr; margin-top:28px; }
  @media(min-width:700px){ .contact-grid{ grid-template-columns:repeat(4,1fr); } }
  .contact-card{
    background:var(--surface); border:1px solid var(--border); border-radius:16px; padding:22px;
    box-shadow:var(--shadow); text-align:center;
  }
  .contact-card .ico{
    width:44px; height:44px; border-radius:50%; background:color-mix(in srgb, var(--accent) 14%, transparent);
    color:var(--accent); display:flex; align-items:center; justify-content:center; margin:0 auto 12px;
  }
  .contact-card h4{ font-size:.95rem; margin-bottom:6px; }
  .contact-card a, .contact-card span{ font-size:.86rem; color:var(--muted); display:block; }
  .contact-card a:hover{ color:var(--accent2); }

  .contact-layout{ display:grid; gap:26px; grid-template-columns:1fr; margin-top:30px; }
  @media(min-width:900px){ .contact-layout{ grid-template-columns:1fr 1fr; } }
  .contact-form{
    background:var(--surface); border:1px solid var(--border); border-radius:20px; box-shadow:var(--shadow); padding:26px;
    display:flex; flex-direction:column; gap:14px;
  }
  .contact-form .ff{ display:flex; flex-direction:column; gap:6px; }
  .contact-form label{ font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.07em; color:var(--muted); }
  .contact-form input, .contact-form textarea{
    border:1px solid var(--border); background:var(--surface-2); color:var(--text); border-radius:11px;
    padding:11px 13px; font-family:inherit; font-size:.92rem; resize:vertical;
  }
  .map-card{
    border-radius:20px; overflow:hidden; box-shadow:var(--shadow); border:1px solid var(--border);
    display:flex; flex-direction:column;
  }
  .map-visual{
    flex:1; min-height:220px; position:relative;
    background:
      radial-gradient(circle at 30% 30%, color-mix(in srgb, var(--accent2) 30%, transparent), transparent 60%),
      linear-gradient(160deg, var(--surface-2), var(--surface));
    display:flex; align-items:center; justify-content:center;
  }
  .map-pin{ display:flex; flex-direction:column; align-items:center; gap:8px; color:var(--accent2); }
  .map-pin span{ font-size:.82rem; color:var(--muted); text-align:center; max-width:22ch; }
  .map-card .map-link{ padding:16px 20px; border-top:1px solid var(--border); font-weight:700; font-size:.86rem; text-align:center; background:var(--surface); }

  /* ---------- Belge Doğrulama ---------- */
  .verify-hero{
    text-align:center; padding:44px 0 10px;
  }
  .verify-badge{
    display:inline-flex; align-items:center; gap:8px; font-size:.72rem; font-weight:800; letter-spacing:.1em;
    color:var(--accent2); text-transform:uppercase; margin-bottom:14px;
  }
  .verify-badge::before{ content:"●"; color:var(--gold); }
  .verify-card{
    max-width:620px; margin:30px auto 0; background:var(--surface); border:1px solid var(--border);
    border-radius:22px; box-shadow:var(--shadow); padding:30px;
  }
  .verify-tabs{ display:flex; gap:8px; background:var(--surface-2); border:1px solid var(--border); border-radius:12px; padding:5px; margin-bottom:20px; }
  .verify-tabs button{
    flex:1; border:none; background:transparent; padding:11px; border-radius:9px; font-weight:700; font-size:.86rem;
    color:var(--muted); cursor:pointer; transition:.2s;
  }
  .verify-tabs button.active{ background:var(--accent2); color:#fff; }
  .verify-field{ display:flex; flex-direction:column; gap:8px; margin-bottom:8px; }
  .verify-field label{ font-size:.78rem; font-weight:700; color:var(--muted); }
  .verify-field input{
    border:1px solid var(--border); background:var(--surface-2); color:var(--text); border-radius:12px;
    padding:14px 16px; font-family:inherit; font-size:.95rem;
  }
  .verify-hint{ font-size:.78rem; color:var(--muted); margin:10px 0 20px; line-height:1.5; }
  .verify-trust{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin-top:26px; }
  .trust-pill{
    font-size:.72rem; font-weight:700; color:var(--muted); border:1px solid var(--border); border-radius:999px;
    padding:6px 14px; display:flex; align-items:center; gap:6px;
  }
  .trust-pill::before{ content:"✓"; color:var(--accent2); font-weight:800; }
  .verify-result{
    margin-top:18px; padding:16px 18px; border-radius:12px; font-size:.86rem; line-height:1.5; display:none;
  }
  .verify-result.show{ display:block; }
  .verify-result.info{ background:color-mix(in srgb, var(--accent2) 12%, transparent); border:1px solid color-mix(in srgb, var(--accent2) 35%, var(--border)); color:var(--text); }



/* =====================================================================
   MOBIL DUZELTMELERI — DOSYANIN KESIN EN SONU.
   Bilerek buraya, her seyden SONRA konuldu: CSS'te ayni ozgullukte iki
   kural catisirsa dosyada SONRA gelen kazanir. Bu blok dosyanin en
   sonunda oldugu icin, yukaridaki HICBIR kural (ne "WordPress core
   compatibility" bolumu, ne baska bir yerde unutulmus eski bir deger)
   bu mobil ayarlari artik EZEMEZ. Yeni bir mobil duzeltme eklerken
   BURAYA ekleyin, dosyanin ortasina degil.
===================================================================== */
@media(max-width:639px){
  section{ padding:40px 0 !important; }
  .card-grid{ gap:14px !important; align-items:start !important; align-content:start !important; }
  .review-grid{ gap:14px !important; align-items:start !important; align-content:start !important; }
  .why-grid{ gap:12px !important; }
  .section-head{ margin-bottom:20px !important; }
  .footer-grid{ gap:26px !important; }
  .hero-stats{ gap:16px 22px !important; margin-top:22px !important; }
  .cta-band{ padding:32px 20px !important; }
  .search-card{ padding:16px !important; margin-top:-30px !important; }
  .story-grid{ gap:20px !important; }
  .contact-grid{ gap:16px !important; }
  .feature-card-grid{ gap:12px !important; }
  .feature-card{ padding:18px !important; }
  .faq-list{ gap:10px !important; }
  .villa-body{ padding:14px 14px 16px !important; }
  .villa-price-row{ padding-top:10px !important; }
  .hero{ padding-top:20px !important; }
  .hero-copy p{ margin:12px 0 18px !important; }
  .hero-copy .eyebrow{ margin-bottom:2px !important; }
  .floating-wa{ width:52px !important; height:52px !important; right:14px !important; bottom:14px !important; }
  .floating-top{ right:14px !important; bottom:78px !important; width:40px !important; height:40px !important; }
}
@media(max-width:899px){
  .hero-visual{ aspect-ratio:16/11 !important; border-radius:20px !important; }
  .card-grid{ gap:16px !important; }
  .review-grid{ gap:16px !important; }
  .feature-card-grid{ gap:14px !important; }
}