:root{
  --bg:#f5f6f8;
  --card:#fff;
  --text:#1f2937;
  --muted:#6b7280;
  --muted2:#9aa3b2;
  --line:#e6e8ee;
  --brand:#f59e0b;
  --green:#22c55e;
  --blue:#2563eb;
}
*{box-sizing:border-box}
html, body{overflow-x:hidden;}
body{
  margin:0;
  font-family:Inter,system-ui,Arial,sans-serif;
  background:var(--bg);
  color:var(--text);
  font-weight:500;
  padding-bottom:74px;
}
a{color:inherit}
.container{max-width:1180px;margin:0 auto;padding:14px}

/* topbar */
.topbar{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}

/* ===== DESKTOP NAVBAR ===== */
.deskBar{display:none}
.deskInner{max-width:1180px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.deskLeft{display:flex;align-items:center;gap:14px;min-width:0}
.burgerBtn{
  width:40px;height:40px;border-radius:12px;border:1px solid var(--line);
  background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;
}
.burgerBtn svg{width:22px;height:22px}
.brandDesk{display:flex;align-items:center;gap:10px;text-decoration:none}
.brandDesk img{height:32px;width:auto;display:block}
.brandDesk .fallback{font-weight:700;font-size:18px;display:none}
.brandDesk.noimg .fallback{display:block}
.deskNav{display:flex;align-items:center;gap:18px;white-space:nowrap;overflow:hidden}
.deskNav a{
  font-weight:600;text-decoration:none;padding:10px 2px;border-bottom:2px solid transparent;
  display:inline-flex;align-items:center;gap:8px;
}
.deskNav a svg{width:18px;height:18px;opacity:.75}
.deskNav a.active{border-bottom-color:rgba(0,0,0,.22)}
.deskNav a.active svg{opacity:1}
.deskRight{display:flex;align-items:center;gap:12px;white-space:nowrap}
.deskLangBtn{border:0;background:transparent;font-weight:600;padding:10px 8px;border-radius:10px;cursor:pointer}
.deskFavBtn{
  width:40px;height:40px;border-radius:999px;border:1px solid var(--line);
  background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;
  text-decoration:none;
}
.deskNewBtn{
  height:40px;padding:0 14px;border-radius:999px;border:0;
  background:var(--green);color:#fff;font-weight:700;cursor:pointer;
  display:inline-flex;align-items:center;gap:10px;text-decoration:none;
}
.deskNewBtn svg{stroke:#fff}
.deskLoginBtn{
  height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line);
  background:#fff;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;
}
@media(min-width:901px){ .deskBar{display:block} }

/* ===== MOBILE HEADER ===== */
.topline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px}
@media(min-width:901px){ .topline{display:none} }

.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand img{height:34px;width:auto;display:block}
@media(max-width:520px){.brand img{height:30px}}
.brand .fallback{font-weight:700;font-size:20px;display:none}
.brand.noimg .fallback{display:block}

