#mobile_app_binner {
    min-height: 220px;
    overflow: hidden;
    align-items: stretch;
    border-radius: 6px;
    margin-left: -30px;
    margin-right: -30px;
    margin-top: -30px;
}
#mobile_app_binner_after{
    display: inline-block;
    width: calc(100% + 15%);
    height: 30px;
    position: relative;
    /* bottom: -30px; */
    background-color: #f9f9fc;
    margin-left: -30px;
    margin-right: -30px;
}

#mobile_app_binner .bg-binner {
    inset: 0;
}

#mobile_app_binner .text-buttons,
#mobile_app_binner .right-image {
    z-index: 1;
}

#mobile_app_binner .text-buttons {
    flex: 1 1 auto;
    min-width: 0;
    padding: 40px 18px 40px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    text-align: left;
}

#mobile_app_binner .text {
    width: 100%;
    text-transform: uppercase;
}

#mobile_app_binner .binner-appbar-title {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
}

#mobile_app_binner .binner-appbar-subtitle {
    margin-top: 8px;
    color: rgba(255, 255, 255, 0.95);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
}

#mobile_app_binner .buttons {
    margin-top: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

#mobile_app_binner .buttons .rm-footer-alt-store-link,
#mobile_app_binner .buttons .rm-app-store-btn {
    width: 135px;
}

#mobile_app_binner .buttons .img-fluid {
    width: 135px;
    max-width: 100%;
    height: auto;
    display: block;
}

#mobile_app_binner .right-image {
    flex: 0 1 clamp(180px, 30vw, 360px);
    align-self: stretch;
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
    overflow: hidden;
}
@media (min-width: 768px){
    #mobile_app_binner .right-image{
        margin-right: 40px;
    }
}

#mobile_app_binner .right-image .img-fluid {
    width: 102%;
    height: 102%;
    object-fit: cover;
    object-position: center right;
    animation: none;
    will-change: transform;
}

@keyframes mobile-binner-float {
    0% {
        transform: translateY(1px);
    }
    50% {
        transform: translateY(8px);
    }
    100% {
        transform: translateY(-2px);
    }
}

.rm-footer-alt-col--follow .rm-footer-title:not(.rm-footer-alt-social-heading){
    display: none!important;
}

@media (max-width: 767px) {
    #mobile_app_binner {
        min-height: auto;
        margin-left: 0;
        margin-right: 0;
        padding: 14px 12px 0;
    }

    #mobile_app_binner .text-buttons {
        padding: 10px;
        width: 100%;
    }

    #mobile_app_binner .binner-appbar-title {
        padding-top: 10px;
        font-size: 22px;
        line-height: 1.5;
    }

    #mobile_app_binner .binner-appbar-subtitle {
        margin-top: 8px;
        font-size: 14px;
        line-height: 1.2;
        padding-bottom: 5px;
    }

    #mobile_app_binner .buttons {
        margin-top: 12px;
        width: 100%;
        justify-content: space-between;
        gap: 10px;
    }

    #mobile_app_binner .buttons .rm-footer-alt-store-link,
    #mobile_app_binner .buttons .rm-app-store-btn {
        width: calc(50% - 5px);
    }

    #mobile_app_binner .buttons .img-fluid {
        width: 100%;
        height: auto;
    }

    #mobile_app_binner .right-image {
        flex: 0 0 100%;
        width: 100%;
        align-self: auto;
        justify-content: center;
        align-items: flex-end;
        margin-top: 12px;
        overflow: visible;
    }

    #mobile_app_binner .right-image .img-fluid {
        width: min(320px, 92%);
        height: auto;
        object-fit: contain;
        object-position: center bottom;
        animation: none;
        transform: none;
    }
    .rm-footer-alt .rm-footer-alt-credits-wrap{
        border-top: 1px solid #0000001a;
    }
    .rm-footer-alt .rm-footer-alt-gift-text{
        text-align: left;
    }
    .rm-footer-contacts-btn{
        display: none!important;
    }
    .rm-footer-alt-col--info .rm-footer-title-toggle-icon {
        display: none!important;
    }
    #footer-subscribe{
        padding: 0!important;
    }
}

@media (max-width: 360px) {
    #mobile_app_binner .buttons {
        flex-direction: column;
    }

    #mobile_app_binner .buttons .rm-footer-alt-store-link,
    #mobile_app_binner .buttons .rm-app-store-btn {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    #mobile_app_binner .right-image .img-fluid {
        animation: none;
    }
}

