@media (hover: hover) {
    .add-basket:hover:after { height: 100%; }
    .go-shop:hover:after { height: 100%; }
}

@media (hover: none) {
    .add-basket:active:after { height: 100%; }
    .go-shop:active:after { height: 100%; }
}

@media (min-width: 1400px) and (max-width: 1700px) {
    .name-card { font-size: 22px; }

    .brand { font-size: 14px; }

    .card-line { margin-top: 15px; }

    .size { 
        gap: 10px;
        row-gap: 5px;
    }

    .size-and-price { 
        font-size: 13px;

        margin-top: 20px;
    }

    .main-price-no-discont { font-size: 11px; }

    .content-buttons { margin-top: 50px; }

    .add-basket, .go-shop {
        font-size: 15px;

        width: 210px;
        height: 50px;
    }

    .explanation, .description-order-price { font-size: 12px; }

    .description-order-price { margin-top: 7px; }

    .explanation svg {
        width: 18px;
        height: 18px;
    }

    .stock-quantity { font-size: 14px; }

    .minus svg, .plus svg {
        width: 18px;
        height: 18px;
    }

    .quantity-number {
        width: 65px;
        height: 35px;

        font-size: 23px;
    }
}

@media (min-width: 1100px) and (max-width: 1400px) {
    .stock-and-order-card-info { font-size: 12px; }

    .name-card { font-size: 20px; }

    .brand { font-size: 13px; }

    .card-line { margin-top: 15px; }

    .size { gap: 3px; }

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

        margin-top: 15px;
    }

    .main-price-no-discont { font-size: 10px; }

    .content-buttons { margin-top: 50px; }

    .add-basket, .go-shop {
        font-size: 14px;

        width: 190px;
        height: 45px;
    }

    .explanation, .description-order-price { font-size: 11px; }

    .description-order-price { margin-top: 7px; }

    .explanation svg {
        width: 16px;
        height: 16px;
    }

    .stock-quantity { font-size: 13px; }

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

    .quantity-number {
        width: 60px;
        height: 30px;

        font-size: 22px;
    }
}

@media (min-width: 0px) and (max-width: 1100px) {
    #thumbnail-slider, #main-slider { display: none; }

    #mobile-slider { 
        display: flex;
        justify-content: center;

        width: 100%;
    }

    #mobile-slider .splide__track { width: 100%; }

    .splide__arrow { 
        visibility: visible;

        height: 25px !important; 
        width: 25px !important;
    }

    .splide__pagination { bottom: -1.7em !important; }

    .splide__pagination__page { 
        background: #808080 !important;

        width: 6px !important;
        height: 6px !important;
    }

    .splide__pagination__page.is-active {
        background: #000 !important;
        transform: scale(1.1) !important;
    }

    .slider-wrapper-photo { justify-content: center; }

    .content-card-info {
        flex-direction: column;
        align-items: center;

        margin: 40px 0px;
    }

    .slider-wrapper-photo, .content-text { width: 100%; }

    .cross-extension { display: flex; }

    #extensionPhotoSplider { display: none; }

    
    .extension-modal-wrapper li {
        width: 100%;
        height: 100%;
        background-size: cover !important;
        background-position: 50% 50% !important;
    }

    .background-png {
        width: 60%;
        height: 70vh;
    }
}

@media (min-width: 600px) and (max-width: 1100px) {
    .stock-and-order-card-info { font-size: 12px; }

    .name-card { font-size: 20px; }

    .brand { font-size: 13px; }

    .card-line { margin-top: 15px; }

    .size { 
        gap: 10px;
        row-gap: 5px;
    }

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

        margin-top: 15px;
    }

    .main-price-no-discont { font-size: 10px; }

    .content-buttons { margin: 50px 0px; }

    .add-basket, .go-shop {
        font-size: 14px;

        width: 190px;
        height: 45px;
    }

    .explanation, .description-order-price { font-size: 12px; }

    .description-order-price { margin-top: 7px; }

    .explanation svg {
        width: 18px;
        height: 18px;
    }

    .stock-quantity { font-size: 14px; }

    .minus svg, .plus svg {
        width: 18px;
        height: 18px;
    }

    .quantity-number {
        width: 65px;
        height: 35px;

        font-size: 23px;
    }
}

@media (min-width: 0px) and (max-width: 600px) {
    .stock-and-order-card-info { 
        font-size: 11px;

        padding: 5px 10px;
    }

    .splide__pagination { bottom: -1.5em !important; }

    .splide__arrows {
        width: 105% !important;
        position: absolute;
        top: 50%;
    }

    .splide__arrow { 
        height: 20px !important; 
        width: 20px !important;
    }

    .content-text { margin-top: 10px; }

    .name-card { font-size: 17px; }

    .brand-and-id { margin-top: 7px; }

    .brand { font-size: 11px; }

    .card-line { margin-top: 15px; }

    .size { gap: 3px; }

    .size li button { padding: 1px 1px; }

    .size-and-price { 
        font-size: 10px;

        margin-top: 12px;
    }

    .main-price-no-discont { font-size: 9px; }

    .price { font-size: 12px; }
    

    .content-buttons { 
        margin: 30px 0px;
        gap: 25px;
    }

    .add-basket, .go-shop {
        font-size: 12px;

        width: 180px;
        height: 45px;
    }

    .explanation, .description-order-price { font-size: 11px; }

    .description-order-price { margin-top: 5px; }

    .explanation svg {
        width: 16px;
        height: 16px;
    }

    .stock-quantity { 
        font-size: 13px;
        margin-top: 15px;
    }

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

    .quantity { gap: 10px; }

    .quantity-number {
        width: 60px;
        height: 30px;

        font-size: 22px;
    }

    .background-png { width: 100%; }
}