.header-wrapper.gradient {
    position: absolute;
    width: 100%;
    background: transparent;
    transform: translateY(0);
    transition: transform .2s, background .2s .2s;
}

.shopify-section-header-hidden.shopify-section-header-sticky .header-wrapper.gradient {
    transform: translateY(-100%);
}

.shopify-section-header-sticky.scrolled-past-header .header-wrapper.gradient {
    background: rgb(var(--color-background));
}