/* Shared PNG artwork for desktop navigation, mobile categories and bottom bar. */
.menu-png-icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    object-fit: contain;
    vertical-align: middle;
}
.desktop-nav a > span { min-height: 34px; display: grid; place-items: center; }
.desktop-nav .menu-png-icon { width: 34px; height: 34px; }
.mobile-menu .menu-png-icon { width: 36px; height: 36px; }
.bottom-nav .menu-png-icon { width: 30px; height: 30px; }
.mh-cat .mh-cat-ico {
    width: 56px;
    height: 56px;
    background: linear-gradient(145deg, #fffdf6, #f1f5fc);
    border: 1px solid #e8edf4;
    border-radius: 16px;
    box-shadow: 0 3px 9px rgba(16, 32, 48, .05);
}
.mh-cat .menu-png-icon { width: 50px; height: 50px; }
.mh-cat.is-active .mh-cat-ico {
    background: #fff6db;
    border-color: #e9c76e;
    box-shadow: 0 3px 10px rgba(193, 146, 40, .12);
}
.mh-cat:hover .mh-cat-ico { border-color: #d6b86f; }
@media (max-width: 360px) {
    .mh-cat .mh-cat-ico { width: 48px; height: 48px; border-radius: 14px; }
    .mh-cat .menu-png-icon { width: 44px; height: 44px; }
}

.site-header .brand { flex: 0 1 210px; min-width: 0; }
.brand-logo { display: block; width: 210px; max-width: 100%; height: auto; object-fit: contain; }
@media (max-width: 820px) {
    .site-header .brand { flex-basis: 170px; }
    .brand-logo { width: 170px; }
    .site-header .header-actions { flex-shrink: 0; }
}
@media (max-width: 360px) {
    .site-header .brand { flex-basis: 140px; }
    .brand-logo { width: 140px; }
}

.bottom-nav .menu-png-icon { width: 44px; height: 52px; object-fit: contain; }
.desktop-nav .menu-png-icon, .mobile-menu .menu-png-icon { width: 42px; height: 50px; }