/* เทมเพลตหน้าตลาด — สัดส่วนตาม mockup */
.market-page{
  --mk-green:#16a34a;
  --mk-green-dark:#15803d;
  --mk-green-soft:#f0fdf4;
  --mk-green-mid:#dcfce7;
  --mk-page-bg:#eef0f3;
  --mk-card:#fff;
  --mk-line:#e8eaed;
  --mk-muted:#64748b;
  --mk-text:#1e293b;
  --mk-radius:12px;
  --mk-shadow:0 1px 2px rgba(15,23,42,.05), 0 4px 16px rgba(15,23,42,.04);
  /* สัดส่วน 3 คอลัมน์เต็มจอ (~20% | ~52% | ~28%) */
  --mk-stage-gap:12px;
  --mk-stage-pad-x:14px;
}
body.market-page{
  background:var(--mk-page-bg);
  color:var(--mk-text);
}
body.market-page .app{
  background:var(--mk-page-bg);
}
.market-page .pd-top-bar-brand{ color:var(--mk-green); font-weight:1100; }
.market-page .pd-top-bar-search-box:focus-within{
  border-color:rgba(22,163,74,.4);
  box-shadow:0 0 0 3px rgba(22,163,74,.1);
}
/* แถบบนเต็มความกว้างจอ */
body.market-page .pd-top-bar-inner{
  max-width:none;
  padding-left:14px;
  padding-right:14px;
}

