/* Final MenuGo overrides kept separate so legacy compatibility blocks cannot win. */
.mm-chat-list-actions .mm-profile-visibility {
    width: 100% !important;
    min-width: 0 !important;
    height: 52px !important;
    padding: 0 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
}

/* Product discovery and Android scroll stability. */
.mm-product-media-stats .mm-product-card-comments {
    min-width: 34px !important;
    height: 24px !important;
    padding: 0 6px !important;
    border: 1px solid rgba(255, 255, 255, .46) !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    color: #fff !important;
    background: rgba(18, 28, 24, .54) !important;
    -webkit-backdrop-filter: blur(13px) saturate(155%) !important;
    backdrop-filter: blur(13px) saturate(155%) !important;
}
.mm-product-media-stats .mm-product-card-rating,
.mm-product-media-stats .mm-product-card-likes,
.mm-product-media-stats .mm-product-card-comments {
    background: rgba(18, 28, 24, .54) !important;
    -webkit-backdrop-filter: blur(13px) saturate(155%) !important;
    backdrop-filter: blur(13px) saturate(155%) !important;
}
.mm-product-media-stats .mm-product-card-comments b { color: #fff !important; }
.mm-product-card-footer { grid-template-columns: minmax(0, 1fr) !important; }
.mm-product-card-footer > strong {
    gap: 7px !important;
    font-size: 1.4em !important;
}
.mm-product-card-footer > strong small { margin: 0 !important; }
.mm-product-detail-media.is-zoomable { cursor: zoom-in; }
.mm-product-image-viewer {
    position: fixed;
    inset: 0;
    z-index: 10020;
    padding: max(14px, env(safe-area-inset-top)) 14px max(14px, env(safe-area-inset-bottom));
    display: grid;
    place-items: center;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    background: rgba(3, 9, 7, .82);
    transition: opacity .18s ease, visibility .18s ease;
}
.mm-product-image-viewer.open { visibility: visible; opacity: 1; pointer-events: auto; }
.mm-product-image-viewer-card {
    position: relative;
    width: min(92vw, 720px);
    height: min(78dvh, 720px);
    padding: 58px 12px 12px;
    border: 1px solid var(--line);
    border-radius: 24px;
    background: var(--solid);
}
.mm-product-image-viewer-card > button {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    border: 1px solid var(--line);
    border-radius: 13px;
    display: grid;
    place-items: center;
    color: var(--ink);
    background: var(--glass-strong);
}
.mm-product-image-viewer-card > img { width: 100%; height: 100%; object-fit: contain; border-radius: 15px; }

/* Product card alignment and a complete, readable image viewer. */
.mm-page[data-page="menu"] .mm-product-media-stats{right:auto!important;left:50%!important;width:max-content!important;justify-content:center!important;transform:translateX(-50%)!important}
.mm-page[data-page="menu"] .mm-product-card-footer>strong{gap:3px!important;font-size:.98rem!important;line-height:1.35!important}
.mm-page[data-page="menu"] .mm-products-scroll.two-columns .mm-product-card-footer>strong{font-size:.83rem!important}
.mm-product-image-viewer-card{height:min(84dvh,760px);display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px;overflow:hidden}
.mm-product-image-viewer-card>img{min-height:0;filter:contrast(1.06) saturate(1.06)}
.mm-product-image-viewer-copy{padding:13px 14px 11px;border:1px solid var(--line);border-radius:15px;background:var(--glass-strong);text-align:right}
.mm-product-image-viewer-copy>b{display:block;color:var(--ink);font-size:1rem}.mm-product-image-viewer-copy>p{max-height:4.8em;margin:6px 0 9px;overflow:auto;color:var(--muted);font-size:.68rem;line-height:1.9;white-space:pre-line;scrollbar-width:none}.mm-product-image-viewer-copy>p::-webkit-scrollbar{display:none}.mm-product-image-viewer-copy>strong{display:block;color:var(--brand);font-size:.92rem}

@media (max-width: 759px) {
    .mm-page[data-page="categories"] .mm-category-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        grid-auto-rows: minmax(126px, auto) !important;
        gap: 9px !important;
    }
    .mm-page[data-page="categories"] .mm-category-grid > button {
        min-height: 126px !important;
        padding: 10px 5px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 6px !important;
        text-align: center !important;
    }
    .mm-page[data-page="categories"] .mm-category-grid > button > span {
        width: 63px !important;
        height: 63px !important;
        margin: 0 auto 2px !important;
        flex: 0 0 63px !important;
    }
    .mm-page[data-page="categories"] .mm-category-grid > button > b,
    .mm-page[data-page="categories"] .mm-category-grid > button > small {
        width: 100% !important;
        text-align: center !important;
    }
    html:not(.menugo-ios) .mm-page[data-page="menu"] .mm-product {
        content-visibility: visible !important;
        contain: layout paint !important;
        contain-intrinsic-size: auto !important;
    }
    .mm-page[data-page="menu"] .mm-product-media-stats > span {
        -webkit-backdrop-filter: blur(13px) saturate(155%) !important;
        backdrop-filter: blur(13px) saturate(155%) !important;
    }
}

