@charset "UTF-8";
/* Chủ đầu tư: Giới thiệu chi tiết (clamp 5 dòng) + slider "Các chủ đầu tư tương tự" */
.bdsdd-cdt-detailClamp{position:relative}
.bdsdd-cdt-detailClamp.is-collapsed {
  max-height: 150px; /* Giới hạn theo chiều cao cố định để an toàn với hình ảnh */
  overflow: hidden;
}
.bdsdd-cdt-detailClamp.is-collapsed::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
  pointer-events: none;
}
.bdsdd-cdt-detailToggle{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  margin:24px auto 0;
  padding:0 32px;
  height:44px;
  border:1.5px solid rgba(0,0,0,.15) !important;
  border-radius:999px;
  background:#fff !important;
  color:#111 !important;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
  box-shadow:0 2px 8px rgba(0,0,0,.04) !important;
  text-decoration:none;
  width:fit-content;
  transition:all .2s ease;
}
.bdsdd-cdt-detailToggle:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(0,0,0,.3) !important;
  background:#fafafa !important;
  box-shadow:0 4px 12px rgba(0,0,0,.08) !important;
}
.bdsdd-cdt-detailToggle:focus-visible{
  outline:2px solid rgba(0,0,0,.35);
  outline-offset:3px;
}
.bdsdd-cdt-detailToggle svg{transition:transform .18s ease}
.bdsdd-cdt-detailToggle[aria-expanded="true"] svg{transform:rotate(180deg)}

/* Similar developers slider */
.bdsdd-similar-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 14px;
}
.bdsdd-similar-nav{display:flex;gap:10px}
.bdsdd-similar-nav button{
  width:42px;
  height:42px;
  border-radius:999px;
  background:#e63935;
  border:none;
  color:#fff;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  line-height:1;
}
.bdsdd-similar-track{
  display:flex;
  gap:16px;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  padding:6px 2px 14px;
  cursor:grab;
  user-select:none;
  scroll-snap-type:x mandatory;
}
.bdsdd-similar-track.is-dragging{cursor:grabbing}
.bdsdd-similar-track::-webkit-scrollbar{height:8px}
.bdsdd-similar-track::-webkit-scrollbar-thumb{background:rgba(0,0,0,.18);border-radius:999px}

.bdsdd-similar-item{
  flex:0 0 calc((100% - (16px * 5)) / 6);
  min-width:140px;
  border-radius:8px;
  background:#fff;
  border:1px solid rgba(0,0,0,.10);
  box-shadow:0 10px 28px rgba(0,0,0,.06);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:16px;
  text-decoration:none;
  scroll-snap-align:start;
}
.bdsdd-similar-item img{width:60px;height:60px;object-fit:contain;display:block;border-radius:999px;flex-shrink:0}
.bdsdd-similar-text{
  font-weight:700;
  color:#111;
  text-align:center;
  line-height:1.2;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

@media (max-width: 1024px){
  .bdsdd-similar-item{flex-basis:calc((100% - (16px * 2)) / 3)}
}
@media (max-width: 640px){
  .bdsdd-similar-track{padding:6px 2px 10px}
  .bdsdd-similar-track::-webkit-scrollbar{display:none}
  .bdsdd-similar-item{flex-basis:calc((100% - 16px) / 2);border-radius:16px;padding:14px}
  .bdsdd-similar-text{font-size:15px}
  .bdsdd-similar-nav button{width:40px;height:40px;border-radius:999px}
}