.ast-builder-grid-row-top {
    transition: transform 0.3s ease;
}

.ast-builder-grid-row-top.hide-top {
    transform: translateY(-100%);
}

/* ===============================
   STICKY HEADER STRUCTURE
================================ */

/* Make middle + bottom sticky */
.ast-builder-grid-row-middle,
.ast-builder-grid-row-bottom {
    position: sticky;
    z-index: 999;
    background: #fff;
}

/* Middle row sticks at top */
.ast-builder-grid-row-middle {
    top: 0;
}

/* Bottom row sits below middle */
.ast-builder-grid-row-bottom {
    top: 80px; /* adjust if needed */
}

/* ===============================
   HIDE ONLY TOP BAR
================================ */

.ast-builder-grid-row-top {
    transition: transform 0.3s ease, opacity 0.3s ease;
}

/* Hidden state */
.hide-top {
    transform: translateY(-100%);
    opacity: 0;
}

/* ===============================
   OPTIONAL SHADOW (PROFESSIONAL LOOK)
================================ */

.header-scrolled .ast-builder-grid-row-middle {
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}