.rm-footer-alt{
    padding: 0!important;
}
.rm-footer-alt .rm-footer-alt-main {
    width: 100vw;
    max-width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    box-sizing: border-box;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    background-color: rgb(255, 255, 255);
}

.rm-footer-alt .rm-footer-alt-main > .container {
    position: relative;
    z-index: 1;
}

.rm-footer-alt .rm-footer-alt-credits-wrap {
    width: 100vw;
    max-width: 100vw;
    position: relative;
    left: 50%;
    margin-left: -50vw;
    box-sizing: border-box;
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: rgb(255, 255, 255);
}

.rm-footer-alt .rm-footer-alt-appbar {
    width: 100vw;
    max-width: 100vw;
    position: relative;
    left: 50%;
    margin-left: -50vw;
    box-sizing: border-box;
    background: #F68121;
    border-top: 1px solid rgba(255, 255, 255, 0.28);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.rm-footer-alt .rm-footer-alt-appbar-inner {
    min-height: 74px;
    padding: 12px 0;
    gap: 16px;
    flex-wrap: wrap;
    justify-content: center;
}

.rm-footer-alt .rm-footer-alt-appbar-middle {
    text-align: center;
    min-width: 0;
    padding: 0 3em;
}
.rm-footer-alt-appbar-text{
    text-align: left;
}

.rm-footer-alt .rm-footer-alt-appbar-title {
    color: #ffffff;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
}

.rm-footer-alt .rm-footer-alt-appbar-subtitle {
    margin-top: 4px;
    color: rgba(255, 255, 255, 0.95);
    font-size: 14px;
    line-height: 1.2;
}

.rm-footer-alt .rm-footer-alt-appbar-left {
    justify-content: center;
    /*margin-right: 12px;*/
}

.rm-footer-alt .rm-footer-alt-appbar-right {
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
}

.rm-footer-alt .rm-footer-alt-appbar-logo {
    width: 75px;
    height: 75px;
    object-fit: contain;
    margin-right: 0;
}

.rm-footer-alt .rm-footer-alt-store-link {
    display: inline-flex;
}

#rm-app-fixed-promo .rm-app-store-btn.rm-app-store-btn--hidden-device {
    display: none !important;
}

.rm-app-store-btn img,
#mobile_app_binner .buttons .rm-footer-alt-store-link img {
    box-shadow: 0px 2px 6px #00000054;
    border-radius: 12px;
}

.rm-app-store-btn:hover img,
.rm-app-store-btn:focus img,
.rm-app-store-btn:focus-visible img,
#mobile_app_binner .buttons .rm-footer-alt-store-link:hover img,
#mobile_app_binner .buttons .rm-footer-alt-store-link:focus img,
#mobile_app_binner .buttons .rm-footer-alt-store-link:focus-visible img {
    box-shadow: 0px 2px 8px #00000075;
}

.rm-footer-alt .rm-footer-alt-store-img {
    width: 135px;
    max-width: 100%;
    height: auto;
    display: block;
    margin-right: 1em;
}

.rm-footer-alt .rm-footer-alt-col--follow .rm-footer-title.rm-footer-alt-social-heading {
    margin-top: 1rem;
}

.rm-footer-alt .cc-footer-socials-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 16px;
    margin: 0;
    padding: 0;
}

.rm-footer-alt .cc-footer-socials-item {
    margin: 0;
    padding: 0;
}

.rm-footer-alt .cc-footer-socials-link {
    display: inline-flex;
    align-items: center;
    color: #000000;
    text-decoration: none;
    font-weight: 400;
    gap: 8px;
    line-height: 1.25;

}

.rm-footer-alt .cc-footer-socials-icon {
    color: #F68121;
    font-size: 18px;
    width: 20px;
    text-align: center;
    flex: 0 0 20px;
}

.rm-footer-alt .cc-footer-socials-title {
    color: inherit;
    border-bottom: 1px solid;
}

.rm-footer-alt .cc-footer-socials-link:hover,
.rm-footer-alt .cc-footer-socials-link:focus {
    color: #F68121;
}

.rm-footer-alt .rm-footer-alt-email-title {
    margin-top: 0.75rem;
}

