/* ============================================================
   BINEBI.GE — უძრავი ქონების პორტალი
   ღია, თეთრი დიზაინი | აქცენტი: #1b2a4a | კონტეინერი: 1390px
   ============================================================ */

:root{
  --navy:#1b2a4a;
  --navy-d:#132038;
  --navy-l:#2f4570;
  --tint:#f1f4f9;      /* ღია ლურჯი ტინტი */
  --soft:#f8f9fc;      /* ფონის რბილი */
  --ph:#e9edf4;        /* ფოტოს ადგილი */
  --line:#e8ebf1;
  --muted:#78849b;
  --ink:#16203a;
  --gold:#c9a227;
  --r:8px;
  --sh-1:0 1px 2px rgba(22,32,58,.05);
  --sh-2:0 3px 12px rgba(22,32,58,.06);
  --sh-3:0 10px 30px rgba(22,32,58,.09);
  --t:.22s ease;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:#fff;color:var(--ink);
  font-family:"Noto Sans Georgian","Segoe UI",system-ui,sans-serif;
  font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul{margin:0;padding:0;list-style:none}
button{font-family:inherit;color:inherit;background:none;border:0;cursor:pointer}
input{font-family:inherit;font-size:14px;color:var(--ink)}
h1,h2,h3,h4{margin:0;font-weight:700}
::selection{background:var(--navy);color:#fff}

.container{width:100%;max-width:1390px;margin:0 auto;padding:0 20px}

/* ---------- ღილაკები ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  height:42px;padding:0 18px;border-radius:8px;font-size:13.5px;font-weight:600;
  transition:var(--t);white-space:nowrap;
}
.btn-nav{background:var(--navy);color:#fff}
.btn-nav:hover{background:var(--navy-d)}
.btn-line{border:1px solid var(--line);color:var(--navy);background:#fff}
.btn-line:hover{border-color:var(--navy)}
.btn-sm{height:36px;padding:0 14px;font-size:12.5px;border-radius:8px}

/* ============================================================
   1. HEADER
   ============================================================ */
.header{position:sticky;top:0;z-index:900;background:#fff;border-bottom:1px solid var(--line)}
.hd-top{display:flex;align-items:center;gap:16px;height:72px;min-width:0}

.logo{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.logo-mark{
  width:40px;height:40px;border-radius:8px;background:var(--navy);color:#fff;
  display:grid;place-items:center;font-size:17px;
}
.logo-tx{display:flex;flex-direction:column;line-height:1.15}
.logo-tx b{font-size:19px;letter-spacing:-.4px;color:var(--navy)}
.logo-tx span{font-size:10.5px;color:var(--muted);letter-spacing:.3px}

/* განყოფილებები — pill-ები */
.pills{display:flex;align-items:center;gap:5px;background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:5px;min-width:0;overflow:hidden;flex:0 1 auto}
.pill{
  display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 13px;border-radius:8px;
  font-size:13px;font-weight:600;color:#4e5a72;transition:var(--t);white-space:nowrap;flex:0 0 auto;
}
.pill i{font-size:14px;color:#97a2b6;transition:var(--t)}
.pill:hover{background:#fff;color:var(--navy)}
.pill:hover i{color:var(--navy)}
.pill.on{background:var(--navy);color:#fff;box-shadow:0 4px 12px rgba(27,42,74,.25)}
.pill.on i{color:#fff}

.hd-act{display:flex;align-items:center;gap:9px;margin-left:auto;flex:0 0 auto}

.lang{position:relative}
.lang-btn{display:flex;align-items:center;gap:8px;height:42px;padding:0 13px;border-radius:8px;border:1px solid var(--line);font-size:13.5px;font-weight:600;color:var(--navy);transition:var(--t)}
.lang-btn:hover{border-color:var(--navy)}
.lang-btn .caret{font-size:10px;color:var(--muted);transition:var(--t)}
.lang.open .caret{transform:rotate(180deg)}
.lang-menu{
  position:absolute;top:calc(100% + 8px);right:0;min-width:160px;background:#fff;
  border:1px solid var(--line);border-radius:8px;box-shadow:var(--sh-2);padding:6px;
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:var(--t);z-index:20;
}
.lang.open .lang-menu{opacity:1;visibility:visible;transform:none}
.lang-menu button{display:flex;align-items:center;gap:9px;width:100%;padding:9px 11px;border-radius:8px;font-size:13.5px;font-weight:600}
.lang-menu button:hover{background:var(--soft)}
.lang-menu button.on{color:var(--navy)}
.lang-menu i{font-size:10px;color:var(--navy)}
.flag{
  width:18px;height:12px;flex:0 0 18px;border-radius:2px;overflow:hidden;display:inline-flex;
  box-shadow:0 0 0 1px rgba(22,32,58,.12);
}
.flag svg{display:block;width:18px;height:12px}

/* დამატებითი ბმულები */
.hd-nav{border-top:1px solid var(--line)}
.hd-nav ul{display:flex;align-items:center;gap:28px;height:46px;overflow-x:auto;scrollbar-width:none}
.hd-nav ul::-webkit-scrollbar{display:none}
.hd-nav a{
  display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#5b6880;
  transition:var(--t);white-space:nowrap;
}
.hd-nav a i{font-size:12px;color:#9aa5b8;transition:var(--t)}
.hd-nav a:hover{color:var(--navy)}
.hd-nav a:hover i{color:var(--navy)}
.hd-nav .prem{color:var(--navy);font-weight:800;letter-spacing:.4px}
.hd-nav .prem b{color:var(--gold)}

.burger{display:none;width:42px;height:42px;border-radius:8px;border:1px solid var(--line);color:var(--navy);font-size:16px}

/* ============================================================
   2. HERO — ფოტო-ბანერი + ძიების პანელი
   ============================================================ */
.hero{padding:24px 0 52px;background:linear-gradient(180deg,#f7f9fc 0%,#f6f8fc 62%,#fff 100%);border-bottom:1px solid var(--line)}

.pbox{
  position:relative;border-radius:8px;overflow:hidden;padding:54px 40px 46px;box-shadow:var(--sh-1);
  display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;
  background-image:linear-gradient(180deg,rgba(16,24,42,.55) 0%,rgba(16,24,42,.30) 42%,rgba(16,24,42,.68) 100%),
    url("https://images3.alphacoders.com/138/thumb-1920-1388835.jpg");
  background-size:cover;background-position:center;
}
.hero-h{text-align:center;max-width:900px}
.hero-h h1{font-size:42px;line-height:1.2;letter-spacing:-1.2px;font-weight:800;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.4)}
.hero-h p{margin:12px 0 0;color:rgba(255,255,255,.88);font-size:15px}
.pbadges{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap;justify-content:center}
.pbadges span{
  height:34px;padding:0 14px;border-radius:8px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.26);
  color:#fff;font-size:12.5px;font-weight:600;display:inline-flex;align-items:center;gap:8px;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
}

/* ძიების პანელი — ბანერზე ოდნავ გადმოსული */
.spanel{
  position:relative;margin:18px 0 0;background:#fff;
  border:1px solid var(--line);border-radius:8px;padding:18px;box-shadow:var(--sh-1);
}

/* ტაბები */
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.tab{
  height:42px;padding:0 20px;border-radius:8px;font-size:13.5px;font-weight:600;color:#5b6880;
  background:var(--soft);border:1px solid var(--line);
  display:inline-flex;align-items:center;gap:8px;transition:var(--t);
}
.tab i{font-size:12px;color:#97a2b6;transition:var(--t)}
.tab:hover{color:var(--navy);border-color:var(--navy)}
.tab:hover i{color:var(--navy)}
.tab.on{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:0 6px 16px rgba(27,42,74,.22)}
.tab.on i{color:#fff}

/* BOOKING SERVICE — გამორჩეული ტაბი */
.tab.book{
  background:linear-gradient(120deg,#e9ba45 0%,#d99b12 100%);border-color:transparent;color:#2a2100;
  font-weight:800;letter-spacing:.5px;box-shadow:0 6px 16px rgba(217,155,18,.32);
}
.tab.book i{color:#2a2100}
.tab.book:hover{filter:brightness(1.06);transform:translateY(-1px);border-color:transparent;color:#2a2100}
.tab.book:hover i{color:#2a2100}
.tab.book.on{
  background:linear-gradient(120deg,#e9ba45 0%,#d99b12 100%);color:#2a2100;border-color:transparent;
  box-shadow:0 0 0 3px rgba(217,155,18,.3),0 8px 20px rgba(217,155,18,.35);
}
.tab.book.on i{color:#2a2100}
.dopt.book{color:#8a6608;font-weight:800}
.dopt.book i{color:#d99b12}

/* ძიების ზოლი */
.sbar{display:flex;align-items:center;gap:2px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px}
.sfld{position:relative;flex:1 1 0;min-width:0}
.sfld.f-loc{flex:1.15}
.sfld.f-id{flex:1.2}
.sf-btn{
  width:100%;height:64px;border-radius:8px;padding:0 16px;display:flex;align-items:center;gap:11px;
  text-align:left;transition:var(--t);
}
.sf-btn:hover{background:var(--soft)}
.sfld.open .sf-btn{background:var(--tint)}
.sf-ic{width:20px;flex:0 0 20px;text-align:center;color:var(--navy);font-size:15px}
.sf-tx{flex:1;min-width:0}
.sf-tx small{display:block;font-size:10.5px;color:var(--muted);font-weight:700;letter-spacing:.3px}
.sf-tx b{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.sf-tx b.ph{color:#9ba6ba;font-weight:500}
.sf-btn .caret{font-size:10px;color:#9ba6ba;transition:var(--t)}
.sfld.open .caret{transform:rotate(180deg);color:var(--navy)}
.sf-in{width:100%;height:64px;border-radius:8px;padding:0 16px;display:flex;align-items:center;gap:11px;transition:var(--t)}
.sf-in:focus-within{background:var(--tint)}
.sf-in input{width:100%;border:0;outline:0;background:none;font-weight:600;font-size:14px;padding:0}
.sf-in input::placeholder{color:#9ba6ba;font-weight:500}
.sdiv{width:1px;height:30px;background:var(--line);flex:0 0 1px}
.stool{
  flex:0 0 auto;width:42px;height:42px;margin:0 4px;border-radius:8px;color:#7b8699;
  display:grid;place-items:center;font-size:15px;transition:var(--t);
}
.stool:hover{background:var(--soft);color:var(--navy)}
.sbtn{
  flex:0 0 auto;height:64px;padding:0 34px;border-radius:8px;background:var(--navy);color:#fff;
  font-size:15px;font-weight:700;display:inline-flex;align-items:center;gap:10px;transition:var(--t);
}
.sbtn:hover{background:var(--navy-d)}

/* ჩამოსაშლელი ფანჯრები */
.pop{
  position:absolute;top:calc(100% + 12px);left:0;z-index:950;background:#fff;
  border:1px solid var(--line);border-radius:8px;box-shadow:var(--sh-3);
  opacity:0;visibility:hidden;transform:translateY(-8px);transition:var(--t);
}
.sfld.open .pop{opacity:1;visibility:visible;transform:none}
.pop.right{left:auto;right:0}
.pop-b{padding:18px;max-height:56vh;overflow:auto}
.pop-f{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;border-top:1px solid var(--line);background:var(--soft);border-radius:0 0 8px 8px}
.pop-t{font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.7px;text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:7px}
.w-type{width:500px}
.w-loc{width:520px}
.w-rng{width:360px}
.cols2{display:grid;grid-template-columns:1fr 1fr;gap:24px}

.opt{display:flex;align-items:center;gap:10px;padding:8px 9px;border-radius:8px;cursor:pointer;font-size:13.5px;line-height:1.3;white-space:nowrap;transition:var(--t)}
.opt:hover{background:var(--soft)}
.opt input{position:absolute;opacity:0;pointer-events:none}
.bx{width:18px;height:18px;flex:0 0 18px;border:1.6px solid #ccd4e1;border-radius:5px;display:grid;place-items:center;color:#fff;font-size:9px;transition:var(--t)}
.bx i{opacity:0}
.opt input:checked + .bx{background:var(--navy);border-color:var(--navy)}
.opt input:checked + .bx i{opacity:1}
.opt input:checked ~ span{font-weight:600;color:var(--navy)}
.opt .ti{width:17px;text-align:center;font-size:12.5px;color:#9ba6ba}
.opt:hover .ti{color:var(--navy)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}

.psearch{display:flex;align-items:center;gap:9px;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:8px;margin-bottom:14px}
.psearch i{color:#9ba6ba;font-size:13px}
.psearch input{flex:1;border:0;outline:0;background:none}

.rng{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}
.rng .dash{color:#c3cbd9}
.ri{position:relative}
.ri .lb{position:absolute;top:8px;left:13px;font-size:10.5px;color:var(--muted);font-weight:600}
.ri input{width:100%;height:56px;padding:20px 13px 0;border:1px solid var(--line);border-radius:8px;outline:0;font-weight:600;transition:var(--t)}
.ri input:focus{border-color:var(--navy)}
.ri .un{position:absolute;right:13px;bottom:10px;font-size:12px;color:#9ba6ba;font-weight:600}
.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.chip{height:32px;padding:0 13px;border-radius:8px;border:1px solid var(--line);font-size:12.5px;font-weight:600;color:#5b6880;transition:var(--t)}
.chip:hover{border-color:var(--navy);color:var(--navy)}
.chip.on{background:var(--navy);border-color:var(--navy);color:#fff}
/* ვალუტის გადამრთველი — კომპაქტური სეგმენტი */
.cur-sw{display:inline-flex;align-items:center;gap:3px;background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:3px}
.cur-o{
  width:32px;height:28px;border-radius:6px;font-size:14px;font-weight:700;color:#9ba6ba;
  display:grid;place-items:center;transition:var(--t);
}
.cur-o:hover{color:var(--navy)}
.cur-o.on{background:var(--navy);color:#fff}

.clr{font-size:13px;font-weight:600;color:var(--muted);display:inline-flex;align-items:center;gap:7px;transition:var(--t)}
.clr:hover{color:var(--navy)}

.hero-x{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;flex-wrap:wrap}
.qk{display:flex;gap:8px;flex-wrap:wrap}
.qk a{height:32px;padding:0 13px;border-radius:8px;border:1px solid var(--line);background:#fff;font-size:12.5px;font-weight:600;color:#5b6880;display:inline-flex;align-items:center;gap:7px;transition:var(--t)}
.qk a i{font-size:11px;color:var(--navy)}
.qk a:hover{border-color:var(--navy);color:var(--navy)}
.maplink{font-size:13px;font-weight:600;color:#fff;display:inline-flex;align-items:center;gap:8px}
.maplink:hover{text-decoration:underline}

/* ============================================================
   3. სარეკლამო ბანერი
   ============================================================ */
.adz{margin:30px auto}
.ad{
  height:90px;border-radius:8px;border:1px dashed #d3dae6;background:var(--soft);
  display:flex;align-items:center;justify-content:center;gap:11px;
  color:#9ba6ba;font-size:13.5px;font-weight:600;letter-spacing:.4px;transition:var(--t);
}
.ad i{color:var(--navy);opacity:.55;font-size:16px}
.ad:hover{border-color:var(--navy);color:var(--navy)}

/* ============================================================
   4. სექციები
   ============================================================ */
.sec{padding:44px 0}
.hero + .sec{padding-top:48px}
.sec.tinted{background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sec-h{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;flex-wrap:wrap}
.sec-l{display:flex;align-items:center;gap:12px}
.sec-l .bar{width:4px;height:38px;border-radius:4px;background:var(--navy)}
.sec-l h2{font-size:22px;font-weight:800;letter-spacing:-.5px;display:flex;align-items:center;gap:10px}
.sec-l h2 i{font-size:16px;color:var(--navy)}
.sec-l p{margin:2px 0 0;font-size:13px;color:var(--muted);font-weight:400}
.sec-r{display:flex;align-items:center;gap:10px}
.all{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:8px;border:1px solid var(--line);font-size:13px;font-weight:600;color:var(--navy);transition:var(--t);background:#fff}
.all:hover{background:var(--navy);border-color:var(--navy);color:#fff}
.arw{display:flex;gap:8px}
.arw button{width:38px;height:38px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--navy);font-size:13px;display:grid;place-items:center;transition:var(--t)}
.arw button:hover{background:var(--navy);border-color:var(--navy);color:#fff}

.car{position:relative}
.vp{overflow:hidden;padding:6px 3px 10px;margin:-6px -3px -10px}
.trk{display:flex;gap:16px;transition:transform .5s cubic-bezier(.25,.8,.35,1)}
.trk > *{flex:0 0 calc((100% - 4 * 16px) / 5)}

/* ---------- ფოტოს ადგილი (Placeholder) ---------- */
.pic{position:relative;background:var(--ph);overflow:hidden}
.pic .im{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center;transition:transform .6s ease}
.pic .none{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#b3bed0}
.pic .none i{font-size:22px}
.pic .none span{font-size:10.5px;font-weight:600;letter-spacing:.4px}

/* ============================================================
   5. SUPER VIP ბარათი
   ============================================================ */
.c{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:var(--t)}
.c:hover{box-shadow:var(--sh-2);transform:translateY(-3px)}
.c-pic{aspect-ratio:4/3;cursor:pointer}
.c-pic .sl{position:absolute;inset:0;opacity:0;transition:opacity .25s ease;background-size:cover;background-position:center;background-color:var(--ph)}
.c-pic .sl.on{opacity:1}
.c-pic .sl .none{position:absolute;inset:0}
.dots{position:absolute;bottom:41px;left:11px;right:11px;display:flex;gap:4px;z-index:4;opacity:0;transition:var(--t)}
.c-pic:hover .dots{opacity:1}
.dots span{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.65);box-shadow:0 1px 2px rgba(0,0,0,.12)}
.dots span.on{background:var(--navy)}

.tag{
  position:absolute;z-index:5;height:24px;padding:0 10px;border-radius:7px;
  display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;letter-spacing:.3px;
}
.tag.super{top:11px;left:11px;background:var(--navy);color:#fff}
.tag.super i{color:#e8c65a;font-size:9px}
.tag.vip{top:11px;left:11px;background:#fff;color:var(--navy);border:1px solid var(--line)}
.tag.vip i{color:var(--gold);font-size:9px}
.tag.deal{bottom:11px;left:11px;background:rgba(255,255,255,.95);color:var(--navy);box-shadow:var(--sh-1)}
.tag.cnt{bottom:11px;right:11px;background:rgba(255,255,255,.95);color:#5b6880;box-shadow:var(--sh-1)}
.tag.dur{bottom:11px;left:11px;background:rgba(22,32,58,.72);color:#fff}

.sv{
  position:absolute;top:10px;right:10px;z-index:5;width:32px;height:32px;border-radius:8px;
  background:rgba(255,255,255,.95);color:var(--navy);display:grid;place-items:center;font-size:13px;
  transition:var(--t);box-shadow:var(--sh-1);
}
.sv:hover{background:var(--navy);color:#fff}
.sv.on{background:var(--navy);color:#fff}

.c-b{padding:13px 14px 14px;display:flex;flex-direction:column;gap:8px;flex:1}
.pr{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.pr .v{display:flex;align-items:center;gap:7px}
.pr b{font-size:19px;font-weight:800;letter-spacing:-.4px;color:var(--navy)}
.cur{width:24px;height:24px;border-radius:7px;border:1px solid var(--line);color:var(--navy);display:grid;place-items:center;font-size:9px;transition:var(--t);flex:0 0 24px}
.cur:hover{background:var(--navy);border-color:var(--navy);color:#fff}
.ppm{font-size:11.5px;color:var(--muted);font-weight:500;white-space:nowrap}
.c-t{font-size:13.5px;font-weight:600;line-height:1.5;min-height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ad-r{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted);min-width:0}
.ad-r i{color:var(--navy);font-size:11.5px;flex:0 0 auto;opacity:.75}
.ad-r span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:11px;margin-top:auto;border-top:1px solid var(--line)}
.sp li{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#4e5a72}
.sp li i{color:#9ba6ba;font-size:11.5px}

/* ============================================================
   6. ვიდეო განცხადებები
   ============================================================ */
/* ვერტიკალური ვიდეო ბარათი — ფასი და სათაური ფოტოზე */
.vc{
  position:relative;aspect-ratio:10/16;border-radius:8px;overflow:hidden;background:var(--ph);
  cursor:pointer;transition:var(--t);display:block;
}
.vc:hover{transform:translateY(-3px);box-shadow:var(--sh-2)}
.vc .im{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center;transition:transform .6s ease}
.vc:hover .im{transform:scale(1.04)}
.vc .none{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#b3bed0}
.vc .none i{font-size:22px}
.vc .none span{font-size:10.5px;font-weight:600}
.vc .shade{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(16,24,42,.28) 0%,rgba(16,24,42,0) 34%,rgba(16,24,42,.10) 55%,rgba(16,24,42,.82) 100%)}
.pl{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;
  width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.30);color:#fff;
  display:grid;place-items:center;font-size:17px;transition:var(--t);
  border:1px solid rgba(255,255,255,.55);backdrop-filter:blur(3px);
}
.pl i{margin-left:3px}
.vc:hover .pl{background:#fff;color:var(--navy);transform:translate(-50%,-50%) scale(1.07)}
.vdur{
  position:absolute;top:10px;right:10px;z-index:4;height:22px;padding:0 8px;border-radius:6px;
  background:rgba(16,24,42,.55);color:#fff;font-size:10.5px;font-weight:600;
  display:inline-flex;align-items:center;gap:5px;
}
.vov{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:14px;color:#fff}
.vov b{display:block;font-size:19px;font-weight:800;letter-spacing:-.3px}
.vov span{
  display:block;margin-top:4px;font-size:13px;font-weight:500;color:rgba(255,255,255,.92);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

/* ---------- Reels პლეერი ---------- */
.reels{
  position:fixed;inset:0;z-index:1400;display:none;align-items:center;justify-content:center;
  background:rgba(8,12,22,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
.reels.on{display:flex;animation:fd .2s ease}
@keyframes fd{from{opacity:0}to{opacity:1}}

.rl-frame{
  position:relative;height:min(88vh,860px);aspect-ratio:9/16;max-width:94vw;
  background:#000;border-radius:8px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.6);
  transition:opacity .22s ease,transform .22s ease;
}
.rl-frame.swap{opacity:0;transform:scale(.985)}
.rl-frame video{width:100%;height:100%;object-fit:cover;display:block;background:#000}
.rl-frame::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,transparent 18%,transparent 52%,rgba(0,0,0,.78) 100%);
}

/* პროგრესი */
.rl-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.22);z-index:5}
.rl-bar i{display:block;height:100%;width:0;background:#fff;transition:width .15s linear}

.rl-count{
  position:absolute;top:14px;left:14px;z-index:6;height:26px;padding:0 11px;border-radius:8px;
  background:rgba(0,0,0,.42);color:#fff;font-size:11.5px;font-weight:700;
  display:inline-flex;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
}

/* შუა play/pause */
.rl-play{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);z-index:6;
  width:74px;height:74px;border-radius:50%;background:rgba(0,0,0,.42);color:#fff;font-size:24px;
  display:grid;place-items:center;opacity:0;visibility:hidden;transition:var(--t);
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
}
.rl-play i{margin-left:4px}
.reels.paused .rl-play{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}

/* გვერდითი ღილაკები */
.rl-side{position:absolute;right:14px;bottom:118px;z-index:7;display:flex;flex-direction:column;gap:18px}
.rl-side > *{
  display:flex;flex-direction:column;align-items:center;gap:6px;color:#fff;font-size:10.5px;font-weight:600;
  letter-spacing:.2px;text-shadow:0 1px 8px rgba(0,0,0,.55);
}
.rl-side > * > i{
  width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font-size:20px;
  background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.24);
  box-shadow:0 8px 20px rgba(0,0,0,.30);
  -webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%);
  transition:transform .22s cubic-bezier(.3,1.5,.5,1),background .22s ease,box-shadow .22s ease;
}
.rl-side > *:hover > i{background:rgba(255,255,255,.28);transform:translateY(-2px) scale(1.06)}
.rl-side > *:active > i{transform:scale(.9)}
.rl-side #rlLike.on i{
  background:linear-gradient(140deg,#ff5a76 0%,#ff2d55 100%);border-color:transparent;color:#fff;
  box-shadow:0 10px 26px rgba(255,45,85,.45);animation:pop .38s cubic-bezier(.3,1.6,.5,1);
}
.rl-side #rlMute.off i{background:rgba(255,255,255,.09);color:rgba(255,255,255,.6)}
@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.28)}70%{transform:scale(.94)}100%{transform:scale(1)}}

/* გულები, რომლებიც ზემოთ მიფრინავს */
.hfly{position:absolute;z-index:8;color:#ff2d55;pointer-events:none;font-size:18px;animation:hfly 1.1s ease-out forwards}
@keyframes hfly{
  0%{opacity:0;transform:translateY(0) scale(.5) rotate(0)}
  15%{opacity:1}
  100%{opacity:0;transform:translateY(-120px) scale(1.35) rotate(var(--r,12deg))}
}
/* ორმაგი დაჭერა — დიდი გული შუაში */
.hbig{
  position:absolute;top:50%;left:50%;z-index:8;color:#fff;font-size:86px;pointer-events:none;
  text-shadow:0 10px 30px rgba(0,0,0,.35);animation:hbig .9s cubic-bezier(.2,1.6,.4,1) forwards;
}
@keyframes hbig{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}
  25%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}
  60%{opacity:1;transform:translate(-50%,-50%) scale(1)}
  100%{opacity:0;transform:translate(-50%,-58%) scale(1.05)}
}

/* ინფო */
.rl-info{position:absolute;left:0;right:78px;bottom:0;z-index:6;padding:16px 16px 20px;color:#fff}
.rl-price{display:flex;align-items:center;gap:9px;margin-bottom:7px}
.rl-price b{font-size:23px;font-weight:800;letter-spacing:-.4px}
.rl-price .cur{background:rgba(255,255,255,.18);border-color:transparent;color:#fff;width:26px;height:26px;flex:0 0 26px}
.rl-price .cur:hover{background:#fff;color:var(--navy)}
.rl-price .ppm{color:rgba(255,255,255,.75)}
.rl-info h3{font-size:15px;font-weight:600;line-height:1.45;margin-bottom:6px}
.rl-adr{display:flex;align-items:center;gap:7px;font-size:12.5px;color:rgba(255,255,255,.82)}
/* დარეკვა — მოწონების თავზე, პულსირებადი რგოლით */
.rl-call > i{position:relative;background:rgba(255,255,255,.22)}
.rl-call > i::after{
  content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid rgba(255,255,255,.5);
  animation:ring 2.4s ease-out infinite;
}
@keyframes ring{0%{transform:scale(.92);opacity:.8}70%{transform:scale(1.28);opacity:0}100%{opacity:0}}
.rl-call:hover > i{background:#fff;color:var(--navy)}

/* დახურვა და გადართვა */
.rl-x{
  position:fixed;top:20px;right:24px;z-index:10;width:44px;height:44px;border-radius:8px;
  background:rgba(255,255,255,.14);color:#fff;display:grid;place-items:center;font-size:17px;transition:var(--t);
}
.rl-x:hover{background:#fff;color:var(--navy);transform:rotate(90deg)}
.rl-nav{
  position:fixed;top:50%;transform:translateY(-50%);z-index:10;width:52px;height:52px;border-radius:50%;
  background:rgba(255,255,255,.14);color:#fff;display:grid;place-items:center;font-size:17px;transition:var(--t);
}
.rl-nav:hover{background:#fff;color:var(--navy)}
.rl-nav.p{right:calc(50% + min(24.75vh,242px) + 26px)}
.rl-nav.n{left:calc(50% + min(24.75vh,242px) + 26px)}

.rl-toast{
  position:fixed;left:50%;bottom:40px;transform:translateX(-50%) translateY(10px);z-index:12;
  padding:11px 18px;border-radius:8px;background:rgba(255,255,255,.95);color:var(--navy);
  font-size:13px;font-weight:600;opacity:0;visibility:hidden;transition:var(--t);
}
.rl-toast.on{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}

@media (max-width:860px){
  .rl-frame{height:100vh;max-width:100vw;width:100vw;border-radius:0;aspect-ratio:auto}
  .rl-nav{display:none}
  .rl-x{top:14px;left:14px;right:auto;width:40px;height:40px}
  .rl-count{left:50%;transform:translateX(-50%)}
  .rl-side{bottom:120px;right:10px;gap:18px}
  .rl-info{right:70px;padding-bottom:26px}
}

/* ============================================================
   7. ახალაშენებული ბინები — პროექტის ბარათი (ფოტო + გადაფარვა)
   ============================================================ */
.pj{position:relative;display:block;aspect-ratio:3/4;border-radius:8px;overflow:hidden;transition:var(--t)}
.pj:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}
.pj:hover .im{transform:scale(1.06)}
.pj-veil{
  position:absolute;inset:0;z-index:2;
  background:linear-gradient(180deg,rgba(16,24,42,.45) 0%,rgba(16,24,42,.06) 28%,rgba(16,24,42,.28) 55%,rgba(16,24,42,.90) 100%);
}
.pj-date{
  position:absolute;top:12px;left:12px;z-index:4;height:30px;padding:0 12px;border-radius:8px;
  background:rgba(255,255,255,.95);color:var(--navy);font-size:11.5px;font-weight:700;
  display:inline-flex;align-items:center;gap:7px;box-shadow:var(--sh-1);
}
.pj-date i{font-size:11px;color:var(--navy)}
.pj-date.done i{color:#1f9d55}
.pj-logo{
  position:absolute;top:12px;right:12px;z-index:4;width:38px;height:38px;border-radius:8px;
  background:rgba(255,255,255,.95);color:var(--navy);display:grid;place-items:center;font-size:16px;
  box-shadow:var(--sh-1);transition:var(--t);
}
.pj:hover .pj-logo{background:var(--navy);color:#fff}
.pj-in{position:absolute;left:0;right:0;bottom:0;z-index:4;padding:14px}
.pj-cmp{
  font-size:11px;font-weight:600;letter-spacing:.3px;color:rgba(255,255,255,.72);margin-bottom:3px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.pj-in h3{
  font-size:17px;font-weight:800;letter-spacing:-.3px;color:#fff;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.pj-adr{display:flex;align-items:center;gap:6px;margin-top:5px;font-size:12px;color:rgba(255,255,255,.85);min-width:0}
.pj-adr i{font-size:11px;flex:0 0 auto}
.pj-adr span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pj-foot{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-top:12px;padding-top:11px;border-top:1px solid rgba(255,255,255,.22);
}
.pj-num{font-size:11.5px;font-weight:600;color:rgba(255,255,255,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pj-num b{color:#fff;font-weight:800}
.pj-go{
  width:36px;height:36px;flex:0 0 36px;border-radius:8px;color:#fff;display:grid;place-items:center;font-size:12px;
  background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.38);
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:var(--t);
}
.pj:hover .pj-go{background:#fff;border-color:#fff;color:var(--navy)}

/* ============================================================
   8. სერვისები (3)
   ============================================================ */
.s3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.s3 article{
  position:relative;display:flex;gap:16px;padding:24px;border-radius:8px;background:var(--tint);
  transition:var(--t);overflow:hidden;
}
.s3 article:hover{background:#fff;box-shadow:var(--sh-2);transform:translateY(-3px)}
.s3 .ic{width:52px;height:52px;flex:0 0 52px;border-radius:8px;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:20px;transition:var(--t)}
.s3 article:hover .ic{transform:rotate(-6deg)}
.s3 h3{font-size:16px;margin-bottom:6px}
.s3 p{margin:0 0 14px;font-size:12.5px;color:var(--muted);line-height:1.65}
.s3 .go{font-size:12.5px;font-weight:700;color:var(--navy);display:inline-flex;align-items:center;gap:8px;transition:var(--t)}
.s3 article:hover .go{gap:12px}

/* ============================================================
   9. VIP+ ბარათი (განსხვავებული ვიზუალი)
   ============================================================ */
.vp2{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:var(--t)}
.vp2:hover{box-shadow:var(--sh-2);transform:translateY(-3px)}
.vp2-pic{aspect-ratio:3/2}
.vp2:hover .vp2-pic .im{transform:scale(1.05)}
.vp2-pic::after{
  content:"";position:absolute;inset:0;z-index:3;pointer-events:none;
  background:linear-gradient(180deg,transparent 48%,rgba(16,24,42,.62) 100%);
}
.vp2-pr{position:absolute;bottom:10px;left:13px;z-index:4;display:inline-flex;align-items:center}
.vp2-pr b{font-size:16px;font-weight:800;color:#fff;letter-spacing:-.2px;white-space:nowrap;text-shadow:0 2px 10px rgba(0,0,0,.5)}
.vp2-b{padding:12px 14px 14px;display:flex;flex-direction:column;gap:7px;flex:1}
.vp2-b h3{font-size:13.5px;font-weight:600;line-height:1.5;min-height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vsp{display:flex;flex-wrap:wrap;gap:14px;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
.vsp li{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#4e5a72}
.vsp i{color:#9ba6ba;font-size:11.5px}

/* ============================================================
   10. მომსახურება (8)
   ============================================================ */
.m8{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.m8 article{
  display:flex;flex-direction:column;gap:9px;padding:22px 18px;border:1px solid var(--line);
  border-radius:8px;background:#fff;transition:var(--t);
}
.m8 article:hover{border-color:transparent;box-shadow:var(--sh-2);transform:translateY(-4px)}
.m8 .ic{width:46px;height:46px;border-radius:8px;background:var(--tint);color:var(--navy);display:grid;place-items:center;font-size:18px;transition:var(--t)}
.m8 article:hover .ic{background:var(--navy);color:#fff}
.m8 h3{font-size:14px;font-weight:700}
.m8 p{margin:0;font-size:12px;color:var(--muted);line-height:1.6}
.m8 .go{margin-top:auto;padding-top:8px;font-size:12px;font-weight:700;color:var(--navy);display:inline-flex;align-items:center;gap:7px;transition:var(--t)}
.m8 article:hover .go{gap:11px}

/* ============================================================
   11. პარტნიორები — უსასრულო ლენტა
   ============================================================ */
.mq{
  position:relative;overflow:hidden;padding:4px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
}
.mq-row{display:flex;width:max-content;animation:mq 42s linear infinite}
.mq:hover .mq-row{animation-play-state:paused}
.mq-set{display:flex;gap:14px;padding-right:14px}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.mq-row{animation:none}}

.pt{
  display:flex;align-items:center;gap:13px;width:250px;height:78px;padding:0 16px;
  background:#fff;border:1px solid var(--line);border-radius:8px;transition:var(--t);
}
.pt:hover{border-color:var(--navy);box-shadow:var(--sh-1);transform:translateY(-2px)}
.pt .lg{
  width:44px;height:44px;flex:0 0 44px;border-radius:8px;background:var(--tint);color:var(--navy);
  display:grid;place-items:center;font-size:18px;transition:var(--t);
}
.pt:hover .lg{background:var(--navy);color:#fff}
.pt div{min-width:0}
.pt b{display:block;font-size:13.5px;font-weight:700;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pt small{display:block;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}

/* ============================================================
   12. FOOTER
   ============================================================ */
.ft{background:var(--navy);color:#fff}
.ft a{color:rgba(255,255,255,.72);transition:var(--t)}
.ft a:hover{color:#fff}
.ft-t{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.1fr;gap:40px;padding:50px 0 40px}
.ft .logo-mark{background:rgba(255,255,255,.12)}
.ft .logo-tx b{color:#fff}
.ft .logo-tx span{color:rgba(255,255,255,.55)}
.ft-ab{margin:16px 0 20px;font-size:12.5px;line-height:1.8;color:rgba(255,255,255,.7);max-width:330px}
.soc{display:flex;gap:9px}
.soc a{width:38px;height:38px;border-radius:8px;background:rgba(255,255,255,.1);color:#fff;display:grid;place-items:center;font-size:14px;transition:var(--t)}
.soc a:hover{background:#fff;color:var(--navy);transform:translateY(-2px)}
.ft h4{font-size:14px;margin-bottom:16px}
.ft li{margin-bottom:9px}
.ft li a{font-size:12.5px;display:inline-flex;align-items:center;gap:8px}
.ft li a i{font-size:8px;opacity:.45;transition:var(--t)}
.ft li a:hover i{opacity:1;transform:translateX(2px)}
.pay{margin-top:20px}
.pay small{display:block;font-size:11px;color:rgba(255,255,255,.5);margin-bottom:8px}
.pay div{display:flex;gap:9px;font-size:25px;color:rgba(255,255,255,.8)}
.pay i{transition:var(--t)}
.pay i:hover{color:#fff}
.ft-b{border-top:1px solid rgba(255,255,255,.12);padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12.5px;color:rgba(255,255,255,.6)}
.ft-b ul{display:flex;gap:22px;flex-wrap:wrap}

.top{position:fixed;bottom:24px;right:24px;z-index:800;width:44px;height:44px;border-radius:8px;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:14px;box-shadow:var(--sh-2);opacity:0;visibility:hidden;transform:translateY(10px);transition:var(--t)}
.top.on{opacity:1;visibility:visible;transform:none}
.top:hover{background:var(--navy-d)}

/* ============================================================
   13. ადაპტირება
   ============================================================ */
@media (max-width:1250px){
  .pills .pill:nth-child(n+3){display:none}
  .trk > *{flex:0 0 calc((100% - 3 * 16px) / 4)}
  .m8{grid-template-columns:repeat(3,1fr)}
  .sbar{flex-wrap:wrap}
  .sfld{flex:1 1 30%}
  .sdiv{display:none}
  .sbtn{flex:1 1 100%;justify-content:center}
}
@media (max-width:1040px){
  .trk > *{flex:0 0 calc((100% - 2 * 16px) / 3)}
  .s3{grid-template-columns:1fr}
  .ft-t{grid-template-columns:1fr 1fr;gap:30px}
  .hero-h h1{font-size:29px}
}
@media (max-width:860px){
  .burger{display:grid;place-items:center}
  .hd-nav{position:absolute;left:0;right:0;top:72px;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--sh-2);display:none}
  .hd-nav.open{display:block}
  .hd-nav ul{flex-direction:column;align-items:stretch;gap:0;height:auto;padding:8px 0;max-height:70vh;overflow:auto}
  .hd-nav a{height:44px}
  .hd-nav a::after{display:none}
  .hd-act .tx{display:none}
  .header{position:relative}
  .trk > *{flex:0 0 calc((100% - 16px) / 2)}
  .m8{grid-template-columns:repeat(2,1fr)}
  .sfld{flex:1 1 100%}
  .pop,.w-type,.w-loc,.w-rng{width:min(92vw,440px)}
  .cols2{grid-template-columns:1fr;gap:12px}
}
@media (max-width:560px){
  .trk > *{flex:0 0 84%}
  .m8{grid-template-columns:1fr}
  .ft-t{grid-template-columns:1fr}
  .hero-h h1{font-size:24px}
  .sec-l h2{font-size:18px}
  .grid2{grid-template-columns:1fr}
}

/* ============================================================
   14. მობილური ელემენტები (საბაზისო — დესკტოპზე დამალული)
   ============================================================ */
.m-deal,.m-acts,.pop-h{display:none}

/* ჩამოსაშლელის ბნელი ფონი — მხოლოდ მობილურზე */
.sheet-bd{
  position:fixed;inset:0;z-index:1250;background:rgba(16,24,42,.45);
  opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;
}
.sheet-bd.on{opacity:1;visibility:visible}

.w-deal{width:min(92vw,420px)}
.dopt{
  display:flex;align-items:center;gap:12px;width:100%;padding:12px;border-radius:8px;
  font-size:14px;font-weight:600;color:var(--ink);transition:var(--t);
}
.dopt i{width:18px;text-align:center;font-size:13px;color:#9ba6ba}
.dopt:hover{background:var(--soft)}
.dopt.on{background:var(--soft);color:var(--navy)}
.dopt.on i{color:var(--navy)}
.dopt.on::after{
  content:"00c";font-family:"Font Awesome 6 Free";font-weight:900;
  margin-left:auto;color:var(--navy);font-size:13px;
}

/* ქვედა ფიქსირებული მენიუ */
.mnav{
  display:none;position:fixed;left:0;right:0;bottom:0;z-index:1000;
  grid-template-columns:repeat(5,1fr);align-items:end;
  background:#fff;border-top:1px solid var(--line);box-shadow:0 -2px 16px rgba(22,32,58,.10);
  padding-bottom:env(safe-area-inset-bottom);
}
.mnav a{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;height:62px;
  font-size:10.5px;font-weight:600;color:#8d99ae;transition:var(--t);
}
.mnav a i{font-size:16px}
.mnav a.on{color:var(--navy)}
.mnav a:active{color:var(--navy)}
.mnav .add{gap:4px;justify-content:flex-start;padding-top:0}
.mnav .add .circle{
  width:48px;height:48px;border-radius:50%;background:var(--navy);color:#fff;
  display:grid;place-items:center;font-size:19px;margin-top:-24px;border:3px solid #fff;
  box-shadow:0 6px 16px rgba(27,42,74,.32);
}
.mnav .add small{font-size:10px;font-weight:700;color:var(--navy)}

/* ============================================================
   15. მობილური ვერსია (≤768px)
   ============================================================ */
@media (max-width:768px){
  /* Header — მხოლოდ ლოგო და ენა */
  .hd-act .btn,.burger,.hd-nav{display:none}
  .hd-top{height:60px}
  .logo-mark{width:36px;height:36px;font-size:15px}
  .logo-tx b{font-size:17px}
  .logo-tx span{display:block;font-size:10px}

  /* Hero — ფოტოს და ტექსტის გარეშე */
  .hero{background:#fff;padding:14px 0 22px}
  .hero-h,.tabs,.pbox,.pills,.stool{display:none}
  .spanel{margin:0;max-width:none;padding:0;border:0;box-shadow:none}

  /* ძიება — ერთ სვეტად, ხაზებით */
  .sbar{flex-wrap:wrap;gap:0;padding:0;border-radius:8px;box-shadow:var(--sh-1);overflow:visible}
  .sbar > .sfld{flex:1 1 100%}
  .m-deal{display:block}
  .sf-ic{display:none}
  .sf-btn,.sf-in{height:54px;border-radius:0;padding:0 16px;gap:8px}
  .sfld.open .sf-btn{background:var(--soft)}
  .sf-tx small{font-size:14.5px;font-weight:600;color:#9ba6ba;letter-spacing:0}
  .sf-tx b{font-size:14.5px;font-weight:700;margin-top:0}
  .sf-tx b.ph{display:none}
  .sf-tx:has(b:not(.ph)) small{display:none}
  .sf-in input{font-size:14.5px}
  .sdiv{display:none}
  .sbar > .sdiv:nth-of-type(3){display:block;height:28px;align-self:center}
  .sdiv + .sfld,.sbar > .sfld + .sfld{border-top:1px solid var(--line)}
  .sfld[data-f="area"],.sfld[data-f="price"]{flex:1 1 40%}
  .sbtn{display:none}
  .f-id .sf-tx small{display:none}
  .f-id .sf-in{gap:0}
  .m-acts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}

  /* სექციების სათაურები — კომპაქტურად */
  .sec{padding:30px 0}
  .sec-h{align-items:center;gap:10px;margin-bottom:16px}
  .sec-l{gap:10px}
  .sec-l .bar{height:30px}
  .sec-l h2{font-size:17px;gap:8px}
  .sec-l h2 i{font-size:14px}
  .sec-l p{display:none}
  .sec-r{gap:8px;margin-left:auto}
  .all{height:34px;padding:0 11px;font-size:12px}
  .arw{display:none}          /* მობილურზე თითით ისრიალებს */
  .adz{margin:22px 0}
  .m-acts .btn{height:48px;font-size:14px}
  /* ჩამოსაშლელი → ქვევიდან ამომავალი ფურცელი */
  .pop{
    position:fixed;left:0;right:0;bottom:0;top:auto;width:100%;max-height:84vh;z-index:1300;
    display:flex;flex-direction:column;border:0;border-radius:8px 8px 0 0;
    box-shadow:0 -10px 34px rgba(16,24,42,.22);
    transform:translateY(102%);opacity:1;visibility:hidden;
    transition:transform .3s cubic-bezier(.25,.9,.35,1),visibility .3s;
  }
  .sfld.open .pop{transform:translateY(0);visibility:visible}
  .pop::before{display:none}
  .pop::after{
    content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);
    width:42px;height:4px;border-radius:4px;background:#dfe3ec;
  }
  .pop-h{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding:22px 16px 12px;border-bottom:1px solid var(--line);
  }
  .pop-h b{font-size:15px;font-weight:800}
  .pop-h .clr{font-size:13px}
  .pop-b{padding:12px 16px;max-height:none;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}
  .pop-f{
    padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-radius:0;
    background:#fff;border-top:1px solid var(--line);
  }
  .pop-f .clr{display:none}
  .pop-f .btn{flex:1;height:50px;font-size:15px;border-radius:8px}
  .opt{padding:12px 10px;font-size:14px;white-space:normal}
  .opt span{overflow:hidden;text-overflow:ellipsis}
  .dopt{padding:14px 12px;font-size:14.5px}
  .grid2{grid-template-columns:1fr 1fr;gap:0 10px}
  .grid2 .opt{font-size:13px}
  .w-type .cols2 > div:first-child .pop-t{display:none}
  .rng .ri input{height:58px}
  .chips .chip{height:36px}

  /* ქვედა მენიუ */
  .mnav{display:grid}
  body{padding-bottom:76px}
  .top{bottom:88px;right:16px}

  /* ვიდეო ბარათები — მობილურზე უფრო პატარა */
  #videoCar > *{flex:0 0 60%}
  #videoCar .vov{padding:11px}
  #videoCar .vov b{font-size:16px}
  #videoCar .vov span{font-size:12px}
  #videoCar .pl{width:44px;height:44px;font-size:14px}
  #videoCar .vdur{height:20px;padding:0 7px;font-size:10px}

  /* პარტნიორები — ლენტა უფრო პატარა */
  .pt{width:186px;height:68px;padding:0 12px;gap:10px}
  .pt .lg{width:38px;height:38px;flex:0 0 38px;font-size:16px}
  .pt b{font-size:12.5px}
  .mq-row{animation-duration:30s}

  /* სერვისები — ჰორიზონტალური ლენტა (1 + მეორის ნაწილი) */
  .s3{
    display:flex;overflow-x:auto;gap:12px;padding-bottom:8px;
    scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;
  }
  .s3::-webkit-scrollbar{display:none}
  .s3 article{
    flex:0 0 84%;scroll-snap-align:start;background:#fff;border:1px solid var(--line);
    border-radius:8px;padding:16px;gap:13px;
  }
  .s3 article::before{display:none}
  .s3 .ic{width:44px;height:44px;flex:0 0 44px;font-size:17px}
  .s3 h3{font-size:14.5px;margin-bottom:5px}
  .s3 p{font-size:12px;line-height:1.55;margin-bottom:10px}
  .s3 .go{font-size:12.5px}

  /* მომსახურება — 2 სვეტი, ცენტრში */
  .m8{grid-template-columns:1fr 1fr;gap:10px}
  .m8 article{align-items:center;text-align:center;padding:18px 12px;gap:8px}
  .m8 .ic{width:46px;height:46px;font-size:17px}
  .m8 h3{font-size:13px;line-height:1.4}
  .m8 p{font-size:11.5px;line-height:1.5}
  .m8 .go{display:none}
}