.mangarama-fwm{
    --mfw-width:1220px;
    --mfw-offset-x:0px;
    --mfw-offset-y:-4px;
    --mfw-panel-rotate:0deg;
    --mfw-z:99990;
    position:fixed;
    width:min(98vw,var(--mfw-width));
    z-index:var(--mfw-z);
    pointer-events:none;
    isolation:isolate;
    transform-origin:center;
}

.mangarama-fwm--pos-top-left{top:env(safe-area-inset-top,0px);left:0;transform:translate(var(--mfw-offset-x),var(--mfw-offset-y)) rotate(var(--mfw-panel-rotate));transform-origin:top left}
.mangarama-fwm--pos-top-center{top:env(safe-area-inset-top,0px);left:50%;transform:translate(calc(-50% + var(--mfw-offset-x)),var(--mfw-offset-y)) rotate(var(--mfw-panel-rotate));transform-origin:top center}
.mangarama-fwm--pos-top-right{top:env(safe-area-inset-top,0px);right:0;transform:translate(var(--mfw-offset-x),var(--mfw-offset-y)) rotate(var(--mfw-panel-rotate));transform-origin:top right}
.mangarama-fwm--pos-center-left{top:50%;left:0;transform:translate(var(--mfw-offset-x),calc(-50% + var(--mfw-offset-y))) rotate(var(--mfw-panel-rotate));transform-origin:center left}
.mangarama-fwm--pos-center{top:50%;left:50%;transform:translate(calc(-50% + var(--mfw-offset-x)),calc(-50% + var(--mfw-offset-y))) rotate(var(--mfw-panel-rotate));transform-origin:center}
.mangarama-fwm--pos-center-right{top:50%;right:0;transform:translate(var(--mfw-offset-x),calc(-50% + var(--mfw-offset-y))) rotate(var(--mfw-panel-rotate));transform-origin:center right}
.mangarama-fwm--pos-bottom-left{bottom:env(safe-area-inset-bottom,0px);left:0;transform:translate(var(--mfw-offset-x),var(--mfw-offset-y)) rotate(var(--mfw-panel-rotate));transform-origin:bottom left}
.mangarama-fwm--pos-bottom-center{bottom:env(safe-area-inset-bottom,0px);left:50%;transform:translate(calc(-50% + var(--mfw-offset-x)),var(--mfw-offset-y)) rotate(var(--mfw-panel-rotate));transform-origin:bottom center}
.mangarama-fwm--pos-bottom-right{bottom:env(safe-area-inset-bottom,0px);right:0;transform:translate(var(--mfw-offset-x),var(--mfw-offset-y)) rotate(var(--mfw-panel-rotate));transform-origin:bottom right}


/* Прямокутне меню без зображення: завжди прилягає до верхнього або нижнього краю. */
.mangarama-fwm--fallback{
    width:min(100vw,var(--mfw-width));
}
.mangarama-fwm--fallback.mangarama-fwm--dock-top{
    top:0;
    bottom:auto;
    left:50%;
    right:auto;
    transform:translate(calc(-50% + var(--mfw-offset-x)),0) rotate(var(--mfw-panel-rotate));
    transform-origin:top center;
}
.mangarama-fwm--fallback.mangarama-fwm--dock-bottom{
    top:auto;
    bottom:0;
    left:50%;
    right:auto;
    transform:translate(calc(-50% + var(--mfw-offset-x)),0) rotate(var(--mfw-panel-rotate));
    transform-origin:bottom center;
}
.mangarama-fwm--fallback .mangarama-fwm__stage{
    aspect-ratio:auto;
    height:var(--mfw-fallback-height);
}
.mangarama-fwm--fallback.mangarama-fwm--full-bleed{
    width:100vw!important;
    max-width:none!important;
    left:0!important;
    right:auto!important;
}
.mangarama-fwm--fallback.mangarama-fwm--full-bleed.mangarama-fwm--dock-top{
    transform:translate(0,0) rotate(var(--mfw-panel-rotate));
    transform-origin:top center;
}
.mangarama-fwm--fallback.mangarama-fwm--full-bleed.mangarama-fwm--dock-bottom{
    transform:translate(0,0) rotate(var(--mfw-panel-rotate));
    transform-origin:bottom center;
}

