@media (max-width: 1024px) {
    .isosource-footer .source__window {
        padding: 48px 40px;
    }

    .isosource-footer .source-wrapper {
        padding: 38px 20px 45px 20px;
    }

    .research__content {
        padding: 80px 0;
    }

    .isosource-bot-wrapper::before {
        display: none;
    }

    .isosource-top {
        -webkit-mask: none;
        mask: none;
        border-radius: 0 0 80px 80px;
        overflow: hidden;
    }

    .isosource-bot {
        -webkit-mask: none;
        mask: none;
        border-radius: 80px 80px 0 0;
        overflow: hidden;
    }

    .algorithm {
        padding: 60px 16px;
        overflow: hidden;
    }

    .algorithm__title {
        font-size: 2.8rem;
        line-height: 130%;
    }

    .products {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px 16px;
        max-width: 720px;
        margin: 40px auto 0 auto;
        padding: 0 8px;
    }

    .products__item {
        width: 100%;
        min-width: 0;
        padding: 24px 16px 16px 16px;
        background: #E9F3FF;
        border-radius: 24px;
        gap: 12px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    }

    .products__popup {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 24px;
        width: 100%;
    }

    .products__popup .underline {
        width: 100%;
        max-width: 240px;
    }

    .products__title {
        font-size: 2.1rem;
        max-width: 210px;
    }

    .products__text {
        font-size: 1.6rem;
    }

    .products__bottle {
        width: 100%;
        max-width: 400px;
        height: auto;
        margin: 0 auto;
    }

    .products__badge {
        display: inline-block;
        align-self: center;
        padding: 8px 12px;
        border-radius: 4px;
        font-family: 'Inter', sans-serif;
        font-weight: 400;
        font-size: 1.6rem;
        line-height: 120%;
        color: white;
    }

    .products__item_standart .products__badge {
        background: #DDBF90;
    }

    .products__item_protein .products__badge {
        background: #538CCF;
    }

    .products__item_energy .products__badge {
        background: #DB1134;
    }

    .products__item_diabet .products__badge {
        background: #922C97;
    }

    .isosource-top__food .products {
        margin-top: 30px;
    }

    .products__specs {
        display: flex;
        flex-direction: column;
        gap: 8px;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .products__specs li {
        font-family: 'Inter', sans-serif;
        font-weight: 400;
        font-size: 1.6rem;
        line-height: 120%;
        color: #222222;
        text-align: center;
    }

    .products__btn {
        display: flex;
        justify-content: center;
        align-items: center;
        align-self: center;
        padding: 14px 28px;
        border-radius: 48px;
        font-family: 'Inter', sans-serif;
        font-weight: 700;
        font-size: 1.4rem;
        line-height: 120%;
        text-transform: uppercase;
        text-decoration: none;
        color: white;
        margin-top: 8px;
        transition: all 0.2s ease;
    }

    .products__btn_standart {
        background: #DDBF90;
    }

    .products__btn_protein {
        background: #538CCF;
    }

    .products__btn_energy {
        background: #DB1134;
    }

    .products__btn_diabet {
        background: #922C97;
    }

    .products__btn:hover {
        background: white;
        box-shadow: inset 0 0 0 2px currentColor;
    }

    .products__btn_standart:hover {
        color: #DDBF90;
    }

    .products__btn_protein:hover {
        color: #538CCF;
    }

    .products__btn_energy:hover {
        color: #DB1134;
    }

    .products__btn_diabet:hover {
        color: #922C97;
    }
}

@media (max-width: 744px) {
    .isosource-top__hero {
        margin-top: 0%;
    }

    .isosource-top__food {
        padding: 0 16px 40px;
    }

    .products {
        grid-template-columns: 1fr;
        padding: 0;
    }

    .isosource-top__food .products {
        margin-top: 16px;
    }

    .characteristics__grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .isosource__title,
    .characteristics__title,
    .research__title {
        font-size: 3.2rem;
        line-height: 130%;
    }

    .algorithm {
        padding: 40px 0px;
    }

    .algorithm__title {
        font-size: 2.1rem;
    }

    .algorithm__subtitle {
        font-size: 1.6rem;
    }

    .algorithm__header {
        padding: 0 12px;
    }

    .research__products-image {
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
    }

    .research__body {
        margin-top: 8%;
    }

    .purchase-item {
        height: 136px;
        width: 136px;
    }

    .purchase-item__image_uteka {
        width: 88px;
    }
}


@media (max-width: 1310px) {
    .algorithm__canvas {
        width: 702.95px;
        max-width: 100%;
        height: 1129px;
        zoom: min(1, calc((100vw - 48px) / 702.95));
    }

    .algorithm__blue-bg {
        left: 0;
        top: 0;
        width: 697px;
        height: 288px;
    }

    .algorithm__blue-title {
        left: 147px;
        top: 24px;
        width: 403px;
        font-size: 1.6rem;
    }

    .algorithm__mini_1 {
        left: 16px;
        top: 82px;
        width: 219px;
        height: 248px;
    }

    .algorithm__mini_2 {
        left: 268px;
        top: 82px;
        width: 412px;
        height: 248px;
    }

    .algorithm__choice {
        top: 102px;
        font-size: 1.6rem;
    }

    .algorithm__choice_1 {
        left: 108.79px;
    }

    .algorithm__choice_2 {
        left: 346.24px;
    }

    .algorithm__choice_3 {
        left: 559.64px;
    }

    .algorithm__arrow_beige-top {
        left: 115.79px;
        top: 128.46px;
    }

    .algorithm__arrow_blue-top {
        left: 348.54px;
        top: 128.46px;
    }

    .algorithm__arrow_red-top {
        left: 562.95px;
        top: 128.46px;
    }

    .algorithm__bottle_standart {
        left: 14px;
        top: 162px;
        width: 220px;
        height: 220px;
    }

    .algorithm__bottle_protein {
        left: 253px;
        top: 162px;
        width: 220px;
        height: 220px;
    }

    .algorithm__bottle_energy {
        left: 459px;
        top: 162px;
        width: 220px;
        height: 220px;
    }

    .algorithm__line {
        top: 354px;
        border-radius: 80px;
    }

    .algorithm__line_big {
        left: 50px;
        width: 382px;
        border-top: none
    }

    .algorithm__line_small {
        left: 495px;
        width: 152px;
        border-top: none
    }

    .algorithm__arrow_beige-bot {
        left: 115.79px;
        top: 413.06px;
    }

    .algorithm__arrow_blue-bot {
        left: 348.54px;
        top: 413.06px;
    }

    .algorithm__arrow_red-bot {
        left: 562.95px;
        top: 413.06px;
    }

    .algorithm__description {
        font-size: 1.6rem;
    }

    .algorithm__description_1 {
        left: 0;
        top: 459px;
        width: 464px;
    }

    .algorithm__description_2 {
        left: 533.95px;
        top: 470px;
        width: 77px;
    }

    .algorithm__name {
        top: 514px;
        height: auto;
        font-size: 2rem;
        line-height: 24px;
    }

    .algorithm__name_1 {
        left: 27px;
        width: 195.48px;
    }

    .algorithm__name_2 {
        left: 271.74px;
        width: 172.52px;
    }

    .algorithm__name_3 {
        left: 440px;
        width: 262.95px;
    }

    .algorithm__btn_beige {
        left: 50%;
        top: 583px;
        transform: translateX(calc(-50% - 223.26px));
    }

    .algorithm__btn_blue {
        left: 50%;
        top: 583px;
        transform: translateX(calc(-50% + 10px));
    }

    .algorithm__btn_red {
        left: 50%;
        top: 583px;
        transform: translateX(calc(-50% + 223.95px));
    }

    .algorithm__purple-bg {
        left: 183px;
        top: 675px;
        width: 330px;
        height: 291px;
    }

    .algorithm__purple-title {
        left: 211px;
        top: 704px;
        width: 274px;
        font-size: 1.6rem;
    }

    .algorithm__arrow_purple-top-1 {
        left: 339.89px;
        top: 756.73px;
    }

    .algorithm__arrow_purple-top-2,
    .algorithm__arrow_purple-top-3,
    .algorithm__arrow_purple-bot-2,
    .algorithm__arrow_purple-bot-3 {
        display: none;
    }

    .algorithm__bottle_diabet {
        left: 46%;
        top: 775px;
        transform: translateX(calc(-50% + 27.81px));
        width: 220px;
        height: 220px;
    }

    .algorithm__name_4 {
        left: 50%;
        top: 1034px;
        transform: translateX(-50%);
        width: 280px;
    }

    .algorithm__arrow_purple-bot-1 {
        left: 339px;
        top: 1000px;
    }

    .algorithm__btn_purple {
        left: 50%;
        top: 1080px;
        transform: translateX(-50%);
    }
}

@media (max-width: 1024px) {

    .isosource__title,
    .characteristics__title,
    .research__title {
        font-size: 2.4rem;
        line-height: 130%;
        padding: 0 20px;
    }

    .underline.js-underline {
        width: 100%;
        max-width: 310px;
    }

    .algorithm {
        overflow: visible;
    }

    .algorithm__canvas {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 24px;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        height: auto;
        left: auto;
        zoom: 1;
    }

    .algorithm__top-block {
        display: flex;
        justify-content: center;
        position: relative;
        width: 100%;
    }

    .algorithm__top {
        padding: 0 20px;
        display: block;
        width: 100%;
        max-width: 720px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .algorithm__top::-webkit-scrollbar {
        display: none;
    }

    .algorithm__top-arrow {
        display: none;
        position: absolute;
        top: 58%;
        right: 8px;
        transform: translateY(-50%);
        width: 48px;
        height: 48px;
        border-radius: 50%;
        box-shadow: 0px 3.43px 85.71px 0px rgba(0, 0, 0, 0.05);
        background-color: rgba(46, 175, 233, 0.26);
        border: 1px solid rgba(255, 255, 255, 0.2);
        backdrop-filter: blur(7px);
        transition: all 0.2s ease;
        cursor: pointer;
        z-index: 9999;
    }

    .algorithm__top-arrow::after {
        content: "";
        position: absolute;
        background-image: url(../assets/images/resource-products/arrow-right.webp);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        width: 18px;
        height: 24px;
        filter: brightness(0) saturate(100%) invert(49%) sepia(38%) saturate(4238%) hue-rotate(161deg) brightness(85%) contrast(104%);
        top: 25%;
        left: 30%;
    }

    .algorithm__top-arrow.rotate {
        transform: translateY(-50%) rotate(180deg);
    }

    .algorithm__top-inner {
        display: block;
        position: relative;
        width: 702.95px;
        height: 660px;
        flex-shrink: 0;
    }

    .algorithm__bottom {
        display: block;
        position: relative;
        width: 702.95px;
        height: 480px;
        flex-shrink: 0;
        zoom: min(1, calc((100vw - 24px) / 702.95));
    }

    .algorithm__bottom .algorithm__purple-bg {
        top: 0;
    }

    .algorithm__bottom .algorithm__purple-title {
        top: 29px;
    }

    .algorithm__bottom .algorithm__arrow_purple-top-1 {
        top: 81.73px;
    }

    .algorithm__bottom .algorithm__bottle_diabet {
        top: 100px;
    }

    .algorithm__bottom .algorithm__arrow_purple-bot-1 {
        top: 325px;
    }

    .algorithm__bottom .algorithm__name_4 {
        top: 359px;
    }

    .algorithm__bottom .algorithm__btn_purple {
        top: 405px;
    }
}

@media (max-width: 744px) {
    .algorithm__top-arrow {
        display: block;
    }
}

@media (max-width: 400px) {
    .breadcrumbs {
        .breadcrumbs__item:nth-child(1) {
            display: none;
        }

        /* .breadcrumbs__item:nth-child(2) {
        display: none;
      } */
    }
}

@media (max-width: 390px) {
    .research__body {
        margin-top: -35%;
    }

    .research__products-image {
        margin-top: 160px;
    }

    .isosource-top__hero {
        margin-top: -19%;
    }

    .isosource-footer__content {
        padding-top: 40px;
    }

    .underline.js-underline {
        max-width: 220px;
    }

    .isosource-footer .source__window {
        padding: 40px 24px;
    }
}