.list-shop-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.list-shop-grid .trial-card {
    flex: 0 0 calc(25% - 15px);
    max-width: calc(25% - 15px);
}
.list-shop-note {
    margin-top: 10px;
    text-align: right;
    font-size: 13px;
    color: #666;
}
.list-shop-more-link {
    margin-left: auto;
    font-size: 13px;
    color: #0d6efd;
    text-decoration: none;
}
.list-shop-more-link:hover {
    text-decoration: underline;
}
@media (max-width: 1200px) {
    .list-shop-grid .trial-card {
        flex: 0 0 calc(33.333% - 13.333px);
        max-width: calc(33.333% - 13.333px);
    }
}
@media (max-width: 768px) {
    .list-shop-grid .trial-card {
        flex: 0 0 calc(50% - 10px);
        max-width: calc(50% - 10px);
    }
}
@media (max-width: 480px) {
    .list-shop-grid .trial-card {
        flex: 0 0 100%;
        max-width: 100%;
    }
}