.mangarama-fwm__stage{
    position:relative;
    width:100%;
    aspect-ratio:1625 / 759;
    pointer-events:none;
    overflow:visible;
}

.mangarama-fwm__background{
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    box-shadow:0 10px 34px rgba(0,0,0,.28);
}

.mangarama-fwm__web{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:fill;
    pointer-events:none;
    user-select:none;
    -webkit-user-drag:none;
    filter:drop-shadow(0 0 8px rgba(114,73,255,.25));
    z-index:1;
}

.mangarama-fwm__buttons{
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
}

.mangarama-fwm__button{
    appearance:none;
    -webkit-appearance:none;
    position:absolute;
    left:var(--mfw-x);
    top:var(--mfw-y);
    transform:translate(-50%,-50%) rotate(var(--mfw-btn-rotate));
    transform-origin:center;
    display:flex;
    align-items:center;
    justify-content:center;
    width:var(--mfw-btn-width);
    aspect-ratio:1 / 1;
    padding:0;
    margin:0;
    border:0;
    border-radius:30%;
    background:transparent;
    text-decoration:none!important;
    cursor:pointer;
    pointer-events:auto;
    transition:transform .16s ease,filter .16s ease;
    outline-offset:4px;
    -webkit-tap-highlight-color:transparent;
}

.mangarama-fwm__button img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    pointer-events:none;
    user-select:none;
    -webkit-user-drag:none;
}

.mangarama-fwm__button:hover,
.mangarama-fwm__button:focus-visible{
    transform:translate(-50%,-50%) rotate(var(--mfw-btn-rotate)) scale(1.06);
    filter:brightness(1.09) drop-shadow(0 0 10px rgba(0,191,255,.55));
}

.mangarama-fwm__button:active{
    transform:translate(-50%,-50%) rotate(var(--mfw-btn-rotate)) scale(.96);
}

.mangarama-fwm__spider{
    position:absolute;
    left:var(--mfw-spider-x);
    top:var(--mfw-spider-y);
    width:var(--mfw-spider-size);
    height:auto;
    object-fit:contain;
    transform:translate(-50%,-50%) rotate(var(--mfw-spider-rotate));
    transform-origin:center;
    pointer-events:none;
    user-select:none;
    -webkit-user-drag:none;
    z-index:3;
    filter:drop-shadow(0 0 12px rgba(102,55,255,.32));
}

@media (min-width:783px){
    .mangarama-fwm--mobile{display:none!important}
}

@media (max-width:782px){
    .mangarama-fwm--desktop{display:none!important}
    .mangarama-fwm{width:min(99vw,var(--mfw-width))}
}

@media (max-width:782px){.mangarama-fwm--fallback.mangarama-fwm--full-bleed{width:100vw!important}}

/* 2.4.1: меню Madara, перенесене з прихованої .c-header__top */
.mobile-menu.mfw-madara-portal {
    z-index: 2147483000 !important;
}

/* 2.5.0: штатна кнопка Madara фізично переноситься у плаваюче меню. */
.mangarama-fwm__native-slot{
    position:absolute;
    left:var(--mfw-x);
    top:var(--mfw-y);
    transform:translate(-50%,-50%) rotate(var(--mfw-btn-rotate));
    transform-origin:center;
    display:flex;
    align-items:center;
    justify-content:center;
    width:var(--mfw-btn-width);
    aspect-ratio:1 / 1;
    padding:0;
    margin:0;
    border:0;
    border-radius:30%;
    background:transparent;
    pointer-events:auto;
    z-index:4;
    -webkit-tap-highlight-color:transparent;
}

.mangarama-fwm__native-slot > img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    pointer-events:none;
    user-select:none;
    -webkit-user-drag:none;
}

