/* Start custom CSS for html, class: .elementor-element-f20fe9b *//* Container chính */
.shop-commitments {
    max-width: 400px; /* Giới hạn chiều rộng để nổi bật */
    margin: 20px auto; /* Căn giữa */
    padding: 20px;
    border: 1px solid #e0e0e0; /* Đường viền nhẹ nhàng */
    border-radius: 8px;
    background-color: #f9f9f9; /* Nền xám nhạt */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Hiệu ứng đổ bóng nhẹ */
    font-family: Arial, sans-serif; /* Chọn font dễ đọc */
}

/* Tiêu đề chính */
.commitment-title {
    font-size: 1.4em; /* Kích thước lớn hơn */
    font-weight: bold;
    color: #c0392b; /* Màu đỏ đậm cho sự chú ý */
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid #e74c3c; /* Đường kẻ dưới nổi bật */
    display: flex; /* Dùng flexbox để căn chỉnh */
    align-items: center;
}

/* Biểu tượng trái tim */
.heart-icon {
    margin-right: 8px;
    font-size: 1.2em;
}

/* Danh sách cam kết */
.commitment-list {
    list-style: none; /* Bỏ dấu chấm mặc định */
    padding: 0;
    margin: 0;
}

.commitment-list li {
    font-size: 1.1em;
    padding: 8px 0;
    border-bottom: 1px dashed #cccccc; /* Đường kẻ đứt quãng mỏng giữa các mục */
    line-height: 1.4;
    color: #333; /* Màu chữ tối */
}

/* Loại bỏ đường kẻ dưới ở mục cuối cùng */
.commitment-list li:last-child {
    border-bottom: none;
}

/* Tạo hiệu ứng hover (tùy chọn) */
.commitment-list li:hover {
    background-color: #f0f0f0;
    padding-left: 5px;
    transition: all 0.2s ease-in-out; /* Hiệu ứng chuyển động mượt mà */
}/* End custom CSS */