@media (max-width: 1380px) {
    .products_page .products_info .products_list .product_card {
        aspect-ratio: 167/308;
    }
}

@media (max-width: 1320px) {
    .products_list .product_card {
        aspect-ratio: 198/349;
    }

    .products_page .products_info .products_list .product_card {
        aspect-ratio: 147/280;
    }

    .products_list .product_card .absolute_product_card .text .add_to_cart_btn span {
        display: none;
    }
}

@media (max-width: 1220px) {
    .main-page-top-container .what_to_sell .inner {
        scale: 0.85;
        margin-left: 2%;
    }

    .products_list .product_card {
        flex: 0 1 calc(100% / 5 - 15px);
        aspect-ratio: 214 / 368;
    }

    .main-page-products .products_list .product_card:last-child {
        display: none;
    }

    .products_page .products_info .products_list .product_card {
        flex: 0 1 calc(100% / 4 - 14px);
        aspect-ratio: 167 / 306
    }
}

@media (max-width: 1150px) {
    .main-page-top-container .categories .categories_list {
        height: 242px;
    }

    .main-page-usage-instruction .kassym_img {
        min-width: 220px;
        height: 275px;
    }

    .main-page-usage-instruction .text h1 {
        font-size: 35px;
    }

    .main-page-usage-instruction .text p {
        font-size: 18px;
        width: 90%;
    }

    .main-page-usage-instruction .text button {
        font-size: 15px;
        width: 230px;
        height: 35px;
        margin-top: 3px;
    }

    .products_list .product_card {
        aspect-ratio: 187/325;
    }

    .products_page .products_info .products_list .product_card {
        aspect-ratio: 160/296;
    }
}

@media (max-width: 1095px) {

    .products_list .product_card {
        aspect-ratio: 187/332;
    }

    .products_page .products_info .products_list .product_card {
        aspect-ratio: 160/296;
    }
}

@media (max-width: 1040px) {
    .main-page-top-container .what_to_sell .inner {
        scale: 0.75;
        margin-left: -4%;
    }

    .main-page-products .products_list .product_card:nth-child(6) {
        display: none;
    }
}

@media (max-width: 1024px) {
    .products_list .product_card {
        flex: 0 1 calc(100% / 4 - 14px);
        aspect-ratio: 228/387;
    }

    .products_page .products_info .products_list .product_card {
        flex: 0 1 calc(100% / 3 - 12px);
        aspect-ratio: 183 / 327
    }
}

@media (max-width: 985px) {
    .products_page .products_info .products_list .product_card {
        aspect-ratio: 165/303;
    }
}

@media (max-width: 930px) {
    .main-page-top-container .what_to_sell .inner {
        scale: 0.65;
        margin-left: -10.5%;
    }

    .products_page .products_info .products_list .product_card {
        flex: 0 1 calc(100% / 4 - 14px);
        aspect-ratio: 203 / 358
    }

    .products_list .product_card {
        aspect-ratio: 203 / 358
    }

    .main-page-products .products_list .product_card:nth-child(5) {
        display: none;
    }

    .products_page .products_info .products_list .product_card {
        aspect-ratio: 187/325;
    }

    .products_list .product_card .absolute_product_card:hover .product_img {
        box-shadow: 0px 0px 3px 0px #e4e4e4;

    }

    .products_list .product_card .absolute_product_card:hover .text .product_name_block {
        -webkit-line-clamp: 1;
        line-break: anywhere;
    }

    .products_list .product_card .absolute_product_card .text .add_to_cart_btn {
        display: block;

    }

    .products_list .product_card .absolute_product_card .add_wishlist_btn, .products_list .product_card .absolute_product_card:hover .add_wishlist_btn {
        display: block;
        top: 9px;
        right: 10px;
    }

    .products_list .product_card .absolute_product_card .add_wishlist_btn.integration_btn, .products_list .product_card .absolute_product_card:hover .add_wishlist_btn.integration_btn {
        right: initial;
        left: 10px;
    }

    .products_list .product_card .text .availability .product_is_available, .products_list .product_card .text .availability .product_is_not_available {
        font-size: 11px;
    }

    .products_list .product_card .text .availability .product_count {
        font-size: 12px;
    }
}

