@media (max-width: 768px) {
    .MyCart {
        padding: 10px;
        border-radius: 20px;
        background-color: white;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
        margin-bottom: 10px;
    }

    .product-point {
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .comment {
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ranking-ul {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding: 0;
        margin: 0;
        list-style: none;
        display: flex;
    }

        .ranking-ul li {
            margin-right: 4px;
        }
    .date-comments-section {
        display: flex;
        flex-direction: column;
        margin-top: 10px;
    }

    .comment-date {
        margin-bottom: 5px;
    }
}