/* Container */
.feature-list {
    display: grid;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 14px 24px;

    /* Mobile */
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* Tablet + Desktop */
@media (min-width: 768px) {
    .feature-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.feature-item {
    line-height: 1.5;
}

/* FOR DESCRIPTION CONTENT */
.description-content {
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.description-content.collapsed {
    max-height: 168px; /* chỉnh theo ý muốn */
}

.description-content.expanded {
    max-height: 5000px;
}

.description-content.collapsed {
    max-height: 180px;
    position: relative;
}

.description-content.collapsed::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 60px;
    background: linear-gradient(to bottom,
        rgba(255,255,255,0),
        rgba(255,255,255,1));
}

.single-property-desc .btn-view {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

/* Giữ nguyên ký tự xuống dòng của nội dung nhập từ textarea,
   đồng thời vẫn cho phép trình duyệt tự xuống dòng khi nội dung dài. */
.listing-description-body {
    white-space: pre-line;
    overflow-wrap: anywhere;
}

/* Chuẩn hóa khoảng cách cho nội dung HTML được tạo bởi CKEditor. */
.listing-description-body > :first-child {
    margin-top: 0;
}

.listing-description-body > :last-child {
    margin-bottom: 0;
}