@media (max-width: 900px) {
    #product_template .product_info .actions .product_action .price_and_wishlist_btn .product_prices {
        gap: 8px;
    }

    .main-page-top-container .categories {
        display: none;
    }

    .see_more_products_btn_block button {
        font-size: 13px;
    }

    .main-page-usage-instruction .kassym_img {
        min-width: 180px;
        height: 225px;
    }

    .main-page-usage-instruction .text h1 {
        font-size: 25px;
    }

    .main-page-usage-instruction .text p {
        font-size: 14px;
        width: 100%;
        margin-bottom: 0;
    }

    .main-page-usage-instruction .text button {
        font-size: 13px;
        width: 205px;
        height: 30px;
        margin-top: 13px;
    }

    .main-page-search-form-block {
        display: block;
    }

    .container.container2.categories-container {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        gap: 8px;
        margin: 10px 0 10px;
        padding-bottom: 2px;
        scrollbar-width: none;
        -ms-overflow-style: none;
        scroll-snap-type: x proximity;
        width: 100%;
    }

    .container.container2.categories-container::-webkit-scrollbar {
        display: none;
    }

    .container.container2.categories-container a {
        flex: 0 0 auto;
        white-space: nowrap;
        scroll-snap-align: start;
    }

    .products_list .product_card {
        aspect-ratio: 181/328;
    }

    .products_page .products_info .products_list .product_card {
        aspect-ratio: 187/335;
    }
}

@media (max-width: 830px) {
    .main-page-top-container .what_to_sell .inner {
        scale: 0.55;
        margin-left: -19.5%;
    }

    .products_list .product_card {
        aspect-ratio: 239 / 405;
        flex: 0 1 calc(100% / 3 - 13px);
    }

    .main-page-products .products_list .product_card:nth-child(5), .main-page-products .products_list .product_card:nth-child(6) {
        display: block;
    }

    .products_page .products_info .products_list .product_card {
        aspect-ratio: 187/340;
    }
}

@media (max-width: 765px) {
    .main-page-top-container .what_to_sell .inner {
        scale: 0.5;
        margin-left: -27%;
    }

    .products_list .product_card {
        aspect-ratio: 197/350;
    }

    .products_page .products_info .products_list .product_card {
        aspect-ratio: 187/345;
    }
}

@media (max-width: 685px) {
    .main-page-top-container .what_to_sell .inner {
        scale: 1;
        margin-left: 0;
    }

    .main-page-top-container {
        flex-direction: column-reverse;
        height: fit-content;
        aspect-ratio: initial;
        --webkit-aspect-ratio: initial;
    }

    .main-page-top-container .what_to_sell {
        aspect-ratio: initial;
        height: fit-content;
        padding: 35px;
        aspect-ratio: initial;
        --webkit-aspect-ratio: initial;
        border-radius: 8.5px;
    }

    .main-page-top-container .what_to_sell .inner {
        width: 100%;
    }

    /*.main-page-top-container .slides {*/
    /*    height: fit-content;*/
    /*    border-radius: 8.5px;*/
    /*}*/
    /*.main-page-top-container .slides .slides-cell {*/
    /*    border-radius: 8.5px;*/
    /*}*/
    .flickity-page-dots .dot {
        height: 5px;
        width: 5px;
    }

    .products_list .product_card {
        flex: 0 1 calc(100% / 2 - 9px);
        aspect-ratio: 302 / 488;
    }

    .products_page .products_info .products_list .product_card {
        flex: 0 1 calc(100% / 2 - 9px);
        aspect-ratio: 300 / 486;
    }
}

@media (max-width: 630px) {
    .main-page-usage-instruction .kassym_img {
        min-width: 189px;
        height: 235px;
    }

    .main-page-usage-instruction .text h1 {
        line-height: 25px;
    }

    .main-page-usage-instruction {
        gap: 20px;
    }

    .main-page-usage-instruction .text p {
        line-height: 16px;
        margin-bottom: 10px;
    }

    .main-page-usage-instruction .text button {
        margin-top: 3px;
    }

    .products_list .product_card {
        aspect-ratio: 275 / 452;
    }

    .products_page .products_info .products_list .product_card {
        aspect-ratio: 255/426;
    }
}

@media (max-width: 580px) {
    .products_list .product_card {
        aspect-ratio: 251/421;
    }

    .products_page .products_info .products_list .product_card {
        aspect-ratio: 231 / 395;
    }
}

@media (max-width: 540px) {
    .products_list .product_card {
        aspect-ratio: 210/367;
    }

    .products_page .products_info .products_list .product_card {
        aspect-ratio: 211 / 368;
    }
}