.rightTop{display:flex;align-items:center;gap:10px}
.langBtn{border:0;background:transparent;font-weight:600;color:#111;padding:10px 8px;border-radius:10px}
.plusBtn{
  width:40px;height:40px;border-radius:999px;background:var(--green);
  border:0;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;
}
.plusBtn svg{stroke:#fff}

/* ✅ MOBILE deal chips (sadə, evvelki kimi) */
.dealRow{display:flex;gap:10px;overflow:auto;padding:0 16px 12px;background:#fff;overscroll-behavior-x:contain;touch-action:pan-x}
.dealRow::-webkit-scrollbar{height:0}
.dealChip{
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 16px;border-radius:16px;
  background:#f4f5f7;border:1px solid #eef0f3;
  font-weight:600;white-space:nowrap;text-decoration:none;
}
.dealChip.active{background:#fff;border-color:rgba(0,0,0,.10);box-shadow:0 10px 20px rgba(0,0,0,.06)}
@media(min-width:901px){ .dealRow{display:none} }

/* ===== SEARCH AREA ===== */
.heroShell{background:#fff;border-bottom:1px solid var(--line)}
.heroInner{max-width:1180px;margin:0 auto;padding:12px 16px 14px}

/* MOBILE search row */
.searchRow{display:flex;align-items:center;gap:10px}
@media(min-width:901px){ .searchRow{display:none} }

.placeBox{
  flex:1 1 auto;height:56px;border:1px solid var(--line);border-radius:18px;background:#fff;
  display:flex;align-items:center;gap:10px;padding:0 14px;cursor:pointer;
  min-width:0;
}
.placeBox .ico{color:#98a2b3;display:flex}
.placeBox .val{flex:1;font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.placeBox .mut{color:var(--muted2)}
.cityMini{
  height:56px;min-width:76px;border:1px solid var(--line);border-radius:18px;background:#fff;
  display:flex;align-items:center;justify-content:center;padding:0 10px;
  flex:0 0 auto;
}
.cityMini select{
  border:0;outline:none;background:transparent;font-size:15px;font-weight:700;color:var(--blue);
  appearance:none;
}
.filterIcon{
  width:56px;height:56px;border-radius:18px;border:1px solid var(--line);background:#fff;
  display:flex;align-items:center;justify-content:center;
  flex:0 0 56px;text-decoration:none;
}
.filterIcon svg{color:#111}

/* DESKTOP filter panel */
.deskFilters{display:none}
@media(min-width:901px){
  .heroInner{padding:14px 16px 16px}
  .deskFilters{display:block}
}
.deskPanel{border:1px solid var(--line);border-radius:18px;background:#fff;padding:14px}
.dfRow1{display:flex;align-items:center;gap:12px;flex-wrap:nowrap}
.dfSelect, .dfInputLike, .dfCity{
  height:52px;border:1px solid var(--line);border-radius:16px;background:#fff;
  padding:0 14px;font-size:15px;font-weight:500;color:#111;outline:none;
}
.dfSelect{min-width:140px;appearance:none;background-image:
  linear-gradient(45deg, transparent 50%, #9aa3b2 50%),
  linear-gradient(135deg, #9aa3b2 50%, transparent 50%);
  background-position: calc(100% - 18px) 22px, calc(100% - 13px) 22px;
  background-size:5px 5px, 5px 5px;
  background-repeat:no-repeat;
}
.dfSelect.small{min-width:130px}
.dfInputLike{flex:1 1 auto;display:flex;align-items:center;gap:10px;cursor:pointer}
.dfInputLike .mut{color:var(--muted2)}
.dfCity{min-width:120px;display:flex;align-items:center;justify-content:center}
.dfCity select{border:0;outline:none;background:transparent;font-size:15px;font-weight:700;color:var(--blue);appearance:none}
.dfBtnFilters{
  height:52px;border-radius:16px;border:1px solid var(--line);
  background:#fff;font-weight:700;cursor:pointer;padding:0 14px;
  display:inline-flex;align-items:center;gap:10px;white-space:nowrap;
  text-decoration:none;
}
.dfBtnSearch{
  height:52px;border-radius:16px;border:0;background:#2563eb;color:#fff;
  font-weight:700;cursor:pointer;padding:0 18px;white-space:nowrap;
}
.dfRow2{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.quickTypesDesk{display:flex;gap:10px;flex-wrap:nowrap;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x}
.quickTypesDesk::-webkit-scrollbar{height:0}
.quickTypesMob{display:flex;gap:10px;flex-wrap:nowrap;overflow:auto;margin-top:12px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x}
.quickTypesMob::-webkit-scrollbar{height:0}
@media(min-width:901px){ .quickTypesMob{display:none} }
@media(max-width:900px){ .quickTypesDesk{display:none} }

.qchip{
  display:inline-flex;align-items:center;gap:10px;padding:10px 14px;
  border:1px solid #eef0f3;border-radius:18px;background:#f7f8fa;
  text-decoration:none;font-weight:600;white-space:nowrap;
}
.qchip:hover{background:#f1f3f6}
.todayDesk{font-weight:600;color:#111;white-space:nowrap}
.todayLine{margin-top:10px;color:#111;font-weight:600}
.todayLine b{font-weight:700}

/* ✅ DESKTOP "Mənzil" dropdown */
.catWrap{position:relative;min-width:180px}
.catBtn{
  height:52px;border:1px solid var(--line);border-radius:16px;background:#fff;
  padding:0 14px;font-size:15px;font-weight:500;color:#111;outline:none;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  cursor:pointer;
}
.catBtn .label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}
.catBtn .arrow{display:flex;align-items:center;color:#9aa3b2}
.catDrop{
  position:absolute;left:0;top:58px;
  width:280px;
  background:#fff;border:1px solid var(--line);
  border-radius:16px;
  box-shadow:0 18px 40px rgba(17,24,39,.12);
  z-index:999;
  display:none;
  overflow:hidden;
}
.catDrop.show{display:block}
.catGroupTitle{
  padding:12px 14px;
  font-weight:700;
  border-bottom:1px solid var(--line);
  display:flex;align-items:center;justify-content:space-between;
}
.catList{display:flex;flex-direction:column}
.catRow{
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 14px;
  text-decoration:none;color:#111;
  border-bottom:1px solid rgba(0,0,0,.06);
  font-weight:600;
}
.catRow:last-child{border-bottom:0}
.catRow .radio{
  width:18px;height:18px;border-radius:999px;border:2px solid #d2d7e2;
  display:inline-flex;align-items:center;justify-content:center;
}
.catRow.active .radio{border-color:#2563eb}
.catRow.active .radio:after{
  content:"";width:9px;height:9px;border-radius:999px;background:#2563eb;display:block;
}
.catSub{
  padding:8px 14px 12px;
  border-bottom:1px solid rgba(0,0,0,.06);
}
.catSub a{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 0;text-decoration:none;color:#111;font-weight:600;
}
.catSub a .dot{width:6px;height:6px;border-radius:999px;background:#111;opacity:.45;margin-right:10px}
.catSub a .l{display:flex;align-items:center}
.catSub a .radio{
  width:18px;height:18px;border-radius:999px;border:2px solid #d2d7e2;
  display:inline-flex;align-items:center;justify-content:center;
}
.catSub a.active .radio{border-color:#2563eb}
.catSub a.active .radio:after{content:"";width:9px;height:9px;border-radius:999px;background:#2563eb;display:block}

/* slider + cards */
.sliderWrap{margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px}
.sliderHead{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}
.sliderTitle{font-weight:700;}
.track{display:flex;gap:12px}
.sCard{flex:0 0 calc((100% - 24px) / 3);border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}
@media(max-width:900px){.track{overflow:auto}.sCard{flex:0 0 100%}}

.cardLink{display:block;text-decoration:none;color:inherit}
.img{height:210px;background:#eee;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.img img{width:100%;height:100%;object-fit:cover;display:block}
.badges{position:absolute;left:10px;top:10px;display:flex;gap:6px;flex-wrap:wrap;z-index:4}
.badge{padding:6px 8px;border-radius:999px;font-weight:600;font-size:12px;border:1px solid rgba(255,255,255,.6);background:rgba(17,24,39,.65);color:#fff}
.badge.yellow{background:rgba(245,158,11,.92);border-color:rgba(245,158,11,.92);color:#111}

.favOnImg{
  position:absolute;top:10px;right:10px;z-index:7;
  width:42px;height:42px;border-radius:999px;background:#fff;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 16px rgba(0,0,0,.18);
  cursor:pointer;border:0;padding:0;-webkit-tap-highlight-color:transparent
}
.favOnImg svg{width:22px;height:22px;stroke:#444;fill:none;stroke-width:2;transition:.15s}
.favOnImg.active svg{fill:#ff3b30;stroke:#ff3b30}

.p{padding:12px}
.muted{color:var(--muted);font-size:13px;font-weight:500}
.priceBig{font-size:22px;font-weight:700;line-height:1.1;margin:2px 0 4px}
.placeLine{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.subLine{color:var(--muted2);font-weight:500;font-size:13px;margin-top:4px;display:flex;gap:10px;flex-wrap:wrap}
.subLine .dot{opacity:.6}

.sectionTitle{margin:18px 0 6px;font-weight:700}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:12px}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
.gCard{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.grid .img{height:170px}

.footerBar{margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.b700{font-weight:700}
.waLink{color:#2563eb;font-weight:600;text-decoration:none}

/* overlays */
.ov{position:fixed;inset:0;background:rgba(17,24,39,.45);display:none;align-items:flex-start;justify-content:center;padding:70px 16px;z-index:1000}
.ov.show{display:flex}
.modal{width:min(560px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.mHead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);font-weight:700}
.mBody{padding:14px}
.mBtn{height:44px;border-radius:14px;border:1px solid var(--line);background:#f7f8fb;padding:0 14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.mBtn.primary{background:var(--brand);border-color:var(--brand);color:#111}
.mInput{width:100%;height:46px;border:1px solid var(--line);border-radius:14px;padding:0 12px;font-size:15px;font-weight:500;outline:none}
.lblSmall{font-size:12px;color:var(--muted);font-weight:600;margin:2px 0 6px;}

/* menu sheet */
.menuList{display:flex;flex-direction:column}
.menuItem{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 14px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--text);background:#fff}
.menuItem:last-child{border-bottom:0}
.menuItem .left{display:flex;align-items:center;gap:10px;font-weight:600}
.menuItem .arr{color:#9aa3b2;font-weight:700}

.adBottom{margin-top:8px}
.adCity{font-weight:600;font-size:14px;line-height:18px;color:#111}
.adMeta{font-weight:500;font-size:14px;line-height:18px;color:#111;margin-top:2px}
.adDate{font-weight:400;font-size:13px;line-height:18px;color:#8a8f98;margin-top:4px}