body[data-active-page="chat"] .mm-chat-list-actions .mm-profile-visibility > .mm-visibility-switch {
    position: relative !important;
    width: 39px !important;
    height: 22px !important;
    flex: 0 0 39px !important;
    margin: 0 !important;
    border: 1px solid var(--line) !important;
    border-radius: 999px !important;
    display: block !important;
    background: color-mix(in srgb, var(--muted) 28%, var(--solid)) !important;
    transition: background-color 0.2s ease !important;
}

body[data-active-page="chat"] .mm-profile-visibility > .mm-visibility-switch > b {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: block;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s ease;
}

body[data-active-page="chat"] .mm-profile-visibility.active > .mm-visibility-switch {
    background: var(--brand) !important;
}

body[data-active-page="chat"] .mm-profile-visibility.active > .mm-visibility-switch > b {
    transform: translateX(-17px);
}

.mm-profile-section[data-profile-panel="instagram"] > label {
    display: grid !important;
    gap: 8px !important;
    padding-inline: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

.mm-profile-section[data-profile-panel="instagram"] > label > span {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin: 0 5px !important;
    color: var(--muted) !important;
    font-size: 0.66rem !important;
    font-weight: 900 !important;
    line-height: 1.5 !important;
}

.mm-profile-section[data-profile-panel="instagram"] > label > span::before {
    content: "";
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: var(--brand);
}

.mm-product-slot {
    min-width: 0;
    display: flex;
}

.mm-product-slot > .mm-product {
    width: 100%;
    flex: 1 1 auto;
}

.mm-product-slot.is-virtual {
    height: var(--virtual-product-height, 320px);
    min-height: var(--virtual-product-height, 320px);
    contain: strict;
    pointer-events: none;
}

@media (max-width: 759px) {
    .ambient i {
        display: none !important;
        animation: none !important;
        filter: none !important;
    }

    .mm-page.active {
        animation: none !important;
    }

    body[data-active-page="chat"] .mm-chat-list-actions {
        grid-template-columns: 52px minmax(0, 1fr) 52px !important;
        gap: 9px !important;
    }

    body[data-active-page="chat"] .mm-chat-list-actions .mm-profile-visibility {
        width: 100% !important;
        padding-inline: 10px !important;
    }

    .mm-page[data-page="menu"] .mm-products-scroll {
        -webkit-mask-image: none !important;
        mask-image: none !important;
        -webkit-clip-path: none !important;
        clip-path: none !important;
        scroll-behavior: auto !important;
        transform: none !important;
        will-change: auto !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        contain: layout paint style !important;
        touch-action: pan-y pinch-zoom !important;
        -webkit-overflow-scrolling: touch !important;
        overflow-anchor: none !important;
    }

    .mm-page[data-page="menu"] {
        padding-bottom: 6px !important;
    }

    .mm-page[data-page="menu"] .mm-menu-layout,
    .mm-page[data-page="menu"] .mm-category-dock,
    .mm-page[data-page="menu"] .mm-products-column {
        height: 100% !important;
        min-height: 0 !important;
        margin-bottom: 0 !important;
    }

    .mm-page[data-page="menu"] .mm-products-scroll {
        padding-bottom: 6px !important;
    }

    html:not(.menugo-ios) .mm-page[data-page="menu"] .mm-product {
        content-visibility: auto !important;
        contain: layout paint style !important;
        contain-intrinsic-size: auto 320px !important;
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }

    html.menugo-ios .mm-page[data-page="menu"] .mm-product {
        content-visibility: auto !important;
        contain: layout paint style !important;
        contain-intrinsic-size: auto 320px !important;
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }

    .mm-page[data-page="menu"] .mm-product,
    .mm-page[data-page="menu"] .mm-product-media,
    .mm-page[data-page="menu"] .mm-section-title {
        box-shadow: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }

    .mm-page[data-page="menu"] .mm-product-media {
        contain: strict !important;
    }

    .mm-page[data-page="menu"] .mm-product-media img {
        backface-visibility: hidden !important;
        transform: none !important;
    }

    .mm-page[data-page="menu"] .mm-category-dock {
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        will-change: auto !important;
    }

    .mm-page[data-page="menu"] .mm-category-dock::before {
        filter: none !important;
        opacity: 0.38 !important;
    }

    .mm-page[data-page="menu"] .mm-current-category {
        -webkit-backdrop-filter: blur(18px) saturate(165%) !important;
        backdrop-filter: blur(18px) saturate(165%) !important;
        will-change: auto !important;
    }

    .mm-page[data-page="menu"] .mm-current-category::before {
        filter: blur(8px) !important;
        opacity: 0.66 !important;
    }
}

/* Keep the last mobile rule authoritative: fixed intrinsic heights caused Android scroll jumps. */
@media (max-width: 759px) {
    html:not(.menugo-ios) .mm-page[data-page="menu"] .mm-product {
        content-visibility: visible !important;
        contain: layout paint !important;
        contain-intrinsic-size: auto !important;
    }
    .mm-page[data-page="categories"] .mm-category-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        grid-auto-rows: minmax(126px, auto) !important;
    }
}