.floating-search {
    position: fixed;
    bottom: 15px;
    right: 10px;
    z-index: 1050;
}

.search-form {
    position: absolute;
    bottom: 0;
    right: 60px;
    width: 0;
    opacity: 0;
    transition: all 0.3s ease;
    pointer-events: none;
}

.search-active .search-form {
    width: calc(100vw - 100px);
    max-width: 600px;
    opacity: 1;
    pointer-events: auto;
}

.search-button {
    transition: transform 0.3s ease;
    position: absolute;
    bottom: 0;
    right: 0;
}

.search-active .search-button:not(.submit-ready) {
    transform: rotate(90deg);
}

.search-hint {
    position: fixed;
    bottom: 40px;
    right: 40px;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.3s ease;
    pointer-events: none;
    z-index: 1050;
}

.search-hint.visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}