/* สามกรอบหน้าบริการ — แบบหน้า user (บริการ / รูปภาพ / วิดีโอ) */

/* เหลือช่องค้นหาเดียว (แถบ UFC) — ซ่อนช่องเดิมของหน้า + ช่องแถบบน */
body.user-feed-chrome-page .ufc-page-search-hidden,
body.user-feed-chrome-page #listingSearch,
body.user-feed-chrome-page #agentSearch,
body.user-feed-chrome-page main > .search,
body.user-feed-chrome-page main > input.search,
body.user-feed-chrome-page .pd-listing-main > .search,
body.user-feed-chrome-page .pd-top-bar-search{
  display:none !important;
}

.ufc-toolbar{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:4px 0 12px;
}
.ufc-search-row{
  display:flex;
  align-items:stretch;
  gap:8px;
}
.ufc-search{
  display:flex;
  align-items:center;
  gap:10px;
  flex:1;
  min-width:0;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:16px;
  padding:10px 14px;
  box-shadow:0 1px 4px rgba(15,23,42,.05);
}
.ufc-search-ico{ font-size:16px; line-height:1; }
.ufc-search input{
  flex:1;
  min-width:0;
  border:none;
  background:transparent;
  font:inherit;
  font-size:14px;
  font-weight:700;
  color:#0f172a;
  outline:none;
}
.ufc-search input::placeholder{ color:#94a3b8; font-weight:600; }
.ufc-quick,
.ufc-quick.pd-profile-side{
  position:static;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  grid-auto-flow:column;
  align-items:stretch;
  gap:8px;
  background:transparent;
  border:none;
  box-shadow:none;
  padding:0;
  max-height:none;
  overflow:visible;
  margin:0;
}
.ufc-quick .fb-quick-nav-title{ display:none; }
.ufc-quick .fb-quick-nav,
.ufc-quick .fb-side-tabs-in-scroll,
.ufc-quick.pd-profile-side .fb-side-tabs-in-scroll,
.ufc-quick .fb-tabs,
.ufc-quick.pd-profile-side .fb-side-tabs-in-scroll .fb-tabs{
  display:contents;
  margin:0;
  padding:0;
  border:0;
  width:auto;
}
.ufc-quick.pd-profile-side .fb-tab{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  width:auto;
  min-height:44px;
  padding:8px 6px;
  border:1px solid #e5e7eb;
  border-radius:12px;
  background:#fff;
  color:#334155;
  font:inherit;
  font-size:12px;
  font-weight:900;
  line-height:1.2;
  text-align:center;
  white-space:nowrap;
  cursor:pointer;
}
.ufc-quick.pd-profile-side .fb-tab::before{
  width:auto;
  font-size:15px;
}
.ufc-quick.pd-profile-side .fb-tab:hover{
  background:#f0fdf4;
  border-color:#bbf7d0;
  color:#166534;
}
.ufc-quick.pd-profile-side .fb-tab.is-active,
.ufc-quick.pd-profile-side .fb-tab.active{
  background:#f0fdf4;
  border-color:#86efac;
  color:#166534;
}
.ufc-drop{
  position:relative;
  min-width:0;
}
.ufc-drop-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  width:100%;
  min-height:44px;
  padding:8px 6px;
  border:1px solid #e5e7eb;
  border-radius:12px;
  background:#fff;
  color:#334155;
  font:inherit;
  font-size:12px;
  font-weight:900;
  line-height:1.2;
  cursor:pointer;
  white-space:nowrap;
}
.ufc-drop-ico{ font-size:15px; line-height:1; }
.ufc-drop-caret{
  font-size:11px;
  color:#94a3b8;
  transition:transform .15s ease;
}
.ufc-drop.open .ufc-drop-btn,
.ufc-drop.is-active .ufc-drop-btn{
  background:#f0fdf4;
  border-color:#86efac;
  color:#166534;
}
.ufc-drop.open .ufc-drop-caret{
  transform:rotate(180deg);
  color:#166534;
}
.ufc-drop-menu{
  display:none;
  position:absolute;
  top:calc(100% + 6px);
  left:0;
  min-width:max(100%, 220px);
  z-index:80;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:12px;
  box-shadow:0 10px 28px rgba(15,23,42,.12);
  padding:6px;
  overflow:hidden;
}
.ufc-drop.open .ufc-drop-menu{ display:block; }
.ufc-drop-item{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px;
  border-radius:10px;
  color:#334155;
  font-size:13px;
  font-weight:850;
  text-decoration:none;
  line-height:1.3;
}
.ufc-drop-item::before{ content:none !important; }
.ufc-drop-item:hover{
  background:#f0fdf4;
  color:#166534;
}
.ufc-drop-item.is-current{
  background:#f0fdf4;
  color:#166534;
  font-weight:1000;
}
.ufc-pane{ display:none; }
.ufc-pane.is-active{ display:block; }
.ufc-placeholder{
  background:#fff;
  border:1px solid #e8eaed;
  border-radius:18px;
  box-shadow:0 8px 24px rgba(15,23,42,.06);
  padding:28px 18px;
  text-align:center;
  color:#64748b;
  font-weight:800;
  line-height:1.6;
}
.ufc-placeholder strong{
  display:block;
  color:#0f172a;
  font-size:16px;
  margin-bottom:6px;
}
.pd-listing-main > .ufc-toolbar{ margin:0 0 4px; }
.pd-listing-main > main{ padding-top:0; }

/* เข้าจากช่องบริการ: ไม่โชว์แถบเมนูลัดซ้ายแบบรูป */
body.user-feed-chrome-page #LandLinkGoProfileSide,
body.user-feed-chrome-page .pd-land-rail-col{
  display:none !important;
}
body.user-feed-chrome-page .pd-listing-layout,
body.user-feed-chrome-page .pd-listing-layout:has(.pd-land-rail-col){
  display:block !important;
  grid-template-columns:none !important;
  max-width:min(760px, 100%);
  margin:0 auto;
  padding:10px 12px 32px;
}
body.user-feed-chrome-page .pd-listing-main{
  width:100%;
  max-width:100%;
}