@media (max-width: 500px) {
    .main-page-usage-instruction {
        flex-direction: column;
        gap: 0;
        align-items: center;
        margin-top: 80px;
    }

    .main-page-usage-instruction .kassym_img {
        width: 245px;
        height: 300px;
    }

    .main-page-usage-instruction .text h1 {
        font-size: 23px;
        margin-top: 7px;
    }

    .main-page-top-container .what_to_sell {
        padding: 20px;
        border-radius: 8.5px;
    }

    .main-page-top-container .what_to_sell .title b {
        font-size: 16px;
    }

    .main-page-top-container .what_to_sell img {
        width: 16.5px;
        height: 16.5px;
    }

    .main-page-top-container .what_to_sell .input_block span, .main-page-top-container .what_to_sell .input_block input, .main-page-top-container .what_to_sell .input_block select {
        font-size: 10px;
    }

    .main-page-top-container .what_to_sell .title {
        gap: 6px;
    }

    .main-page-top-container, .main-page-search-form-block {
        margin-top: 15px;
        margin-bottom: 0;
    }

    .main-page-search-form-block .search input, .main-page-search-form-block .search input::placeholder, .main-page-top-container .what_to_sell button {
        font-size: 12px;
    }

    .products_list .product_card {
        aspect-ratio: 198/350;
    }

    .products_page .products_info .products_list .product_card {
        aspect-ratio: 202 / 355;
    }
}

@media (max-width: 450px) {
    .products_list .product_card {
        aspect-ratio: 178/323;
    }

    .products_page .products_info .products_list .product_card {
        aspect-ratio: 182 / 329;
    }

    .sale_of_goods {
        scale: 1.5;
        margin-top: 25px;
    }
}

@media (max-width: 410px) {
    .products_list .product_card {
        aspect-ratio: 148/284;
    }

    .products_page .products_info .products_list .product_card {
        aspect-ratio: 141/260;
    }

    .sale_of_goods {
        margin-top: 30px;
    }
}

@media (max-width: 1400px) {
    .main-page-top-container .slides_container{
        padding: 12px 20px 12px 12px;
        gap: 18px;
    }

    .main-page-top-container .left_slide_container {
        flex: 0 0 34%;
    }

    .main-page-top-container .info_title {
        font-size: 22px;
        line-height: 26px;
    }

    .main-page-top-container .info-desc {
        font-size: 15px;
        line-height: 18px;
        -webkit-line-clamp: 8;
    }

    .main-page-top-container .info_price {
        font-size: 32px;
        line-height: 38px;
    }
}


@media (max-width: 1200px) {
    .main-page-top-container {
        gap: 16px;
    }

    .main-page-top-container .slides_container {
        padding: 12px 16px 12px 12px;
        border-radius: 24px;
    }

    .main-page-top-container .left_slide_container {
        flex: 0 0 36%;
        border-radius: 18px;
    }

    .main-page-top-container .right_slide_container {
        padding: 8px 0 4px 0;
    }

    .main-page-top-container .slide_title p {
        font-size: 14px;
        line-height: 16px;
    }

    .main-page-top-container .info_title {
        font-size: 20px;
        line-height: 24px;
    }

    .main-page-top-container .info_category {
        font-size: 14px;
        line-height: 18px;
    }

    .main-page-top-container .info-desc {
        font-size: 14px;
        line-height: 17px;
        -webkit-line-clamp: 7;
    }

    .main-page-top-container .info_price {
        font-size: 28px;
        line-height: 34px;
    }

    .main-page-top-container .slide_actions {
        gap: 10px;
        flex-wrap: wrap;
    }

    .main-page-top-container .slide_actions button {
        font-size: 13px;
        padding: 9px 14px;
    }

    .main-page-top-container .what_to_sell img {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 24px;
    }
}

@media (max-width: 992px) {
    .main-page-top-container {
        flex-direction: column;
        gap: 18px;
    }

    .main-page-top-container .slides_container,
    .main-page-top-container .what_to_sell {
        width: auto;
        aspect-ratio: 16 / 5;
    }

    .main-page-top-container .what_to_sell {
        display: none;
    }

    /*.main-page-top-container .what_to_sell img {*/
    /*    width: 100%;*/
    /*    max-height: 260px;*/
    /*    object-fit: cover;*/
    /*    border-radius: 24px;*/
    /*    */
    /*}*/
    .main-page-top-container .left_slide_container {
        flex: 0 0 320px;
    }

    .main-page-top-container .info-desc {
        -webkit-line-clamp: 6;
    }
}