.rm-footer-alt .rm-footer-title-with-icon {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.rm-footer-alt .rm-footer-title-icon,
.rm-footer-alt .rm-footer-phone-icon {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 28px;
}

.rm-footer-alt .rm-footer-phone-icon {
    margin-right: 8px;
}

.rm-footer-alt .rm-footer-title-icon svg,
.rm-footer-alt .rm-footer-phone-icon svg {
    max-width: 18px;
    max-height: 18px;
}

.rm-footer-alt .rm-footer-phone-dropdown {
    display: inline-block;
    position: relative;
}

.rm-footer-alt .rm-footer-phone-main {
    color: #272323;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 500;
}

.rm-footer-alt .rm-footer-phone-main a {
    color: inherit;
    text-decoration: none;
}

.rm-footer-alt .rm-footer-phone-main.rm-dropdown-toggle::after {
    background: #F68121;
    width: 8px;
    height: 8px;
}

.rm-footer-alt .rm-footer-phone-dropdown .rm-dropdown {
    top: calc(100% - 6px);
    left: 0;
    transform: translate(0, 0);
    min-width: 100%;
    padding-top: 10px;
}

.rm-footer-alt .rm-footer-phone-dropdown .rm-dropdown::after {
    left: 16px;
}

.rm-footer-alt .rm-footer-phone-dropdown-list {
    min-width: 190px;
    border: none!important;
    box-shadow: none!important;
}

.rm-footer-alt .rm-footer-phone-dropdown-list li a {
    display: block;
    padding: 10px 14px;
    color: inherit;
    text-decoration: underline;
    font-weight: 500;
}

.rm-footer-alt .rm-footer-phone-dropdown-list li a:hover {
    color: #F68121;
}

.rm-footer-alt .rm-footer-alt-col--contacts .rm-footer-text,
.rm-footer-alt .rm-footer-alt-col--contacts .rm-footer-shedule-list-item,
.rm-footer-alt .rm-footer-alt-col--contacts .rm-footer-mail-link,
.rm-footer-alt .rm-footer-alt-col--contacts .rm-footer-phones-link {
    font-weight: 500;
}

.rm-footer-alt .rm-footer-alt-col--contacts .rm-footer-phones-link {
    color: rgb(101, 108, 125);
}

.rm-footer-alt .agree {
    padding: 0 4px;
    color: #F68121;
}

.rm-footer-alt .agree:hover,
.rm-footer-alt .agree:focus {
    color: #F68121;
}

.rm-footer-alt .rm-footer-alt-col--contacts a {
    color: inherit;
    text-decoration: underline;
}

.rm-footer-alt .rm-footer-alt-col--contacts .binct-phone-number-1 {
    /*font-weight: 600;*/
    text-decoration: none;
    font-size: 16px!important;
}

.rm-footer-alt .rm-footer-alt-col--contacts .rm-footer-mail-link {
    font-weight: 500;
    color: #272323;
    font-size: 14px;
    line-height: 1.35;
    text-decoration: none;
}

.rm-footer-alt .rm-footer-shedule-list {
    margin-top: 0;
}

.rm-footer-alt .rm-footer-email-inline {
    gap: 8px;
}

.rm-footer-alt .rm-footer-email-inline .rm-footer-title-icon {
    margin-right: 0;
}

.rm-footer-alt .rm-footer-alt-gift {
    gap: 10px;
    margin-bottom: 12px;
}

.rm-footer-alt .rm-footer-alt-gift-text {
    color: #272323;
    font-size: 13px;
    line-height: 1.25;
}

.rm-footer-alt .rm-footer-links-list li a {
    color: #272323;
}

.rm-footer-alt .rm-footer-alt-gift-icon {
    flex: 0 0 30px;
}
.rm-footer-alt .rm-footer-links-list.list-unstyled{
    margin-top: 15px;
}
.rm-footer-alt .rm-footer-alt-col--contacts .rm-footer-mobile-inner > * {
    display: block;
    width: 100%;
}
.rm-footer-alt .rm-footer-credits{
    font-weight: 500;
}

@media (min-width: 992px) {
    .rm-footer-alt .rm-footer-alt-cols {
        align-items: flex-start;
    }

    .rm-footer-alt .rm-footer-alt-col {
        padding-right: 24px;
    }

    .rm-footer-alt .rm-footer-links-list li,
    .rm-footer-alt .rm-footer-shedule-list li,
    .rm-footer-alt .rm-footer-phones li {
        margin-bottom: 6px;
    }

    .rm-footer-alt .rm-social {
        margin-left: -3px;
    }

    .rm-footer-alt .rm-footer-credits {
        border-top: 1px solid #f1f1f1;
        margin-top: 0;
        padding-top: 16px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .rm-footer-alt .rm-footer-alt-appbar-title {
        font-size: 13px;
    }

    .rm-footer-alt .rm-footer-alt-store-img {
        width: 150px;
    }
}

@media (max-width: 767px) {
    .rm-footer-alt .rm-footer-alt-appbar-inner {
        min-height: 0;
        gap: 0;
        row-gap: 10px;
        padding: 30px 15px;
        justify-content: space-between;

    }

    .rm-footer-alt .rm-footer-alt-appbar-middle {
        order: 1;
        flex: 0 0 100%;
        width: 100%;
        padding: 0;
        text-align: center;
    }

    .rm-footer-alt .rm-footer-alt-appbar-text {
        text-align: center;
    }

    .rm-footer-alt .rm-footer-alt-appbar-title {
        font-size: 23px;
        line-height: 1.1;
        font-weight: 700;
    }

    .rm-footer-alt .rm-footer-alt-appbar-subtitle {
        margin-top: 6px;
        font-size: 15px;
        line-height: 1.15;
        font-weight: 400;
        margin-bottom: 15px;
    }

    .rm-footer-alt .rm-footer-alt-appbar-left {
        order: 2;
        flex: 0 0 50%;
        max-width: 50%;
        justify-content: flex-start;
        align-items: center;
    }

    .rm-footer-alt .rm-footer-alt-appbar-logo {
        width: 100%;
        max-width: 108px;
        height: auto;
    }

    .rm-footer-alt .rm-footer-alt-appbar-right {
        order: 3;
        flex: 0 0 50%;
        max-width: 50%;
        justify-content: center;
        align-items: flex-end;
        flex-direction: column;
        gap: 8px;
    }

    .rm-footer-alt .rm-app-store-btn {
        width: 100%;
        max-width: 220px;
    }

    .rm-footer-alt .rm-footer-alt-store-img {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
    }

    .rm-footer-alt .rm-footer-mobile-inner,
    .rm-footer-alt .rm-footer-mobile-inner.white {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        margin-left: 0;
        margin-right: 0;
    }

    .rm-footer-alt .rm-footer-alt-main,
    .rm-footer-alt .rm-footer-alt-main .container,
    .rm-footer-alt .rm-footer-alt-credits-wrap,
    .rm-footer-alt .rm-footer-alt-col,
    .rm-footer-alt .rm-footer-alt-col [class*="text-center"] {
        text-align: left !important;
    }

    .rm-footer-alt .rm-footer-alt-credits-wrap .rm-footer-credits {
        text-align: center !important;
    }

    .rm-footer-alt .rm-footer-alt-appbar-middle,
    .rm-footer-alt .rm-footer-alt-appbar-text {
        text-align: left !important;
    }

    .rm-footer-alt .rm-footer-title-toggle.d-flex,
    .rm-footer-alt .rm-footer-phone-main.d-flex,
    .rm-footer-alt .rm-footer-email-inline.d-flex,
    .rm-footer-alt .rm-footer-alt-gift.d-flex,
    .rm-footer-alt .rm-footer-payments-list.d-flex {
        justify-content: flex-start !important;
    }

    .rm-footer-alt .rm-footer-alt-cols {
        display: flex;
        flex-direction: column;
    }

    .rm-footer-alt .rm-footer-alt-col--follow {
        order: 1;
    }

    .rm-footer-alt .rm-footer-alt-col--contacts {
        order: 2;
    }

    .rm-footer-alt .rm-footer-alt-col--info {
        order: 3;
    }

    .rm-footer-alt .rm-footer-alt-col--follow .rm-footer-mobile-inner {
        display: flex;
        flex-direction: column;
    }

    .rm-footer-alt .rm-footer-alt-col--follow .rm-footer-alt-gift {
        order: 1;
    }

    .rm-footer-alt .rm-footer-alt-col--follow .rm-footer-mobile-inner > .rm-footer-title:not(.rm-footer-alt-social-heading),
    .rm-footer-alt .rm-footer-alt-col--follow .rm-footer-mobile-inner > .rm-footer-subscribe,
    .rm-footer-alt .rm-footer-alt-col--follow .rm-footer-mobile-inner > #footer-subscribe,
    .rm-footer-alt .rm-footer-alt-col--follow .rm-footer-mobile-inner > script {
        order: 2;
    }

    .rm-footer-alt .rm-footer-alt-col--follow .rm-footer-alt-social-heading,
    .rm-footer-alt .rm-footer-alt-col--follow .cc-footer-socials-grid {
        order: 3;
    }
}

/* Мобільна плашка додатку: fixed зверху вікна (як до експерименту з потоком); розмітка — перший блок у <footer> */
/* Поверх #rm_mobile_nav (1030) і #logo (1031); нижче .rm-sidebar (10023) */
#rm-app-fixed-promo.rm-app-fixed-promo {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 75px;
    z-index: 1042 !important;
    box-sizing: border-box;
    background: #F9B5A0;
    overflow: hidden;
    transform: translateY(-100%);
    opacity: 0;
    pointer-events: none;
    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.32s ease;
    will-change: transform;
}

#rm-app-fixed-promo.rm-app-fixed-promo.is-visible {
    transform: translateY(0) !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

@media (max-width: 1199px) {
    html {
        transition: padding-top 0.4s cubic-bezier(0.22, 1, 0.36, 1);
    }

    html.rm-app-fixed-promo-on {
        padding-top: 75px !important;
    }

    #logo,
    #rm_mobile_nav,
    #cart.rm-header-cart {
        transition: top 0.4s cubic-bezier(0.22, 1, 0.36, 1);
    }

    html.rm-app-fixed-promo-on #logo,
    html.rm-app-fixed-promo-on #rm_mobile_nav,
    html.rm-app-fixed-promo-on #cart.rm-header-cart {
        top: 75px !important;
    }
}

