#stickySearchClone {
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    position: relative;
}

#stickySearchClone .date-picker,
#stickySearchClone .time-picker-dropdown {
    position: absolute !important;
    z-index: 9999 !important;
    margin-top: 4px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

header.sticky {
    z-index: 1000;
}

#stickySearchSlot {
    z-index: 1001;
}

#stickySearchSlot.hidden {
    display: none !important;
}

#stickySearchSlot.opacity-0 {
    opacity: 0;
}

@media (max-width: 1023px) {
    #stickySearchSlot {
        display: none !important;
    }
}

@media (min-width: 1024px) {
    #stickySearchClone {
        max-width: 680px;
        width: 100%;
        padding: 8px;
    }

    #stickySearchClone form {
        gap: 0.5rem;
    }
    
    #stickySearchClone button {
        font-size: 0.75rem;
    }
    
    #stickySearchClone .bg-gradient-to-r {
        min-width: 36px;
        width: 36px;
        height: 36px;
    }
}