@media (min-width: 769px) and (max-width: 788px) {
    .slide_actions .basket_btn span {
        display: none;
    }
}

@media (max-width: 768px) {


    .main-page-top-container {
        max-height: max-content;
    }

    .main-page-top-container .slides_container {
        padding: 12px;
        border-radius: 20px;
        aspect-ratio: auto;
        min-height: fit-content;

        .slide_container {
            flex-direction: column;
            gap: 14px;
        }
    }

    .main-page-top-container .left_slide_container {
        flex: none;
        width: 100%;
        height: 260px;
        border-radius: 18px;
    }

    .main-page-top-container .right_slide_container {
        padding: 0;
    }

    .main-page-top-container .slide_title {
        margin-bottom: 8px;
    }

    .main-page-top-container .info_title {
        font-size: 22px;
        line-height: 26px;
    }

    .main-page-top-container .info-desc {
        font-size: 14px;
        line-height: 18px;
        -webkit-line-clamp: 5;
    }

    .main-page-top-container .info_price {
        font-size: 30px;
        line-height: 34px;
    }

    .main-page-top-container .slide_info {
        margin-bottom: 10px;
    }

    .main-page-top-container .slide_actions {
        flex-wrap: wrap;
    }

    /*.main-page-top-container .slide_actions button:first-child,*/
    /*.main-page-top-container .slide_actions button:nth-child(2) {*/
    /*    flex: 1 1 calc(50% - 8px);*/
    /*}*/
    .main-page-top-container .slide_actions button:nth-child(3) {
        margin-left: 0;
    }

    .main-page-top-container .what_to_sell img {
        max-height: 220px;
        border-radius: 20px;
    }
}

@media (max-width: 768px) {
    .main-page-top-container .slides_container .slide_container {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
        width: 100%;
        min-width: 100%;
        min-height: 100%;
    }

    .main-page-top-container .right_slide_container {
        display: flex;
        flex-direction: column;
        min-width: 0;
    }

    .main-page-top-container .slide_info {
        display: flex;
        flex-direction: column;
        gap: 7px;
        min-height: 0;
    }

    .main-page-top-container .slide_actions {
        display: flex;
        align-items: center;
        gap: 15px;
    }
}

/* iOS Safari can calculate Flickity viewport height too early and collapse the slider. */
@supports (-webkit-touch-callout: none) {
    @media (max-width: 768px) {
        .main-page-top-container {
            height: auto;
            max-height: none;
        }

        .main-page-top-container .slides_container,
        .main-page-top-container .slides_container .flickity-viewport,
        .main-page-top-container .slides_container .flickity-slider,
        .main-page-top-container .slides_container .slide_container {
            max-height: none !important;
        }

        .main-page-top-container .slides_container {
            min-height: clamp(520px, 140vw, 760px);
        }

        .main-page-top-container .slides_container .flickity-viewport {
            min-height: clamp(500px, 136vw, 736px);
        }
    }
}

@media (max-width: 540px) {
    .main-page-top-container {
        gap: 14px;
    }

    .main-page-top-container .slides_container {
        border-radius: 16px;
        padding: 10px;
    }

    .main-page-top-container .left_slide_container {
        height: 210px;
        border-radius: 14px;
    }

    .main-page-top-container .slide_title p {
        font-size: 12px;
        line-height: 14px;
    }

    .main-page-top-container .info_title {
        font-size: 18px;
        line-height: 22px;
    }

    .main-page-top-container .info_category {
        font-size: 13px;
        line-height: 16px;
    }

    .main-page-top-container .info-desc {
        font-size: 13px;
        line-height: 16px;
        -webkit-line-clamp: 4;
    }

    .main-page-top-container .info_price {
        font-size: 24px;
        line-height: 28px;
        margin-top: 2px;
    }

    .main-page-top-container .slide_actions {
        gap: 8px;
    }

    .main-page-top-container .slide_actions button {
        font-size: 14px;
        padding: 8px 12px;
        border-radius: 16px;
    }

    .main-page-top-container .slide_actions button:first-child,
    .main-page-top-container .slide_actions button:nth-child(2) {
        flex: 1 1 100%;
    }

    .main-page-top-container .slide_actions button:nth-child(3) {
        display: none;
    }

    .main-page-top-container .what_to_sell img {
        max-height: 180px;
        border-radius: 16px;
    }
}