@media (min-width: 1200px) {
    html.rm-app-fixed-promo-on {
        padding-top: 0 !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    #rm-app-fixed-promo.rm-app-fixed-promo,
    #rm-app-fixed-promo.rm-app-fixed-promo.is-visible {
        transition-duration: 0.01ms !important;
    }

    #logo,
    #rm_mobile_nav,
    #cart.rm-header-cart {
        transition-duration: 0.01ms !important;
    }
}

.rm-app-fixed-promo-inner {
    height: 75px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0px 0 0px;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    column-gap: 6px;
    padding-top: 0;
}

.rm-app-fixed-promo-left {
    grid-column: 1;
    display: flex;
    flex-direction: row;
    /*align-items: center;*/
    align-items: end;
    justify-content: flex-start;
    gap: 2px;
    min-width: 0;
}

.rm-app-fixed-promo-close {
    flex: 0 0 auto;
    width: 32px;
    height: 36px;
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    font-size: 40px;
    line-height: 1;
    color: #272323;
    cursor: pointer;
    margin-right: 8px;
}

.rm-app-fixed-promo-text {
    flex: 0 1 auto;
    min-width: 0;
    text-align: left;
}

.rm-app-fixed-promo-line1 {
    font-size: 15px;
    line-height: 1.1;
    color: #272323;
}

