/* 首页上滑隐藏 logo 栏，仅保留 tab 菜单栏置顶 */
/* 注意：隐藏只使用 transform + opacity（纯合成层动画），不要改 max-height/padding，
   否则滚动时会改变文档高度，导致页面内容和滚动条上下抖动 */
.logo-bar-area {
    max-height: 120px;
    overflow: hidden;
    transition: opacity .3s ease, transform .35s ease;
    will-change: transform;
}
.logo-bar-area.logo-hidden {
    opacity: 0;
    transform: translateY(-100%);
    pointer-events: none;
}
.header-menu-bar {
    position: sticky;
    top: 0;
    z-index: 1021;
    transition: top .35s ease;
}

/* PC端：左右两侧面板与幻灯片高度对齐 */
@media (min-width: 992px) {
    /* 左侧列变为 flex 容器 */
    .col-lg-3.position-static.d-none.d-lg-block {
        display: flex !important;
    }

    /* 右侧列变为 flex 容器 */
    .col-lg-2.order-3 {
        display: flex;
    }

    /* 左侧分类菜单撑满列高 */
    .aiz-category-menu {
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
    }

    /* 右侧今日特惠面板撑满列高 */
    .col-lg-2 > .bg-white.rounded.shadow-sm {
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
    }

    /* 右侧产品列表取消固定高度，自动伸缩 */
    .col-lg-2 .h-lg-400px {
        height: auto !important;
        flex: 1 1 auto;
    }
}