@charset "utf-8";
.mo-ta-collapse-wrapper {
    max-height: 250px !important; /* Chiều cao hiển thị ban đầu trên mobile */
    overflow: hidden !important;
    position: relative !important;
    transition: max-height 0.3s ease-in-out !important;
}

.mo-ta-collapse-wrapper.expanded {
    max-height: none !important;
}

/* Hiệu ứng mờ dần (Gradient fade) phía dưới khi thu gọn */
.mo-ta-collapse-wrapper::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 60px !important;
    background: linear-gradient(to bottom, rgba(249,249,249,0), rgba(249,249,249,0.98)) !important;
    pointer-events: none !important;
    transition: opacity 0.3s ease !important;
}

.mo-ta-collapse-wrapper.expanded::after {
    opacity: 0 !important;
    display: none !important;
}

/* Nút bấm chuẩn phong cách Bảng giá */
.btn-toggle-mo-ta {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 12px 16px !important;
    background-color: #ffffff !important;
    color: #334155 !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 30px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-align: center !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
    font-family: Arial, sans-serif !important;
}

.btn-toggle-mo-ta:active {
    background-color: #f8fafc !important;
}

/* Mũi tên CSS đi kèm */
.btn-toggle-mo-ta::after {
    content: "" !important;
    display: inline-block !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 5px solid transparent !important;
    border-right: 5px solid transparent !important;
    border-top: 5px solid #64748b !important;
    transition: transform 0.3s ease !important;
}

.btn-toggle-mo-ta.is-expanded::after {
    transform: rotate(180deg) !important;
}