.rm-app-fixed-promo-line2 {
    font-size: 14px;
    line-height: 1.1;
    font-weight: 700;
    color: #272323;
}

.rm-app-fixed-promo-center {
    grid-column: 2;
    justify-self: center;
    align-self: start;
    padding: 0;
    margin: 0;
    line-height: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.rm-app-fixed-promo-crab {
    width: auto;
    height: 75px;
    max-height: 75px;
    max-width: min(120px, 28vw);
    object-fit: contain;
    object-position: top center;
    display: block;
    margin: 0;
    padding: 0;
}

.rm-app-fixed-promo-slot {
    /* grid-column: 3; */
    /* justify-self: end; */
    display: flex;
    align-items: center;
     justify-content: flex-end;
    margin-right: 15px;
}

.rm-app-fixed-promo-slot .rm-footer-alt-appbar-right {
    gap: 0;
}

.rm-app-fixed-promo-slot .rm-app-store-btn .rm-footer-alt-store-img {
    width: 100px;
    max-width: 118px;
}

/* Десктоп: ховаємо (JS показує лише до 1199px — інакше «немає» на планшетах 992–1199) */
@media (min-width: 1200px) {
    #rm-app-fixed-promo.rm-app-fixed-promo,
    .rm-app-fixed-promo {
        display: none !important;
    }
}

/* Wrapper must not break appbar-inner flex: children (.rm-footer-alt-appbar-right) stay flex items of the row */
#rm-footer-appbar-stores-mount {
    display: contents;
}