:root{
    --bg:#0b0f14; --panel:#0e141b; --muted:#92a2b3; --text:#e8eef6; --brand:#5fd3b8; --brand-2:#88a6ff;
  }
  *{box-sizing:border-box}
  html,body{margin:0;padding:0;font-family:Inter,system-ui,Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,#0b0f14 0%,#101722 100%)}
  img{max-width:100%;display:block}
  .container{width:min(1100px,92%);margin-inline:auto}
  .center{text-align:center}
  .mt-20{margin-top:20px}
  .rounded{border-radius:16px}
  
  /* Header */
  .site-header{position:sticky;top:0;background:rgba(11,15,20,.7);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06);z-index:10}
  .header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
  .logo{font-weight:700;letter-spacing:.2px;text-decoration:none;color:var(--text)}
  .logo span{color:var(--brand)}
  .nav{display:flex;gap:14px;align-items:center}
  .nav a{color:var(--text);text-decoration:none;opacity:.9}
  .nav a.active{color:var(--brand)}
  .lang-select{background:#0a1119;color:var(--text);border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:8px 10px}
  
  /* Buttons */
  .btn{background:linear-gradient(90deg,var(--brand),var(--brand-2));color:#041018;padding:12px 18px;border-radius:14px;border:none;text-decoration:none;font-weight:700;box-shadow:0 8px 24px rgba(95,211,184,.25);display:inline-block}
  .btn:hover{filter:brightness(1.05)}
  .btn-sm{padding:9px 12px;border-radius:12px;font-size:.9rem}
  .btn-ghost{background:transparent;color:var(--text);border:1px solid rgba(255,255,255,.18)}
  
  /* Hero */
  .hero{padding:40px 0 20px;background:radial-gradient(60% 60% at 20% 0%,rgba(95,211,184,.15),transparent 60%),radial-gradient(50% 40% at 100% 0%,rgba(136,166,255,.15),transparent 60%)}
  .hero-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center}
  .hero-copy h1{font-size:40px;line-height:1.1;margin:0 0 8px}
  .hero-copy h1 span{color:var(--brand)}
  .hero-copy p{color:var(--muted);margin:0 0 16px}
  .hero-actions{display:flex;gap:12px;margin:10px 0 16px}
  .badges{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;list-style:none}
  .badges li{padding:6px 10px;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#c8d4e0}
  .hero-media img{border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.35)}
  
  /* Sections */
  .section{padding:56px 0}
  .section-muted{background:linear-gradient(180deg,#0f1620,#0c121a)}
  .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
  
  /* Cards */
  .cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
  .cards-3{grid-template-columns:repeat(3,1fr)}
  .card{background:var(--panel);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:16px}
  .card img{border-radius:12px}
  .card h3{margin:.3rem 0}
  .card p{color:var(--muted)}
  .card .meta{display:flex;gap:10px;color:#c6d3e6;font-size:.95rem}
  
  /* Filters / Forms */
  .filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:14px 0 22px}
  .filters label{display:flex;flex-direction:column;gap:6px}
  .filters input, .filters select, .form input, .form textarea{background:#0a1119;color:var(--text);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 12px}
  .form textarea{min-height:110px}
  
  /* Property page */
  .property-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;align-items:start}
  .gallery{display:block}                /* <-- stop forcing a 2-col grid */
  .gallery img{border-radius:12px;cursor:pointer}
  .amenities{display:flex;flex-wrap:wrap;gap:10px}
  .amenities span{padding:6px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#cfe1f4}
  .price-line{display:flex;align-items:center;justify-content:space-between;margin-top:6px}
  
  /* Footer */
  .site-footer{border-top:1px solid rgba(255,255,255,.06);padding:18px 0;background:rgba(10,14,20,.6)}
  .footer-inner{display:flex;align-items:center;justify-content:space-between}
  .muted{color:var(--muted)}
  
  /* ===== Property gallery (compact 6 thumbs + "+N" overlay) ===== */
  .gallery-compact{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap:10px;
  }
  .gc-thumb{
    position:relative;
    display:block;
    padding:0;border:0;background:none;cursor:pointer;
    border-radius:12px;overflow:hidden;
  }
  .gc-thumb img{
    width:100%; height:230px; object-fit:cover; display:block;
    transition:transform .18s ease;
  }
  .gc-thumb:hover img{ transform:scale(1.02); }
  .gc-thumb--more img{ filter:blur(1.5px) brightness(.7); }
  .gc-badge{
    position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
    font-weight:800; font-size:22px; color:#fff; text-shadow:0 2px 8px rgba(0,0,0,.45);
  }
  /* 2×3 on tablets/phones */
  @media (max-width: 900px){
    .gallery-compact{ grid-template-columns: repeat(2, 1fr); }
    .gc-thumb img{ height:180px; }
  }
  /* single column on small phones */
  @media (max-width: 600px){
    .gc-thumb img{ height:150px; }
  }
  
  /* ===== Fullscreen lightbox ===== */
  .lb{ position:fixed; inset:0; z-index:10000; }
  .lb-bg{ position:absolute; inset:0; background:rgba(0,0,0,.72); }
  .lb-panel{
    position:relative; height:100%;
    max-width:min(1100px,92vw); margin:0 auto; padding:16px;
    display:flex; flex-direction:column;
  }
  .lb-x{
    position:absolute; top:12px; right:12px;
    width:40px; height:40px; border-radius:50%;
    border:1px solid rgba(255,255,255,.25);
    background:rgba(16,22,31,.9); color:#fff; font-size:26px; line-height:1;
    cursor:pointer;
  }
  .lb-grid{
    margin-top:44px; height:calc(100% - 44px); overflow:auto;
    display:grid; grid-template-columns:repeat(3,1fr); gap:10px;
  }
  .lb-grid img{
    width:100%; height:260px; object-fit:cover; border-radius:12px; display:block;
  }
  @media (max-width: 900px){ .lb-grid{ grid-template-columns:repeat(2,1fr); } }
  @media (max-width: 600px){ .lb-grid{ grid-template-columns:1fr; } }
  
  /* ========== Floating FABs (Contact / WhatsApp / Admin) ========== */
  .fab{
    position:fixed; width:56px; height:56px; right:18px;
    border-radius:50%; display:flex; align-items:center; justify-content:center;
    text-decoration:none; box-shadow:0 12px 30px rgba(0,0,0,.35);
    border:1px solid rgba(255,255,255,.08); z-index:9999;
    transition:transform .08s ease, filter .2s ease, opacity .2s ease;
    will-change:transform, filter, opacity;
  }
  .fab:hover{transform:translateY(-2px);filter:brightness(1.05)}
  .fab img{width:24px;height:24px;display:block}
  
  /* WhatsApp button — corner owner */
  .fab-wa{ bottom:18px !important; right:18px !important; background:#25d366; color:#041018; }
  .fab-wa img{filter:none}
  
  /* Contact (Əlaqə) — pushed left of WA */
  .fab-contact{
    bottom:84px !important; right:calc(18px + 56px + 12px) !important;
    background:linear-gradient(90deg,var(--brand),var(--brand-2));
    color:#041018; font-weight:800; font-size:.9rem;
    width:auto; height:auto; padding:10px 14px; border-radius:999px;
  }
  
  /* Admin — pushed left of WA */
  .fab-admin{
    bottom:24px !important; right:calc(18px + 56px + 12px) !important;
    background:#ffffff; color:#2b2f36; font-weight:700; font-size:.9rem;
    width:auto; height:auto; padding:8px 12px; border-radius:999px;
  }
  
  /* Keep legacy class working */
  .floating-wa{all:unset}
  
  /* Map */
  .map-embed{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px rgba(0,0,0,.25)}
  .map-embed iframe{width:100%;height:340px;border:0}
  
  /* Responsive */
  @media (max-width: 900px){
    .hero-inner,.grid-2,.property-hero{grid-template-columns:1fr}
    .cards{grid-template-columns:repeat(2,1fr)}
    .cards-3{grid-template-columns:repeat(2,1fr)}
    .fab-contact{bottom:96px !important; right:calc(18px + 56px + 12px) !important;}
    .fab-admin{bottom:24px !important; right:calc(18px + 56px + 12px) !important;}
    .fab-wa{bottom:18px !important; right:18px !important;}
  }
  @media (max-width: 600px){
    .cards,.cards-3{grid-template-columns:1fr}
    .header-inner{gap:10px}
    .fab-contact{bottom:88px !important; right:calc(14px + 56px + 10px) !important;}
    .fab-admin{bottom:22px !important; right:calc(14px + 56px + 10px) !important;}
    .fab-wa{bottom:14px !important; right:14px !important;}
  }
  
  /* Show all gallery images in a responsive grid (legacy) */
  .gallery-all{
    display:grid; grid-template-columns:repeat(3,1fr); gap:8px;
  }
  .gallery-all img{
    width:100%; height:220px; object-fit:cover; border-radius:12px;
  }
  @media (max-width: 900px){
    .gallery-all{grid-template-columns:repeat(2,1fr)}
    .gallery-all img{height:180px}
  }
  @media (max-width: 600px){
    .gallery-all{grid-template-columns:1fr}
    .gallery-all img{height:200px}
  }
  
  /* Booking-style split layout */
  #about img{max-width:200px;height:auto}
  .search-layout{
    display:grid; grid-template-columns: 1.2fr 1fr; gap:20px; align-items:start; margin-top:16px;
  }
  #map{ height: 520px; border-radius:12px; overflow:hidden; background:#0d1117; }
  .map-wrap{ position: sticky; top:80px; }
  .filters{
    position: sticky; top:64px; z-index:5;
    display:flex; flex-wrap:wrap; gap:12px;
    background:rgba(13,17,23,.6);
    padding:10px; border-radius:12px; backdrop-filter: blur(8px);
  }
  @media (max-width: 1000px){
    .search-layout{ grid-template-columns: 1fr; }
    #map{ height: 360px; }
    .map-wrap{ position:static; }
  }
  
  /* extra phone spacing for FABs */
  @media (max-width: 420px){
    .fab-wa{ right:12px; bottom:12px; }
    .fab-admin{ right:calc(12px + 56px + 8px); bottom:20px; }
    .fab-contact{ right:calc(12px + 56px + 8px); bottom:60px; }
  }