/*
 * Реальний гамбургер Madara лежить поверх налаштованої іконки плагіна.
 * Він прозорий тільки візуально: кліки отримує саме оригінальний DOM-вузол теми,
 * тому зберігаються штатні open/close обробники Madara.
 */
.mangarama-fwm__native-slot .mfw-native-madara-toggle{
    display:block!important;
    visibility:visible!important;
    opacity:0!important;
    pointer-events:auto!important;
    cursor:pointer!important;
    position:absolute!important;
    inset:0!important;
    left:0!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    float:none!important;
    transform:none!important;
    z-index:20!important;
}

.mangarama-fwm__native-slot .mfw-native-madara-toggle *{
    pointer-events:none!important;
}


/* 2.5.1: штатна кнопка Madara має ту саму анімацію, що й інші кнопки. */
.mangarama-fwm__native-slot{
    cursor:pointer;
    transition:transform .16s ease,filter .16s ease;
    outline-offset:4px;
}

.mangarama-fwm__native-slot:hover,
.mangarama-fwm__native-slot:focus-within{
    transform:translate(-50%,-50%) rotate(var(--mfw-btn-rotate)) scale(1.06);
    filter:brightness(1.09) drop-shadow(0 0 10px rgba(0,191,255,.55));
}

.mangarama-fwm__native-slot--pressed{
    transform:translate(-50%,-50%) rotate(var(--mfw-btn-rotate)) scale(.96)!important;
}

/* 2.6.8: оформлення штатного висувного меню Madara.
   Підтримує ліву/праву сторону, керований верхній відступ профілю,
   реальні відступи між li та надійні роздільні лінії на самих посиланнях. */
.mobile-menu.mfw-site-menu-styled{
    width:var(--mfw-site-menu-width,320px)!important;
    max-width:92vw!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    z-index:var(--mfw-site-menu-z,99989)!important;
    transition-property:left,right,transform!important;
}

.mobile-menu.mfw-site-menu-styled.mfw-site-side-left{
    border-radius:0 var(--mfw-site-menu-radius,0px) var(--mfw-site-menu-radius,0px) 0!important;
}
.mobile-menu.mfw-site-menu-styled.mfw-site-side-right{
    border-radius:var(--mfw-site-menu-radius,0px) 0 0 var(--mfw-site-menu-radius,0px)!important;
}

.mobile-menu.mfw-site-menu-styled.mfw-site-side-left.off-canvas:not(.active){
    left:calc(0px - min(92vw, var(--mfw-site-menu-width,320px)))!important;
    right:auto!important;
}
.mobile-menu.mfw-site-menu-styled.mfw-site-side-left.off-canvas.active{
    left:0!important;
    right:auto!important;
}
.mobile-menu.mfw-site-menu-styled.mfw-site-side-right.off-canvas:not(.active){
    right:calc(0px - min(92vw, var(--mfw-site-menu-width,320px)))!important;
    left:auto!important;
}
.mobile-menu.mfw-site-menu-styled.mfw-site-side-right.off-canvas.active{
    right:0!important;
    left:auto!important;
}

.mobile-menu.mfw-site-menu-styled > .close-nav{
    display:none!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
}

