@media (hover: hover) { .header-basket svg:hover { transform: rotate(90deg); } }

@media (hover: none) { .header-basket svg:active { transform: rotate(90deg); } }

@media (min-width: 700px) and (max-width: 1200px) {
    .header-basket h2 { font-size: 13px; }

    .header-basket svg {
        width: 16px;
        height: 16px;
    }

    .empty-string { font-size: 15px; }

    .content-basket-card { padding: 12px 15px; }

    .card-in-basket li { height: 160px; }

    .preview-basket-card { width: 180px; }

    .name-basket-card { font-size: 16px; }

    .id-basket-card { font-size: 11px; }

    .brand-basket-card { font-size: 13px; }

    .price-basket-card { font-size: 11px; }

    .price-no-discount-basket { font-size: 9px; }

    .size-basket-card { font-size: 11px; }

    .price-calc-basket-card { font-size: 12px; }

    .price-no-discount-calc-basket { font-size: 10px; }

    .stock-and-order-basket { font-size: 11px; } 

    .quantity-number-basket {
        width: 30px;
        height: 25px;

        font-size: 12px;
    }

    .quantity-basket { gap: 10px; }

    .minus-basket svg, .plus-basket svg {
        width: 16px;
        height: 16px;
    }

    .basket-delete {
        width: 30px;
        height: 26px;
    }

    .basket-delete svg {
        width: 18px;
        height: 18px;
    }

    .card-in-basket { padding: 30px 0px; }

    .main-price { 
        font-size: 14px;

        margin-top: 15px;
    }

    .extra-sum { font-size: 13px; }

    .info-basket-card span { font-size: 11px; }

    .info-basket-card svg {
        width: 14px;
        height: 14px;
    }

    .info-basket-card { 
        gap: 5px;

        margin-top: 15px;
    }

    .text-messange { font-size: 11px; }

    .button-send-messange {
        width: 140px;
        height: 40px;

        font-size: 9px;
    }
}

@media (min-width: 400px) and (max-width: 700px) {
    .preview-basket-card img {
        border-bottom-left-radius: 6px;
        border-top-left-radius: 6px;
    }

    .empty-string { font-size: 13px; }

    .header-basket h2 { font-size: 12px; }

    .header-basket svg {
        width: 14px;
        height: 14px;
    }

    .card-in-basket {
        margin-top: 20px;

        padding: 30px 0px;
    }

    .card-in-basket li { 
        width: 95%;
        height: 110px;

        border: 6px;
    }

    .preview-basket-card { 
        width: 130px; 
    }

    .content-basket-card { padding: 8px 8px; }

    .name-basket-card { 
        font-size: 11px;
        letter-spacing: 0px;
    }

    .id-basket-card { font-size: 8px; }

    .brand-basket-card { font-size: 9px; }

    .price-basket-card { font-size: 8px; }

    .price-no-discount-basket { font-size: 8px; }

    .size-basket-card { 
        font-size: 8px;
        
        margin-top: 0px;
    }

    .price-calc-basket-card { font-size: 10px; }

    .price-no-discount-calc-basket { font-size: 8px; }

    .stock-and-order-basket { 
        font-size: 9px;
    
        border-top-left-radius: 6px;
    } 

    .line-basket-card { margin: 3px 0px; }

    .quantity-number-basket {
        width: 25px;
        height: 18px;

        font-size: 10px;
        letter-spacing: 0px;
    }

    .quantity-basket { gap: 8px; }

    .minus-basket svg, .plus-basket svg {
        width: 12px;
        height: 12px;
    }

    .basket-delete {
        height: 22px;
        width: 25px;
    }

    .basket-delete svg {
        width: 15px;
        height: 15px;
    }

    .main-price { 
        font-size: 12px;

        margin-top: 10px;
    }

    .extra-sum { 
        font-size: 11px;

        padding-left: 7px;
     }

    .info-basket-card span { 
        font-size: 9px;
        line-height: 12px;
    }

    .info-basket-card svg {
        width: 12px;
        height: 12px;
    }

    .info-basket-card { 
        gap: 5px;

        margin-top: 15px;
    }

    .text-messange { font-size: 9px; }

    .button-send-messange {
        width: 120px;
        height: 35px;

        font-size: 8px;
        line-height: 12px;
    }

    .copy-img {
        width: 12px;
        height: 12px;
    }
}

@media (min-width: 0px) and (max-width: 400px) {
    .preview-basket-card img {
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
    }

    .empty-string { font-size: 11px; }

    .basket-wrapper { padding-bottom: 20px; }

    .header-basket { height: 35px; } 

    .header-basket h2 { font-size: 11px; }

    .header-basket svg {
        width: 12px;
        height: 12px;
    }

    .card-in-basket {
        margin-top: 20px;

        padding: 30px 0px;
    }

    .card-in-basket li { 
        width: 95%;
        height: 90px;

        border: 4px;
    }

    .preview-basket-card { 
        width: 100px; 
    }

    .content-basket-card { padding: 5px 7px; }

    .name-basket-card { 
        font-size: 9px;
        letter-spacing: 0px;
    }

    .id-basket-card { font-size: 7px; }

    .brand-basket-card { 
        font-size: 8px;
        letter-spacing: 0px;
     }

    .price-basket-card { font-size: 6px; }

    .price-no-discount-basket { font-size: 6px; }

    .line-basket-card { 
        margin-top: 0px;

        margin-bottom: 3px;
    }

    .size-basket-card { font-size: 6px; }

    .price-calc-basket-card { 
        font-size: 6px;
        
        gap: 3px;
    }

    .price-no-discount-calc-basket { font-size: 6px; }

    .stock-and-order-basket { 
        font-size: 7px;

        padding: 2px 5px;

        border-top-left-radius: 4px;
    } 

    .quantity-number-basket {
        width: 20px;
        height: 15px;

        font-size: 8px;
        letter-spacing: 0px;

        border: 1px solid black;
        border-radius: 3px;
    }

    .quantity-basket { gap: 6px; }

    .minus-basket svg, .plus-basket svg {
        width: 9px;
        height: 9px;
    }

    .basket-delete {
        height: 20px;
        width: 20px;
    }

    .basket-delete svg {
        width: 13px;
        height: 12px;
    }

    .main-price { 
        font-size: 9px;

        margin-top: 10px;
    }

    .extra-sum { 
        font-size: 8px;

        padding-left: 5px;
     }

    .info-basket-card span { 
        font-size: 7px;
        line-height: 9px;
    }

    .info-basket-card svg {
        width: 10px;
        height: 10px;
    }

    .info-basket-card { 
        gap: 5px;

        margin-top: 15px;
    }

    .text-messange { font-size: 8px; }

    .button-send-messange {
        width: 90px;
        height: 30px;

        font-size: 6px;
        line-height: 10px;
    }

    .messange-points li { gap: 3px; }

    .copy-img {
        width: 10px;
        height: 10px;
    }
}