.floating {
    animation: floating 3s ease-in-out infinite;
}

/* @keyframes floating {
    0%,
    100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-15px);
    }
}

.search-container input:focus {
    transform: translateY(-2px);
    box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1);
}

/* تحسين مظهر التمرير السلس */
html {
    scroll-behavior: smooth;
}