/* LandLinkGo — mobile UX (จอ ≤1024px = ฉบับย่อ) */
html{
  overflow-x:hidden;
  -webkit-text-size-adjust:100%;
}
body{
  overflow-x:hidden;
  max-width:100vw;
}

@media (max-width:1024px){
  /* fallback ก่อน JS: แผนที่บน ฟีดล่าง */
  body.market-page .stage.market-stage{
    display:flex !important;
    flex-direction:column;
  }
  body.market-page .market-right-col{ order:1; }
  body.market-page .market-feed-col{ order:2; }
  body.market-page .stage-rail-col{ order:3; }

  /* แถบบนมือถือ — ดู landlinkgo-top-bar.css */
}

/* ── หน้าตลาด: โหมดมือถือ (เปิดโดย landlinkgo-market-ui.js) ── */
body.market-page.mk-mobile-enabled{
  --mk-mobile-nav-h:64px;
  padding-bottom:calc(var(--mk-mobile-nav-h, 64px) + env(safe-area-inset-bottom, 0px));
  overflow-y:auto !important;
  overflow-x:hidden !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed{
  display:flex;
  flex-direction:column;
  height:100dvh;
  height:100svh;
  min-height:0 !important;
  overflow:hidden !important;
  padding-bottom:0;
}
body.market-page.mk-mobile-enabled .pd-top-bar{
  z-index:4200;
  overflow:visible;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed .pd-top-bar{
  flex-shrink:0;
  z-index:4200;
  overflow:visible;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed .app{
  flex:1 1 auto;
  min-height:0 !important;
  max-height:none !important;
  height:auto !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  padding-bottom:0;
  box-sizing:border-box;
}
body.market-page.mk-mobile-enabled .app{
  height:auto !important;
  min-height:0 !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed .stage.market-stage{
  display:flex !important;
  flex-direction:column;
  flex:1 1 auto;
  padding:0 !important;
  gap:0 !important;
  height:auto !important;
  min-height:0 !important;
  overflow:hidden !important;
}
body.market-page.mk-mobile-enabled .stage.market-stage{
  display:flex !important;
  flex-direction:column;
  padding:0 !important;
  gap:0 !important;
  height:auto !important;
  min-height:0 !important;
}
body.market-page.mk-mobile-enabled .stage-rail-col,
body.market-page.mk-mobile-enabled .market-feed-col,
body.market-page.mk-mobile-enabled .market-right-col{
  width:100% !important;
  max-width:100% !important;
  max-height:none !important;
  height:auto !important;
  overflow:visible !important;
  min-height:0 !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed .market-feed-col,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed .market-right-col{
  overflow:hidden !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed .market-feed-col.feed-wrap,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed .feed-body{
  overflow:hidden !important;
  flex:1 1 auto !important;
  min-height:0 !important;
  display:flex !important;
  flex-direction:column !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed .market-feed-col.feed-wrap{
  grid-template-rows:none !important;
}
body.market-page.mk-mobile-enabled .market-feed-col.feed-wrap,
body.market-page.mk-mobile-enabled .feed-body{
  overflow:visible !important;
  flex:none !important;
  min-height:0 !important;
}
body.market-page.mk-mobile-enabled #LandLinkGoProfileSide .fb-side-scroll{
  max-height:none !important;
  overflow:visible !important;
}

/* แท็บล่าง: ตลาด | ดูที่ดิน | ประกาศ | กระซิบ | โปรไฟล์ */
body.market-page.mk-mobile-enabled.mk-mobile-view-map .stage-rail-col,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed .stage-rail-col,
body.market-page.mk-mobile-enabled.mk-mobile-view-market .stage-rail-col,
body.market-page.mk-mobile-enabled.mk-mobile-view-profile .stage-rail-col{
  display:none !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed .market-right-col,
body.market-page.mk-mobile-enabled.mk-mobile-view-market .market-right-col,
body.market-page.mk-mobile-enabled.mk-mobile-view-profile .market-right-col{
  display:none !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-map .market-feed-col,
body.market-page.mk-mobile-enabled.mk-mobile-view-profile .market-feed-col{
  display:none !important;
}

/* ── โหมดแผนที่ (เต็มพื้นที่ใต้แถบบน) ── */
body.market-page.mk-mobile-enabled.mk-mobile-view-map{
  display:flex;
  flex-direction:column;
  height:100dvh;
  height:100svh;
  min-height:0 !important;
  overflow:hidden !important;
  padding-bottom:0;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-map .pd-top-bar{
  flex-shrink:0;
  z-index:4200;
  overflow:visible;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-map .app{
  flex:1 1 auto;
  min-height:0 !important;
  max-height:none !important;
  height:auto !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  padding-bottom:0;
  box-sizing:border-box;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-map .stage.market-stage{
  flex:1 1 auto;
  min-height:0 !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  padding:0 !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-map .market-right-col{
  position:fixed;
  left:0;
  right:0;
  top:var(--mk-mobile-inset-top, 56px);
  bottom:0;
  z-index:340;
  display:flex !important;
  flex-direction:column;
  order:1;
  min-height:0;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  padding:0 !important;
  margin:0;
  background:#000;
  overflow:hidden !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-map .market-discover{
  position:relative;
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  min-height:0;
  height:100%;
  max-height:none;
  border:none;
  border-radius:0;
  box-shadow:none;
  background:#000;
  overflow:hidden;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-map .market-discover-toolbar{
  display:none !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-map .market-discover-map > .market-map-full-btn{
  display:none !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-map .market-discover-panel{
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 auto;
  min-height:0 !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-map .market-discover-map{
  position:static;
  flex:1 1 auto;
  min-height:0;
  overflow:hidden;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-map .market-discover-map .map-card{
  position:relative !important;
  inset:auto !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  border-radius:0 !important;
  border:none !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-map .market-discover-map #map{
  width:100% !important;
  flex:1 1 auto !important;
  height:auto !important;
  min-height:0 !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-map .mk-map-place-search{
  display:flex !important;
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  flex:0 0 auto !important;
  padding:8px 10px !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-map .market-nearby-panel,
body.market-page.mk-mobile-enabled.mk-mobile-view-map .market-discover-map .map-overlay-hint,
body.market-page.mk-mobile-enabled.mk-mobile-view-map .market-discover-map .mini-list{
  display:none !important;
}

/* ── โหมดโปรไฟล์ ── */
body.market-page.mk-mobile-enabled.mk-mobile-view-profile{
  display:flex;
  flex-direction:column;
  height:100dvh;
  height:100svh;
  min-height:0 !important;
  overflow:hidden !important;
  padding-bottom:0;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-profile .pd-top-bar{
  flex-shrink:0;
  z-index:4200;
  overflow:visible;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-profile .app{
  flex:1 1 auto;
  min-height:0 !important;
  overflow:auto !important;
  -webkit-overflow-scrolling:touch;
  padding-bottom:calc(var(--mk-mobile-nav-h, 64px) + env(safe-area-inset-bottom, 0px));
}
body.market-page.mk-mobile-enabled.mk-mobile-view-profile .stage-rail-col{
  display:block !important;
  padding:8px 10px 16px;
}

/* ── โหมดประกาศ (เต็มจอ — แถบล่างซ้อนทับ) ── */
body.market-page.mk-mobile-enabled.mk-mobile-view-feed .market-feed-col{
  position:fixed;
  left:0;
  right:0;
  top:var(--mk-mobile-inset-top, 56px);
  bottom:calc(var(--mk-mobile-nav-h, 64px) + env(safe-area-inset-bottom, 0px));
  z-index:340;
  order:2;
  display:flex !important;
  flex-direction:column;
  flex:1 1 auto;
  min-height:0;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  padding:0;
  margin:0;
  background:#000;
  overflow:hidden !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed{
  --mk-feed-snap-h:100%;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed .feed-body{
  flex:1 1 auto;
  min-height:0;
  display:flex !important;
  flex-direction:column !important;
  padding:0 !important;
  gap:0 !important;
  background:#000 !important;
  overflow:hidden !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList{
  flex:1 1 auto;
  min-height:0;
  height:100%;
  display:block !important;
  overflow-x:hidden;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  scroll-snap-type:y mandatory;
  scroll-padding:0;
  padding:0;
  gap:0 !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card{
  scroll-snap-align:start;
  scroll-snap-stop:always;
  flex:0 0 auto;
  width:100% !important;
  max-width:100% !important;
  min-height:100%;
  height:100%;
  max-height:100%;
  margin:0;
  border-radius:0 !important;
  border:none !important;
  border-left:none;
  border-right:none;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  background:#fff !important;
}

/* แถวค้นหา: ประกาศทั้งหมด + ช่องค้นหา */
body.market-page.mk-mobile-enabled.mk-mobile-view-feed .pd-top-bar-search{
  display:flex !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed .pd-top-bar-end,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #pdTopBarMobileMenu{
  display:flex !important;
}
.mk-mobile-feed-search-row{
  display:none;
}
body.market-page.mk-mobile-feed-toolbar-docked .mk-mobile-feed-search-row{
  display:flex;
  align-items:stretch;
  gap:8px;
  order:3;
  flex:1 1 100%;
  min-width:0;
  width:100%;
}
body.market-page.mk-mobile-feed-toolbar-docked .mk-mobile-feed-search-row .pd-top-bar-search{
  order:unset;
  flex:1 1 auto;
  max-width:none;
  min-width:0;
}
body.market-page.mk-mobile-feed-toolbar-docked .mk-mobile-feed-search-row .mk-mobile-feed-filter{
  flex:0 1 42%;
  max-width:168px;
  min-width:0;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed .market-feed-tabs{
  display:none !important;
}
.mk-mobile-feed-toolbar{
  display:none;
  width:100%;
  align-items:stretch;
  gap:8px;
}
.mk-mobile-feed-filter{
  position:relative;
  flex:1 1 50%;
  min-width:0;
}
.mk-mobile-feed-filter-btn{
  width:100%;
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  padding:0 10px;
  border:1px solid #e2e8f0;
  border-radius:12px;
  background:#fff;
  color:#0f172a;
  font:inherit;
  font-size:13px;
  font-weight:900;
  text-align:left;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.mk-mobile-feed-filter-label{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  line-height:1.2;
}
.mk-mobile-feed-filter-caret{
  width:0;
  height:0;
  flex-shrink:0;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-top:6px solid #64748b;
  transition:transform .16s ease;
}
.mk-mobile-feed-filter.is-open .mk-mobile-feed-filter-caret{
  transform:rotate(180deg);
}
.mk-mobile-feed-filter-menu{
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 4px);
  z-index:6500;
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:12px;
  box-shadow:0 10px 28px rgba(15,23,42,.12);
  overflow:hidden;
}
.mk-mobile-feed-filter-opt{
  width:100%;
  display:block;
  padding:11px 12px;
  border:none;
  border-bottom:1px solid #f1f5f9;
  background:#fff;
  color:#334155;
  font:inherit;
  font-size:13px;
  font-weight:800;
  line-height:1.35;
  text-align:left;
  cursor:pointer;
}
.mk-mobile-feed-filter-opt:last-child{
  border-bottom:none;
}
.mk-mobile-feed-filter-opt.is-active{
  background:#f0fdf4;
  color:#15803d;
}
.mk-mobile-feed-search{
  flex:1 1 50%;
  min-width:0;
  display:flex;
  align-items:center;
  gap:6px;
  padding:0 10px;
  min-height:42px;
  border:1px solid #e2e8f0;
  border-radius:12px;
  background:#fff;
  box-sizing:border-box;
}
.mk-mobile-feed-search-ico{
  width:18px;
  height:18px;
  flex-shrink:0;
  color:#94a3b8;
}
.mk-mobile-feed-search input{
  flex:1 1 auto;
  min-width:0;
  border:none;
  background:transparent;
  padding:0;
  margin:0;
  font:inherit;
  font-size:13px;
  font-weight:700;
  color:#0f172a;
  outline:none;
}
.mk-mobile-feed-search input::placeholder{
  color:#94a3b8;
  font-weight:600;
}
body.market-page.mk-mobile-feed-toolbar-docked .mk-mobile-feed-filter-btn{
  min-height:40px;
  font-size:13px;
  padding:0 9px;
  border-radius:999px;
  background:#f1f3f4;
  border-color:transparent;
}
body.market-page.mk-mobile-feed-toolbar-docked .mk-mobile-feed-search{
  padding:0 9px;
  gap:5px;
}
body.market-page.mk-mobile-feed-toolbar-docked .mk-mobile-feed-search input{
  font-size:13px;
}
body.market-page.mk-mobile-feed-toolbar-docked .mk-mobile-feed-filter-opt{
  font-size:13px;
}
body.market-page.mk-mobile-feed-toolbar-docked .pd-top-bar-inner,
body.market-page.mk-mobile-feed-toolbar-docked .mk-mobile-feed-toolbar-slot,
body.market-page.mk-mobile-feed-toolbar-docked .mk-mobile-feed-filter{
  overflow:visible;
}
body.market-page.mk-mobile-feed-toolbar-docked .mk-mobile-feed-filter-menu{
  z-index:7000;
}

body.market-page.mk-mobile-enabled.mk-mobile-view-feed .composer{
  flex-shrink:0;
  margin:0 !important;
  padding:0 !important;
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed .composer .market-compose-title,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed .composer .market-compose-grid{
  display:none !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #mediaSyncBanner{
  flex-shrink:0;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .feed-card-top,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-split-text,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card > .feed-clamp-wrap,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card > .feed-listing-details,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-footer,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .feed-actions,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .feed-asset-link{
  flex-shrink:0;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-split,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card > .feed-media-slot{
  flex:1 1 auto;
  min-height:0;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-split-main,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-split-hero-col,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-split-hero{
  flex:1 1 auto;
  min-height:0;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-split-hero,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-hero,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .feed-media-grid{
  flex:1 1 auto;
  min-height:0 !important;
  max-height:none !important;
  height:auto !important;
  aspect-ratio:auto !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .empty{
  scroll-snap-align:start;
  min-height:100%;
  height:100%;
  margin:0;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:24px 16px;
  box-sizing:border-box;
  background:#eef0f3;
}

/* ฟีด snap — โครงสร้างหนึ่งหน้าต่อประกาศ */
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .comments{
  display:none !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .feed-card-top{
  position:static !important;
  flex-shrink:0 !important;
  padding:8px 12px 4px !important;
  background:#fff !important;
  pointer-events:auto !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .feed-card-top .avatar{
  width:34px !important;
  height:34px !important;
  font-size:12px !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .feed-name{
  font-size:13px !important;
  color:inherit !important;
  text-shadow:none !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .feed-name-link{
  color:inherit !important;
  text-shadow:none !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .feed-sub{
  font-size:11px !important;
  color:var(--muted, #64748b) !important;
  text-shadow:none !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-split{
  padding:0 !important;
  gap:0 !important;
  flex:1 1 auto !important;
  min-height:0 !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-split-main{
  gap:0 !important;
  flex:1 1 auto !important;
  min-height:0 !important;
  height:100% !important;
  display:flex !important;
  flex-direction:column !important;
  grid-template-columns:unset !important;
  grid-template-rows:unset !important;
  align-items:stretch !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-split-text{
  position:static !important;
  order:1 !important;
  flex:0 0 auto !important;
  width:100% !important;
  max-width:100% !important;
  padding:6px 12px 4px !important;
  max-height:none !important;
  overflow:hidden !important;
  background:#fff !important;
  color:inherit !important;
  pointer-events:auto !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-footer{
  flex-shrink:0 !important;
  margin-top:auto !important;
  padding:6px 12px 8px !important;
  background:#fff;
  border-top:1px solid #f1f5f9;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .feed-listing-meta-title,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .feed-clamp-body{
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .feed-listing-meta-title{
  -webkit-line-clamp:2;
  font-size:15px !important;
  line-height:1.25 !important;
  color:#0f172a !important;
  margin:0 !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .feed-listing-meta-more,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .feed-listing-meta .detail-sub{
  display:none !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card.market-feed-card--listing .feed-listing-chip--price{
  color:#1d4ed8 !important;
  font-size:14px !important;
  font-weight:800 !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .feed-listing-meta-chips{
  flex-wrap:nowrap !important;
  overflow:hidden !important;
  gap:4px !important;
  margin-top:2px !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .feed-listing-chip{
  font-size:10px !important;
  padding:2px 6px !important;
  white-space:nowrap;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .feed-listing-meta-loc{
  font-size:11px !important;
  margin-top:2px !important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .feed-clamp-toggle{
  margin-top:4px !important;
  padding:2px 0 !important;
  font-size:11px !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card.market-feed-card--listing-below .feed-card-top{
  display:none !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card.market-feed-card--listing-below .market-feed-split-hero-col,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card.market-feed-card--listing-below .market-feed-split-hero{
  order:1 !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card.market-feed-card--listing-below .market-feed-split-text{
  order:2 !important;
  flex:0 0 auto !important;
  padding:0 !important;
  background:#fff !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-listing-below{
  padding:12px 14px 10px !important;
  background:#fff !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-listing-below-top{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:10px !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-listing-below-left{
  flex:1 1 auto !important;
  min-width:0 !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-listing-below-side{
  flex:0 0 auto !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:8px !important;
  width:min(148px, 44%) !important;
  max-width:44% !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-listing-below-head{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:8px !important;
  margin-bottom:6px !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-listing-below-title{
  margin:0 0 6px !important;
  font-size:16px !important;
  font-weight:900 !important;
  line-height:1.35 !important;
  color:#0f172a !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-listing-broker-badge{
  flex:0 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  align-self:flex-end !important;
  gap:4px !important;
  padding:5px 9px !important;
  border-radius:999px !important;
  background:#ecfdf5 !important;
  border:1px solid #bbf7d0 !important;
  color:#15803d !important;
  font-size:11px !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-listing-broker-badge--muted{
  background:#f8fafc !important;
  border-color:#e2e8f0 !important;
  color:#64748b !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-listing-broker-ico{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:16px !important;
  height:16px !important;
  border-radius:50% !important;
  background:#16a34a !important;
  color:#fff !important;
  font-size:9px !important;
  font-weight:900 !important;
  line-height:1 !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-listing-below-price{
  font-size:24px !important;
  font-weight:900 !important;
  line-height:1.15 !important;
  color:#0f172a !important;
  margin:0 0 4px !important;
  letter-spacing:-0.02em;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-listing-below-specs{
  font-size:13px !important;
  font-weight:700 !important;
  color:#64748b !important;
  line-height:1.4 !important;
  margin-bottom:4px !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-listing-below-loc{
  display:flex !important;
  align-items:flex-start !important;
  gap:4px !important;
  font-size:13px !important;
  font-weight:700 !important;
  color:#64748b !important;
  line-height:1.4 !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-listing-loc-ico{
  flex-shrink:0 !important;
  font-size:13px !important;
  line-height:1.35 !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-listing-more-btn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  margin-top:0 !important;
  min-height:40px !important;
  padding:8px 12px !important;
  border:1.5px solid #16a34a !important;
  border-radius:10px !important;
  background:#fff !important;
  color:#16a34a !important;
  font:inherit !important;
  font-size:13px !important;
  font-weight:900 !important;
  line-height:1.35 !important;
  text-align:center !important;
  white-space:normal !important;
  cursor:pointer !important;
  -webkit-tap-highlight-color:transparent !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-listing-below-divider{
  height:1px !important;
  margin:10px 0 8px !important;
  background:#e8eaed !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-listing-below-foot{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-listing-below-user{
  flex:1 1 auto !important;
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-listing-below-user .avatar{
  width:36px !important;
  height:36px !important;
  font-size:12px !important;
  flex-shrink:0 !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-listing-below-user .feed-name{
  font-size:14px !important;
  font-weight:900 !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-listing-below-user .feed-sub{
  font-size:11px !important;
  color:#94a3b8 !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-split-hero-col,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-split-hero{
  order:2 !important;
  flex:1 1 auto !important;
  width:100% !important;
  max-width:100% !important;
  min-height:0 !important;
  padding:0 !important;
  gap:0 !important;
  display:flex !important;
  flex-direction:column !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-hero,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-split-hero .market-feed-hero,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-split-hero-col .market-feed-hero,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-split--gallery .market-feed-split-hero .market-feed-hero{
  position:relative !important;
  flex:1 1 auto !important;
  width:100% !important;
  max-width:100% !important;
  min-height:0 !important;
  max-height:none !important;
  height:100% !important;
  aspect-ratio:unset !important;
  border-radius:0 !important;
  margin:0 !important;
  background:#000 !important;
  overflow:hidden !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-hero-tile,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .feed-media-tile,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-mobile-tile{
  cursor:default !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-hero-tile,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .feed-media-tile{
  flex:1 1 auto !important;
  min-height:0 !important;
  height:100% !important;
  max-height:100% !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-mobile-carousel{
  display:flex !important;
  position:absolute !important;
  inset:0 !important;
  flex:1 1 auto !important;
  min-height:0 !important;
  width:100% !important;
  height:100% !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  touch-action:auto;
  overscroll-behavior-x:contain;
  overscroll-behavior-y:auto;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-mobile-carousel::-webkit-scrollbar{
  display:none;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-mobile-carousel .market-feed-mobile-tile,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .feed-media-grid.one .feed-media-tile{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-mobile-carousel .market-feed-mobile-tile{
  flex:0 0 100% !important;
  width:100% !important;
  min-width:100% !important;
  max-width:100% !important;
  min-height:0 !important;
  height:100% !important;
  scroll-snap-align:start;
  scroll-snap-stop:always;
  border-radius:0 !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .feed-media-tile img,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .feed-media-tile video{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  object-fit:cover !important;
  object-position:center center !important;
  pointer-events:none !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .feed-media-tile,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-thumb-tile{
  pointer-events:none !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .mk-media-landscape img,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .mk-media-landscape video{
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .mk-media-portrait img,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .mk-media-portrait video{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-hero .market-feed-hero-tile{
  display:none !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-carousel-dots{
  position:absolute !important;
  left:50% !important;
  bottom:12px !important;
  transform:translateX(-50%) !important;
  z-index:4 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  padding:4px 8px !important;
  border-radius:999px !important;
  background:rgba(15,23,42,.28) !important;
  pointer-events:none !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-carousel-dot{
  width:6px !important;
  height:6px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.45) !important;
  flex-shrink:0 !important;
  transition:transform .15s ease, background .15s ease !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-carousel-dot.is-active{
  background:#fff !important;
  transform:scale(1.2) !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-hero-wrap{
  flex:1 1 auto !important;
  min-height:0 !important;
  height:100% !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-hero-wrap > .market-feed-hero{
  flex:1 1 auto !important;
  min-height:0 !important;
  height:100% !important;
  max-height:100% !important;
  display:flex !important;
  flex-direction:column !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-split--gallery .market-feed-split-main,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-split--compact .market-feed-split-main{
  display:flex !important;
  flex-direction:column !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-action-dock--overlay{
  right:10px !important;
  bottom:10px !important;
  padding:0 !important;
  flex-shrink:0 !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-action-dock--overlay .pd-mpv-float-dock{
  flex-direction:column !important;
  align-items:flex-end !important;
  gap:10px !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-action-dock--overlay .pd-mpv-float-stack-card{
  width:66px !important;
  min-width:66px !important;
  max-width:66px !important;
  height:74px !important;
  min-height:74px !important;
  max-height:74px !important;
  padding:8px 5px 7px !important;
  border:none !important;
  border-radius:13px !important;
  background:rgba(255,255,255,.94) !important;
  box-shadow:0 3px 16px rgba(15,23,42,.24) !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  box-sizing:border-box !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-action-dock--overlay .pd-mpv-float-appr-label,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-action-dock--overlay .pd-mpv-float-map-label,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-action-dock--overlay .pd-mpv-float-ai-label{
  display:flex !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-action-dock--overlay .pd-mpv-float-appr-label-top,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-action-dock--overlay .pd-mpv-float-appr-label-sub,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-action-dock--overlay .pd-mpv-float-map-label-top,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-action-dock--overlay .pd-mpv-float-map-label-sub,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-action-dock--overlay .pd-mpv-float-ai-label-line1,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-action-dock--overlay .pd-mpv-float-ai-label-line2{
  font-size:11px !important;
  line-height:1.15 !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-action-dock--overlay .pd-mpv-float-map-ic,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-action-dock--overlay .pd-mpv-float-appr-ic{
  width:32px !important;
  height:28px !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-action-dock--overlay .pd-mpv-float-map-ic svg,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-action-dock--overlay .pd-mpv-float-appr-ic svg{
  width:28px !important;
  height:30px !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-action-dock--overlay .pd-mpv-float-map-ic svg{
  width:24px !important;
  height:24px !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-action-dock--overlay .pd-mpv-float-ai-ic{
  width:32px !important;
  height:26px !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-action-dock--overlay .pd-mpv-float-ai-ic svg{
  width:30px !important;
  height:26px !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-action-dock--overlay .pd-mpv-float-dock .pd-mpv-float-row + .pd-mpv-float-row{
  border:none !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-action-dock--overlay .pd-mpv-float-ic{
  flex:0 0 40px !important;
  width:40px !important;
  height:40px !important;
  border-radius:11px !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-action-dock--overlay .pd-mpv-float-ic svg{
  width:22px !important;
  height:22px !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-split-gallery,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-split-gallery--full{
  display:none !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-thumb-row,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-thumb-row--grid4{
  gap:4px !important;
  max-height:44px !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-thumb-tile,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-split--compact .market-feed-thumb-tile{
  max-height:44px !important;
  aspect-ratio:1 / 1 !important;
  border-radius:6px !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card > .feed-clamp-wrap,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card > .feed-listing-details.feed-clamp-wrap{
  flex:0 0 auto !important;
  padding:6px 12px 4px !important;
  background:#fff !important;
  color:#0f172a !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card > .feed-clamp-wrap .feed-clamp-body,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card > .feed-clamp-wrap .feed-text{
  color:#0f172a !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card > .feed-media-slot{
  flex:1 1 auto !important;
  min-height:0 !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  background:#000 !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .feed-media-grid.one{
  flex:1 1 auto !important;
  min-height:0 !important;
  max-height:none !important;
  height:100% !important;
  display:flex !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .feed-media-grid.one .feed-media-tile{
  flex:1 1 auto !important;
  min-height:0 !important;
  max-height:none !important;
  height:100% !important;
  aspect-ratio:unset !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .feed-media-grid.two,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .feed-media-grid.three,
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .feed-media-grid.four{
  flex:1 1 auto !important;
  min-height:0 !important;
  max-height:none !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .feed-actions{
  margin-top:auto !important;
  padding:6px 12px 8px !important;
  gap:6px !important;
  flex-shrink:0 !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .action-btn{
  min-height:36px !important;
  padding:6px 10px !important;
  font-size:12px !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .feed-asset-link{
  padding:0 12px 4px !important;
  flex-shrink:0 !important;
  background:#fff;
}

body.market-page.mk-mobile-enabled .market-feed-action-dock:not(.market-feed-action-dock--overlay){
  width:100%;
  max-width:100%;
  padding:8px 0 0;
  box-sizing:border-box;
}
body.market-page.mk-mobile-enabled .market-feed-action-dock--row:not(.market-feed-action-dock--overlay) .pd-mpv-float-dock{
  width:100%;
  max-width:100%;
  border-radius:12px;
}

body.market-page.mk-mobile-enabled .composer{
  padding:12px;
  border-radius:14px;
  margin-bottom:4px;
}
body.market-page.mk-mobile-enabled .market-compose-grid{
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:4px;
}
body.market-page.mk-mobile-enabled .market-compose-ico{
  width:48px;
  height:48px;
}
body.market-page.mk-mobile-enabled .market-compose-opt span:not(.market-compose-ico){
  display:block;
  width:100%;
  min-height:2.6em;
  font-size:11px;
  line-height:1.28;
  text-align:center;
  text-wrap:balance;
  white-space:normal;
  word-break:break-word;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-feed .feed-card{
  border-radius:0 !important;
}
body.market-page.mk-mobile-enabled .feed-card{
  border-radius:14px;
}
body.market-page.mk-mobile-enabled .feed-actions{
  flex-wrap:wrap;
  gap:8px;
  padding:8px 12px;
}
body.market-page.mk-mobile-enabled .feed-left-actions{
  flex-wrap:wrap;
  white-space:normal;
}
body.market-page.mk-mobile-enabled .action-btn{
  min-width:44px;
  min-height:40px;
  padding:8px 12px;
}
body.market-page.mk-mobile-enabled .feed-right{
  width:100%;
  white-space:normal;
  font-size:12px;
}
body.market-page.mk-mobile-enabled:not(.mk-mobile-view-feed) .market-feed-split-main{
  grid-template-columns:1fr !important;
}

/* เมนู / โปรไฟล์ */
body.market-page.mk-mobile-enabled.mk-mobile-view-menu .stage-rail-col,
body.market-page.mk-mobile-enabled.mk-mobile-view-profile .stage-rail-col{
  display:block !important;
  padding:8px 10px 16px;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-menu .pd-profile-side .fb-profile-card,
body.market-page.mk-mobile-enabled.mk-mobile-view-profile .pd-profile-side .fb-profile-card{
  border-radius:14px;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-menu .pd-profile-side .fb-profile-hero,
body.market-page.mk-mobile-enabled.mk-mobile-view-profile .pd-profile-side .fb-profile-hero{
  flex-direction:row;
  align-items:center;
  text-align:left;
  gap:12px;
  padding:12px 8px 14px;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-menu .pd-profile-side .fb-avatar-wrap,
body.market-page.mk-mobile-enabled.mk-mobile-view-profile .pd-profile-side .fb-avatar-wrap{
  width:64px;
  margin:0;
  flex-shrink:0;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-menu .pd-profile-side .fb-avatar,
body.market-page.mk-mobile-enabled.mk-mobile-view-profile .pd-profile-side .fb-avatar{
  font-size:24px;
  border-width:2px;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-menu .pd-profile-side .fb-name,
body.market-page.mk-mobile-enabled.mk-mobile-view-profile .pd-profile-side .fb-name{
  font-size:18px;
  text-align:left;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-menu .pd-profile-side .fb-profile-hero-text,
body.market-page.mk-mobile-enabled.mk-mobile-view-profile .pd-profile-side .fb-profile-hero-text{
  flex:1;
  min-width:0;
}
body.market-page.mk-mobile-enabled.mk-mobile-view-menu .pd-profile-side .fb-quick-link,
body.market-page.mk-mobile-enabled.mk-mobile-view-menu .pd-profile-side .fb-side-tabs-in-scroll .fb-tab-link,
body.market-page.mk-mobile-enabled.mk-mobile-view-profile .pd-profile-side .fb-quick-link,
body.market-page.mk-mobile-enabled.mk-mobile-view-profile .pd-profile-side .fb-side-tabs-in-scroll .fb-tab-link{
  min-height:44px;
  padding:11px 12px;
  font-size:14px;
}
/* มือถือ — ซ่อนเมนูลัด / เนื้อหาโปรไฟล์ ชั่วคราว (ยังไม่ล็อกดีไซน์) */
body.market-page.mk-mobile-enabled.mk-mobile-view-profile .pd-profile-side .fb-quick-nav,
body.market-page.mk-mobile-enabled.mk-mobile-view-profile .pd-profile-side .fb-side-tabs-in-scroll{
  display:none !important;
}

/* ทับ inline @media ใน market.html ที่ทำให้แผนที่/แอปสูงเกินและทับกัน */
@media (max-width:1180px){
  body.market-page.mk-mobile-enabled.mk-mobile-view-feed,
  body.market-page.mk-mobile-enabled.mk-mobile-view-map,
  body.market-page.mk-mobile-enabled.mk-mobile-view-market,
  body.market-page.mk-mobile-enabled.mk-mobile-view-profile{
    overflow:hidden !important;
  }
  body.market-page.mk-mobile-enabled.mk-mobile-view-feed .app,
  body.market-page.mk-mobile-enabled.mk-mobile-view-feed .stage.market-stage,
  body.market-page.mk-mobile-enabled.mk-mobile-view-map .app,
  body.market-page.mk-mobile-enabled.mk-mobile-view-map .stage.market-stage,
  body.market-page.mk-mobile-enabled.mk-mobile-view-market .app,
  body.market-page.mk-mobile-enabled.mk-mobile-view-market .stage.market-stage,
  body.market-page.mk-mobile-enabled.mk-mobile-view-profile .app,
  body.market-page.mk-mobile-enabled.mk-mobile-view-profile .stage.market-stage{
    min-height:0 !important;
    height:auto !important;
  }
}
@media (max-width:860px){
  body.market-page.mk-mobile-enabled.mk-mobile-view-map .market-right-col .map-card,
  body.market-page.mk-mobile-enabled.mk-mobile-view-map .map-card{
    height:100% !important;
    min-height:0 !important;
  }
  body.market-page.mk-mobile-enabled.mk-mobile-view-map #map{
    min-height:0 !important;
    height:auto !important;
    flex:1 1 auto !important;
  }
}
@media (max-width:520px){
  body.market-page.mk-mobile-enabled.mk-mobile-view-map .map-card{
    height:100% !important;
    min-height:0 !important;
  }
  body.market-page.mk-mobile-enabled.mk-mobile-view-map #map{
    height:auto !important;
    min-height:0 !important;
    flex:1 1 auto !important;
  }
}

/* แถบนำทางล่าง (5 แท็บ) */
.mk-mobile-nav{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:6000;
  display:flex;
  align-items:stretch;
  justify-content:space-around;
  gap:0;
  min-height:var(--mk-mobile-nav-h, 64px);
  padding:4px 6px calc(6px + env(safe-area-inset-bottom, 0px));
  background:rgba(255,255,255,.97);
  border-top:1px solid #dfe1e5;
  box-shadow:0 -4px 20px rgba(15,23,42,.08);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.mk-mobile-nav-btn{
  flex:1 1 0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  min-height:52px;
  min-width:0;
  padding:4px 4px;
  border:none;
  border-radius:12px;
  background:transparent;
  color:#64748b;
  font:inherit;
  font-size:11px;
  font-weight:900;
  line-height:1.2;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.mk-mobile-nav-btn > span:last-child{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mk-mobile-nav-btn .mk-mobile-nav-ico{
  font-size:24px;
  line-height:1;
}
.mk-mobile-nav-btn.is-active{
  color:#16a34a;
  background:#f0fdf4;
}
.mk-mobile-nav-btn--compose{
  color:#0f766e;
}
.mk-mobile-nav-btn--compose .mk-mobile-nav-ico{
  background:#ecfdf5;
  border:1px solid #a7f3d0;
  border-radius:12px;
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
}

/* popup เลือกประเภทประกาศ */
.mk-compose-type-modal{
  position:fixed;
  inset:0;
  z-index:12000;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:0;
  pointer-events:auto;
}
.mk-compose-type-modal[hidden]{
  display:none !important;
}
.mk-compose-type-backdrop{
  position:absolute;
  inset:0;
  background:rgba(15,23,42,.45);
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}
.mk-compose-type-sheet{
  position:relative;
  z-index:2;
  width:100%;
  max-width:520px;
  margin:0;
  padding:10px 14px calc(14px + var(--mk-mobile-nav-h, 64px) + env(safe-area-inset-bottom, 0px));
  background:#fff;
  border-radius:20px 20px 0 0;
  box-shadow:0 -12px 40px rgba(15,23,42,.18);
  animation:mk-compose-sheet-in .24s ease;
  pointer-events:auto;
}
@keyframes mk-compose-sheet-in{
  from{ transform:translateY(100%); opacity:.6; }
  to{ transform:translateY(0); opacity:1; }
}
.mk-compose-type-handle{
  width:36px;
  height:4px;
  margin:0 auto 12px;
  border-radius:999px;
  background:#e2e8f0;
}
.mk-compose-type-title{
  margin:0;
  font-size:17px;
  font-weight:1000;
  color:#0f172a;
  text-align:center;
}
.mk-compose-type-sub{
  margin:6px 0 14px;
  font-size:12px;
  font-weight:700;
  color:#64748b;
  text-align:center;
}
.mk-compose-type-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.mk-compose-type-opt{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  min-height:108px;
  padding:14px 10px;
  border:1px solid #e2e8f0;
  border-radius:16px;
  background:linear-gradient(180deg,#fff,#f8fafc);
  color:#0f172a;
  font:inherit;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  transition:transform .15s ease, border-color .15s ease, box-shadow .15s ease;
  pointer-events:auto;
  touch-action:manipulation;
  position:relative;
  z-index:3;
}
.mk-compose-type-opt:active{
  transform:scale(.98);
}
.mk-compose-type-opt:hover{
  border-color:#86efac;
  box-shadow:0 8px 24px rgba(22,163,74,.12);
}
.mk-compose-type-ico{
  font-size:28px;
  line-height:1;
}
.mk-compose-type-lbl{
  font-size:13px;
  font-weight:1000;
  text-align:center;
  line-height:1.25;
}
.mk-compose-type-desc{
  font-size:10px;
  font-weight:700;
  color:#64748b;
  text-align:center;
  line-height:1.3;
}
.mk-compose-type-cancel{
  width:100%;
  margin-top:12px;
  min-height:44px;
  border:none;
  border-radius:12px;
  background:#f1f5f9;
  color:#475569;
  font:inherit;
  font-size:14px;
  font-weight:900;
  cursor:pointer;
}

/* กระซิบ — จอแคบ/มือถือ: เต็มขอบจอ ปิดพื้นหลังด้านหลัง */
body.market-page.mk-mobile-enabled #chatLauncher{
  display:none !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-chat-open,
body.market-page.mk-mobile-enabled:has(.chat-pop.show){
  overflow:hidden !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-chat-open .app,
body.market-page.mk-mobile-enabled:has(.chat-pop.show) .app{
  visibility:hidden !important;
  pointer-events:none !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-chat-open .pd-top-bar,
body.market-page.mk-mobile-enabled:has(.chat-pop.show) .pd-top-bar{
  visibility:visible !important;
  pointer-events:auto !important;
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  z-index:5600 !important;
}
body.market-page.mk-mobile-enabled.mk-mobile-chat-open .pd-top-bar-search,
body.market-page.mk-mobile-enabled.mk-mobile-chat-open .mk-mobile-feed-search-row,
body.market-page.mk-mobile-enabled.mk-mobile-chat-open #mkMobileFeedToolbarSlot,
body.market-page.mk-mobile-enabled:has(.chat-pop.show) .pd-top-bar-search,
body.market-page.mk-mobile-enabled:has(.chat-pop.show) .mk-mobile-feed-search-row,
body.market-page.mk-mobile-enabled:has(.chat-pop.show) #mkMobileFeedToolbarSlot{
  display:none !important;
}
body.market-page.mk-mobile-enabled .chat-bubble:has(.chat-pop.show),
body.market-page.mk-mobile-enabled.mk-mobile-chat-open .chat-bubble{
  position:fixed !important;
  inset:0 !important;
  width:auto !important;
  height:auto !important;
  right:0 !important;
  bottom:0 !important;
  z-index:5500 !important;
  pointer-events:none;
}
body.market-page.mk-mobile-enabled .chat-pop.show,
body.market-page.mk-mobile-enabled.mk-mobile-chat-open .chat-pop.show{
  display:flex !important;
  position:fixed !important;
  left:0 !important;
  right:0 !important;
  top:calc(var(--pd-top-bar-h, 56px) + env(safe-area-inset-top, 0px)) !important;
  bottom:calc(var(--mk-mobile-nav-h, 64px) + env(safe-area-inset-bottom, 0px)) !important;
  width:100% !important;
  height:auto !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  border-radius:0 !important;
  border:none !important;
  box-shadow:none !important;
  background:#fff !important;
  z-index:5500 !important;
  pointer-events:auto;
  padding-top:0;
}
body.market-page.mk-mobile-enabled .chat-pop.show .chat-head,
body.market-page.mk-mobile-enabled.mk-mobile-chat-open .chat-pop.show .chat-head{
  display:none !important;
}
body.market-page.mk-mobile-enabled .chat-pop.show .chat-body{
  grid-template-columns:minmax(88px, 28vw) minmax(0, 1fr) !important;
}

@media (min-width:1025px){
  .mk-mobile-nav{
    display:none !important;
  }
}

/* หน้า sell — แถบนำทางล่าง + เว้นพื้นที่ด้านล่าง */
body.sell-page.mk-mobile-enabled{
  --mk-mobile-nav-h:64px;
  padding-bottom:calc(var(--mk-mobile-nav-h, 64px) + env(safe-area-inset-bottom, 0px));
}
body.user-feed-chrome-page.mk-mobile-enabled{
  --mk-mobile-nav-h:64px;
  padding-bottom:calc(var(--mk-mobile-nav-h, 64px) + env(safe-area-inset-bottom, 0px));
}
body.sell-page.mk-mobile-enabled .sell-form-section--save{
  bottom:calc(var(--mk-mobile-nav-h, 64px) + 8px + env(safe-area-inset-bottom, 0px));
}
body.sell-page.mk-mobile-enabled .auth-open-fab{
  bottom:calc(var(--mk-mobile-nav-h, 64px) + 20px + env(safe-area-inset-bottom, 0px));
}
body.sell-page.mk-mobile-enabled .pd-listing-layout{
  padding-bottom:8px;
}

/* หน้า user (my-listings) — จอแคบ: โชว์ประกาศของตัวเอง + แถบล่าง */
body.user-page.mk-mobile-enabled{
  --mk-mobile-nav-h:64px;
  padding-bottom:calc(var(--mk-mobile-nav-h, 64px) + env(safe-area-inset-bottom, 0px));
}
body.user-page.mk-mobile-enabled .fb-profile-head-banner,
body.user-page.mk-mobile-enabled .fb-side-profile{
  display:none !important;
}
body.user-page.mk-mobile-enabled .fb-profile-shell .fb-layout{
  display:block !important;
  padding:10px 10px 20px !important;
}
body.user-page.mk-mobile-enabled .fb-feed,
body.user-page.mk-mobile-enabled .fb-feed-posts-column{
  width:100% !important;
  max-width:100% !important;
}
body.user-page.mk-mobile-enabled .fb-feed-posts-column .fb-post-composer-card{
  margin-bottom:10px;
}
body.user-page.mk-mobile-enabled .fb-section:not(.active){
  display:none !important;
}
body.user-page.mk-mobile-enabled .fb-section.active{
  display:block !important;
}

/* จากหน้า sell → ประกาศทั่วไป: ซ่อนฟีดโพสต์ ไม่ให้เห็นเป็นพื้นหลัง */
body.market-page.mk-compose-from-sell{
  background:#eef1f6 !important;
}
body.market-page.mk-compose-from-sell .app,
body.market-page.mk-compose-from-sell .stage,
body.market-page.mk-compose-from-sell .market-feed-col,
body.market-page.mk-compose-from-sell .market-right-col,
body.market-page.mk-compose-from-sell .stage-rail-col,
body.market-page.mk-compose-from-sell .pd-top-bar{
  visibility:hidden !important;
  pointer-events:none !important;
}
body.market-page.mk-compose-from-sell #quickComposerModal.show{
  visibility:visible !important;
  pointer-events:auto !important;
  background:rgba(238,241,246,.96) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
body.market-page.mk-compose-from-sell .mk-mobile-nav{
  visibility:visible !important;
  pointer-events:auto !important;
}