/* ── Grid: ซ้ายโปรไฟล์ | กลางฟีด | ขวาแผนที่ (ยืดหยุ่นตามจอ) ── */
.market-page .stage.market-stage{
  grid-template-columns:minmax(0,260px) minmax(0,1fr) minmax(0,1.15fr);
  gap:var(--mk-stage-gap);
  padding:12px var(--mk-stage-pad-x) 16px;
  width:100%;
  max-width:100%;
  margin:0;
  align-items:stretch;
  height:calc(100vh - var(--pd-top-bar-h, 56px));
  height:calc(100dvh - var(--pd-top-bar-h, 56px));
  min-height:0;
  box-sizing:border-box;
}
.market-page .stage-rail-col{
  width:100%;
  max-width:260px;
  min-width:0;
  min-height:0;
  height:100%;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
.market-page #LandLinkGoProfileSide.pd-profile-side{
  flex:1 1 auto;
  min-height:0;
  max-height:100%;
  overflow:hidden;
  position:relative;
  top:auto;
}
.market-page #LandLinkGoProfileSide .fb-profile-card-pad{
  min-height:0;
  height:100%;
}
.market-page #LandLinkGoProfileSide .fb-side-scroll{
  min-height:0;
  flex:1 1 auto;
  overflow-y:auto;
  overscroll-behavior:contain;
}
.market-page .market-feed-col{
  width:100%;
  max-width:680px;
  min-width:0;
}
.market-page .market-right-col{
  width:100%;
  max-width:none;
  min-width:0;
}
.market-page .market-feed-col{
  min-height:0;
  max-height:calc(100vh - var(--pd-top-bar-h, 56px) - 24px);
  max-height:calc(100dvh - var(--pd-top-bar-h, 56px) - 24px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.market-page .market-right-col{
  min-height:0;
  max-height:calc(100vh - var(--pd-top-bar-h, 56px) - 24px);
  max-height:calc(100dvh - var(--pd-top-bar-h, 56px) - 24px);
}
.market-page .market-feed-col.feed-wrap{
  background:transparent;
  border:none;
  box-shadow:none;
}
.market-page .feed-body{
  background:transparent;
  padding:0 2px 0 0;
  gap:14px;
  flex:1;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
}

/* ── Sidebar (market: ซ่อนเบอร์/คำอธิบายใต้ชื่อ) ── */
.market-page #LandLinkGoProfileSide .fb-phone,
.market-page #LandLinkGoProfileSide .fb-sub{
  display:none;
}

/* ── Composer ไอคอนกลม (สีตาม mockup) ── */
.market-page .market-compose-title{
  margin:0 0 14px;
  font-size:15px;
  font-weight:1100;
  color:#065f46;
  line-height:1.3;
}
.market-page .composer{
  padding:16px 14px 14px;
  border:1px solid var(--mk-line);
  border-radius:var(--mk-radius);
  background:var(--mk-card);
  box-shadow:var(--mk-shadow);
}
.market-page .composer-inline,
.market-page .composer-quick-actions{ display:none !important; }
.market-page .market-compose-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:6px 4px;
}
.market-page .market-compose-opt{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  padding:4px 2px;
  border:none;
  background:transparent;
  cursor:pointer;
  font:inherit;
  text-decoration:none;
  color:inherit;
  border-radius:12px;
  transition:background .15s ease;
}
.market-page .market-compose-opt:hover{ background:#f8fafc; }
.market-page .market-compose-ico{
  width:56px;
  height:56px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid transparent;
  box-shadow:none;
}
.market-page .market-compose-ico svg{
  width:24px;
  height:24px;
  display:block;
}
.market-page .market-compose-opt--text .market-compose-ico{
  background:#eef4ff;
  color:#2563eb;
  border-color:#dbeafe;
}
.market-page .market-compose-opt--text:hover .market-compose-ico{
  background:#dbeafe;
  border-color:#bfdbfe;
}
.market-page .market-compose-opt--image .market-compose-ico{
  background:#f5eeff;
  color:#9333ea;
  border-color:#e9d5ff;
}
.market-page .market-compose-opt--image:hover .market-compose-ico{
  background:#ede9fe;
  border-color:#ddd6fe;
}
.market-page .market-compose-opt--video .market-compose-ico{
  background:#feecec;
  color:#ef4444;
  border-color:#fecaca;
}
.market-page .market-compose-opt--video:hover .market-compose-ico{
  background:#fecaca;
  border-color:#fca5a5;
}
.market-page .market-compose-opt--listing .market-compose-ico{
  background:#ecfdf3;
  color:#059669;
  border-color:#bbf7d0;
}
.market-page .market-compose-opt--listing:hover .market-compose-ico{
  background:#d1fae5;
  border-color:#86efac;
}
.market-page .market-compose-lbl{
  font-size:13px;
  font-weight:800;
  color:#334155;
  text-align:center;
  line-height:1.35;
  white-space:nowrap;
}
@media(max-width:1024px){
  .market-page .market-compose-lbl{
    display:block;
    width:100%;
    min-height:2.6em;
    font-size:11px;
    line-height:1.28;
    white-space:normal;
    text-wrap:balance;
    word-break:break-word;
  }
  .market-page .market-compose-lbl br{
    display:inline;
  }
}
@media(min-width:1025px){
  .market-page .market-compose-lbl br{
    display:none;
  }
}

/* ── แท็บฟีด (แบบ mockup) ── */
.market-page .market-feed-tabs{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:0 2px 6px;
  border:none;
  border-bottom:1px solid var(--mk-line);
  border-radius:0;
  background:transparent;
  box-shadow:none;
  flex-wrap:wrap;
}
.market-page .market-feed-tabs-inner{
  display:flex;
  align-items:center;
  gap:2px;
  flex-wrap:wrap;
  min-width:0;
}
.market-page .market-feed-tab{
  border:none;
  background:transparent;
  padding:5px 10px;
  border-radius:6px;
  font-size:12px;
  font-weight:900;
  color:var(--mk-muted);
  cursor:pointer;
  font:inherit;
  white-space:nowrap;
  line-height:1.25;
}
.market-page .market-feed-tab:hover{ color:#334155; background:#f8fafc; }
.market-page .market-feed-tab.is-active{
  background:var(--mk-green-mid);
  color:var(--mk-green-dark);
}
.market-page .market-feed-sort{
  border:1px solid var(--mk-line);
  border-radius:999px;
  padding:4px 24px 4px 10px;
  font-size:11px;
  font-weight:900;
  color:#475569;
  background:#f8fafc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%2364748b' d='M1 1l4 4 4-4'/%3E%3C/svg%3E") no-repeat right 8px center;
  appearance:none;
  cursor:pointer;
  line-height:1.25;
}

/* ── การ์ดโพสต์ ── */
.market-page .feed-card{
  border:1px solid var(--mk-line);
  border-radius:var(--mk-radius);
  box-shadow:var(--mk-shadow);
  background:var(--mk-card);
}
.market-page .feed-card-top{ padding:14px 14px 6px; }
.market-page .feed-badge{
  background:var(--mk-green-soft);
  border:1px solid #bbf7d0;
  color:var(--mk-green-dark);
  font-size:10px;
  font-weight:1000;
  padding:5px 10px;
}
.market-page .feed-listing-chip--price{
  color:#2563eb;
  font-size:18px;
  font-weight:1100;
}
.market-page .feed-clamp-toggle{
  display:inline-flex;
  margin-top:6px;
  padding:7px 14px;
  border-radius:999px;
  border:1px solid var(--mk-line);
  background:#fff;
  font-size:12px;
  font-weight:900;
  color:#475569;
}
.market-page .feed-clamp-toggle:hover{
  background:var(--mk-green-soft);
  border-color:#bbf7d0;
  color:var(--mk-green-dark);
  text-decoration:none;
}
.market-page .feed-actions{
  border-top:1px solid #f1f5f9;
  padding:8px 14px;
}
.market-page .action-btn{
  border-radius:999px;
  border-color:#e2e8f0;
}
.market-page .btn.primary{
  background:var(--mk-green);
  border-color:var(--mk-green);
}

/* ── คอลัมน์ขวา: แผนที่ + รายการข้างกัน ── */
.market-page .market-right-col{
  display:flex;
  flex-direction:column;
  gap:0;
  overflow:hidden;
}
@media(min-width:1181px){
  .market-page .market-right-col{
    position:sticky;
    top:calc(var(--pd-top-bar-h, 56px) + 12px);
  }
}
.market-page .market-discover{
  background:var(--mk-card);
  border:1px solid var(--mk-line);
  border-radius:var(--mk-radius);
  box-shadow:var(--mk-shadow);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-height:0;
  flex:1 1 0;
  height:100%;
}
.market-page .market-discover-toolbar{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-bottom:1px solid #f1f5f9;
  flex-shrink:0;
  flex-wrap:wrap;
}
.market-page .market-view-toggle{
  display:inline-flex;
  padding:3px;
  border-radius:999px;
  background:#f1f5f9;
  border:1px solid var(--mk-line);
}
.market-page .market-view-toggle button{
  border:none;
  background:transparent;
  padding:6px 14px;
  border-radius:999px;
  font-size:11px;
  font-weight:1000;
  color:var(--mk-muted);
  cursor:pointer;
  font:inherit;
}
.market-page .market-view-toggle button.is-active{
  background:#fff;
  color:var(--mk-green-dark);
  box-shadow:0 1px 4px rgba(15,23,42,.08);
}
.market-page .market-filter-btn{
  margin-left:auto;
  border:1px solid var(--mk-line);
  background:#fff;
  border-radius:999px;
  padding:6px 12px;
  font-size:11px;
  font-weight:900;
  color:#475569;
  cursor:pointer;
  font:inherit;
}
.market-page .market-map-full-btn{
  border:1px solid var(--mk-line);
  background:#fff;
  border-radius:999px;
  padding:6px 12px;
  font-size:11px;
  font-weight:900;
  color:#475569;
  cursor:pointer;
  font:inherit;
}
.market-page .market-filter-btn:hover,
.market-page .market-map-full-btn:hover{
  background:var(--mk-green-soft);
  border-color:#bbf7d0;
  color:var(--mk-green-dark);
}
.market-page .market-discover-panel{
  display:grid;
  grid-template-columns:minmax(200px,1fr) minmax(var(--pd-rail-col-min), var(--pd-rail-col-max));
  min-height:0;
  flex:1 1 0;
}
.market-page .market-discover-map{
  position:relative;
}
.market-page .market-discover-map > .market-map-full-btn{
  position:absolute;
  top:8px;
  right:8px;
  z-index:5;
  margin:0;
  padding:5px 10px;
  font-size:10px;
  background:rgba(255,255,255,.94);
  box-shadow:0 2px 8px rgba(15,23,42,.12);
}
.market-page .market-discover-panel.is-list-view{
  grid-template-columns:1fr;
}
.market-page .market-discover-panel.is-list-view .market-discover-map{
  display:none;
}
.market-page .market-discover-panel.is-list-view .market-nearby-panel{
  border-left:none;
  max-width:none;
}
.market-page .market-discover-map{
  min-width:0;
  min-height:0;
}
.market-page .market-discover-map .map-card{
  position:absolute;
  inset:0;
  border:none;
  border-radius:0;
  box-shadow:none;
  height:100%;
  min-height:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.mk-map-place-search{
  position:relative;
  z-index:8;
  flex:0 0 auto;
  display:flex;
  gap:8px;
  padding:8px 10px;
  margin:0;
  left:auto;
  right:auto;
  top:auto;
  pointer-events:auto;
  background:#fff;
  border-bottom:1px solid #eef2f6;
  box-shadow:0 4px 12px rgba(15,23,42,.06);
}
.mk-map-place-field{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
  pointer-events:auto;
}
.mk-map-place-lbl{
  display:none;
}
.mk-map-place-search select{
  width:100%;
  height:40px;
  margin:0;
  border:1px solid #e2e8f0;
  border-radius:12px;
  padding:0 28px 0 12px;
  background:#f8fafc;
  color:#0f172a;
  font:inherit;
  font-size:13px;
  font-weight:800;
  box-shadow:none;
  appearance:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%2364748b' d='M1 1l5 5 5-5'/></svg>");
  background-repeat:no-repeat;
  background-position:right 12px center;
}
.market-page .market-discover-map #map{
  width:100%;
  flex:1 1 auto;
  height:auto;
  min-height:0;
  background:#d1fae5;
}
.market-page .market-discover-map .map-overlay-hint{
  display:none;
}
.market-page .market-discover-map .mini-list{
  display:none;
}
.market-page .market-nearby-panel{
  border-left:1px solid #f1f5f9;
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:0;
  background:#fafbfc;
}
.market-page .market-nearby-head{
  padding:14px 14px 10px;
  flex-shrink:0;
}
.market-page .market-nearby-head h3{
  margin:0;
  font-size:16px;
  font-weight:1100;
  color:#0f172a;
  line-height:1.3;
}
.market-page .market-nearby-sub{
  margin:4px 0 0;
  font-size:10px;
  font-weight:850;
  color:var(--mk-muted);
  line-height:1.35;
  display:none;
}
.market-page .market-nearby-panel .fb-listing-ticker-wrap{
  flex:1;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  padding:0 8px;
  -webkit-mask-image:none;
  mask-image:none;
}
.market-page .market-nearby-panel .fb-listing-blocks{
  padding:8px 6px 12px;
}
.market-page .market-nearby-panel .fb-listing-mini-broker,
.market-page .market-nearby-panel .fb-listing-mini-land,
.market-page .market-nearby-panel .fb-listing-mini-promo{
  display:none;
}

/* legacy */
.market-page .market-lnh-zone{ display:none; }

/* fullscreen map */
.market-page .map-card.fullscreen{
  position:fixed;
  inset:0;
  z-index:5000;
  border-radius:0;
}

/* ทับ inline .stage / .feed-col ของ market.html */
body.market-page .stage.market-stage{
  grid-template-columns:260px 680px minmax(560px, 1fr) !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}
body.market-page .market-feed-col.feed-col{
  display:flex !important;
  grid-template-rows:unset !important;
  max-width:none !important;
}
body.market-page .app{
  width:100%;
  max-width:none;
}

/* โพสต์ฟีด — ข้อความซ้าย | รูปปกขวา + รูปย่อเท่ากันใต้ปก */
.market-page .market-feed-card--split .market-feed-split{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:4px 14px 10px;
}
.market-page .market-feed-split-main{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:12px;
  align-items:start;
}
.market-page .market-feed-split-text{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.market-page .market-feed-split-hero-col{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:0;
}
.market-page .market-feed-split-hero-col .market-feed-hero{
  width:100%;
  aspect-ratio:4/3;
  min-height:180px;
}
.market-page .market-feed-split-gallery{
  width:100%;
  min-width:0;
}
.market-page .market-feed-split-gallery--full{
  width:100%;
}
.market-page .market-feed-split-hero{
  min-width:0;
}
.market-page .market-feed-split--gallery .market-feed-split-hero .market-feed-hero{
  aspect-ratio:4/3;
  min-height:200px;
}
.market-page .market-feed-card--split .feed-clamp-wrap{
  padding:0;
  margin:0;
}
.market-page .market-feed-card--split .feed-listing-details.feed-clamp-wrap{
  padding:0;
  margin:0;
}
body.pd-landlinkgo-theme.market-page .market-feed-card--split .feed-listing-details,
body.pd-landlinkgo-theme.market-page .market-feed-card--split .feed-listing-meta.feed-clamp-wrap{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}
.market-page .market-feed-card--split .feed-listing-meta-title{
  font-size:16px;
  font-weight:1100;
  color:#0f172a;
  margin:0 0 6px;
  line-height:1.35;
}
.market-page .market-feed-card--split .feed-listing-chip--price{
  display:block;
  font-size:20px;
  margin:0 0 6px;
}
.market-page .market-feed-card--split .feed-listing-chip--price + .feed-listing-chip::before{
  content:none;
}
.market-page .market-feed-card--split .feed-listing-meta-chips{
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
  margin-bottom:6px;
}
.market-page .market-feed-card--split .feed-listing-chip + .feed-listing-chip::before{
  content:none;
}
.market-page .market-feed-card--split .feed-listing-meta-loc{
  font-size:12px;
  color:var(--mk-muted);
  line-height:1.45;
  margin-bottom:8px;
}
.market-page .market-feed-card--split .feed-listing-meta-more{
  font-size:12px;
  line-height:1.5;
  color:#475569;
  -webkit-line-clamp:3;
}
.market-page .market-feed-card--split .feed-clamp-toggle{
  margin-top:8px;
  align-self:flex-start;
}
.market-page .market-feed-hero{
  position:relative;
  border-radius:12px;
  overflow:hidden;
  background:#f1f5f9;
  min-height:180px;
  aspect-ratio:3/2;
}
.market-page .market-feed-hero-tile{
  width:100%;
  height:100%;
  min-height:168px;
  border-radius:0;
  cursor:pointer;
  position:relative;
  overflow:hidden;
  background:#f1f5f9;
}
.market-page .market-feed-hero-tile img,
.market-page .market-feed-hero-tile video{
  width:100%;
  height:100%;
  min-height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  pointer-events:none;
  background:#f1f5f9;
}
.market-page .market-feed-hero-badge{
  position:absolute;
  top:8px;
  right:8px;
  z-index:2;
  padding:4px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.95);
  border:1px solid #bbf7d0;
  color:var(--mk-green-dark);
  font-size:10px;
  font-weight:1000;
  box-shadow:0 2px 8px rgba(15,23,42,.08);
}
.market-page .market-feed-hero-badge:empty{ display:none; }
.market-page .market-feed-hero-badge--product{
  border-color:#fed7aa;
  color:#c2410c;
  background:rgba(255,255,255,.96);
}
/* คอลัมน์รูปใหญ่ (ขวา) */
.market-page .market-feed-split-media{
  width:100%;
}
.market-page .market-feed-split-media{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:0;
  position:relative;
}
.market-page .market-feed-thumb-badge{
  display:flex;
  justify-content:flex-end;
  width:100%;
}
.market-page .market-feed-thumb-badge .market-feed-hero-badge{
  position:static;
}
/* รูปย่อใต้ปก (≤3 สื่อ) — แบ่งเท่ากัน flex สี่เหลี่ยมจัตุรัส */
.market-page .market-feed-split--compact .market-feed-thumb-row{
  display:flex;
  flex-direction:row-reverse;
  flex-wrap:nowrap;
  align-items:stretch;
  justify-content:flex-start;
  gap:8px;
  padding:0;
  width:100%;
}
.market-page .market-feed-split--compact .market-feed-thumb-tile{
  flex:1 1 0;
  min-width:0;
  border-radius:10px;
  aspect-ratio:1/1;
  overflow:hidden;
  cursor:pointer;
  background:#f1f5f9;
  position:relative;
}
.market-page .market-feed-split--compact .market-feed-thumb-tile:only-child{
  flex:0 0 calc(50% - 4px);
  max-width:calc(50% - 4px);
}
/* รูปย่อแถวเต็มความกว้าง (>3 สื่อ) — 4 ช่องเท่ากัน */
.market-page .market-feed-thumb-row--grid4{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  direction:rtl;
  gap:8px;
  width:100%;
}
.market-page .market-feed-thumb-row--grid4 .market-feed-thumb-tile{
  direction:ltr;
  flex:none;
  width:100%;
  border-radius:10px;
  aspect-ratio:16/10;
  overflow:hidden;
  cursor:pointer;
  background:#f1f5f9;
  position:relative;
}
.market-page .market-feed-thumb-tile img,
.market-page .market-feed-thumb-tile video{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  pointer-events:none;
}
.market-page .market-feed-thumb-tile .feed-media-kind{
  left:auto;
  right:8px;
  top:8px;
  bottom:auto;
}
.market-page .market-feed-thumb-tile.more::after{
  content:attr(data-more);
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(15,23,42,.55);
  color:#fff;
  font-size:14px;
  font-weight:1000;
}
.market-page .market-feed-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 14px 12px;
  border-top:1px solid #f1f5f9;
  flex-wrap:wrap;
}
.market-page .market-feed-footer-right{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-left:auto;
}
.market-page .market-feed-action-pill{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  background:#fff;
  border:1px solid #eef2f7;
  border-radius:999px;
  box-shadow:0 6px 20px rgba(15,23,42,.07);
  padding:4px 6px;
}
.market-page .market-feed-pill-btn{
  border:none;
  background:transparent;
  padding:6px 11px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  cursor:pointer;
  font:inherit;
  font-size:12px;
  font-weight:900;
  color:#334155;
  border-radius:999px;
  transition:background .15s ease;
}
.market-page .market-feed-pill-btn:hover{
  background:#f8fafc;
}
.market-page .market-feed-pill-btn.is-liked .market-feed-pill-text{
  color:#be185d;
}
.market-page .market-feed-pill-sep{
  width:1px;
  height:22px;
  background:#e2e8f0;
  flex-shrink:0;
}
.market-page .market-feed-pill-ico{
  width:28px;
  height:28px;
  border-radius:9px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.market-page .market-feed-pill-svg{
  display:block;
}
.market-page .market-feed-pill-ico--like{
  background:#fce7f3;
  color:#ef4444;
}
.market-page .market-feed-pill-ico--comment{
  background:#ede9fe;
  color:#7c3aed;
}
.market-page .market-feed-pill-ico--whisper{
  background:#f1f5f9;
  color:#64748b;
}
.market-page .market-feed-pill-ico--share{
  background:#ccfbf1;
  color:#14b8a6;
}
.market-page .market-feed-pill-ico--edit{
  background:#dbeafe;
  color:#2563eb;
}
.market-page .market-feed-pill-text{
  line-height:1;
  white-space:nowrap;
}
.market-page .market-feed-footer-left{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}
.market-page .market-feed-stat-btn{
  border:none;
  background:transparent;
  padding:0;
  display:inline-flex;
  align-items:center;
  gap:5px;
  font-size:12px;
  font-weight:900;
  color:#64748b;
  cursor:pointer;
  font:inherit;
}
.market-page .market-feed-stat-btn:hover{ color:#334155; }
.market-page .market-feed-stat-btn.liked{ color:#be185d; }
.market-page .market-feed-stat-btn.comments-open{ color:#1557b0; }
.market-page .market-feed-card .comments{
  border-top:1px solid #eef2f6;
  background:#fafbfc;
  padding:8px 14px 12px;
}
.market-page .market-feed-card .comments.show{
  display:block;
}
.market-page .market-feed-stat-ico{ font-size:14px; line-height:1; }
.market-page .market-feed-stat-ico--svg{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  font-size:0;
  line-height:0;
}
.market-page .market-feed-stat-svg{
  width:16px;
  height:16px;
  display:block;
}
.market-page .market-feed-edit-btn{
  padding:0;
  color:inherit;
}
.market-page .market-feed-edit-chip{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:4px 11px 4px 5px;
  border-radius:999px;
  background:linear-gradient(180deg,#f8fbff,#eef4ff);
  border:1px solid #dbeafe;
  color:#1e40af;
  font-size:11px;
  font-weight:900;
  letter-spacing:.01em;
  transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease;
}
.market-page .market-feed-edit-btn:hover .market-feed-edit-chip{
  background:linear-gradient(180deg,#eff6ff,#dbeafe);
  border-color:#93c5fd;
  box-shadow:0 4px 14px rgba(37,99,235,.14);
  transform:translateY(-1px);
}
.market-page .market-feed-edit-ico{
  width:22px;
  height:22px;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  background:linear-gradient(145deg,#3b82f6,#2563eb);
  box-shadow:0 2px 8px rgba(37,99,235,.28),inset 0 1px 0 rgba(255,255,255,.22);
}
.market-page .market-feed-edit-ico .market-feed-stat-svg{
  width:12px;
  height:12px;
  stroke:#fff;
  stroke-width:2.1;
}
.market-page .market-feed-edit-label{
  line-height:1;
  padding-right:1px;
}
.market-page .market-feed-footer-views{
  font-size:12px;
  font-weight:900;
  color:#94a3b8;
  white-space:nowrap;
  display:inline-flex;
  align-items:center;
  gap:4px;
}
.market-page .market-feed-card--split .feed-asset-link{
  padding:0 14px 10px;
  gap:8px;
}
.market-page .market-feed-action-dock{
  width:100%;
  max-width:100%;
  padding:10px 0 0;
  box-sizing:border-box;
}
.market-page .market-feed-action-dock .pd-mpv-float-dock{
  width:100%;
  max-width:100%;
}
.market-page .market-feed-action-dock--row .pd-mpv-float-dock.pd-mpv-float-dock--row{
  flex-direction:row;
  align-items:stretch;
  gap:0;
  padding:0;
  box-shadow:0 2px 10px rgba(15,23,42,.08);
}
.market-page .market-feed-action-dock--row .pd-mpv-float-dock.pd-mpv-float-dock--row .pd-mpv-float-row{
  flex:1 1 0;
  min-width:0;
  width:auto;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:10px 6px;
}
.market-page .market-feed-action-dock--row .pd-mpv-float-row + .pd-mpv-float-row{
  border-top:none;
  border-left:1px solid rgba(15,23,42,.06);
}
.market-page .market-feed-action-dock--row .pd-mpv-float-stack-card .pd-mpv-float-ic,
.market-page .market-feed-action-dock--row .pd-mpv-float-stack-card .pd-mpv-float-copy{
  display:none !important;
}
.market-page .market-feed-action-dock--row .pd-mpv-float-stack-card{
  gap:5px !important;
  padding:10px 6px !important;
}
.market-page .market-feed-action-dock--row .pd-mpv-float-hint,
.market-page .market-feed-action-dock--row .pd-mpv-float-arr{
  display:none !important;
}
.market-page .market-feed-action-dock--row .pd-mpv-float-copy{
  align-items:center;
  width:100%;
}
.market-page .market-feed-action-dock--row .pd-mpv-float-label{
  font-size:10px;
  font-weight:800;
  text-align:center;
  white-space:normal;
  line-height:1.2;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.market-page .market-feed-split-hero-col .market-feed-action-dock,
.market-page .market-feed-split-main .market-feed-action-dock{
  padding-left:0;
  padding-right:0;
}
.market-page .market-feed-hero-wrap{
  position:relative;
  width:100%;
  min-width:0;
  flex:1 1 auto;
  min-height:0;
  display:flex;
  flex-direction:column;
}
.market-page .market-feed-hero-wrap > .market-feed-hero{
  flex:1 1 auto;
  min-height:0;
  width:100%;
}
.market-page .market-feed-action-dock--overlay{
  position:absolute;
  right:12px;
  bottom:12px;
  z-index:6;
  width:auto;
  max-width:none;
  padding:0;
  pointer-events:none;
}
.market-page .market-feed-action-dock--overlay .pd-mpv-float-dock{
  pointer-events:auto;
  flex-direction:column;
  align-items:flex-end;
  justify-content:flex-end;
  gap:12px;
  width:auto;
  max-width:none;
  padding:0;
  background:transparent;
  border:none;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  overflow:visible;
}
.market-page .market-feed-action-dock--overlay .pd-mpv-float-stack-card{
  flex:0 0 auto;
  width:66px !important;
  min-width:66px !important;
  max-width:66px !important;
  height:76px !important;
  min-height:76px !important;
  max-height:76px !important;
  padding:8px 5px 7px !important;
  border:none !important;
  border-radius:14px;
  background:rgba(255,255,255,.94);
  box-shadow:0 3px 16px rgba(15,23,42,.24);
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  box-sizing:border-box !important;
}
.market-page .market-feed-action-dock--overlay .pd-mpv-float-dock .pd-mpv-float-row + .pd-mpv-float-row{
  border:none !important;
}
.market-page .market-feed-action-dock--overlay .pd-mpv-float-copy{
  display:none !important;
}
.market-page .market-feed-action-dock--overlay .pd-mpv-float-stack-card .pd-mpv-float-ic,
.market-page .market-feed-action-dock--overlay .pd-mpv-float-stack-card .pd-mpv-float-copy{
  display:none !important;
}
.market-page .market-feed-action-dock--overlay .pd-mpv-float-appr-label,
.market-page .market-feed-action-dock--overlay .pd-mpv-float-map-label,
.market-page .market-feed-action-dock--overlay .pd-mpv-float-ai-label{
  display:flex !important;
}
.market-page .market-feed-action-dock--overlay .pd-mpv-float-appr-label-top,
.market-page .market-feed-action-dock--overlay .pd-mpv-float-appr-label-sub,
.market-page .market-feed-action-dock--overlay .pd-mpv-float-map-label-top,
.market-page .market-feed-action-dock--overlay .pd-mpv-float-map-label-sub,
.market-page .market-feed-action-dock--overlay .pd-mpv-float-ai-label-line1,
.market-page .market-feed-action-dock--overlay .pd-mpv-float-ai-label-line2{
  font-size:11px;
  line-height:1.15;
}
.market-page .market-feed-action-dock--overlay .pd-mpv-float-ic{
  flex:0 0 42px;
  width:42px;
  height:42px;
  border-radius:12px;
}
.market-page .market-feed-action-dock--overlay .pd-mpv-float-ic svg{
  width:24px;
  height:24px;
}
.market-page .market-feed-action-dock--overlay .pd-mpv-float-ai-tag{
  font-size:9px;
  padding:2px 5px;
  top:-4px;
  right:-4px;
}
/* จอคอม — ปุ่มเมนูลัดอยู่ใต้「ดูรายละเอียด」ในคอลัมน์ข้อความ */
.market-page .market-feed-action-dock--under-details{
  width:100%;
  max-width:100%;
  padding:10px 0 0;
  margin:0;
  box-sizing:border-box;
}
.market-page .market-feed-action-dock--under-details .pd-mpv-float-dock.pd-mpv-float-dock--row{
  flex-direction:row;
  align-items:stretch;
  justify-content:flex-start;
  gap:8px;
  width:100%;
  padding:0;
  background:transparent;
  border:none;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.market-page .market-feed-action-dock--under-details .pd-mpv-float-dock .pd-mpv-float-row + .pd-mpv-float-row{
  border:none !important;
}
.market-page .market-feed-action-dock--under-details .pd-mpv-float-stack-card{
  flex:1 1 0;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  height:auto !important;
  min-height:74px !important;
  max-height:none !important;
  padding:10px 6px 9px !important;
  border:1px solid #e8eaef !important;
  border-radius:14px;
  background:#fff;
  box-shadow:0 2px 10px rgba(15,23,42,.08);
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  box-sizing:border-box !important;
}
.market-page .market-feed-action-dock--under-details .pd-mpv-float-stack-card .pd-mpv-float-ic,
.market-page .market-feed-action-dock--under-details .pd-mpv-float-stack-card .pd-mpv-float-copy{
  display:none !important;
}
.market-page .market-feed-action-dock--under-details .pd-mpv-float-appr-label,
.market-page .market-feed-action-dock--under-details .pd-mpv-float-map-label,
.market-page .market-feed-action-dock--under-details .pd-mpv-float-ai-label{
  display:flex !important;
}
.market-page .market-feed-action-dock--under-details .pd-mpv-float-appr-label-top,
.market-page .market-feed-action-dock--under-details .pd-mpv-float-appr-label-sub,
.market-page .market-feed-action-dock--under-details .pd-mpv-float-map-label-top,
.market-page .market-feed-action-dock--under-details .pd-mpv-float-map-label-sub,
.market-page .market-feed-action-dock--under-details .pd-mpv-float-ai-label-line1,
.market-page .market-feed-action-dock--under-details .pd-mpv-float-ai-label-line2{
  font-size:11px;
  line-height:1.15;
}
.market-page .market-feed-split-text > .market-feed-action-dock--under-details{
  margin-top:2px;
}
/* จอคอมเท่านั้น: ปุ่มใต้รายละเอียด / ย่อจอมือถือ: ทับรูปเหมือนเดิม */
@media (min-width:1025px){
  .market-page .market-feed-action-dock--overlay{
    display:none !important;
  }
}
@media (max-width:1024px){
  .market-page .market-feed-action-dock--under-details{
    display:none !important;
  }
}
@media (max-width:400px){
  .market-page .market-feed-action-dock--row .pd-mpv-float-label{
    display:none;
  }
  .market-page .market-feed-action-dock--row .pd-mpv-float-row{
    padding:10px 4px;
  }
  .market-page .market-feed-action-dock--row .pd-mpv-float-ic{
    width:36px;
    height:36px;
  }
}
.market-page .feed-asset-link{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}
.market-page .asset-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:1px solid #e8eaef;
  background:#fff;
  color:#1e1b4b;
  border-radius:999px;
  padding:7px 14px;
  font-size:12px;
  font-weight:700;
  line-height:1.2;
  cursor:pointer;
  text-decoration:none;
  box-shadow:0 2px 8px rgba(15,23,42,.07);
  transition:background .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.market-page .asset-chip:hover{
  background:#fafafa;
  border-color:#d8dee8;
  box-shadow:0 3px 10px rgba(15,23,42,.1);
}
.market-page .asset-chip--map{
  gap:0;
  padding:6px 12px 6px 10px;
}
.market-page .asset-chip-tools{
  display:inline-flex;
  align-items:center;
  gap:3px;
  padding-right:8px;
}
.market-page .asset-chip-divider{
  width:1px;
  align-self:stretch;
  min-height:22px;
  margin:2px 8px 2px 0;
  background:#e4e6eb;
  flex:0 0 auto;
}
.market-page .asset-chip-label{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-width:0;
}
.market-page .asset-chip-text{ white-space:nowrap; }
.market-page .asset-chip-ref{
  color:#64748b;
  font-weight:600;
  font-size:11px;
  margin-left:2px;
}
.market-page .asset-chip-ico{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  line-height:0;
}
.market-page .asset-chip-ico svg{ display:block; }
/* โพสต์วิดีโอที่ยังอยู่ในกริดเดิม — ให้เหมือนภาพปก split */
.market-page .feed-media-grid.one .feed-media-tile{
  margin:0 14px 10px;
  width:calc(100% - 28px);
  height:auto;
  min-height:180px;
  max-height:none;
  aspect-ratio:3/2;
  border-radius:12px;
  background:#f1f5f9;
}
.market-page .feed-media-grid.one .feed-media-tile img,
.market-page .feed-media-grid.one .feed-media-tile video{
  object-fit:cover;
  object-position:center;
  background:#f1f5f9;
}
.market-page .feed-media-grid.one .feed-media-tile .feed-media-kind{
  display:none;
}
.market-page .feed-media-grid.one{
  border:none;
  background:transparent;
}
@media(max-width:640px){
  .market-page .market-feed-split-main{
    grid-template-columns:1fr;
  }
  .market-page .market-feed-hero{
    aspect-ratio:16/10;
  }
  .market-page .market-feed-card--split .market-feed-split-hero .market-feed-hero,
  .market-page .market-feed-split-hero-col .market-feed-hero{
    min-height:160px;
  }
  .market-page #LandLinkGoProfileSide .fb-profile-card-pad{
    padding:14px 12px 12px;
  }
}

/* Responsive */
@media(max-width:1320px){
  body.market-page .stage.market-stage{
    grid-template-columns:minmax(0,220px) minmax(0,1fr) minmax(0,1fr) !important;
  }
  .market-page .stage-rail-col{ width:100%; max-width:none; }
  .market-page .market-feed-col{ width:100%; max-width:none; }
}
@media(max-width:1180px){
  body.market-page{
    overflow-x:hidden;
    overflow-y:auto;
  }
  body.market-page .app{
    height:auto;
    min-height:calc(100dvh - var(--pd-top-bar-h, 56px));
  }
  body.market-page .stage.market-stage{
    grid-template-columns:1fr !important;
    width:100%;
    max-width:100%;
    height:auto;
    max-height:none;
  }
  .market-page .stage-rail-col,
  .market-page .market-feed-col,
  .market-page .market-right-col{
    width:100%;
    max-width:none;
  }
  .market-page .stage-rail-col{ order:1; }
  .market-page .market-feed-col{ order:2; max-height:none; }
  .market-page .market-right-col{ order:3; position:static; max-height:none; }
  .market-page .market-discover-panel{
    grid-template-columns:1fr;
    min-height:min(420px, 52vh);
  }
  .market-page .market-discover-map .map-card{
    position:relative;
    height:min(360px, 48vh);
  }
  .market-page .market-nearby-panel{
    border-left:none;
    border-top:1px solid #f1f5f9;
    max-height:min(360px, 44vh);
  }
}
@media(max-width:860px){
  .market-page .stage.market-stage{ padding:8px 10px 14px; gap:10px; }
  .market-page .market-compose-grid{
    grid-template-columns:repeat(3, minmax(0,1fr));
  }
  .market-page .market-feed-tabs{
    padding:0 4px 5px;
    flex-wrap:wrap;
    gap:6px;
  }
  .market-page .market-feed-tabs-inner{
    flex-wrap:wrap;
    gap:4px;
  }
  .market-page .market-feed-tab{ padding:4px 8px; font-size:11px; }
  .market-page .market-feed-sort{ max-width:100%; }
  .market-page .market-discover-toolbar{
    flex-wrap:wrap;
    gap:8px;
  }
}

/* ฟีดมือถือ — เลย์เอาต์เต็มจอ (override โหมดข้อความซ้าย|รูปขวา) */
@media (max-width:1024px){
  body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card.market-feed-card--split .market-feed-split-main{
    display:flex !important;
    flex-direction:column !important;
    grid-template-columns:unset !important;
    grid-template-rows:unset !important;
    gap:0 !important;
    align-items:stretch !important;
  }
  body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-split-text{
    order:1 !important;
    width:100% !important;
    max-width:100% !important;
    max-height:none !important;
    position:static !important;
    background:#fff !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;
    width:100% !important;
    max-width:100% !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-hero-col .market-feed-hero,
  body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-split-hero .market-feed-hero{
    width:100% !important;
    max-width:100% !important;
    aspect-ratio:unset !important;
    min-height:0 !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-mobile-carousel{
    display:flex !important;
  }
  body.market-page.mk-mobile-enabled.mk-mobile-view-feed #feedList > .feed-card .market-feed-carousel-dots{
    display:flex !important;
  }
}
.market-page .market-feed-mobile-carousel{
  display:none;
}
.market-page .market-feed-carousel-dots{
  display:none;
}