.usk-product-list {
    .usk-list-wrap {
        gap: clamp(20px, 2vw, 30px);
    }
    .usk-item {
        position: relative;
        padding: clamp(10px, 1vw, 15px);
        border: 1px solid #d5d8dc;
        border-radius: 8px;
    }
    .usk-item-box {
        height: 100%;
    }
    .usk-image-wrap {
        width: clamp(100px, 10vw, 170px);
        min-width: clamp(100px, 10vw, 170px);
        height: 100%;
        border-radius: 8px;
        overflow: hidden;
        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
    .usk-content {
        height: 100%;
        width: 100%;
        padding: clamp(10px, 1.5vw, 20px);
    }

    .title {
        font-size: clamp(18px, 1vw, 24px);
        font-weight: 700;
        line-height: 1.4;
        margin-top: 0;
        margin-bottom: clamp(10px, 1vw, 15px);
        color: inherit;

        .usk-title {
            color: #2b2d42;
            transition: all 0.3s cubic-bezier(0.18, 0.43, 0.58, 1);
            &:hover {
                color: #d90429;
            }
        }
    }

    .usk-item .usk-rating {
        display: inline-flex;
        margin-bottom: clamp(10px, 1vw, 15px);
        .star-rating {
            margin-top: 0;
        }
    }
    .usk-price {
        color: #ff2e00;
        font-weight: 500;
        font-size: clamp(12px, 1vw, 14px);
        del {
            color: #abafb4;
        }
        ins {
            text-decoration: none;
            padding-left: 10px;
        }
    }
    .usk-badge-label-wrapper {
        margin-top: clamp(10px, 1vw, 15px);
    }
    .usk-badge {
        border-radius: 4px;
    }
}

@media (min-width: 768px) {
    .usk-product-list {
        .usk-badge-label-wrapper {
            position: absolute;
            top: clamp(10px, 1vw, 15px);
            right: clamp(10px, 1vw, 15px);
        }
    }
}