/* Desire Gym Sticky Header CSS */

@media (min-width: 1025px) {
    .dg-desktop-sticky {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 99999 !important;
        animation: slideDown 0.3s ease-in-out;
        background-color: #000000;
    }
    .dg-desktop-sticky > ul {
        max-width: 1200px !important;
        margin: 0 auto !important;
        padding: 0 20px !important;
    }
}

/* =========================================
   2. 手机/平板版 Sticky 样式 (原生 sticky 解决跳动挡内容)
   ========================================= */
@media (max-width: 1024px) {
    /* 直接让最外层的 Header 容器变成原生 Sticky */
    #client-custom-header {
        position: -webkit-sticky !important; /* 兼容 Safari */
        position: sticky !important;
        top: 0 !important;
        z-index: 99999 !important;
    }
}

/* 统一下滑出现动画 (只给桌面用) */
@keyframes slideDown {
    from { transform: translateY(-100%); }
    to { transform: translateY(0); }
}