@media (max-width: 900px) {
    /*900px - Страница «Партнёр»*/
    .partner .partnerSlider {
        max-height: 35vw;
    }
}



@media (max-width: 600px) {
    /*600px - Страница «Партнёр»*/
    body {
        background-color: unset;
    }

    .partner {
        padding: 0;
    }

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

    .partner .partnerHeader {
        margin-bottom: 0px!important;
    }

    .partner .partnerHeader {
        position: sticky;
        top: 0;
        display: grid;
        grid-template-columns: 80px minmax(0, 1fr) 80px;
        padding: 16px;
        background-color: #FFFFFF;
        z-index: 2;
        border-bottom: 1px solid #F2F4F8;
    }

    .partner .partnerHeader a {
        grid-column: 1;
        justify-self: start;
        margin: 0;
    }

    .partner .partnerHeader a p {
        display: none;
    }

    .partner .partnerHeader > p {
        display: block;
        grid-column: 2;
        justify-self: center;
        text-align: center;
    }

    .partner .partnerHeader img {
        display: block;
        grid-column: 3;
        grid-row: 1;
        justify-self: end;
        opacity: 1;
        visibility: visible;
        transform: scale(1);
        transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
    }

    .partner .partnerHeader.actionsPinned img {
        opacity: 0;
        visibility: hidden;
        transform: scale(0.9);
    }

    .partner .partnerHeaderActions {
        display: flex;
        grid-column: 3;
        grid-row: 1;
        justify-self: end;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-4px) scale(0.96);
        pointer-events: none;
        transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
    }

    .partner .partnerHeader.actionsPinned .partnerHeaderActions {
        opacity: 1;
        gap:5px;
        visibility: visible;
        transform: translateY(0) scale(1);
        pointer-events: auto;
    }

    .partner .partnerHeaderActions .heartWrap,
    .partner .partnerHeaderActions .shareWrap {
        width: 36px;
        height: 36px;
        position: relative;
        top: auto;
        right: auto;
        flex: 0 0 36px;
        border: 1px solid #EFEFF4;
        border-radius: 10px;
        background: #FFFFFF;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
        z-index: 1;
    }

    .partner .partnerHeaderActions .heartWrap .heart,
    .partner .partnerHeaderActions .shareWrap .partnerShare {
        width: 22px;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        cursor: pointer;
        pointer-events: all;
    }

    .partner .partnerHeaderActions .shareWrap .partnerShare {
        height: 22px;
        fill: #333333;
        stroke: none;
        transition: fill 0.2s ease, scale 0.2s ease;
    }

    .partner .partnerHeaderActions .shareWrap.active {
        background: #EAF8EC;
        border-color: rgba(43, 184, 57, 0.25);
        box-shadow: 0 4px 12px rgba(43, 184, 57, 0.2);
    }

    .partner .partnerHeaderActions .shareWrap.active .partnerShare {
        width: 24px;
        color: #2BB839;
        stroke: #2BB839;
        fill: none;
    }

    .partner .partnerHeaderActions .shareWrap .partnerShare * {
        pointer-events: none;
    }

    .partner .partnerHeaderActions .shareWrap .partnerShare.copied {
        stroke-width: 2.2;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .partner .partnerHeaderActions .shareWrap .partnerShare.copied rect {
        fill: none;
        stroke: currentColor;
    }

    .partner .partnerSlider {
        border-radius: 0;
    }

    .partner .partnerSlider .pzSlider .arrow {
        display: none;
    }

    .partner .partnerSlider .slide.caption {
        width: 100%;
    }

    .partner .partnerSlider .info {
        right: 10px;
        bottom: 28px;
    }

    .partner .partnerOffer {
        margin-top: -12px;
        z-index: 1;
        padding: 21px 16px 70px;
        border-radius: 12px 12px 0 0;
        background: #FFFFFF;
    }

    .partner .partnerOffer .partnerTitle {
        display: none;
    }

    .partner .partnerOffer .discountBlock {
        margin-bottom: 16px;
    }

    .partner .partnerOffer .discountBlock .blockTitle {
        font-size: 20px;
        font-weight: 700;
        color: #333333;
    }

    .partner .partnerOffer .discountBlock .deadLine {
        display: none;
    }

    .partner .partnerOffer .discountBlock .deadLineAndRate {
        display: block;
        margin-top: 16px;
        padding-bottom: 16px;
        border-bottom: 1px solid #EFEFF4;
    }

    .partner .partnerOffer .discountBlock .deadLineAndRate > .wrapper {
        width: 100vw;
        display: flex;
        margin: 0 -16px;
        overflow-x: auto;
    }

    .partner .partnerOffer .discountBlock .deadLineAndRate > .wrapper::-webkit-scrollbar {
        display: none;
    }

    .partner .partnerOffer .discountBlock .deadLineAndRate > .wrapper > .wrapper {
        display: flex;
        flex: 1;
        margin: 0 16px;
    }

    .partner .partnerOffer .discountBlock .deadLineAndRate > .wrapper > .wrapper  > div {
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: center;
        padding: 12px 16px;
        border-radius: 12px;
        background: #F2F4F8;
        user-select: none;
    }

    .partner .partnerOffer .discountBlock .deadLineAndRate > .wrapper > .wrapper  > div:only-child {
        flex: 1;
    }

    .partner .partnerOffer .discountBlock .deadLineAndRate > .wrapper > .wrapper > div:not(:first-child) {
        margin-left: 12px;
    }

    .partner .partnerOffer .discountBlock .deadLineAndRate .date {
        font-size: 16px;
        font-weight: 600;
    }

    .partner .partnerOffer .discountBlock .deadLineAndRate .text {
        font-size: 10px;
        font-weight: 400;
        color: #777777;
    }

    .partner .partnerOffer .discountBlock .deadLineAndRate .percent {
        text-transform: capitalize;
        font-size: 16px;
        font-weight: 600;
        color: #F45757;
    }

    .partner .partnerOffer .discountBlock .deadLineAndRate .name {
        white-space: nowrap;
        font-size: 10px;
        font-weight: 400;
        color: #777777;
    }

    .partner .partnerOffer .discountBlock .apply {
        width: auto;
        position: fixed;
        right: 16px;
        bottom: 16px;
        left: 16px;
        z-index: 2;
    }

    

    .partner .partnerOffer .discountBlock .discountRate {
        display: none;
    }

    .partner .partnerOffer .infoBlock {
        margin-top: 24px;
        padding-bottom: 24px;
    }

    .partner .partnerOffer .infoBlock .items > div *:not(strong) {
        font-size: 14px;
    }

    .partner .partnerOffer .infoBlock ol + * {
        margin-top: 24px;
    }

    .partner .partnerOffer .infoBlock ol li {
        margin-bottom: 24px;
    }

    .partner .contactsBlock {
        margin: 32px 0;
    }

    .partner .contactsBlock > address {
        width: 100%;
        padding: 16px 0;
        border-top: 1px solid #EFEFF4;
    }

    .partner .contactsBlock > address a {
        justify-content: start;
    }

    .partner .contactsBlock > address .wrapper {
        order: 2;
    }

    .partner .contactsBlock > address .icon {
        order: 1;
        margin-right: 16px;
        flex: none;
    }

    .partner .contactsBlock > address .name {
        font-size: 10px;
    }

    .partner .contactsBlock > address .item {
        font-size: 14px;
    }



    /*600px - Popup's*/
    .discountItems-popup, .discountOffer-popup, .limitInfo-popup {
        width: 100%;
        max-width: unset;
        max-height: calc(100% - 100px);
        position: absolute;
        top: 100%;
        border-bottom-right-radius: unset;
        border-bottom-left-radius: unset;
        overflow: hidden;
    }

    .discountItems-popup.active, .discountOffer-popup.active, .limitInfo-popup.active {
        display: block;
        scale: unset;
        transition: transform ease;
        transition-duration: 0.3s;
    }

    .discountItems-popup.active.animation, .discountOffer-popup.active.animation, .limitInfo-popup.active.animation {
        transform: translateY(-100%);
        scale: unset;
        transition: transform ease;
        transition-duration: 0.5s;
    }

    .discountItems-popup .visor, .discountOffer-popup .visor, .limitInfo-popup .visor, .partnerList-popup .visor {
        width: 36px;
        height: 4px;
        margin: 0 auto 16px auto;
        border-radius: 4px;
        background: #D9D9D9;
    }

    .discountItems-popup .header {
        padding: 16px 16px 0;
    }

    .discountItems-popup .header h3 {
        font-weight: 700;
        font-size: 20px;
    }

    .discountItems-popup .container {
        padding: 16px;
    }

    .discountItems-popup .discountItem .itemTitle {
        width: 60%;
    }

    .discountItems-popup .discountItem .itemTitle p {
        font-size: 16px;
        line-height: 120%;
    }
}

@media (max-width: 360px) {
    /* 360px - Popup's */
    .discountOffer-popup, .discountCode-popup {
        width: 100%;
        max-width: 100%;
    }
}