.mobile-menu.mfw-site-menu-styled .user-section{
    margin-top:0!important;
}
.mobile-menu.mfw-site-menu-styled .mfw-site-profile-block{
    margin-top:var(--mfw-site-avatar-top,12px)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
}
.mobile-menu.mfw-site-menu-styled.mfw-site-user-guest .mfw-site-profile-block{
    flex-direction:row!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
}
.mobile-menu.mfw-site-menu-styled.mfw-site-user-guest .mfw-site-profile-block > *{
    flex:0 0 auto!important;
    width:auto!important;
    margin:0!important;
}
.mobile-menu.mfw-site-menu-styled.mfw-site-user-guest .mfw-site-auth-row{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    width:100%!important;
}
.mobile-menu.mfw-site-menu-styled.mfw-site-user-guest .mfw-site-auth-row a{
    width:auto!important;
    margin:0!important;
}
.mobile-menu.mfw-site-menu-styled.mfw-site-user-authenticated .mfw-site-profile-block > .mfw-rewards-balance{
    align-self:center!important;
}
.mobile-menu.mfw-site-menu-styled .mfw-site-profile-block .mangarama-avatar-wrap{
    position:relative!important;
    display:inline-block!important;
    line-height:0!important;
    overflow:visible!important;
}
.mobile-menu.mfw-site-menu-styled .mfw-site-profile-block .mangarama-avatar-wrap img.avatar{
    position:relative!important;
    z-index:1!important;
}
.mobile-menu.mfw-site-menu-styled .mfw-site-profile-block .mangarama-avatar-frame{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    z-index:2!important;
    pointer-events:none!important;
}
.mobile-menu.mfw-site-menu-styled .mfw-site-profile-block .mangarama-premium-avatar{
    position:relative!important;
    display:inline-block!important;
    max-width:100%!important;
    line-height:0!important;
    overflow:visible!important;
}
.mobile-menu.mfw-site-menu-styled .mfw-site-profile-block .mangarama-premium-avatar__badge{
    position:absolute!important;
    right:-5%!important;
    bottom:-5%!important;
    z-index:4!important;
    width:38%!important;
    min-width:17px!important;
    max-width:34px!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    object-fit:contain!important;
}
.mobile-menu.mfw-site-menu-styled [data-mfw-profile-link]{position:relative;z-index:2;display:inline-flex!important;width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;align-items:center;justify-content:center;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;pointer-events:auto!important;color:inherit!important;line-height:inherit!important;text-decoration:none!important;cursor:pointer}.mobile-menu.mfw-site-menu-styled [data-mfw-profile-link]::before,.mobile-menu.mfw-site-menu-styled [data-mfw-profile-link]::after{content:none!important;display:none!important}.mobile-menu.mfw-site-menu-styled [data-mfw-profile-link]:hover{border:0!important;background:transparent!important;box-shadow:none!important;text-decoration:underline!important}.mobile-menu.mfw-site-menu-styled [data-mfw-profile-link]:focus-visible{outline:2px solid currentColor!important;outline-offset:3px;border-radius:8px!important}
.mobile-menu.mfw-site-menu-styled .mfw-rewards-balance{position:relative;z-index:3;display:inline-flex!important;flex:0 0 auto!important;clear:both!important;width:max-content;align-items:center;justify-content:center;gap:5px;margin:7px auto 0!important;padding:5px 10px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:999px;background:rgba(0,0,0,.16)!important;color:var(--mfw-site-text,#f5f5f7)!important;font-size:13px!important;font-weight:750!important;line-height:1.2!important;text-decoration:none!important}.mobile-menu.mfw-site-menu-styled .mfw-rewards-balance::after{content:none!important}.mobile-menu.mfw-site-menu-styled .mfw-rewards-balance:hover,.mobile-menu.mfw-site-menu-styled .mfw-rewards-balance:focus-visible{border-color:#7c9cff!important;background:rgba(66,103,255,.22)!important;outline:2px solid transparent}
.mobile-menu.mfw-site-menu-styled .off-menu{
    margin-top:0!important;
    padding-top:0!important;
}
.mobile-menu.mfw-site-menu-styled.mfw-has-rewards-balance .off-menu::before{
    content:""!important;
    display:block!important;
    width:min(68%,210px)!important;
    height:1px!important;
    margin:12px auto!important;
    border:0!important;
    background:linear-gradient(90deg,transparent 0%,rgba(117,139,255,.16) 18%,rgba(127,151,255,.34) 50%,rgba(117,139,255,.16) 82%,transparent 100%)!important;
    pointer-events:none!important;
}
.mobile-menu.mfw-site-menu-styled .off-menu > ul,
.mobile-menu.mfw-site-menu-styled .off-menu ul.menu{
    margin:0!important;
    padding:0!important;
    list-style:none!important;
}

.mobile-menu.mfw-site-menu-styled.mfw-site-bg-solid{
    background:var(--mfw-site-menu-bg,#3f67ff)!important;
}
.mobile-menu.mfw-site-menu-styled.mfw-site-bg-gradient{
    background:linear-gradient(var(--mfw-site-menu-bg-angle,90deg),var(--mfw-site-menu-bg,#3f67ff) 0%,var(--mfw-site-menu-bg2,#ff5b45) 100%)!important;
}
.mobile-menu.mfw-site-menu-styled.mfw-site-bg-solid .menu-main-menu-container,
.mobile-menu.mfw-site-menu-styled.mfw-site-bg-solid .menu-menu-container,
.mobile-menu.mfw-site-menu-styled.mfw-site-bg-solid .menu-primary-menu-container,
.mobile-menu.mfw-site-menu-styled.mfw-site-bg-solid .c-modal_item,
.mobile-menu.mfw-site-menu-styled.mfw-site-bg-solid .c-modal_item_inner,
.mobile-menu.mfw-site-menu-styled.mfw-site-bg-gradient .menu-main-menu-container,
.mobile-menu.mfw-site-menu-styled.mfw-site-bg-gradient .menu-menu-container,
.mobile-menu.mfw-site-menu-styled.mfw-site-bg-gradient .menu-primary-menu-container,
.mobile-menu.mfw-site-menu-styled.mfw-site-bg-gradient .c-modal_item,
.mobile-menu.mfw-site-menu-styled.mfw-site-bg-gradient .c-modal_item_inner{
    background:transparent!important;
}

.mobile-menu.mfw-site-menu-styled .off-menu ul li,
.mobile-menu.mfw-site-menu-styled li.menu-item{
    position:relative!important;
    display:block!important;
    min-height:0!important;
    height:auto!important;
    padding:0!important;
    margin:0 0 var(--mfw-site-item-gap,0px)!important;
    border:0!important;
    overflow:visible!important;
    isolation:isolate!important;
}

.mobile-menu.mfw-site-menu-styled .off-menu ul li > a,
.mobile-menu.mfw-site-menu-styled li.menu-item > a{
    position:relative!important;
    z-index:2!important;
    display:block!important;
    box-sizing:border-box!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    color:var(--mfw-site-text,#f5f5f7)!important;
    font-size:var(--mfw-site-text-size,16px)!important;
    font-weight:var(--mfw-site-font-weight,600)!important;
    padding:calc(var(--mfw-site-pad-y,14px) + var(--mfw-site-separator-gap,0px)) var(--mfw-site-pad-x,20px)!important;
    line-height:1.25!important;
    text-align:var(--mfw-site-text-align,center)!important;
    text-decoration:none!important;
    border:0!important;
    background-clip:padding-box!important;
    overflow:visible!important;
}

/* 2.6.8: розділювач живе на самому посиланні й завжди поверх фону. */
.mobile-menu.mfw-site-menu-styled .off-menu ul li > a::after,
.mobile-menu.mfw-site-menu-styled li.menu-item > a::after{
    content:""!important;
    position:absolute!important;
    z-index:5!important;
    left:var(--mfw-site-pad-x,20px)!important;
    right:var(--mfw-site-pad-x,20px)!important;
    bottom:0!important;
    height:var(--mfw-site-separator-width,1px)!important;
    background:var(--mfw-site-separator-color,#30303a)!important;
    opacity:1!important;
    display:block!important;
    border:0!important;
    pointer-events:none!important;
}
.mobile-menu.mfw-site-menu-styled .off-menu ul li:last-child > a::after,
.mobile-menu.mfw-site-menu-styled li.menu-item:last-child > a::after{
    display:none!important;
}

/* Звичайний суцільний/градієнтний активний фон. */
.mobile-menu.mfw-site-menu-styled .current-menu-item > a,
.mobile-menu.mfw-site-menu-styled .current_page_item > a,
.mobile-menu.mfw-site-menu-styled .current-menu-ancestor > a,
.mobile-menu.mfw-site-menu-styled li > a[aria-current="page"]{
    background:var(--mfw-site-active-bg,#6d3bff)!important;
    color:var(--mfw-site-active-text,#fff)!important;
    transition:background .22s ease,color .22s ease!important;
}

/* 2.6.9: compact soft active background.
   The core is a small rounded rectangle; blur creates a long, natural fade
   without turning the highlight into a giant oval. */
.mobile-menu.mfw-site-menu-styled.mfw-site-active-soft .current-menu-item > a,
.mobile-menu.mfw-site-menu-styled.mfw-site-active-soft .current_page_item > a,
.mobile-menu.mfw-site-menu-styled.mfw-site-active-soft .current-menu-ancestor > a,
.mobile-menu.mfw-site-menu-styled.mfw-site-active-soft li > a[aria-current="page"]{
    background:transparent!important;
    color:var(--mfw-site-active-text,#fff)!important;
}
.mobile-menu.mfw-site-menu-styled.mfw-site-active-soft .current-menu-item::before,
.mobile-menu.mfw-site-menu-styled.mfw-site-active-soft .current_page_item::before,
.mobile-menu.mfw-site-menu-styled.mfw-site-active-soft .current-menu-ancestor::before,
.mobile-menu.mfw-site-menu-styled.mfw-site-active-soft li:has(> a[aria-current="page"])::before{
    content:""!important;
    position:absolute!important;
    z-index:1!important;
    top:var(--mfw-site-active-soft-inset-y,9%)!important;
    bottom:var(--mfw-site-active-soft-inset-y,9%)!important;
    left:var(--mfw-site-active-soft-inset-x,14%)!important;
    right:var(--mfw-site-active-soft-inset-x,14%)!important;
    background:var(--mfw-site-active-bg,transparent)!important;
    pointer-events:none!important;
    border-radius:var(--mfw-site-active-soft-radius,12px)!important;
    filter:blur(var(--mfw-site-active-soft-blur,16px))!important;
    transform:translateZ(0)!important;
}

.mobile-menu.mfw-site-menu-styled.mfw-site-animation-smooth{
    transition-duration:var(--mfw-site-animation-duration,280ms)!important;
    transition-timing-function:cubic-bezier(.2,.8,.2,1)!important;
}
.mobile-menu.mfw-site-menu-styled.mfw-site-animation-snappy{
    transition-duration:var(--mfw-site-animation-duration,220ms)!important;
    transition-timing-function:cubic-bezier(.34,1.2,.64,1)!important;
}
.mobile-menu.mfw-site-menu-styled.mfw-site-animation-linear{
    transition-duration:var(--mfw-site-animation-duration,280ms)!important;
    transition-timing-function:linear!important;
}
.mobile-menu.mfw-site-menu-styled.mfw-site-animation-none{
    transition:none!important;
    animation:none!important;
}

.mfw-site-menu-overlay{
    position:fixed;
    inset:0;
    display:block;
    background:var(--mfw-site-overlay-color,#000)!important;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    z-index:var(--mfw-site-overlay-z,99988)!important;
    transition:opacity var(--mfw-site-animation-duration,280ms) ease, visibility 0s linear var(--mfw-site-animation-duration,280ms);
}
.mfw-site-menu-overlay.is-open{
    opacity:var(--mfw-site-overlay-opacity,.55);
    visibility:visible;
    pointer-events:auto;
    transition-delay:0s;
}
.mfw-site-menu-overlay.mfw-site-animation-none{
    transition:none!important;
}


/* 2.6.10 ---------------------------------------------------------------
 * Висувне Madara-меню використовує всю доступну висоту екрана, але його
 * системна смуга прокрутки не займає місце і не відволікає. Прокрутка
 * колесом/пальцем залишається, якщо пунктів колись стане більше за екран.
 */
.mobile-menu.mfw-site-menu-styled{
    top:0!important;
    bottom:0!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
}
.mobile-menu.mfw-site-menu-styled::-webkit-scrollbar,
.mobile-menu.mfw-site-menu-styled *::-webkit-scrollbar{
    width:0!important;
    height:0!important;
    display:none!important;
}

/* Не дозволяємо внутрішнім контейнерам Madara створювати окремий короткий
 * scroll-area. Скролиться лише вся висувна панель, і тільки коли це справді
 * потрібно за висотою контенту. */
.mobile-menu.mfw-site-menu-styled .off-menu,
.mobile-menu.mfw-site-menu-styled .off-menu > ul,
.mobile-menu.mfw-site-menu-styled .off-menu ul.menu,
.mobile-menu.mfw-site-menu-styled .c-modal_item,
.mobile-menu.mfw-site-menu-styled .c-modal_item_inner{
    max-height:none!important;
    height:auto!important;
    overflow:visible!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
}

/* WordPress admin bar займає верх екрана. Даємо меню рівно решту viewport,
 * щоб знизу не втрачалися зайві 32/46 px і "Сімейний режим" не просив
 * непотрібного мікроскролу. */
body.admin-bar .mobile-menu.mfw-site-menu-styled{
    top:32px!important;
    bottom:0!important;
    height:calc(100dvh - 32px)!important;
    min-height:calc(100dvh - 32px)!important;
    max-height:calc(100dvh - 32px)!important;
}
@media (max-width:782px){
    body.admin-bar .mobile-menu.mfw-site-menu-styled{
        top:46px!important;
        height:calc(100dvh - 46px)!important;
        min-height:calc(100dvh - 46px)!important;
        max-height:calc(100dvh - 46px)!important;
    }
}

/* Нижнє прямокутне плаваюче меню: фон завжди доходить до обох боків
 * viewport. Сам nav/stage НЕ розтягуємо, тому X-позиції кнопок (особливо
 * на ПК) залишаються точно такими, як були налаштовані. */
.mangarama-fwm--fallback .mangarama-fwm__background{
    left:calc(50% - var(--mfw-offset-x,0px))!important;
    right:auto!important;
    width:100vw!important;
    max-width:none!important;
    transform:translateX(-50%)!important;
}

/* Пункти лишаються зверху, а заповнені соцмережі утворюють компактний
 * іконковий ряд унизу висувної панелі. */
.mobile-menu.mfw-site-menu-styled{
    display:flex!important;
    flex-direction:column!important;
}

.mobile-menu.mfw-site-menu-styled .off-menu{
    flex:0 0 auto!important;
}

.mobile-menu.mfw-site-menu-styled .mfw-site-socials{
    display:flex!important;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin-top:auto;
    /* Резервуємо місце над нижньою плаваючою панеллю сайту. */
    padding:18px 14px calc(82px + env(safe-area-inset-bottom));
}

.mobile-menu.mfw-site-menu-styled .mfw-site-social{
    display:inline-flex!important;
    width:38px;
    height:38px;
    align-items:center;
    justify-content:center;
    padding:0!important;
    border:1px solid rgba(255,255,255,.18)!important;
    border-radius:50%;
    background:rgba(255,255,255,.045)!important;
    color:var(--mfw-site-text,#f5f5f7)!important;
    text-decoration:none!important;
}

.mobile-menu.mfw-site-menu-styled .mfw-site-social::after{
    content:none!important;
    display:none!important;
}

.mobile-menu.mfw-site-menu-styled .mfw-site-social svg{
    display:block;
    width:19px;
    height:19px;
    fill:currentColor;
}

.mobile-menu.mfw-site-menu-styled .mfw-site-social:hover,
.mobile-menu.mfw-site-menu-styled .mfw-site-social:focus-visible{
    border-color:#5f83ff!important;
    background:rgba(66,103,255,.18)!important;
    color:#fff!important;
    outline:2px solid transparent;
}